:root{
--primary-color: #FFB600;
--primary-font: 'Muli', sans-serif;
--secondary-font: 'Poppins', sans-serif;
--font-color: #585656;
}
body:not(.no-banner).admin-bar .site-header{
margin: 0;
}
body,
button,
input,
select,
textarea{
font-size: 18px;
line-height: 1.650em;
font-family: var(--primary-font);
color: var(--font-color);
}
a{
color: var(--primary-color);
}
a:hover,
a:focus{
color: var(--primary-color);
text-decoration: underline;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea{
font-size: 14px;
line-height: 22px;
color: var(--font-color);
padding: 13px 15px;
border-radius: 5px;
background: #fff;
border: 1px solid #ECECEC;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
background: var(--primary-color);
border: 2px solid var(--primary-color);
color: #1C1C1C;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
font-family: var(--secondary-font);
border-radius: 5px;
padding: 15px 25px;
font-size: 14px;
line-height: 1em;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus{
background: none;
color: var(--primary-color);
} .site-header{
position: unset;
background: #fff;
padding: 0;
}
.site-header .top-bar{
background: #1C1C1C;
padding: 11px 0 10px;
}
.site-header .top-bar .container:after{
display: none;
}
.site-header .top-bar .container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.site-header .top-bar .phone-holder{
font-size: 14px;
line-height: 19px;
font-family: var(--secondary-font);
}
.site-header .top-bar .phone-holder a{
color: #fff;
margin-left: 4px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.site-header .top-bar .phone-holder a:hover,
.site-header .top-bar .phone-holder a:focus{
text-decoration: none;
color: var(--primary-color);
}
.site-header .top-bar .phone-holder a:focus{
outline: thin dotted #fff;
}
.site-header .top-bar .social-networks{
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
line-height: 1em;
display: flex;
flex-wrap: wrap;
}
.site-header .top-bar .social-networks li{
margin-left: 30px;
}
.site-header .top-bar .social-networks li:first-child{
margin-left: 0;
}
.site-header .top-bar .social-networks li a{
color: #fff;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.site-header .top-bar .social-networks li a:hover,
.site-header .top-bar .social-networks li a:focus{
text-decoration: none;
color: var(--primary-color);
}
.site-header .top-bar .social-networks li a:focus{
outline: thin dotted #fff;
}
.site-header .header-t .container:after{
display: none;
}
.site-header .header-t .container{
display: flex;
flex-direction: column;
}
.site-header .header-t .top{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 30px 0;
align-items: center;
}
.site-header .site-branding{
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.site-header .site-branding .custom-logo-link{
margin-right: 20px;
float: none;
}
.site-header .site-branding .custom-logo-link:focus{
outline: thin dotted #000;
}
.site-header .site-branding .custom-logo-link img{
vertical-align: top;
}
.site-header .site-branding .text-logo{
flex-basis: 0;
flex-grow: 1;
float: none;
}
.site-header .site-branding .site-title{
font-size: 30px;
line-height: 46px;
font-family: var(--secondary-font);
color: #121212;
text-transform: none;
}
.site-header .site-branding .site-title a{
color: #121212;
}
.site-header .site-branding .site-title a:focus{
outline: thin dotted #000;
text-decoration: none;
}
.site-header .site-branding .site-description{
font-size: 14px;
line-height: 19px;
color: #999;
}
.site-header .right-panel{
display: flex;
flex-wrap: wrap;
font-size: 12px;
line-height: 16px;
color: #999;
font-family: var(--secondary-font);
}
.site-header .right-panel .col{
padding-left: 30px;
margin-left: 30px;
border-left: 1px solid rgba(38, 37, 37, 0.1);
}
.site-header .right-panel .col:first-child{
padding-left: 0;
margin-left: 0;
border-left: 0;
}
.site-header .right-panel .header-phone{
display: block;
position: relative;
padding-left: 50px;
}
.site-header .right-panel .header-phone svg{
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-header .right-panel .header-email{
display: block;
position: relative;
padding-left: 51px;
}
.site-header .right-panel .header-email svg{
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-header .right-panel svg{
fill: var(--primary-color);
}
.site-header .right-panel a{
font-size: 16px;
line-height: 22px;
display: block;
color: #1C1C1C;
font-family: var(--secondary-font);
font-weight: 600;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.site-header .right-panel a:hover,
.site-header .right-panel a:focus{
text-decoration: none;
color: var(--primary-color);
}
.site-header .right-panel a:focus{
outline: thin dotted #000;
} .main-navigation{
float: none;
display: block;
width: 100%;
margin: 0;
}
.main-navigation ul:after{
display: none;
}
.main-navigation ul{
display: flex;
font-size: 16px;
line-height: 25px;
letter-spacing: 1px;
font-weight: 600;
font-family: var(--secondary-font);
text-transform: uppercase;
}
.main-navigation ul li{
float: none;
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
margin: 0;
border-right: 1px solid #D69A02;
}
.main-navigation ul li:last-child{
border-right-color: transparent; 
}
.main-navigation ul li a{
background: var(--primary-color);
padding: 20px 0;
text-align: center;
}
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover > a,
.main-navigation ul li:focus > a,
.main-navigation ul .current-menu-item > a,
.main-navigation ul .current-menu-ancestor > a,
.main-navigation ul .current_page_item > a,
.main-navigation ul .current_page_ancestor > a{
background: #1C1C1C;
color: #fff;
text-decoration: none;
}
.main-navigation ul li a:focus,
.main-navigation ul li:focus > a{
outline: thin dotted #fff;
outline-offset: -2px;
}
.main-navigation ul ul{
float: none;
width: 250px;
background: none;
left: -1px;
flex-direction: column;
font-size: 14px;
font-weight: 400;
}
.main-navigation ul ul li{
border: 0;
}
.main-navigation ul ul li a{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-align: left;
padding: 10px 15px;
}
.main-navigation ul li a.request-link{
background: #1c1c1c;
}
.main-navigation ul li a.request-link:hover,
.main-navigation ul li a.request-link:focus{
background: var(--primary-color);
} .banner{
padding: 80px 0;
min-height: 760px;
display: flex;
}
.banner:before{
background: rgba(0, 0, 0, 0.5);
}
.banner .container{
display: flex;
min-height: 100%;
}
.banner .row{
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.banner .row:after{
display: none;
}
.banner .col{
padding: 0;
width: 41.667%;
}
.banner .col:first-child{
width: 50%;
}
.banner .text{
margin: 0;
font-size: 20px;
line-height: 33px;
}
.banner .text .title{
font-size: 40px;
line-height: 50px;
font-weight: 500;
font-weight: 500;
font-family: var(--secondary-font);
margin: 0 0 20px;
}
.banner .text p{
margin: 0;
}
.banner form{
margin: 0;
padding: 50px 40px;
background: rgba(0, 0, 0, 0.6);
}
.banner form:after{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFB600' viewBox='0 0 190 190'%3E%3Cpath d='M165.946,30.184a117.656,117.656,0,0,0-12.211,22.392c-.506,1.268-.875,4,.447,4.732,1.381.781,2.625-1.488,3.131-2.732,5.211-13,13.417-23.538,21.389-33.88,1.167-1.512,2.489-7.318-.6-6.488-14.039,3.732-28.156,7.366-42.546,7.659-2.528.049-4.511,7.781-1.633,7.732a131.54,131.54,0,0,0,26.1-3.512,345.464,345.464,0,0,0-62.5,43.125,403.166,403.166,0,0,0-62.477,68.3A450.648,450.648,0,0,0,5.913,183.293c-.719,1.293-1.4,3.952-.408,5.293,1.05,1.415,2.508-.268,3.131-1.366a426.263,426.263,0,0,1,53.707-76.03,369.007,369.007,0,0,1,66.152-58.785A324.27,324.27,0,0,1,165.946,30.184Z'/%3E%3C/svg%3E") center center no-repeat;
width: 190px;
height: 190px;
top: 85px;
left: -152px;
}
.banner form strong{
font-size: 32px;
line-height: 48px;
font-weight: 600;
font-family: var(--secondary-font);
color: var(--primary-color);
}
.banner form input[type="text"],
.banner form input[type="email"]{
padding: 13px 15px;
border-radius: 5px;
color: var(--font-color);
font-size: 14px;
}
.banner form textarea{
padding: 13px 15px;
border-radius: 5px;
color: var(--font-color);
height: 96px;
font-size: 14px;
}
.banner form input[type="submit"]{ width: inherit;
border-radius: 5px;
border: 2px solid var(--primary-color);
background: var(--primary-color);
color: #1c1c1c;
font-size: 14px;
line-height: 1em;
font-weight: 600;
height: inherit;
margin: 0 auto;
}
.banner form input[type="submit"]:hover,
.banner form input[type="submit"]:focus{
background: none;
color: var(--primary-color);
}
.banner form input[type="submit"]:focus{
outline: thin dotted #fff;
outline-offset: -4px;
}
.banner form .ajax-loader{
display: none;
} .about{
background: #fff;
padding: 80px 0;
text-align: left;
}
.about .header{
margin: 0 auto 60px;
max-width: 770px;
text-align: center;
line-height: 33px;
}
.about .header .main-title:after{
display: none;
}
.about .header .main-title{
padding: 0;
margin: 0 0 10px;
font-size: 36px;
line-height: 55px;
font-weight: 500;
font-family: var(--secondary-font);
}
.about .row{
margin: 0;
display: flex;
flex-wrap: wrap;
border: 1px solid #ECECEC;
}
.about .col{
padding: 30px;
float: none;
display: block;
margin: 0;
border-right: 1px solid #ECECEC;
}
.about .col:last-child{
border-right: 0;
}
.about .col .img-holder{
margin: 0 0 20px;
}
.about .col .text-holder{
box-shadow: none;
padding: 0;
line-height: 1.650em;
font-size: 17px;
height: inherit !important;
}
.about .col .text-holder .title{
line-height: 30px;
font-weight: 600;
font-family: var(--secondary-font);
margin: 0 0 10px;
}
.about .col .text-holder .title a{
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.about .col .text-holder .title a:hover,
.about .col .text-holder .title a:focus{
color: var(--primary-color);
}
.about .col .text-holder .title a:focus{
text-decoration: none;
outline: thin dotted #000;
}
.about .btn-holder{
margin-top: 60px;
text-align: center;
}
.about .btn-holder a{
display: inline-block;
font-family: var(--secondary-font);
font-size: 16px;
line-height: 1em;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
background: var(--primary-color);
border-radius: 5px;
border: 2px solid var(--primary-color);
padding: 19px 35px;
font-weight: 600;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.about .btn-holder a:hover,
.about .btn-holder a:focus{
text-decoration: none;
background: none;
color: var(--primary-color);
}
.about .btn-holder a:focus{
outline: thin dotted #000;
} .promotional-block{
padding: 100px 0;
background-attachment: inherit;
}
.promotional-block:before{
background: rgba(0, 0, 0, 0.6);
}
.promotional-block .holder{
max-width: 770px;
font-size: 20px;
line-height: 33px;
}
.promotional-block .holder .main-title{
font-size: 40px;
line-height: 50px;
font-weight: 500;
font-family: var(--secondary-font);
margin: 0 0 20px;
}
.promotional-block .holder .btn{
font-size: 16px;
line-height: 1em;
font-weight: 600;
font-family: var(--secondary-font);
background: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 5px;
padding: 20px 40px;
text-transform: none;
height: inherit;
letter-spacing: 1px;
margin: 20px 0 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.promotional-block .holder .btn:hover,
.promotional-block .holder .btn:focus{
background: none;
color: var(--primary-color);
}
.promotional-block .holder .btn:focus{
text-decoration: none;
outline: thin dotted #fff;
} .our-projects{
padding: 80px 0;
text-align: left;
}
.our-projects .header{
margin: 0 auto 60px;
max-width: 770px;
text-align: center;
line-height: 33px;
}
.our-projects .header .main-title:after{
display: none;
}
.our-projects .header .main-title{
padding: 0;
margin: 0 0 10px;
font-size: 36px;
line-height: 55px;
font-weight: 500;
font-family: var(--secondary-font);
}
.our-projects .row{
margin: 0;
display: flex;
flex-wrap: wrap;
border-top: 1px solid #ECECEC;
}
.our-projects .col{
float: none;
display: block;
width: 50%;
padding: 40px;
margin: 0;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #ECECEC;
border-right: 1px solid #ECECEC;
}
.our-projects .col:nth-child(2n){
border-right: 0;
}
.our-projects .col .img-holder{
width: 45%;
margin-right: 40px;
}
.our-projects .col .img-holder img{
height: 100%;
object-fit: cover;
}
.our-projects .col .blp-text-holder{
flex-basis: 0;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.our-projects .col .blp-text-holder .text-content{
flex-grow: 1;
}
.our-projects .col .blp-text-holder .title{
font-size: 24px;
line-height: 35px;
font-weight: 600;
font-family: var(--secondary-font);
color: #121212;
margin: 0 0 20px;
}
.our-projects .col .blp-text-holder .btn-more{
text-transform: uppercase;
font-size: 16px;
line-height: 1em;
font-weight: 600;
font-family: var(--secondary-font);
letter-spacing: 1px;
position: relative;
padding-right: 34px;
align-self: flex-start;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-projects .col .blp-text-holder .btn-more:after{
position: absolute;
top: 50%;
right: 0;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffb600' viewBox='0 0 97 92'%3E%3Cpath d='M34.5,44.974H52.106L50.468,40.5a32.055,32.055,0,0,0,9.032,5,32.055,32.055,0,0,0-9.032,5L52.1,46.026H34.5Z'/%3E%3C/svg%3E") center center no-repeat;
width: 25px;
height: 12px;
background-size: 7em;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-projects .col .blp-text-holder .btn-more:hover,
.our-projects .col .blp-text-holder .btn-more:focus{
text-decoration: none;
}
.our-projects .col .blp-text-holder .btn-more:hover:after,
.our-projects .col .blp-text-holder .btn-more:focus:after{
outline: none;
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
.our-projects .col .blp-text-holder .btn-more:focus{
text-decoration: none;
outline: thin dotted #000;
}
.our-projects .btn-holder{
margin-top: 60px;
text-align: center;
}
.our-projects .btn-holder a{
display: inline-block;
font-family: var(--secondary-font);
font-size: 16px;
line-height: 1em;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
background: var(--primary-color);
border-radius: 5px;
border: 2px solid var(--primary-color);
padding: 19px 35px;
font-weight: 600;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-projects .btn-holder a:hover,
.our-projects .btn-holder a:focus{
text-decoration: none;
background: none;
color: var(--primary-color);
}
.our-projects .btn-holder a:focus{
outline: thin dotted #000;
} .our-services{
padding: 0 0 80px;
background: #F5F5F5 !important;
}
.our-services:before{
display: none;
}
.our-services .top{
padding: 80px 0 170px;
min-height: 409px;
position: relative;
background: #000;
}
.our-services .top:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
content: '';
}
.our-services .header{
margin: 0 auto 60px;
max-width: 770px;
text-align: center;
line-height: 33px;
}
.our-services .header .main-title:after{
display: none;
}
.our-services .header .main-title{
padding: 0;
margin: 0 0 10px;
font-size: 36px;
line-height: 55px;
font-weight: 500;
font-family: var(--secondary-font);
}
.our-services .services-content{
position: relative;
margin-top: -100px;
}
.our-services .row{
margin: 0;
display: flex;
flex-wrap: wrap;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC
}
.our-services .col{
width: 33.333%;
padding: 0;
margin: 0;
float: none;
display: block;
border-right: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
}
.our-services .col .holder{
padding: 40px;
line-height: 1.650em;
height: 100% !important;
}
.our-services .col .holder .icon-holder{
margin: 0 0 30px;
}
.our-services .col .holder .title{
margin: 0 0 10px;
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: #121212;
font-family: var(--secondary-font);
}
.our-services .col .holder .title a{
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-services .col .holder .title a:hover,
.our-services .col .holder .title:focus{
outline: none;
color: var(--primary-color);
text-decoration: none;
}
.our-services .btn-holder{
margin-top: 60px;
text-align: center;
}
.our-services .btn-holder a{
display: inline-block;
font-family: var(--secondary-font);
font-size: 16px;
line-height: 1em;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
background: var(--primary-color);
border-radius: 5px;
border: 2px solid var(--primary-color);
padding: 19px 35px;
font-weight: 600;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-services .btn-holder a:hover,
.our-services .btn-holder a:focus{
text-decoration: none;
background: none;
color: var(--primary-color);
}
.our-services .btn-holder a:focus{
text-decoration: none;
outline: thin dotted #000;
} .our-clients{
padding: 80px 0;
background: #fff;
border-bottom: 1px solid #ECECEC;
}
.our-clients .header{
font-size: 14px;
line-height: 21px;
font-weight: 600;
letter-spacing: 2px;
color: #121212;
margin: 0 auto 40px;
max-width: 770px;
font-family: var(--secondary-font);
text-transform: none;
}
.our-clients .header strong{
font-weight: 600;
}
.our-clients .row{
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.our-clients .row:after{
display: none;
}
.our-clients .col{
float: none;
display: block;
padding: 20px 15px;
}
.our-clients .col img{
filter: grayscale(0);
} .testimonial{
padding: 80px 0;
}
.testimonial .header{
margin: 0 auto 60px;
max-width: 770px;
text-align: center;
line-height: 33px;
}
.testimonial .header .main-title:after{
display: none;
}
.testimonial .header .main-title{
padding: 0;
margin: 0 0 10px;
font-size: 36px;
line-height: 55px;
font-weight: 500;
font-family: var(--secondary-font);
}
.testimonial .col{
width: 33.333%;
}
.testimonial .col blockquote{
background: none;
border: 1px solid #ECECEC;
border-radius: 0;
padding: 78px 30px 30px;
margin: 0 0 20px;
}
.testimonial .col blockquote:before{
position: absolute;
top: 30px;
left: 30px;
width: 48px;
height: 36px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffb600' viewBox='0 0 512 512'%3E%3Cpath d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E") center center no-repeat;
}
.testimonial .col blockquote::after{
left: 40px;
bottom: -10px;
width: 20px;
height: 20px;
background: #fff;
border-top: 0;
border-left: 0;
border-right: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.testimonial .col cite{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: 22px;
}
.testimonial .col cite .text-holder{
position: unset;
top: inherit;
flex-basis: 0;
flex-grow: 1;
}
.testimonial .col cite .text-holder .name{
font-size: 20px;
line-height: 26px;
font-weight: 600;
font-family: var(--secondary-font);
color: #121212;
margin: 0;
}
.testimonial .col cite .text-holder .company{
font-size: 14px;
color: var(--font-color);
margin: 0;
}
.testimonial .col cite .text-holder .company p{
margin: 0;
}
.testimonial .col cite .img-holder{
width: 64px;
height: 64px;
margin-right: 14px;
border: 1px solid #ECECEC;
border-radius: 50%;
}
.testimonial .col cite .img-holder img, .testimonial .col cite .img-holder svg{
border: 5px solid #fff;
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial .btn-holder{
margin-top: 20px;
text-align: center;
}
.testimonial .btn-holder a{
display: inline-block;
font-family: var(--secondary-font);
font-size: 16px;
line-height: 1em;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
background: var(--primary-color);
border-radius: 5px;
border: 2px solid var(--primary-color);
padding: 19px 35px;
font-weight: 600;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.testimonial .btn-holder a:hover,
.testimonial .btn-holder a:focus{
text-decoration: none;
background: none;
color: var(--primary-color);
}
.testimonial .btn-holder a:focus{
outline: thin dotted #000;
} .promotional-block2{
background-attachment: inherit;
padding: 80px 0;
}
.promotional-block2:before{
background: rgba(0, 0, 0, 0.5);
}
.promotional-block2 .header{
margin: 0 auto 60px;
max-width: 770px;
text-align: center;
line-height: 33px;
}
.promotional-block2 .header .main-title:after{
display: none;
}
.promotional-block2 .header .main-title{
padding: 0;
margin: 0 0 10px;
font-size: 36px;
line-height: 55px;
font-weight: 500;
font-family: var(--secondary-font);
}
.promotional-block2 form{
padding: 50px 40px;
background: rgba(0, 0, 0, 0.6);
max-width: 470px;
}
.promotional-block2 form:after{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFB600' viewBox='0 0 190 190'%3E%3Cpath d='M165.946,30.184a117.656,117.656,0,0,0-12.211,22.392c-.506,1.268-.875,4,.447,4.732,1.381.781,2.625-1.488,3.131-2.732,5.211-13,13.417-23.538,21.389-33.88,1.167-1.512,2.489-7.318-.6-6.488-14.039,3.732-28.156,7.366-42.546,7.659-2.528.049-4.511,7.781-1.633,7.732a131.54,131.54,0,0,0,26.1-3.512,345.464,345.464,0,0,0-62.5,43.125,403.166,403.166,0,0,0-62.477,68.3A450.648,450.648,0,0,0,5.913,183.293c-.719,1.293-1.4,3.952-.408,5.293,1.05,1.415,2.508-.268,3.131-1.366a426.263,426.263,0,0,1,53.707-76.03,369.007,369.007,0,0,1,66.152-58.785A324.27,324.27,0,0,1,165.946,30.184Z'/%3E%3C/svg%3E") center center no-repeat;
width: 190px;
height: 190px;
top: -75px;
left: inherit;
right: -70px;
background-size: 6em;
-webkit-transform: rotate(175deg);
-moz-transform: rotate(175deg);
transform: rotate(175deg);
}
.promotional-block2 form strong{
font-size: 32px;
line-height: 48px;
font-weight: 600;
font-family: var(--secondary-font);
color: var(--primary-color);
}
.promotional-block2 form input[type="text"],
.promotional-block2 form input[type="email"]{
padding: 13px 15px;
border-radius: 5px;
color: var(--font-color);
font-size: 14px;
}
.promotional-block2 form textarea{
padding: 13px 15px;
border-radius: 5px;
color: var(--font-color);
height: 96px;
font-size: 14px;
}
.promotional-block2 form input[type="submit"]{ margin: 0 auto;
width: inherit;
border-radius: 5px;
border: 2px solid var(--primary-color);
background: var(--primary-color);
color: #1c1c1c;
font-size: 14px;
line-height: 1em;
font-weight: 600;
height: inherit;
padding: 15px 25px;
}
.promotional-block2 form input[type="submit"]:hover,
.promotional-block2 form input[type="submit"]:focus{
background: none;
color: var(--primary-color);
}
.promotional-block2 form input[type="submit"]:focus{
outline: thin dotted #fff;
outline-offset: -4px;
}
.promotional-block2 form .ajax-loader{
display: none;
} .header-block{
background: none;
}
.page-header .page-title{
font-family: var(--secondary-font);
color: #121212;
}
#crumbs{
font-family: var(--secondary-font);
}
#crumbs a{
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#crumbs a:hover,
#crumbs a:focus{
color: var(--primary-color);
}
#crumbs a:focus{
outline: thin dotted #000;
text-decoration: none;
}
#crumbs .current{
color: #999;
}
#content{
padding-top: 20px;
}
#primary .post .post-thumbnail:focus,
.search #primary .page .post-thumbnail:focus{
outline: thin dotted #000;
}
#primary .post .entry-header .entry-title,
.search #primary .page .entry-header .entry-title{
font-family: var(--secondary-font);
margin: 0 0 10px;
}
#primary .post .entry-header .entry-title a:hover,
.search #primary .page .entry-header .entry-title a:hover{
color: var(--primary-color);
}
#primary .post .entry-header .entry-title a:focus{
text-decoration: none;
outline: thin dotted #000;
}
#primary .post .entry-meta{
display: flex;
flex-wrap: wrap;
align-items: center;
}
#primary .post .entry-meta .byline{
display: flex;
flex-wrap: wrap;
align-items: center;
}
#primary .post .entry-meta .byline,
#primary .post .entry-meta .cat-links,
#primary .post .entry-meta .tag-links,
#primary .post .entry-meta .posted-on,
#primary .post .entry-meta .comments-link{
margin-bottom: 12px;
}
#primary .post .entry-meta .byline .authors{
margin-left: 4px;
}
#primary .post .entry-meta a:hover,
#primary .post .entry-meta a:focus{
color: var(--primary-color);
}
#primary .post .entry-meta a:focus{
text-decoration: none;
outline: thin dotted #000;
}
#primary .post .entry-footer .btn-readmore,
.search #primary .page .entry-footer .btn-readmore{
height: inherit;
font-size: 16px;
line-height: 1em;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
background: var(--primary-color);
border-radius: 5px;
border: 2px solid var(--primary-color);
padding: 19px 35px;
font-weight: 600;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#primary .post .entry-footer .btn-readmore:hover,
.search #primary .page .entry-footer .btn-readmore:hover,
#primary .post .entry-footer .btn-readmore:focus,
.search #primary .page .entry-footer .btn-readmore:focus{
background: none;
color: var(--primary-color);
}
.pagination .current,
.pagination a:hover,
.pagination a:focus{
background: var(--primary-color);
} #secondary .widget{
background: none;
border: 1px solid #ECECEC; 
}
#secondary .widget .widget-title{
background: none;
font-family: var(--secondary-font);
font-weight: 500;
border-bottom: 1px solid #ECECEC;
margin: 0;
}
#secondary .widget ul{
font-size: 15px;
line-height: 24px;
padding: 20px 20px 11px 24px;
}
#secondary .widget ul li a{
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#secondary .widget ul li a:hover,
#secondary .widget ul li a:focus{
color: var(--primary-color);
}
#secondary .widget ul li a:focus{
text-decoration: none;
outline: thin dotted;
}
.widget.widget_calendar table tbody td a{
background: var(--primary-color);
color: #121212;
}
.widget_media_gallery .gallery{
margin-left: -1px;
margin-right: -1px;
margin-bottom: 0;
padding: 2px;
}
.widget_media_gallery .gallery .gallery-item{
padding-left: 1px;
padding-right: 1px;
margin-bottom: 2px;
}
.widget_media_gallery .gallery img{
vertical-align: top;
}
.widget_media_image img{
vertical-align: top;
padding: 2px;
}
.widget.widget_construction_landing_page_featured_post .holder{
padding: 10px 25px;
font-size: 15px;
line-height: 1.600em;
}
.widget.widget_construction_landing_page_featured_post p{
margin: 0 0 1.5em;
}
.widget.widget_construction_landing_page_featured_post .readmore{
color: #121212;
font-family: var(--secondary-font);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size: 14px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.widget.widget_construction_landing_page_featured_post .readmore:hover,
.widget.widget_construction_landing_page_featured_post .readmore:focus{
text-decoration: none;
outline: none;
color: var(--primary-color);
}
.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title{
font-size: 16px;
line-height: 20px;
font-weight: 600;
font-family: var(--secondary-font);
}
.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta{
font-size: 13px;
}
#secondary .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a,
#secondary .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a{
color: #999;
}
#secondary .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:hover,
#secondary .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:hover,
#secondary .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:focus,
#secondary .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:focus{
color: var(--primary-color);
}
#secondary .widget.widget_construction_landing_page_social_links ul li{
margin-right: 29px;
}
.widget .search-form{
background: var(--primary-color);
display: flex;
flex-wrap: wrap;    
}
.widget .search-form label{
flex-basis: 0;
flex-grow: 1;
width: 100%;
padding: 10px;
background: #fff;
}
.widget .search-form input[type="submit"]{
padding: 0;
background-color: var(--primary-color);
}
.widget .search-form input[type="search"]{
padding: 0;
float: none;
display: block;
background: none;
color: #121212;
}
.widget.widget_tag_cloud .tagcloud{
padding: 10px 20px 11px 24px;
}
.widget.widget_tag_cloud .tagcloud a{
margin: 0 5px 5px 0;
border-color: var(--primary-color);
}
.widget.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud .tagcloud a:focus{
background: var(--primary-color);
border-color: var(--primary-color);
} #primary .post .entry-content h1,
#primary .page .entry-content h1,
#primary .post .entry-content h2,
#primary .page .entry-content h2,
#primary .post .entry-content h3,
#primary .page .entry-content h3,
#primary .post .entry-content h4,
#primary .page .entry-content h4,
#primary .post .entry-content h5,
#primary .page .entry-content h5,
#primary .post .entry-content h6,
#primary .page .entry-content h6{
font-family: var(--secondary-font);
color: #121212;
font-weight: 500;
}
.comments-area .comment-form input[type="submit"]{
background: var(--primary-color);
border: 2px solid var(--primary-color);
color: #fff;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
font-family: var(--secondary-font);
border-radius: 5px;
padding: 15px 25px;
font-size: 14px;
line-height: 1em;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.comments-area .comment-form input[type="submit"]:hover,
.comments-area .comment-form input[type="submit"]:focus{
outline: none;
background: none;
color: var(--primary-color);
}
.comments-area .comment-list .comment-meta .comment-metadata a:hover,
.comments-area .comment-list .comment-meta .comment-metadata a:focus{
color: var(--primary-color);
}
.comments-area .comment-list .comment-body .reply a:hover{
background: var(--primary-color);
} .site-footer{
background: #1C1C1C;
color: #fff;
font-size: 18px;
line-height: 1.650em;
}
.site-footer a:hover,
.site-footer a:focus{
text-decoration: none;
outline: none;
color: var(--primary-color);
}
.site-footer .widget{
margin: 0 0 50px;
}
.site-footer .widget .widget-title{
font-size: 16px;
line-height: 1em;
letter-spacing: 1px;
font-weight: 600;
font-family: var(--secondary-font);
margin: 0 0 20px;
text-transform: uppercase;
}
.site-footer .widget.widget_text .textwidget{
padding: 0;
}
.site-footer .widget ul li a{
color: #fff;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.site-footer .widget ul li a{
color: #fff;
}
.site-footer .widget ul li a:hover,
.site-footer .widget ul li a:focus{
text-decoration: none;
color: var(--primary-color);
}
.site-footer .widget ul li a:focus{
outline: thin dotted #fff;
outline-offset: 2px;
text-decoration: none;
}
.site-footer .widget ul li:before{
display: none;
}
.widget.widget_calendar .calendar_wrap {
padding: 0 20px 11px 24px;
position: relative;
}
.site-footer .widget.widget_calendar .calendar_wrap{
padding: 0;
}
.widget.widget_calendar .calendar_wrap .wp-calendar-nav{
position: absolute;
top: 0;
left: 0;
width: 100%;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0 20px;
line-height: 1;
}
.site-footer .widget.widget_construction_landing_page_featured_post .readmore{
color: #fff;
}
.site-footer .widget.widget_construction_landing_page_featured_post .readmore:hover,
.site-footer .widget.widget_construction_landing_page_featured_post .readmore:focus{
outline: none;
text-decoration: none;
color: var(--primary-color);
}
.site-footer .widget.widget_construction_landing_page_recent_post ul li .post-thumbnail,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .post-thumbnail{
width: 75px;
margin-right: 20px;
}
.site-footer .widget.widget_construction_landing_page_recent_post ul li .post-thumbnail img,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .post-thumbnail img{
width: 75px;
height: 75px;
object-fit: cover;
}
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a{
color: #fff;
}
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:hover,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:hover,
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:focus,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:focus{
color: var(--primary-color);
}
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a{
color: #fff;
}
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:hover,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:hover,
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:focus,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:focus{
color: var(--primary-color);
}
.site-footer .widget.widget_tag_cloud .tagcloud{
padding: 0;
}
.site-footer .site-info a:focus{
outline: thin dotted #fff;
}
.error404 .error-holder .btn-back{
font-size: 16px;
line-height: 1em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-family: var(--secondary-font);
color: #fff;
background: var(--primary-color);
border: 2px solid var(--primary-color);
height: inherit;
padding: 15px 35px;
border-radius: 5px;
width: inherit;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.error404 .error-holder .btn-back:hover,
.error404 .error-holder .btn-back:focus{
background: none;
text-decoration: none;
outline: none;
color: var(--primary-color);
}
.search .top-section .search-form{
display: flex;
flex-wrap: wrap;
background: var(--primary-color);
}
.search .top-section .search-form label{
width: 100%;
float: none;
display: block;
flex-basis: 0;
flex-grow: 1;
}
.search .top-section .search-form input[type="search"]{
border-radius: 0;
}
.search .top-section .search-form input[type="submit"]{
padding: 0;
border: 0;
background-color:var(--primary-color); 
}
.widget.widget_calendar caption{
padding: 10px 0;
width: max-content;
}
.widget.widget_calendar .calendar_wrap .wp-calendar-nav{
padding: 12px 20px;
}
@media only screen and (max-width: 991px){
.mobile-header{
background: #1c1c1c;
}
.mobile-header .site-branding .site-title{
font-family: var(--secondary-font);
}
.mobile-menu .phone-holder,
.mobile-menu .email-holder{
margin: 20px 32px;
font-size: 15px;
line-height: 22px;
padding-left: 30px;
position: relative;
}
.mobile-menu .phone-holder:before{
position: absolute;
top: 3px;
left: 0;
width: 17px;
height: 25px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFB600' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E") center center no-repeat;
}
.mobile-menu .email-holder:before{
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 25px;
content: '';
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFB600' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E") center center no-repeat;
}
.mobile-menu .phone-holder a,
.mobile-menu .email-holder a{
display: block;
font-weight: 600;
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-menu .phone-holder a:hover,
.mobile-menu .phone-holder a:focus,
.mobile-menu .email-holder a:hover,
.mobile-menu .email-holder a:focus{
outline: none;
text-decoration: none;
color: var(--primary-color);
}
.mobile-menu .social-networks{
margin: 20px 32px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.mobile-menu .social-networks li{
margin: 0 20px 15px 0;
}
.mobile-menu .social-networks li a{
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-menu .social-networks li a:hover,
.mobile-menu .social-networks li a:focus{
text-decoration: none;
outline: none;
color: var(--primary-color);
}
.mobile-menu .primary-navigation ul li a:hover,
.mobile-menu .primary-navigation ul li a:focus,
.mobile-menu .primary-navigation ul li:hover > a,
.mobile-menu .primary-navigation ul li:focus > a,
.mobile-menu .primary-navigation ul .current-menu-item > a,
.mobile-menu .primary-navigation ul .current-menu-ancestor > a,
.mobile-menu .primary-navigation ul .current_page_item > a,
.mobile-menu .primary-navigation ul .current_page_ancestor > a{
color: var(--primary-color);
}
.mobile-header .site-branding .text-logo{
flex-basis: 0;
flex-grow: 1;
}
.banner .col{
width: 100%;
}
.banner .col:first-child{
width: 100%;
margin: 0 0 60px;
}
.banner form{
margin: 0 auto;
}
.banner form:after{
left: inherit;
top: -80px;
right: -130px;
background-size: 7em;
-webkit-transform: rotate(190deg);
-moz-transform: rotate(190deg);
transform: rotate(190deg);
}
.about .col{
border-right: 0;
border-bottom: 1px solid #ECECEC;
}
.about .col:last-child{
border-bottom: 0;
}
.our-projects .col{
width: 100%;
border-right: 0;
}
.our-services .col{
width: 50%;
}
.site-footer .site-info .copyright,
.site-footer .site-info .by{
width: 100%;
text-align: center;
}
.mobile-header .menu-opener {
padding: 0;
border: 0;
outline: 0;
}
.mobile-header .menu-opener:focus {
outline: 1px dotted #fff;
}
.mobile-menu .close-mobile-menu {
padding: 0;
border: 0;
outline: 0;
}
.mobile-menu .primary-navigation .social-networks {
margin: 20px 32px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.mobile-menu .primary-navigation .social-networks a{
padding: 0px;
border-top: 0;
}
.mobile-menu .primary-navigation .social-networks  li svg {
margin-right: 0px;
}
}
@media only screen and (max-width: 767px){
.banner form:after{
display: none;
}
.about,
.promotional-block,
.our-projects,
.our-clients,
.testimonial{
padding: 40px 0;
}
.about .header .main-title,
.promotional-block .holder .main-title,
.our-projects .header .main-title,
.our-services .header .main-title,
.testimonial .header .main-title{
font-size: 30px;
line-height: 45px;
}
.about .col,
.our-projects .col{
padding: 15px;
}
.our-projects .col{
flex-direction: column;
}
.our-projects .col .img-holder{
width: 100%;
margin: 0 0 40px;
}
.our-services .top{
padding: 40px 0 170px;
}
.our-services .col{
width: 100%;
}
.our-services{
padding: 0 0 40px;
}
.testimonial .col{
width: 100%;
}
}
@media (max-width:1024px) {
.mobile-menu .social-networks li a {
display: flex !important;
}
}
@media only screen and (min-width:991px) {
.main-navigation .menu-primary-container ul ul {
position: absolute;
top: 100%;
left: -30px;
width: 250px;
font-weight: 400;
flex-direction: column;
margin-left: -99999px;
opacity: 0 ;
}
.main-navigation .menu-primary-container ul li:hover > ul {
margin-left: 0;
opacity: 1;
}
.main-navigation .menu-primary-container ul li ul li ul {
margin-top: -46px;
}
.main-navigation .menu-primary-container ul li:focus-within > ul {
margin-left: 0;
opacity: 1;
}
.main-navigation .menu-primary-container ul li ul li ul {
margin-top: -46px;
}
} .entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
text-decoration: underline;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
color: var(--primary-color); 
text-decoration: underline;
}
.main-navigation ul li.menu-item-has-children::before {
top: 26px;
right: 31px;
}