@import "bourbon";
@import "neat";
/*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*/
.cta {display: none;}
/* BUTTON LOADING ICON */
form .loading {display: none;}

/* --------------------------------- FONTS --------------------------------- */

/* --------------------------------- VARIABLES --------------------------------- */
:root {
/* --------------------------------- Colors --------------------------------- */
	--white: #FFFFFF;
	--black: #000000;
}

/* 
font-family: 'Barlow', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Raleway', sans-serif; 
*/

/* RESET */
* { padding: 0; margin: 0; box-sizing: border-box; }
li { list-style-type: none; }
a {color:inherit; text-decoration: none; transition: all .03s ease-in-out; }
body { font-family: 'Barlow', sans-serif; width: 100%; min-width: 1900px; }
h1 { font-size: 80px; }
h2 { font-size: 59px; }
h3 { font-size: 50px; }
h4 { font-size: 48px; }
h5 { font-size: 34px; }
h6 { font-size: 25px; }
html { scroll-behavior: smooth; scroll-padding-top: 50px; }

/* Display */
.display-block { display: block; }
.display-inline { display: inline; }
.display-inlineblock { display: inline-block; }

/* TYPOGRAPHY */
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-thin { font-weight: 100; }
.text-extralight { font-weight: 200; }
.text-light { font-weight: 300; }
.text-regular { font-weight: 400; }
.text-medium { font-weight: 500; }
.text-semibold { font-weight: 600; }
.text-bold { font-weight: 700; }
.text-extrabold { font-weight: 800; }
.text-black { font-weight: 900; }
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

/* Navigation */
#header nav ul { height: 53px; padding-top: 18px; display: flex; align-items: center; font-size: 15px; color: var(--white); letter-spacing: 0.45px; justify-content: space-between; }
#header nav a#pull { display: none; }
#header nav ul li { display: inline-block; vertical-align: middle; padding: 0 18px; position: relative; }
#header nav ul li a { display: inline-block; }
#header nav ul li.active-menu a::before, #header nav ul li a:hover::before { content: ""; position: absolute; width: 100%; top: -27px; border-top: solid 11px #CCCCCC;left: 0; right: 0; margin: auto; transition: all 0.3s; }
#header .phone-container { display: flex; align-items: center; gap: 15px; font-size: 24px; }
#header .phone-container span:hover { border-bottom: solid 1px var(--white); }

/*call to action*/
.cta {display: none;}

