/* Font awsome */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* Google Font CSS or other fontfaces  */
@import url('https://fonts.googleapis.com/css?family=Muli:400,700"%20rel="stylesheet');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600"%20rel="stylesheet');

    
    
    
    
    

    
    

/* theam color */
    

/* Typography */



/* Containers */
 
 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
figure,figcaption{margin:0;padding:0;}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family: 'Montserrat', sans-serif;;font-weight:500}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}
/* End hide from IE Mac */ 
*:before, *:after {box-sizing: border-box;}
/* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
li { list-style: none; }

/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: #000; opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #000; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #000; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #000; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #000; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #000; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #000; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #000; opacity:1;} /* Internet Explorer 10+ */

/* Clear float */
.clear { clear: both; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }

/******body  ******/
body { font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);   font-family:'Montserrat', sans-serif;; font-weight:normal;color:#27a0b5;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 15px;}

/* display table and table cell and display flex */
.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display:flex;align-items:center;}

/* IE fixes */
select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/* remove auto fill yellow color */
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 100px #fff inset;
    -moz-box-shadow: 0 0 0 100px #fff inset;
    box-shadow: 0 0 0 100px #fff inset;
	color:#333 ;
}

.padding-140b {
    padding: 0 0 0px !important;
}

.padding-140t {
    padding: 0px 0 40px !important;
}

.poost-page-body .hs-cta-wrapper a {
    background-color: #ffffff !important;
}

/* hubspot fixes*/
.row-fluid [class*="span"] {
  min-height: 1px;
  background-color: transparent;
}

/* logo -Please use this class as logo image class*/
.h-logo img ,.f-logo img {cursor: pointer;}

/* container */
.container {max-width:1170px;margin:0 auto !important;padding:0;float:none !important; }
.container-big {max-width:1400px;margin:0 auto !important;padding:0;float:none !important; }
.container-small {max-width:1040px;margin:0 auto !important;padding:0;float:none !important; }
.container-small-2 {max-width:980px;margin:0 auto !important;padding:0;float:none !important; }

/* strong */
b, strong {font-weight:700;}

