@charset "UTF-8";

@import url("core.min.css"); 
@import url("plugins.min.css");
@import url("header.css"); 
@import url("responsive.css"); 

:root {
--thm-font: "FreightSansProBook", 'open-sans', sans-serif;  
--thmb-font: "FreightSansProMedium", 'open-sans', sans-serif;
--thm-color: #16989D; 
--thm-white: #ffffff;   
--thm-black: #151e2e; 
--thm-color2: #ECB642;
--thm-color3: #e1963c;
--thm-color4: #c8ba62;
--thm-gray:#e9ecef; 
--thm-icon-font: "icomoon";
  }

/*
Viridian Green : #16989D;
Meat Brown:#ECB642;
*/

*, *::before, *::after { box-sizing: border-box; }
body{margin: 0;font-family: var(--thm-font);font-size: 1rem;letter-spacing:1px;font-weight: 400;line-height: 1.5;color: var(--thm-black);-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
h1, h2, h3, h4, h5, h6{color: #000000;font-family: var(--thm-font), sans-serif;font-weight: 600;letter-spacing: 0.075em;line-height: 1.75;margin: 0 0 1.5rem 0;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit;text-decoration: none}h1{font-family: "var(--thm-font)", sans-serif;font-size: 5rem;font-weight: 700;letter-spacing: -0.05em;line-height: 1.1;margin: 0 0 1.5rem 0;text-transform: none}h2{font-size: 1.25rem;font-weight: 800;margin: 0 0 2rem 0}h3{font-size: 0.875rem}h4{font-size: 0.875rem}h5{font-size: 0.75rem}h6{font-size: 0.625rem}
a{color: inherit;-webkit-transition: color 0.2s ease;transition: color 0.2s ease}a:hover,a:focus,a:active{text-decoration: none;color: inherit}a:focus{outline: none;color: inherit}a:hover,a:active{outline: 0;text-decoration: none}button:focus{outline: 0px dotted}
.clearfix::after{display: block;clear: both;content: ""}
.cs-accent_color_2{fill: #efb932}.cs-accent_color_3{fill: #00969d}.cs-accent_color_1{fill: #ffffff}.cs-accent_color_4{fill: #000000}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance: button}button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor: pointer}
a,span,img{display: inline-block;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color: inherit;text-decoration: none}
strong, b { font-weight: bold;}
@media (prefers-reduced-motion: no-preference){:root{scroll-behavior: smooth}}
.valign{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.container,  .container-fluid { padding-left: 5%; padding-right: 5%; }

a:hover,a:active {
    color: var(--thm-color);
    text-decoration: none
}

.form-control {
  font-size: 14px;
  color: #0f105e;
}
.form-control:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}
.form .form-control {
  padding: 14px 13px;
}

h1, .h1{font-size: calc(1.375rem 1.5vw)}@media (min-width: 1200px){h1, .h1{font-size: 2.5rem}}h2, .h2{font-size: calc(1.325rem 0.9vw)}@media (min-width: 1200px){h2, .h2{font-size: 2rem}}h3, .h3{font-size: calc(1.3rem 0.6vw)}@media (min-width: 1200px){h3, .h3{font-size: 1.75rem}}h4, .h4{font-size: calc(1.275rem 0.3vw)}@media (min-width: 1200px){h4, .h4{font-size: 1.5rem}}h5, .h5{font-size: 1.25rem}h6, .h6{font-size: 1rem}

.wrapper{ overflow:hidden;}
.vg-bg { background: var(--thm-color);}
.mb-bg { background: var(--thm-color2);}
.teel{color: #333;margin-bottom: 25px;padding-bottom: 10px;position: relative;margin-top: 0} .teel::before{position: absolute;content: "";background-image: url(../images/line2.svg);height: 24px;width: 88px;background-size: contain;background-repeat: no-repeat;bottom: -17px}
.mustard{color: #333;margin-bottom: 25px;padding-bottom: 10px;position: relative;margin-top: 0} .mustard::before{position: absolute;content: "";background-image: url(../images/line.svg);height: 24px;width: 88px;background-size: contain;background-repeat: no-repeat;bottom: -17px}

.banner .slide-item{background-repeat: no-repeat;background-size: cover;background-position: center top;position: relative;min-height:800px;z-index: 1}.banner .slide-item:before{content: "";background-color: rgb(var(--thm-color-two-rgb), 25%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}.banner .section-padding{padding: 80px 0}.banner .banner_text{max-width: 750px}.banner .banner_text .title{font-size: 50px;font-family: var(--thm-font);color: var(--thm-white);letter-spacing: 2px; padding-left:20px; font-weight: bold}.banner .banner_content .text{color: var(--thm-white);font-size: 24px;font-weight: 100;padding: 20px 10px 20px 20px;line-height: 1.4;background: rgba(0, 0, 0, 0.25);margin-bottom: 2%}.banner .banner_content .text strong{color: var(--thm-color-one)}.banner .banner_content .thm-btn{border-color: var(--thm-color-one)}.banner .banner_content .thm-btn:focus,.banner .banner_content .thm-btn:hover{border-color: var(--thm-color-two)}.banner .slick-arrow{margin-right: 5%;bottom: 0;top: auto;margin-bottom: 210px;right: 0;border: none;color: var(--thm-color-one)}.banner .slick-arrow:hover{color: var(--thm-white)}.banner .slick-arrow.slick-prev{left: auto;right: 0;bottom: 50px}.banner .slick-dots{position: absolute;bottom: 80px;left: 0;right: 0;z-index: 100}.banner .slick-dots li button{border-color: inherit;background-color: var(--thm-white)}.banner .slick-dots li.slick-active button{background-color: var(--thm-color-one);border-color: inherit}

/*****/
.btn{padding: 15px 30px;text-transform: uppercase;font-weight: 600;letter-spacing: 1.5px;font-size: 18px}.btn.btn-sm{padding: 6px 12px}.btn:focus{box-shadow: none}
.btn i { vertical-align: middle; margin-left: 12px;}
.btn.btn-primary{background-color: var(--thm-color);border: 1px solid var(--thm-color);color: #fff}.btn.btn-primary:hover, .btn.btn-primary.active{background-color: var(--thm-color);border: 1px solid var(--thm-color)}
.btn.btn-outline-primary { border: 1px solid var(--thm-color) !important; color: var(--thm-white) !important; }

.image_boxes{position: relative}.image_boxes img{-webkit-border-radius: 2rem;border-radius: 2rem}.image_boxes.style_two{position: relative;display: inline-block}.image_boxes.style_two .image{position: relative;width: 250px;border-radius: 10px;overflow: hidden}.image_boxes.style_two .image img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover}.image_boxes.style_two .image.one{float: left}.image_boxes.style_two .image.two{position: absolute;right: -275px;margin-top: 100px}
.about-text p, .about-content p{font-weight: 400;font-size: 18px;color: var(--thm-black);margin-bottom: 15px}

/*****/
.single-feature-box{position: relative;margin-bottom: 12px}.single-feature-icon i{font-size: 36px;padding: 18px;display: block;text-align: center;vertical-align: middle;background: var(--thm-gray);border-radius: 5px;color: var(--thm-color)}.feature-content{margin: 0 77px 0px 14px}.feature-title h3{font-size: 16px;line-height: normal;font-weight: 500;margin: 0}

/******/ 
.list-type-01{margin: 0px;margin-bottom: 20px;padding: 0px;list-style: none;display: block}.list-type-01 li{padding: 5px 0px;border-bottom: 1px solid #ebe5e5}.list-type-01 li a{font-weight: 400;font-size: 22px;text-transform: capitalize;line-height: 41px;color: rgba(255, 255, 255, 1);position: relative;-webkit-transition:all .3s ease;transition: all .3s ease;z-index: 1}.list-type-01 li a:hover{padding-left: 15px;color: var(--thm-black)}.list-type-01 li a:after{content: "";clear: both;display: block;position: absolute;width: 0px;height: 2px;background: var(--thm-black);left: 0px;top: 20px;-webkit-transition: all .3s ease;transition: all .3s ease;z-index: 3}.list-type-01 li a:hover:after{width: 8px}
.blockquote-holder{position: relative;overflow: hidden}.blockquote-holder[class*="with-bg"] p{color: #fff}.blockquote-holder.with-bg2{background: rgb(233,236,239, 0.25)}blockquote{color: #fff;padding: 38px 40px}blockquote p{font-family: var(--thm-font);font-weight: normal;line-height: 1.400em;font-size: 2.25rem !important;text-shadow: 1px 2px 1.5px rgba(0,0,0,0.3)}blockquote p:before{content: "“"}blockquote p:after{content:"”"}blockquote p:before,blockquote p:after{display:inline;font-size: 2.25rem;color: var(--thm-black);padding: 0;position: relative;top: 0}
.blockquote-holder.with-bg{background: rgb(22,152,157, 1)}
.tab-content p {font-size: 22px; color: var(--thm-white);}
.service-content p {font-size: 22px; color: var(--thm-black);}
.list-type-01 li:last-child{ border: none !important;}
.list-type-01 li a.active { color: var(--thm-black);}

ol.list-type-02{list-style:none;padding:0;color: var(--thm-black);font-size: 22px;counter-reset: my-awesome-counter}
ol.list-type-02 li{padding:5px 12px 5px 44px;position:relative;margin-bottom:10px;letter-spacing: 1px; counter-increment: my-awesome-counter}
ol.list-type-02 li::before{left:0;position:absolute;text-align:center;top:15%;transform:translateY(-50%);width:31px;color: var(--thm-black);content: counter(my-awesome-counter);font-size: 18px;}        


/******/
ol{list-style: none;padding: 0;color: var(--thm-white);font-size: 22px;counter-reset: my-awesome-counter}ol li{padding: 5px 12px 5px 44px;position: relative;margin-bottom: 10px;letter-spacing: 1px;counter-increment: my-awesome-counter}ol li::before{left: 0;position: absolute;text-align: center;top: 12%;transform: translateY(-50%);width: 31px;color: var(--thm-white);content: counter(my-awesome-counter);font-size: 18px}

/****/
.terms p{ font-size: 1rem !important; margin-bottom:20px; }
.terms hr { display: block; border: 0; height: 1px; border-top: 1px solid #e5e5e5; padding: 0 ; margin: 20px 60px;  }
.list-disc {  list-style-type: disc; padding-left: 2rem;}
.list-disc li { margin-bottom: 1rem!important; font-family: var(--thm-font); letter-spacing: 0.5px; line-height: 28px; font-size: 1rem;}

/****/
.single-sidebar-box {
  position: relative;
  display: block;
  padding: 20px;  
  border-radius: 15px;
  margin-bottom: 50px;
}
/****/ 
.footer{background-color: rgba(233,236,239,0.5)}
/* .footer ul.social-icon{display: flex;margin-top: 25px;margin-bottom: 10px;margin-left: -7px;margin-right: -7px;float:right}
.footer ul.social-icon .icon-link{min-width: 48px;max-width: 48px;min-height: 48px;max-height: 48px;color: var(--thm-color);padding: 5px;margin-left: 7px;margin-right: 7px;display: flex;justify-content: center;align-items: center;transition: 0.3s;text-decoration:none}
.footer ul.social-icon .icon-link:hover{background: var(--thm-color2);border-color: var(--thm-color2);color: var(--thm-white);border-radius: 500px;text-decoration:none}

ul.social-link {
  list-style: none; position: relative;
}
ul.social-link li {
  font-size: 20px;
  margin: 0 10px;
  display: flex; float: right;
}
ul.social-link i{ font-size: 18px;}
ul.social-link a {
  color: var(--thm-color);
  transition: all 0.6s ease-in;
}
ul.social-link:hover a {
  color:rgba(255, 255, 255, 0.5);
}
*/

.footer .social-circle li a{height: 48px;width: 48px;color: var(--thm-color);border-radius: 50%;font-size: 18px;text-align: center;display: inline-block;line-height: 48px;background-color: transparent;transition: all 0.5s ease-in-out}.footer .social-circle li:hover a{background-color: var(--thm-color);color: var(--thm-white)}
ul.footer-nav{justify-content: flex-end;display: flex;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;font-weight: 300}
ul.footer-nav li{color: var(--thm-black);font-size: 1rem;font-weight: 400;line-height: 1.7em;font-family: 'FreightSansProBook';display: block}
ul.footer-nav li a{color: var(--thm-black);cursor: pointer;text-decoration: none !important;padding: 5px 0px;border-bottom: 2px solid var(--thm-black) }
ul.footer-nav li a:hover{color: var(--thm-color);border-bottom: 2px solid var(--thm-color)} 
.footer .logo img { height: 125px;}
/*****/ /*
.topbutton{color: #fff;bottom: 50px;display: block;height: 60px;line-height: 60px;position: fixed;right: 20px;text-align: center;width: 60px;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;z-index: 999;font-size: 20px;background-color: #179ff6;text-decoration: none}
.topbutton.btn-show{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
.topbutton.btn-hide{opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px)}
.topbutton:hover{color: #fff !important;opacity: 0.9;text-decoration: none}
.topbutton:focus{color: #fff !important;text-decoration: none} */

.topbutton {
  display: block;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
  background: var(--thm-color);
  border-radius: 50%;
  border-color: var(--thm-white);
  padding: 10px 15px;
  color: var(--thm-white);
}

.topbutton.btn-show{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
.topbutton.btn-hide{opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px)}
.topbutton:hover{color: #fff !important;opacity: 0.9;text-decoration: none}
.topbutton:focus{color: #fff !important;text-decoration: none}



/*****/
.section {
    padding: 100px 0;
    position: relative
}

@media (max-width: 768px) {
    .section {
        padding:60px 0
    }
}
.bg-overlay {
    background-color: rgba(22,28,45,0.25);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}
.section-title {
    position: relative
}

.section-title .title {
    letter-spacing: 0.5px;
    font-size: 28px !important
}

@media (max-width: 768px) {
    .section-title .title {
        font-size:24px !important
    }
}

 

.statements{ position:relative; padding: 100px 0; text-align:center;}
.statements h1 { position:relative; padding: 50px 0 25px 0; text-align:center; font-family: var(--thm-font);}
.statements h1 {
    font-size: calc(1.625rem + 4.5vw) !important;
    font-weight: 300; text-transform:uppercase; color: var(--thm-color2) !important;  
    line-height: 1.2; letter-spacing: 5px;
}

@media (min-width: 1200px) {
    .statements h1 {
        font-size:5rem !important;
    }
}
.statement-dec {
    background: var(--thm-color);  color: var(--thm-white) !important; padding:75px;
}
.statement-dec p{ color: #FFF;
    font-size: 3.6vw;
    line-height: 1.1;
    font-weight: 400;}
	
@media (min-width: 768px) {
    .statement-dec p {
        font-size:26px
    }
}

@media (min-width: 992px) {
    .statement-dec p  {
        font-size:36px;
        line-height: 1.2
    }
}

@media (min-width: 1600px) {
    .statement-dec p  {
        font-size:2.875rem
    }
}

.statements ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.statements ul li {list-style-type: square; font-size: 2.6vw; margin:24px 0px; position:relative; 
    line-height: 1.1; text-align:left;}
	
.statements ul.beliefs {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}
.statements ul li {list-style-type: square; font-size: 2.6vw; margin:24px 0px; position:relative; 
    line-height: 1.1; text-align:left;}
	
.quote { max-width: 100%;
    height: 50px;
    vertical-align: top;}

.font-weight-800 {
    font-weight: 800
}

.feature-box-item {
    border: 1px solid rgba(0, 2, 41, 0.08);
    border-radius: 10px;
    display: inline-block;
    padding: 25px;
    margin: 0px 10px 0 0 ;
    margin-bottom: 20px;
    transition: all 0.2s ease-in-out;
}

.feature-box-item:hover {
    background-color: #fff9f9;
    border-color: #f7e4e4;
}


.feature-box-item .tittle {
    font-size: 22px;
    color: #022d62;
}

.post-list {      
	list-style: none;
    margin: 0;
    padding: 0;
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

 .post-list li {
	position:relative;
}

.post {
	overflow:hidden; display:flex;
	border-radius:3px;  
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.post-content {
	padding:25px 0 10px 0;
}

.post .thumbnail {
	float:left;
	width:40%;
}
.post .post-content{
	float:left;
	width:60%;
	padding:20px 15px;
}

.modal-dialog {
    max-width: 1000px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modal-dialog {
        max-width: 800px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal-dialog {
        max-width: 700px;
    }
}

.modal {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -99;
}

.modal.show {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    z-index: 99999999;
    -webkit-animation: slideInDown 0.4s forwards;
    animation: slideInDown 0.4s forwards;
}

.modal .modal-header {
    padding: 0 10px;
    border-bottom: none;
}

.modal .modal-header .close {
    color: #222222;
    font-size: 34px;
    opacity: 1;
    display: block;
    position: absolute;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    right: 10px;
    top: 10px;
    font-weight: 500;
    z-index: 999;
    line-height: 30px;
    border-radius: 50%; border:none; background:none;
}

.modal .modal-body {
    padding:0px;
}

@media only screen and (max-width: 479.98px) {
    .modal .modal-body {
        padding: 10px;
    }
}

/*****/
.single-most-shared {
  position: relative;
}
.single-most-shared::before {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#111)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(#111));
  background: linear-gradient(transparent, #111), linear-gradient(transparent, #111);
  height: 70%;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  opacity: .7;
}
.single-most-shared .most-shared-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px;
  z-index: 1;
}
 .single-most-shared .most-shared-content h3 {
  line-height:normal; color: var(--thm-white);
  margin-bottom: 12px;
  font-weight: 500;
}
.single-most-shared .most-shared-content h3 a {
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.single-most-shared .most-shared-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #ff661f;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
.single-most-shared:hover .most-shared-content h3 a {
  color: #ff661f;
}
.single-most-shared:hover .most-shared-content h3 a::before {
  width: 100%;
}