/*contact form*/
.ctc-form {margin: 0 auto;text-align: center;}
.ctc-form input[type="text"],.ctc-form textarea { font-family: 'Montserrat', sans-serif; font-size: 16px; color:#000; font-weight: 500; height:59px; display: block;width: 100%; border: none; padding: 5px 15px;box-sizing: border-box;margin: 0 auto 12px; letter-spacing: 0.7px; background-color: #F3F3F3; box-shadow: inset 2px 2px 5px #8b8b8b; }
.ctc-form textarea {height: 320px;padding-top:10px; resize: none; }
.ctc-form button {display: block;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha div {margin: 0 auto 10px;}
.ctc-form .ctc-hide {display: none;}

/*contact form messages*/
form .messages p {display: none;font-family: Arial !important;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-inline-start: auto; margin-top: 20px;}

/*gallery*/
.img-responsive { width: 250px; height: 300px; -o-object-fit: cover; object-fit: cover; }
#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: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;}

/* Button */
.button { font-size: 15px; width: 207px; height: 62px; transition: all 0.3s ease-in-out; display: flex; justify-content: center; align-items: center; font-family: 'Raleway', sans-serif; }
.button-banner { color: var(--white); border: solid 1px var(--white); border-radius: 35px; letter-spacing: 3px; }
.button-banner:hover { color: #333333; border: solid 1px #333333; background-color: var(--white); }
.button-contact { color: var(--white); border-radius: 35px; letter-spacing: 3px; background-color: #444444; }
.button-contact:hover { color: #444444; background-color: var(--white); border: solid 1px #444444; }
.button-form { font-family: 'Montserrat', sans-serif; color: var(--white);border-radius: 35px; background-color: #333333; border: solid 1px #333333; letter-spacing: 3px; }
.button-form:hover { color: #333333; background-color: var(--white); border: solid 1px #333333; }

/* Banner */
.banner { min-height: 1100px; background-image: url(../images/content/Banner-Background.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.banner-container { max-width: 1838px; margin-inline: auto; }
.banner-wrapper { max-width: 1770px; margin-inline-start: auto; display: flex; justify-content: space-between; }
.banner-relative { position: relative; width: 550px; height: 140px; }
.banner-left { width: 705px; padding-top: 25px; }
.banner-logo-container { max-width: 240px; }
.banner-text-let { font-size: 32px; letter-spacing: 6.4px; color: var(--white); padding-top: 50px; padding-bottom: 10px; }
.banner-text-15 { font-size: 62px; color: var(--white); }
.banner-work { font-size: 52px; letter-spacing: 1.9px; color: #C7C7C7; }
.banner-call { font-size: 20px; color: var(--white); letter-spacing: 0.6px; padding-top: 30px; padding-bottom: 45px; max-width: 550px; line-height: 32px; }
.banner-right { width: 1010px; }

/* Contact */
.contact { max-width: 1504px; margin-inline: auto; }
.contact-container { max-width: 1455px; margin-inline-start: auto; display: flex; position: absolute; z-index: 1; transform: translateY(-50%); }
.contact-left { width: 613px; }
.contact-right { width: 848px; padding-left: 105px; padding-top: 110px; padding-bottom: 80px; color: #333333; background-color: var(--white); }
.contact-right-we { line-height: 30px; font-size: 18px; padding-top: 30px; padding-bottom: 20px; letter-spacing: 0.1px; padding-right: 89px; }
.contact-right-get { font-size: 18px; padding-bottom: 25px; }

/* Services1 */
.services1 { min-height: 1210px; background-image: url(../images/content/Services1-Background.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.services1-container { max-width: 1410px; margin-inline-start: auto; overflow-x: hidden; padding-top: 500px; }
.services1-text-what { font-size: 21px; color: var(--white); letter-spacing: 4.2px; }
.services1-text-services { color: #CCCCCC; padding-top: 5px; padding-bottom: 40px; }
/* Carousel */
#sliderBX{ height:100px; margin-left:0px; transition:margin .2s ease-in-out; }
#sliderBX-contenedor{ width: 100%; position:relative; }
#btnSliderNext1 i, #btnSliderPrev1 i{ padding-top:6px; }
#btnSliderNext1, #btnSliderPrev1{ position:absolute; top:50%; transform:translateY(-50%);  width: 32px; padding:0px; text-align:center; }
#btnSliderNext1{ position:absolute; right:0px; top: -60px; }
#btnSliderPrev1{ position:absolute; right: 50px; top: -60px; }
.sliderBXcell{ width: 415px; display:inline-block; float:left; padding-right: 35px; }
.sliderBXcell-text { padding-left:40px; padding-top: 33px; padding-bottom: 33px; font-size: 25px; }
.sliderBXcell-cotainer { background-color: var(--white); box-shadow: 2px 2px 10px rgb(0, 0, 0); margin-bottom: 25px; transition: all 0.3s ease-in-out; }

/* Services2 */
.services2 { min-height: 1230px; background-image: url(../images/content/Services2-Background.png); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: -375px; }
.services2-container { max-width: 1375px; margin-inline: auto; }
.services2-wrapper { max-width: fit-content; padding-top: 515px; }
.services2-text-services { color: #333333; letter-spacing: -0.45px; padding-bottom: 40px; }
.services2-text-content-relative { position: relative; width: 710px; height: 400px;  }
.services2-text-content { display: flex; gap: 35px; position: absolute; }
.services2-text-content ul li { color: #212121; font-size: 21px; list-style-type: disc; list-style-position: inside; line-height: 40px; }
.services2-text-content ul li span { position: relative; left: -10px; }

/* About */
.about { min-height: 940px; background-image: url(../images/content/About-Background.png); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: -120px; }
.about-container { max-width: 1300px; margin-inline: auto; }
.about-wrapper { max-width: 570px; margin-inline-start: auto; padding-top: 290px; }
.about-text-about { font-size: 34px; color: #333333; letter-spacing: -0.34px; }
.about-text-established { color: #333333; letter-spacing: -0.34px; }
.about-text-content-relative { position: relative; width: 570px; height: 182px; }
.about-text-content { font-size: 20px; color: #333333; letter-spacing: -0.12px; line-height: 34px; padding-top: 35px; padding-bottom: 45px; position: absolute; }
.about-text-call { font-size: 21px; color: #31313F; letter-spacing: 4.2px; }
.about-text-text-tel { font-size: 32px; color: #31313F; }

/* Testimonials */
.testimonials { min-height: 835px; background-image: url(../images/content/Testimonials-Background.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: -120px; }
.testimonials-container { max-width: 1300px; margin-inline: auto; }
.testimonials-wrapper { max-width: 1205px; display: flex; justify-content: space-between; }
.testimonials-left { width: 310px; padding-top: 130px; }
.testimonials-quote-container { width: 184px; margin-inline-start: auto; }
.testimonials-text-what { color: #DDDDDD; letter-spacing: -0.48px; text-align: right; padding: 35px 0; }
.testimonials-arrow-container { width: 85px; display: flex; justify-content: space-between; margin-inline-start: auto; }
.testimonials-arrow { width: 32px; }
.testimonials-arrow:hover { cursor: pointer; }
.testimonials-center { width: 8px; height: 300px; background-color: var(--white); margin-top: 280px; }
.testimonials-right { width: 650px; padding-top: 280px; }
.testimonials-text-name { font-size: 21px; color: var(--white); }
.testimonials-text-content-relative { position: relative; width: 650px; height: 620px; }
.testimonials-text-content { font-style: italic; color: var(--white); line-height: 26px; padding-top: 20px; }
.checked { color: var(--white); width: 23px; height: 21px; }
/* Carousel */
.mySlides {display:none;}
.Slides-relative { position: relative; width: 650px; height: 662px; }
.Slides-absolute { position: absolute; }

/* Gallery */
.gallery1 { max-width: 1815px; margin-inline: auto; margin-top: -120px; }
.gallery1-container { max-width: 1610px; margin-inline-start: auto; display: flex; justify-content: space-between; }
.gallery1-left { width: 115px; padding-top: 325px; }
.gallery1-text-container { writing-mode: vertical-rl; transform: rotate(180deg); }
.gallery1-text-recent { color: #31313F; letter-spacing: 7.5px; }
.gallery1-text-our { color: #31313F; letter-spacing: -0.8px; }
.gallery1-right { width: 1375px; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 15px; }
.gallery1-image { width: 444px; transition: all 0.3s; }

/* Contact Form */
.contactform { max-width: 1425px; margin-inline: auto; margin-top: 110px; position: relative; }
.contactform-container { max-width: 890px; padding: 65px 65px 75px 88px;     box-shadow: 4px 4px 10px rgb(0, 0, 0); background-color: var(--white);     position: relative; z-index: 1; }
.contactform-text-contact { color: #333333; letter-spacing: 0.6px; padding-bottom: 40px; }

/* Footer */
.footer { min-height: 870px; background-image: url(../images/content/Footer-Background.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: -675px; }
.footer-container { max-width: 1425px; margin-inline: auto; position: relative; }
.footer-top-container { max-width: 525px; margin-inline-start: auto; }
.footer-logo-container { width: 240px; margin-inline: auto; padding: 40px 0; }
.footer-details-container { width: 310px; margin-inline: auto; display: flex; gap: 22px; }
.footer-image { width: 70px; height: 70px; }
.footer-text-container { display: flex; flex-direction: column; justify-content: center; }
.footer-text-title { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #888888; }
.footer-text-content1 { font-size: 30px; letter-spacing: 1.5px; color: var(--white); }
.footer-text-content1:hover { border-bottom: solid 1px var(--white); }
.footer-text-content2 { font-size: 18px; color: var(--white); }
.footer-text-content2:hover { border-bottom: solid 1px var(--white); }
.footer-details-container { padding-bottom: 55px; }
.footer-details-container:last-child { padding-bottom: 80px; }
.footer-bottom-container { max-width: 1390px; margin-inline: auto; display: flex; justify-content: space-between; align-items: center; padding-top: 20px; }
.footer-bottom-left { width: 700px; }
.footer-bottom-right { width: 550px; color: var(--white); letter-spacing: .54px; }
.footer-bottom-text { display: flex; align-items: center; padding-top: 10px; }
.footer-bottom-right{
	text-align: center;
	font-family: "Poppins";
	font-size: 14px;
	width: 100%;
	padding-top: 20px;
}
.footer-bottom-right img{
	width: 40px;
	vertical-align: middle;
}

/* InnerPage */
/* About Us */
.inner-aboutus { height: 900px; padding-top: 100px; }
/* Services */
.inner-services { height: 900px; padding-top: 100px; }
/* Testimonial */
.testimonials-page .testimonials { background-image:none; min-height: 750px; margin-top: 0; }
.testimonials-page .testimonials-center { background-color: #222222; }
.testimonials-page .testimonials-text-content { color: #777777; }
.testimonials-page .testimonials-text-what { color: #777777; }
.testimonials-page .testimonials-text-name { color: #777777; }
.testimonials-page .checked { color: #FFA500; }
.testimonials-page .testimonials-wrapper { justify-content: center; }
.testimonials-page .Slides-relative { height: auto; } 
.inner-testimonials-container { border: 1px solid #222222; padding: 20px; border-radius: 20px; margin-bottom: 50px; }
.testimonials-page .testimonials-right { padding-top: 50px; }
/* Footer */
.aboutus-page .footer, .services-page .footer, .gallery-page .footer, .testimonials-page .footer { margin-top: 0; }
.aboutus-page .footer-top-container, .services-page .footer-top-container, .gallery-page .footer-top-container, .testimonials-page .footer-top-container { margin-inline: auto; }
/* Gallery */
#content .gallery-container { max-width: 1300px; width: 100%; margin-inline: auto; }
.innter-gallery-text { padding-top: 100px; padding-bottom: 30px; }
.row { padding-bottom: 100px; }
/* Global */
.inner h1 { color: #333333; text-align: center; }
.inner p { line-height: 30px; font-size: 18px; text-align: center; }