/*
Theme Name: Costa
Theme URI: http://www.costa.co.il
Author: Studio Costa
Author URI: http://www.costa.co.il
Description: Studio Costa Custom Theme
Version: 2.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: costa
Tags: custom, costa

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

* {margin:0;padding:0;list-style:none;outline:none;border:none;vertical-align:top;text-decoration:none;font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
:root {--gradient1:linear-gradient(#8A005E,#47005A);--color1:#8A005E}
a[href], input[type='submit'], input[type='image'], label[for], select, button {cursor:pointer}
a,input {transition: all .2s linear;-o-transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear}
img {max-width:100%}
body {cursor:default;font-family: 'Rubik', sans-serif;padding-top:53px}
div.wpcf7-validation-errors {display:none!important;}
.bid_deal {flex-basis:40%;padding:20px}
.bid_ltr {direction:ltr}
.bid_ltr .bidtop {padding:50px 240px 50px 30px}
.bid_ltr .bidlogos {left:auto;right:20px}
.bid_ltr .bidstructurebox li {padding:2px 0 2px 15px}
.bid_ltr .bidstructurebox li:before {right:auto;left:0}
.bid_main {margin:50px auto;max-width:1200px;box-shadow:0 0 30px rgba(0,0,0,.2);background-color:#fff}
.bid_terms {display:flex}
.bidconditions {padding:40px 20px;flex-basis:60%}
.bidconditions h2 {margin:20px;color:#65005d}
.bidconditions ol {margin:0 40px 0 20px;color:#555}
.bidconditions ol li {list-style:decimal;padding:0 0 10px 0}
.bidicons {display:flex;background-color: #fff;padding:20px;}
.bidicons .bidsection {display:flex;flex-wrap:wrap}
.bidh2 {margin:10px;font-weight:100;font-size:2.5em;background:-webkit-linear-gradient(left,#8A005F,#47005B);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height:.9;flex-basis:150px;position:relative}
.bidh2 svg {position:absolute;z-index:-1;fill:#eee;top:-30px;right:0}
.bidsection {flex-basis: calc(100% - 150px);display:flex}
.bidicons section > div {flex-basis:calc(100%/3 - 20px);margin:20px 10px;display:flex}
.bidicons span {color:#666;flex-basis:calc(100% - 50px);line-height:1}
.bidicons svg {height:25px;width:25px;margin-left:20px;flex-basis:50px;flex-grow:1;fill: #8A005F;}
.bidprice {color:#666}
.bidprice h2 {filter:brightness(1.6)}
.bidprice table {width:100%}
.bidprice td {padding:10px;border-top:2px #eee dotted}
.bidprice tr:first-child td {border-top:0}
.bidprice td:last-child {direction:ltr;font-size:1.3em;white-space:nowrap}
.bidprice td small {vertical-align:baseline}
.bidtotal td {border-bottom:0;border-top:2px dotted #8a0060}
.bidtotal b {font-size:1.6em;vertical-align:baseline}
.bidtotal small {vertical-align:baseline;display:inline-block}
.biddeadline {padding:20px 0;color:#333}
.biddeadline table {width:100%}
.biddeadline td {padding:10px;border-top:2px #eee dotted}
.biddeadline tr:first-child td {border-top:0}
.bidtop {padding:50px 30px 50px 240px;background-size:cover;position:relative;color:#fff}
.bidtop:before {content:'';position:absolute;bottom:0;left:0;right:0;top:0;background-image:linear-gradient(to left,#8A005F,#47005B);z-index:1;opacity:.9}
.bidtop h1 {font-size:2.7em;font-weight:normal;position:relative;z-index:2;line-height:.8;}
.bidtop p {color:rgba(255,255,255,.6);position:relative;z-index:2;line-height:1;font-size:1.3em;margin-bottom:10px}
.bidtop time {display:block;position:relative;z-index:2;font-weight:100;font-size:.8em;margin-top:20px}
.bidlogos {position:absolute;top:0;left:20px;background-color:#fff;z-index:2;box-shadow:0 0 5px rgba(0,0,0,.1);max-width:200px}
.bidlogos a {padding:30px;display:block;background-image:linear-gradient(#eee,#fff)}
.bidlogos img {margin:auto}
.bidlogos div {border-top:#eee solid 1px ;padding:30px}
.bidsteps {padding:20px 30px;background-color:#fff;color:#333}
.bidsteps section {display:flex;}
.bidsteps header {padding:10px 10px 10px 200px;display:flex;flex-direction:column;justify-content:center;font-size:1.2em}
.bidsteps div {padding:30px 10px 10px 10px;box-sizing:border-box;flex-basis:calc(100%/4);box-sizing:border-box;max-width:50%}
.bidsteps div b {display:block;font-size:3em;margin-bottom:10px}
.bidsteps div b:after {content:'';display:block;height:2px;background-image:linear-gradient(to left,#8A005F,transparent)}
.bidsteps div b:before {content:'0'}
.bidsteps div span {font-weight:bold;display:block;line-height:1;font-size:1.4em}
.bidsteps div p {line-height:1;margin:10px 0;color:#666}
.bidstructure {padding:20px;display:flex;background-color: #f9f9f9;}
.bidstructurebox {margin:10px;position:relative;box-sizing:border-box;padding:0 20px;flex-grow:1;flex-basis:10%}
.bidstructurebox header {color:#111;padding:0 0 10px 0;position:relative}
.bidstructurebox header p {color:#666;font-size:.9em}
.bidstructurebox h3 {color:#222}
.bidstructurebox ul {margin:5px 0 20px 0;flex-wrap:wrap}
.bidstructurebox li {line-height:1;padding:2px 15px 2px 0;flex-basis:calc(100%/3);position:relative;box-sizing:border-box;color:#444}
.bidstructurebox li:before {content:'';position:absolute;top:7px;right:0;width:7px;height:7px;background-color:#ccc;border-radius:50%}
.bidstructurebox li:last-child {border:0}
.checklist {padding:20px;background-color:#fafafa}
.checklist section {max-width:600px;margin:20px auto;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);overflow:hidden;border-radius:30px}
.checklist h2 {background-image:linear-gradient(to right, #8a005f, #47005b);font-size:1em;color:#fff;text-align:center;padding:10px}
.checklist ul {}
.checklist li {position:relative;padding:20px 55px 20px 0;line-height:1.1;color:#666;border-bottom:1px #eee solid;transition:all .2s ease}
.checklist li:after {content:'';position:absolute;top:10px;right:14px;width:26px;height:26px;transition:all .2s ease;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxkZWZzPiAgICA8c3R5bGU+ICAgICAgLmNscy0xIHsgICAgICAgIGZpbGw6ICM0OWMzMDA7ICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7ICAgICAgfSAgICA8L3N0eWxlPiAgPC9kZWZzPiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNODU1LjUyNiwzODUuNDgxQTEuNjY0LDEuNjY0LDAsMCwwLDg1NC4zLDM4NWExNi4zNDIsMTYuMzQyLDAsMCwwLTIuNDY2LjIzNSw3LjQ4LDcuNDgsMCwwLDAtMi4xNTEuNTc2LDkuNzI0LDkuNzI0LDAsMCwwLTEuOTU4LDEuNzA3LDM3LjE2MiwzNy4xNjIsMCwwLDAtMy4yOTMsNC4xOGMtMS4zMTYsMS44Ny0yLjQ3NywzLjY5MS0zLjQ1Miw1LjQxMS0wLjg3MiwxLjU0LTEuNzYzLDMuMjMtMi42NTEsNS4wMzRhOS4wNzIsOS4wNzIsMCwwLDAtMS45NTQtMS44NjEsNC40MjQsNC40MjQsMCwwLDAtMi40MzctLjg3NCw0LjM2NSw0LjM2NSwwLDAsMC0yLjUyMywxLDIuOTIyLDIuOTIyLDAsMCwwLTEuNDEsMi4zMjIsMy43MTcsMy43MTcsMCwwLDAsMS4yMzcsMi4yOTUsMjguODgzLDI4Ljg4MywwLDAsMSwyLjkwNywzLjYxNiwxNC45NSwxNC45NSwwLDAsMCwxLjExOSwxLjU2MSwyLjMxNSwyLjMxNSwwLDAsMCwuOTQxLjYxMiw2LjA2NSw2LjA2NSwwLDAsMCwxLjgzNC4xOTEsNS42NzgsNS42NzgsMCwwLDAsMi41LS4zODQsMi44MjUsMi44MjUsMCwwLDAsMS4xMy0xLjEsMjYuMjgxLDI2LjI4MSwwLDAsMCwxLjE2LTIuNTc0LDYzLjAyMiw2My4wMjIsMCwwLDEsNS40LTEwLjIyLDQxLjMsNDEuMywwLDAsMSw2LjUyNi04LjEyMSw2LDYsMCwwLDAsLjk4MS0xLjAyNywxLjcwOSwxLjcwOSwwLDAsMCwuMjY3LTAuOTQ1QTEuNTgsMS41OCwwLDAsMCw4NTUuNTI2LDM4NS40ODFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODMwIC0zODUpIi8+PC9zdmc+);transform:scale(2);opacity:0;visibility:hidden}
.checklist li:focus:before {transform:scale(.8)}
.checklist li:before {content:'';position:absolute;top:18px;right:20px;width:20px;height:20px;border:1px #ccc solid;transition:all .2s ease}
.checklist li:hover {background-color:#fafafa}
.checklist li.checked:after {opacity:1;visibility:visible;transform:scale(1)}
.checklist a {position:absolute;top:20px;left:20px;fill:#ccc;width:20px;height:20px}
.clients {text-align:center}
.clients .h {display:flex;justify-content:center;flex-wrap:wrap}
.client {flex-basis:calc(100%/6 - 30px);border:1px #ddd solid;margin:15px;position:relative;color:#666;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:30px}
.client:hover {transform:translateY(-3px);box-shadow:0 3px 4px rgba(0,0,0,.2)}
.client_logo {filter:grayscale(1)}
.column {flex-grow:1}
.comments a {display: block; margin-top: 0}
.comments svg {width: 1.5em; height: 1.5em; padding: 0 10px}
.custom-logo-link {height:50px;display:block}
.custom-logo-link img {width:auto;height:100%;display:block}
.h {margin:0 auto;position:relative;max-width:1200px}
.header {position:fixed;top:0;right:0;z-index:500;width:100%;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-sizing:border-box}
.header nav {}
.header nav > ul {display:flex;font-size:1.3em}
.header nav > ul > li {position:relative;margin:0 20px}
.header nav > ul > li > a {color:#555;padding:5px 10px;position:relative}
.header nav > ul > li > a:before {content:'';position:absolute;bottom:5px;right:10px;width:calc(100% - 20px);height:1px;background-color:#c2185b;transition:all .2s ease;transform:scale(0,1)}
.header nav > ul > li > a:hover:before,.header nav > ul > li.current-menu-item > a:before {transform:scale(1,1)}
.header nav > ul > li > a:hover,.header nav > ul > li.current-menu-item > a {color:#c2185b}
.header nav > ul > li > ul {position:absolute;visibility:hidden;opacity:0;transform:translateY(10%);transition:all .2s linear;padding:20px 0 0 0}
.header nav > ul > li:hover > ul {visibility:visible;opacity:1;transform:translateY(0%)}
.header nav > ul > li.menu-item-has-children:after {content:'';display:inline-block;width:4px;height:4px;border-bottom:2px #ccc solid;border-left:2px #ccc solid;transform:rotate(-45deg) translate(6px,2px)}
.header nav > ul > li > ul > li {border-top:1px #eee solid}
.header nav > ul > li > ul > li:first-child {border:0}
.header nav > ul > li > ul > li > a {display:block;background-color:#fff;color:#666;padding:5px 10px;white-space:nowrap}
.home_clients {display:flex;padding:40px 20px}
.home_clients figure {display:flex;align-items:center;justify-content:center;flex-grow:1}
.home_clients img {height:50px}
.ll {display:none;width:3em;height:3em;position:relative;background:transparent}
.ll svg {transition:all .2s ease;position:absolute;top:0;right:0;width:100%;height:100%;fill:#555}
.lang a {color:#47005a;text-decoration:underline}

.theblog {display: flex; flex-wrap: wrap; justify-content:center}
.blog_post {position:relative; flex-basis: calc(25% - 20px); border-bottom: 3px solid #333; margin:10px}
.blog_time {position: absolute; top: 0; right: 0; font-size: 1.6em; text-align: center; color: #fff; font-weight: 400; padding:5px; border-left: 1px solid; border-bottom: 1px solid; min-width: 56px; background-color: rgba(0,0,0, .15)}
.blog_time > div {padding: 3px 0}
.day {border-bottom: 1px solid}
.blog_post img {height: auto; width: 100%}
.blog_content {width: 70%; padding: 20px; margin-top: -50px; background-color: #fff;backface-visibility: hidden; overflow: hidden; }
.blog_content h2 a {font-size: .8em;margin-top: 16px;font-weight: 400;line-height: 0;margin-bottom: 0;color: #000;}
.blog_info {display: flex; margin-top: 7px}
.blog_info .tag {padding: 4px 12px;font-size: .9em;border-radius: 2px;background-color: #d13030;color: #fff}
.blog_info .tag a {color:#fff;}
.blog_content p {color: #444; margin: 20px 0; font-size: .9em; line-height: 1.5}
.blog_content .button {padding: 4px 12px;font-size: .9em;color: #666;border-radius: 2px;background-color: transparent;border: 1px solid #888;}
.blog_content .button:hover {color: #fff;background: #d13030;}

.flex_content .h {display:flex}
.onecolumn {max-width:700px;margin:0 auto}


.projects {text-align:center;background:#fff;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center}
.projects_post {flex-basis:20%;padding:30% 0 0 0;height:0;overflow:hidden;position:relative}

/*.projects_post:first-child {flex-basis:40%}*/
.project_more {display:flex}
.project_more a {flex-basis:1%;flex-grow:1;overflow:hidden;position:relative}
.project_more a:hover span {transform:translateY(0)}
.project_more span {position:absolute;bottom:0;right:0;left:0;transition:all .2s ease;color:#fff;text-align:center;background-color:#6d005e;font-size:.8em;transform:translateY(100%)}
.project_more img {height:auto}
.projectInfo {position:absolute;top:30px;right:0;width:100%;z-index:2;transition:all .5s ease;transform:translateY(20px);opacity:0}
.projects_post:hover .projectInfo {opacity:1;transform:translateY(0)}
.projects_post time {color:rgba(0,0,0,0.7);font-size:.8em}
.projects_post > a {display:block;position:absolute;top:0;right:0;width:100%;height:100%}
.projects_post h2 {font-size:1.1em;font-weight:normal;color:#111;line-height:1}
.projects_post h2 a {display:inline-block;color:#111;border-bottom:1px rgba(0,0,0,.3) solid}
.projects_post.light h2 {color:#fff}
.projects_post.light time {color:rgba(255,255,255,.8)}
.projects_post.light h2 a {color:#fff;border-bottom-color:rgba(255,255,255,.3)}
.projects_post_logo {position:absolute;top:25%;right:50%;transform:translateX(50%)}
.projects .wp-post-image {bottom:-9999px;height:100%;left:-9999px;margin:auto;position:absolute;right:-9999px;top:-9999px;width:auto;transition:all .2s linear;z-index:1}
.projects video {position:absolute;top:0;right:0;width:100%;height:100%}
.projects_post:hover .wp-post-image {transform:scale(1.05)}
.projects a span {display:block;color:#0055CC;text-decoration:underline;width:80%;margin:-10px auto 0 auto;font-size:14px}
.project-link {color:#fff;padding:7px 15px;background:#df1f18;border-radius:4px;margin:20px 0 0 0}
.projects_post p {position:absolute;bottom:20px;right:0;width:100%;z-index:2;font-size:.7em;transform:translateY(-10px);transition:all .7s ease;opacity:0}
.projects_post:hover p {opacity:1;transform:translateY(0)}
.projects_post p a {color:#666;mix-blend-mode:screen;text-decoration:underline;display:inline-block;padding:0 5px}
.projects_post p a:hover {color:#000}
.projects_post.light p a {color:#fff}
.project_masonry_item {width:calc(100%/3);overflow:hidden}
.project_masonry_item.wide {width:66.66%}
.project_masonry_item img {width:100%;padding:5px;box-sizing:border-box;transition:all .2s ease}
.project_masonry_item:hover img {transform:scale(1.05)}


.areas {background-color:#fff;text-align:center}
.areas .h {padding:40px 20px}
.areas a {color:#3f3f3f;border:1px #ccc solid;display:inline-block;border-radius:20px;line-height:1;padding:5px 15px;font-size:.9em;margin:3px 0}
.areas span {opacity:.5}
.areas span:before {content:' '}
.areas a:hover {color:#e6452b;border-color:#e6452b}

	/*PROJECT*/
.singleTop {background-size:cover;text-align:center;height:calc(100vh - 53px);background-attachment:fixed;background-position:center center}
.singleTitle {max-width:700px;padding:40px 20px;margin:0 auto}
.singleTop h1 {color:#555;font-weight:normal;font-size:2.4em;display:inline-block;background-color:#fff;padding:10px 20px;line-height:1}
.singleTop.light h1 {color:#000}
.singleTop time {color:#b7b7b7;display:block}
.singleTop.light time {color:#000}
.subtax {display:flex;justify-content:center;color:#666;font-weight:100;padding:20px;flex-wrap:wrap;max-width:800px;margin:0 auto}
.subtax li {margin:5px 6px}
.subtax li.cat-item-none {display:none}
.subtax a {color:#82005F;font-weight:bold;text-decoration:underline}
.subtax a:hover {color:#da009f}

.project_grid {display:flex;flex-wrap:wrap;padding:40px}
.project_grid a {margin:10px;border:1px rgba(0,0,0,.1) solid;box-shadow:0 5px 10px rgba(0,0,0,.1);box-sizing:border-box}
.project_grid a:hover {transform:scale(1.02)}
.project_grid.grid_2 a {flex-basis:calc(100%/2 - 20px)}
.project_grid.grid_3 a {flex-basis:calc(100%/3 - 20px)}
.project_grid.grid_4 a {flex-basis:calc(100%/4 - 20px)}
.project_grid.grid_5 a {flex-basis:calc(100%/5 - 20px)}
.project_grid.grid_6 a {flex-basis:calc(100%/6 - 20px)}
.project_grid.grid_7 a {flex-basis:calc(100%/7 - 20px)}
.project_grid.grid_8 a {flex-basis:calc(100%/8 - 20px)}
.project_grid.grid_9 a {flex-basis:calc(100%/9 - 20px)}
.project_grid.grid_10 a {flex-basis:calc(100%/10 - 20px)}

.project_top {position:relative;text-align:center;margin:-100px 0 0 0}
.project_top .h {padding:20px;background-color:#fff;text-align:center;border-radius:10px 10px 0 0}
.project_mission {color:#555;position:relative;margin:20px;font-size:1.3em}
.project_mission strong {padding-left:1em}
.project_client {display:block;text-align:center;flex-basis:50%;flex-grow:1;color:#333;display:flex;justify-content:center;align-items:center}
.project_client_title {font-weight:bold}
.project_client_title:after {content:':'}
.project_client_logo {max-height:2em;margin:0 10px}
.project_link {}
.project_link a {display:inline-block;background:linear-gradient(to right,#89005e,#47005a);color:#fff;padding:20px 40px;text-decoration:underline;border-radius:5px;font-weight:bold;font-size:1.5em}
.project_link a:hover {filter:brightness(160%)}
.project_link time {line-height:1;margin:20px;display:block;font-size:1.2em}
.project_link time span {font-size:.8em;display:block;color:#666;margin-bottom:5px}
.project_txt .h {max-width:800px;padding:20px}
.project_txt p {color:#666;font-size:1.1em;margin:20px}

.project_img {text-align:center;padding:20px}
.project_img .h {max-width:776px}
.project_img img {box-shadow:0 10px 15px rgba(0,0,0,.5);width:100%}
.project_vid video {width:100%}
.project-preview {position:relative}
.laptop {background:url('img/laptop.png');width:1020px;height:621px;position:relative}
.laptop-screen {position:absolute;top:44px;right:128px;width:766px;height:497px;overflow:auto}
.project-info h1 {margin:20px}
.project-info a {display:inline-block;color:#fff;background:#df1f18;margin:20px;padding:10px 20px;border-radius:4px}
.project-info a:hover {background:#d14841}
.project-info-sharing {margin:20px}
.project-info-sharing a {display:block;float:right;margin:0 0 0 5px;color:#fff;width:35px;line-height:35px;text-align:center}
.project-info-sharing a:hover {border-radius:50%}
.project-info-sharing a:first-child {background:#3b5998}
.project-info-sharing a:nth-child(2) {background:#55acee}
.project-info-sharing a:nth-child(3) {background:#DD4B39}
.project-info-sharing a:nth-child(4) {background:#007bb6}
.project-info-sharing a:nth-child(5) {background:#7ab800}
.project-top {text-align:center;background-position:center top;background-size:cover}
.project-top h1 {color:#fff;letter-spacing:-2px;font-size:39px;line-height:75%}
.project-top span {color:#eee}
.tabs {margin:0 0 40px 0}
.tabs li {width:50%;display:inline-block;float:left;text-align:center}
.tabs li:first-child {float:right}
.tabs li a {display:block;background:#df1f18;color:#fff;padding:10px 0;font-size:16px;position:relative}
.tabs li a i {width:35px;height:17px;position:absolute;bottom:-17px;right:50%;margin:0 -17px 0 0;display:none}
.tabs li:first-child a {background:#f39c12}
.tab_content {margin:0 auto;text-align:center}
.yellow i {background:url('img/arrow-yellow.png')}
.red i {background:url('img/arrow-red.png')}
.tabs li.active a i {display:block}
.preview-link {font-size:18px;direction:ltr;color:#3498db;text-decoration:underline;display:block;margin:10px 0 0 20px}
.preview-link img {margin:3px 10px 0 0}
.preview-link:hover {color:#df1f18}
.preview-mission {background:#ecf0f1;color:#222;margin:10px;padding:10px;font-size:17px}
.preview-site {display:block;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0,5);margin:10px auto}
.reviews {max-width:1020px;margin:20px auto}
.review-content {float:right;width:50%}
.review-content p {font-size:16px}
.review-info {float:left;width:50%}
.border-buttons {margin:20px}
.border-buttons a {display:inline-block;padding:5px 15px;border-bottom-left-radius:20px;border-top-right-radius:20px;background:#d7111b;margin:0 0 5px -2px;color:#fff;font-size:0.9em}
.border-buttons a:hover {background:#111}
.review-company {background:#f3f5f5;padding:5px 10px;margin:20px;box-shadow:1px 1px 1px #ccc}
.review-company h2 {font-size:17px;margin:10px}
.boxlinks {text-align:center}
.boxlinks a {margin:10px;width:220px;overflow:hidden;border:1px #ccc solid;position:relative;display:inline-block}
.boxlinks a img {max-width:inherit}
.boxlinks a b {display:block;line-height:50px;width:100%;background:#d7111b;position:absolute;text-align:center;color:#fff;top:-50px;font-weight:normal;font-size:13px}


.single_post .h {max-width: 740px;}
.single_post img {height: auto}
.post_info {display: flex; padding: 20px 0; border-top: 1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1); margin: 5px;align-items: center }
.post_info .tag {padding: 4px 12px;font-size: .9em;border-radius: 2px;background-color: #d13030;color: #fff}
.post_info .tag a {color:#fff;}
.post_info span {margin-left: 10px}
.post_info .date {font-size: .9em; color: #444}
.post_info svg {width: 1em; height: 1em; fill: #444}
.single-bid {background-image:linear-gradient(to left, #ccc, #fff)}
.single-mockup,.single-bid {padding:0}
.single-mockup .header,.single-mockup .footer,.single-bid .header,.single-bid .footer,.single-bid .whats,.single-mockup .whats {display:none}
.single_post p {color: #444; line-height: 1.5; margin-top: 15px}
.single_post a {color: #2196F3}
.single_post a:hover {color: #83005F}

.next_prev {display: flex; justify-content: space-between; margin: 15px 0; border-top: 2px solid #ccc}
.next_prev h3 {color: black; font-weight: normal; margin-top: 10px}
.next_prev a:first-child {padding-left: 10px; border-left: 1px solid #ccc}
.next_prev a:last-child {text-align: left; padding-right: 10px}
.next_prev a {margin-top: 20px; flex-basis: 50%}
.next_prev svg {width: 1em; height: 1em; vertical-align: middle}
.next_prev .t {transform: rotate(180deg)}
.news {display:flex;text-align:center;padding:40px;box-sizing:border-box}
.news a {flex-basis:calc(5% - 20px);margin:10px;flex-grow:1;color:#666}
.news a:hover img {transform:scale(1.1)}
.news b {display:block;font-weight:normal;margin:10px;text-decoration:underline}
.news img {transition:all .2s ease;display:block;margin:0 auto;border-radius:50%;border:1px rgba(0,0,0,.3) solid;height:auto}

.news time {display:block;font-size:.8em;color:#ccc}
.feature {background-image:linear-gradient(to right,#89005e,#47005a);overflow:hidden;position:relative}
.feature>img:first-child {display:block;position:absolute;left:10px;bottom:0;width:30%}
.feature>img:first-child+img {display:block;position:absolute;top:0;right:0;width:30%}
.feature figure {max-width:40%;margin:30px auto;}
.feature figure p {font-size:300%;color:#fff;font-weight:bold;line-height:100%}
.feature figure a {display:block;color:#fff;margin:10px}
.feature figure a:after {content: '>';display:inline-block;margin:0 10px 0 0;color:#000;}
.feature figure a:hover:after {color:#fff}

.tsts {background:#fff;padding:100px 20px}
.tsts .h {display:flex;flex-wrap:wrap}
.tsts h2 {flex-basis:100%;text-align:center;margin:20px 20px 40px 20px}
.tsts figure {flex-basis:calc(50% - 40px);margin:20px;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.1);padding:20px 60px 20px 20px;box-sizing:border-box}
.tsts img {position:absolute;top:-10px;right:-20px;width:70px;height:70px;border-radius:50%}
.tsts p {color:#666;margin:10px 0}
.tsts svg {height:1em;fill:#666;display:block;margin-bottom:20px}
.tsts b {font-weight:normal;color:#222;font-size:.8em;display:block;margin:20px 0 10px 0}

.home_hello {background-color:#f3f3f3;display:flex}
.home_hello h1 {font-size:3em;margin:20px;line-height:1}
.home_hello_img {flex-basis:30%;background-size:cover;background-position:center center;position:relative;display:block}
.home_hello_img:before {content:'';position:absolute;top:40px;right:40px;bottom:40px;left:40px;border:10px #fff solid}
.home_hello_txt {flex-basis:70%;padding:40px;box-sizing:border-box}

.top {text-align:center;padding:80px 20px;background-color:#fafafa}
.top #breadcrumbs {color:#888}
.top #breadcrumbs a {color:inherit}

.t h2 {margin:20px;color:#222}
.t h2:after {content:'';display:block;background-color:#e6452b;height:3px;width:100px;margin:20px 0}
.t p {margin:20px;color:#666}
.t p img {height:auto}
.t a {color:#444;text-decoration:underline}
.t a:hover {color:#c22114}
.t ol {margin:20px;counter-reset:item;color:#444}
.t li {counter-increment:item;position:relative;padding:0 20px 10px 0}
.t li:before {content:counter(item);position:absolute;top:0;right:0;font-weight:900;color:var(--color1)}

.page404 {text-align:center;padding:80px}
.big404 {display:inline-block;font-size:15em;color:#fff;border:25px #fff solid;padding:20px;margin:40px auto;font-weight:900;line-height:1}
.page404 a {display:inline-block;background:#c22114;color:#fff;padding:20px 40px}
.popup {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.9);margin:auto;position:relative;border-radius:5px;max-width:600px;opacity:0;transition:all .3s  ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}
.mfp-content {perspective:2000px}
.mfp-bg {opacity:.7;transition:all .5s}
.mfp-ready .popup {opacity:1;transform:rotateY(0deg)}
.mfp-removing .popup {transform:rotateY(60deg);opacity:0}
.mfp-removing.mfp-bg{opacity:0}
.mockup_img {width:100%}
.mockups_nav {position:fixed;top:20px;right:0;font-size:.8em;transition:all .2s ease;transform:translateX(100%)}
.mockups_nav span {color:#666;width:2em;height:2em;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50% 0 0 50%;border:1px #eee solid}
.svgs {display:flex;justify-content:center;padding:50px;flex-wrap:wrap}
.svgs a {display:block;padding:10px}
.svgs a:hover {transform:scale(1.2)}
.svgs svg {height:25px;width:25px}
.svg_code {direction:ltr;padding:20px;width:100%;box-sizing:border-box;margin:30px 0;height:150px;font-family:inherit}
.svg_links {display:flex;justify-content:center}
.svg_link {padding:10px 20px;color:#fff;cursor:pointer;background:linear-gradient(#8A005E,#47005A);border-radius:30px;margin:10px 3px}
.svgicon {direction:ltr;padding:20px;font-family:inherit;cursor:default;font-size:.8em;line-height:1;color:#666}
.svgicon+a {display:block;text-align:center;background-image:var(--gradient1);padding:10px;color:#fff}
.svgicons_set {display:flex;flex-wrap:wrap;justify-content:center}
.svgicons_set a {flex-basis:30px;display:flex;align-items:center;justify-content:center;padding:20px}
.svgicons_set img {height:20px;transition:all .2s ease}
.svgicons_set a:hover img {transform:scale(2.5)}

.footer {padding:60px 20px;background-color:#333;color:#fff}
.footer .h {display:flex;justify-content:space-between}

.footer-form {float:left;width:70%}
.footer-form fieldset {margin:20px}
.footer-form label {color:rgba(255,255,255,0.5);font-size:90%;margin:25px 20px -10px 0;display:block}
.footer-form input[type=text],
.footer-form input[type=email] {border:0;background:transparent;border-bottom:1px rgba(255,255,255,0.3) solid;color:#fff}
.footer-form input[type=text]:focus,
.footer-form input[type=email]:focus {border-bottom-color:#fff}
.footer-form textarea {border:1px rgba(255,255,255,0.2) solid;background:transparent;color:#fff;height:40px}
.footer-form textarea:focus {border-color:#fff}
.footer-form form>fieldset {margin:0 20px 0 0}
.footer-form input[type=submit] {width:100%;display:block;padding:10px 0;background:rgba(51, 51, 51, 0.75);font-weight:bold;color:#aaa}
.footer-form input[type=submit]:hover {background:rgba(75, 75, 75, 0.8)}
.footer-form input[type=text].wpcf7-not-valid,
.footer-form input[type=email].wpcf7-not-valid {border-bottom-color:#b8312f}
.footer-form img {float:left;margin:15px 0 0 -20px}
div.wpcf7-validation-errors {border:none;color:#fff}

.social {display:flex}
.social a {width:2.2em;height:2.2em;background-color:#fff;margin:0 5px;position:relative;fill:#47005a}
.social a:hover {fill:#89005e}
.social a svg {position:absolute;top:0;right:0;width:100%;height:100%;transform:scale(.5)}

.footer .social {margin-top:20px}
.footer .social a {border:4px #000 solid;border-radius:50%;}
.footer .social a:hover {border-color:#fff}

.sitemap {display:flex}
.sitemap > li {padding:0 20px}
.sitemap > li > a {color:#fff;font-weight:bold;display:block;padding-bottom:10px}
.sitemap > li > a[href] {text-decoration:underline}
.sitemap > li > ul > li > a {color:rgba(255,255,255,.6);font-size:.8em;display:block}
.sitemap > li > ul > li > a:hover {color:#fff}

#wpcf7-f7-p82-o1 form {padding:20px;direction:rtl}
#wpcf7-f7-p82-o1 figure {display:flex}
#wpcf7-f7-p82-o1 input,#wpcf7-f7-p82-o1 textarea {width:100%;border:1px rgba(0,0,0,.3) solid;padding:15px 20px;box-sizing:border-box;border-radius:10px;font-size:inherit;background-color:rgba(0,0,0,.02);max-height:80px;font-family:inherit}
#wpcf7-f7-p82-o1 input:focus,#wpcf7-f7-p82-o1 textarea:focus {background-color:#fff;border-color:rgba(0,0,0,.5)}
#wpcf7-f7-p82-o1 fieldset {padding:0 0 10px 0;position:relative;flex-grow:1;flex-basis:20%}
#wpcf7-f7-p82-o1 figure fieldset+fieldset {margin-right:10px}
#wpcf7-f7-p82-o1 input[type=submit] {background-color:#e6452b;color:#fff;font-weight:bold}
#wpcf7-f7-p82-o1 .wpcf7-captchac {position:absolute;top:20px;left:20px;z-index:2}

.whats {position:fixed;bottom:20px;right:20px;background-image:linear-gradient(#0DC143,#019e30);width:100px;height:100px;z-index:100;border-radius:50%;fill:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px rgba(255,255,255,.3)}
.whats svg {width:40px;height:40px}
.whats:before {content:'';position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px #fff solid;border-radius:50%;transition:all .2s cubic-bezier(0.46, -0.04, 0.12, 1.86)}
.whats:hover {box-shadow:0 0 0 5px rgba(0,0,0,.4)}
.whats:hover:before {top:10px;left:10px;bottom:10px;right:10px}
.whatsappprog {background-image:linear-gradient(#0DC143,#019e30);text-align:center;padding:20px;direction:ltr}
.whatsappprog div {display:inline-flex;justify-content:center;background-color:#fff;margin:0 auto;border-radius:20px;overflow:hidden}
.whatsappprog input {width:100%;padding:20px;background-color:#eee;font-size:1em;font-family:inherit}
.whatsappprog span {padding:20px}
.whatsappprog a {display:inline-block;border-radius:50%;padding:15px;fill:#fff;background-color:rgba(0,0,0,.3);margin-right:10px}
.whatsappprog svg {width:2em;height:2em}


@media (max-width:1000px) {
	.projects_post {flex-basis:33.33%;padding:50% 0 0 0}
	/*.projects_post:first-child {flex-basis:66.66%}*/
	.ll {display:block}
	.header nav {position:fixed;top:70px;right:0;left:0;bottom:0;background-image:linear-gradient(to left,#8A005F,#47005B);transform:translateX(100%);transition:all .2s ease;overflow-y:auto}
	.header nav > ul {display:block;padding:20px}
	.header nav > ul > li {margin:0;border-bottom:1px rgba(255,255,255,.2) solid}
	.header nav > ul > li > a {color:#fff;padding:10px;display:block}
	.header nav > ul > li > a:before {display:none}
	.header nav > ul > li.current-menu-item > a {color:#ffb2eb}
	.header nav > ul > li.menu-item-has-children:after {display:none}
	.header nav > ul > li > ul {opacity:1;position:static;transform:none; visibility: visible;padding:0}
	.header nav > ul > li > ul > li {border-top:0}
	.header nav > ul > li > ul > li > a {color:rgba(255,255,255,.7);background-color:transparent}
	.home_hello {display:block}
	.home_hello h1 {font-size:2em}
	.home_hello_txt {padding:10px}
	.home_hello_img {padding-top:100%}
	.nav-close {transform:scale(.5);opacity:0}
	.news {padding:0}
	.openav {overflow:hidden}
	.openav .nav-close {transform:scale(.7);opacity:1}
	.openav .nav-open {transform:scale(.5);opacity:0}
	.openav .header nav {transform:translateX(0)}
	.theblog {flex-direction: column}
	.blog_post {margin: 55px}
	.singleTitle {font-size: .5em}
	.feature figure p {font-size: 100%}
	.feature figure a {text-decoration: underline}
	.project_more {flex-wrap:wrap}
	.project_more a {flex-basis:calc(100%/8)}
	.project_top .h {flex-direction: column-reverse; background-color:#f7f7f7}
	.project_mission {background-color:#f7f7f7}
	.project_mission strong {padding: 0; display: block}
	.project_link {flex-direction: column; margin-bottom: 10px}
	.project_link time {text-align:center; padding: 1em}
	.footer .h {display: block; text-align: center}
	.sitemap {flex-wrap:wrap; padding: 10px 0; justify-content: center}
	.sitemap > li{flex-basis: calc(40% - 5px); padding: 10px 0}
}

@media (max-width:800px) {
	.bid_main {margin:0}
	.bid_terms {display:block}
	.bidicons,.bidstructure,.biddeadline,.bidprice {display:block}
	.bidicons section > div {flex-basis:calc(100%/2 - 20px)}
	.bidprice table,.biddeadline table {margin:10px 0}
	.bidsteps div {max-width:none;padding:10px}
	.bidstructurebox {padding:0}
	.bidstructurebox ul {display:block}
	.projects_post {width:50%}
	.wow {visibility: visible !important;-webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;}
	.sb-toggle-right {display:block;position:fixed;top:20px;right:20px;width:40px;height:20px;border-top:3px #000 solid;border-bottom:3px #000 solid;z-index:999}
	.sb-toggle-right:before {content:'';position:absolute;top:50%;right:0;height:3px;background:#000;margin:-1.5px 0 0 0;width:100%}
    .tsts figure {flex-basis:100%}
	.contact_flex {flex-direction:column}
	.header .social {display:none}
	.project_masonry_item,.project_masonry_item.wide {width:50%}
}

@media (max-width:600px) {
	.bid_ltr .bidsteps header {padding-right:inherit}
	.bidlogos,.bid_ltr .bidlogos {position:relative;max-width:none;display:flex;left:0;margin:20px -20px -20px -20px;right:0}
	.bidlogos img {height:auto}
	.bidsection,.bidicons .bidsection {display:block}
	.bidsteps section {display:block}
	.bidsteps header {padding:10px}
	.bidsteps div span {font-size:1.2em}
	.bidicons h2 {margin-bottom:40px}
	.bidicons section > div {margin-bottom:30px}
	.bidtop,.bid_ltr .bidtop {padding:20px}
	.project_more a {flex-basis:calc(100%/4)}
	.projects_post {flex-basis:50%;padding:75% 0 0 0}
}