/* header text */
/*h1 {font-size:60px;line-height: 1.2;margin:0 0 10px;color:#fff;text-transform:uppercase;font-family: 'Montserrat', sans-serif;;font-weight:600;}*/
h1 > span {color:#27a0b5;}
h1 {font-size:3.75rem;line-height: 1.2;margin:0 0 10px;color:#fff!important;text-transform:uppercase;font-family: korolev-condensed;font-weight:600;}
h2 {font-size:36px;line-height: 1.2;margin:0 0 20px;text-align:center;color:#fff!important;text-transform:uppercase;font-family: 'Montserrat', sans-serif;;font-weight:600;}
h3 {font-size:24px;line-height: 1.2;margin:0 0 10px;color:#fff!important;font-family: 'Montserrat', sans-serif;;font-weight:600;}
h4 {font-size:22px;line-height: 1.2;margin:0 0 10px;color:#fff!important;font-family: 'Montserrat', sans-serif;;font-weight:600;}
h5 {font-size:20px;line-height: 1.3;margin:0 0 10px;color:#fff!important;font-family: 'Montserrat', sans-serif;;font-weight:600;}
h6 {font-size:16px;line-height: 1.4;margin:0 0 10px;color:#fff!important;font-family: 'Montserrat', sans-serif;;font-weight:600;}

/* p tag */
p {font-size: 16px; line-height: 1.4;margin-bottom:15px;}

/* links */
a {font-size: 16px; line-height: 1.3;color:#5fc6d1;}
a:hover {color: #0f2748;} 

a:active,a:visited {color:inherit}

/* ul li */
ul , ol {margin:20px 0;text-align:left;padding-left: 18px;}
ul li ,ol li {font-size: 16px; margin-bottom: 6px; list-style:inherit;list-style-position:outside;}

/* em */
em { font-size: 22px; line-height:1.5;}

/** Hubspot module */
.widget-type-text span {margin-bottom:15px;display:block;}

/* FlexSlider Necessary Styles hubspot default image slider */
.widget-type-image_slider {overflow:hidden;}
.hs_cos_flex-slider ul {padding:0;}
.hs_cos_flex-slider ul li {margin:0;padding:0;list-style:none;}
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}
.hs_cos_flex-slider {margin: 0 0 60px; background: #ffff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}
.carousel li {margin-right: 5px}
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.hs_cos_flex_thumbnavs-direction-nav {margin: 0px;padding: 0px;list-style: none;}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }
.hs_cos_flex-control-nav {width: 100%; position: absolute;  text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #ffff; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #27a0b5; cursor: default; }
.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}
.hs_cos_flex-slider .caption {background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; padding: 10px 5% 10px 5%; width: 100%; top: 40%; text-align: center; }
.hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; }
.hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; }
@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}
@media all and (max-width: 400px) {
 .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; }   
}

/* hubspot form */
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:#27a0b5;}

.hs-form-field { position: relative }
ul.hs-error-msgs.inputs-list { position: absolute; bottom: -18px; right: 0; list-style-type: none; padding: 2px 5px; color: white; background: #27a0b5 }
ul.hs-error-msgs.inputs-list li label { font-size: 12px; font-weight: 600; position: relative; z-index: 9; line-height: normal; display: block;color:#fff; } 

ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: #27a0b5; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0 }

input,textarea,select {border-radius: 0; }
span.hs-form-required {display:none;}

select,textarea,input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea 
{ -webkit-appearance: none; -moz-appearance: none; background-color: #efefef; color: #000; display: block; font-size: 16px; height: 40px; padding: 0 15px; width: 100%; color:#27a0b5;border:0;border-radius:5px;}
select { -webkit-appearance: none!important; -moz-appearance: none!important; background-color: transparent; background-image: url('https://2698870.fs1.hubspotusercontent-na1.net/hubfs/2698870/CAI%20Logistics%20LP-June2017/Images/download.png'); background-position: 98% center; background-repeat: no-repeat; }
textarea {height:115px;padding:13px 15px;}

ul li label input[type="checkbox"] , ul li label input[type="radio"] {opacity: 0;display:none !important;}
ul li label span{position: relative;}
ul li label input[type="checkbox"] , .input ul li label span ,ul li label  input[type="radio"]  {display: inline-block; vertical-align: middle; cursor: pointer;}
ul li label input[type="checkbox"]  + span:before , ul li label  input[type="radio"]  + span:before{content: '';background: #e5e5e5;border: 2px solid #ddd;display: inline-block;vertical-align: middle;width: 20px;height: 20px;padding: 2px;margin-right: 10px;text-align: center;}
ul li label input[type="radio"]  + span:before {border-radius:50%; }
ul li label input[type="checkbox"]:checked  +  span:before , ul li label  input[type="radio"]:checked  +  span:before {    box-shadow: 0 0 0 5px #000 inset;}

.hs-form-field {margin-bottom:24px;}

.hs_submit input {
  background-color: #0ba48d; 
  color: #FFF; 
  padding: 20px 30px; 
  display: inline-block; 
  border-radius: 0; 
  line-height: normal; 
  font-size:16px;
  text-transform:uppercase; 
  margin-top:15px;
  font-weight: 600;
}

.hs_submit input:hover {
  background:#000;
  color:#fff;
}

.submitted-message {color: #0f2748;text-align: center;padding-top: 25px;}
form ul {margin:0;padding:0;}
form ul li {margin:0;padding:0;list-style:none;}
div.hs-form-field > label { color: #27a0b5; display: block; font-size: 16px; line-height: 1.2; margin-bottom: 6px;font-weight:600 }
div.hs_submit {margin:0;}

/*** single column ***/
form > div {width:100%;}

/*** two column ***/
form fieldset {max-width:100% !important;width:100% !important;}
.form-columns-1 {width:100% !important;}
fieldset.form-columns-2 .input ,fieldset.form-columns-1 .input {margin-right:0 !important;}
fieldset.form-columns-2 > div {width:49% !important;margin-right:2%;}
fieldset.form-columns-2 > div:last-child {margin-right:0;width: 49.002% !important;}
fieldset.form-columns-1 .hs-input {width:100% !important;}

/*** TRooInbound Custom Class ***/
/* background */
.backg-img {background-size:cover;background-position:center center;background-repeat:no-repeat;}
.backg-img-fixed {background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;}

/* postition */
.pos-relative {position:relative;z-index:1;}

/* background overlay */
.bg-overlay {position:relative;z-index:1;}
.bg-overlay:after {content:"";background-color:rgba(55,55,55,0.4);left:0;top:0;width:100%;height:100%;z-index:-1;position:absolute;}
.primary-color-overlay {background-color:#27a0b5;left:0;top:0;width:100%;height:100%;z-index:-1;position:absolute;opacity:0.9}

/* text align */
.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}

/* grid with float */
.col-float-2 {width:50%;float:left}
.col-float-3 {width:33.33%;float:left}
.col-float-4 {width:25%;float:left}

/* grid with display inline */
.dis-inline-outer {font-size:0;}
.col-dis-2 {width:50%;display:inline-block;vertical-align:top;}
.col-dis-3 {width:33.33%;display:inline-block;vertical-align:top;}
.col-dis-4 {width:25%;display:inline-block;vertical-align:top;}

/*** Grid with some space display inline-block***/
.dis-outer-flex > span {font-size:0;}
.col-dis-space-2 {width:48.5%;display:inline-block;vertical-align:top;margin-right:3%;}
.col-dis-space-3 {width:32%;display:inline-block;vertical-align:top;margin-right:2%;}
.col-dis-space-4 {width:23.5%;display:inline-block;vertical-align:top;margin-right:2%;}
.dis-outer-flex .col-dis-space-2:nth-of-type(2n),.dis-outer-flex .col-dis-space-3:nth-of-type(3n), .dis-outer-flex .col-dis-space-4:nth-of-type(4n) {margin-right:0;}

/*** Grid with some space display inline-block***/
.col-float-space-2 {width:48.5%;margin-right:3%;float:left;margin-bottom:25px;}
.col-float-space-3 {width:32%;margin-right:2%;float:left;margin-bottom:25px;}
.col-float-space-4 {width:23.5%;margin-right:2%;float:left;margin-bottom:25px;}
.dis-outer-flex > span > div:nth-of-type(2n) .col-float-space-2,.dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-3, .dis-outer-flex > span > div:nth-of-type(4n) .col-float-space-4 {margin-right:0;}

/* display */
.dis-none {display:none !important;}
.dis-none-mob {}
.dis-none-desk {display:none !important;}

/* Ul li no bullet */
div.no-bullet ul {margin:0;padding:0;line-height: 0;}
div.no-bullet ul li {list-style:none;margin:0;}
ul.no-bullet {margin:0;padding:0;line-height: 0;}
ul.no-bullet li {list-style:none;margin:0;}

/* Section Title */
.hs-title h2 {color:#27a0b5; font-family: 'Montserrat', sans-serif;;font-weight:600;margin-bottom:30px}
h2.cm-title {color:#27a0b5;font-family: 'Montserrat', sans-serif;;font-weight:600;margin-bottom:30px}

/* CTA */
.widget-type-cta {opacity:0;}
.cm-hs-cta a { background-color: #27a0b5; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 600;}
.ias-trigger a { background-color: #27a0b5; color: #fff; padding: 12px 40px; display: inline-block;  line-height: normal; font-size:16px; margin-top:40px;font-weight: 600;}
.widget-type-cta {text-align:center;}
.widget-type-cta a {background-color: #27a0b5; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 600;}
a.btn {background-color:#27a0b5; color: #fff; padding: 12px 40px; display: inline-block;  line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 600;}
.btn-div a {background-color: #27a0b5; color: #fff; padding: 12px 40px; display: inline-block;  line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 600;}

.hs-cta-white.widget-type-cta a {background-color: #fff; color: #27a0b5;}

/* social UL Li */
ul.social-iicon {text-align:center;}
ul.social-iicon li {display:inline-block;margin-right:15px;}
ul.social-iicon li:last-child {margin-right:0;}
ul.social-iicon li a {font-size:20px;color:#27a0b5 ;}
ul.social-iicon li a i {}

/* image responsive */
.image-full-size > img {width:100%;}

.overflow-hid {overflow:hidden;}
.overflow-vis {overflow:visible;}

/* 100vh height */
.full-screen-bg {height:100vh !important;}

/* text style */
.txt-uppercase {text-transform:uppercase;}
.txt-underline {text-decoration:underline;}

/* background color */
.bg-primary {background-color:#27a0b5;}
.backg-light { background-color:#d3d4de; }
.bg-white {background-color:#fff;}


/* extra */
hr.hr-white { border: 0; border-top: 2px solid #fff; width: 140px; margin: 25px auto 18px; }

/* Owl Slider control */
.owl-controls {text-align:center;position:relative;top:-30px;}
.owl-dot  {display:inline-block;}
.owl-dot span { width: 10px; height: 10px; border-radius: 50%; background: #27a0b5 ; left: 0; top: 0; display: block; margin:3px }
.owl-dot.active span {background-color:#333;}

/* padding */
.padding-140tb {padding:140px 0;}
.padding-140t {padding:140px 0 0;}
.padding-140b {padding:0 0 140px;}

.padding-50t {padding:50px 0 0;}
.padding-50b {padding:0 0 50px;}
.padding-50tb {padding:100px 50px 0;}

/* margin */
.margin-15b {margin-bottom:15px;}
.margin-15t {margin-top:15px;}
.margin-15tb {margin-top:15px;margin-bottom:15px;}

.margin-20b {margin-bottom:20px;}
.margin-20t {margin-top:20px;}
.margin-20tb {margin-top:20px;margin-bottom:20px;}

.margin-25b {margin-bottom:25px;}
.margin-25t {margin-top:25px;}
.margin-25tb {margin-top:25px;margin-bottom:25px;}

.margin-30b {margin-bottom:30px;}
.margin-30t {margin-top:30px;}
.margin-30tb {margin-top:30px;margin-bottom:30px;}

.margin-40b {margin-bottom:40px;}
.margin-40t {margin-top:40px;}
.margin-40tb {margin-top:40px;margin-bottom:40px;}

.bd-rd5 {border-radius:5px;}
.bd-rd10 {border-radius:10px;}
.bd-50rd {border-radius:50%;}

/**** Left to right *****/
.float-right {float:right !important;margin-left:2.564102564% !important;}
.m-0lt {margin-left:0 !important;}

/************************ Navigation Changes *************************/
.tri-menu  .hs-menu-wrapper ul {}
.tri-menu  .hs-menu-wrapper ul li {margin-bottom:0;}
.tri-menu  .hs-menu-wrapper ul li a {font-size: 15px; text-transform: uppercase; }

.tri-menu  .hs-menu-wrapper > ul {}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1 {margin-right: 20px;position:relative;line-height:86px;}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1:last-child {margin-right:0;}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1:after {background-color:#27a0b5;content:"";position:absolute;width:100%;height:6px;left:0;bottom:-17px;visibility:hidden;opacity:0;transition:all 0.5s ease;}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children:hover:after {opacity:1;visibility:visible;}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {font-size: 14px; text-transform: uppercase; color:#27a0b5;line-height:inherit}

.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul {}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 {}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > a {font-size: 14px; text-transform: uppercase; padding: 10px 0;}

.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > ul {}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 {}
.tri-menu  .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > ul > li.hs-menu-depth-3 > a {font-size: 14px; text-transform: uppercase; }

/***** Others Things of Headers ***********/
.tri-top-menu {background-color:#f7f7f7;padding:12px 0;}
.tri-top-menu a i {margin-right:8px;}
.tri-top-menu a {margin-right:25px;}
.tri-top-menu a:last-child {margin-right:0;}
.tri-menu-social {text-align:right;}

.custom-menu-primary .hs-menu-wrapper > ul ul {left: 0 !important; top: 102px; padding: 15px; }
.tri-menu-main {padding: 15px 0;}

.tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 {
  background: #FFFFFF;
  line-height:41px;
}

.tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {
  background: #FFFFFF;
  color:#27a0b5;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 0;
}

.tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a:hover {
  color: #2AA2B6 !important;
}

.tri-menu .hs-menu-wrapper>ul>li.hs-menu-depth-1:nth-last-child(-n+2) a {
    text-align: center;
    text-transform: none;
    max-width: 80% !important;
    border: 1px solid #2AA2B6;
    margin-bottom: 12px;
    font-size: 1rem;
}

.tri-menu .hs-menu-wrapper>ul>li.hs-menu-depth-1:nth-last-child(-n+2) a:hover {
  background-color: #2AA2B6;
  color: #FFFFFF !important;
}

.tri-menu .hs-menu-wrapper>ul>li.hs-menu-depth-1:nth-last-child(3) a {
  max-width: 80% !important;
  border-bottom: 1px solid #2AA2B6;
  margin: 12px 0 26px 0;
  line-height: 0;
  transition: all ease .3s;
}

.mobile-trigger.cta_border_button.active-re .line {
    background-color: #0f2748;
}

.tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a:hover {color:#27a0b5;}
.tri-menu .hs-menu-wrapper > ul {padding-left:10;}

/************ Simple Normal Banner with Full Background Image *******************/
.nBanner-bgimg {height:400px;color:#fff;}
.nBanner-bgimg h3 {color:#fff;font-weight:400;}

/******************* Recent Post 6 Grid V1*************************************/
.recent-post-section {margin-top: 34px;}
.recent-item {width:39.5%;display:inline-block;vertical-align:top;margin-right:1.2%;margin-bottom:15px;}
.recent-item-image {height:330px;position:relative;overflow:hidden;}
.recent-img-bg {height:100%;}

.recent-body { position: absolute; bottom: 0; left: 0; padding: 20px 30px 20px; width: 100%; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-color:rgba(36,39,35,0.8)}
.recent-img-bg-color {opacity:0;position: absolute; top: 100%; left: 0; height:0; width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-color:rgba(36,39,35,0.8)}
.recent-item:hover .recent-body {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);background-color:transparent;}
.recent-item:hover .recent-img-bg-color {opacity:1;top:0;height:100%;}

.recent-item:nth-of-type(2) {width:25%;}
.recent-item:nth-of-type(3) {width:33%;margin-right:0;}
.recent-item:nth-of-type(4) {width:25%;}
.recent-item:nth-of-type(5) {width:33%;}
.recent-item:nth-of-type(6) {margin-right:0;}

.recent-items-part2.recent-item:nth-of-type(1) {width:25%;margin-right:1.5%;}
.recent-items-part2.recent-item:nth-of-type(2) {width:47%;margin-right:1.5%;}
.recent-items-part2.recent-item:nth-of-type(3) {width:25%;margin-right:0;}

.recent-body  {color:#fff;}
.recent-post-title {font-size:18px;font-weight:600;font-family:'Montserrat', sans-serif;;margin-bottom: 5px;transition:.3s}
.recent-date {font-size:12px;margin-bottom: 15px;}

.recent-boddy {margin-top:5px;height:0;transition:.3s;}
.recent-boddy p,.recent-boddy i,.recent-boddy h1,.recent-boddy h2,.recent-boddy h3,.recent-boddy h4,.recent-boddy h5,.recent-boddy h6,.recent-boddy a,.recent-boddy span, .recent-boddy strong ,.recent-boddy em ,.recent-boddy li,.recent-boddy ul, .recent-boddy p span ,  .recent-boddy p storng
{font-weight:400;margin:0;padding:0;float:none;color: #fff;font-size: 14px;font-style:normal;line-height:1.3;display:inline;list-style:none;text-transform: lowercase;font-family: 'Montserrat', sans-serif;;}

.recent-item:hover .recent-boddy {height:auto;}
.recent-item:hover .recent-post-title {color: #27a0b5;}

/******************* Blog Subsciption Form V1 **************************************/
.blog-subscription-v1  {background-color:#27a0b5; padding:50px 0;}
.blog-subscription-v1  .widget-type-blog_subscribe > div.cell-wrapper > span {display:flex;align-items:center;}
.blog-subscription-v1  .widget-type-blog_subscribe h3 {text-transform: uppercase; color: #fff; display: inline-block; margin: 0; font-family:'Montserrat', sans-serif;;font-weight:700;width:45%; }
.blog-subscription-v1  .widget-type-blog_subscribe > div.cell-wrapper > span > div {width:55%;position:relative;}
.blog-subscription-v1 .hs-form-field {margin:0;}
.blog-subscription-v1 .hs-form-field > label {display:none;}
.blog-subscription-v1  .widget-type-blog_subscribe .hs_email input {border:0;border-radius: 25px;padding: 0 150px 0 22px;height:48px;background: #00ebea;}

.blog-subscription-v1  .widget-type-blog_subscribe .hs_submit {position: absolute; right: 0; width: 148px;top:0;}
.blog-subscription-v1  .widget-type-blog_subscribe .hs_submit input {text-transform: uppercase;color: #000;font-size: 20px; background: transparent;background: #27a0b5; margin:0;border-radius: 5px;font-weight: 600;width: 100%; color: #fff; padding: 7px; opacity: 0.8; border-radius: 25px; height: 48px;font-size: 16px; }
.blog-subscription-v1 ul.hs-error-msgs {position:absolute;color:#fff;}
.blog-subscription-v1 ul.hs-error-msgs label {color:#fff;}
.hs_error_rollup {display:none !important;}

.blog-subscription-v1 input::-webkit-input-placeholder { color: #c5c5c5; opacity:1;} /* WebKit browsers */
.blog-subscription-v1 input:-moz-placeholder { color: #c5c5c5; opacity:1;} /* Mozilla Firefox 4 to 18 */
.blog-subscription-v1 input::-moz-placeholder { color: #c5c5c5; opacity:1;} /* Mozilla Firefox 19+ */
.blog-subscription-v1 input:-ms-input-placeholder { color: #c5c5c5; opacity:1;} /* Internet Explorer 10+ */

/******************************************************************************************************************** Blog Design 1 ******************************************************************************************/
/*** Blog Listing Page Background image ***/
.bg-list {display:none !important;}
.blog-banner-main > div.row-fluid-wrapper {display:table;width:100%;height:100%;}
.blog-banner-main > div.row-fluid-wrapper > div.row-fluid {display:table-cell;vertical-align:middle;}

/********* Blog Listing  ****************/
.bloog-listing {}

/********** Blog list box *****************/
.post-listing {font-size:0;}

.post-item {
  display:inline-block;
  vertical-align:top;
  width:32.2%;
  margin-left:0;
  position:relative;
  margin-bottom:30px;
  overflow: hidden;
  cursor:pointer;
  transition:all 0.5s ease;
  border-radius:5px;
  margin-right:1.7%;
}

.post-item:nth-of-type(3n) {margin-right:0;}

.most-recent-post-box .post-item {width:100%;margin-bottom:0;}
.most-recent-post-box .post-listt-image .post-listt-image-bg {height:355px;}

.post-listt-image {position:relative;}
.post-listt-image img {}
.post-listt-image .post-listt-image-bg {height:345px;transition:all 0.5s ease;}
.list-img-bg-only {height:100%;transition:all 0.5s ease;background-size: contain !important;}

.posst-content {background-color:#fff;padding:21px 26px;position:relative;}

.post-listt-title h2 {text-align:left;text-align: left; line-height: normal; display: block; font-size: 0;margin-bottom:25px;}
.post-listt-title h2 a {font-size:24px;line-height:1.2;color:#000;text-transform:capitalize;font-family:'Montserrat', sans-serif;;font-weight:600;}
.post-listt-title h2 a:hover {color:#27a0b5;}

.posst-listt-author {}
.posst-listt-author a {}
.posst-listt-author a:hover {}

.posst-listt-date {
  background-color: transparent;
  margin-top: 16px;
  font-size: 16px; 
  color: #fff; 
  line-height:20px;
    z-index: 1000;
    font-weight: bold;
}




.posst-listt-date > span {display:block;line-height:normal;}

.posst-listt-body p,.posst-listt-body i,.posst-listt-body h1,.posst-listt-body h2,.posst-listt-body h3,.posst-listt-body h4,.posst-listt-body h5,.posst-listt-body h6,.posst-listt-body a,.posst-listt-body span, .posst-listt-body strong ,.posst-listt-body em ,.posst-listt-body li,.posst-listt-body ul, .posst-listt-body p span ,  .posst-listt-body p storng
{font-weight:600;margin:0;padding:0;float:none;color: #0f2748;font-size: 17px;font-style:normal;line-height:1.1;display:inline;list-style:none;text-transform: lowercase;font-family: 'Montserrat', sans-serif;;}

.posst-listt-topic { background-color: #27a0b5; padding: 5px 35px;position: absolute; bottom: 21px; left: 0; text-align:center;line-height: normal; font-size:14px;color:#fff}
.posst-listt-topic a.toppic-link {color: #fff;font-size:15px;font-weight:600;line-height:20px;display:inline-block;}
.posst-listt-topic a.toppic-link:hover{}

.posst-listt-readmore {position:absolute;bottom:-45px;width:100%;text-align:center;transition:all 0.5s ease;}
.posst-listt-readmore a {display:block;background-color: #27a0b5;color:#fff;width:100%;padding:12px;text-align:center;font-size:15px;font-weight:600;}

.post-item:hover .posst-listt-readmore {bottom:0;}
.post-item:hover .post-listt-image-bg .list-img-bg-only {transform:scale(1.07);}
.post-item:hover .post-listt-title h2 a {color:#27a0b5;}

.posst-social-share {}
.posst-social-share ul {}
.posst-social-share ul li {}
.posst-social-share ul li a {}

h2.postt-all {}


/**** Blog list filter module ****/
.posst-tag-filter {padding:25px;}
.posst-tag-filter h3 {color:#27a0b5;margin-bottom:23px}
.posst-tag-filter ul {margin:0;padding:0;}
.posst-tag-filter ul li {list-style:none;margin-bottom:15px;}
.posst-tag-filter ul li:last-child {margin:0;}
.posst-tag-filter ul li a {text-transform:uppercase;color:#333;font-size:16px;font-weight:600;}
.posst-tag-filter ul li a span.filter-link-count {display:none;}
.posst-tag-filter ul li a:hover {color:#27a0b5;}

/****** Blog Post ****/
.blog-pagination a {font-size: 16px; color: #fff; font-weight: 600; background-color: #27a0b5; padding: 10px 30px; border-radius:25px;}
a.next-posts-link {float:right;}
a.previous-posts-link {float:left;}

/************** Image Hubspot CTA ************/
.hs-cta-imgg.widget-type-cta a {background-color: transparent; padding: 0; border-radius: 0;}

/********* Blog Subscription form ************/
.posst-subscription {}

/******* Recent post  **************/

/******* populer post  **************/
.pop-post-listing {padding:25px;border-radius:5px}
.pop-header {color:#27a0b5;margin-bottom:23px}
.pop-post-listing .pop-item {margin-bottom: 19px;}
.pop-post-listing .pop-item:last-child {margin:0;}
.pop-post-listing .pop-item .pop-image {width:24%;height:57px;float:left;}
.pop-post-listing .pop-item .pop-image .pop-img-bg {width:100%;height:100%;}
.pop-post-listing .pop-item .pop-content {width:71%;margin-left:5%;float:left;}
.pop-post-listing .pop-item .pop-content a.pop-title {font-size:16px;font-weight:600;color:#000;}
.pop-post-listing .pop-item .pop-content a.pop-title:hover {color: #27a0b5;}

/********* Side bar image CTA *************/

/******** RSS Feed Module *************/

/******************************************** Topic page ****************************************************/
.toppic-page-title {}
.topic-pagegg span {color:#27a0b5 ;}


/******************************************** author page ****************************************************/
.hs-author-profile {padding:35px 15px;text-align:center;}
h2.hs-author-name {font-size:30px;margin-bottom:25px;color:#27a0b5;}
.hs-author-social-links a.hs-author-social-link {background-image: none !important;text-indent:0;}
.hs-author-social-links a.hs-author-social-link { width: 35px;height: 35px;line-height: 40px;border-radius: 50%;color: #fff;background-color: #fff;display: inline-block;text-align: center;background-color: #27a0b5;margin-right: 5px;}
.hs-author-avatar {margin-bottom:20px;}
.hs-author-bio {margin-bottom:20px;}
.hs-author-listing-header {padding: 0 25px;font-size:25px;}

/************************************************************************************************************** Blog post page ******************************************************************************/
.blog-post-banner {text-align:center;height:685px;}
.poost-topic-main a {color: #fff; font-size: 16px; font-weight: 600; line-height: 20px; display: inline-block;background-color: #27a0b5; padding:8px 25px;}

.blog-poost-titile h1 > span {font-size:48px;color:#fff;line-height:1.3;}
.blog-poost-titile h1 {font-size:0;}
.blog-post-banner .poost-topic-main { margin-bottom: 28px; }
.blog-post-banner .post-date {display:block;}

.blog-post-banner .post-by {color:#fff; font-size:24px;line-height:1.2;}
.blog-post-banner .author-link {color:#fff;font-weight:600;font-size:24px;line-height:1.2;margin-bottom:10px;display: inline-block;}
.blog-post-banner .post-date {color:#fff; font-size:24px;line-height:1.2;}
.blog-poost-titile {margin-bottom:25px;}

.blog-post-banner h5.share-header { text-align: center; text-transform: uppercase; font-size: 14px; color: #fff; letter-spacing: 1.5px; margin: 45px 0 10px; }
.blog-post-banner ul { text-align: center; margin: 10px 0 0; padding: 0; }
.blog-post-banner ul li { display: inline-block; vertical-align: top; list-style: none; margin: 0; margin-right: 15px; }
.blog-post-banner ul li a { width: 40px; height: 40px; line-height: 45px; border-radius: 50%; color:#fff; background-color: #27a0b5; display: inline-block; text-align: center; font-size:18px}
.blog-post-banner ul li:last-child {margin-right:0;}

.hs-blog-listing .blog-post-only {display:none!important;}
.hs-blog-listing .blogg-main-post-box {width:100% !important;}

.poost-page-body {text-align:center;}
.poost-page-body h1 {margin:40px 0;}
.poost-page-body h2 {margin:40px 0;display:block;}
.poost-page-body h2:first-child {margin-top:0;}
.poost-page-body h3 {margin:25px 0;}
.poost-page-body h4 {margin:25px 0;}
.poost-page-body h5 {margin:25px 0;}
.poost-page-body h6 {margin:25px 0;}
.poost-page-body strong {font-weight:700;}
/*.poost-page-body ul ,.poost-page-body ol { margin:35px auto;padding-left:30px;text-align:left;max-width:770px}*/
.poost-page-body ul ,.poost-page-body ol { padding-left:30px;text-align:left;max-width:1050px!important}
.poost-page-body ul li {list-style-type:disc;}
.poost-page-body ol li {list-style-type:decimal;}
.poost-page-body li {list-style-position:outside;line-height:1.5;}
.poost-page-body li:last-child {margin-bottom:0;}
.poost-page-body p {line-height:1.5;max-width:770px;margin:0 auto 30px;text-align:left;}
.poost-page-body p > span {}
.poost-page-body em {margin:25px 0;color:#27a0b5;}
.poost-page-body p > img {width:100%;margin-bottom:30px;}
.poost-page-body img {width:100%;max-width:770px;margin-bottom:30px;}
.poost-page-body span {line-height:1.5;}
.poost-page-body a {line-height:1.5;color:#27a0b5;text-align:left}
.poost-page-body a:hover {color:#27a0b5 ;}
.poost-page-body blockquote{display:block;padding: 80px 20px;margin: 100px auto;position: relative;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;max-width:770px;}
.poost-page-body blockquote * {margin:0;max-width:100%;font-size: 26px; line-height: 1.2; font-style: italic;}
.poost-page-body blockquote::before , .poost-page-body blockquote::after { content:url('https://1711554.fs1.hubspotusercontent-na1.net/hubfs/1711554/Your%20Home%20Template%20Pack/Blog%20Template/queats.png');background-repeat:no-repeat;background-size:15px; font-size: 60px; font-weight: bold; position: absolute; left: 0; top: -43px; right: 0; background-color: #27a0b5; width: 70px; height: 70px; color: #fff; margin: 0 auto; border-radius: 50%; line-height: 0; padding:21px}
.poost-page-body blockquote::after { content:url('https://1711554.fs1.hubspotusercontent-na1.net/hubfs/1711554/Your%20Home%20Template%20Pack/Blog%20Template/queats_down.png'); bottom:-43px;top:auto;}
.poost-page-body .hs-cta-wrapper a {background-color: #27a0b5; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;}
.poost-page-body .hs-cta-wrapper {text-align:center;}

/***************** Related post *************/
.related-post-main {font-size:0;}
.related-post-main .post-item:first-child .post-listt-image .post-listt-image-bg {height:345px;}
.related-post-main .post-item {width:32%;margin-right:2%;}
.related-post-main .post-item:last-child {margin-right:0;}
.reelated-section h2.cm-title {margin-bottom:35px;}

/***********************************************************************************  About US page *****************************************************************************************/
.form-design02 h3.form-title {display:none;}
.form-design02 {background-color:#EFEFEF;padding:80px 15px;}

.form-design02 input, .form-design02 textarea, .form-design02 select {background-color:#fff;}
.form-design02 input[type="submit"] {background-color: #27a0b5;}
.form-design02 .hs_submit {text-align:center;}
.form-design02 form {max-width: 905px; margin: 0 auto;}

.form-design02 .hs_file_upload .input {display:inline-block;position:relative;}
.form-design02 div.hs-form-field.hs_file_upload > label {display:inline-block;}
.form-design02 .hs_file_upload {display:flex;align-items:center;}
.form-design02 div.hs-form-field.hs_file_upload > label { display: inline-block; margin: 0; font-weight: 600; margin-right: 15px; }
.form-design02 .hs_file_upload .input:after { content: "Choose File"; color: #fff; background: #27a0b5; width: 160px; padding:10px 15px; font-size: 15px; font-weight: 600; text-align: center; position: absolute; left: 0; top: 0; text-transform: uppercase; border-radius: 25px; }
.form-design02 fieldset.form-columns-1 input[type=file].hs-input { opacity: 0; position: relative; z-index: 99; width: 160px !important; height: 43px;cursor: pointer;}
.form-design02 input[type=file]:hover { color: #0f2748; background: rgba(68, 68, 68, 0.2); text-decoration: none; }


/**************************************************************************************** homepage v2 *********************************************************************************/
.video-banner-section {height: 100%;position: absolute;top: 0;width: 100%;}


/*--------------- Responsive media query style start here ----------------*/

@media (max-width:1500px) {
    .container-big {padding:0 20px;}
}

@media (max-width:1300px) {
    .custom-menu-primary .hs-menu-wrapper > ul ul {left: -40px !important;}
    .cm-hs-cta a , .widget-type-cta a , .btn-div a , a.btn {margin-top:20px;padding: 10px 30px;font-size: 14px;}
    ul.work-tab-list li a {padding: 18px 0;font-size: 18px;}
    
    /* grid with float */
    .col-float-4 {width:33.33%;}
    /* grid with display inline */
    .col-dis-4 {width:33.33%;}
    
    /*** Grid with some space display inline-block***/
    .col-dis-space-4 {width:32%;margin-right:2%;}
    .dis-outer-flex .col-dis-space-4:nth-of-type(4n) {margin-right:2%;}
    .dis-outer-flex .col-dis-space-4:nth-of-type(3n) {margin-right:0;}

    /*** Grid with some space display inline-block***/
    .col-float-space-4 {width:32%;margin-right:2%;}
    .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-4 {margin-right:0;}
    .dis-outer-flex > span > div:nth-of-type(4n) .col-float-space-4 {margin-right:2;}

}

@media (max-width: 1250px){
    .container {padding:0 20px;}
    
}

@media (max-width: 1200px){
    h1 {font-size:52px;}
   .custom-menu-primary .hs-menu-wrapper > ul ul {left: -50px !important;}
}

@media (max-width: 1100px){
    .container-small {padding:0 20px;}
    /* header text */
    h1 {font-size:48px;}
    h2 {font-size:32px;}
    
    .padding-140tb {padding:120px 0;}
    .padding-140t {padding:120px 0 0;}
    .padding-140b {padding:0 0 120px;}
    .pop-post-listing .pop-item .pop-content a.pop-title {font-size:13px;}
    .blog-poost-titile h1 > span {font-size:42px;}
    .poost-page-body blockquote * {font-size:22px;} 
    .related-post-main .post-item:first-child .post-listt-image .post-listt-image-bg ,.related-post-main .post-listt-image .post-listt-image-bg {height:280px;}
    .hs-blog-post .post-listt-title h2 a,.blog-post-banner .author-link,.blog-post-banner .post-by,.blog-post-banner .post-date {font-size:20px;}
    
    .testimonial-content {margin-left:5%;}
    
}

@media (max-width: 1024px){
    /* header text */
    h1 {font-size:42px;}
    h2 {font-size:28px;}
    h3 {font-size:22px;}
    h4 {font-size:20px;}
    h5 {font-size:18px;}
    h6 {font-size:15px;}
    p {font-size: 15px; }
    /* links */
    a {font-size: 15px;}
    /* ul li */
    ul li ,ol li {  font-size: 15px; }
    select, textarea, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea 
    {font-size:15px;}
    
    .padding-140tb {padding:90px 0;}
    .padding-140t {padding:90px 0 0;}
    .padding-140b {padding:0 0 90px;}
    
    .nBanner-bgimg {height:250px;}
    
    .blog-subscription-v1 {text-align:center;}
    .blog-subscription-v1  .widget-type-blog_subscribe h3 {display:block;width:100%;margin-bottom:25px;}
    .blog-subscription-v1  .widget-type-blog_subscribe > div.cell-wrapper > span > div {display:block;width:100%;max-width: 700px; margin: 0 auto;}
    .blog-subscription-v1  .widget-type-blog_subscribe > div.cell-wrapper > span {display:block;}
    
    .blog-poost-titile h1 > span {font-size:34px;}
    .poost-page-body blockquote * {font-size:20px;} 
    
    .tri-menu {padding-top:0;}
    .custom-menu-primary .hs-menu-wrapper > ul ,.mobile-trigger .line  {background:#27a0b5}
    .custom-menu-primary .hs-menu-wrapper > ul ul li {background:#27a0b5}
    .custom-menu-primary .hs-menu-wrapper > ul ul {padding: 0 15px;}
    .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul > li.hs-menu-depth-2 > a {padding:0;}
    
    .testimonial-bubble em:before {left:0;}
    
    .recent-item , .recent-items-part2.recent-item {width:32% !important;margin-right:2% !important;}
    .recent-items-part2.recent-item:nth-of-type(3) {margin-right:0 !important;}
     
    .faq-ask-text {margin-bottom:25px;}
    .faq-ask-text ,.faq-ask-cta {width:100% !important;text-align:center;}
    .txt-right.faq-ask-cta {text-align:center;}
    
    
    .tri-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 {line-height:40px;}
}

@media (max-width: 980px){
    fieldset.form-columns-2 > div,fieldset.form-columns-2 > div:last-child {width:100% !important;margin-right:0 !important;}
    .post-item {width:48.5% ;margin-right:3%;}
    .post-item:nth-of-type(3n) {margin-right:3%;}
    .post-item:nth-of-type(2n) {margin-right:0;}
    
}

@media (max-width: 900px){
    
    .blog-list-sidebar {width:100% !important;margin-left:0 !important;}
    
    .pop-post-listing .pop-item .pop-content a.pop-title {font-size:16px;} 
    .posst-tag-filter,.posst-tag-filter ul {text-align:center;}
    
    .pop-post-listing .pop-item .pop-image {height:100px;}
    
    .related-post-main .post-item {width:100%;margin-right:0;}
    .related-post-main .post-item:first-child .post-listt-image .post-listt-image-bg ,.related-post-main .post-listt-image .post-listt-image-bg {height:300px;}
    .hs-blog-post .blog-list-leftsection {margin:0;}
    .most-recent-post-box .post-item {margin-right:0;}
    
}

@media (max-width: 840px){

    /* grid with float */
    .col-float-3 {width:50%;}
    .col-float-4 {width:50%;}
    /* grid with display inline */
    .col-float-3 {width:50%;}
    .col-dis-4 {width:50%;}
    
    /*** Grid with some space display inline-block***/
    .col-dis-space-4 {width:48%;margin-right:4%;}
    .dis-outer-flex .col-dis-space-4:nth-of-type(3n) {margin-right:4%;}
    .dis-outer-flex .col-dis-space-4:nth-of-type(2n) {margin-right:0;}

    /*** Grid with some space display inline-block***/
    .col-float-space-4 {width:48%;margin-right:4%;}
    .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-4 {margin-right:4%;}
    .dis-outer-flex > span > div:nth-of-type(2n) .col-float-space-4 {margin-right:0;}
 
       /*** Grid with some space display inline-block 3***/
    .col-dis-space-3 {width:48%;margin-right:4%;}
    .dis-outer-flex .col-dis-space-3:nth-of-type(3n) {margin-right:4%;}
    .dis-outer-flex .col-dis-space-3:nth-of-type(2n) {margin-right:0;}

    /*** Grid with some space display inline-block 3***/
    .col-float-space-3 {width:48%;margin-right:4%;}
    .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-3 {margin-right:4%;}
    .dis-outer-flex > span > div:nth-of-type(2n) .col-float-space-3 {margin-right:0;}

    ul.work-tab-list li a {padding: 15px 0;font-size: 14px;}
    .testimonial-box {padding:50px 20px;}
    .recent-item { width: 48% !important; margin-right: 4% !important; margin-bottom: 25px;}
    .recent-item:nth-of-type(2n) { margin-right: 0 !important; }
    .recent-items-part2.recent-item:nth-of-type(2) {margin-right:2% !important;}
}

@media (max-width: 767px){
     /* header text */
    h1 {font-size:36px;}
    h2 {font-size:26px;}
    h3 {font-size:20px;}
    h4 {font-size:18px;}
    h5 {font-size:16px;}
    h6 {font-size:16px;}
    em {font-size:18px;}
    .testimonial-bubble em {font-size:18px;}
    /* p tag */
    p {font-size: 14px; }
    /* links */
    a {font-size: 14px;}
    /* ul li */
    ul li ,ol li {  font-size: 14px; }
    select, textarea, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea 
    {height:40px;font-size:14px;}
    textarea {height:80px;}
    .hs-form-field { margin-bottom: 12px; }
    .dis-flex {display:block;}
    .testimonial-box .dis-flex {display:flex;}
    .hs_submit input {padding: 10px 40px;font-size:16px;}
    .hs_submit,.one-line-text {text-align:center;}
    
    .padding-140tb {padding:80px 0;}
    .padding-140t {padding:80px 0 0;}
    .padding-140b {padding:0 0 80px;}
    
    .widget-type-cta a {padding:10px 30px;font-size:14px;margin-top:20px;}
    
    .post-listt-title h2 a {font-size:20px;}
    .posst-listt-body p, .posst-listt-body i, .posst-listt-body h1, .posst-listt-body h2, .posst-listt-body h3, .posst-listt-body h4, .posst-listt-body h5, .posst-listt-body h6, .posst-listt-body a, .posst-listt-body span, .posst-listt-body strong, .posst-listt-body em, .posst-listt-body li, .posst-listt-body ul, .posst-listt-body p span, .posst-listt-body p storng {font-size:14px;}
    .blog-pagination a, .posst-tag-filter ul li a {font-size:14px;}
    
    .pop-post-listing .pop-item .pop-content a.pop-title {font-size:14px;}
    .blog-subscription-v1  .widget-type-blog_subscribe .hs_submit input {font-size:14px;}
    
    .blog-poost-titile h1 > span {font-size:32px;}
    .poost-page-body blockquote * {font-size:18px;} 
    .hs-blog-post .post-listt-title h2 a,.blog-post-banner .author-link,.blog-post-banner .post-by,.blog-post-banner .post-date {font-size:18px;}
    .poost-page-body blockquote {padding:50px 20px;}
    .poost-page-body blockquote::before, .poost-page-body blockquote::after {width:60px;height:60px;padding:17px;}
    
    .tri-top-menu {display:none !important;}
    .mobile-trigger {top:31px !important;}
    .custom-menu-primary.js-enabled .hs-menu-wrapper {top: 74px;}
    
    .recent-item, .recent-items-part2.recent-item {width:100% !important;margin-right: 0!important;}
    
    .testimonial-img {width:100%;text-align:center;margin-bottom:15px;}
    .testimonial-content {margin-left:0;width:100%;}
    
    .FAQ-cta-section {padding: 0 0 50px;text-align:center;}
    .faq-ask-img  {margin-bottom:15px;}
    
    .full-cta-section .widget-type-cta {margin-bottom:25px;}
    .full-cta-section .widget-type-cta:last-child {margin-bottom:0;}   
    
    
    .contact-joinus-section {text-align:center;margin-bottom:30px;}
    h3.form-title {text-align:center;}
    .contact-joinus-section ul { display: inline-block; }
    
    .float-right {margin-left:0 !important;float:none !important;}
    
    .footer-common { text-align: center; margin-bottom: 30px; }
    .footer-common ul , .pop-header{ text-align: center;}
    
    .brws-filter {height:auto !important;margin-bottom:20px;}
    
    .h-logo img {max-width:70px;}
    
    
}

@media (max-width: 640px){
      /* header text */
    h1 {font-size:32px;}
    h2 {font-size:24px;}
    h3 {font-size:19px;}
    h4 {font-size:17px;}
    h5 {font-size:15px;}
    em {font-size:16px;}
    br {display:none;}
    .form-columns-2 .hs-form-field .hs-input {width:100% !important;}
    .hs_submit input {width:100%;}
    
    .post-item {width:100%;height:auto !important;margin-bottom:35px;margin-right:0;}
    
    .post-listt-image .post-listt-image-bg {height:300px;}
    
    .blog-subscription-v1  .widget-type-blog_subscribe .hs_submit {position:static;margin: 20px auto 0;}
    .blog-subscription-v1  .widget-type-blog_subscribe .hs_submit input {padding: 0 22px;color:#27a0b5 ;opacity:1;background-color:#fffff;}
    
    ul.work-tab-list li a {font-size:12px;}
    ul.work-tab-list li {width:100%;display:block;}
    ul.work-tab-list {border-radius:0;}
    ul.work-tab-list li a {border-radius:0;}
    
    /* grid with float */
    .col-float-2 , .col-float-3 , .col-float-4 , .col-dis-2 , .col-dis-3 , .col-dis-4  {width:100%;}
    
    /*** Grid with some space display inline-block***/
    .col-dis-space-4 {width:100%;margin-right:0;}
    .dis-outer-flex .col-dis-space-4:nth-of-type(3n) {margin-right:0;}
    
    /*** Grid with some space display inline-block***/
    .col-float-space-4 {width:100%;margin-right:0;}
    .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-4 {margin-right:0;}
     
     /*** Grid with some space display inline-block 3***/
    .col-dis-space-3 {width:100%;margin-right:0;}
    .dis-outer-flex .col-dis-space-3:nth-of-type(3n) {margin-right:0;}
    
    /*** Grid with some space display inline-block 3***/
    .col-float-space-3 {width:100%;margin-right:0;}
    .dis-outer-flex > span > div:nth-of-type(3n) .col-float-space-3 {margin-right:0;}
    
    /*** Grid with some space display inline-block 3***/
    .col-dis-space-2 {width:100%;margin-right:0;}
    
    /*** Grid with some space display inline-block 3***/
    .col-float-space-3 {width:100%;margin-right:0;}

    .recent-item { width: 100% !important; margin-right: 0 !important; }
    
    .work2-box {margin-bottom:25px;}
    .work2-content {width:100%;left:0;max-width:100%;background: #27a0b5CC;}
    .work2-flex >span > div:nth-of-type(even) .work2-content {right:0;}
    
    .post-item:nth-of-type(3n) {margin-right:0;}
    
    .most-recent-post-box .post-listt-image .post-listt-image-bg {height:300px;}

}


@media (max-width: 480px){
    .padding-140tb {padding:60px 0;}
    .padding-140t {padding:60px 0 0;}
    .padding-140b {padding:0 0 60px;}
    
    ul.work-tab-list li {display:block;}
    .pop-post-listing .pop-item .pop-image {height:70px;}
    
    
    
}
#blog_header{
    background: transparent;
    position: absolute;
    z-index: 2000;
}

.video_text_c{
    position: absolute !important;
    bottom: 15rem;
}

.video_hero_div{
  position: relative;
}

.video_hero_div .hero__ctas button{
  position: relative;
}
.video_hero_div .hero__ctas button svg{
    position: absolute;
    transform: translate(0%,-50%);
    top: 50%;
    margin-left: -2rem;
}
@media (max-width: 374px){

}
.main-post-blog {
  border: 1px solid #2aa2b6;
  margin-top:3rem;
}
 .bloog-listing {
    margin-top:3rem;
   margin-bottom:3rem;
}
.hs-blog-listing .cm-hs-cta a, .ias-trigger a {
    background-color: transparent;
    border: 1px solid #fff;
}
.post-listt-title h2 a,
.posst-listt-body p, .posst-listt-body i, .posst-listt-body h1, 
.posst-listt-body h2, .posst-listt-body h3, .posst-listt-body h4, 
.posst-listt-body h5, .posst-listt-body h6, .posst-listt-body a, 
.posst-listt-body span, .posst-listt-body strong, .posst-listt-body em, 
.posst-listt-body li, .posst-listt-body ul, .posst-listt-body p span, .posst-listt-body p storng{
  color:#fff;
}
.post-listing .post-item .posst-content {
  background-color: #04040426;
}
.most-recent-post-box .post-item .posst-content {
  background-color: transparent;
}
.posst-listt-body p {
  text-transform: none;
}
 .list-img-bg-only {
  background-size: cover !important;
}

.post-item:hover {
  border: 1px solid #fff;
}

.post-item .post-listt-title h2 a {
    min-height: 87px;
    display: block;
}

.post-item:hover .post-listt-title h2 a {
  color:#fff;
}
.padding-100t,
.blog-list-section {
  padding-left:7.5%;
  padding-right:7.5%;
}
.hs-blog-listing .container {
  max-width:100%;
}
.most-recent-post-box .post-item .post-listt-image {
  width:50%;
  float:left;
   
}
.most-recent-post-box .post-item .posst-content {
  width:50%;
   float:right;
  height: 26vw !important;
	padding: 3% 5% 2% 5%;
}
.most-recent-post-box {
  background: #2AA2B6;
}
.most-recent-post-box .post-listt-image .post-listt-image-bg {
  height: 500px;
}
.most-recent-post-box .post-listt-image .post-listt-image-bg .list-img-bg-only {
  height: 100%;
  background-size: cover !important;
}
.main-post-blog {
  height: 26vw;
}
.post-item {
  border-radius:0px;
  border: 1px solid #04040426;
  -webkit-box-shadow: 0 6px 30px #04040426;
  -moz-box-Fshadow: 0 6px 30px #04040426;
  -o-box-shadow: 0 6px 30px #04040426;
  box-shadow: 0 6px 30px #04040426;
}
.footer-container-wrapper {
  background: linear-gradient(0deg,rgba(204,127,175,1) 52.30769230769231%,rgba(11,164,141,1) 98.97435897435898%);
  background-color: transparent;
}
.footer-container-wrapper a,
.footer-container-wrapper span {
  color: #fff !important;
}
.main-post-blog {
  height:auto;
}
 .most-recent-post-box .post-listt-image .post-listt-image-bg {
  height: 557px;
}
.post-listt-image .post-listt-image-bg {
  transition: none;
}
.row-fluid [class*="span"] {
  min-height: 0.1px;
}
.post-item:hover .post-listt-image-bg .list-img-bg-only {
    transform: none;
}

.span12.widget-span.widget-type-cell.tri-menu-main {
    padding: 25px 2%;
}

.menu-stick {
  position: fixed !important;
  background: linear-gradient(0deg,rgba(15,39,73,0) 0%,rgba(15,39,73,1.5) 98.97435897435898%) !important;
  transition: all ease 1s;
}

#hero {
    min-height: inherit !important;
}

#hero .module__wrapper, .list-section-inner {
  padding-left: 13.25%;
  padding-right: 13.25%;
}

.hs-search-field.custom_search {
  position: relative;
  text-align: right;
  right: 0;
}

.hs-search-field.custom_search .fa-search {
    width: 25px;
    height: 25px;
}

.span3.widget-span.widget-type-menu:first-child, 
.span3.widget-span.widget-type-custom_widget:last-child {
    padding-top: 32px;
}

@media (max-width: 10024px) {
.mobile-trigger .line {
    height: 2px;
}
}
.most-recent-post-box .posst-listt-date {
  display:none;
}
.posst-listt-topic {
    position: absolute;
    left: 1%;
    top: 1%;
    padding: 6px 13px;
    background-color: #fff;
      bottom: unset;
    
}
.posst-listt-topic a.toppic-link {
    color: #2AA2B6;
    font-family: korolev-condensed;
}
.footer-section1 a {
    font-weight:600;
}

.footer-wrap {
    padding: 120px 0 0;
}

.name-blog h2 {
    color: #FFFFFF;
    text-transform: none;
    text-align: left;
}

.btns-email {
    display: flex;
    gap: 1.5rem;
    justify-content: flex-end;
}

.btns-email .button {
    flex: 1;
    max-width: 300px;
}

.btns-email .button a {
    display: block;
    border: 1px solid #FFFFFF;
    padding: 14px 24px;
    text-align: center;
    border-radius: 3px;
    transition: all ease .3s;
}

.btns-email .button a:hover {
    border: 1px solid #cc7faf;
    background-color: #cc7faf;
}

.contato-rodape .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    position: absolute;
    right: 99em;
}

.contato-rodape .hs-input {
    background: transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 3px;
}

.spacing {
    margin-bottom: 64px !important;
}

.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field,
.hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field {
    width: 25%;
}

.hs_company.hs-company.hs-fieldtype-text.field.hs-form-field {
    width: 50%;
    padding-left: 10px;
}

.hs_company.hs-company.hs-fieldtype-text.field.hs-form-field .input {
    margin: 0;
}

.footer-menus ul {
    padding: 0;
    margin-bottom: 80px !important;
}

.footer-menus ul:before {
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
}

.footer-conoce ul:before {
    content: '1 - CONOCE';
}

.footer-conecta ul:before {
    content: '2 - CONECTA';
}

.footer-convierte ul:before {
    content: '3 - CONVIERTE';
}

.footer-capitaliza ul:before {
    content: '4 - CAPITALIZA';
}

.footer-menus ul li {
    margin-bottom: 8px;
    position: relative;
}

.footer-menus ul li a {
    display: inline-block !important;
}

.footer-menus ul li:after {
    content: "\2b";
    font: normal normal normal 14px/1 FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-flex;
    justify-content: center;
    border: 1px solid;
    border-radius: 9px;
    margin-left: .8rem;
    opacity: .7;
}

.footer-menus ul li:hover:after {
    opacity: 1;
}

.footer-menus ul li .tooltip {
    position: absolute;
    bottom: 30px;
    left: 30%;
    background-color: rgba(0,0,0,.95);
    padding: 5px 10px;
    border-radius: 3px;
    width: 300px;
    font-size: 12px;
    line-height: 18px;
    z-index: 1;
}

.footer-menus ul li .tooltip:after {
    content: '▼';
    position: absolute;
    bottom: -12px;
    left: 20%;
    color: rgba(0,0,0,.95);
}

.contato-rodape form {
    position: relative;
}

.contato-rodape form .form-columns-1:has([type="checkbox"]) {
    width: calc(100% - 200px) !important;
}

.contato-rodape form .hs_submit.hs-submit {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
}

.sub-footer .copy {
    color: #FFFFFF;
}

.sub-footer .bde-column {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sub-footer .social-footer .bde-social-icons {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 16px;
    width: 100%;
}

.sub-footer .social-footer .bde-social-icons__icon-wrapper {
    display: flex;
    width: 30px;
}

.final-footer .bde-image {
    width: 7%;
    margin: 0 auto;
}

.final-footer  img.breakdance-image-object {
    width: 100%;
}

.hs-fieldtype-intl-phone select option {
    color: #000000 !important;
}

.bde-tabs__tabslist {
    display: flex;
    gap: 30px;
}

.bde-tabs__tabslist .bde-tabs__tab {
	background: transparent;
	color: #FFFFFF;
	border: none;
	border-bottom: 4px solid transparent;
	padding: 0 6px 12px;
  font-size: 20px;
  font-weight: 600;
}

.bde-tabs__tabslist .bde-tabs__tab.is-active,
.bde-tabs__tabslist .bde-tabs__tab:hover {
	border-bottom-color: #2aa2b6;
}

/* CUSTOM RBZ */
.container {
  max-width: none;
}

/* HEADER */
/* Search */
#blog_header .row-number-5 > div > div:first-child .mobile-trigger.w-after::after {
  content: none;
}

.menuText {
  color: #FFFFFF;
  position: absolute;
  top: 0;
  right: -64px;
}

.hs-search-field_p {
  background-color: #0F2749BA;
  backdrop-filter: blur(20px);
}

.hs-search-field_p .hs-search-field__input {
    background-color: rgba(15, 39, 73, .2);
    border: 1px solid #2AA2B6;
}

/* Blog Post */
.blog-section.bloog-post.padding-140t {
  padding-bottom: 0!important;
}

.posst-listt-body a p span {
	text-transform: none;
}

.poost-page-body span p:last-child {
  display: none;
}

/* FOOTER */
.footer-wrap {
    padding-top: 32px!important;
}

/* Bullet menu */
#footer-menus-wrap ul[role="menu"] a {
  font-size: 12px;
}

/* Social icons */
.footer-container-wrapper a {
  fill: #FFFFFF;
}

@media (max-width: 820px) {
  #blog_header {
    width: 100%;
  }
  
  #blog_header .row-number-5 > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  #blog_header .row-number-5 > div div {
    flex: 1;
    padding: 0;
  }
  
  .menuText {
    display: none;
  }
  
  #blog_header .row-number-5 > div > div:first-child .mobile-trigger {
    position: absolute;
    top: 38px !important;
  }
  
  #blog_header .row-number-5 > div > div:first-child .mobile-trigger span.line {
    background: #FFFFFF;
  }
  
  div[data-widget-type='menu'] span[id*='hs_cos_wrapper_module_'] div:nth-child(2) {
    position: absolute;
    z-index: 1;
    max-width: 100%;
    padding-left: 0;
    padding: 16px !important;
  }
  
  ul[role="menu"] {
    justify-content: unset!important;
  }

  li[class*="hs-menu-depth-"] a,
  .tri-menu
    .hs-menu-wrapper
    > ul
    > li.hs-menu-depth-1:nth-last-child(-n + 2)
    a {
    font-size: 0.9rem !important;
  }
  
  input[aria-label="Search"] {
    width: 90% !important;
  }

  .hs-search-field_p:before {
    left: 24%;
  }

  i.fa-times {
    z-index: 10;
    right: 0;
  }
  
  .row-fluid-wrapper {
    margin-top: -0.6px!important;
  }
  
  /*  brings mobile menu to front  */  
  .row-fluid-wrapper.row-depth-1.row-number-2:has(#blog),
  .footer-container-wrapper {
    z-index: 0!important;
  }
  
  #hero {
    height: 96vh;
    position: relative;
  }
  
  #hero #background-video {
    position: fixed;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 80vh;
    width: auto;
    top: 0;
  }
  
  #hero .module__wrapper {
    position: absolute !important;
    bottom: 16px;
    padding-left: 5.5% !important;
    padding-right: 5.5% !important;
  }
  
  #hero .cta-btn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin-bottom: 16px;
  }

  #hero .cta-btn a {
    font-size: 1.125rem;
  }

  .cta.cta-btn.cta--background svg {
    font-size: 20px;
  }
  
  /* 2nd SECTION */
  .most-recent-post-box .post-item {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  
  .most-recent-post-box .post-item .post-listt-image {
    width: 100% !important;
  }
  
  /*  fix main post image height  */
  #main-featured-post div:nth-child(2) div div div .post-item .post-listt-image a .post-listt-image-bg {
/*     height: 300px!important; */
  }

  .main-post-blog .most-recent-post-box .post-item .posst-content {
    width: 100% !important;
    height: 100% !important;
  }

  /* 3rd SECTION */
  /* e-mail buttons */
  .btns-email {
    flex-direction: column;
  }

  .btns-email .button {
    max-width: 100% !important;
  }
  
  /* tooltip */
  .footer-menus ul li .tooltip {
    width: 250px;
  }
  
  /* form */
  fieldset[class*="form-columns-"] div,
  fieldset[class*="form-columns-"] div input {
    width: 100% !important;
  }

  fieldset[class*="form-columns-"] .hs_company {
    padding-left: 0 !important;
  }

  .contato-rodape form .form-columns-1:has([type="checkbox"]),
  form .hs_submit.hs-submit {
    width: 100% !important;
  }

  form .hs_submit.hs-submit {
    position: relative !important;
  }

  /* FOOTER */
  #hs_cos_wrapper_module_1709264333700141 {
    text-align: center;
  }

  #hs_cos_wrapper_module_1709264527051192 {
    margin: 28px auto;
  }

  .sub-footer .social-footer .bde-social-icons {
    justify-content: center;
  }
  
  .row-fluid-wrapper.row-depth-1.row-number-2, .footer-container-wrapper {
    z-index: 1;
    position: relative;
  }
}

@media screen and (min-width: 819px) and (max-width: 1000px) {
  /* LAYOUT */
  .row-fluid-wrapper {
    margin-top: -3px!important;
  }
  
  .row-fluid [class*="span"] {
    margin-left: 0 !important;
  }

  .row-fluid div[class*="span6"] {
    width: 100%;
  }
  
  /*  HEADER  */
  .span12.widget-span.widget-type-cell.tri-menu-main .row-fluid {
    display: flex!important;
  }

  /* 1st SECTION */
  #hero .cta-btn.cta--border {
    margin-bottom: 0;
  }
  
  video#background-video {
    left: -80%;
  }
  
  #hero .module__wrapper.video_text_c {
    bottom: auto;
    padding-bottom: 40px;
  }
  
  /* 1st SECTION */
  .widget-type-raw_jinja .bde-tabs__tabslist {
    margin-top: 50px;
  }

  /* 3rd SECTION */
  div .contato-rodape form .form-columns-1:has([type="checkbox"]),
  .contato-rodape form .hs_submit.hs-submit {
    width: 50% !important;
  }

  .contato-rodape form .hs_submit.hs-submit {
    position: absolute !important;
    text-align: right;
  }
  
  .footer-wrap > .row-fluid-wrapper:nth-child(1) {
    display: grid;
  }
  
  .btns-email {
    justify-content: unset;
  }
  
  #footer-menus-wrap .row-fluid {
    display: flex;
  }

  /* FOOTER */
  .row-fluid:has(> .span4.widget-span.widget-type-cell) {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .row-fluid:has(> .span4.widget-span.widget-type-cell) div {
    width: 100%;
    text-align: center;
  }
  
  .sub-footer .widget-type-cell {
    margin-bottom: 40px;
  }
  
  .sub-footer .social-footer .bde-social-icons {
    justify-content: center;
  }
}

/* Conteúdo interno dos artigos */
.poost-page-body p, 
.poost-page-body ul li, 
.poost-page-body ol li, 
.poost-page-body a, 
.poost-page-body em {
	color: #FFF !important;
}

.poost-page-body ul,
.poost-page-body ol {
  margin: 32px 14px; 
}

.container.blogg-post-container {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}

.blog-post-banner {
  height: 575px;
}

.poost-topic-main,
.blogg-post-container .post-by,
.blogg-post-container .author-link,
.blogg-post-container .post-date,
.blogg-post-container .share-header,
.blogg-post-container .share-post,
.poost-page-body img, .poost-page-body p>img,
.poost-page-body span p .hs-cta-wrapper{
  display: none;
}


/* Correções ao conteúdo interno dos artigos */

.blog-poost-titile {
  text-align: left;
}

.blog-poost-titile h1 {
  padding: 25px 2%;
  font-family: "korolev", korolev-condensed, sans-serif;
   text-align: center;
  display: block;
}


/*.poost-page-body {
    margin: 0 0 30px 0;
    max-width: 100%!important;
}*/

.poost-page-body {
    margin: 0 auto 30px auto; /* Centers the element horizontally */
    max-width: 70%!important;
}


@media all and (max-width: 767px) {
.poost-page-body {
    margin: 0 auto 30px auto; /* Centers the element horizontally */
    max-width: 100%!important;
}
}

@media all and (min-width: 1990px) and (max-width: 2600px) {  
ul li ,ol li {
    margin-left: 35%!important;
}
}



@media all and (min-width: 1919px) and (max-width: 1989px) {  
ul li ,ol li {
    margin-left: 25%!important;
}
}
  
  
  
/*@media all and (min-width: 1920px) {
ul li ,ol li {
    margin-left: 25%!important;
}
}*/
  
  
@media all and (min-width: 1100px) and (max-width: 1918px) {  
ul li ,ol li {
    margin-left: 5%!important;
}

  
@media all and (max-width: 767px) {
ul li ,ol li {
    margin-left: 1%!important;
}
}