@font-face{font-family: "socialico"; src: url("fonts/socialico-webfont.woff.woff2") format("woff2"), url("fonts/socialico-webfont.woff.woff") format("woff");}
.suspension-contain {max-height: 980px;overflow:hidden;position: relative;}
html.suspended {background: rgba(0,0,0,0.6);}
* {box-sizing: border-box;}
html{overflow-x: hidden;}
body {max-width: 100%;min-width: 1200px;margin: 0 auto;text-align: left; color: #2E2E2E; font-size: 16px; overflow-x: hidden; font-family: 'Poppins', sans-serif; position: relative;}
a {color:inherit;text-decoration: none; transition: all ease-out 0.3s; word-break: break-all;}
a:hover {text-decoration: none; color: #B77A20;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0 0 20px; line-height: 120%; color: #B77A20; font-weight: 400;}
h1 span, h2 span{color: #B1192A;}
h1{font-size: 60px;}
h2{font-size: 60px;}
h3{font-size: 50px;}  
h4{font-size: 40px;}
h5{font-size: 30px;}
h6{font-size: 16px;}
p{line-height: 200%;}
ul{padding-left: 25px; margin-top: 0;}
p{margin: 0 0 20px;}
.row {max-width: 1420px;margin: 0 auto; padding: 0 10px; width: 100%;}

/*button*/
a.btn, .btn{width: 235px; height: 55px; border: 0; font-family: 'Poppins', sans-serif; font-size: 16px; color:#fff; padding: 10px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;align-items: center; line-height: 1; transition: all ease 0.3s; text-align: center; border-radius: 5px; background: #B77A20; font-weight: 400; column-gap: 10px;}
a.btn:hover{background: #FFDB9D; color: #B77A20;}
a.btn.alt{background: #FFDB9D; color: #B77A20;}
a.btn.alt:hover{background: #B77A20; color: #FFF;}

/*image*/
img{display: block; max-width: 100%;}
.img-responsive{width: 100%;}

/*floats*/
.fl {float:left;}
.fr {float:right;}

.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; justify-content: space-between; row-gap: 20px; column-gap: 20px;}

/*typography*/
.text-primary{ color: #B77A20; }
.text-bold{ font-weight: 700; }
.text-uppercase{ text-transform: uppercase }
.text-center{ text-align: center !important; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

.m-a{margin-left: auto; margin-right: auto;}

/*clearings*/
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;font-size: 0;}
.clearfix {display:block;}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom{font-size: 14px; padding: 5px 10px; position: fixed; display: block!important; transform: none!important; bottom: 0!important; left: 20px!important;}

/*call to action*/
.destroy-on-load, .cta {display: none;}

/*contact form messages*/
form .messages p {display: none; font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
form .alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
form .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
form [type="submit"] {margin:20px auto}

/*gallery*/
#content .gallery-container {text-align: center;}
#content .gallery {list-style-type: none;margin: 0;padding: 0;}
#content .gallery li {display: inline-block;}
#content .thumbnail {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: .42857; margin-bottom: 20px;padding: 4px;transition: border 0.5s ease-in-out 0s;}
#content .thumbnail img{height: 225px; width: 225px; object-fit: cover;}
#content .thumbnail:hover {transform: scale(1.02);}
#content .page_navigation {display: inline-block;}
#content .page_link,#content .previous_link,#content .next_link,#content  .first_link,#content  .last_link, #content .ellipse {background-color: #fff;border: 1px solid #ddd;color:  #0275d8;display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative;}
#content .page_navigation > a:hover , .page_navigation > a.active_page {background-color: #eceeef;border-color: #ddd;color: #014c8c;text-decoration: none;}

/*header*/
#header{background: #2E2E2E; padding: 20px 0; box-shadow: 0 0 30px rgba(0 0 0 / 30%);}
#header .row{max-width: 1750px;}
#header .content{display: flex; gap: 20px; justify-content: space-between; align-items: center;}
#header .social{display: flex; gap: 10px; justify-content: space-between; align-items: center; width: 160px}
#header .left{width: 650px; max-width: 100%;}
#header nav a#pull {display: none;}
#header ul{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: space-between; column-gap: 10px; width: 650px; max-width: 100%;}
#header ul li a{font-size: 15px; text-align: center; color: #FFF; font-weight: 400; letter-spacing: 1.2px;}
#header ul.main>li:hover>a, #header ul.main>li.active-menu>a{color: #DC9A39;}
#header ul.sub>li:hover>a, #header ul.sub>li.active-menu>a{color: #DC9A39;}
#header ul.subb>li:hover>a, #header ul.subb>li.active-menu>a{color: #DC9A39;}
#header ul.sub, #header ul.subb{position: absolute; display: none; z-index: 1; background: #2E2E2E; padding: 20px; width: fit-content;}
#header ul.subb{padding: 0 0 0 10px;}
#header ul.main>li:hover>.sub a{font-size: 18px !important;}
#header ul.main>li:hover>.sub, #header ul.sub>li:hover>.subb{display: block}
#header ul.sub>li:hover>.subb{position: relative;}

/*banner*/
#banner .item{position: relative;}
#banner .item img {width: 1903px;}
#banner .in{position: absolute; bottom: 150px; left: 50%; transform: translateX(-50%);}
#banner .btn{margin: 0 auto;}
#banner h2{color: #FFF; font-weight: 400; text-shadow: 0 0 4px rgba(0 0 0 / 65%); margin-bottom: 40px;}
#banner .slick-dots{bottom: 30px;}
#banner .slick-dots li button:before{font-size: 13px; height: 13px; width: 13px; padding: 0; line-height: 13px;}
#banner .slick-dots li button{font-size: 13px; height: 13px; width: 13px; padding: 0;}
#banner .slick-dots li{font-size: 13px; height: 13px; width: 13px; padding: 0;}
#banner .slick-dots li.slick-active button:before{color: #B77A20;}
#banner .slick-dotted.slick-slider{margin: 0;}

/*content*/
#welcome{padding: 65px 0;}
#welcome .content{display: flex; gap: 20px; justify-content: space-between; align-items: center;}
#welcome .img{margin-right: -30px;}
#welcome .txt{width: 820px; max-width: 100%;}
#welcome .bot{width: 100%; max-width: 100%; display: flex; gap: 20px; justify-content: space-between; align-items: center;}
#welcome .btns{width: 500px; max-width: 100%; display: flex; gap: 20px; justify-content: space-between; align-items: center;}
#welcome h6{letter-spacing:2px; font-weight: 400; margin-bottom: 10px; font-size: 26px; color: #2E2E2E;}
#welcome h1{margin-bottom: 30px;}
#welcome p{line-height: 180%; font-size: 18px; max-width: 700px; margin: 0;}

#services{padding: 55px 0 80px; background: url('../images/common/sv-bg.png') center center no-repeat; background-size: cover;}
#services .hd{display: flex; gap: 20px; justify-content: space-between; align-items: center; margin-bottom: 50px;}
#services h2{margin: 0; color: #FFF;}
#services .hd .btn{background: transparent; border: 1px solid #FFF; color: #FFF;}
#services .item{width: 620px; height: 625px; margin: 0 15px; }
#services .in{background: #FFDB9D; border-radius: 25px; padding: 0 30px 40px 30px; max-width: 605px; height: 590px; margin: 35px 35px 0; position: relative; display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column;}
#services .in img{position: absolute; top: -35px; left: -35px ; z-index: 1;}
#services h4{color: #211F1F; margin: 0 0 20px;}

#services .slick-dotted.slick-slider{margin: 0;}
#services .slick-dots{bottom: 0; position: relative; margin-top: 50px;}
#services .slick-dots li button:before{font-size: 13px; height: 13px; width: 13px; padding: 0; line-height: 13px;}
#services .slick-dots li button{font-size: 13px; height: 13px; width: 13px; padding: 0;}
#services .slick-dots li{font-size: 13px; height: 13px; width: 13px; padding: 0;}
#services .slick-dots li.slick-active button:before{color: #B77A20;}

#projects{padding: 90px 0 110px;}
#projects h2{margin: 0 0 80px; text-align: center; color: #211F1F;}
#projects h5{margin: 40px 0; color: #211F1F;}
#projects .item{margin: 0 15px; max-width: 450px;}

#projects .slick-dotted.slick-slider{margin: 0;}
#projects .slick-dots{bottom: 0; position: relative; margin-top: 110px;}
#projects .slick-dots li button:before{font-size: 13px; height: 13px; width: 13px; padding: 0; line-height: 13px;}
#projects .slick-dots li button{font-size: 13px; height: 13px; width: 13px; padding: 0;}
#projects .slick-dots li{font-size: 13px; height: 13px; width: 13px; padding: 0;}
#projects .slick-dots li.slick-active button:before{color: #B77A20;}

.slick-prev, .slick-next{font-size: 0; height: 38px !important; width: 38px !important;}
.slick-prev:before, .slick-next:before{font-size: 0; height: 38px !important; width: 38px !important;}
.slick-prev:before{content: url("../images/common/left.png") !important; background-size: cover; height: 38px !important; width: 38px !important; font-size: 38px !important;}
.slick-next:before{content: url("../images/common/right.png") !important; background-size: cover; height: 38px !important; width: 38px !important; font-size: 38px !important;}

#about{background: url('../images/common/ab-hd-bg.png') top left no-repeat; padding-top: 105px}
#about h2{color: #FFF; margin: 40px 0;}
#about .content{display: flex; gap: 20px; justify-content: space-between; align-items: flex-start;}
#about .txt1{width: 410px; max-width: 100%;}
#about .txt1 .btn{position: relative; z-index: 2;}
#about .txt1 p{font-size: 18px; line-height: 180%; margin-bottom: 50px;}
#about .txt2{background: url('../images/common/ab-img.png') center center no-repeat; height: 622px; width: 795px; max-width: 100%; background-size: cover; display: flex; align-items: center; margin-right: 110px; position: relative; justify-content: flex-end; border-radius: 20px;}
#about .txt2 p{font-size: 18px; line-height: 180%; margin: 0;}
#about .txt2 p:first-of-type{margin-bottom: 30px;}
#about .txt2 .in{width: 700px; max-width: 100%; position: relative; right: -110px;}

#testimonials{overflow-x: hidden; margin-top: -145px; position: relative; z-index: 1; padding-bottom: 90px;}
#testimonials .content{display: flex; gap: 20px; justify-content: space-between; align-items: flex-start;}
#testimonials .txt{width: 916px; max-width: 100%; margin-right: -251px;}
#testimonials .img{margin-top: 250px; margin-left: -95px;}
#testimonials .slide{margin: 25px 0 0 60px !important; width: 580px; max-width: 100%;}
#testimonials p{margin-bottom: 30px; font-size: 18px; line-height: 180%;}
#testimonials h4{margin: 0;}

#testimonials .slick-dotted.slick-slider{margin: 0;}
#testimonials .slick-dots{bottom: 15px;}
#testimonials .slick-dots li button:before{font-size: 13px; height: 13px; width: 13px; padding: 0; line-height: 13px;}
#testimonials .slick-dots li button{font-size: 13px; height: 13px; width: 13px; padding: 0;}
#testimonials .slick-dots li{font-size: 13px; height: 13px; width: 13px; padding: 0;}
#testimonials .slick-dots li.slick-active button:before{color: #B77A20;}
#testimonials .slick-prev{left: initial; right: 48px; bottom: 5px; top: initial; transform: initial; z-index: 2;}
#testimonials .slick-next{left: initial; right: 0; bottom: 5px; top: initial; transform: initial; z-index: 2;}

/*form*/
.ctc-form {margin: 0 auto;text-align: center; font-family: 'Poppins', sans-serif;}
.ctc-form input[type="text"], .ctc-form textarea {border: 0; border: 0; border-radius: 0; font-size: 16px;height: 60px;display: block;width: 100%;padding: 10px 20px;box-sizing: border-box;margin: 0 auto 10px; font-weight: 400; background: #FFDB9D; font-family: 'Poppins', sans-serif; border: 0;}
.ctc-form textarea {height: 155px;padding-top:10px; width: 100%;}
.ctc-form ::placeholder{color: #B77A20;}
.ctc-form label{font-size: 15px;}
.ctc-form .flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; column-gap: 10px; align-items: center; justify-content: space-between;}
.ctc-form .flex label{width: 100%;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha {padding: 0;}
.ctc-form .g-recaptcha div {line-height: 0;  margin: 0 auto;}
.ctc-form .ctc-hide {display: none;}
.ctc-form .cap{margin-bottom: 10px;}
.ctc-form .consent{margin-bottom: 10px; font-size: 14px;}
.ctc-form .btn{border-radius: 5px;}

/*footer*/
#footer{background: #2E2E2E; padding: 40px 0 60px;}
#footer .logo img{margin: 0 auto 20px;}
#footer .content{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px;}
#footer .social{display: flex; align-items: center; justify-content: space-between; width: 180px; max-width: 100%; margin: 0 0 0 auto;}
#footer .info, #footer .deets {width: 320px; max-width: 100%;}
#footer .item{display: flex; align-items: flex-start; justify-content: flex-start; gap: 30px; color: #FFF; font-size: 14px;}
#footer .item:first-of-type{font-size: 18px; font-weight: 500;}
#footer .item:first-of-type a:first-of-type{margin-bottom: 10px; display: block;}
#footer .item:not(:last-of-type){margin-bottom: 100px;}
#footer .item:last-of-type a{max-width: 120px; display: block;}
#footer .item span{display: block; color: #FFF; font-weight: 400; font-size: 12px; letter-spacing: 1px;}
#footer .form{color: #FFF; text-align: center;}
#footer .form h2{font-size: 60px; margin: 0; color: #FFDB9D;}
#footer .form .ctc-form{text-align: left;}
#footer .form p{font-size: 16px;line-height: 145%;}
#footer .form .btn{margin: 0;}
#footer .form .flex:first-of-type input:first-of-type{border-radius: 20px 0 0 0;}
#footer .form .flex:first-of-type input:last-of-type{border-radius: 0 20px 0 0;}
#footer .form textarea{border-radius: 0 0 20px 20px; height: 100px;}
#footer .form{width: 600px; max-width: 100%;} 
#footer ul{list-style: none; padding: 0; margin: 40px 0 50px; text-align: right;}
#footer ul li a{font-size: 15px; text-align: center; color: #FFF; font-weight: 400; letter-spacing: 1.2px}
#footer ul li:not(:last-child){margin-bottom: 20px;}
#footer ul li:hover a, #footer ul li.active-menu a{color: #DC9A39;}
#footer .copy{font-size: 14px; line-height: 120%; color: #FFF; text-align: right;}
#footer .copy img{vertical-align: middle; display: inline-block; height: 25px; margin-left: 5px;}

/*inner pages*/
.inner #content {min-height: 300px;padding: 40px 0;}
.inner #content .row{margin:0 auto;}
.inner #content ul li{text-align: left;}
.inner #content h1{padding: 0;margin: 0 0 20px;line-height: 120%; color: #B77A20; text-transform: uppercase; text-align: center;}
.inner #content h2{padding: 0;margin: 0 0 20px;line-height: 120%; color: #B77A20; text-align: left; text-transform: initial;}
.inner #content h3{padding: 0;margin: 0 0 20px;line-height: 120%; color: #B77A20; text-align: left;}
.inner #content p{text-align: left;}

/*privacy policy*/
.inPrivacyBox {max-width: 850px; margin: 0 auto 20px;}
.inPrivacyBox p {text-align: justify!important;}

.article{padding: 20px; border: 1px solid #2E2E2E;}
.article:not(:last-of-type){margin-bottom: 20px;}

/** Responsive
-------------------------------------------------------*/
.top{box-shadow: 0 0 5px #000; background: #B77A20  url("../images/common/top.jpg") no-repeat center center;border-bottom-right-radius: 40px;border-top-right-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;left: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999; background-size: 51px 51px;}

@media screen and (max-width: 1399px) {
}

@media screen and (max-width: 1199px){
  body {min-width: 320px;}
  h1,h2,h3,h4,h5,h6{text-align: center !important; letter-spacing: initial !important; margin-bottom: 20px !important;}
  h1,h2{font-size: 35px !important;}
  h3{font-size: 30px !important;}
  h4{font-size: 25px !important;}
  h1 span,h2 span{letter-spacing: initial !important;}
  h1 small,h2 small{letter-spacing: initial !important;}
  p{letter-spacing: initial !important; margin-bottom: 20px !important;}
  li{font-size: 20px;}
  a{word-break: break-word;}
  .ctc-form .flex{flex-wrap: wrap; justify-content: center; gap: 0;}
  .inner #content h1{font-size: 35px !important;}
  .inner #content h2{font-size: 30px !important;}
  .inner #content h3{font-size: 25px !important;}
  .inner #content h4{font-size: 20px !important;}
  .inner #content h5{font-size: 18px !important;}
  .inner #content h6{font-size: 16px !important;}
  .inner #content{padding: 40px 0;}
  .btn{max-width: 100%; margin: 0 auto;}
  #header {padding: 40px 0 0; position: relative; z-index: 999;}
  #header .row{flex-wrap: wrap; padding: 0;}
  #header nav {display: block;height: auto;position: fixed;width: 100%;top: 0;box-shadow: 0 0 5px rgb(0 0 0 / 70%); left: 0; padding: 0;}
  #header nav ul {  display: none; height: auto;border-bottom:5px solid #B77A20; padding: 10px; margin: 0; width: 100%; border-radius: 0; background: #202020;}
  #header nav ul li { width: 100%;position: relative; }
  #header nav ul li a {float:none; padding: 10px 20px; border-radius: 0; width: 100%; display: block; color: #FFF; font-size: 18px; padding: 0; height: auto; line-height: 180%; text-align: left;}
  #header ul li:hover a, #header ul li.active-menu a{background: none; color: #B77A20;}
  #header nav a {text-align: left; width: 100%;}
  #header nav a strong {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
  #header nav a#pull {display: block; color: #fff; background-color: #B77A20; height: 40px;padding: 10px 15px; width: 100%; position: relative; font-size: 20px;}
  #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
  .cta{box-shadow: 0 0 5px #000; background: #B77A20  url("../images/common/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top-left-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999;}
  #footer .item, #welcome .btns, #services .hd, #welcome .bot,  .img, #footer .info, #testimonials, .content{flex-wrap: wrap; justify-content: center !important; align-items: center !important; flex-direction: column;}
  #guaranteed, #footer, #about, #projects, #welcome, #services{padding: 0;}
  #header .left{width: 100%;}
  #banner .in{position: relative; /*bottom: initial;*/}
  #banner h2{color: #2E2E2E}
  #banner .slide{margin-bottom: 0 !important;}
  #banner .slick-dots {display: none !important;}
  #welcome .img{margin: 0;}
  #about h2{margin: 0 0 20px; color: #2E2E2E;}
  #about{background: none;}
  #about .txt2 .in{right: 0;}
  #header .logo img{margin-bottom: 20px;}
  #about .txt2{margin: 0; padding: 20px; background-size: cover; height: auto;}
  #testimonials .txt{margin: 0;}
  #projects .item{max-width: initial;}
  #projects .item img{margin: 0 auto;}
  #projects h5{margin: 20px 0 !important;}
  #projects .slick-dots{margin-top: 30px;}
  #footer ul{display: none;}
  #footer .copy{text-align: center;}
  #footer .social{margin: 0 auto 20px;}
  #footer .item:not(:last-of-type){margin-bottom: 20px;}
  #testimonials{margin: 0; padding: 40px 0;}
  #testimonials .slick-dots{bottom: 0;}
  #testimonials .img{margin: 0;}
  #services h2{margin: 0 !important}
  #header .social{margin: 20px auto 0;}
  #services .in{width: 605px; max-width: 100%; margin: 0 auto; padding: 20px; height: auto;text-align: center; justify-content: center; align-items: center;}
  #services .in img{position: relative; left: initial;top: initial;}
  #services .in img{margin: 0 auto 20px;}
  #services .item{height: auto;}
  #footer .item{text-align: center;}
  #services .hd{margin-bottom: 20px;}
  #services .slick-dots{margin-top: 20px;}
  #testimonials .slide{margin: 20px auto 0 !important;}
  img{float: none !important; display: block; margin-left: auto; margin-right: auto;}
  #header ul.sub, #header ul.subb{position: relative; display: none !important;}
  #header ul.main>li:hover>.sub, #header ul.sub>li:hover>.subb{display: block !important;}
  #header ul.sub>li:hover>.subb{position: relative;}
}

@media screen and (max-width: 500px) {
  a.btn, .btn {
    width: 199px;
    height: 45px;
  }
}