@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
/* Global Color Variable */




/* Global Font Variable */



/* Website Header Style Variables */














/* Typography Style Variables */
 









/* Button Style Variables */
/** Button Style 1 **/








/** Button Style 2 **/








/* Form Style Variables */






/* Footer Style Variables */













/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}
.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
body { 
    margin:0; 
    padding:0; 
    font-family:Montserrat;  
    font-size:18px; 
    line-height:1.3; 
    font-weight:400; 
    color:#404040; 
    background:#fff; 
    opacity:0;
    visibility: hidden;
    transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s;
}

body.fadebody { opacity:1; visibility:visible; }

p { padding:0; margin:0; }
p + p { padding-top:20px; }

h1 { color:#032350; font-family:Montserrat; font-size: 56px; line-height:1.15; font-weight:700; margin:0; padding:0; clear:both; }
h2 { color:#032350; font-family:Montserrat; font-size:55px; line-height:1.15; font-weight:900; margin:0; padding:0; clear:both; }
h3 { color:#032350; font-family:Montserrat; font-size:45px; line-height:1.15; font-weight:900; margin:0; padding:0; clear:both; }
h4 { color:#0B3344; font-family:Montserrat; font-size:35px; line-height:1.15; font-weight:900; margin:0; padding:0; clear:both; }
h5 { color:#0B3344; font-family:Montserrat; font-size:24px; line-height:1.15; font-weight:700; margin:0; padding:0; clear:both; }
h6 { color:#0B3344; font-family:Montserrat; font-size:20px; line-height:1.15; font-weight:700; margin:0; padding:0; clear:both; }

a { text-decoration:none; color:#0079C2; transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s; -ms-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; }
a:hover { color:#01A9B5; }

/*Text Option*/
.text-uppercase , .title-uppercase h1 , .title-uppercase h2 , .title-uppercase h3 , .title-uppercase h4 , .title-uppercase h5 , .title-uppercase h6 { text-transform:uppercase; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-white , .text-white h1 , .text-white h2 , .text-white h3 , .text-white h4 , .text-white h5 , .text-white h6 { color:#fff; }
.text-bold , .text-bold h1 , .text-bold h2 , .text-bold h3 , .text-bold h4 , .text-bold h5 , .text-bold h6 { font-weight:bold; }
.text-italic { font-style:italic; }
.fl100 { float:left; width:100%; } 

@media (min-width:768px) and (max-width:1200px){
    body { font-size:17px; }
    h1 { font-size:38px; }
    h2 { font-size:30px; }
    h3 { font-size:28px; }
    h4 { font-size:24px; }
    h5 { font-size:20px; }
    h6 { font-size:18px; }
}

@media (max-width:767px){
    body { font-size:15px; }
    h1 { font-size:28px; }
    h2 { font-size:25px; }
    h3 { font-size:22px; }
    h4 { font-size:20px; }
    h5 { font-size:18px; }
    h6 { font-size:16px; }
}
input,
button,
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] { color: #404040; background: #ffffff; border-radius: 5px; border: 2px solid #ffffff; height: 55px; padding: 0 10px; font-size: 16px; width: 100%; font-family:Montserrat; }
input[type=checkbox],
input[type=radio] { width: auto; }
textarea { padding: 15px 20px; height: 115px; min-width: 100%; max-width: 100%; resize: none; }
input[type=submit] { cursor: pointer; background-image: url(//2240956.fs1.hubspotusercontent-na1.net/hubfs/2240956/Lobtec-2016/Image/blank.png); background-color: #fff; padding: 20px 20px; width: 260px; height:auto; max-width: 100%; text-align: center; display: inline-block; color: #223e5d; font-family: Montserrat; font-weight:600; border:0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .5s ease-in-out; }
input[type=submit]:hover, button:hover { background-color:#0079C2; color:#fff; }
.row-fluid select.hs-input::-ms-expand { display: none; }
select { background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/country-arrow.png') no-repeat center right 10px #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
::-webkit-input-placeholder { opacity: 1 !important; color:#707070 !important; }
::-moz-placeholder { opacity: 1 !important; color:#707070 !important; }
:-ms-input-placeholder { opacity: 1 !important; color:#707070 !important; }
:-moz-placeholder { opacity: 1 !important;  color:#707070 !important; }
form .actions { text-align:center; }

ul.hs-error-msgs { margin: 0; padding: 0; list-style: none; float: left; width: 100%; font-size: 14px; color: #e00000; text-align: left; }
form .hs_error_rollup { display:none; }
.hs-form .input { margin: 0; }
.hs-form .hs-form-field { padding: 0 0 20px; }
.row-fluid .hs-form fieldset .hs-input { width: 100% !important; }
.row-fluid .hs-form fieldset { max-width: none; }
.row-fluid .hs-form fieldset input[type="checkbox"],
.row-fluid  .hs-form fieldset input[type="radio"] { width: auto !important; }
.row-fluid .hs-form .hs-form-field label { color:#032350; display:block; margin-bottom:2px; }
.row-fluid .hs-form .hs-form-field label.hs-error-msg { color: #e00000; }
ul.inputs-list { margin: 0; padding: 5px 0; list-style: none; }
.row-fluid .inputs-list .hs-form-checkbox-display,
.row-fluid .inputs-list .hs-form-booleancheckbox, .row-fluid .inputs-list li.hs-form-radio { display: block; padding: 0 0 8px 0; position: relative; }
.row-fluid .inputs-list input[type="checkbox"],
.row-fluid .inputs-list input[type="radio"] { position: absolute; left: 0; margin: 0; top: 0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top: 3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position: relative; display: block; padding-left:42px; margin:0; }
.row-fluid .inputs-list input[type="checkbox"] + span:before { position: absolute; left: 0; top: -4px; content: ''; width: 30px; height: 30px; border: 1px solid #404040; color: #404040; background: #ffffff; border-radius:5px; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background: #ffffff; color: #404040; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { background: #3399ff; position: absolute; left: 5px; top: 1px; content: ""; height:20px; width:20px; border-radius:5px; }
.row-fluid .inputs-list input[type="radio"] + span:before { position: absolute; left: -2px; top: 2px; content: ''; width: 20px; height: 20px; border: 1px solid #ffffff; background: #ffffff; border-radius: 100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position: absolute; left: 2px; top: 7px; content: ''; width: 11px; height: 11px; border-color: #ffffff; background: #ffffff; border-radius: 100%; }

.row-fluid .submitted-message { float: none; margin: 0 auto; width: 500px; max-width:100%; background: #0079C2; padding: 100px 20px; color: #fff; text-align: center; position:relative; }
.row-fluid .submitted-message a { color: #fff; text-decoration: underline; text-underline-position: under; }
.row-fluid .submitted-message a:hover { text-decoration: none; }
.row-fluid .roi-calculator-bottom .submitted-message { width:800px; max-width:100%; }
.form-card__form form .hs-error-msgs { margin-top: 0px !important;}

@media (min-width:768px){
  .row-fluid .submitted-message { font-size:20px; line-height:28px; font-weight:700; }
}

/* Fix Column Layouts */

.row-fluid fieldset {
  max-width: inherit !important;
}
.row-fluid fieldset.form-columns-1 .hs-form-field,
.row-fluid fieldset.form-columns-2 .hs-form-field,
.row-fluid fieldset.form-columns-3 .hs-form-field {
  width: 100% !important;
}
.row-fluid fieldset.form-columns-1 .hs-form-field .input,
.row-fluid fieldset.form-columns-2 .hs-form-field .input,
.row-fluid fieldset.form-columns-3 .hs-form-field .input {
  margin-right: 0 !important;
}
.row-fluid 
fieldset.form-columns-1
.hs-form-field
.hs-input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.row-fluid 
fieldset.form-columns-2
.hs-form-field
.hs-input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.row-fluid 
fieldset.form-columns-3
.hs-form-field
.hs-input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
  width: 100% !important;
}

@media (min-width: 992px) {
  .row-fluid fieldset.form-columns-1 .hs-form-field {
    width: 100% !important;
  }
  .row-fluid fieldset.form-columns-2 .hs-form-field {
    width: 50% !important;
  }
  .row-fluid fieldset.form-columns-2 .hs-form-field:nth-of-type(1) {
    padding-right: 7.5px;
  }
  .row-fluid fieldset.form-columns-2 .hs-form-field:nth-of-type(2) {
    padding-left: 7.5px;
  }
  .row-fluid fieldset.form-columns-3 .hs-form-field {
    width: 33.333% !important;
  }
  .row-fluid fieldset.form-columns-3 .hs-form-field:nth-of-type(1) {
    padding-right: 7.5px;
  }
  .row-fluid fieldset.form-columns-3 .hs-form-field:nth-of-type(2) {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  .row-fluid fieldset.form-columns-3 .hs-form-field:nth-of-type(3) {
    padding-left: 7.5px;
  }
}

.legal-consent-container .field.hs-form-field {
  margin-bottom: -8px !important;
}
*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

hr { border:none; outline:none; float:left; width:100%; height:1px; background:#404040; clear:both; margin:30px 0; } 
.clear { clear:both }

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }

.row-fluid [class*="span"] { min-height:0; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

.row-fluid .bgimg-main { background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; }
.row-fluid .bg-img { display:none; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:1; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:transparent; width:50px; height:50px; font-size:0; cursor:pointer; padding:0; border:0; }
.slick-arrow:hover { background:transparent; }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { position:absolute; content: ""; height:37px; width:22px; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/leftslider-arrow.png') no-repeat center / cover; left:50%; top:50%; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { position:absolute; content: ""; height:37px; width:22px; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/right-sliderarrow.png') no-repeat center / cover; left:50%; top:50%; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.slick-arrow.slick-disabled { display:none !important; }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:17px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#ffffff; border:1px solid #0079C2; width:10px; height:10px; border-radius:100%; font-size:0; cursor:pointer; padding:0; box-shadow:none; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#01A9B5; }

.container .dnd-section > .row-fluid, .wrapper { margin:0 auto !important; width:1200px; padding:0 15px; float:none !important; }

@media (min-width:992px) and (max-width:1200px){
    .container .dnd-section>.row-fluid, .wrapper { width:920px; }
}

@media (min-width:768px) and (max-width:991px){
    .container .dnd-section>.row-fluid, .wrapper { width:720px; }
}

@media (max-width:767px){
    .container .dnd-section>.row-fluid, .wrapper { width:100%; padding:0 15px; }
}




.hs-menu-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 991px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}
header { background:#F9FCFF; padding:22px 0; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); position:relative; z-index:2; }
header .wrapper { width:1800px; max-width:100%; }
.top-raw { display: flex; align-items: center; justify-content: space-between; }
.top-right { display: flex; align-items: center; }
.mainmenu .hs-menu-wrapper > ul > li > a { font-size: 20px; color: #0B3344; font-weight: 700; padding: 10px 22px; position: relative; display:inline-block; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { position: absolute; content: "\f107"; font-family:fontawesome; right: 0; top: 50%; transform: translateY(-50%); margin-top: 2px; }
.mainmenu .hs-menu-wrapper > ul > li:hover > a { color: #01A9B5; }


.top-cta { padding-left:40px; }
.top-cta a { display:inline-block; vertical-align:top; padding:17px 50px; color:#ffffff; background:#0073B9; font-weight:600; border-radius:5px; }
.top-cta a:hover { color:#ffffff; background:#01A9B5; }

/* Footer */
footer { padding:50px 0 30px; color:#ffffff; background-image: linear-gradient(180deg, #0b1e44 0%, #124164 100%); position:relative; }
footer .wrapper { width:1600px; max-width:100%; }
.footer-left { float: left; width: 21%; }
.footer-middle { float: left; width: 49%; }
.footer-right { float: left; width: 30%; padding-left:50px; }
.footer-content { margin: 30px 0 10px; }
.footer-social a { display: inline-block; vertical-align: top; height: 56px; width: 56px; text-align: center; line-height: 56px; color: #fff; background-color: #0079C2; border-radius: 100%; font-size: 26px; margin-right: 11px; }
.footer-social a:hover { background: #3399ff; }
.footer-btmlogo { margin-top: 25px; }
.footer-btmlogo ul { padding: 0; margin: 0; list-style-type: none; }
.footer-btmlogo ul li { float: none; display: inline-block; vertical-align: middle; margin-right: 18px; }
.footerbox-wrap { padding-left:30px; float: none; display: inline-block; vertical-align: top; width:100%; }
.footerbox-wrap .footerbox { padding-left: 30px; float:left; width:33.33%; } 
.footerbox-wrap .footerbox .footer-title { font-size:22px; font-weight:600; }
.footerbox-wrap .footerbox .hs-menu-wrapper > ul > li { display:inline-block; vertical-align:top; width:100%; }
.footerbox-wrap .footerbox .hs-menu-wrapper > ul > li > a { color:#ffffff; margin-top: 30px; display: inline-block; vertical-align: top; }
.footerbox-wrap .footerbox .hs-menu-wrapper > ul > li > a:hover { color:#3399ff; }
.footer-right h3 { font-weight: 600; margin-top: -2px; }
.footer-cta a { display:inline-block; vertical-align:top; padding:17px 50px; color:#ffffff; background:#0073B9; font-weight:600; border-radius:5px; margin-top:30px; }
.footer-cta a:hover { color:#fff; background:#01A9B5; }
.copyright { display: inline-block; vertical-align: top; width: 100%; margin-top: 70px; font-size:16px; font-weight:300; }
.copyright a { color:#fff; }
.copyright a:hover { color:#3399ff; }

/* Media  Query */
@media (min-width:992px){
    
     a.mobile-trigger, span.child-triggerm { display: none !important; /* Hide button on Desktop */   }
    .row-fluid .mainmenu .hs-menu-wrapper {  display: block !important; }

    .mainmenu .hs-menu-wrapper > ul > li > ul { background: #f9fcff; width: 200px; box-shadow:0px 10px 10px rgba(0,0,0,0.2); margin-top:30px; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; left:0 !important; visibility:hidden !important; z-index:1; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { display: inline-block; vertical-align: top; width: 100%; padding: 10px 10px 5px; font-weight: 500; font-size: 16px; line-height: 20px; border-bottom: 1px solid; color:#1d1934; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li:last-child > a { border:0; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a:hover { background:#01A9B5; color:#fff; text-indent:5px; }
    .mainmenu .hs-menu-wrapper > ul > li:hover > ul { margin-top:0; visibility:visible !important; }
    
    .mainmenu .top-cta { display:none; }
}

@media (min-width:1201px) and (max-width:1440px){
    .mainmenu .hs-menu-wrapper > ul > li > a { font-size: 16px; padding: 10px 18px; }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { right: 4px; margin: 0; }
    
    /* Footer */
    .footer-btmlogo ul li { width: 50%; float: left; margin: 0; padding-right: 20px; }
    .footer-right h3 { font-size: 26px; }
}

@media (min-width:992px) and (max-width:1200px){
    /* Footer */
    .footer-social a { height: 40px; width: 40px; line-height: 40px; font-size: 18px; }
    .footer-btmlogo ul li { width: 50%; float: left; margin: 0; padding-right: 20px; }
    .footerbox-wrap { padding-left: 0px; }
    .footerbox-wrap .footerbox .footer-title { font-size: 18px; }
    .footerbox-wrap .footerbox .hs-menu-wrapper > ul > li > a { margin-top: 8px; }
    .footer-right { padding-left: 30px; }
    .footer-right h3 { font-size: 22px; }
}

@media (min-width:768px) and (max-width:991px){
    /* Footer */
    .footer-left { width: 100%; text-align: center; margin-bottom: 40px; }
    .footer-middle { width: 60%; padding: 0; }
    .footer-right { width: 40%; padding-left: 0; }
    .footer-logo img { display: inline-block; vertical-align: top; width: 200px; max-width: 100%; }
    .footer-content { display: inline-block; vertical-align: top; width: 500px; max-width: 100%; margin: 20px 0; }
    .footerbox-wrap { padding: 0; }
    .footerbox-wrap .footerbox { width: 50%; padding: 0 15px 0; margin-bottom:30px; }
    .footerbox-wrap .footerbox .hs-menu-wrapper>ul>li>a { margin-top: 7px; }
}

@media (min-width:768px) and (max-width:1200px){
    .mainmenu .hs-menu-wrapper > ul > li > a { font-size: 16px; padding: 10px 13px; }
    .top .logo img { max-width: 170px; }
    .top-cta a { padding: 17px 30px; }
}

@media (max-width:991px){
    header { padding: 15px 0; }
    .top-raw {display: block; }
    .top-right { display: block; }
    .top-cta { display:none; }
    .mainmenu .top-cta { display:inline-block; width:100%; vertical-align:top; padding:15px 15px; text-align:center; }
    .top .logo { max-width:150px; }
    
    .mainmenu .hs-menu-wrapper > ul > li > a { color: #fff; font-size: 14px; font-weight: 700; padding: 15px 15px; }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { display: none; }
    .mainmenu .hs-menu-wrapper > ul > li:hover > a { color: #fff; }
    .mainmenu .hs-menu-wrapper > ul > li > ul { background: #fff; }
    .mainmenu .hs-menu-wrapper > ul > li > ul li a { display: inline-block !important; vertical-align: top !important; width: 100% !important; padding: 10px 30px; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
}

@media (min-width:30px) and (max-width:767px){
    
    /* Footer */
    .footer-left { width: 100%; text-align: center; }
    .footer-middle { width: 100%; padding: 40px 0 30px 0; }
    .footer-right { width: 100%; padding: 0; }
    .footer-raw { display: inline-block; vertical-align: top; width: 100%; text-align: center; }
    .footerbox-wrap .footerbox { width: 100%; padding: 0; margin-bottom: 25px; }
    .footerbox-wrap { padding: 0; }
    .footer-content { margin: 25px 0; }
    .footer-social { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 5px; }
    .footer-logo img { display: inline-block; vertical-align: top; width: 180px; max-width: 100%; }
    .footerbox-wrap .footerbox .hs-menu-wrapper > ul > li > a { margin-top: 5px; }
    .footerbox-wrap .footerbox:last-child { margin-bottom: 0; }
    .footer-right h3 { font-size: 20px; line-height: 30px; }
    .copyright { font-size: 14px; line-height: 24px; }
    
}

@media (max-width:991px){

    .mainmenu, .mainmenu li, .mainmenu li a { display:block; float:none; position:static; top:auto; right:auto; left:auto; bottom:auto; padding:0px; margin:0px; background-image:none; background-color:transparent; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; max-width:none; width:100%; height:auto; line-height:1; font-weight:normal; text-decoration:none; text-indent:0px; text-align:left; }
    a.mobile-trigger { display:inline-block !important; cursor:pointer; position:absolute; top:5px; right:0; width:60px; height:60px; text-align:center; background:transparent; padding:12px 10px; z-index:99999999999; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; }
    a.mobile-trigger:hover { text-decoration:none; }
    a.mobile-trigger span { display:inline; }
    a.mobile-trigger span:before { position:absolute; content:'Menu'; }
    a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; }

    .mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background:transparent; }
    .mobile-open a.mobile-trigger span:after { opacity:1; }

    a.mobile-trigger i { display:inline; position:relative; top:-2px; margin-left:0; -webkit-transition-duration:0s; -webkit-transition-delay:.2s; -moz-transition-duration:0s; -moz-transition-delay:.2s; transition-duration:0s; transition-delay:.2s; }
    a.mobile-trigger i:before, a.mobile-trigger i:after { position:absolute; content: ''; }
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width:30px; height:3px; display:inline-block; background:#0073b9; }
    a.mobile-trigger i:before { margin-top:-8px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    a.mobile-trigger i:after { margin-top:8px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    .mobile-open a.mobile-trigger i { background-color:rgba(0,0,0,0.0); -webkit-transition-delay:.2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:before { margin-top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:after { margin-top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }

    span.child-triggerm { display:block !important; cursor:pointer; position:absolute; top:0px; right:0; width:60px !important; height:100% !important; padding:0 !important; }
    span.child-triggerm span { position:absolute; height:30px; width:30px; left:50%; top:6px; transition:all ease-in-out .5s; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); }
    span.child-triggerm span:before { position:absolute; content:""; height:14px; width:2px; left:50%; top:50%; background:#fff; transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); }
    span.child-triggerm span:after { position:absolute; content:""; height:2px; width:14px; left:50%; top:50%; background:#fff; transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); }
    span.child-triggerm.child-open span { transform:translateX(-50%) rotate(45deg); -webkit-transform:translateX(-50%) rotate(45deg); -moz-transform:translateX(-50%) rotate(45deg); -ms-transform:translateX(-50%) rotate(45deg); -o-transform:translateX(-50%) rotate(45deg); }  

    .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper { display:none; }  
    .mainmenu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; }

    .mainmenu.js-enabled .hs-menu-flow-horizontal { position:absolute; top:58px; left:0px; width:100%; padding:0px; background-color:#0079c2; width:100%; z-index:8888; }

    .mainmenu .hs-menu-flow-horizontal > ul > li { position:relative; }
    .mainmenu .hs-menu-flow-horizontal > ul > li, .top .top-right .mainmenu .hs-menu-wrapper > ul > .navdiv > li { border-bottom:1px solid #5f8ab5; }
    /*     .mainmenu .hs-menu-flow-horizontal > ul > li:last-child { border-bottom:0; }  */

    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a { text-indent:30px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a { text-indent:50px; }
    
    

}
.row-fluid .btn_style1 a, .row-fluid a.btn_style1 { 
    float:none; 
    display:inline-block; 
    vertical-align:top;
    padding:18px 10px 18px 10px; 
    color:#ffffff; 
    border-radius:5px; 
    background-color:#0079c2; 
    font-weight: 600;
    font-family:Montserrat;
    min-width:260px;
    text-align:center;
}
.row-fluid .btn_style1 a:hover, .row-fluid a.btn_style1:hover { 
    background-color:#01A9B5;
    color:#ffffff;
}

.row-fluid .btn_style2 a, .row-fluid a.btn_style2 { 
    float:none; 
    display:inline-block; 
    vertical-align:top;
    padding:18px 10px 18px 10px; 
    color:#ffffff; 
    border-radius:5px; 
    background-color:#4b4b4b; 
    font-weight: 600;
    font-family:Montserrat;
    min-width:260px;
    text-align:center;
}
.row-fluid .btn_style2 a:hover, .row-fluid a.btn_style2:hover { 
    background-color:#01a9b5;
    color:#ffffff;
}

.row-fluid .btn_style3 a, .row-fluid a.btn_style3, a.btn_style3.button { 
    float:none; 
    display:inline-block; 
    vertical-align:top;
    padding:18px 10px 18px 10px; 
    color:#ffffff; 
    border-radius:5px; 
    background-color:#223E5D; 
    font-weight: 600;
    font-family:Montserrat;
    min-width:290px;
    text-align:center;
}
.row-fluid .btn_style3 a:hover, .row-fluid a.btn_style3:hover, a.btn_style3.button:hover { 
    background-color:#01A9B5;
    color:#ffffff;
}

.row-fluid .white_btn a, .row-fluid a.white_btn { 
    float:none; 
    display:inline-block; 
    vertical-align:top;
    padding:18px 10px 18px 10px; 
    color:#0079C2; 
    border-radius:5px; 
    background-color:#fff; 
    font-weight: 600;
    font-family:Montserrat;
    min-width:240px;
    text-align:center;
}
.row-fluid .white_btn a:hover, .row-fluid a.white_btn:hover { 
    background-color:#01A9B5;
    color:#fff;
}

.r-more a,a.r-more{font-size:18px; font-weight:700;}
.r-more a svg, a.r-more svg{transition:600ms; vertical-align:top; margin:5px 0 0;}
.r-more a:hover svg,a.r-more:hover svg{transform:translate(10px,0);}
.wrapper.blog-wrapper{max-width:1080px;}

.blog-header{padding:148px 0 0;}
.blog-header h1{margin:0 0 14px;}

.featured-search{padding:90px 0 0;}
.featured-search .inner{display:flex;}
.featured-search .inner .featured-wrapper{width:calc(100% - 285px); padding: 0 40px 0 0;}
.featured-search .inner .featured-wrapper .list{display:flex !important;}
.featured-search .inner .featured-wrapper .list .r-more svg{stroke:#fff;}
.featured-search .inner .featured-wrapper .list .image{width:calc(100% - 295px); margin:0 -15px 0 0;}
.featured-search .inner .featured-wrapper .list .right-content{width:310px; background-color:#01A9B5; color:#fff; padding:50px 40px 35px; border-radius:15px 0 0 15px;}
.featured-search .inner .featured-wrapper .list .right-content h5,
.featured-search .inner .featured-wrapper .list .right-content a{color:#fff;}
.featured-search .inner .featured-wrapper .list .right-content .date{font-size:10px;}
.featured-search .inner .featured-wrapper .list .right-content .content{padding:15px 0 20px;}
.featured-search .inner .featured-wrapper .slick-list{border-radius:15px; box-shadow:0 10px 25px rgba(0, 0, 0, 0.16);}
.featured-search .inner .slick-dots{padding:0;position:absolute;right:40px;text-align:left;top:12px;width:273px;}
.featured-search .inner .slick-dots li{padding:0 2px;}
.featured-search .inner .slick-dots li.slick-active button,
.featured-search .inner .slick-dots li button:hover{opacity:1;background-color:#fff;}
.featured-search .inner .slick-dots li button{border:none;border-radius:5px;height:5px;width:33px;opacity:0.3;transition:600ms}
.featured-search .inner .search-wrapper{position:relative;width:285px;}
.featured-search .inner .search-wrapper:after{background:url(https://www.ecolane.com/hubfs/ecolane-theme-2020/images/circle.svg) no-repeat scroll center;content:'';height:259px;position:absolute;right:-110px;top:-88px;width:259px;z-index:-1;}
.featured-search .search-wrapper .searchbox_input input{border-radius:10px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.16);color:#707070;display:inline-block;float:none;font-size:18px;height:auto;max-width:600px;padding:7px 15px 5px;width:100%;}
.featured-search .search-wrapper .box{background-color:#fff;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.16);font-size:14px;padding:26px 27px 31px;line-height:20px;margin-top: 27px;}
.featured-search .search-wrapper .box h5{margin:0 0 14px;}

.title-strip{background-color:#01A9B5; color:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:10px 60px;margin:0 0 25px;}
.title-strip h5{font-size: 18px; text-transform:capitalize; }
.title-strip h5,
.title-strip a{color:#fff;}
.title-strip a svg{stroke:#fff;} 

.most-recent{padding: 25px 0 0;}
.most-recent .inner{display:flex;}
.most-recent .post-wrapper{display:flex;flex-flow:row wrap;margin:0 -18px;width:calc(100% - 249px);padding:0 80px 0 0;position:relative;}
.most-recent .post-wrapper .single-post{margin:0 18px 56px;width:calc(50% - 36px); position:relative; }
.most-recent .post-wrapper .single-post a.boxlink { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.most-recent .post-wrapper .single-post .image{border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.16);height:270px;}
.most-recent .post-wrapper .single-post a.r-more { position:relative; z-index:1; }
.most-recent .post-wrapper .single-post .content{padding: 22px 0 0;}
.most-recent .post-wrapper .single-post .content h5{font-size: 18px;}
.most-recent .post-wrapper .single-post .content .date{font-weight: 300;padding: 7px 0 13px;}
.most-recent .post-wrapper .single-post .content .r-more svg{stroke:#0079C2;}
.most-recent .post-wrapper .single-post .content .r-more:hover svg{stroke:#01A9B5;}

.most-recent .sidebar{width:285px;}
.most-recent .sidebar .widget{box-shadow:0 10px 25px rgba(0,0,0,0.16);border-radius:15px;background-color:#fff;margin-bottom:50px;padding:16px 18px 23px;}
.most-recent .sidebar .form{}
.most-recent .sidebar .form h3{font-size:22px;font-weight:700;text-align:center;margin: 0 0 15px;}
.most-recent .sidebar .form h3 span { display: block; font-size: 14px; margin-top: 10px; text-transform: capitalize; }
.most-recent .sidebar .form .hs-form .hs-form-field input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){border:none;box-shadow:0 3px 6px rgba(0,0,0,0.16);font-size:14px;font-weight:500;height:auto;padding:13px 15px;}
.most-recent .sidebar .form input[type="submit"]{background:#00538b;color:#fff;font-size:18px;padding:13px 20px;white-space:pre-wrap;width:160px;}
.most-recent .sidebar .form input[type="submit"]:hover{background:#0079C2;}
.most-recent .sidebar .topics ul{list-style:none;margin:0;padding:0 19px;}
.most-recent .sidebar .topics ul li:not(:last-child){border-bottom:1px solid #fff;margin:0 0 6px;padding:0 0 6px;}
.most-recent .sidebar .topics ul li a{color:#fff;font-size:14px;}
.most-recent .sidebar .topics ul li a span{display:none;}
.most-recent .sidebar .topics ul li a:hover{color:#404040;}

.most-recent .sidebar .widget.gradient{background:linear-gradient(to bottom, rgba(0,121,194,1) 0%,rgba(103,175,219,1) 100%); color:#fff;padding:25px 10px 23px;}
.most-recent .sidebar .widget.gradient h3{font-size:22px;font-weight:700;text-align:center;margin: 0 0 15px;color:#fff;}
.most-recent .sidebar .widget.gradient a.filter-expand-link { display: flex; align-items: center; justify-content: center; width: 140px; margin: 20px auto 0; padding:10px 10px; color:#0079C2; border-radius:5px; background-color:#fff; font-weight: 600; font-family:Montserrat; text-align:center; text-transform:capitalize; }
.most-recent .sidebar .widget.gradient a.filter-expand-link:hover { background-color:#01A9B5; color:#fff; }
.widget-module{padding:0 8px 15px;}
.widget-module .list{display:flex;position:relative;}
.widget-module .list a{height:100%;left:0;position:absolute;top:0;width:100%;}
.widget-module .list .image{width:102px;height:75px;box-shadow:0 10px 25px rgba(0,0,0,0.16);border-radius:5px;}
.widget-module .list .content{width:calc(100% - 102px);padding:0px 0 0 10px;}
.widget-module .list .content h5{font-size:15px;font-weight:700;color:#fff;}
.widget-module .list .content .date{font-weight:300;padding:2px 0 0;font-size:10px;}
.widget-module .list:not(:last-child){margin:0 0 32px;}

.body-container--blog-index .ctabar_area{padding-top:100px;position: relative;}
.body-container--blog-index .ctabar_area:before{top:-10px;}

.circle{background-color:#438cf5;border-radius:100%;height:407px;left:-230px;opacity:0.1;position:absolute;top:420px;width:409px;z-index:-1;}
.circle.circle-2{left:auto;right:-160px;top:-120px;}
.circle.circle-3{background-color:transparent;border:40px solid #c8e3ff;left:-170px;opacity:0.21;top:-200px;}

/* .pagination{}
.pagination a */

/* Blog Inner Page */
.blog-inner-hero { background: url(https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/innerhero-bg.png) no-repeat center / cover; padding: 62px 0; position: relative; }

.hs-blog-post .blog-post-main { padding:80px 0; }
.hs-blog-post .blog-post-main .wrapper { width:1170px; max-width:100%; padding:0 20px; }
.hs-blog-post .blog-left .hs-featured-image-wrapper { margin:0 -20px; height:430px; display:block; background-size:cover; background-position:center; background-repeat:no-repeat; }
.hs-blog-post .blog-left { padding:20px; box-shadow:0 0 5px rgba(0,0,0,0.3); }
.hs-blog-post .blog-right { box-shadow:0 0 5px rgba(0,0,0,0.3); } 
.hs-blog-post .blog1-title h4 { font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding-bottom:10px; }
.hs-blog-post .blog1-title { padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid #01A9B5; position:relative; }
.row-fluid .blog1-title:after { content:''; width:65px; height:1px; background:#000; position:absolute; bottom:-1px; left:0; } 
.row-fluid .blog-about , .row-fluid .blog-date , .row-fluid .blog-comment { padding:0 5px; display:inline-block; line-height:16px; font-size:14px; font-style:italic; vertical-align:middle; }
.row-fluid .blog-about , .row-fluid .blog-date { border-right:1px solid #000; }
.row-fluid .blog-about a { color:#000; }
.row-fluid .blog-about a:hover { color:#01A9B5; }
.row-fluid .bloginner-icon { margin: 0 -20px 10px; padding: 17px 15px; background-color: #01A9B5; }
.row-fluid .bloginner-icon ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
.row-fluid .bloginner-icon ul li { margin: 0; padding: 0 3px; display: inline-block; }

.row-fluid .bloginner-icon ul li a { width:30px; height:30px; line-height:28px; background:transparent; border-radius:50%;; border:1px solid #fff; color:#fff; display:inline-block; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; }
.row-fluid .bloginner-icon ul li a:before { font-family: 'FontAwesome'; }
.row-fluid .bloginner-icon ul li:nth-child(1) a:before { content:"\f09a"; }
.row-fluid .bloginner-icon ul li:nth-child(2) a:before { content:"\f099"; }
.row-fluid .bloginner-icon ul li:nth-child(3) a:before { content:"\f0e1"; }
.row-fluid .bloginner-icon ul li:nth-child(4) a:before { content:"\f0d5"; }
.row-fluid .bloginner-icon ul li a:hover:before { color:#fff; background:transparent; }
.row-fluid .bloginner-icon ul li a:hover { border-radius:5px; }

.blog-post__body p { padding: 5px 0 15px; }
.blog-post__body { font-size: 15px; line-height: 28px; }
.row-fluid .bloginner-topic { margin-bottom: 25px; padding: 7px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.row-fluid .bloginner-topic1 { display: inline-block; }
.row-fluid .bloginner-topic1 a { padding-right: 5px; color: #222222; font-size: 15px; }
.row-fluid .bloginner-topic1 a:before { content: "\f02c"; padding-right: 5px; display: inline-block; font-family: 'FontAwesome'; font-size: 12px; vertical-align: middle; }

.hs-blog-post .about-author-sec { position:relative; padding-bottom:20px; border-bottom:1px solid #000; }
.row-fluid .bloginner-img { width:100px; height:100px; }

.row-fluid .bloginner-img { height:110px; width:110px; background-size:cover; background-position:center center; background-repeat:no-repeat; float:left; }
.row-fluid .bloginner-author1 { padding-left:30px; width:84%; float:left; }
.row-fluid .bloginner-author1 h3 { font-size:18px; line-height:24px; padding:0 0 5px; text-transform:uppercase; font-weight:500; }
.row-fluid .bloginner-author1 h3 a { color:#000; }
.row-fluid .bloginner-author1 h3 a:hover { color:#01A9B5; } 
.row-fluid .bloginner-content { font-size:15px; line-height:24px; }
.row-fluid .hs-author-social-links ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .hs-author-social-links ul li { margin:0; padding:0 4px; display:inline-block; }
.row-fluid .hs-author-social-links ul li a { position:relative; color:#000; }
.row-fluid .hs-author-social-links ul li a:before { display:inline-block;  font-family: 'FontAwesome'; text-align:center; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; }
.row-fluid .hs-author-social-links ul li:nth-child(1) a:before , .row-fluid .follow-icon ul li:nth-child(1) a:before { content:"\f09a"; }
.row-fluid .hs-author-social-links ul li:nth-child(2) a:before , .row-fluid .follow-icon ul li:nth-child(2) a:before { content:"\f099"; }
.row-fluid .hs-author-social-links ul li:nth-child(3) a:before , .row-fluid .follow-icon ul li:nth-child(3) a:before { content:"\f0e1"; }
.row-fluid .hs-author-social-links ul li:nth-child(4) a:before , .row-fluid .follow-icon ul li:nth-child(4) a:before { content:"\f0d5"; }
.row-fluid .hs-author-social-links ul li a:hover:before { color:#01A9B5; }
.hs-author-social-links {margin: 5px 0 8px;  }

.row-fluid .related-post { padding:15px 0 20px 0; float:left; width:100%; border-top:1px solid #000; }
.row-fluid .related-post .blog-title1 h3, .row-fluid .related-post h3.blog-title1 { font-size:18px; line-height:24px; text-transform:uppercase; position:relative; font-weight:500; padding-bottom:10px; margin-bottom:5px; }
.row-fluid .related-post .blog-title1 h3:after, .row-fluid .related-post h3.blog-title1:after { content:''; margin:7px 0 0; width:100%; height:2px; display:block; background:#01A9B5;  }
.row-fluid .related-post .blog-title1 h3:before, .row-fluid .related-post h3.blog-title1:before { content:''; width:40px; height:2px; position:absolute; bottom:10px; left:0; background:#000; }

.row-fluid .related-post .related-image { width:100%; height:138px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.row-fluid .related-post-iteminner { padding:0 10px; }
.row-fluid .related-title { margin-top:10px; font-size:15px; line-height:22px; text-transform:uppercase; }
.row-fluid .related-title a { color:#000; }
.row-fluid .related-title a:hover { color:#01A9B5; }

article.blog-related-posts__post { float: left; width: 33.33%; padding: 0 10px; }
article.blog-related-posts__post img.blog-related-posts__image { height: 138px; object-fit: cover; }
.blog-related-posts__list { display: block; width: auto; margin: 0 -10px; }
h3.blog-related-posts__title { margin-top: 10px; font-size: 15px; line-height: 22px; text-transform: uppercase; font-weight: 700; color: #000; }
h3.blog-related-posts__title a { color: inherit; }
h3.blog-related-posts__title a:hover { color: #01A9B5; }
article.blog-related-posts__post p { display: none; }
.blog-comments.blog-form { display: inline-block; vertical-align: top; width: 100%; }

.row-fluid .blog-comments.blog-form .hs-form fieldset.form-columns-2 .field:first-child { padding-right: 10px; padding-left:0; }
.row-fluid .blog-comments.blog-form .hs-form fieldset.form-columns-2 .field { padding-left: 10px; }
.row-fluid .blog-comments.blog-form .hs-form .hs-input { border: 1px solid #ccc; border-radius: 0; }
.row-fluid .blog-comments.blog-form .hs-form fieldset.form-columns-1 .input {margin-right: 0 !important;}
.row-fluid .blog-comments.blog-form .hs-form input[type="submit"] { border: 1px solid #01A9B5; border-radius: 0; padding: 15px 30px; width: auto; }
.row-fluid .blog-comments.blog-form .hs-form .actions { text-align: left; }

.row-fluid .catagoris-box { padding-top: 20px; }

/* Sidebar */
.row-fluid .side-title h4 { text-align:center; padding:0 0 10px; font-size:18px; line-height:22px; text-transform:uppercase; font-weight:500; position:relative; }
.row-fluid .side-title h4:after { content:''; margin:10px auto 0; width:150px; height:2px; display:block; background-color:#01A9B5; }
.row-fluid .catagoris-box ul { margin: 10px 0 0; padding: 0; list-style-type: none; }
.row-fluid .catagoris-box ul li { margin: 0; padding: 0 0 1px; display: block; }
.row-fluid .catagoris-box ul li a { padding: 9px 15px; display: inline-block; width: 100%; color: #222222; }

.row-fluid .catagoris-box ul li a:hover { background:#01A9B5; color:#fff; }

.row-fluid .follow-icon.right-box { padding:20px 20px 40px; }
.row-fluid .follow-icon ul { margin:0; padding:20px 0 0; list-style-type:none; text-align:center; }
.row-fluid .follow-icon ul li { margin:0; padding:0 3px; display:inline-block; }
.row-fluid .follow-icon ul li a:before { width:40px; height:40px; line-height:40px; background:#e6e6e6; color:#062d70; display:inline-block; font-family: 'FontAwesome'; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; }
.row-fluid .follow-icon ul li:nth-child(1) a:before { content:"\f09a"; }
.row-fluid .follow-icon ul li:nth-child(2) a:before { content:"\f099"; }
.row-fluid .follow-icon ul li:nth-child(3) a:before { content:"\f0e1"; }
.row-fluid .follow-icon ul li:nth-child(4) a:before { content:"\f0d5"; }
.row-fluid .follow-icon ul li a:hover:before { color:#fff; background:#01A9B5; }

.row-fluid .newsletter-section { padding:20px 15px; background:#062d70; opacity:0.9; font-size:15px; line-height:24px; }
.row-fluid .newsletter-section h5 { font-size:16px; line-height:26px; color:; font-weight:600; text-transform:uppercase; letter-spacing:1px; padding-bottom:10px; }
.row-fluid .newsletter-section p { padding:5px 0 15px; }
.row-fluid .newsletter-blog .hs-form-field > label span { display:none; }
.row-fluid .newsletter-blog .hs-form input[type="submit"] { width:100%; padding:15px 20px; height:auto; font-weight:500; letter-spacing:1px; background-color:#01A9B5; border:2px solid #01A9B5; color:#fff; }
.row-fluid .newsletter-blog .hs-form input[type="submit"]:hover { background-color:transparent; } 

/* Search Result */
.search-hero { background: url(https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/innerhero-bg.png) no-repeat center / cover; padding: 165px 0; position: relative; }
.search-result-section { padding:80px 0; }

/*--news-blog-*/
.bloglisting_area { width:100%; padding:80px 0; }
.bloglisting_area .wrapper {  display:flex; flex-wrap:wrap; }
.bloglisting_area .post_listing_left { width:70%; display:inline-block; padding-right:30px; } 
.bloglisting_area .blogsidebar { width:30%; display:inline-block; }

.post_listing { width:100%; display:flex; flex-wrap:wrap; }
.post_listing .post_item { width:calc(100%/2 - 30px); margin:0 15px 30px; position:relative; background-color: #fff; text-align: center; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 7px rgba(0,0,0,0.1); box-shadow: 0 1px 7px rgba(0,0,0,0.1); }
.post_listing .post_item .post_img { width:100%;  display: flex; align-items: center; justify-content: center;  height:288px; position:relative; transition:all .4s ease; }   
.post_listing .post_item .post_img .post_plus { font-size: 30px; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; border-radius:50%; position:relative; z-index:1; line-height: 61px; color: #fff; border: 2px solid #fff; transition:all .4s ease; opacity:0; }
.post_listing .post_item .post_img:before { position:absolute; content:"";  left:0; top:0; width:100%; height:100%; background: #000; opacity: .70; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transition:all .4s ease; }
.post_listing .post_item .post_content { padding:30px 30px 80px; display:inline-block; }
.post_listing .post_item:hover .post_img:before { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);  } 
.post_listing .post_item:hover .post_img .post_plus { opacity:1; color:#fff; }
.post_listing .post_item .post_title a { color:#333; font-size: 16px; line-height: 22px; letter-spacing: 1px; margin-bottom:15px; display: inline-block; width:100%; text-transform: uppercase; font-weight: bold; } 
.post_listing .post_item .post_title a:hover { color:#032350; }
.post_listing .post_item .post-date { font-size: 16px; font-style: italic; color: #999; }
.post_listing .post_item .post_text { width:100%; margin:10px 0 20px; }

.post_listing .post_item a.link-post { min-width: 125px; padding: 5px 20px; font-size: 13px; line-height: 20px; text-transform: uppercase; color:#032350; background: #fafafa; display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; letter-spacing: .5px; font-weight: 600;  position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.post_listing .post_item a.link-post:hover { color: #fff; background: #032350 }
  
.post_listing_left .blog-pagination { width:100%; padding:20px 0 0; }
.post_listing_left .blog-pagination a { margin:3px 2px; padding:7px 15px; background:#032350; color:#fff; font-size:18px; line-height:26px; border-radius:5px; vertical-align:middle; display:inline-block; border:2px solid transparent; }
.post_listing_left .blog-pagination a i { padding:0 5px; }
.post_listing_left .blog-pagination a:hover , .post_listing_left a.blog-pagination__link--active { background:transparent; color:#032350; border-color:#032350; }
.post_listing_left .blog-pagination a.blog-pagination__prev-link--disabled { pointer-events: none; opacity:0.6; display: none; } 
.post_listing_left .blog-pagination a.blog-pagination__next-link--disabled { pointer-events: none; opacity:0.6; display: none; } 
 
/**/
.bloginquiries_box { text-align:center; margin-bottom:20px; width:100%; display:inline-block; padding:15px; background:#fff; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.bloginquiries_box h4 { font-size: 16px; line-height: 26px; width:100%; display:inline-block; padding: 12px 10px; color: #fff; font-weight: normal; background: #003868; text-align: center; text-transform: uppercase; position: relative; letter-spacing: .7px }
.bloginquiries_box h4:after { content: ''; border: 1px solid rgba(255, 255, 255, 0.5); position: absolute; top: 5px; bottom: 5px; right: 5px; left: 5px }
.bloginquiries_box .bloginquiries_boxtext { width:100%; margin:25px 0; text-align:center; font-size:16px; }
.bloginquiries_box .bloginquiries_boxtext a { margin:0 20px; display:inline-block; }
.bloginquiries_box .bloginquiries_boxtext img { max-width:35px; display:block; margin:0 auto 10px; }

.recentpost_box { width:100%; padding:15px; background:#fff; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.recentpost_box h4 { font-size: 16px; line-height: 26px; width:100%; display:inline-block; padding: 12px 10px; color: #fff; font-weight: normal; background: #003868; text-align: center; text-transform: uppercase; position: relative; letter-spacing: .7px }
.recentpost_box h4:after { content: ''; border: 1px solid rgba(255, 255, 255, 0.5); position: absolute; top: 5px; bottom: 5px; right: 5px; left: 5px }
.recentpost_box .popular-box { display: inline-block; width: 100%; margin-top: 20px }
.recentpost_box .post-image { width: 90px; height: 60px; float: left }
.recentpost_box .popular-text { width: calc(100% - 90px); float: left; padding-left: 15px }
.recentpost_box .popular-date { font-style: italic; font-size:15px; }
.recentpost_box .popular-box .post-title { font-size: 16px; line-height: 22px; font-weight: 600 }
.recentpost_box .popular-box .post-title a { color: #555 }
.recentpost_box .popular-box .post-title a:hover { color: #032350 }
 
/**/
.hs-blog-post .blogpost_view .blog-right { box-shadow:none; display:inline-block; } 
.blogpost_view .hs-featured-image-wrapper { margin:0 !important; }
.hs-blog-post .blogpost_view .blog1-title { text-align: center; border: 0; margin: 0; } 
.hs-blog-post .blogpost_view .blog1-title:after { display:none; }

.hs-blog-post .blogpost_view .blog-left .hs-featured-image-wrapper { margin-bottom:20px !important; }
.hs-blog-post .blogpost_view .blog-left { box-shadow:none; padding:0; }
.hs-blog-post .blogpost_view .bloginner_wrap { width:100%; display:block; padding: 25px; background: #fff; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1); } 
.hs-blog-post .blogpost_view .related-post { width:100%; display:block; padding: 25px; margin-top: 30px; border: none; background: #fff; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.1); box-shadow: 0 2px 8px rgba(0,0,0,0.1);  } 

.blogpost_view .blog-about,.blogpost_view .blog-date { font-style:normal; }
.blogpost_view .blog-about a { color:#0073b9; }
.blogpost_view .author-link { color:#0079c2; }
.blogpost_view .blog-date { border-right:0; }
.blogpost_view .bloginner-icon { margin:0; background: transparent; border: 1px solid #e0e0e0; padding: 10px 15px; }
.blogpost_view .bloginner-icon ul li a { border:none; color:#999; }
.blogpost_view .bloginner-icon ul li a:hover { color:#000 ; }
.blogpost_view .bloginner-icon ul li a:hover:before { color:#000 !important; }

.blogpost_view .blognextprev_box {  }
.hs-blog-post .blogpost_view .blog-pagination { margin: 30px 0 0 0; padding: 25px; background: #fff; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.hs-blog-post .blogpost_view .blog-previous, .hs-blog-post .blogpost_view .blog-next { width: 49.6%; padding: 0 15px; display: inline-block; vertical-align: middle; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a }
.hs-blog-post .blogpost_view .blog-previous span, .hs-blog-post .blogpost_view .blog-next span { display: block }
.hs-blog-post .blogpost_view .blognextprev_box a { margin-bottom:8px; display:block; }
.hs-blog-post .blogpost_view .blog-previous a, .hs-blog-post .blogpost_view .blog-next a { font-style: italic; letter-spacing: 0; text-transform: initial; color: #555 }
.hs-blog-post .blogpost_view .blog-previous a:hover, .hs-blog-post .blogpost_view .blog-next a:hover { color: #0079c1 }
.hs-blog-post .blogpost_view .blog-previous { border-right: 1px solid #e0e0e0 }
.hs-blog-post .blogpost_view .blog-next { text-align: right }

.hs-blog-post .blogpost_view .blog-about-author { width:100%; display:flex; border:none; margin-top:30px; padding: 25px; position: relative; background: #fff; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) }
.blogpost_view .blog-author-img { width: 90px; height: 90px; position: relative; top: 0; left:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: inline-block }
.blogpost_view .blog-author-text { padding-left: 30px; width:calc(100% - 90px); line-height:24px; }
.blogpost_view .blog-author-text h3 { width:100%; display:block; margin-bottom:20px; font-size: 20px; line-height: 26px; font-weight:700; text-transform: uppercase; padding: 0; letter-spacing: 1px }
.blogpost_view .blog-author-text h3:after { content: ''; margin: 10px 0 5px; width: 35px; height: 2px; background: #0079c1; display: block }
.blogpost_view .blog-author-text h3 a { color: #1a1a1a }
.blogpost_view .blog-author-text h3 a:hover { color: #0079c1 }
 
.blogpost_view .relatedpost_main { width:100%; display:block; } 
.blogpost_view .relatedpost_main .relatedtitle_top { margin-bottom:30px; font-size: 16px; line-height: 26px; width:100%; display:inline-block; padding: 12px 10px; color: #fff; font-weight: normal; background: #003868; text-align: center; text-transform: uppercase; position: relative; letter-spacing: .7px }
.blogpost_view .relatedpost_main .relatedtitle_top:after { content: ''; border: 1px solid rgba(255, 255, 255, 0.5); position: absolute; top: 5px; bottom: 5px; right: 5px; left: 5px }

.blogpost_view .relatedpost_main h3.blog-related-posts__title { margin:20px 0 15px; }
.blogpost_view .relatedpost_main article.blog-related-posts__post { width:50%; text-align:center; margin-bottom:30px; }
.blogpost_view .relatedpost_main article.blog-related-posts__post img.blog-related-posts__image { height:230px; width:100%; }

.relatedpost_main ul.slick-dots { padding-top:0; }
.relatedpost_main ul.slick-dots li button { width: 12px; height: 12px; padding: 0; border: 0; background: #777; }
.relatedpost_main ul.slick-dots li button:hover, .relatedpost_main ul.slick-dots li.slick-active button { background:#0073b9; }
 
.postauthor_box { width:calc(100% - 30px); display:flex; border:none; margin:0 15px 40px; padding: 25px; position: relative; background: #fff; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) }
.postauthor_box .blog_author_img { width: 90px; height: 90px; position: relative; top: 0; left:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: inline-block }
.postauthor_box .blog_author_text { padding-left: 30px; width:calc(100% - 90px); line-height:24px; }
.postauthor_box .blog_author_text h3 { width:100%; display:block; margin-bottom:20px; font-size: 20px; line-height: 26px; text-transform: uppercase; padding: 0; letter-spacing: 1px }
.postauthor_box .blog_author_text h3:after { content: ''; margin: 10px 0 5px; width: 35px; height: 2px; background: #0079c1; display: block }
.postauthor_box .blog_author_text h3 a { color: #1a1a1a }
.postauthor_box .blog_author_text h3 a:hover { color: #0079c1 }

.bloginner_wrap .bloginner-icon ul li { padding:0; }
.bloginner_wrap .bloginner-icon ul li:nth-child(1) a:before { content:"\f082"; }
.bloginner_wrap .bloginner-icon ul li:nth-child(2) a:before { content:"\f099"; }
.bloginner_wrap .bloginner-icon ul li:nth-child(3) a:before { content:"\f0e1"; }
    
/*events_blog*/
.events_blog .post_listing .post_item { width:100%; margin:0 0 30px; }
.events_blog .post_listing .post_item .post_content { width:100%; padding:30px 40px; }
.events_blog .post_listing .post_item .post_title a { font-size:26px; line-height:34px; }
.events_blog .recentpost_box .popular-text { width:100%; padding-left:0; }
.events_blog .post_listing .post_item .btn_style1 { margin-top:20px; }
.events_blog .post_listing .post_item .post-date { position:relative; padding-bottom: 10px; }
.events_blog .post_listing .post_item .post-date:before { position:absolute; content:""; left:50%; bottom:0; width:60px; margin-left: -30px; height:1px; background:#777; }
.events_blog .bloginner-hero .blog-about { border:none; }

.sidebarcta_box { text-align:center; background:#0079c1; }
.sidebarcta_box h3 { width:100%; display:inline-block; background:rgba(0,0,0,0.1); font-weight:700; color:#fff;font-size: 22px; line-height: normal; padding: 15px; text-transform: none; margin-bottom:20px; }
.sidebarcta_box h4 { color: #fff; font-weight: 600; font-size:26px; line-height:32px; margin-bottom:15px; }
.sidebarcta_box .sidebarcta_boxtext { color:#fff; }
.sidebarcta_box .hs-cta-wrapper .cta_button{float:none;display:inline-block;vertical-align:top;padding:18px 10px 18px 10px;color:#0079c2;border-radius:5px;background-color:#fff;font-weight:600;font-family:Montserrat;min-width:260px;text-align:center}
.sidebarcta_box .hs-cta-wrapper .cta_button:hover{background-color:#01a9b5;color:#fff}
.sidebarcta_btncta { margin:30px 0; width:100%; text-align:center; }

.events_blog .post_listing_left .blog-pagination a { background:#0079c2; border-color:#0079c2; }
.events_blog .post_listing_left .blog-pagination a:hover { background:transparent; color:#0079c2; border-color:#0079c2; }
.events_blog .post_listing_left a.blog-pagination__link--active { color:#0079c2;  background:transparent;}    

.eventbloghero_area .heronew-content h1 { color:#0079c2; }
.eventbloghero_area .heronew-content h4 { color:#032350; margin-top:10px; font-weight:700; }


.hs-content-path-blog-all .featured-search { display: none; }
.hs-content-path-blog-all .featured-search + .most-recent { padding-top: 90px; }








@media (min-width:1201px) and (max-width:1440px){
    .featured-search .inner .search-wrapper:after { right: -60px; }
}

@media (min-width:768px) and (max-width:1200px){
    
    /* Blog Listing Page */
    .blog-header { padding-top: 70px; }
    .featured-search { padding-top: 50px; }
    .featured-search .inner .featured-wrapper .list { display: inline-block !important; }
    .featured-search .inner .featured-wrapper .list .image { width: 100%; height: 250px; }
    .featured-search .inner .featured-wrapper .list .right-content { width: 100%; border-radius: 0; padding: 30px 15px; }
    .featured-search .inner .featured-wrapper { padding-right: 25px; }
    .featured-search .inner .search-wrapper:after { display: none; }
    .most-recent .post-wrapper { padding-right: 40px; margin: 0; }
    .most-recent .post-wrapper .single-post { margin: 0 0 40px; width: 100%; }
    
    .row-fluid .bloginner-author1 { padding-left: 20px; width: calc(100% - 110px); }
    h3.blog-related-posts__title { font-size: 12px; line-height: 18px; }
    .row-fluid .follow-icon.right-box { padding: 20px 10px 40px; }
    
    .bloglisting_area { padding:60px 0; }
    .bloglisting_area .post_listing_left { width:60%; }
    .bloglisting_area .blogsidebar { width:40%; } 
    .post_listing .post_item { width:100%; margin:0 0 30px; }
    
    .hs-blog-post .blog-post-main { padding:60px 0; }
    .blog-right .bloginquiries_box .bloginquiries_boxtext { margin:25px 0 0; }
    .blogpost_view .blog-author-text { padding-left:40px; }
    .hs-blog-post .blogpost_view .blog-previous, .hs-blog-post .blogpost_view .blog-next { width:49%; }
    .bloginquiries_box .bloginquiries_boxtext a { margin:0 15px 20px; }
    
    .hs-blog-post .blogpost_view .blog-left { width: 57.2%; }
    .hs-blog-post .blogpost_view .blog-right { width: 40%; }
    .hs-blog-post .blogpost_view .blog-left .hs-featured-image-wrapper { height:350px; }
    
    .postauthor_box { width:100%; margin:0 0 40px; }
    
    
    
}

@media (max-width:767px){
    
    /* Blog Listing Page */
    .blog-header { padding-top: 50px; }
    .featured-search { padding: 50px 0 0; }
    .featured-search .inner { display: block; }
    .featured-search .inner .featured-wrapper { width: 100%; padding: 0; }
    .featured-search .inner .featured-wrapper .list { display: block !important; }
    .featured-search .inner .featured-wrapper .list .image { width: 100%; margin: 0; height: 250px; }
    .featured-search .inner .featured-wrapper .list .right-content { width: 100%; border-radius: 0; padding: 30px 15px 50px; }
    .featured-search .inner .slick-dots { right: auto; top: auto; bottom: 20px; left: 0; text-align: center; }
    .searchbox_input { margin-top: 25px; }
    .featured-search .inner .search-wrapper:after { display: none; }
    .title-strip { display: block; padding: 15px; }
    .title-strip h5 { margin-bottom: 5px; }
    .title-strip a svg { position: relative; top: 2px; }
    .most-recent .inner { display: block; }
    .most-recent .post-wrapper { display: block; margin: 0; width: 100%; padding: 0 0 30px; }
    .circle { display: none; }
    .most-recent .post-wrapper .single-post { width: 100%; margin: 0 0 30px; }
    .most-recent .sidebar .widget.gradient { margin-bottom: 10px; }
    .widget-module { padding: 0 8px; }
    .most-recent .sidebar .widget.gradient { margin-bottom: 30px; }
    .featured-search .inner .search-wrapper { width: 100%; }
    .most-recent .sidebar { width: 100%; }
    .featured-search .search-wrapper .searchbox_input input { max-width:100%; }
    
    /* Blog Inner Page */
    .blog-inner-hero { padding: 80px 0; }
    .hs-blog-post .blog-post-main { padding: 50px 0; }
    .hs-blog-post .blog-post-main .wrapper { padding: 0 15px; }
    .hs-blog-post .blog-left { padding: 20px 15px; }
    .hs-blog-post .blog-left .hs-featured-image-wrapper { margin: 0 -15px; height: 250px; }
    .row-fluid .bloginner-icon { margin: 0 -15px 10px; }
    .hs-blog-post .about-author-sec { text-align: center; }
    .row-fluid .bloginner-author1 { padding: 20px 0 0; width: 100%; }
    .row-fluid .bloginner-img { float: none; display: inline-block; vertical-align: top; }
    article.blog-related-posts__post { width: 100%; padding: 0 0 25px; }
    .blog-related-posts__list { margin: 0; }
    article.blog-related-posts__post:last-child { padding-bottom: 5px; }
    .row-fluid .blog-comments.blog-form .hs-form fieldset.form-columns-2 .field:first-child { padding-right: 0; width:100%; }
    .row-fluid .blog-comments.blog-form .hs-form fieldset.form-columns-2 .field { padding-left: 0; width:100%; }
    .hs-blog-post .blog-left { margin-bottom: 50px; }
    article.blog-related-posts__post img.blog-related-posts__image { height:auto; width:100%; }
    
    /*news2021*/
    .bloglisting_area { padding:40px 0; }   
    .bloglisting_area .post_listing_left { width:100%; padding:0; }
    .bloglisting_area .blogsidebar { width:100%; }  
    .post_listing .post_item { width:100%; margin:0 auto 30px; max-width:400px; }
    .post_listing .post_item .post_content { padding:30px 20px 80px; }
    .post_listing_left .blog-pagination { padding:0 0 30px; text-align: center; }
    
    .hs-blog-post .blogpost_view .blog-previous, .hs-blog-post .blogpost_view .blog-next { width:100%; }
    .hs-blog-post .blogpost_view .blog-previous { border:none; text-align:center; margin-bottom:30px; }
    .hs-blog-post .blogpost_view .blog-next { text-align:center; }
    
    .hs-blog-post .blogpost_view .blog-about-author { text-align:center; flex-direction: column;  justify-content: center; }
    .blogpost_view .blog-author-text h3:after { margin:20px auto; }
    .blogpost_view .blog-author-img { margin:0 auto; }
    .blogpost_view .blog-author-text { width:100%; padding:20px 0 0; }
    .hs-blog-post .blogpost_view .blog-right { margin-top:30px; }
     
    .postauthor_box { text-align:center; justify-content:center; flex-direction: column; margin:0 auto 30px; max-width:400px; width:100%; }
    .postauthor_box .blog_author_text { width:100%; padding:20px 0 0; }
    .postauthor_box .blog_author_text h3:after { margin:10px auto 0; }
    .postauthor_box .blog_author_img { margin:0 auto;  } 
    
    .events_blog .post_listing .post_item { margin:0 auto 30px; }
    .events_blog .post_listing .post_item .post_content { padding:20px 20px; }
    .events_blog .post_listing .row-fluid .btn_style1 a { min-width:200px; padding:15px 10px 15px 10px; }
    .bloglisting_area .blogsidebar { max-width: 400px; margin: 0 auto; width:100% }
     
     
    
    
     
    
}
/* Member Login */
.member-login .systempage-box .form-container { text-align: left; margin-top: 25px; }
.member-login h2 { margin-bottom: 15px; font-size: 40px; }
.member-login .systempage-box .form-container .hs-form-field { margin-bottom: 20px; position:relative; }
.member-login .systempage-box .form-container .hs-form-field label { font-weight: 500; }
.systempage-box .hs_submit.hs-submit { margin-top: 20px; margin-bottom: 10px; }

.systems-page form input[type="checkbox"], .systems-page form input[type="radio"] { position: absolute; left: 0; margin: 0; top: 0; opacity: 0; width: 20px; height: 20px; }
.systems-page form input[type="radio"] { top: 3px; }
.systems-page form input[type="checkbox"] + label, .systems-page form input[type="checkbox"] + span { line-height: 22px; position: relative; display: block; padding-left:42px; margin:0; }
.systems-page form input[type="checkbox"] + label:before, .systems-page form input[type="checkbox"] + span:before { position: absolute; left: 0; top: -4px; content: ''; width: 30px; height: 30px; border: 1px solid #404040; color: #404040; background: #ffffff; border-radius:5px; }
.systems-page form input[type="checkbox"]:checked + label:before, .systems-page form input[type="checkbox"]:checked + span:before { background: #ffffff; color: #404040; }
.systems-page form input[type="checkbox"]:checked + label:after, .systems-page form input[type="checkbox"]:checked + span:after { background: #3399ff; position: absolute; left: 5px; top: 1px; content: ""; height:20px; width:20px; border-radius:5px; }
.systems-page form input[type="radio"] + label:before, .systems-page form input[type="radio"] + span:before { position: absolute; left: -2px; top: 2px; content: ''; width: 20px; height: 20px; border: 1px solid #ffffff; background: #ffffff; border-radius: 100%; }
.systems-page form input[type="radio"]:checked + label:after, .systems-page form input[type="radio"]:checked + span:after { position: absolute; left: 2px; top: 7px; content: ''; width: 11px; height: 11px; border-color: #ffffff; background: #ffffff; border-radius: 100%; }

.systems-page .form-input-validation-message { display:inline-block; vertical-align:top; width:100%; margin-bottom:10px; font-weight:500; }

/* Subscription Preferences Page */
.subscribe-preference .systems-page { max-width: 1170px; }
.subscribe-preference form { text-align: left; }
.subscribe-preference form .page-header { text-align: center; }
.subscribe-preference form .item { display: inline-block; vertical-align: top; width: 100%; margin: 20px 0 0; background: #fefefe; padding: 15px; border-radius: 5px; position:relative; }
.subscribe-preference form .item .checkbox-row { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 10px; font-weight: 600; }
.subscribe-preference form p.header { margin-top: 15px; }
.subscribe-preference form .hs-button { margin-top: 25px; }
.subscribe-preference form .subscribe-options p.header + p { position: relative; }
.subscribe-preference .systems-page form input[type="checkbox"] { height:100%; width:100%; z-index:1; }

/* Error pages */

.error-section h1 { margin-bottom:15px; }

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-family: Lato, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 760px;
  padding: 3rem 1.4rem;
}

.systempage-box {
    padding: 50px 30px;
    background: #f5f5f5;
    text-align: center;
    border-radius: 8px;
}

.systems-page h3 { margin:15px 0; }

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: 30px 15px;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

#email-prefs-form .header {
  background-color: transparent;
}

/* Search pages */

.hs-search-field__bar {
  position: relative;
}

.hs-search-field__suggestions {
  background-color: #FFF;
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}

.hs-search-results {
  margin-top: 1.4rem;
}

ul.hs-search-results__listing li {
  margin-bottom: 1.4rem;
}

.hs-search-results__title {
  color: #494A52;
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

.hs-search-highlight {
  font-weight: bold;
}

.hs-search-results__pagination a {
  color: #0270E0;
}

/* Password prompt */

.password-prompt input[type=password] {
  display: block;
  height: 55px !important;
  margin-bottom: 1.4rem;
    margin-top:15px !important;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

@media (max-width:767px){
    .systempage-box { padding: 30px 15px; }
    .member-login h2 { font-size: 24px; line-height: 32px; }
    
    .subscribe-preference form .page-header h2 { font-size: 18px; line-height: 24px; }
    .systems-page form input[type="checkbox"]+label:before,
    .systems-page form input[type="checkbox"]+span:before { height: 20px; width: 20px; top: 4px; }
    .systems-page form input[type="checkbox"]+label,
    .systems-page form input[type="checkbox"]+span { padding-left: 30px; }
    .systems-page form input[type="checkbox"]:checked+label:after,
    .systems-page form input[type="checkbox"]:checked+span:after { height: 14px; width: 14px; left: 3px; top: 7px; }
    .subscribe-preference form .hs-button { font-size: 14px; }
    
}

/* Homepage */
.hero-section { position: relative; padding: 200px 0 0; }
.hero-section:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/herobg.png') no-repeat center / cover; }
.hero-section .wrapper { position: relative; }
.hero-section:after { position: absolute; content: ""; height: 139px; width: 156px; top: 0; right: 0; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/hero-dots.png') no-repeat center / cover; }
.hero-raw { position: relative; }
.hero-raw .pattern { position: absolute; top: -100px; right: 0; }
.hero-banner:before { position: absolute; content: ""; height: 580px; width: 100%; left: 0; bottom: 0; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/hero-curve.png') no-repeat; background-position: top center; background-size: cover; }
.hero-section .hero-lines { position: absolute; content: ""; left: 0; bottom: 100%; }
.hero-subtitle { font-size: 24px; }
.hero-raw h1 { margin-bottom: 10px; }
.hero-features ul { padding: 0; margin: 25px 0; list-style-type: none; display: inline-block; vertical-align: top; width: 520px; }
.hero-features ul li { float: left; width: 50%; position: relative; }
.hero-features { font-size: 16px; }
.hero-features ul li:after { position: absolute; content: ""; height: 100%; width: 1px; background: #fff; top: 0; right: 0; }
.hero-features ul li:last-child:after { display: none; }
.hero-features ul li:first-child { padding-right: 40px; }
.hero-features ul li:last-child { padding-left: 40px; }
.hero-ctabox { margin-bottom:50px; }
.hero-ctabox .hero-cta { display: inline-block; vertical-align: top; width: auto; } 
.hero-ctabox .hero-cta a { float: none; display: inline-block; vertical-align: top; width: 260px; max-width: 100%; padding: 18px 10px 18px 50px; font-weight:600; color: #fff; background-image: linear-gradient(145deg, #02a9b5 0%, #01555b 100%); border-radius: 5px; position: relative; }
.hero-ctabox .hero-cta a:hover { background-image: linear-gradient(145deg, #01555b 0%, #02a9b5 100%); }
.hero-ctabox .hero-cta2 a { background: #0b3344; background: -moz-linear-gradient(left,  #0b3344 0%, #123949 57%, #183d4e 78%, #1e4353 100%); background: -webkit-linear-gradient(left,  #0b3344 0%,#123949 57%,#183d4e 78%,#1e4353 100%); background: linear-gradient(to right,  #0b3344 0%,#123949 57%,#183d4e 78%,#1e4353 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3344', endColorstr='#1e4353',GradientType=1 ); }
.hero-ctabox .hero-cta2 a:hover { background-image: linear-gradient(145deg, #01555b 0%, #02a9b5 100%); }
.hero-ctabox .hero-cta1 { margin-right: 20px; }
.hero-ctabox .hero-cta2 { margin-left: 20px; }
.hero-ctabox .hero-cta1 a:before { position: absolute; content: ""; height: 30px; width: 48px; left: 20px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/cta1-icon.svg') no-repeat center; background-size: 30px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.hero-ctabox .hero-cta2 a:before { position: absolute; content: ""; height: 40px; width: 48px; left: 14px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/cta2-icon.svg') no-repeat center; background-size: 40px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.hero-imgbox { display: inline-block; vertical-align: top; width: 100%; margin-bottom: -350px; position: relative; }
.hero-imgbox img { position: relative; margin-left: 0; }

.stats-section { padding: 235px 0 50px; display: inline-block; vertical-align: top; width: 100%; }
.stats-col { float: left; width: 33.33%; padding: 0 35px; }
.stats-colinner { background-color: #0079C2; box-shadow: 25px 10px 25px rgba(0, 0, 0, 0.16); border-radius: 30px; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; }
.stats-box { display: inline-block; vertical-align: top; width: 100%; padding: 22px 20px 32px 20px; font-size: 24px; }
.stats-box .stats-digit { font-size: 65px; font-weight: 200; margin-bottom: 5px; }
.stats-wrap { display: inline-block; vertical-align: top; width: 100%; position: relative; z-index: 1; }
.stats-colinner:hover { box-shadow: 0px 40px 25px rgba(0, 0, 0, 0.16); }

.benefits-section { display: inline-block; vertical-align: top; width: 100%; padding: 80px 0; position: relative; }
.benefits-section:before { position: absolute; content: ""; height: 615px; width: 615px; max-width:100%; left: 0; top: 50%; background-color: #ebf3fe; border-radius: 0 90px 90px 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.benefits-section .benefits-lines { position: absolute; content: ""; height: 480px; width: 468px; right: 100px; bottom: 150px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/benifits-lines.png') no-repeat center / cover; max-width: 100%; }
.benefits-raw { display: inline-block; vertical-align: top; width: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); border-radius: 25px; padding: 40px 40px 10px 85px; position:relative; background:#fff; z-index:1; }
.benefits-left { float: none; display: inline-block; vertical-align: middle; width: 38%; margin: 0 -2px; }
.benefits-left h2 { font-weight: 700; }
.benefits-left h2 span { color: #01A9B5; }
.benefits-right { float: none; display: inline-block; vertical-align: middle; width: 62%; margin: 0 -2px; padding-left: 180px; position: relative; }
.benefits-col { float: left; width: 50%; text-align: center; padding: 0 20px; margin-bottom: 40px; }
.benefits-col a { color:#404040; }
.benefits-col .benefits-icon { background-image: linear-gradient(-36deg, #ffffff 0%, #bbd5fa 100%); height: 135px; width: 135px; display: flex; align-items: center; justify-content: center; margin: 0 auto; box-shadow: 25px 10px 25px rgba(0, 0, 0, 0.12); border-radius: 30px; transition:all ease-in-out 2s; -moz-transition:all ease-in-out 2s; -webkit-transition:all ease-in-out 2s; -ms-transition:all ease-in-out 2s; -moz-transition:all ease-in-out 2s; }
.benefits-col .benefits-icon img { max-height: 80px; width: auto; }
/* .benefits-col:hover .benefits-icon { animation: shake 2s infinite; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } */
.benefits-title { font-size: 20px; font-weight: 700; margin-top: 15px; }
.benefits-section .wrapper { width: 1230px; max-width: 100%; }
.benefits-right:before { position: absolute; content: ""; height: 22px; width: 57px; left: 50px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/benefits-arrow.png') no-repeat center / cover; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); opacity:1; transition:all ease-in-out 1s; -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -ms-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; }

.servicebox-section { display: inline-block; vertical-align: top; width: 100%; padding: 170px 0 50px; counter-reset: service-counter; }
.servicebox-section .wrapper { width: 1610px; max-width: 100%; }
.home-service-col { float: left; width: 33.33%; text-align: center; padding: 0 20px 0; position: relative; margin-bottom: 150px; }
.home-service-icon { display: flex; margin: -75px auto 0; width: 235px; max-width: 100%; height: 135px; align-items: center; text-align: center; justify-content: center; background: #fff; padding: 0 25px; }
.home-service-icon img { max-height: 115px; width: auto; float: none; display: inline-block; vertical-align: top; }
.home-service-title { margin: 20px 0; }
.home-service-content { text-align: left; }
.home-service-colinner { border: 1px solid #3399ff; }
.home-service-box { padding: 0 25px 60px 25px; }
.home-service-col:after { position: absolute; counter-increment: service-counter; content: counter(service-counter); height: 83px; width: 188px; text-align: center; left: 50%; bottom: -41px; background-color: #3399ff; border-radius: 10px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 50px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.experience-main-section { position: relative; }
.container-fluid.experience-main-section.container { }
.experience-main-section:after { position: absolute; content: ""; height: 100%; width: 485px; right: 0; top: 0; background-color: #0079c2; border-radius: 25px 0 0 25px; }
.container .dnd-section > .row-fluid { position: relative; z-index: 1; }
.experience-main-section .dnd-column { float: left; width: 50%; margin: 0; }
.experience-main-section .dnd-column:last-child { padding-left: 50px; }
.experience-main-section .dnd-column:last-child img { width: 100% !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); border-radius: 25px; }
.experience-main-section h3 { margin-bottom: 20px; }
.experience-main-section .hs_cos_wrapper_type_rich_text { margin-bottom: 25px; display: inline-block; vertical-align: top; width: 100%; }
.experience-main-section .dnd-column:first-child .hs_cos_wrapper_type_text { color: #00477c; }
.experience-main-section .dnd-column:first-child .dnd-row:nth-child(3) { margin-bottom: 20px; display: inline-block; vertical-align: top; width: 100%; }
.experience-main-section .dnd-column:first-child .dnd-row:nth-child(4) .span6 { display: inline-block; vertical-align: middle; width: auto; color: #00477c; margin: 0; padding-right: 15px; } 
.experience-main-section .dnd-column:first-child .dnd-row:nth-child(4) .span6 strong { font-weight:600; }

.all-solutions-section { display: inline-block; vertical-align: top; width: 100%; padding: 160px 0 90px; position: relative; }
.solution-dots { position: absolute; top: 0; right: 0; width: auto; height: auto; margin-top:30px; }
.all-solutions-section .title-section h3 { padding-bottom: 20px; position: relative; }
.all-solutions-section .title-section h3:after { position: absolute; content: ""; height: 3px; width: 160px; background: #0b3344; left: 0; bottom: 0; right: 0; margin: 0 auto; }
.all-solutions-wrap { display: inline-block; vertical-align: top; margin-top: 50px; width:100%; }
.all-solutions-col { float: left; width: 50%; padding: 0 50px; margin-bottom: 50px; position:relative; }
.all-solutions-section .wrapper { width: 1100px; max-width: 100%; }
.all-solutions-icon { float: none; vertical-align: top; height: 265px; width: 265px; border-radius: 100%; background-color: #01a9b5; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; }
.all-solutions-col:nth-child(2) .all-solutions-icon img { position:relative; top:-15px; left:35px; }
.all-solutions-title { margin-top: 35px; }
.solution-learn-link a { font-weight:600; }
.all-solutions-col:nth-child(even):before { position: absolute; content: ""; height: 45px; width: 47px; left: -15px; top: 110px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/plusicon.png') no-repeat center / cover; }

.our-swsytem-wrap { display: flex; align-items: center; }
.our-swsytem-left { float: left; width: 50%; position: relative; left: -100px; }
.our-swsytem-right { float: left; width: 50%; padding-right: calc((100% - 1170px)/2); position:relative; padding-left: 50px; }
.our-swsytem-circle { position: absolute; top: -160px; left: 300px; height: 400px; width: 400px; background-image: linear-gradient(269deg, #408af5 0%, rgba(32, 69, 123, 0) 100%); border-radius: 100%; opacity: 0.1; }
.our-swsytem-content { margin: 15px 0 30px; }
.our-swsytem-btn a { display: inline-block; vertical-align: top; padding: 18px 78px; background: #0b3344; background: -moz-linear-gradient(left,  #0b3344 0%, #123949 57%, #183d4e 78%, #1e4353 100%); background: -webkit-linear-gradient(left,  #0b3344 0%,#123949 57%,#183d4e 78%,#1e4353 100%); background: linear-gradient(to right,  #0b3344 0%,#123949 57%,#183d4e 78%,#1e4353 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3344', endColorstr='#1e4353',GradientType=1 ); color: #fff; font-weight: 600; border-radius: 5px; }
.our-swsytem-btn a:hover { background-image: linear-gradient(145deg,#02a9b5 0%,#01555b 100%); }

.live-support-wrap { display: flex; align-items: center; width: 100%; }
.live-support-left { float: left; width: 50%; padding-right: 80px; }
.live-support-right { float: left; width: 50%; position: relative; }
.live-support-content { margin-top: 23px; }
.live-support-content ul { padding: 0; margin: 0; list-style-type: none; }
.live-support-content ul li { display: inline-block; vertical-align: top; width: 100%; margin-top: 50px; position: relative; padding-left: 60px; opacity:0; visibility:hidden; top:30px; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -ms-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; }
.live-support-content ul li:before { position: absolute; content: ""; height: 37px; width: 41px; left: 0; top: -9px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/list-icon.png') no-repeat center / cover; }
.live-support-right img { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 25px; position: relative; z-index: 1; }
.live-support-right .support-dots img { box-shadow: none; border-radius: 0; z-index: 0; }
.live-support-right .support-dots { position: absolute; left: -60px; bottom: -60px; }
.live-support-left.go .live-support-content ul li { top:0px; opacity:1; visibility:visible; }
.live-support-left.go .live-support-content ul li:nth-child(2) { transition-delay: 0.5s; }
.live-support-left.go .live-support-content ul li:nth-child(3) { transition-delay: 1s; }
.live-support-left.go .live-support-content ul li:nth-child(4) { transition-delay: 1.5s; }
.live-support-left.go .live-support-content ul li:nth-child(5) { transition-delay: 2s; }
.live-support-left.go .live-support-content ul li:nth-child(6) { transition-delay: 2.5s; }
.live-support-left.go .live-support-content ul li:nth-child(7) { transition-delay: 3s; }

.blog-feed-section h2 { font-weight: 700; }
.blog-feed-section .slick-list { padding-bottom:50px; }
.blog-feed-section .title-section { float: none; margin: 0 auto; width: 1080px; max-width: 100%; }
.blog-feed-raw { display: inline-block; vertical-align: top; width: 100%; margin-top:50px; }
.blog-feed-image { display: inline-block; vertical-align: top; width: 100%; height: 290px; }
.blog-feed-colin { padding: 0 35px; text-align: center; position:relative; }
.blog-feed-colin a.blog-link { position:absolute; top:0; left:0; height:100%; width:100%; }
.blog-feed-section .wrapper { width: 1630px; max-width: 100%; }
.blog-feed-section .post-title { display:inline-block; vertical-align:top; width:100%; }
.blog-feed-content { display: inline-block; vertical-align: top; width: 380px; max-width: 100%; background: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 10px; padding: 18px 25px 15px; position: relative; margin-top: -30px; }
.blog-feed-content .post-title a { color: #0b3344; font-weight: 700; display:inline-block; vertical-align:top; width:100%; }
.blog-feed-content .blog-feed-date { color: #707070; font-weight: 300; display: inline-block; vertical-align: top; margin: 5px 0 18px; }
.blog-feed-link a { float: none; display: inline-block; vertical-align: top; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 5px; font-size: 12px; font-weight: 700; padding: 5px 35px 5px 15px; color: #3399ff; position: relative; }
.blog-feed-link a:after { position: absolute; content: ""; height: 12px; width: 15px; right: 9px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/read-arrow.png') no-repeat center / cover; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -ms-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; }
.blog-feed-link a:hover { box-shadow: none; background: #3399ff; color: #fff; }
.blog-feed-link a:hover:after { background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/whiteread-arrow.png') no-repeat center / cover; }
.blog-feed-section .slick-arrow { top:130px; margin:0; }
.blog-feed-wrap { display: inline-block; vertical-align: top; width: 100%; padding:0 90px; } 

.live-demo-section .wrapper { width: 940px; max-width: 100%; }
.live-demo-wrap { display: inline-block; vertical-align: top; width: 100%; position:relative; }
.live-demo-wrap h2 { font-weight: 700; }
.live-demo-wrap .live-demo-text { display: inline-block; vertical-align: top; width: 100%; margin: 70px 0; padding: 0 70px; }
.live-demo-box { display: inline-block; vertical-align: top; width: 100%; position:relative; }  
.live-demo-title h2 { position: relative; background: #fff; display: inline-block; vertical-align: top; width: auto; margin-top: -34px; padding: 0 20px; z-index:1; }
.live-demo-cta a { float: none; display: inline-block; vertical-align: top; width: 260px; max-width: 100%; padding: 18px 10px 18px 50px; font-weight: 600; color: #fff; background: #0b3344; background: -moz-linear-gradient(left,  #0b3344 0%, #123949 57%, #183d4e 78%, #1e4353 100%); background: -webkit-linear-gradient(left,  #0b3344 0%,#123949 57%,#183d4e 78%,#1e4353 100%); background: linear-gradient(to right,  #0b3344 0%,#123949 57%,#183d4e 78%,#1e4353 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3344', endColorstr='#1e4353',GradientType=1 ); border-radius: 5px; position: relative; margin-bottom: -28px; position:relative; z-index:1; }
.live-demo-cta a:hover { background-image: linear-gradient(145deg,#02a9b5 0%,#01555b 100%); }
.live-demo-cta a:before { position: absolute; content: ""; height: 40px; width: 48px; left: 14px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/cta2-icon.svg') no-repeat center; background-size: 40px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.livedemo-circle { position: absolute; top: -180px; right: -260px; height: 400px; width: 400px; background-image: linear-gradient(269deg, #408af5 0%, rgba(32, 69, 123, 0) 100%); border-radius: 100%; opacity: 0.1; }

.live-demo-title { display: inline-block; vertical-align: top; width: 100%; position: relative; }
.live-demo-title:before { position: absolute; content: ""; height: 1px; width: 16%; left: 150px; top: 0; background: #01A9B5; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; }
.live-demo-title:after { position: absolute; content: ""; height: 1px; width: 0; right: 0; top: 0; background: #01A9B5; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; }
.live-demo-box:before { position: absolute; content: ""; height: 0; width: 1px; left: 0; top: 0; background: #01A9B5; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; }
.live-demo-box:after { position: absolute; content: ""; height: 0; width: 1px; right: 0; bottom: 0; background: #01A9B5; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; }
.live-demo-wrap:after { position: absolute; content: ""; height: 1px; width: 0; left: 0; bottom: 0; background: #01A9B5; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; }

.request-main-section.active .live-demo-title:before { left:0; transition-delay:0.5s; }
.request-main-section.active .live-demo-box:before { height:100%; transition-delay:1s; }
.request-main-section.active .live-demo-wrap:after { width:100%; transition-delay:1.5s; }
.request-main-section.active .live-demo-box:after { height:100%; transition-delay:2s; }
.request-main-section.active .live-demo-title:after { width:16%; transition-delay:2.5s; }

/* .free-demo-raw .row-fluid .hs-form .hs-form-field label {display:none}*/

/* Contact Us Page */
.contact-hero.container .dnd-section > .row-fluid { margin-bottom:-410px !important; }
.contact-hero { background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/contactbgcolor.png') no-repeat center / cover; position: relative; color: #fff; margin-bottom:350px; }
.contact-hero h1 { color: #fff; margin-bottom: 15px; position:relative; text-transform: capitalize; }
.contact-hero h1:before { position: absolute; content: ""; height: 400px; width: 400px; left: -80px; top: -130px; background-image: linear-gradient(180deg, #ffffff 0%, rgba(128, 128, 128, 0) 100%); border-radius: 100%; opacity: 0.04; }
.contact-hero h1 span { color: #223E5D; }
.contact-hero .span6:first-child { padding-right: 60px; }
.contact-hero .span6:first-child .dnd-row:last-child { color:#404040; }
.contact-box-wrap { display: inline-block; vertical-align: top; width: 100%; margin-top: 100px; margin-bottom:40px; }
.contact-box-col { float: none; display:inline-block; vertical-align:top; width: 33.33%; margin:0 -2px; }
.contact-box-colin { float: left; width: 170px; max-width: 100%; padding-right: 20px; }
.contact-support-title { color: #408AF4; font-weight: 700; margin-bottom: 2px; }
.contact-support-text { color: #448df4; font-size: 14px; }
.contact-support-icon { display: flex; align-items: center; height: 84px; width: 100px; justify-content: center; margin: 0 auto 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); background: #fff; border-radius: 15px; }
.contact-support-icon img { max-height: 70px; width: auto; }
.contact-hero .span6:last-child { padding: 40px 65px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 10px; }
.contact-hero .span6:last-child h3 { font-weight: 400; font-size: 30px; color: #3399ff; margin-bottom: 25px; }
.contact-hero .row-fluid .hs-form ul.hs-error-msgs label { color: #fff; font-weight: 600; }
.contact-hero .submitted-message { color:#fff; font-weight:600; height:800px; display:flex; align-items:center; justify-content:center; }

.customer-support-section { display: inline-block; vertical-align: top; width: 100%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/customerbg.png') no-repeat center / cover; position: relative; padding: 160px 0 391px; margin-top:70px; }
.customer-support-section:after { position: absolute; content: ""; height: 877px; width: 100%; left: 0; bottom: 0; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/support-curve.png') no-repeat center / cover; }
.customer-support-section .wrapper { position: relative; z-index: 1; }
.customer-support-wrap { display: flex; align-items: center; }
.customer-support-left { float: left; width: 50%; padding-right:10px; }
.customer-support-right { float: left; width: 50%; padding-left:15px; position:relative; }
.customer-support-right:after { position: absolute; content: ""; height: 160px; width: 160px; border-radius: 100%; top: -60px; right: -50px; background: transparent; opacity: 0.2; border: 20px solid #fff; }
.customer-support-title h3 { font-weight: 700; font-size:40px; }
.customer-support-subtext { display: inline-block; vertical-align: top; width: 100%; margin: 18px 0; padding-right: 120px; }
.customer-support-cta a { float: none; display: inline-block; vertical-align: top; background-color: #ffffff; border-radius: 5px; font-weight: 600; color: #223e5d; padding: 18px 34px; }
.customer-support-cta a:hover { background:#01A9B5; color:#fff; }
.support-sliderwrap { margin-top: 90px; }
.support-slidertext { font-style: italic; font-weight: 300; }
.support-slidercolin { padding-right: 90px; position: relative; }
.support-slidername { margin-top: 20px; font-weight: 700; }
.support-slidercolin:before { position: absolute; content: ""; height: 121px; width: 137px; right: calc(100% + 30px); top: 0; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/slide-quote.png') no-repeat center / cover; }
.customer-support-right iframe { width: 100% !important; position:relative; z-index:1; }

.contact-map-colin { display: flex; align-items: center; }
.contact-map-colin .map { float: left; width: 66%; padding-right: 70px; padding-left:calc((100% - 1600px)/2); }
.contact-map-colin .address { float: left; width: 34%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); border-radius: 20px; background-color: #ffffff; padding: 45px 250px 45px 70px; color: #223e5d; position:relative; }
.contact-map-colin .address a { color: #223e5d; }
.contact-map-colin .address a:hover { color: #01A9B5; }
.contact-map-colin .map iframe { width: 100% !important; }
.map .hs-responsive-embed { width: 100% !important; max-width: 100% !important; border-radius: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); }
.contact-map-section .wrapper { width: 100%; max-width: 100%; padding:0; }
.contact-map-col { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 150px; position:relative; }
.contact-map-colin .address h4 { font-size: 30px; font-weight: 700; margin-bottom: 18px; }
.contact-map-wrap { display: inline-block; vertical-align: top; width: 100%; margin-top: -210px; position: relative; }
.contact-map-wrap .blue-shape { position: absolute; background-color: #3399ff; width: 230px; top: 0; right: 0; border-radius: 20px 0 0 20px; }
.contact-map-col:nth-child(even) .contact-map-colin { flex-direction: row-reverse; } 
.contact-map-col:nth-child(even) .contact-map-colin .map { padding-right:calc((100% - 1600px)/2);; padding-left:70px; }
.contact-map-col:nth-child(even) .blue-shape { right:auto; left:0; border-radius:0 20px 20px 0; }
.contact-map-col:nth-child(even) .address { padding:45px 120px 45px 280px; }
.contact-map-col:nth-child(even):before { position: absolute; content: ""; height: 601px; width: 472px; left: 0; top: 50%; background-image: linear-gradient(270deg, #ebf3fe 0%, rgba(200, 227, 255, 0) 100%); border-radius: 0 88px 88px 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.contact-map-colin .map .hs-responsive-embed-wrapper { height: 420px !important; }
.contact-map-colin .map .hs-responsive-embed-wrapper .hs-responsive-embed-inner-wrapper { position: absolute !important; height: 100% !important; width: 100% !important; padding: 0 !important; }

/* Service Page */ 
.inner-hero { background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/innerhero-bg.png') no-repeat center / cover; padding: 165px 0; position:relative; }
.inner-hero:before { position: absolute; content: ""; top: -130px; left: -80px; height: 225px; width: 245px; background-color: #ffffff; opacity: 0.1; border-radius: 100%; }
.inner-hero .wrapper { width: 710px; max-width: 100%; }
.inner-hero h1 { margin-bottom: 25px; }
.hero-btn a { float: none; display: inline-block; vertical-align: top; width: 365px; max-width: 100%; padding: 18px 10px 18px 55px; font-weight: 600; color: #fff; border-radius: 5px; margin-bottom: -28px; position: relative; z-index: 1; background-color: #223E5D; }
.hero-btn a:before { position: absolute; content: ""; height: 40px; width: 48px; left: 14px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/cta2-icon.svg') no-repeat center; background-size: 40px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.hero-btn a:hover { background: #01A9B5; } 
.inner-hero-text { display: inline-block; vertical-align: top; margin-bottom: 50px; }
.inner-hero .inner-herotextbox { position: relative; }
.inner-hero .hero-plane-circle { position: absolute !important; top: 0 !important; left: auto !important; right: 80px !important; width: auto !important; }
.inner-hero .scrollmagic-pin-spacer { padding-bottom: 0 !important; min-height: 1px !important; height:auto !important; width:auto !important; position:relative !important; right:0 !important; }

.feature-section .wrapper { width: 1130px; max-width: 100%; }
.feature-col { float: left; width: 33.33%; text-align: center; padding: 0 15px 50px; }
.feature-iconbox { display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 220px; width: 220px; background-image: linear-gradient(-44deg, #ffffff 0%, #bbd5fa 100%); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); border-radius: 15px; transition: all ease-in-out .5s; }
.feature-iconbox img { max-height: 180px; width: auto; }
.feature-icontitle h5 { color: #458df4; margin-top: 45px; }
.feature-wrap { display: inline-block; vertical-align: top; width: 100%; position: relative; z-index: 1; margin-top: -60px; }
.feature-col:hover .feature-iconbox { box-shadow: none; }

.imgwith-heading-section h3 { font-weight: 700; margin-bottom: 40px; }
.imgwith-heading-section .hs_cos_wrapper_type_linked_image img { display:none; }
.imgwith-heading-section .hs_cos_wrapper_type_linked_image { display: inline-block; vertical-align: top; width: 100%; height: 452px; background-size: cover; background-repeat: no-repeat; background-position: center center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 19px; position: relative; z-index:1; }
.imgwith-heading-section .widget-type-linked_image:before { position: absolute; top: -100px; left: -230px; height: 400px; width: 400px; content: ""; background-image: linear-gradient(to right, #408af5 0%, rgba(32, 69, 123, 0) 100%); border-radius: 100%; opacity: 0.1; }
.imgwith-heading-section .widget-type-linked_image { position:relative; }

.service-feature-col { padding: 95px 0; background: #ecf4fe; display: inline-block; vertical-align: top; width: 100%; position: relative; }
.service-feature-content { float: left; width: 52%; padding-right: 80px; position: relative; z-index: 1; }
.service-feature-imgbox { float: left; width: 48%; position: relative; z-index: 1; }
.service-feature-img { height: 368px; border-radius: 25px; box-shadow: 0 10px 6px rgba(0, 0, 0, 0.16); }
.service-feature-content h5 { font-size: 30px; padding-bottom: 15px; position: relative; margin-bottom: 20px; }
.service-feature-content h5:after { position: absolute; content: ""; height: 2px; width: 127px; left: 0; bottom: 0; background: #032350; }
.service-feature-col:after { position: absolute; content: ""; height: 100%; width: 640px; right: 0; top: 0; background-color: #0079C2; border-radius: 25px 0 0 25px; }
.service-feature-col:nth-child(even) { background: #fff; }
.service-feature-col:nth-child(even):after { display: none; }
.service-feature-col:nth-child(even):before { position: absolute; content: ""; height: 295px; width: 499px; right: 50px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/ecolane-leaf.png') no-repeat center / cover; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.service-feature-col:nth-child(even) .service-feature-content { padding-right:0; padding-left:80px; }
.service-feature-content .btn_style2 a { margin-top: 35px; }

.accordion-section { display: inline-block; vertical-align: top; width: 100%; padding: 130px 0 50px; counter-reset: accordion-counter; position:relative; }
.accordion-section h3 { font-weight: 700; margin-bottom: 14px; }
.accordion-section .accordion-header { color: #032350; font-size: 30px; margin-bottom: 45px; }
.accordion-section .wrapper { width: 1070px; max-width: 100%; }
.accordion-col .accordion-title { display: inline-block; vertical-align: top; width: 100%; background-color: #0079c2; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); font-size: 24px; font-weight: 700; color: #fff; padding: 10px 55px; cursor: pointer; position: relative; }
.accordion-content { display: inline-block; vertical-align: top; width: 100%; display: none; }
.accordion-contentinner { display: inline-block; vertical-align: top; width: 100%; padding: 25px 55px; }
.accordion-wrap { display: inline-block; vertical-align: top; width: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); position:relative; }
.accordion-col { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 26px; position:relative; }
.accordion-col:last-child { margin-bottom: 0; }
.accordion-col .accordion-title:after { position: absolute; content: ""; height: 27px; width: 30px; right: 25px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/plus-sign.png') no-repeat center / cover; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.accordion-col:after { position: absolute; counter-increment: accordion-counter; content: counter(accordion-counter); height: 62px; width: 62px; text-align: center; left: -30px; top: -7px; background-color: #223e5d; border-radius: 100%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 40px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); font-weight:700; }
.accordion-col .accordion-title.active:after { height: 4px; width: 30px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/minus-sign.png') no-repeat center / cover; }
.accordion-dots { position: absolute; top: 50%; left: 0; width: auto; }
.accordion-circle { position: absolute; top: 70px; right: -150px; width: auto; } 
.accordion-colwrap { position:relative; z-index:1; background:#fff; }

.planning-section { display: inline-block; vertical-align: top; width: 100%; padding: 70px 0 140px; }
.planning-raw { background-image: linear-gradient(130deg, #335780 0%, #060c10 100%); padding: 90px 0 0; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 15px; }
.planning-raw h4 { font-size: 30px; font-weight: 700; }
.planning-raw .planning-text { display: inline-block; vertical-align: top; width: 100%; margin: 55px 0 85px; }
.planning-wrap { float:none; display:inline-block; vertical-align:top; width:841px; max-width:100%; }
.planning-btnbox { display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: -27px; }
.planning-btnbox .btn_style1 a {margin: 0 15px;} 
.planning-dots { position: absolute; bottom: -50px; left: -100px; width: auto; z-index: -1; }

/* Feature Page */
.feature-hero .inner-hero { overflow:hidden; }  
.feature-hero .inner-hero:after { position: absolute; content: ""; height: 202px; width: 201px; top: 100px; right: -20px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/feature-herolines.png') no-repeat center / cover; }

.data-com-section { background-image: linear-gradient(180deg, #335780 0%, #060c10 100%); display: inline-block; vertical-align: top; width: 100%; padding: 130px 0; margin-top: 60px; position:relative; }
.data-com-section:before { position: absolute; content: ""; height: 877px; width: 100%; bottom: 0; left: 0; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/communication-curve.png') no-repeat center / cover; }
.data-com-section h3 { font-weight: 700; }
.data-com-raw { display: flex; vertical-align: top; width: 100%; align-items: center; margin-top: 70px; position:relative; z-index:1; }
.data-com-left { float: left; width: 60%; padding-right: 50px; padding-bottom: 0; }
.data-com-right { float: left; width: 40%; position:relative; }
.data-com-right:after { position: absolute; content: ""; height: 400px; width: 400px; top: -120px; right: 0; background-image: linear-gradient(-75deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); border-radius: 100%; opacity: 0.1; }
.data-com-right a { position: relative; z-index: 1; }
.data-com-left h4 { font-size: 30px; font-weight: 700; padding-bottom: 18px; margin-bottom: 25px; position: relative; }
.data-com-left h4:after { position: absolute; content: ""; height: 2px; width: 130px; left: 0; bottom: 0; background: #fff; }
.data-com-text ul { margin: 30px 0 40px; padding: 0; list-style-type: none; display: inline-block; vertical-align: top; width: 100%; }
.data-com-text ul li { display: inline-block; vertical-align: top; width: 100%; padding-left: 20px; position: relative; margin-bottom: 10px; }
.data-com-text ul li:before { position: absolute; content: ""; height: 8px; width: 8px; left: 0; top: 7px; background: #fff; }
.data-com-btns { display: flex; align-items: center; }
.data-com-btns .btn_style1.btn1 a { background-color: #408af4; }
.data-com-btns .btn_style1.btn2 a { background: #fff; color: #707070; margin-left: 28px; }
.data-com-btns .btn_style1.btn1 a:hover { background:#01A9B5; }
.data-com-btns .btn_style1.btn2 a:hover { background:#01A9B5; color:#fff; }

.optimize-section { display: inline-block; vertical-align: top; width: 100%; padding: 110px 0 130px; position:relative; }
.optimize-section:after { position:absolute; content:""; height:279px; width:221px; top:200px; right:0; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/data-optimizeicon.png') no-repeat center / cover; opacity: 0.47; }
.optimize-section h3 { font-weight: 700; color: #006fba; display: inline-block; vertical-align: top; width: 810px; max-width: 100%; }
.optimize-raw { display: inline-block; vertical-align: top; width: 100%; margin-top: 80px; }
.optimize-left { float: left; width: 50%; padding-right: 15px; position:relative; }
.optimize-left:before { position:absolute; content:""; height:350px; width:350px; left: -70px; top: -50px; background-image: linear-gradient(to right, #408af5 0%, rgba(32, 69, 123, 0) 100%); border-radius:100%; opacity: 0.1; }
.optimize-right { float: left; width: 50%; padding-left:70px; }
.optimize-text { display: inline-block; vertical-align: top; margin: 25px 0; padding-left: 97px; }
.optimize-logo { padding-right: 30px; }
.optimize-left .btn_style1 { padding-left: 95px; }
.optimize-left .btn_style1 a { background:#01A9B5; position:relative; min-width:240px; padding:11px 10px 11px 10px; }
.optimize-left .btn_style1 a:hover { background:#3399ff; }
.optimize-left .btn_style1 a:before { position:relative; content:""; height:35px; width:35px; left:0; top:0; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/learn-moreicon.svg') no-repeat center / cover; background-size: 35px; display: inline-block; vertical-align: middle; margin-right: 11px; }
.optimize-videobox { height: 320px; width: 100%; background-color: #006fba; border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); position:relative; z-index:1; }
.optimize-videobox a.video-poster { float: left; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.trip-inspection-section { display: inline-block; vertical-align: top; width: 100%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/tripbg.png') no-repeat center / cover; padding: 130px 0 70px; position:relative; }
.trip-inspection-wrap { display: inline-block; vertical-align: top; width: 100%; margin-bottom:130px; }
.trip-inspection-col { float: left; width: 50%; padding: 0 30px; }
.trip-inspection-colin { display: inline-block; vertical-align: top; width: 100%; border: 1px solid #fff; padding: 0 40px; border-top:0; }
.trip-inspection-section .wrapper { width: 1800px; max-width: 100%; }
.trip-inspection-col h3 { font-weight: 700; display: inline-block; vertical-align: top; width: 260px; position: relative; margin-top: -45px; }
.trip-inspection-title { position: relative; }
.trip-inspection-title:before { position: absolute; content: ""; height: 1px; width: 35%; left: -40px; top: 0; background: #fff; }
.trip-inspection-title:after { position: absolute; content: ""; height: 1px; width: 35%; right: -40px; top: 0; background: #fff; }
.trip-inspection-col h3 { display: inline-block; vertical-align: top; width: 260px; position: relative; margin-top: -45px; }
.trip-inspection-col ul { padding: 0; margin: 35px 0 0; list-style-type: none; display: inline-block; vertical-align: top; width: 100%; }
.trip-inspection-col ul li { display: inline-block; vertical-align: top; width: 100%; padding-left: 80px; margin-bottom: 30px; position: relative; }
.trip-inspection-col ul li:before { position: absolute; content: ""; height: 29px; width: 33px; left: 0; top: 0px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/trip-listicon.png') no-repeat center / cover; }
.trip-inspection-content { display: inline-block; vertical-align: top; width: 100%; margin: 25px 0; }

.trip-popup { max-width: 980px; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.32); border-radius: 15px; position: relative; overflow: hidden; display:none; text-align:left; }
.fancybox-stage .trip-popup.fancybox-content { padding: 65px 55px !important; text-align:left; } 
.trip-popup:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-color: #0B3344; opacity: 0.85; }
.trip-popupinner { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 100%; }
.trip-popuptext { float: left; width: 50%; padding-right: 0; font-size:16px; line-height:23px; }
.trip-popupform { float: left; width: 50%; padding-left: 45px; }
.trip-popupforminner { display: inline-block; vertical-align: top; width: 100%; background: #fff; padding: 25px 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 15px; }
.trip-popupforminner .hs-input { border: 1px solid #469ed3; border-radius: 20px; height: 40px; }
.trip-popupforminner .hs-form .hs-form-field { padding-bottom: 30px; }
.trip-popupforminner .hs-form input[type="submit"] { background: #8599A1; color: #fff; font-size: 18px; padding: 18px 20px; }
.trip-popupforminner .hs-form input[type="submit"]:hover { background:#01A9B5; }
.trip-popuptext h5 { margin-bottom: 18px; }
.trip-popuptext ul { padding: 0; margin: 25px 0 0; list-style-type: none; }
.trip-popuptext ul li { display: inline-block; vertical-align: top; width: 100%; padding-left: 60px; margin-bottom: 30px; position: relative; }
.trip-popuptext ul li:last-child { margin-bottom:0; }
.trip-popuptext ul li:before { position: absolute; content: ""; height: 37px; width: 41px; left: 0; top: 0px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/popup-listicon.png') no-repeat center / cover; }
.fancybox-slide--html .fancybox-close-small { border-radius: 100%; background-color: #01A9B5; opacity: 1; top: 5px; right: 5px; height: 41px; width: 41px; padding: 5px; }
.fancybox-button svg path { fill: #fff; }
.trip-dots { position: absolute; bottom: 0; left: 0; width: auto; }
.trip-circle { position: absolute; top: 70px; left: -70px; }
.trip-popupform ul.hs-error-msgs li label { font-size: 12px; font-weight: 500; color: #f00; }
.finland-main .inner-hero-section.text-white h1 { color:#fff; }
.alexa-section { display: inline-block; vertical-align: top; width: 100%; padding: 130px 0; }
.alexa-section h3 { font-weight: 700; }
.alexa-raw { display: inline-block; vertical-align: top; width: 100%; margin-top: 100px; position: relative; }
.alexa-left { float: left; width: 50%; padding-right: 100px; color: #223E5D; position: relative; }
.alexa-right { float: left; width: 50%; }
.title-style h4 { font-size: 30px; font-weight: 700; position: relative; padding-bottom: 15px; margin-bottom: 22px; }
.title-style h4:after { position: absolute; content: ""; height: 2px; width: 100px; left: 0; bottom: 0; background: #223E5D; }
.alexa-content { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 20px; }
.alexa-pdf a { font-weight: 700; color: #3399ff; display: inline-block; vertical-align: top; padding-right: 30px; position: relative; }
.alexa-pdf a:after { position: absolute; content: ""; height: 18px; width: 19px; right: 0; top: 2px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/pdflink.png') no-repeat center / cover; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; }
.alexa-pdf a:hover:after { right:-10px; }
.alexa-raw:before { position: absolute; content: ""; height: 400px; width: 400px; left: -200px; bottom: -50px; border-radius: 100%; opacity: 0.1; background-image: linear-gradient(to right, #408af5 0%, rgba(32, 69, 123, 0) 100%); }

.placeholder-section { display: inline-block; vertical-align: top; width: 100%; padding: 50px 0 100px; color: #223E5D; position:relative; }
.placeholder-section .wrapper { width: 970px; max-width: 100%; }
.placeholder-raw { display: flex; align-items: center; width: 100%; position:relative; z-index:1; }
.placeholder-left { float: left; width: 35%; }
.placeholder-right { float: left; width: 65%; padding-left: 13px; }
.placeholder-content { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 20px; }
.placeholder-section .logoleaf { position: absolute; bottom: 40px; right: 40px; width: auto; }

/* Market Indexing Page */
.market-hero-main { background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/company-herobg.png') no-repeat center / cover;     padding: 100px 0 140px;
  position: relative;
  border-radius: 18px;
  margin-top: 25px }
.market-hero-main h1 { margin-bottom: 18px; }
.market-hero-main:after { position: absolute; content: ""; height: 350px; width: 350px; bottom: 40px; right: 140px; background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); opacity: 0.1; border-radius: 100%; }
.market-hero-main:before { position: absolute; content: ""; height: 240px; width: 240px; left: calc((100% - 1500px) / 2); top: -50px; border: 20px solid #ffffff; border-radius: 100%; opacity: 0.09; }

.market-index-section .wrapper { width: 1500px; max-width: 100%; }
.market-index-col { float: none; display: inline-block; vertical-align: top; width: 33.33%; margin: 0 -2px; padding: 0 30px 80px; }
.market-index-wrap { display: inline-block; vertical-align: top; width: 100%; position: relative; margin-top: -85px; text-align: center; }
.whyecolane_section .market-index-wrap { margin-top:0px; }
.market-imgbox { display: inline-block; vertical-align: top; width: 100%; height: 335px; position: relative; border-radius: 15px; overflow: hidden; cursor: pointer; }
.market-imgbox:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-color: #0079C2; opacity: 0.55; transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -ms-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s; }
.market-title { position: absolute; top: 50%; left: 50%; float: left; width: 100%; text-align: center; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.market-title h5 { color: #fff; }
.market-index-colinner { display: inline-block; vertical-align: top; width: 100%; position: relative; overflow: hidden; }
.market-hoverbox { position: absolute; top: 100%; left: 0; height: 100%; width: 100%; z-index: 1; background-color: #0079C2; opacity: 0.91; border-radius: 15px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }
.market-hoverinner { height: 300px; width:100%; display: flex; align-items: center; justify-content: center; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }
.market-index-colinner .mCSB_inside > .mCSB_container { margin:0; }
.market-hover-title h5 { position: relative; float: none; display: inline-block; vertical-align: top; padding-bottom: 5px; }
.market-hover-title h5:after { position: absolute; content: ""; height: 2px; width: 100%; bottom: 0; left: 0; background: #fff; }
.market-hovertext { display: inline-block; vertical-align: top; font-size: 14px; width: 390px; max-width: 100%; line-height: 23px; margin: 16px 0 30px; padding: 0 15px; color:#fff;}
.whyecolane_section .market-hovertext { font-size: 13px; line-height: 1.2;    padding: 0 8px !important;}
.market-hoverlink { display: inline-block; vertical-align: top; width: 100%; color:#fff; }
.market-hoverlink span { color: #fff; font-weight: 600; display: inline-block; vertical-align: top; padding-right: 20px; position: relative; }
.market-hoverlink span:after { position: absolute; content: ""; height: 12px; width: 15px; right: 0; top: 5px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/find-arrow.png') no-repeat center / cover; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }
.market-hoverlink span:hover:after { right:-10px; }
.market-index-colinner:hover .market-hoverbox { top:0; }
.market-index-colinner:hover .market-imgbox:before { opacity:0; }
.market-index-colinner:hover .market-title { opacity:0; }

.cta-strip-section { float: none; display: inline-block; vertical-align: top; width: 100%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/ctabg.png') no-repeat center/ cover; position: relative; padding: 60px 0; overflow: hidden; font-size: 24px; }
.cta-strip-section:before { position: absolute; content: ""; height: 400px; width: 400px; top: 40px; left: 50%; background-image: linear-gradient(180deg, #ffffff 0%, rgba(128, 128, 128, 0) 100%); opacity: 0.1; border-radius: 100%; margin-left: -40px; }
.cta-strip-section a.white_btn { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); min-width: 367px; padding: 14px 10px; }

.resource-index-section { display: inline-block; vertical-align: top; width: 100%; padding: 130px 0 80px; position: relative; }
.resource-index-section .resource-index-header { float: none; display: inline-block; vertical-align: top; width: 850px; max-width: 100%; color: #404853; margin-bottom: 60px; }
.resource-index-section .resource-index-header h4 { font-weight: 700; letter-spacing: 0; margin-bottom: 20px; }
.resource-index-col { float: left; width: 33.33%; padding: 0 25px; margin-bottom: 50px; transition:all .4s ease; position:relative; top:0; }
.resource-index-col:hover { top:-5px; }
.resource-index-img { display: flex; width: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); height: 262px; background-color: #fff !important; position:relative; z-index:1; align-items: center; justify-content: center; transition: all ease-in-out .5s; }
.resource-index-col h5 { color: #707070; float: left; width: 100%; padding: 0;  margin-top: 20px; font-size: 18px; line-height: 24px; }
.resource-index-wrap { display: inline-block; vertical-align: top; width: 100%; padding: 0 15px; margin-bottom: 40px; }
/* .resource-index-col a:hover .resource-index-img { box-shadow: 0 20px 15px rgba(0, 0, 0, 0.16); } */
.resource-ctabox.btn_style1 a { min-width: 367px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); }
.resource-ctabox.btn_style1 a:hover { box-shadow: none; }
.resource-index-raw { display: inline-block; vertical-align: top; width: 100%; position: relative; }
.resource-index-raw .resource-circle { position: absolute; top: -150px; right: -150px; }
.resource-index-section .resource-leaf { position: absolute; top: 200px; left: 0; }

/* Market Template Page */ 
.market-hero-main.market-temp-hero { padding-bottom: 220px; }
.market-hero-main.market-temp-hero:before { display: none; }
.market-hero-main.market-temp-hero:after { right: auto; left: 250px; bottom: 0; }

.market-img-section .hs_cos_wrapper_type_linked_image img { display:none; }
.market-img-section.container .dnd-section > .row-fluid { width:960px; max-width:100%; margin-top:-135px !important; }
.market-img-section .hs_cos_wrapper_type_linked_image { display: inline-block; vertical-align: top; width: 100%; height: 385px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 15px; position: relative; z-index:1; }
.market-img-section .widget-type-linked_image:before { position: absolute; top: -60px; right: -70px; height: 160px; width: 160px; content: ""; border: 20px solid #ffffff; opacity: 0.09; border-radius:100%; }
.market-img-section .widget-type-linked_image { position:relative; }

.mobility-section h3 { font-weight: 700; margin-bottom: 24px; }
.mobility-section { position: relative; }
.mobility-section:before { position: absolute; content: ""; height: 295px; width: 499px; left: 50%; top: 50px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/mobility-leaf.png') no-repeat center / cover; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }

.microtransit-section { display: flex; vertical-align: top; width: 100%; position: relative; margin-bottom:200px; margin-top:80px; }
.microtransit-section:after { position: absolute; content: ""; height: 100%; width: 551px; max-width: 100%; top: 0; right: 0; background-image: linear-gradient(to right, #ebf3fe 0%, rgba(200, 227, 255, 0) 100%); border-radius: 88px 0 0 88px; }
.microtransit-section img {
    border-radius: 15px;
}
.microtransit-section h3 { font-weight: 700; margin-bottom: 22px; }
.microtransit-section p + p { padding-top: 28px; }
.microtransit-section a.cta_button { float: none; display: inline-block; vertical-align: top; padding: 18px 30px 18px 75px; margin-top: 30px; background: #264A59; color: #fff; border-radius: 5px; font-weight: 600; position: relative; }
.microtransit-section a.cta_button:hover { background:#01A9B5; }
.microtransit-section a.cta_button:before { position: absolute; content: ""; height: 30px; width: 48px; left: 20px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/cta2-icon.svg') no-repeat center; background-size: 30px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.inform-section { display: flex; vertical-align: top; width: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); background: rgb(0, 121, 194); background: -moz-linear-gradient(left, rgba(0, 121, 194, 1) 0%, rgba(155, 202, 231, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 121, 194, 1) 0%, rgba(155, 202, 231, 1) 100%); background: linear-gradient(to right, rgba(0, 121, 194, 1) 0%, rgba(155, 202, 231, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079c2', endColorstr='#9bcae7', GradientType=1); }
.inform-section h4 { font-weight: 700; }
.inform-section a.white_btn { min-width: 207px; }

.microtransit-section.demand-section { margin:100px auto; padding:100px 0; }
.microtransit-section.demand-section:after { right: auto; left: 0; border-radius: 0 88px 88px 0; background-image: linear-gradient(270deg, #ebf3fe 0%, rgba(200, 227, 255, 0) 100%); }

.market-accordion-section { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 0; position:relative; }
.market-accordion-section .browse-leaf { position: absolute; right: 80px; width: auto; bottom: 60px; }
.market-accordion-section h3 { font-weight: 700; margin-bottom: 90px; }
.market-accordion-wrap { display: flex; align-items: center; width: 100%; }
.market-accordion-left { float: left; width: 29%; }
.market-accordion-right { float: left; width: 71%; background-color:#0b1f45; border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); padding: 72px 60px 80px; position:relative; z-index:1; }
.market-accordion-content { display: none; }
.market-accordion-content#tab1 { display: block; }
.market-accordion-title { display: none; }
.market-accordion-contentwrap { display: inline-block; vertical-align: top; width: 100%; }
.market-accordion-contentbox { float: left; width: 52%; padding-right: 52px; }
.market-accordion-image { float: left; width: 48%; height: 358px; border-radius: 15px; }
.market-accordion-section .wrapper { width: 1240px; max-width: 100%; }
.market-accordion-intext { display: inline-block; vertical-align: top; width: 100%; margin: 15px 0 20px 0; }
.market-accordion-inlink { display: inline-block; vertical-align: top; width: 100%; }
.market-accordion-inlink a { color: #fff; font-weight: 700; }
.market-accordion-inlink a:hover { color:#0079C2; }
.market-accordion-left ul { display: inline-block; vertical-align: top; width: 100%; padding: 0; margin: 0; list-style-type: none; }
.market-accordion-left ul li { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 11px; }
.market-accordion-left ul li a { display: inline-block; vertical-align: top; width: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); font-size: 24px; font-weight: 700; position: relative; color: #223E5D; padding: 19px 20px; border-radius: 34px 0 0 34px; }
.market-accordion-left ul li a:after { position: absolute; height: 70px; width: 70px; top: 3px; right: -15px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/tab-arrow.png') no-repeat center / cover; content: ""; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; opacity: 0; z-index:2; }
.market-accordion-left ul li.current a:after, .market-accordion-left ul li a:hover:after { opacity:1; right:-30px; }

/* Demo 1 Page */
.demo-hero { position:relative; display: inline-block; vertical-align: top; width: 100%; padding: 175px 0 260px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/demo-hero.png') no-repeat center / cover; background-color: #0c1f45; background-blend-mode: color;}
.demo-hero-curve { position: absolute; bottom: -30px; left: 0; }
.demo-hero-dots { position: absolute; top: 100px; left: 0; }
.demo-hero-title { position: relative; }
.demo-hero-circle { position: absolute; top: -40px; left: 50%; width: auto; margin-left: 40px; }
.demo-hero-raw { position: relative; padding: 0 150px; }
.demo-hero-title h1 { position: relative; z-index: 1; margin-bottom:40px;}
.hero-left-line { position: absolute; top: -175px; left: 0; }
.hero-right-line { position: absolute; top: -175px; right: -40px; }
.demo-hero-raw .btn_style3 a { background:#fff; color:#223E5D; }
.demo-hero-raw .btn_style3 a:hover { background:#223E5D; color:#fff; }

.free-demo-section h4 { font-weight: 700; margin-bottom: 15px; }
.free-demo-section ul { padding: 0; list-style-type: none; display: inline-block; vertical-align: top; width: 100%; margin: 25px 0 0; }
.free-demo-section ul li { display: inline-block; vertical-align: top; width: 100%; padding-left: 40px; position: relative; margin-bottom: 25px; color: #223e5d; }
.free-demo-section ul li:before { position: absolute; content: ""; height: 26px; width: 30px; left: 0; top: -3px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/demo-list.png') no-repeat center / cover; }
.free-demo-section.experience-main-section:after { display: none; }
.free-demo-section.container .dnd-section > .row-fluid:before { position: absolute; content: ""; height: 400px; width: 400px; top: -80px; left: -200px; background-image: linear-gradient(60deg, #408af5 0%, rgba(32, 69, 123, 0) 100%); opacity: 0.1; border-radius: 100%; }

.demo-stats-section .stats-section { padding: 80px 0 130px; }
.demo-stats-section .stats-section .stats-colinner { background: #223E5D; }

.package-main-section { display: inline-block; vertical-align: top; width: 100%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/package-bg.png') no-repeat center / cover; padding: 70px 0; position:relative; max-width: 100%;background-color: #0c1f45;
  background-blend-mode: color;}
.package-main-section:after { position: absolute; content: ""; height: 295px; width: 499px; right: 70px; top: 100px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/package-leaf.png') no-repeat center / cover; }
.package-main-section h3 { font-weight: 700; margin-bottom: 35px; }
.package-main-section .dnd-row:nth-child(2) { display: inline-block; vertical-align: top; float: none; width: 700px; max-width: 100%; margin-bottom: 35px; }
.package-main-section.container .dnd-section>.row-fluid { width: 1000px; max-width: 100%; }
.package-main-section .span4 { float: left; width: 33.33%; margin: 0; padding: 0 55px; position:relative; }
.package-main-section .span4:after { position: absolute; content: ""; height: 45px; width: 47px; right: -20px; top: 50px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/solution-plus.png') no-repeat center / cover; }
.package-main-section .span4:last-child:after { display: none; }
.package-main-section .span4 .hs_cos_wrapper_type_text { display: inline-block; vertical-align: top; width: 100%; margin-top: 20px; }
.package-main-section .span4 .hs_cos_wrapper_type_linked_image { display: grid; align-items: center; justify-content: center; height: 150px; width: 205px; margin: 0 auto; }
.package-main-section .span4 .hs_cos_wrapper_type_linked_image img { max-height: 150px; width: auto; }

.specialists-main-section h2 { font-weight: 700; }
.specialists-main-section .widget-type-rich_text { float: none; display: inline-block; vertical-align: top; width: 850px; max-width: 100%; text-align: left; color: #fff; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/richtextbg.png') no-repeat center / cover; border-radius: 10px; padding: 55px 100px 35px 35px; margin-bottom: 80px; position:relative; background-color: #0c1f45; background-blend-mode: color;}
.specialists-main-section .widget-type-rich_text:before { position: absolute; content: ""; height: 194px; width: 108px; right: 100%; bottom: 70px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/specialist-dots.png') no-repeat center / cover; }
.specialists-main-section .widget-type-rich_text ul { padding: 0; margin: 0; list-style-type: none; display: inline-block; vertical-align: top; width: 100%; }
.specialists-main-section .widget-type-rich_text ul li { display: inline-block; vertical-align: top; width: 100%; padding-left: 20px; margin-bottom: 30px; position: relative; }
.specialists-main-section .widget-type-rich_text ul li:before { position: absolute; content: ""; height: 9px; width: 9px; left: 0; top: 6px; background: #fff; }
.specialists-main-section a.btn_style2 { background: rgb(11, 51, 68); background: -moz-linear-gradient(left, rgba(11, 51, 68, 1) 0%, rgba(12, 51, 68, 1) 53%, rgba(40, 75, 90, 1) 100%); background: -webkit-linear-gradient(left, rgba(11, 51, 68, 1) 0%, rgba(12, 51, 68, 1) 53%, rgba(40, 75, 90, 1) 100%); background: linear-gradient(to right, rgba(11, 51, 68, 1) 0%, rgba(12, 51, 68, 1) 53%, rgba(40, 75, 90, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b3344', endColorstr='#284b5a', GradientType=1); padding: 18px 44px 18px 65px; position: relative; top:0; }
.specialists-main-section a.btn_style2:before { position: absolute; content: ""; height: 25px; width: 43px; left: 15px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/camera-icon.svg') no-repeat center / cover; background-size: 25px; transform: translateY(-50%); }
.specialists-main-section a.btn_style2:hover { top:-10px; }

.agency-benefit-section h3 { font-weight: 700; margin-bottom: 25px; }
.agency-benefit-wrap { display: inline-block; vertical-align: top; width: 100%; margin-top: 30px; }
.agency-benefit-col { float: left; width: 25%; padding: 0 20px; color: #0079c2; margin: 0 0 30px; }
.agency-benefit-col .agency-benefit-icon { float: none; display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 80px; }
.agency-benefit-col .agency-benefit-icon img { max-height: 80px; width: auto; }
.agency-benefit-col .agency-benefit-title { margin-top: 10px; }
.agency-benefit-box { display: inline-block; vertical-align: top; width: 100%; padding: 15px 20px 15px 20px; cursor:pointer; }
.agency-benefit-section .wrapper { width: 1352px; max-width: 100%; }
.agency-benefit-header { float: none; display: inline-block; vertical-align: top; width: 1170px; max-width:100%; }
.agency-benefit-colin { display: inline-block; vertical-align: top; width: 100%; box-shadow: none; border-radius: 10px; border: 7px solid transparent;  background-color: #ffffff; transition: all ease-in-out .5s; }
.agency-benefit-colin:hover, .agency-benefit-col.current .agency-benefit-colin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-color: #C8E3FF; }

.management-main-section.container .dnd-section>.row-fluid, .management-main-section .wrapper { width: 950px; max-width:100%; position:relative; }
.management-main-section { text-align:left; padding-top:35px; }
.management-main-section h4 { font-weight: 700; text-align: center; margin-bottom:70px; }
.management-main-section ul { padding: 0; margin: 0; list-style-type: none; display: inline-block; vertical-align: top; width: 100%; }
.management-main-section ul li { display: inline-block; vertical-align: top; width: 50%; padding-left: 20px; margin-bottom: 30px; position: relative; margin-left:-2px; margin-right:-2px; padding-right:15px; }
.management-main-section ul li:before { position: absolute; content: ""; height: 10px; width: 10px; left: 0; top: 6px; background-color: #01A9B5; }
.management-main-section .span6:last-child { font-weight: 600; color: #0079C2; font-size: 20px; line-height: 30px; }
.management-main-section.container .dnd-section>.row-fluid:before, .management-main-section .wrapper:before { position: absolute; content: ""; height: 400px; width: 400px; background-image: linear-gradient(to right, #408af5 0%, rgba(32, 69, 123, 0) 100%); opacity: 0.1; border-radius: 100%; left: -200px; top: 50px; }
.agency-benefit-tabcol { display: none; }
.agency-benefit-tabcol#box-detail1 { display: block; }
.agency-benefit-tabcol .span6 { width:100%; margin:0; }
.agency-benefit-tabcol p a { color:#223E5D; }
.agency-benefit-tabcol p a:hover { text-decoration: underline; }

.request-demo-main-section { display: inline-block; vertical-align: top; width: 100%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/demo-formbg.png') no-repeat center / cover; margin-bottom:210px; max-width:100%; }
.request-demo-main-section h3 { font-weight: 700; text-align: center; margin-bottom:45px; }
.free-demo-raw { display: inline-block; vertical-align: top; width: 100%; background: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 10px; padding: 60px 90px 35px; position:relative; margin-bottom:-210px; }
.free-demo-raw form .hs-input { border: 1px solid #404040; }
.free-demo-raw form.hs-form fieldset.form-columns-2 .field:first-child { padding-right: 60px; }
.free-demo-raw form.hs-form fieldset.form-columns-2 .field:last-child { padding-left: 60px; }
.free-demo-raw form.hs-form .hs-form-field { padding: 10px 0 0; margin:0; }
.free-demo-raw form.hs-form fieldset.form-columns-2 .field { padding-bottom: 35px; }
.free-demo-raw form fieldset.form-columns-1 .input { margin-right:0 !important; }
.free-demo-raw form input[type=submit] { background: #0b3344; background: -moz-linear-gradient(left,  #0b3344 0%, #123949 57%, #183d4e 78%, #1e4353 100%); background: -webkit-linear-gradient(left,  #0b3344 0%,#123949 57%,#183d4e 78%,#1e4353 100%); background: linear-gradient(to right,  #0b3344 0%,#123949 57%,#183d4e 78%,#1e4353 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3344', endColorstr='#1e4353',GradientType=1 ); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); color: #fff; margin-top: 45px; font-size: 24px; font-weight: 400; padding: 15px 20px; }
.free-demo-raw form input[type=submit]:hover { background-image: linear-gradient(145deg,#02a9b5 0%,#01555b 100%); }
.free-demo-raw form.hs-form .hs-form-field label.hs-error-msg { color: #f00; }
.free-demo-raw .submitted-message { font-size: 24px; background: transparent; color: #000; }
.free-demo-raw form .hs-richtext { color: #707070; font-size: 15px; line-height: 20px; }

.successful-agencie-header h3 { font-weight: 700; margin-bottom: 20px; text-transform: capitalize; }
.successful-agencie-header h3 span { color: #0079C2; }
.successful-agencie-header { margin-bottom: 45px; }
.successful-agencie-col { float: left; width: 50%; padding: 0 60px; margin-bottom: 35px; }
.successful-agencie-colin { background: rgb(0, 121, 194); background: -moz-linear-gradient(left, rgba(0, 121, 194, 1) 0%, rgba(108, 178, 220, 1) 100%); background: -webkit-linear-gradient(left, rgba(0, 121, 194, 1) 0%, rgba(108, 178, 220, 1) 100%); background: linear-gradient(to right, rgba(0, 121, 194, 1) 0%, rgba(108, 178, 220, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0079c2', endColorstr='#6cb2dc', GradientType=1); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 15px; background-color: #0c1f45;
  background-blend-mode: color; }
.successful-agencie-box { padding: 17px 24px 24px; color: #fff; font-size: 24px; font-style: italic; }
.successful-agencie-name { font-weight: 700; font-style: normal; margin-top: 20px; }
.successful-agencie-wrap { display: inline-block; vertical-align: top; width: 100%; }
.successful-agencie-raw { display: inline-block; vertical-align: top; width: 100%; position: relative; }
.successful-agencie-raw .left-quote { position: absolute; top: 50%; left: -100px; width: auto; margin-top: -65px; }
.successful-agencie-raw .right-quote { position: absolute; top: 50%; right: -100px; margin-top: -65px; }

.logo-slider-section .wrapper { width: 1450px; max-width: 100%; }
.logo-slider-colin { padding: 0 25px; }
.logo-slider-imgbox { height: 211px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); background: #fff; }
.logo-slider-imgbox img { max-height: 140px; width: auto; }
.logo-slider-wrap .slick-list { padding: 70px 0; }

.demo-browse-main-section .market-accordion-section { padding-bottom: 180px; }
.demo-browse-main-section .market-accordion-section .browse-leaf { display: none; }
.demo-browse-main-section .market-accordion-right { background-image: linear-gradient(180deg, #335780 0%, #060c10 100%); }

/* Company Page */
.company-hero { display: inline-block; vertical-align: top; width: 100%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/company-herobg.png') no-repeat center / cover; padding: 150px 0 120px; }
.company-hero .company-raw { display: flex; align-items: center; position: relative; padding: 0 50px; }
.company-hero .company-left { float: left; width: 60%; padding-right: 80px; }
.company-hero .company-right { float: left; width: 40%; }
.company-hero .company-heroimg { height: 320px; border-radius: 10px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); position: relative; z-index: 1; }
.company-hero .hero-circle { position: absolute; top: -50px; right: -100px; }
.company-hero .wrapper { width: 1300px; max-width: 100%; }
.company-hero .company-left h1 span { color: #304a6e; font-style: italic; }
.company-hero .company-left h1 { margin-bottom: 15px; }

.company-stats-section.demo-stats-section .stats-section { padding-top: 0; position: relative; margin-top: -50px; padding-bottom: 0; }

.new-partner-section { display: inline-block; vertical-align: top; width: 100%; padding: 0; position: relative; margin: 65px 0; padding-bottom: 110px; }
.new-partner-section h3 { font-weight: 700; margin-bottom: 70px; position:relative; z-index:1; }
.new-partner-section .new-partner-left { float: left; width: 53%; padding-right: 50px; position: relative; z-index: 1; }
.new-partner-section .new-partner-right { float: left; width: 47%; }
.new-partner-section .new-partner-raw { display: flex; align-items: center; width: 100%; position:relative; }
.new-partner-section .new-partner-left h4 { font-weight: 700; margin-bottom: 20px; }
.new-partner-section .new-partner-left a.btn_style2 { background-color: #223e5d; margin-top: 25px; }
.new-partner-section .new-partner-left a.btn_style2:hover { background:#3399ff; } 
.new-partner-img { height: 368px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 19px; position: relative; z-index: 1; }
.new-partner-section .wrapper { width: 1260px; max-width: 100%; }
.new-partner-section .square-bluebox { position: absolute; height: 100%; width: 472px; top: 0; right: 50px; background-image: linear-gradient(to right, #ebf3fe 0%, rgba(200, 227, 255, 0) 100%); border-radius: 88px 0 0 88px; }
.partner-dots { position: absolute; top: -50px; left: -150px; width: auto; }

.riders-main-section h4 { font-weight: 700; margin-bottom: 18px; }
.riders-main-section ul { padding: 0; list-style-type: none; display: inline-block; vertical-align: top; width: 100%; margin: 25px 0 0; }
.riders-main-section ul li { display: inline-block; vertical-align: top; width: 100%; padding-left: 40px; position: relative; margin-bottom: 25px; color: #223e5d; }
.riders-main-section ul li:before { position: absolute; content: ""; height: 26px; width: 30px; left: 0; top: -3px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/demo-list.png') no-repeat center / cover; }

.foundation-section { display: inline-block; vertical-align: top; width: 100%; background-image: linear-gradient(180deg, #ebf3fe 0%, #ffffff 100%); padding: 110px 0 0; position: relative; }
.foundation-section .foundation-header { display: inline-block; vertical-align: top; width: 700px; max-width: 100%; }
.foundation-section .foundation-header h3 { font-weight: 700; padding-bottom: 25px; position: relative; }
.foundation-section .foundation-header h3:after { position: absolute; content: ""; height: 4px; width: 160px; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #223E5D; }
.foundation-section:before { position: absolute; content: ""; height: 686px; width: 1161px; left: 50%; top: 60px; max-width: 100%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/foundation-leaf.png') no-repeat center / cover; transform: translateX(-50%); }
.foundation-section .wrapper { position: relative; z-index: 1; }
.foundation-circle { float: none; display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 205px; width: 205px; background-color: #0079c1; border-radius: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); padding: 25px 18px; color: #fff; font-size: 16px; line-height: 20px; }
.foundation-circle img { display: inline-block; vertical-align: top; }
.foundation-circle .foundation-icon { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 15px; }
.foundation-section .wrapper { width: 1560px; max-width: 100%; }
.foundation-section .foundation-wrap { padding: 140px 80px 200px; }
.foundation-section .slick-list { padding-bottom:50px; } 
.foundation-section .slick-list:before { position: absolute; content: ""; height: 2px; width: 100%; top: 50%; left: 50%; background: #223E5D; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); margin-top: -20px; }
.foundation-section .slick-list:after { position: absolute; content: ""; height: 19px; width: 19px; left: 0; top: 50%; background: #223E5D; border-radius: 100%; margin-top: -29px; }
.foundation-year { font-size: 37px; font-weight: 700; color: #01A9B5; padding-top:50px; position:relative; }
.foundation-year:before { position: absolute; content: ""; width: 1px; height: 67px; border: 2px dashed #707070; left: 50%; top: 0; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.foundation-year span { background-color: #f6f9fe; position:relative; z-index:1; padding:0 10px; }
.foundation-box { min-height: 550px; }
.foundation-section .slick-initialized .slick-slide:nth-child(2n) .foundation-box { display: flex; flex-direction: column-reverse; }
.foundation-section .slick-initialized .slick-slide:nth-child(2n) .foundation-box .foundation-year { padding: 0 0 43px; }
.foundation-section .slick-initialized .slick-slide:nth-child(2n) .foundation-box .foundation-year:before { top: auto; bottom: 0; }
.foundation-section .slick-arrow.slick-next:before { height:36px; width:23px; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/timeline-next.png') no-repeat center / cover; }
.foundation-section .slick-arrow { margin-top:-49px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.foundation-section .slick-arrow.slick-next { right:35px; }
.foundation-section .slick-arrow.slick-prev:before { height: 36px; width: 23px; background: url(https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/timeline-next.png) no-repeat center / cover; transform: rotate(182deg); -moz-transform: rotate(182deg); -ms-transform: rotate(182deg); -o-transform: rotate(182deg); -webkit-transform: rotate(182deg); }
.foundation-section .slick-arrow.slick-prev { margin-top:-70px; }
.foundation-year span.year-dash { padding: 0; background: transparent; border: 2px dashed #223E5D; font-size: 21px; top: -4px; left: 25px; }
.foundation-year span.year-dash.year-dash2 { left: 60px; }
.foundation-year span.year-dash.year-dash3 { left: 90px; }
.foundation-year span.year-dash.year-dash4 { left: 120px; }

.company-map-section { display: inline-block; vertical-align: top; width: 100%; position: relative; padding: 118px 0 60px; }
.company-map-section:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-image: linear-gradient(180deg, #0079c2 0%, #ffffff 100%); opacity: 0.27; }
.company-map-section .wrapper { position: relative; z-index: 1; }
.company-map-section .company-map-header { color: #223E5D; font-size: 20px; float: none; display: inline-block; vertical-align: top; width: 1000px; max-width: 100%; margin-bottom: 90px; }
.company-map-section .company-map-header h3 { font-weight: 700; margin-bottom: 20px; }
.company-map-section .map-address { position: absolute; bottom: 0; left: -100px; text-align: left; width: 400px; max-width: 100%; display:none; } 
.company-map-section .map-address h4 { font-weight: 700; font-size: 30px; margin-bottom: 11px; }
.company-map-section .map-address a { color: #223E5D; }
.company-map-section .map-address a:hover { color: #01A9B5; }
.company-map-section .map-buttons { display: flex; align-items: center; justify-content: center; margin-top:135px; }
.company-map-section .map-buttons .btn_style1 a { min-width: 323px; margin: 0 10px; border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); font-size: 24px; font-weight: 700; }
.company-map-section .map-buttons .btn_style1.btn1 a { background:#01A9B5; }
.company-map-section .map-buttons .btn_style1.btn1 a:hover, .company-map-section .map-buttons .btn_style1 a:hover { background:#223E5D; }
.company-map-section .company-map-raw { position:relative; }
.company-map-section svg { height:400px; }

.team-section { display: inline-block; vertical-align: top; width: 100%; position: relative; padding: 0 0 90px; }
.team-header h3 { font-weight: 700; margin-bottom: 30px; }
.team-header { margin-bottom: 60px; display: inline-block; vertical-align: top; width: 1060px; max-width: 100%; }
.team-col { float: none; display: inline-block; vertical-align: top; width: 25%; margin: 0 -2px 50px; padding: 0 25px; }
.person-imgbox { height: 265px; border-radius: 15px; }
.team-section .wrapper { width: 1270px; max-width: 100%; }
.team-info { display: inline-block; vertical-align: top; width: 100%; margin-top: 25px; color: #0B3344; }
.team-info .person-name { font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 4px; }

.jointeam-main-section { display: inline-block; vertical-align: top; width: 100%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/jointeam-bgimg.png') no-repeat center / cover; padding: 90px 0; }
.jointeam-main-section.container .dnd-section>.row-fluid { width: 810px; max-width: 100%; }
.jointeam-main-section h4 { font-weight: 700; margin-bottom: 20px; }
.jointeam-main-section a.white_btn { min-width: 260px; }

/* Solutions Page */
.solution-hero-section { background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/solution-herobg.png') no-repeat center / cover; /*background-image: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/solution-herobg.png'); background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;*/ padding: 180px 0 310px; margin-bottom: 560px; position:relative; }
.solution-hero-section:after { position: absolute; content: ""; height: 601px; width: 100%; bottom: 0; left: 0; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/solution-hero-curve.png') no-repeat center / cover; }
.solution-hero-raw { display: inline-block; vertical-align: top; width: 100%; }
.solution-hero-left { float: left; width: 36%; position: relative; }
.solution-hero-right { float: left; width: 64%; padding-left: 30px; }
.solution-hero-right h1 { font-weight: 700; padding-bottom: 22px; position: relative; margin-bottom: 15px; }
.solution-hero-right h1 span { color: #1c4151; }
.solution-hero-right h1:before { position: absolute; content: ""; height: 5px; width: 160px; left: 0; bottom: 0; background: #fff; }
.solution-hero-right .white_btn a { margin-top: 30px; color: #1c4151; position:relative; z-index:1; }
.solution-hero-right .white_btn a:hover { background: #124164; }
.solution-hero-left .solution-hero-dots { position: absolute; bottom: 0; left: -60px; }

/*resources-layout*/ 
.resources_hero.market-hero-main.market-temp-hero:after { top:120px; bottom:auto; } 
.resources_hero.market-hero-main.market-temp-hero { padding-bottom:70px; line-height:30px; }
.resources_hero #hs_cos_wrapper_hero-module-3 { max-width:900px; width:100%; float:none; margin:0 auto; }

.search_input { width:100%; float:left; text-align:center; margin-top:50px; }
.search_input input { width:100%; max-width:600px;  color: #707070; padding:10px 25px; float:none; display:inline-block; border-radius:30px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); }

.resources_filterarea { width:100%; float:left; padding:20px 0 100px; position:relative; overflow:hidden; }
.resources_filterarea .resources_boxcover:before { position:absolute; content:""; left:-120px; bottom:-20px; width:400px; height:400px; border-radius:50%; background-image: linear-gradient(60deg, #408af5 0%, rgba(32, 69, 123, 0) 100%); opacity:0.1; }

.resources_filterarea .mobile_filter { display:none; }
.resources_filterarea .resources_filter { width:100%; float:left; display:block; text-align:center; }
.resources_filterarea .resources_filter ul { width:auto; float:none; display:inline-block; padding:16px 30px; margin:0; list-style:none; background:#fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 44px; }
.resources_filterarea .resources_filter ul li { width:auto; float:left; position:relative; }
.resources_filterarea .resources_filter ul li a { width:auto; float:left; padding:10px 30px; font-size: 18px; line-height:24px; font-weight:400; color: #223e5d; }
.resources_filterarea .resources_filter ul li a:hover,.resources_filterarea .resources_filter ul li.active a { color:#0073b9; font-weight:600; }
.resources_filterarea .resources_filter ul li button { width:auto; float:left; cursor:pointer; background:transparent; padding:10px 30px; font-size: 18px; line-height:24px; font-weight:400; color: #223e5d;  border: none; height: auto; text-transform: capitalize; }
.resources_filterarea .resources_filter ul li button:hover,.resources_filterarea .resources_filter ul li.active button { color:#0073b9; font-weight:600; }
.resources_filterarea .resources_filter ul li.all:after { position:absolute; content:""; width:1px; height:100%; border-radius:4px; background:#223e5d; }

.resources_filterarea .resources_boxcover { width:100%; float:left; position:relative; margin-top:70px; }
.resources_boxcover .resources_box { width:33.33%; float:left; padding:0 20px; margin-bottom:60px; }
.resources_boxcover .resources_box .resources_boximg { width:100%; float:left; position:relative; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:20px; height:270px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);  }
.resources_boxcover .resources_box .resources_boxtext { width:100%; float:left; color: #707070; font-size:18px; line-height:24px; }
.resources_boxcover .resources_box h5 { color: #707070; font-size:18px; line-height:24px; text-transform: capitalize; text-align: center; }
.resources_boxcover .resources_box .resources_date { font-weight:300; }
.resources_boxcover .resources_box .resources_hover { position:absolute; left:0; top:0; color: #707070; width:100%; height:100%; background-color: #ebf3f8; transition:all .4s ease; opacity:0; display: flex; justify-content: center; align-items: center; cursor:pointer; }
.resources_boxcover span.boxlabeltext { display: flex; align-items: center; }
.resources_boxcover .resources_box .resources_hover img { margin-top:-2px; margin-right:10px; }
.resources_boxcover .resources_box:hover .resources_hover { opacity:1; }

.resources_filterarea .resources_readmore { position:relative; margin-top:30px; width:100%; text-align:center; float:left; }
.resources_filterarea .resources_readmore span { color: #707070; cursor:pointer; font-size: 30px; line-height:36px; font-weight: 700; justify-content: center; display:flex; align-items:center; } 
.resources_filterarea .resources_readmore span img { margin-left:10px; }
.vidyard_tinner .vidyard_tclose { left: auto; right:0; }

/**/ 
.mostpopcon_area { width:100%; float:left; position:relative; padding:80px 0; }
.mostpopcon_area .section_title { width:100%; float:left; margin-bottom:60px; text-align:center; }
.mostpopcon_area .section_title h3 { color:#fff; font-weight:600; font-size:47px; } 
.mostpopcon_area .mostpopcon_boxcover { width:100%; float:left; position:relative; padding:0 45px; }
.mostpopcon_boxcover .mostpopcon_box { width:33.33%; float:left; padding:0 20px; margin-bottom:60px; }
.mostpopcon_boxcover .mostpopcon_box .mostpopcon_boximg { width:100%; float:left; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; background-color:#fff; margin-bottom:20px; height:270px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);   }
.mostpopcon_boxcover .mostpopcon_box .mostpopcon_boxtext { width:100%; float:left; color: #fff; font-size:18px; line-height:24px; }
.mostpopcon_boxcover .mostpopcon_box h5 { color: #fff; font-size:18px; line-height:24px; }
.mostpopcon_boxcover .mostpopcon_box .mostpopcon_date { font-weight:300; }
.mostpopcon_boxcover .mostpopcon_box .mostpopcon_hover { position:absolute; left:0; top:0; color: #707070; width:100%; height:100%; background-color: #ebf3f8; transition:all .4s ease; opacity:0; display: flex; justify-content: center; align-items: center }
.mostpopcon_boxcover .mostpopcon_box .mostpopcon_hover img { margin-top:-2px; margin-right:10px; }
.mostpopcon_boxcover .mostpopcon_box:hover .mostpopcon_hover { opacity:1; }

/**/ 
.ctabar_area { position:relative; width:100%; padding:110px 0; text-align:center; }
.ctabar_area:before { position:absolute; content:""; left:50%; top:80px; width:499px; height:295px; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/browse-leaf.png') no-repeat center / cover; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } 
.ctabar_area h3 { color: #223e5d; font-weight:600; margin-bottom:10px; }  
.ctabar_area a.cta_button { float: none; display: inline-block; vertical-align: top; padding: 18px 30px 18px 75px; margin-top: 30px; background-image: linear-gradient(to right, #0b3344 0%, #264A59 100%);   color: #fff; border-radius: 5px; font-weight: 600; position: relative;  }
.ctabar_area a.cta_button:hover { background-image: linear-gradient(145deg,#02a9b5 0%,#01555b 100%); }
.ctabar_area a.cta_button:before { position: absolute; content: ""; height: 30px; width: 48px; left: 20px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/cta2-icon.svg') no-repeat center; background-size: 30px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

/**/
.ecolanesol_area { background-color:rgb(64 138 244 / 0.1); padding:120px 0; line-height: 30px; }
.ecolanesol_area h2 { width:100%; text-align:center; font-weight: 700; color: #2d2d2d; position:relative; margin-bottom:35px; padding-bottom:16px; }
.ecolanesol_area h2:after { position:absolute; content:""; left:50%; margin-left:-80px; bottom:0; width:158px; height:5px; background:#2d2d2d; }
.ecolanesol_area .ecolanesol_cover { width:100%; position:relative; }
.ecolanesol_area .ecolanesol_img { position:absolute; right: 50px; bottom: -70px; }
.ecolanesol_area .ecolanesol_cover .ecolanesol_text { margin: 0 auto;  max-width: 970px; float: none; font-weight: 400; }

/**/
.whyecolane_area { padding:120px 0; line-height: 26px; width:100%; position:relative; }
.whyecolane_area h3 { width:100%; text-align:left; font-weight: 700; color: #1c4151; position:relative; margin-bottom:25px; padding-bottom:16px; }
.whyecolane_area h3:after { position:absolute; content:""; left:0; bottom:0; width:158px; height:5px; background:#2d2d2d; }
.whyecolane_area .wrapper { display:flex; align-items:center; }
.whyecolane_area .whyecolane_cover { width:calc(100% - 450px); padding-right:40px; position:relative; }
.whyecolane_area .whyecolane_img { position:relative; width:450px; border-radius: 15px; height:350px; }
.whyecolane_area .whyecolane_img:before { position:absolute; content:""; right: -150px; top: -120px; width:400px; height:400px; border-radius:50%; background-image: linear-gradient(270deg, #408af5 0%, rgba(32, 69, 123, 0) 100%); opacity:0.1; }
.whyecolane_area .btn_style1 { margin-top:30px; }
.whyecolane_area .btn_style1 a { background: #418af4; }
.whyecolane_area .btn_style1 a:hover { background: #0079c2; }

/**/  
.ecolservices_area { position:relative; width:100%; padding:120px 0; }
/* .ecolservices_area:before {  position: absolute; content: ""; right:30px; top: 50%; width: 499px; height: 295px; background: url(https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/browse-leaf.png) no-repeat center / cover; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } */

/* .ecolservices_area .round_pattan.fadeInUpShort { opacity:0.1 !important; }
.ecolservices_area .round_pattan.fadeInUpShort.go { opacity:0.1 !important; } */

.ecolservices_area .round_pattan { position: absolute; content: ""; left:-130px; top:85px; width: 400px; height: 400px; border-radius: 50%; background-image:linear-gradient(to right,rgb(64 138 245 / 0.1) 0%,rgba(32,69,123,0) 100%); opacity:0.1; } 
.ecolservices_area .flow_pattan { position: absolute; content: ""; right:40px; top: 220px;   }

.ecolservices_area .wrapper { display:flex; align-items:center; position: relative; z-index: 1; }    
.ecolservices_area .ecolservices_boxcover { width:60%; padding-right:40px; position:relative; }
/* .ecolservices_area .ecolservices_boxcover:before { position: absolute; content: ""; left:-130px; top:50%; width: 400px; height: 400px; border-radius: 50%; background-image: linear-gradient(to right, #408af5 0%, rgba(32, 69, 123, 0) 100%); opacity:0.1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } */

.ecolservices_area .ecolservices_boxcover .ecolservices_box { padding:20px 10px; max-width:330px; text-align:center; font-size: 12px; line-height:20px; font-weight: 400; color:#fff; }
.ecolservices_area .ecolservices_boxcover .ecolservices_boxinner { border-radius: 15px; background-color: #408af4; padding:30px 20px; position:relative; }
.ecolservices_area .ecolservices_boxcover .ecolservices_boxinner a.serboxlink { position:absolute; top:0; left:0; height:100%; width:100%; }
.ecolservices_area .ecolservices_boxcover .ecolservices_box h4 { color:#fff; margin:10px 0 5px; font-size: 30px; line-height:40px; font-weight: 700; }
.ecolservices_area .ecolservices_boximg img { max-width:90px; }
.ecolservices_area .ecolservices_right { width:40%; color: #223e5d; }
.ecolservices_area .ecolservices_right h3 { width:100%; text-align:left; font-size:40px; font-weight: 700; color: #1c4151; position:relative; margin-bottom:35px; padding-bottom:20px; }
.ecolservices_area .ecolservices_right h3:after { position:absolute; content:""; left:0; bottom:0; width:158px; height:5px; background:#2d2d2d; }
.ecolservices_area .btn_style2 { margin-top:30px; }
.ecolservices_area .btn_style2 a { background-color: #223e5d; position:relative; }
.ecolservices_area .btn_style2 a:after { position:relative; float:none; display:inline-block; content:""; background:url('https://www.ecolane.com/hubfs/ecolane-theme-2020/images/white-riarrow.png') no-repeat center / cover; width: 16px; height: 14px; background-size: 100% 100%; margin-left: 10px; vertical-align: middle; transition:all .4s ease; }
.ecolservices_area .btn_style2 a:hover { color:#fff; background:#3399ff; }
.ecolservices_area .btn_style2 a:hover:after { margin-left:15px; }



.ecolservices_area .ecolservices_boxcover .ecolservices_box:nth-child(2) { margin: -155px 0 -150px 335px; }
.ecolservices_area .ecolservices_boxcover .ecolservices_box:nth-child(2) .ecolservices_boxinner { background-color: #01a9b5; }
.ecolservices_area .ecolservices_boxcover .ecolservices_box:last-child .ecolservices_boxinner { background-color: #223e5d; }

.managservices_area #hs_cos_wrapper_Management-module-5, .management-main-section .management-btn { text-align:center; margin-top:50px; }
.managservices_area #hs_cos_wrapper_Management-module-5 a, .management-main-section a.btn_style2 { background-color: #124164; }
.managservices_area #hs_cos_wrapper_Management-module-5 a:hover, .management-main-section a.btn_style2 a:hover { background-color: #0079C2; }


/**/
.problemsolution_area { padding:70px 0; /*background-image:linear-gradient(166deg,#0079c2 0%,#0079c294 100%);*/ background: #0079c2;
  background: -moz-linear-gradient(-45deg,  #0079c2 0%, #7db9e8 100%);
  background: -webkit-linear-gradient(-45deg,  #0079c2 0%,#7db9e8 100%);
  background: linear-gradient(135deg,  #0079c2 0%,#7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079c2', endColorstr='#7db9e8',GradientType=1 );
}
.problemsolution_area .problemsolution_top { text-align:center; width:100%; color:#fff; line-height: 30px; }
.problemsolution_area .problemsolution_top h3 { font-weight:700; color: #ffffff; margin-bottom:15px; }

.problemsolution_area .problemsolution_cover { width:100%; position:relative; margin-top:70px; padding-left:50px; }
.problemsolution_cover .problemsolution_box { width:100%; position:relative; margin-bottom:50px; } 
.problemsolution_cover .problemsolution_box:last-child { margin-bottom:0; }
.problemsolution_cover .problemsolution_box .problemsolution_boxinner { width:100%; display:none; }
.problemsolution_cover .problemsolution_box .problemsolution_title { width:100%; position:relative; cursor:pointer; color:#fff; font-size: 30px; line-height:40px; font-weight: 700; padding-bottom:15px; margin-bottom:30px; padding-right:50px; border-bottom:2px solid #fff;  } 
.problemsolution_cover .problemsolution_box .problemsolution_title:before { position:absolute; content:""; right:10px; top:50%; width:25px; height:4px; background:#fff; border-radius:30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.problemsolution_cover .problemsolution_box .problemsolution_title:after { position:absolute; content:""; right:21px; top:50%; width:4px; height:25px; background:#fff; border-radius:30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transition:all .4s ease; }
.problemsolution_cover .problemsolution_box .problemsolution_title.active:after { opacity:0; }

.problemsolution_cover .problemsolution_box .count_box span { width: 37px; height: 37px; margin-left:-48px; display:inline-block; color: #0b3344; font-size: 30px; line-height:20px; font-weight: 700; text-align:center; padding:8px 8px; box-shadow: 0 3px 25px rgba(0, 0, 0, 0.16); border-radius: 5px; background-color: #ffffff; }
.problemsolution_cover .problemsolution_box .count_box { color: #c8e3ff;  }
.problemsolution_cover .problemsolution_box .solution_box1 { width: 100%; margin-bottom:50px; background-color: rgb(255 255 255 / 0.12); color: #fff; padding: 30px 50px; font-style: italic; font-size: 18px; font-weight: 400; line-height: 24px; }
.problemsolution_cover .problemsolution_box .solution_box2 { color: #fff; margin-bottom:20px; font-size: 30px; line-height:40px; font-weight: 700; }
.problemsolution_cover .problemsolution_box .solution_box2 span { color: #c8e3ff; }
.problemsolution_cover .problemsolution_box .solution_box3 { width: 100%; margin-bottom:0px; background-color: rgb(255 255 255 / 0.12); color: #fff; padding: 30px 50px; font-style: italic; font-size: 18px; font-weight: 400; line-height: 24px; }
.problemsolution_cover .problemsolution_box .problemsolution_boxinner a { color:#fff; text-decoration:underline; text-underline-position: under; }
.problemsolution_cover .problemsolution_box .problemsolution_boxinner a:hover { color:rgba(255,255,255,0.7); }

/**/
.transiteffcieny_area { padding:100px 0 50px; overflow:hidden; position:relative; width:100%; background-image: linear-gradient(180deg, #335780 0%, #060c10 100%);  }
.transiteffcieny_area:before { position: absolute; content: ""; left:-200px; top:-200px; width: 400px; height: 400px; border-radius: 50%; background-image: linear-gradient(217deg, #ffffff 0%, rgba(128, 128, 128, 0) 100%); opacity: .1; }
.transiteffcieny_area .transiteffcieny_box1:after { position: absolute; content: ""; right: -80px; top: 100px; width: 350px; height: 350px; border-radius: 50%; background-image: linear-gradient(180deg, #ffffff 0%, rgba(128, 128, 128, 0) 100%); opacity: .1; }

.transiteffcieny_area h3 { color:#fff; font-weight:700; width:100%; text-align:center; }
.transiteffcieny_area .transiteffcieny_img { height:350px; width:100%; margin-top:80px; border-radius:14px; }

.transiteffcieny_area .transiteffcieny_box { margin:100px 0 70px 0; position:relative; display:flex; align-items:center; color:#fff;  }
.transiteffcieny_area .transiteffcieny_box h4 { color:#fff; font-weight:700; position:relative; padding-bottom:15px; margin-bottom:30px; }
.transiteffcieny_area .transiteffcieny_box h4:after { position:absolute; content:""; left:0; bottom:0; width:158px; height:5px; background:#fff; }
.transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft { width:50%; padding-right:40px; padding-left:60px; }
.transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft ul { width:100%; padding:0; margin:50px 0 0; list-style:none; }
.transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft ul li { width:100%; margin-bottom:40px; position:relative; padding-left:60px; opacity: 0; visibility: hidden; top: 30px; transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; }
.transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft ul li:before { position:absolute; content:""; left:0; top:-8px; width:41px; height:37px; background:url('https://www.ecolane.com/hubfs/ecolane-theme-2020/images/noun_Check_1755628.png') no-repeat center / cover; }  
.transiteffcieny_area .transiteffcieny_box .transiteffcieny_boximg { width:50%; position:relative; z-index:1; }  
.transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft.go ul li { top: 0px; opacity: 1; visibility: visible; }
.transiteffcieny_area .transiteffcieny_box:first-child .transiteffcieny_boxleft.go ul li:nth-child(2) { transition-delay: .5s; }
.transiteffcieny_area .transiteffcieny_box:first-child .transiteffcieny_boxleft.go ul li:nth-child(3) { transition-delay: 1s; }
.transiteffcieny_area .transiteffcieny_box:first-child .transiteffcieny_boxleft.go ul li:nth-child(4) { transition-delay: 1.5s; }
.transiteffcieny_area .transiteffcieny_box:first-child .transiteffcieny_boxleft.go ul li:nth-child(5) { transition-delay: 2s; }
.transiteffcieny_area .transiteffcieny_box:first-child .transiteffcieny_boxleft.go ul li:nth-child(6) { transition-delay: 2.5s; }
.transiteffcieny_area .transiteffcieny_box:first-child .transiteffcieny_boxleft.go ul li:nth-child(7) { transition-delay: 3s; }

.transiteffcieny_area .transiteffcieny_box:nth-child(2) .transiteffcieny_boxleft.go ul li:nth-child(2) { transition-delay: 1s; }
.transiteffcieny_area .transiteffcieny_box:nth-child(2) .transiteffcieny_boxleft.go ul li:nth-child(3) { transition-delay: 1.5s; }
.transiteffcieny_area .transiteffcieny_box:nth-child(2) .transiteffcieny_boxleft.go ul li:nth-child(4) { transition-delay: 2s; }
.transiteffcieny_area .transiteffcieny_box:nth-child(2) .transiteffcieny_boxleft.go ul li:nth-child(5) { transition-delay: 2.5s; }
.transiteffcieny_area .transiteffcieny_box:nth-child(2) .transiteffcieny_boxleft.go ul li:nth-child(6) { transition-delay: 3s; }
.transiteffcieny_area .transiteffcieny_box:nth-child(2) .transiteffcieny_boxleft.go ul li:nth-child(7) { transition-delay: 3.5s; }

.transiteffcieny_area .efficiency_imageright .transiteffcieny_boximg:before { position:absolute; content:""; border-radius:50%; right: -40px; top: 100px; width: 345px; height: 349px; background-image: linear-gradient(180deg, #ffffff 0%, rgba(128, 128, 128, 0) 100%); opacity: 0.1;} 

.transiteffcieny_area .transiteffcieny_box.efficiency_imageleft { flex-direction: row-reverse; } 
.transiteffcieny_area .transiteffcieny_box.efficiency_imageleft .transiteffcieny_boximg { position:relative; }
.transiteffcieny_area .transiteffcieny_box.efficiency_imageleft .transiteffcieny_boximg:before { position:absolute; content:""; z-index:-1; left: 40px; bottom: -80px; width: 266px; height: 194px; background: url(https://www.ecolane.com/hubfs/ecolane-theme-2020/images/trans-pat.png) no-repeat center / cover; }

.transiteffcieny_area .transiteffcieny_box.efficiency_imageleft .transiteffcieny_boxleft { padding:0 0 0 50px; }
.transiteffcieny_area .transiteffcieny_box.efficiency_imageleft .transiteffcieny_boxleft .white_btn a { color: #707070; }
.transiteffcieny_area .transiteffcieny_box.efficiency_imageleft .transiteffcieny_boxleft .white_btn a:hover { color: #fff; background:#3399aa; }

/**/ 
.featuresslider_area { width:100%; position:relative; padding:60px 0 70px; background-image: linear-gradient(180deg, #335780 0%, #060c10 100%); }
.featuresslider_area h3 { width:100%; text-align:center; font-weight:700; color:#fff; position:relative; padding-bottom:15px; margin-bottom:20px; }
.featuresslider_area h3:after { position:absolute; content:""; left:50%; margin-left:-80px; bottom:0; width:158px; height:5px; background:#fff; } 

.featuresslider_area .featuresbox_slider { width:100%; margin-top:50px; display:flex; } 
.featuresslider_area .featuresbox_slider .featuresbox_leftslider { position:relative; width:50%; padding-top:25px; }
.featuresslider_area .featuresbox_slider .featuresbox_leftslider:before { position:absolute; content:""; width:266px; height:194px; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/solution-hero-dots.png') no-repeat center / cover; left:-120px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.featuresslider_area .featuresbox_slider .featuresbox_img { width:100%; position:relative; height:510px; border-radius:15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); }

.featuresbox_rightslider .featuresbox_img { display:none; }

.featuresslider_area .featuresbox_slider .featuresbox_rightslider { width:50%; padding-left:50px; position:relative; }
.featuresslider_area .featuresbox_slider .featuresbox_rightslider .slick-list { padding:0 !important; }
.featuresslider_area .featuresbox_slider .slick-current .featuresbox { opacity:1; }
.featuresslider_area .featuresbox_slider .featuresbox_rightslider:before { position:absolute; content:""; left:50px; opacity:0.2; top:50%; width:3px; height:calc(100% - 60px); background:#fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }

.featuresslider_area .featuresbox_slider .featuresbox_rightslider .featuresbox {  padding-left:40px; position:relative; } 
.featuresslider_area .featuresbox_slider .featuresbox_rightslider .featuresbox:before { position:absolute; content:""; left:-1px; opacity:0; top:50%; width:3px; height:calc(100% - 60px); background:#fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.featuresslider_area .featuresbox_slider .featuresbox_rightslider .slick-current .featuresbox:before { opacity:1; }
.featuresslider_area .featuresbox_slider .featuresbox { opacity:0.5; display:flex !important; align-items:center; text-align:left; color:#fff; transition:all .4s ease; }
.featuresslider_area .featuresbox_slider .featuresbox h4 { color:#fff; font-size:30px; margin-bottom:15px; font-weight:700; }
.featuresslider_area .featuresbox_slider .featuresbox_info { width:100%; margin:20px 0; cursor:pointer; }

.featuresslider_area ul.slick-dots { position:absolute; right:-30px; width:20px; height:100%; top: 0; display: flex !important; align-items: center; justify-content: center; flex-direction: column; }
.featuresslider_area ul.slick-dots li { margin:5px 0; }
.featuresslider_area ul.slick-dots li button:hover,.featuresslider_area ul.slick-dots li.slick-active button { background:#fff; opacity:1; }
.featuresslider_area ul.slick-dots li button { width:18px; height:18px; border:none; opacity:0.5; }
.featuresslider_area .slick-arrow.slick-prev { right:0; left:auto; top:0; position:relative; margin-top:0; }
.featuresslider_area .slick-arrow.slick-next { margin-bottom:0; margin-top:8px; top:0; position:relative; right:0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.featuresslider_area .slick-arrow.slick-prev:before { background:url('https://www.ecolane.com/hubfs/ecolane-theme-2020/images/arrow-btn.png') no-repeat center / cover; }
.featuresslider_area .slick-arrow.slick-next:before { background:url('https://www.ecolane.com/hubfs/ecolane-theme-2020/images/arrow-btn.png') no-repeat center / cover; }
.featuresslider_area .featuresbox_button { margin-top:50px; text-align:center; }
.featuresslider_area .featuresbox_button a { position:relative; color: #223e5d; min-width:260px; }
.featuresslider_area .featuresbox_button a:after { position:relative; float:none; display:inline-block; content:""; background:url('https://www.ecolane.com/hubfs/ecolane-theme-2020/images/right-arrow.png') no-repeat center / cover; width: 16px; height: 14px; background-size: 100% 100%; margin-left: 10px; vertical-align: middle; transition:all .4s ease; }
.featuresslider_area .featuresbox_button a:hover { color:#223e5d; background:#fff; }
.featuresslider_area .featuresbox_button a:hover:after { margin-left:15px; }


/**/
.solution_sliderarea { position:relative; width:100%; margin-top:200px; margin-bottom:-701px; z-index: 1; }
.solution_sliderarea:before { position:absolute; content:""; right: 210px; top: -120px; width:334px; height:346px; background:url('https://www.ecolane.com/hubfs/ecolane-theme-2020/images/hero-linepat.png') no-repeat center / cover; }
.solution_sliderarea .solslide_dotsbg { position:absolute; right: -130px; top: 72px; }  

.solution_sliderarea .solution_slidertop { width:100%; text-align:center; } 
.solution_sliderarea .solution_slidertop h2 { font-weight: 700; position:relative; font-size:30px; text-transform:uppercase; margin-bottom:40px; padding-top:50px; }
.solution_sliderarea .solution_slidertop h2:before { position:absolute; content:""; left:50%; top:0; width:calc(100% - 50px); height:6px; background-color: #22296b; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }

.solution_sliderarea .solution_slidertext { width:100%; position:relative; margin:0 auto; font-size:18px; margin:0 auto; max-width:770px; float:none; text-align:center; }
.solution_sliderarea .solution_sliderwrap { width:100%; position:relative; z-index:1; padding-top:35px; }
.solution_sliderarea .solution_sliderwrap:before { background: #22296B 0% 0% no-repeat padding-box; height:50%; width:100%; position:absolute; content:""; left:0; top:0; z-index:-1; }
.solution_sliderarea .solution_sliderwrap:after { background-color: #ececec; height:250px; width:100%; position:absolute; content:""; left:0; top:50%; z-index:-1; }

.solution_sliderarea .solution_slidercover { width:100%; padding:0 50px; margin-bottom:-79px; } 
.solution_sliderarea .solution_slidercover .slick-list { padding:70px 0 !important; } 
.solution_sliderarea .solution_slidercover .slick-track { display:flex; align-items:center; }
.solution_sliderarea .solution_slidercover .slick-arrow { z-index:9999; margin-top:3px; } 

.solution_sliderarea .solution_sliderbox .solution_sliderbox span  { width:100%; } 
.solution_sliderarea .solution_slidercover .solution_sliderboxinner { width:100%; display:flex !important; min-height:200px; align-items:center; justify-content:center; padding:20px; transition:all .4s ease; background:#fff; color: #707070; font-size:18px; line-height:24px; text-align:center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 25px;  } 
.solution_sliderarea .solution_slidercover .solution_sliderbox h3 { color: #fff; text-transform:uppercase; font-weight:700; font-size:30px; line-height: 38px; margin-bottom:15px; }
.solution_sliderarea .solution_sliderbox .solution_slidertitle { display:none; } 
.solution_sliderarea .solution_sliderbox .solutionbox_space { padding:0 20px; }

.solution_sliderarea .slick-active.slick-center .solution_sliderbox .solutionbox_space { padding:0; }
.solution_sliderarea .slick-active.slick-center .solution_sliderbox .solution_slidertitle { display:block; } 
.solution_sliderarea .slick-active.slick-center .solution_sliderbox {  transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); }
.solution_sliderarea .slick-active.slick-center .solution_sliderbox .solution_sliderboxinner { color: #707070; background-image: linear-gradient(180deg, #d6ecff 0%, #ffffff 100%); cursor:default; }  
.solution_sliderarea .slick-active.slick-center .solution_sliderbox h3 { color:#0079c2;  } 

.solution_sliderarea .slick-active .solution_sliderbox .solution_sliderboxinner { color: #fff; background: #3399FF 0% 0% no-repeat padding-box; cursor:pointer; }  
.solution_sliderarea .slick-active.slick-current + .slick-active .solution_sliderbox .solution_sliderboxinner { color:#fff; background: #01A9B5 0% 0% no-repeat padding-box; cursor:pointer; }  

.solservices_iconcover { position:relative; z-index:1; top:80px; width:100%;  text-align:center; padding:0 60px; }
.solservices_iconcover .solservices_iconboxwrap { display:flex !important; flex-wrap:wrap; justify-content: center; width:100%; }
.solservices_iconcover .solservices_iconbox { width:20%; padding:0 10px; }
.solservices_iconcover .solservices_iconbox .solservices_icon { width: 136px; height: 136px; border-radius:50%; float:none; margin: 0 auto; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border: 8px solid rgba(51, 153, 255, 0.09); background-color: #ffffff;  }
.solservices_iconcover .solservices_iconbox .solservices_icon img { max-width:100px; }
.solservices_iconcover .solservices_iconbox h6 { font-weight:700; color: #0079c2; margin-top:20px; font-weight: 400; line-height:24px; }

.solution_slidercover .slick-arrow.slick-prev:before { width: 30px; height: 58px; background:url('https://www.ecolane.com/hubfs/ecolane-theme-2020/images/Subtraction_2.png') no-repeat; background-size: 100%; }
.solution_slidercover .slick-arrow.slick-next:before { width: 30px; height: 58px; background:url('https://www.ecolane.com/hubfs/ecolane-theme-2020/images/Subtraction_1.png') no-repeat; background-size: 100%; }

.agency-benefit-section { padding:100px 0; }

/* Company Policy Page */
.policy-content-section h1, .policy-content-section h2, .policy-content-section h3, .policy-content-section h4, .policy-content-section h5, .policy-content-section h6 { padding:0 0 10px; font-weight:600; }
.policy-content-section p { padding:5px 0 15px; }
.policy-content-section ul { padding: 0; list-style: none; margin:0; }  
.policy-content-section ul li { position: relative; padding: 0 15px 0 35px; margin: 0px 15px 15px; }
.policy-content-section ul li:before { height: 18px; width: 18px; display: block; border: 1.5px solid; position: absolute; left: 0; content: ""; top: 4px; }
.policy-content-section ul li:after { content: ""; margin-left: 5px; margin-top: 3px; width: 17px; height: 8px; border-bottom: solid 2px #333; border-left: solid 2px #333; transform: rotate(-45deg); position: absolute; left: -1px; top: 2px; background: #f5f5f5; } 
.policy-content-section ol { margin-top:10px; }
.policy-content-section ol + ul { padding-left:40px; }
.policy-content-section ol li { margin-bottom:10px; }

/* Transit Trends Page */
.heronew-section { position:relative; padding:180px 0; }
.heronew-section:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.75; background:#fff; }
.heronew-section > div { position:relative; }
.heronew-content h1 { letter-spacing:2px; }

.action-slide-menu { position: fixed; left: 0; background: #fff; width: auto; z-index: 997; transform: translateY(-50%) !important; top: 50%; }
.action-slide-menu .hs-menu-wrapper > ul { max-width: 390px; width: 100%; overflow: auto; max-height: calc(100vh - 50px); margin: 0; }
.action-slide-menu .hs-menu-wrapper > ul > li { float: left; width: 100% !important; text-align: left; padding: 0 }
.action-slide-menu .hs-menu-wrapper > ul > li a { display: block; text-decoration: none; padding: 7px 15px; transition: all .3s ease; }
.action-slide-menu .hs-menu-wrapper > ul > li > ul { position: relative !important; visibility: visible !important; opacity: 1 !important; display: block; background:#223E5D !important; }
.action-slide-menu .hs-menu-wrapper > ul > li + li { border-top: 1px solid #bdbdbd }
.action-slide-menu .hs-menu-wrapper > ul > li > ul a { color: #fff; padding-left: 30px }
.action-slide-menu .hs-menu-wrapper > ul li.hs-menu-depth-1 a:before { position:absolute; content: "\f105"; font-family: fontawesome; left: 12px; top: 4px; }
.action-slide-menu .hs-menu-wrapper > ul > li a:hover { color: #fff; background:#223E5D; }
.action-slide-menu .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color: #223E5D; background: #fff }
.action-slide-menu .menu-action-btn { position: absolute; left: 100%; background:#223E5D; height: 43px; width: 43px; display: block; text-align: center; font-size: 30px; line-height: 44px; color: #fff; cursor: pointer }
.action-slide-menu.open { transform: translateX(0)  translateY(-50%) !important; box-shadow: 0 0 19px rgba(0, 0, 0, 0.39); }
.action-slide-menu.open .menu-action-btn i { display: block; transform: rotate(180deg) }
.scroll-open .row-fluid .action-slide-menu { transform: translateX(-100%)  translateY(-50%) !important; }
.scroll-open .row-fluid .action-slide-menu.open { transform: translateX(0)  translateY(-50%) !important; }
.scroll-open .row-fluid .action-slide-menu.open .menu-action-btn i { display: block; transform: rotate(180deg)!Important }
.scroll-open .row-fluid .action-slide-menu .menu-action-btn i { display: block; transform: rotate(0)!Important }
.scroll-close .row-fluid .action-slide-menu { transform: translateX(-100%)  translateY(-50%); }
.scroll-close .row-fluid .action-slide-menu .menu-action-btn i { display: block; transform: rotate(0) !important }
.scroll-open .row-fluid .action-slide-menu.open .menu-action-btn i { transform: rotate(180deg)!Important }
.action-slide-menu { transform: translateX(-100%) translateY(-50%) !important; transition: all .3s ease; }
.action-slide-menu .menu-action-btn i { display: block; height: 43px; line-height: 41px }
.action-slide-menu .menu-action-btn:hover { background: #01A9B5 }
.action-slide-menu .hs-menu-flow-horizontal > ul > li > ul li.hs-menu-item.hs-menu-depth-2 { width: 100%; min-width: 100%; text-align: left; background: transparent }
.action-slide-menu .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper { display: block !Important; }
.action-slide-menu ul li.hs-menu-depth-1 > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 { padding-left: 20px; }
.action-slide-menu ul li.hs-menu-depth-1 { width: 100%; }
.action-slide-menu ul li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { display: block !important; position: unset; opacity: 1; visibility: visible; }
.action-slide-menu ul li.hs-menu-depth-1 a { display: block; width: 100%; font-weight:700; color:#223E5D !Important; padding: 6px 15px 6px 25px; font-size:16px; line-height:28px; position:relative; }
.action-slide-menu .hs-menu-flow-horizontal>ul div#mCSB_1_container { margin: 0; padding-right: 0; position:relative; }
.action-slide-menu ul li.hs-menu-depth-1 + li { border-top: 1px solid #dedede; }
.action-slide-menu ul li.hs-menu-depth-1:hover > a { background:#223E5D; color: #fff !Important; }
.action-slide-menu .hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color: #223E5D; }

.pillar-banner .dnd-section { padding: 70px 0; position: relative; background-attachment: fixed !important; }
.pillar-banner .dnd-section:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: #fff; opacity: 0.75; }
.pillar-banner .dnd-section > div { position: relative; }
.simple-info-strip { padding: 70px 0; vertical-align: top; width: 100%; }

.pillar-banner.container .dnd-section > .row-fluid { width: auto; }

.demopgraphics-section { display: inline-block; vertical-align: top; width: 100%; padding: 30px 0; }
.demopgraphics-section .demopgraphics-title-section h4 { margin-bottom: 20px; }
.demopgraphics-wrap { display: block; width: auto; margin: 0 -15px; text-align:center; }
.demopgraphics-col { float: none; display: inline-block; vertical-align: top; width: 25%; margin: 0 -2px; padding: 15px; text-align: center; }
.demopgraphics-colinner { background: #fff; border: 2px solid #0079c1; }
.demopgraphics-title { color: #fff; font-size: 20px; background: #0079c1; padding: 20px 15px 20px; font-family: 'Montserrat', sans-serif; font-weight: 700; }
.demopgraphics-text { padding: 40px 30px 40px; font-size: 15px; line-height: 23px; }
.demopgraphics-titlein { display: flex; align-items: center; justify-content: center; }

.pillar-banner-content ul { padding: 0 0 0 30px; list-style: none; }
.pillar-banner-content ul li { padding-left: 35px; position: relative; }
.pillar-banner-content ul li:before { content: ''; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: url(https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/Ecolane_Theme_2018/logo-cut.png) no-repeat center / contain; } 
.pillar-banner-content ul li + li { margin-top:19px; }

.banner-with-cta-main { color: #0079c1; font-size: 22px; line-height: 36px; font-weight: 700; }
.banner-with-cta-main .btn_style3 { margin-top: 50px; }

.transit-agency-content.pillar-banner-content ul { padding: 0; margin-bottom: 0; }
.transit-agency-content.pillar-banner-content ul li { padding-left: 0; }
.transit-agency-content.pillar-banner-content ul li:before { display: none; }
.transit-agency-content.pillar-banner-content ul li p { padding: 15px 0; }
.transit-agency-content.pillar-banner-content ul li { padding: 15px 0; }
.transit-agency-content.pillar-banner-content ul li + li { margin: 0; }

/* Non Emergency Medical Transport Page */
.transit-slider-section { display: inline-block; vertical-align: top; width: 100%; padding: 40px 0 80px; }
.transit-slider-col { float: left; width: 33.33%; padding: 0 15px; }
.transit-slider-wrap { margin: 0 -15px; width: auto; display: block; }
.transit-slider-title { background: #0079c1; min-height: 88px; display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 33px; }
.transit-slider-title > div { padding: 10px 15px; }
.transit-slider-contentbox { min-height: 490px; position: relative; }
.transit-slider-overlay { background: rgba(45, 48, 52, 0.76); color: #fff; text-align: left; position: absolute; bottom: 0; width:100%; }
.transit-slider-overlay .text { padding: 15px; font-size: 15px; line-height: 25px; }
.transit-slider-overlay a.link { display: block; text-align: center; background: #0079c1; color: #fff; padding: 12px 15px; }
.transit-slider-colin { transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -ms-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s; }
.transit-slider-colin:hover { box-shadow:0 0 17px 1px rgba(51,153,255,0.6); }
.transit-popupwrap { max-width: 1000px; padding:0 !important; overflow:visible !important; text-align:left !important; }
.transit-popupwrap .transit-popuptitle { padding: 20px; background: #0079c1; color: #fff; font-size: 26px; font-weight: 700; }
.transit-popupwrap .transit-popuptext { padding: 30px 20px; font-size:16px; line-height:24px; }
.transit-popupwrap .transit-popuptext h5 { font-size: 20px; margin-bottom: 0; }
.transit-popupwrap .transit-popuptext p { padding: 5px 0 20px; }
.fancybox-slide--html .transit-popupwrap .fancybox-close-small { top:-20px; right:-20px; } 
.pillar-banner-content .transit-slider-section ul.slick-dots { padding:30px 0 0; }
.pillar-banner-content .transit-slider-section ul.slick-dots li { padding:0 5px; }
.pillar-banner-content .transit-slider-section ul.slick-dots li + li { margin:0; }
.pillar-banner-content .transit-slider-section ul.slick-dots li:before { display:none; }
.pillar-banner-content .transit-slider-section ul.slick-dots li button { width: 22px; border-radius: 0; height: 3px; background: #223E5D; margin: 0; padding: 0; border: 0; }
.pillar-banner-content .transit-slider-section ul.slick-dots li.slick-active button { background: #01A9B5; }
.pillar-banner-content .transit-slider-section .slick-arrow.slick-next { right: auto; left: 100%; }
.pillar-banner-content .transit-slider-section .slick-arrow.slick-prev { left: auto; right: 100%; }

/* Future Of Mobility Page */
.transportation-market-main .demopgraphics-title-section { display: none; }

.mobility-cta-banner h4 { margin-bottom:15px; }
.mobility-cta-banner.banner-with-cta-main { font-size: 18px; line-height: 31px; font-weight: 600; }

/* How Does Paratransit Work */
.demopgraphics-colinner a.link { display: block; text-align: center; background: #0079c1; color: #fff; padding: 12px 15px; }

.demopgraphics-section ul { padding: 0; text-align: left; }
.demopgraphics-section ul li:before { height: 5px; width: 5px; background-color: #000; border-radius: 100%; top: 9px; }
.demopgraphics-section ul li { padding-left: 15px; }
.demopgraphics-section ul li+li { margin: 2px 0 0; }
.paratransit-workmain .demopgraphics-textin { text-align:left; }

.demopgraphics-wrap.two_column .demopgraphics-col { width: 50%; }
.demopgraphics-wrap.three_column .demopgraphics-col { width: 33.33%; }

.pillar-contentwrap { padding-top: 65px; }
.pillar-contentcol { padding: 15px 0; display: inline-block; vertical-align: top; width: 100%; }
.transit-agency-content.pillar-banner-content .pillar-contentcol ul { margin: 0; padding: 0 0 0 40px; list-style-type: disc; }
.transit-agency-content.pillar-banner-content .pillar-contentcol ul li { padding: 10px 0; }
.transit-agency-content.pillar-banner-content .pillar-contentcol h5 { margin-bottom: 20px; }
.transit-agency-content.pillar-banner-content .pillar-contentcol .pillar-contenttext p { padding-bottom: 15px; }
.transit-agency-content.pillar-banner-content .pillar-contentcol .pillar-contenttext ul + p { padding-top: 15px; }

.mistake-section .pillar-contentwrap { padding:0; }

/* Career Page */
.inner-hero-section { position:relative; padding:200px 0; }
.inner-hero-section:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .75; }
.inner-hero-section > div { position:relative; }

.normal-content-wrap { display: inline-block; vertical-align: top; width: 100%; padding: 100px 0 80px; }
.normal-content-wrap h4 { margin-bottom: 30px; }
.normal-content-wrap p { padding: 5px 0 20px; }

.isotop-btn-list { display: inline-block; vertical-align:top; width: 100%; text-align: center; padding: 35px 0 20px; }
.isotop-btn-list label { display:none; }
.isotop-btn-list ul { display: inline-block; width: auto; padding: 0; margin: 0; list-style: none; }
.isotop-btn-list ul li { display: inline-block; padding: 5px 0; margin: 0 -3px; }
.isotop-btn-list ul li a { border: 2px solid #0079c1; color: #0079c1; padding: 8px 25px; display: block; }
.isotop-btn-list ul li a.selected { background: #0079c1; color: #fff; }
.isotop-btn-list ul li+li a { border-left: 0; }

.job-isotop-wrapper { display: inline-block; vertical-align:top; width: 100%; }
.job-isotop-wrapper .accordion-box { width: 100%; display: inline-block; vertical-align:top; margin-bottom:15px; }
.row-fluid .open-position-section .career-accordion .accordion-title { background: #0079c1; padding: 12px 30px 12px 15px; color: #fff; border-radius: 5px; cursor: pointer; position: relative; text-align: left; }
.row-fluid .open-position-section .accordion-title span.choise-tag { float: right; text-transform: capitalize; }
.row-fluid .open-position-section .accordion-title:after { content: "\f107"; font-family: 'FontAwesome'; display: inline-block; float: right; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.row-fluid .open-position-section .accordion-text { padding: 15px; background: #fafafa; border-radius: 0 0 5px 5px; display: none; }
.row-fluid .open-position-section .accordion-text1 { padding: 15px 0 25px; }
.row-fluid .open-position-section .accordion-text p { padding: 5px 0 15px; }
.fillter-social-text { padding-top: 40px; }
.open-position-section { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 80px; }

.career-cta-strip-section { display: inline-block; vertical-align: top; width: 100%; padding: 34px 0; background: #0079c1; }
.career-cta-strip-section .wrapper > div { max-width: 970px; margin: 0 auto; }
.career-cta-strip-section .wrapper > div > div { display: flex; align-items: center; }
.career-cta-strip-section .wrapper > div > div > div:nth-child(1) { width: 100px; }
.career-cta-strip-section .wrapper > div > div > div:nth-child(2) { width: 100%; max-width: calc(100% - 400px); margin: 0; padding: 0 15px; }
.career-cta-strip-section .wrapper > div > div > div:nth-child(3) { width: 300px; margin: 0; }
.career-cta-strip-section h5 { color: #fff; }
.career-cta-strip-section a.btn_style3:hover { background:#fff; color:#223E5D; }

.career-counter-section { display: inline-block; vertical-align: top; width: 100%; background: #2d3034; padding: 60px 0; }
.career-counter-icon img { max-width: 130px; height: 70px; object-fit: contain; }
.career-counter-col .career-counter-number { margin-top: 17px; font-size: 56px; line-height: 62px; color: #fff; padding-bottom: 5px; }
.career-counter-col .career-counter-number:after { content: "M"; }
.career-counter-col:last-child .career-counter-number:after { content:""; }

.career-services { display: inline-block; vertical-align: top; width: 100%; padding: 90px 0 50px; background: #fafafa; }
.career-services .career-service-header h4 { margin-bottom: 30px; }
.career-services .career-service-header { line-height: 28px; }
.career-service-wrap { margin-top: 50px; text-align: center; }
.row-fluid .career-service-col { float: none; display: inline-block; vertical-align: top; width: 33.33%; margin: 0 -2px; padding: 0 28px; text-align: left; }
.career-services .wrapper { width: 1270px; max-width: 100%; }
.career-service-icon { width: 60px; height: 64px; display: block; }
.career-service-title h5 { margin-top: 18px; font-size: 16px; line-height: 24px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; position: relative; padding-bottom: 10px; }
.career-service-title h5:after { content: ''; margin-top: 14px; width: 62px; height: 1px; display: block; background: #e0e0e0; }
.career-service-title h5:before { }
.career-service-title h5:before { content: ''; width: 62px; height: 1px; background: #0079c1; position: absolute; bottom: 10px; left: 0; -webkit-animation: myfirst 2s infinite; -webkit-animation-direction: alternate; animation: myfirst 2s infinite; animation-direction: alternate; }
.career-service-text { display: inline-block; vertical-align: top; width: 100%; font-size: 15px; line-height: 23px; margin-top: 15px; }
.career-service-text ul { padding: 0; list-style: none; float: left; margin-top: 0; }
.career-service-text p { padding: 5px 0 15px; }
.career-service-text ul li { position: relative; padding: 0 15px 0 35px; margin: 7px 0; display: inline-block; vertical-align: top; width: 100%; }
.career-service-text ul li:before { height: 18px; width: 18px; display: block; border: 1.5px solid; position: absolute; left: 0; content: ""; top: 4px; }
.career-service-text ul li:after { content: ""; margin-left: 5px; margin-top: 3px; width: 17px; height: 8px; border-bottom: solid 2px #333; border-left: solid 2px #333; transform: rotate(-45deg); position: absolute; left: -1px; top: 2px; background: #fff; }

.career-testimonial-section { display: inline-block; vertical-align: top; width: 100%; padding: 100px 0 80px; }
.career-testimonial-section h4 { margin-bottom: 45px; text-transform:capitalize; }
.career-testimonial-boxin { border: 1px solid #e0e0e0; padding: 0 22px; border-radius: 5px; }
.career-testimonial-box { padding: 0 12px; }
.career-testimonial-img { overflow: hidden; margin: -50px auto 0; width: 100px; height: 100px; border-radius: 100px; border: 5px solid #fff; }
.career-testimonial-col { padding-top: 50px; }
.career-testimonial-content { text-align: center; font-size: 15px; line-height: 22px; }
.career-testimonial-name { padding-bottom: 35px; font-style: italic; position: relative; padding-top: 15px; }
.career-testimonial-name:before { content: ''; margin: 18px auto; width: 80px; height: 1px; background: #e0e0e0; display: block; }
.career-testimonial-wrap button.slick-prev.slick-arrow { left: auto; right: 100%; }
.career-testimonial-wrap button.slick-next.slick-arrow { right: auto; left: 100%; }

/* Finland Page */
.zigzag-contentbox { float: left; width: 50%; }
.zigzag-imgbox { float: left; width: 50%; display: flex; align-items: center; justify-content: center; }
.zigzag-textbox { display: inline-block; vertical-align: top; width: 100%; padding: 130px 80px 130px 80px; }
.zigzag-text { display: inline-block; vertical-align: top; width: 100%; line-height: 28px; }
.zigzag-textbox .zigzag-title h2 { padding-bottom: 10px; font-weight: 400; }
.zigzag-textbox .zigzag-title h2 span { font-weight: 800; display: block; }
.zigzag-textbox p { padding: 5px 0 15px; }
.zigzag-textbox a { color: #fff; text-decoration: underline; }
.zigzag-textbox a.btn_style3 { text-decoration:none; }

.finland-testimonial-main img.hs-image-widget { max-width: 200px !important; }
.finland-testimonial-main { font-size: 15px; line-height: 25px; }
.finland-testimonial-main .hs_cos_wrapper_type_rich_text { padding: 15px 15px 0 0; display: inline-block; vertical-align: top; width: 100%; }
.finland-testimonial-main .widget-type-linked_image { text-align:center; }
.finland-testimonial-main .dnd-row>.row-fluid>.dnd-column>.dnd-row.row-depth-1:first-child { border-bottom: 1px solid #0374bb }

/* Business Intelligence Page */
.inner-hero-section.business-hero { padding: 110px 0; font-size: 30px; font-weight: 600; }
.inner-hero-section.business-hero h1 { padding: 10px 0; }
.inner-hero-section.business-hero a.btn_style1 { margin-top: 25px; min-width: 1px; padding: 15px 30px; font-size: 20px; position: relative; }
.inner-hero-section.business-hero a.btn_style1:after { position: relative; display: inline-block; vertical-align: middle; content: ""; height: 32px; width: 32px; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/watch_video_white.png') no-repeat center / cover; margin-left: 15px; top: -1px; }

.next-transit-section { display: inline-block; vertical-align: top; width: 100%; padding: 60px 0; background: #0079c1; }
.next-transit-logo img { max-height: 90px; }
.next-transit-logo { margin-bottom: 15px; }
.next-transit-header h2 { margin-top: 20px; font-weight: 600; }
.next-transit-wrap { display: flex; align-items: center; max-width: 950px; margin: 40px auto 0; }
.next-transit-left { padding: 10px 40px 10px 0; width: 50%; float: left; text-align: right; }
.next-transit-right { padding: 0 20px 0 0; width: 50%; float: left; height: 272px; }

.business-benifit-section { display: inline-block; vertical-align: top; width: 100%; padding: 70px 0 52px; }
.business-benifit-wrap { display: inline-block; vertical-align: top; width: 100%; margin-top: 60px; }
.business-benifit-col { display: inline-block; vertical-align: top; width: 100%; }
.business-benifit-col h5 { margin: 10px 0; padding: 10px 0 10px 37px; font-weight: 500; background: #ededed url(//www.ecolane.com/hubfs/images/eco-arrow.png) no-repeat center left 10px !important; background-size: 20px !important; }
.business-benifit-col p { padding: 5px 0 15px; }
.business-benifit-col .hover-thumb { position: relative; margin: 10px 0 40px; text-align: center; }
.business-benifit-col .hover-thumb img { transition: all .3s ease; height: 380px; width: auto !important; margin: 0 auto !important; object-fit: contain; }
.business-benifit-col .hover-thumb img:first-child { position: relative; z-index: 5; }
.business-benifit-col .hover-thumb img:last-child { position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; display: none !important; }
.business-benifit-col .hover-thumb:hover img:last-child { opacity: 1; visibility: visible; display: block !important; }
.business-benifit-col .hover-thumb:hover img:first-child { opacity: 0; visibility: hidden; }
.business-benifit-col ul { margin: 0 0 40px; list-style-type: none; padding: 0; }
.business-benifit-col ul li { position: relative; margin: 5px 0 22px; padding: 0 0 0 30px; }
.business-benifit-col ul li:before { position: absolute; content: ""; height: 18px; width: 27px; left: 0; top: 0px; background: url(//www.ecolane.com/hubfs/images/eco-arrow.png) no-repeat center /cover; background-size: 18px; }

.demo-schedule-section { display: inline-block; vertical-align: top; width: 100%; padding: 80px 0 0; }
.demo-schedule-section h2 { margin-bottom: 30px; }
.demo-schedule-formraw { position: relative; }
.demo-schedule-formraw:before { position: absolute; content: ""; top: 50%; left: 0; width: 100%; height: 70%; background: #d7d7d7; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.demo-schedule-formbox { margin-top: 30px; background: #30aaf3; border: 3px solid #fff; margin: 30px auto 0 !important; display: block !important; float: none !important; width: 1130px !important; max-width: 100%; padding: 60px 88px; position:relative; }
.demo-schedule-formbox h4 { margin-bottom: 30px; color: #fff; font-weight: 600; }
.row-fluid .demo-schedule-formbox form .hs-form-field label { color: #fff; margin-bottom: 4px; }
.row-fluid .demo-schedule-formbox .hs-richtext { color: #fff; padding-bottom: 15px; }
.row-fluid .demo-schedule-formbox .hs-richtext p { padding: 5px 0 15px; }
.row-fluid .demo-schedule-formbox input[type="submit"] { margin-top:30px; }

.business-know-section { display: inline-block; vertical-align: top; width: 100%; padding: 80px 0; }
.business-know-section .wrapper { width: 1000px; max-width: 100%; }
.business-know-wrap { display: inline-block; vertical-align: top; width: 100%; border: 1px solid #959595; padding: 50px 15px; }
.business-know-title { margin-top: -82px; text-align: center; }
.business-know-title h2 { display: inline-block; width: auto; background: #fff; padding: 0 15px; }
.business-knowbox { display: inline-block; vertical-align: top; width: 100%; padding: 35px 54px 0; line-height: 28px; }
.business-knowleft { float: left; width: 50%; padding-right: 20px; }
.business-knowright { float: left; width: 50%; padding-left: 20px; }

.business-testimonial-section { display: inline-block; vertical-align: top; width: 100%; background: #0079c1; padding: 70px 0; font-size: 24px; line-height: 34px; font-style: italic; border-bottom:6px solid #fff; }
.business-testimonial-name { margin-top: 15px; }
.business-testimonial-bio { display: inline-block; vertical-align: top; width: 100%; margin-top: 15px; }
.business-testimonial-quote img { filter: contrast(1000); -webkit-filter: contrast(1000); -moz-filter: contrast(1000); } 

/* ROI Calculator Page */
.calc-content-section .normal-content-wrap { padding: 70px 0; }

.rph-table-section { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 70px; }

.row-fluid .calculator .cals-form-main { padding: 40px 0; text-align: center; background:#fafafa; }
.row-fluid .calculator .cals-inner { margin:0 auto; max-width:800px; width:100%; }
.row-fluid .calculator .cals-inner .frm-field { margin:20px 0; }
.row-fluid .calculator .cals-inner .frm-field > label { margin:0 0 10px; font-size:30px; line-height:42px; font-weight:600; display:inline-block; width:100%; }
.row-fluid .calculator .cals-form-main input { text-align:center; border-color:#0079c1;  font-size: 20px;  font-weight: 600; border-width: 2px; border-radius:0px; }

.row-fluid .calculator .cals-inner .frm-field { margin: 20px 0; }
.row-fluid .calculator .cals-inner .frm-field>label { margin: 0 0 10px; font-size: 30px; line-height: 42px; font-weight: 600; display: inline-block; width: 100%; }
.row-fluid .cals-form-main label { color: #000000; }
.row-fluid .calculator .cals-inner .frm-field .input-wrapper { position: relative; }
.row-fluid .cals-form-main .disable label { color: #c0c0c0; }
.row-fluid .calculator-result.v2 { padding-bottom: 50px; background:#fafafa; }

.row-fluid .calculator-result.v2 .wrapper { margin: 0 auto !important; max-width: 1210px; float: none !important; padding: 0 15px; }
.row-fluid .v2 .show_result_btn { background: transparent; padding-top: 0; padding-bottom: 30px; }
.row-fluid .result-table { padding: 70px 0 70px; }
.row-fluid .result-table-data { margin-top: 40px; }
.row-fluid .result-table-data table { border-collapse: collapse; }
.row-fluid .result-table-data table tr th { padding: 10px 0; font-size: 16px; line-height: 22px; font-weight: 600; background: #fafafa; color: #333; }
.row-fluid .result-table-data table tr th:first-child { background: transparent; }
.row-fluid .result-table-data tbody { margin-top: 10px; }
.row-fluid .result-table-data tbody tr td { padding: 10px 0; font-size: 20px; line-height: 26px; border-bottom: 1px solid #fafafa; }
.row-fluid .result-table-data tbody tr td:first-child { font-weight: 700; border: 1px solid #fafafa; }
.row-fluid .result-table-data tbody tr td:last-child { font-weight: 700; background: #0079c1; color: #fff; }
.row-fluid .result-table .widget-type-rich_text { padding: 40px 0 0; }
.start_again_btn { padding-top:30px; }
.row-fluid .cals-inner h4, .row-fluid .result-table h4 { padding-bottom: 10px; font-weight: 700; position: relative; }
.row-fluid .cals-inner h4:after, .row-fluid .result-table h4:after { content: ''; margin: 21px auto 8px; width: 134px; height: 2px; display: block; background: #0079c1; }

.roi-calculator-bottom { display: inline-block; vertical-align: top; width: 100%; padding: 80px 0; position: relative; background-attachment: fixed !important; }
.roi-calculator-bottom:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .75; }
.roi-calculator-bottom > div { position: relative; }
.roi-calculator-bottom h3 { font-weight: 700; padding-bottom: 10px; }
.roi-calculator-bottom h5 { padding-bottom: 30px; }
.roi-calculator-bottom form { text-align: left; font-size: 14px; }
.roi-calculator-bottom form .hs-input { border: 2px solid #0079c1; border-radius: 0; }
.row-fluid .roi-calculator-bottom .hs-form-field label { color: #000; font-weight: 500; margin-bottom: 7px; }
.row-fluid .roi-calculator-bottom .hs-form fieldset.form-columns-2 .field { padding-bottom: 20px; }
.row-fluid .roi-calculator-bottom .hs-form input[type="submit"] { background:#0079c1; color:#fff; }
.row-fluid .roi-calculator-bottom .hs-form input[type="submit"]:hover { background:#01A9B5; }
.row-fluid .roi-calculator-bottom fieldset.form-columns-1 .input { margin-right:0 !important; }

/* Ecolane Assessment Quiz Page */
.quiz-section { display:inline-block; vertical-align:top; width:100%; background-image: linear-gradient(180deg, #335780 0%, #060c10 100%); position:relative; padding:110px 0 170px; overflow:hidden; }
.quiz-section:before { position:absolute; content:""; height:711px; width:100%; bottom:0; left:0; background:url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/quiz-curve.png') no-repeat center / cover; }
.quiz-raw { position:relative; z-index:1; }

.quiz-headermain { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 40px; }
.quiz-mainraw { display: inline-block; vertical-align: top; width: 100%; position: relative; }
.quiz-section .wrapper { width: 1075px; max-width: 100%; }
.quiz-headermain h2 { font-weight: 600; padding-bottom: 10px; }
.quiz-headermain h5 { font-weight: 600; }
.quiz-rawwrap { display: inline-block; vertical-align: top; width: 100%; }
.quiz-raw { display: none; vertical-align: top; width: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); background-image: linear-gradient(180deg, #ffffff 0%, #bbd5fa 100%); border-radius: 25px; position:relative; }
.quiz-raw#screen1 { display: inline-block; }
.quiz-rawin { display: inline-block; vertical-align: top; width: 100%; }
.quiz-question { display: inline-block; vertical-align: top; width: 100%; background-color: #01A9B5; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); font-size: 35px; line-height: 44px; color: #fff; font-weight: 600; padding: 25px 10px; border-radius: 25px 25px 0 0; }
.quiz-answer-wrap { display: inline-block; vertical-align: top; width: 100%; padding: 40px 90px; }
.quiz-answer { display: inline-block; vertical-align: top; width: 100%; }
.quiz-answerin { display: inline-block; vertical-align: top; width: 100%; position: relative; }
.quiz-answerin input[type="checkbox"] { position: absolute; z-index:1; top: 0; left: 0; height: 100%; width: 100%; margin: 0; opacity: 0; cursor: pointer; }
.quiz-answerin input[type="checkbox"] + label { display: inline-block; vertical-align: top; width: 100%; padding: 16px 10px 16px 70px; position:relative; text-align: left; font-size: 25px; line-height: 32px; color: #707070; font-weight: 400; border-radius: 15px; background: rgba(255, 255, 255, 0.35); border: 1px solid #fff; transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; cursor:pointer; margin-bottom:10px; }
.quiz-answerin input[type="checkbox"] + label:before { position: absolute; content: "\f00c"; height: 31px; width: 31px; background: #fff; border-radius: 100%; left: 15px; top: 50%; transform: translateY(-50%); font-family: 'FontAwesome'; font-weight: 100; font-size: 0; text-align: center; line-height: 31px; color: #d6d6d6; box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.1); }
.quiz-answerin input[type="checkbox"]:checked + label:before { box-shadow: 0 7px 7px rgba(0, 0, 0, 0.26); color: #02a9b5; font-size:16px; transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; }
.quiz-answerin input[type="checkbox"]:checked + label { background:#0079c1; color:#fff; border-color:#0079c1; }
.quiz-raw.two-column .quiz-answer { width: 50%; margin: 0 -2px; float: left; }
.quiz-raw.two-column .quiz-answer:nth-child(odd) { padding-right: 8px; }
.quiz-raw.two-column .quiz-answer:nth-child(even) { padding-left: 8px; }

.screen-btnbox { padding: 0 90px 50px; display: flex; align-items: center; justify-content: center; }
.row-fluid .screen-btnbox .btn_style1 { margin: 0 8px; font-weight: 400; min-width: 165px; padding: 13px 20px; background-color: #01A9B5; border-radius: 5px; }
.row-fluid .screen-btnbox .btn_style1:hover { background:#223E5D; }
.quiz-raw:first-child .screen-btnbox > div:first-child { display:none; }

.screen-arrowbox .screen-arrow { position: absolute; top: 50%; left: -35px; height: 70px; width: 70px; background-color: #0079c1; border-radius: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); display: flex; align-items: center; justify-content: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.screen-arrowbox .screen-arrow.next-screen { left: auto; right: -35px; }
.screen-arrowbox .screen-arrow:hover { background-color: #01A9B5; }
.quiz-raw:first-child .screen-arrow.prev-screen { background:#707070; pointer-events:none; opacity: 0.5; box-shadow: none; display:none; }
.quiz-raw:last-child .screen-arrow.next-screen { background:#707070; pointer-events:none; opacity: 0.5; box-shadow: none; display:none; }

.screen-dots { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 45px; }
.screen-dots ul { display: inline-block; vertical-align: top; width: auto; padding: 0; margin: 0; list-style-type: none; position: relative; }
.screen-dots ul li span { display: inline-block; vertical-align: top; height: 21px; width: 21px; border-radius: 100%; background-color: #3399ff; position: relative; border: 1px solid #284464; cursor: pointer; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; pointer-events:none; }
.screen-dots ul li { display: inline-block; vertical-align: top; width: auto; padding: 0 46px; position:relative; }
.screen-dots ul:before { position: absolute; content: ""; height: 2px; width: 100%; background: rgba(159, 159, 159, 0.5); left: 0; top: 10px; }
.screen-dots ul li:first-child { padding-left: 0; }
.screen-dots ul li:last-child { padding-right: 0; }
.screen-dots ul li:before { position: absolute; content: ""; height: 57px; width: 57px; background-color: #1e7691; border-radius: 100%; left: 28px; top: -18px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); }
.screen-dots ul li:first-child:before { left:-17px; }
.screen-dots ul li.active span { background:#fff; border-color:#fff; }
.screen-dots ul li:after { position: absolute; content: ""; height: 57px; width: 57px; background-color: transparent; border-radius: 100%; left: 28px; top: -18px; border: 1px solid #01A9B5; z-index: 1; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); } 
.screen-dots ul li:first-child:after { left:-18px; }
.screen-dots ul li.active:before, .screen-dots ul li.active:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); } 

.quiz-form-screen fieldset { padding: 0; margin: 0; border: 0; }
.quiz-form-screen fieldset.form-columns-2 .hs-form-field { float: left; width: 50%; padding-bottom: 20px; }
.quiz-form-screen { display: inline-block; vertical-align: top; width: 100%; padding: 60px 90px 50px; }
.quiz-form-screen fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 10px; }
.quiz-form-screen fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 10px; }
.row-fluid .quiz-form-screen .btn_style1 { margin: 10px 0 0; font-weight: 400; min-width: 165px; padding: 13px 20px; background-color: #01A9B5; border-radius: 5px; }
.row-fluid .quiz-form-screen .btn_style1:hover { background:#223E5D; }

.quiz-form-screen input.hs-input.invalid.error, .quiz-answerin input[type="checkbox"].invalid + label { border-color: #f00; }
.row-fluid .quiz-form-screen .submitted-message { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

.cta-strip-section.quiz-cta-strip { background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/ctabg-strip.png') no-repeat center/ cover; font-size: 40px; font-weight: 700; padding:74px 0; }
.cta-strip-section.quiz-cta-strip:before { display: none; }
.cta-strip-section.quiz-cta-strip a.white_btn { font-weight: 600; color: #707070; font-size: 18px; min-width: 207px; box-shadow: none; padding: 18px 10px; }
.cta-strip-section.quiz-cta-strip a.white_btn:hover { color: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); }

/*popup*/
.fancybox-slide--video .fancybox-content { background:transparent; }
.fancybox-stage .fancybox-content{ overflow:visible !important; padding:0 !important; text-align:center;}
.fancybox-stage .fancybox-button { background:#0073b9; top:-60px !important; right:-30px; border-radius:50%;min-width:auto }
.fancybox-stage .fancybox-button svg path{ fill:#ffff; color:#fff;}


.mobility-cta-banner.banner-with-cta-main .dnd-column { padding: 0px 15px;}



/* Keyframe animation css */
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@-webkit-keyframes myfirst {
  0%   { width: 0; height: 1px; }
  25%  { width: 0; height: 1px; }
}

@keyframes myfirst {
  0%   { width: 0; height: 1px; }
  25%  { width: 0; height: 1px; }
}

/* Media Query */
@media (min-width:1441px) and (max-width:1600px){
  /* Market Index Page */
  .resource-index-raw .resource-circle { right:-100px; }
}

@media (min-width:1201px) and (max-width:1900px){
  .company-map-section .company-map-header { margin-bottom: 20px; }
  .company-map-section .map-buttons { margin-top: 50px; }
}

@media (min-width:1201px) and (max-width:1600px){
  /* Homepage */
  .live-demo-wrap .scrollmagic-pin-spacer { inset: -180px -200px auto auto !important; display:none !important; }

  /* Contact Us Page */
  .customer-support-right:after { right: 0; }
  .contact-map-colin .map {width: 50%;} 
  .contact-map-colin .address { width: 50%; }
  .support-slidercolin:before { right: auto; left: 0; }

  /* Career Page */
  .career-testimonial-wrap { padding: 0 30px; }
  .career-testimonial-wrap button.slick-prev.slick-arrow { right: calc(100% - 35px); }
  .career-testimonial-wrap button.slick-next.slick-arrow { left: calc(100% - 35px); }

}
@media (min-width:1201px) and (max-width:1440px){
  /* Homepage */
  .our-swsytem-circle { left: 190px; }
  .livedemo-circle { right: -110px; height: 300px; width: 300px; inset:150px auto auto 868.5px !important; }
  .blog-feed-content { width: calc(100% - 25px); }
  .blog-feed-wrap { padding:0 50px; }

  /* Service Page */
  .service-feature-col:after { width: 400px; }
  .accordion-circle { right: -60px; }

  /* Market Index Page */
  .resource-index-raw .resource-circle { right:0; }

  /* Demo 1 Page */
  .hero-left-line { left: 0px; display: none; }
  .hero-right-line { right:0; }
  .agency-benefit-col { padding: 0 15px; }
  .successful-agencie-raw .right-quote { right: 0; }
  .successful-agencie-raw .left-quote { left: 20px; }
  .successful-agencie-col { padding: 0 15px; }
  .successful-agencie-raw { padding: 0 100px; }

  /* Company Page */
  .company-hero .hero-circle { right:0; }
  .company-map-section .map-address { left: 0; }
  .company-map-box {padding-left: 100px;padding-right: 50px; }     

  /**/
  .whyecolane_area .whyecolane_img:before { right:10px; }
  .featuresslider_area .featuresbox_slider .featuresbox_rightslider .featuresbox { padding-right: 20px; }
  .featuresslider_area ul.slick-dots { right:0; }

  .solution-hero-section { padding:180px 0 343px; }
  .solution_sliderarea .solution_slidercover .solution_sliderbox h3 { font-size: 24px; line-height: 30px; margin-bottom: 5px; }
  .solution_sliderarea .solution_slidercover .solution_sliderboxinner { font-size: 16px;  line-height: 20px; }
  .solution_sliderarea { margin-top:70px; }
  .solservices_iconcover {  top: 110px;}

  .solution_sliderarea .solslide_dotsbg { right:0; }
  .transiteffcieny_area .efficiency_imageright .transiteffcieny_boximg:before { right: 0px;top: 100px;  width: 325px;  height: 319px; }

  /**/
  .solution_sliderarea .solution_sliderbox .solution_slidertitle { display:block; }
  .solution_sliderarea { margin-bottom: -661px; }
  .solution_sliderarea .solution_sliderwrap:after { height: 250px; }

  /* Ecolane Assessment Quiz Page */
  .cta-strip-section.quiz-cta-strip .dnd-section .row-fluid {display: flex;align-items: center;}
  .cta-strip-section.quiz-cta-strip .span10 { width: 70%; }
  .cta-strip-section.quiz-cta-strip .span2 { width: 30%; margin: 0; padding-left: 30px; }
  .cta-strip-section.quiz-cta-strip { font-size: 34px; }


}

@media (min-width:1300px) and (max-width:1440px){ 

  .solution_sliderarea { margin-bottom: -656px; }

}

@media (min-width:768px){
  .foundation-wrap.mobile, .mobile-cta-text { display:none; }
}

@media (min-width:992px) and (max-width:1200px){

  .solution-hero-section .solution_sliderarea {  margin-bottom: -643px; }
  .solution-hero-section { margin-bottom: 470px; }
  .solution-hero-section .solution_sliderarea .solution_sliderwrap:after { height:260px; }
  .solution-hero-section .solution_sliderarea .solution_slidercover { margin-bottom: -38px; }  
  .solution_sliderarea .solution_slidercover .slick-list { padding:70px 0 21px 0 !important; }
  .solution_sliderarea .solution_slidercover .slick-arrow { margin-top:2px; }  

  /* ROI Calculator Page */
  .row-fluid .calculator-result.v2 .wrapper { width: 920px; max-width: 100%; }
}

@media (min-width:768px) and (max-width:991px){
  /* Market Index Page */
  .market-index-col { width:50%; }

  /* Company Policy Page */
  body .Policy-row-0-padding { padding: 140px 0 !important; }

  /* How Does Paratransit Work */
  .simple-info-strip p img { max-width: 100% !important; }
  .demopgraphics-wrap.three_column .demopgraphics-col { width: 50%; }

  /* ROI Calculator Page */
  .row-fluid .calculator .cals-inner .frm-field > label { font-size: 22px; line-height: 30px; }
  .row-fluid .result-table-data table { width: 700px !important; overflow-x: auto; }
  .row-fluid .result-table-data tbody tr td { font-size: 16px; line-height: 24px; padding: 5px 0; }
  .roi-calculator-bottom { padding: 50px 0; background-attachment:inherit !important; }
  .row-fluid .result-table-data { overflow: auto; }
  .row-fluid .calculator-result.v2 .wrapper { width: 720px; max-width: 100%; }

  /* Feature Page */
  .data-com-raw { display:inline-block; vertical-align:top; width:100%; }
  .data-com-raw .data-com-right { width:100%; }
  .data-com-raw .data-com-left { width:100%; }
  .data-com-left { padding-top:30px; }

}

@media (min-width:768px) and (max-width:1200px){
  /* Homepage */
  .hero-section { padding: 110px 0 0; }
  .hero-imgbox img { margin-left: 0; }

  .stats-section .wrapper { width: 750px; padding: 0; }
  .stats-col { padding: 0 15px; }
  .stats-box { font-size: 20px; }
  .stats-box .stats-digit { font-size: 44px; }

  .benefits-raw { padding: 40px 20px 10px 20px; }
  .benefits-right:before { display: none; }
  .benefits-right { padding-left: 0; }
  .benefits-left { padding-right: 15px; }
  .benefits-section .benefits-lines { display: none; }

  .servicebox-section { padding-top: 100px; padding-bottom: 0; }
  .home-service-col { width: 50%; float: none; display: inline-block; vertical-align: top; margin: 0 -2px 150px; }
  .home-service-wrap { display: inline-block; vertical-align: top; width: 100%; text-align: center; }

  body .Experience-row-0-padding { padding: 70px 0 !important; }
  .experience-main-section:after { width: 35%; }

  .all-solutions-section { padding: 80px 0; }
  .solution-dots { display: none; }

  .our-swsytem-left { left: -30px; }
  .our-swsytem-right { padding-left: 0; padding-right: 20px; }
  .our-swsytem-circle { display:none; }

  body .Live-Support-row-0-padding { padding: 80px 0 !important; }
  .live-support-left { padding-right: 30px; }
  .live-support-right .support-dots { left: -20px; }
  .live-support-content ul li { padding-left: 40px; margin-top: 40px; }
  .live-support-content ul li:before { height: 30px; width: 34px; background-size: 30px; top: -4px; }

  body .Blog-Feed-row-0-padding { padding: 80px 0 0 !important; }
  .blog-feed-wrap { padding: 0 15px; }

  .live-demo-title h2 { margin-top: -18px; }
  .livedemo-circle { display: none; }
  .live-demo-section .wrapper { width:720px; }

  /* Contact Us Page */
  body .hero-row-0-padding { padding: 80px 0 !important; }
  .contact-hero h1:before { height: 250px; width: 250px; top: -70px; left: -30px; }
  .contact-hero .span6:first-child { padding-right: 30px; }
  .contact-box-wrap { margin: 30px 0; }
  .contact-hero { margin: 0; }
  .contact-hero.container .dnd-section>.row-fluid { margin: 0 auto !important; }
  .contact-box-col { width: 50%; margin-bottom: 20px; }
  .contact-support-title { color: #fff; }
  .contact-support-text a { color: #fff; }
  .contact-box-colin { width: 100%; padding-right: 10px; }
  .contact-hero .span6:last-child { padding: 30px 30px; }
  .contact-hero .span6:first-child .dnd-row:last-child { color: #fff; }

  .customer-support-section { padding: 80px 0; }
  .customer-support-title h3 { font-size: 26px; }
  .customer-support-subtext { padding: 0; }
  .support-slidercolin { padding: 0; }
  .support-sliderwrap { margin-top: 40px; }
  .customer-support-left { padding-right: 30px; }
  .support-slidercolin:before { right: auto; left: 0; }
  .customer-support-section:after { display:none; }
  .customer-support-right:after { right: -30px; border-width: 10px; height: 100px; width: 100px; top: -50px; }
  .scrollmagic-pin-spacer { display:none !important }

  .contact-map-wrap { margin: 0; padding: 80px 0 20px; }
  .contact-map-colin .map { padding-right: 35px; padding-left: 0; }
  .contact-map-section .wrapper { padding: 0; }
  .contact-map-colin .address { padding: 40px 30px; border-radius: 20px 0 0 20px; }
  .contact-map-wrap .blue-shape { display: none; }
  .map .hs-responsive-embed { border-radius: 0 20px 20px 0; }
  .contact-map-col:nth-child(even) .address { padding: 40px 30px; border-radius: 0 20px 20px 0; }
  .contact-map-col:nth-child(even) .contact-map-colin .map { padding-right: 0; padding-left: 35px; }
  .contact-map-col { margin-bottom: 80px; }
  .contact-map-col:nth-child(even):before { display: none; }

  /* Service Page */
  .feature-iconbox { height: 180px; width: 180px; }
  .feature-iconbox img { max-height: 150px; }
  .feature-icontitle h5 { margin-top: 20px; }

  .imgwith-heading-section .hs_cos_wrapper_type_linked_image { height: 400px; }

  .service-feature-col:after { width: 250px; }
  .service-feature-col { padding: 70px 0; }
  .service-feature-content { padding-right: 30px; }
  .service-feature-content h5 { font-size: 26px; }
  .service-feature-col:nth-child(even) .service-feature-content { padding-left: 30px; }

  .accordion-section { padding: 80px 0 50px; }
  .accordion-section .wrapper { padding: 0 50px; }
  .accordion-col:after { font-size: 24px; }
  .accordion-col .accordion-title { font-size: 20px; }
  .accordion-circle { display: none; }

  .planning-raw .planning-text { padding: 0 20px; }

  /* Feature Page */
  .data-com-section { padding: 90px 0; overflow:hidden; }
  .data-com-left { padding-right: 30px; width:50%; }
  .data-com-right { width:50%; }
  .data-com-btns { display: block; }
  .data-com-btns .btn_style1.btn2 a { margin: 20px 0 0; }
  .data-com-left h4 { font-size: 26px; }
  .data-com-btns .btn_style1 a { min-width: 190px; font-size: 14px; }

  .optimize-section { padding: 80px 0; }
  .optimize-text { padding: 0; }
  .optimize-left .btn_style1 { padding: 0; }
  .optimize-right { padding-left: 30px; }
  .optimize-section:after { display: none; }

  .trip-inspection-col { padding: 0 15px; }
  .trip-inspection-colin { padding: 0 15px; }
  .trip-inspection-col ul li { padding-left: 45px; margin-bottom: 20px; }
  .trip-inspection-title:before { left: -15px; width: 25%; }
  .trip-inspection-title:after { right: -15px; width: 25%; }
  .trip-inspection-wrap { margin-bottom: 70px; }
  .fancybox-stage .trip-popup.fancybox-content { padding: 50px 20px !important; }
  .trip-popuptext ul li:last-child { margin-bottom: 0; }

  .alexa-section { padding: 80px 0; }
  .alexa-left { padding-right: 40px; }
  .title-style h4 { font-size: 28px; }

  /* Market Index Page */
  .market-hero-main { padding: 100px 0 140px; }
  .market-index-col { padding: 0 15px 40px; }
  .market-hovertext { width: 100%; }

  .cta-strip-section { font-size: 20px; }

  .resource-index-wrap { padding: 0; }
  .resource-index-col { padding: 0 15px; }
  .resource-index-section .wrapper { padding: 0; }
  .resource-index-img h5 { padding: 0 15px; }
  .resource-index-raw .resource-circle { right: -20px; max-width: 150px; top: -80px; }
  .resource-index-section .resource-leaf { max-width: 350px; }

  /* Market Template Page */
  .market-img-section.container .dnd-section>.row-fluid { width: 720px; }

  .microtransit-section:after { width: 250px; }
  .microtransit-section.container .dnd-section>.row-fluid { padding: 0; }
  .microtransit-section { font-size: 14px; line-height: 22px; margin: 80px 0; }

  .inform-section a.white_btn { min-width: 155px; }

  .microtransit-section.demand-section { padding: 0; }

  .market-accordion-left { width: 40%; }
  .market-accordion-right { width: 60%; padding: 60px 40px 60px 60px; }
  .market-accordion-contentbox { width: 100%; padding: 0 0 40px; }
  .market-accordion-image { width: 100%; }
  .market-accordion-left ul li a { font-size: 18px; }
  .market-accordion-section { padding-bottom: 120px; }
  .market-accordion-section .browse-leaf { max-width: 200px; bottom: 20px; }
  .market-img-section .widget-type-linked_image:before { right: 0; display: none; }

  /* Demo 1 Page */
  .hero-left-line { display: none; }
  .demo-hero-raw { padding: 0 50px; }
  .demo-hero { padding: 150px 0 240px; }
  .hero-right-line { top: -150px; right: 0; }

  .free-demo-section { padding: 50px 0 0; }
  .demo-stats-section .stats-section { padding-bottom: 100px; }

  .package-main-section .span4 { padding: 0 20px; }
  .package-main-section .span4:after { display: none; }

  body .Services-row-0-padding { padding-top: 80px !important; }
  body .Services-column-1-row-0-padding { padding-bottom: 40px !important; }

  .specialists-main-section .widget-type-rich_text { padding: 55px 35px; }
  .specialists-main-section .widget-type-rich_text ul li:last-child { margin-bottom: 0; }
  body .Services-column-1-row-2-padding { padding-top: 0 !important; }

  .agency-benefit-col { width: 33.33%; padding: 0 15px; float: none; display: inline-block; vertical-align: top; margin: 0 -2px 40px; }
  .agency-benefit-colin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); }
  .agency-benefit-col .agency-benefit-icon { width: 100%; height: 80px; }
  .agency-benefit-col .agency-benefit-icon img { max-height: 80px; }

  .management-main-section .span6:last-child { font-size: 18px; line-height: 26px; }

  .free-demo-raw { padding: 50px 30px; }
  .free-demo-raw form.hs-form fieldset.form-columns-2 .field:first-child { padding-right: 20px; }
  .free-demo-raw form.hs-form fieldset.form-columns-2 .field:last-child { padding-left: 20px; }

  body .Successful-Agencies-row-0-padding { padding-top: 80px !important; padding-bottom: 0 !important; }
  .successful-agencie-col { padding: 0 30px; }
  .successful-agencie-box { font-size: 18px; line-height: 26px; padding: 20px 15px; }
  .successful-agencie-raw .left-quote { left: 0; display: none; }
  .successful-agencie-raw .right-quote { right: 0; display: none; }
  body .Logo-Slider-row-0-padding { padding-bottom: 0 !important; }
  .planning-btnbox .btn_style1 a { min-width:200px; }

  .demo-browse-main-section .market-accordion-section { padding-bottom: 100px; }

  /* Company Page */
  .company-hero { padding-top: 80px; }
  .company-hero .company-left { padding-right: 50px; }
  .company-hero .company-raw { padding: 0; }
  .company-hero .hero-circle { display: none; }

  .new-partner-section .square-bluebox { width: 240px; }
  .new-partner-section h3 { position: relative; z-index: 1; margin-bottom: 40px; }

  body .service-row-0-padding { padding-bottom: 50px !important; }

  .foundation-section { padding: 80px 0 0; }
  .foundation-section .foundation-wrap { padding: 80px 0px; }
  .foundation-section .slick-arrow { display: none !important; }
  .foundation-section .slick-list { }
  .foundation-section .slick-initialized .slick-slide:nth-child(2n) .foundation-box { }

  .company-map-section .map-address { position: relative; left: 10px; margin-top: 15px; }
  .company-map-section .map-buttons { margin-top: 50px; }
  .company-map-section { padding: 60px 0; }
  .company-map-section .company-map-header { margin-bottom: 30px; }

  .team-col { width: 33.33%; }
  .team-section { padding-bottom: 50px; }

  .resources_boxcover .resources_box { width:50%; }
  .resources_filterarea .resources_filter ul li a { padding: 10px 12px; font-size: 14px; line-height: 22px; }
  .resources_filterarea .resources_filter ul li button { padding: 10px 12px; font-size: 14px; line-height: 22px; }
  .resources_filterarea .resources_boxcover:before { display:none; }

  .mostpopcon_area { padding:50px 0; }
  .mostpopcon_area .section_title h3 {  font-size: 32px; } 
  .mostpopcon_area .mostpopcon_boxcover { padding:0; }
  .mostpopcon_boxcover .mostpopcon_box { width:50%; }

  .ctabar_area:before { top:50px; } 
  .resources_filterarea { padding:20px 0 60px; }  
  .resources_hero.market-hero-main.market-temp-hero { padding-bottom:50px; }
  .resources_filterarea .resources_boxcover { margin-top: 50px; }

  /**/
  .whyecolane_area { overflow:hidden; padding:60px 0; }
  .whyecolane_area .whyecolane_cover { width:calc(100% - 200px); }

  .featuresslider_area ul.slick-dots { right:-20px; }

  .solution_sliderarea { margin-bottom: -726px; }
  .solution-hero-section { padding:80px 0 300px; margin-bottom: 510px;}
  .solution_sliderarea {  margin-top: 50px; }    
  .solution_sliderarea .solution_slidercover .solution_sliderbox h3 { font-size: 20px; line-height: 28px }
  .solution_sliderarea .solution_sliderbox .solution_slidertitle { display:block; color:#fff; }
  .solution_sliderarea .slick-active.slick-center .solution_sliderbox { transform: scale(1);  -webkit-transform: scale(1);  -ms-transform: scale(1);  -moz-transform: scale(1); }

  .solservices_iconcover { padding:0; }
  .solservices_iconcover .solservices_iconbox .solservices_icon { width:90px; height:90px; }
  .solservices_iconcover .solservices_iconbox .solservices_icon img { max-width:30px; }
  .solservices_iconcover .solservices_iconbox h6 { font-size: 16px;line-height: 24px; }
  .solution_sliderarea .solution_slidercover .slick-arrow { margin-top:1px; }  

  .ecolanesol_area { padding:60px 0; }
  .ecolanesol_area .ecolanesol_img { bottom: -30px; }

  .featuresslider_area .featuresbox_slider .featuresbox_rightslider { padding-left: 30px; }
  .featuresslider_area .featuresbox_slider .featuresbox_rightslider:before { left:30px; }
  .featuresslider_area .featuresbox_slider .featuresbox_rightslider .featuresbox { padding-left:30px; padding-right:20px; }
  .featuresslider_area .featuresbox_slider .featuresbox h4 { font-size: 24px; }

  .ecolservices_area { padding:40px 0; }
  .ecolservices_area .ecolservices_boxcover .ecolservices_box:nth-child(2) { margin:0; }
  .ecolservices_area .ecolservices_boxcover { width:55%; }
  .ecolservices_area .ecolservices_right { width:45%; }
  .ecolservices_area:before { display:none; }

  .transiteffcieny_area { padding:60px 0; }
  .transiteffcieny_area .transiteffcieny_img { margin-top:50px; }
  .transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft { padding-left: 0; }
  .transiteffcieny_area .transiteffcieny_box { margin:60px 0 40px 0; }

  .problemsolution_area { padding:50px 0; }
  .problemsolution_area .problemsolution_cover { padding-left:40px; }
  .problemsolution_cover .problemsolution_box .problemsolution_title { font-size: 24px;  line-height: 36px; padding-bottom: 8px;}  
  .problemsolution_cover .problemsolution_box .count_box span { font-size: 22px; line-height: 11px; width: 30px; height: 30px;  margin-left: -38px; }
  .problemsolution_cover .problemsolution_box .solution_box1 { padding:20px 30px; }
  .problemsolution_cover .problemsolution_box .solution_box3 { padding:20px 30px; }
  .problemsolution_cover .problemsolution_box .solution_box2 { font-size: 26px; }

  .solution_sliderarea .solslide_dotsbg { display:none; }
  .solution_sliderarea:before { right: 20px; top: -70px; }
  .transiteffcieny_area .efficiency_imageright .transiteffcieny_boximg:before { right: 0; top: 30px; width: 245px;  height: 249px; }
  .transiteffcieny_area .transiteffcieny_box.efficiency_imageleft .transiteffcieny_boximg:before { bottom:-70px; }
  .transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft ul li { padding-left: 50px; }
  .transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft ul li:before { top:0; }

  /**/
  .solution_sliderarea .solution_slidercover { margin-bottom: -92px; }
  .solution_sliderarea .solution_sliderwrap:after { height:140px; } 

  .agency-benefit-section { padding:80px 0; }

  /* Transit Trends Page */
  .heronew-section { padding: 100px 0; }
  .demopgraphics-col { width: 50%; }

  /* Future Of Mobility Page */
  .transportation-market-main .demopgraphics-col { width: 50%; }

  .pillar-banner-content .transit-slider-section .slick-arrow.slick-next { display: none !important; }
  .pillar-banner-content .transit-slider-section .slick-arrow.slick-prev { display: none !important; }

  /* Career Page */
  .inner-hero-section { padding: 120px 0; }

  .normal-content-wrap { padding: 70px 0; }

  .career-cta-strip-section .wrapper > div > div > div:nth-child(3) { width: 200px; }
  .career-cta-strip-section .wrapper > div > div > div:nth-child(3) a.btn_style3 { min-width: 200px; }
  .career-cta-strip-section .wrapper > div > div > div:nth-child(2) { max-width: 100%; }

  .career-counter-col .career-counter-number { font-size: 44px; line-height: 52px; }

  .career-services { padding: 70px 0; }
  .row-fluid .career-service-col { padding: 0 15px; }
  .career-service-text { font-size: 14px; line-height: 20px; }
  .career-service-title h5 { font-size: 14px; line-height: 22px; }

  .career-testimonial-section { padding: 70px 0; }
  .career-testimonial-wrap button.slick-prev.slick-arrow { right: calc(100% - 12px); }
  .career-testimonial-wrap button.slick-next.slick-arrow { left: calc(100% - 12px); }

  /* Finland Page */
  .zigzag-textbox { padding: 50px 30px; }

  /* Business Intelligence Page */
  .inner-hero-section.business-hero { padding: 80px 0; }

  .business-benifit-col .hover-thumb img { height: auto; }
  .business-benifit-col .hover-thumb img:last-child { display: none; }

  .demo-schedule-section { padding-top: 15px; }
  .demo-schedule-formbox { padding: 50px 40px; }

  .business-knowbox { padding: 35px 30px 0; }
  .business-know-title { margin-top: -67px; }

  /* Ecolane Assessment Quiz Page */
  .quiz-section { padding: 80px 0; }
  .screen-dots ul li { padding: 0 25px; }
  .quiz-question { font-size: 24px; line-height: 32px; }
  .quiz-section .wrapper { padding: 0 50px; }
  .quiz-answer-wrap { padding: 40px 50px; }
  .quiz-answerin input[type="checkbox"]+label { font-size: 18px; line-height: 26px; }
  .screen-dots ul li:before { left: 8px; }
  .screen-dots ul li:after { left: 8px; }
  .quiz-form-screen { padding: 60px 60px 50px; }

  .cta-strip-section.quiz-cta-strip { padding: 50px 0; font-size: 34px; line-height: 42px; }
  .cta-strip-section.quiz-cta-strip .dnd-column { width: 100%; margin: 0; }
  .cta-strip-section.quiz-cta-strip a.white_btn { margin-top: 15px; padding: 15px 10px; height: auto; line-height: 28px; }

  /* Privacy Policy Page */
  .policy-content-section { font-size: 15px; line-height: 22px; }


}

@media (max-width:767px){
  /* Homepage */
  .hero-section .hero-lines { display: none; }
  .hero-raw .pattern { position: absolute !important; top: 20px !important; left: 0 !important; transform: none; width: 100%; }
  .hero-section:after { display: none; }
  .hero-section { padding: 100px 0 10px; }
  .hero-raw .pattern img { transform: none !important; }
  .hero-subtitle { font-size: 16px; }
  .hero-features { display:none; }
  .hero-features ul li:after { display: none; }
  .hero-features ul li:first-child { padding: 0 0 10px; }
  .hero-features ul li:last-child { padding: 0; }
  .hero-features ul li { width: 100%; }
  .mobile-cta-text.mobile-cta-text1 { margin: 15px 0; }
  .mobile-cta-text.mobile-cta-text2 { margin-bottom: 15px; }
  .hero-ctabox .hero-cta { width: 100%; }
  .hero-ctabox .hero-cta1 { margin: 0 0 20px; }
  .hero-ctabox .hero-cta2 { margin: 0; }
  .hero-imgbox img { margin: 0; }
  .hero-imgbox { margin: 0; }
  .hero-features ul { max-width: 100%; }
  .hero-section .scrollmagic-pin-spacer { transform: translateX(-50%); box-sizing: border-box !important; top: 0 !important; height: auto !important; }
  .scrollmagic-pin-spacer { display: none !important; }


  .stats-section { padding: 70px 0 50px; }
  .stats-col { width: 100%; padding: 0 0 30px; }
  .stats-colinner { height: auto !important; float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; box-shadow: none; }
  .stats-box .stats-digit { font-size: 38px; }
  .stats-box { font-size: 20px; }
  .stats-colinner:hover { box-shadow: none; }

  .benefits-section { padding: 50px 0; }
  .benefits-raw { padding: 50px 15px; }
  .benefits-left { width: 100%; text-align: center; margin: 0; }
  .benefits-right { width: 100%; padding: 0; margin: 0; }
  .benefits-right:before { display: none; }
  .benefits-col { margin: 30px 0 0; }
  .benefits-section .benefits-lines { display: none; }

  .servicebox-section { padding: 70px 0 50px; }
  .home-service-col { width: 100%; padding: 0; margin-bottom: 120px; }
  .home-service-colinner { height: auto !important; display:inline-block; vertical-align:top; width:450px; max-width:100%; }
  .home-service-box { padding: 0 15px 60px 15px; }
  .home-service-col:after { width: 100px; font-size: 34px; height: 60px; bottom: -27px; }
  .home-service-icon { width: 180px; }
  .home-service-icon img { max-height: 70px; }
  .home-service-col:last-child { margin-bottom: 50px; }

  .experience-main-section:after { display: none; }
  body .Experience-row-0-padding { padding: 50px 0 !important; }
  .experience-main-section .dnd-column { width: 100%; padding-bottom: 30px; }
  .experience-main-section .dnd-column:last-child { padding: 0; }

  .all-solutions-section { padding: 50px 0; }
  .all-solutions-col { width: 100%; padding: 0 0 50px; margin: 0; }
  .solution-dots { display: none; }
  .all-solutions-icon { height: 150px; width: 150px; }
  .all-solutions-icon img { max-height: 90px; width: auto; }
  .all-solutions-col:nth-child(2) .all-solutions-icon img { top: auto; left: 0; }
  .all-solutions-title { margin-top: 20px; }
  .all-solutions-col:nth-child(even):before { display: none; }

  body .swsystem-row-0-padding { padding: 50px 0 !important; }
  .our-swsytem-left { width: 100%; left: 0; padding: 0 15px; }
  .our-swsytem-wrap { display: block; }
  .our-swsytem-right { width: 100%; padding: 30px 15px 0; }
  .our-swsytem-circle { display:none; }

  body .Live-Support-row-0-padding { padding: 50px 0 !important; }
  .live-support-wrap { display: block; }
  .live-support-left { width: 100%; padding: 0 0 50px; }
  .live-support-right { width: 100%; text-align:center; }
  .live-support-right .support-dots { display: none; }
  .live-support-content ul li:before { height: 30px; width: 34px; background-size: 30px; }
  .live-support-content ul li { padding-left: 40px; margin-top: 40px; }
  .live-support-content ul li:before { top: -6px; }

  body .Blog-Feed-row-0-padding { padding: 50px 0 0 !important; }
  .blog-feed-wrap { padding: 0; }
  .blog-feed-colin { padding: 0 15px; }
  .blog-feed-content { width: calc(100% - 25px); }
  .blog-feed-image { height: 250px; }

  body .Live-Demo-row-0-padding { padding: 50px 0 90px !important; }
  .livedemo-circle { display: none; }
  .live-demo-title h2 { font-size: 20px; margin: -16px; padding: 0 10px; }
  .live-demo-wrap .live-demo-text { margin: 30px 0; padding: 0 15px; }
  .live-demo-cta a { padding: 18px 10px 18px 50px; width: 235px; }

  /* Contact Us Page */
  body .hero-row-0-padding { padding: 50px 0 !important; text-align: center; }
  .contact-hero h1:before { display: none; }
  .contact-hero .span6:first-child { padding: 0 0 30px; }
  .contact-box-wrap { margin: 30px 0; }
  .contact-hero.container .dnd-section>.row-fluid { margin-bottom: 0 !important; }
  .contact-hero { margin-bottom: 0; }
  .contact-box-colin { float:none; display:inline-block; vertical-align:top; }
  .contact-support-title { color: #fff; }
  .contact-support-text a { color: #fff; }
  .contact-box-col:last-child { margin-bottom: 0; }
  .contact-hero .span6:first-child .dnd-row:last-child { color: #fff; }
  .contact-hero .span6:last-child { padding: 30px 20px; }
  .contact-hero .span6:last-child h3 { font-size: 25px; margin-bottom: 20px; }

  .customer-support-section { padding: 50px 0; }
  .customer-support-wrap { display: block; }
  .customer-support-left { width: 100%; padding: 0 0 50px; }
  .customer-support-subtext { padding: 0; margin: 11px 0 15px; }
  .customer-support-title h3 { font-size: 26px; line-height: 34px; }
  .support-slidercolin { padding: 0; }
  .support-slidercolin:before { right: auto; left: 0; }
  .support-sliderwrap { margin: 30px 0; }
  .customer-support-right { width: 100%; padding: 0; }
  .customer-support-right:after { display: none; }

  .contact-map-wrap { margin: 0; padding: 50px 0; }
  .contact-map-colin { display: inline-block; vertical-align: top; width: 100%; padding: 0 20px; }
  .contact-map-colin .map { width: 100%; padding: 0 0 35px; }
  .contact-map-colin .address { width: 100%; padding: 30px 15px; }
  .contact-map-wrap .blue-shape { display: none; }
  .contact-map-col:nth-child(even) .contact-map-colin .map { padding: 0 0 35px; }
  .contact-map-col:nth-child(even) .address { padding: 30px 15px; }
  .contact-map-col:nth-child(even):before { display: none; }
  .contact-map-colin .address h4 { font-size: 22px; margin-bottom: 10px; }
  .contact-map-col { margin-bottom: 70px; }

  /* Service Page */
  .inner-hero { padding: 120px 0 150px; }
  .inner-hero .hero-plane-circle { display: none; }
  .hero-btn a { padding: 18px 10px 18px 50px; font-size: 14px; }
  .hero-btn a:before { height: 30px; width: 38px; background-size: 30px; }
  .inner-hero-text { margin-bottom: 20px; }
  .inner-hero h1 { margin-bottom: 15px; }

  .feature-col { width: 100%; padding: 0 0 40px; }
  .feature-icontitle h5 { margin-top: 25px; }
  .feature-icontitle { height: auto !important; }
  .feature-iconbox { height: 150px; width: 150px; }
  .feature-iconbox img { max-height: 130px; }

  .imgwith-heading-section .hs_cos_wrapper_type_linked_image { height: 300px; }
  body .Image-text-row-0-padding { padding: 50px 0 80px !important; }

  .service-feature-col:after { display: none; }
  .service-feature-content { width: 100%; padding: 0 0 30px; }
  .service-feature-imgbox { width: 100%; }
  .service-feature-content h5 { font-size: 22px; }
  .service-feature-col { padding: 60px 0; }
  .service-feature-col:nth-child(even) .service-feature-content { padding-left: 0; }
  .service-feature-col:nth-child(even):before { display: none; }

  .accordion-section { padding: 50px 0; }
  .accordion-section .accordion-header { font-size: 18px; }
  .accordion-col .accordion-title { font-size: 16px; letter-spacing: 0.5px; padding: 15px 55px 15px 15px; }
  .accordion-col:after { height: 40px; width: 40px; font-size: 18px; left: 0; top: 0px; display: none; }
  .accordion-contentinner { padding: 20px 15px; }
  .accordion-circle { display: none; }
  .accordion-dots { display: none; }

  .planning-section { padding: 50px 0; }
  .planning-raw { padding: 50px 15px; }
  .planning-raw h4 { font-size: 20px; line-height: 30px; }
  .planning-raw .planning-text { margin: 30px 0; }
  .planning-btnbox { display: block; margin: 0; }
  .planning-btnbox .btn_style1 a { margin: 0; }
  .planning-btnbox .btn_style1.btn1 a, .planning-btnbox .btn_style1.btn2 a { margin-bottom: 20px; }

  /* Feature Page */
  .data-com-section { padding: 60px 0; margin-top: 30px; }
  .data-com-raw { margin-top: 50px; display: block; }
  .data-com-left { width: 100%; padding: 30px 0 0; }
  .data-com-left h4 { font-size: 18px; }
  .data-com-btns { display: block; }
  .data-com-btns .btn_style1 { width: 100%; display: inline-block; vertical-align: top; }
  .data-com-btns .btn_style1.btn2 { margin: 20px 0 0; }
  .data-com-btns .btn_style1.btn2 a { margin-left: 0; }
  .data-com-right { width: 100%; text-align: center; }
  .data-com-right img { max-width:100%; }

  .optimize-section { padding: 50px 0 70px; }
  .optimize-left:before { display: none; }
  .optimize-left { width: 100%; padding: 0 0 30px; }
  .optimize-section:after { display: none; }
  .optimize-text { padding: 0; }
  .optimize-left .btn_style1 { padding: 0; }
  .optimize-raw { margin-top: 40px; }
  .optimize-right { width: 100%; padding: 20px 0 0; }
  .optimize-videobox a.video-poster img { max-width: 110px; }

  .trip-inspection-section { padding: 70px 0; }
  .trip-circle { display: none; }
  .trip-dots { display: none; }
  .trip-inspection-col { width: 100%; padding: 0 0 70px; }
  .trip-inspection-col h3 { width: 100%; margin-top: -25px; }
  .trip-inspection-colin { padding: 0 20px; }
  .trip-inspection-title:before { left: -20px; width: 28%; }
  .trip-inspection-title:after { right: -20px; width: 28%; }
  .trip-inspection-col ul li { padding-left: 45px; }
  .trip-inspection-col:last-child { padding-bottom: 0; }
  .trip-inspection-wrap { margin-bottom: 50px; }
  .trip-popup { width:100%; }
  .fancybox-stage .trip-popup.fancybox-content { padding:30px 15px !important; }
  .trip-popuptext { width: 100%; padding: 0 0 30px; }
  .trip-popupinner { padding: 0; }
  .trip-popupform { width: 100%; padding: 0; }
  .trip-popuptext ul { margin-bottom: 0; }
  .trip-popuptext ul li:last-child { margin-bottom: 10px; }

  .alexa-section { padding: 50px 0; }
  .alexa-raw { margin-top: 50px; }
  .alexa-left { width: 100%; padding: 0 0 40px; }
  .title-style h4 { font-size: 20px; }
  .alexa-right { width: 100%; text-align:center; }
  .alexa-raw:before { display: none; }

  .placeholder-left { width: 100%; text-align: center; }
  .placeholder-raw { display: block; }
  .placeholder-right { width: 100%; padding: 30px 0 0; }

  /* Market Index Page */
  .market-hero-main { padding: 80px 0 140px; }
  .market-index-col { width: 100%; padding: 0 0 50px; }
  .market-index-colinner { width: 450px; max-width: 100%; }
  .market-index-colinner .market-hoverbox { top:0; }
  .market-index-colinner .market-imgbox:before { opacity:0; }
  .market-index-colinner .market-title { opacity:0; }
  .market-hovertext { width: 100%; }

  .cta-strip-section { font-size: 18px; }
  .cta-strip-section a.white_btn { min-width: 1px; padding: 14px 25px; }
  .cta-strip-section:before { margin: 0; display: none; }

  .resource-index-section { padding: 70px 0; }
  .resource-index-section .resource-index-header { position: relative; z-index: 1; }
  .resource-index-raw .resource-circle { display: none; }
  .resource-index-wrap { padding: 0; margin: 0; }
  .resource-index-col { width: 100%; padding: 0 15px; }
  .resource-index-colin { display: inline-block; vertical-align: top; width: 450px; max-width: 100%; }
  .resource-ctabox.btn_style1 a { min-width: 270px; }

  /* Market Template Page */
  .market-hero-main.market-temp-hero:after { display:none; }

  .market-img-section .widget-type-linked_image:before { display: none; }

  .mobility-section:before { display: none; }
  body .Mobility-row-0-padding { padding: 70px 0 50px !important; }

  .mobility-section h3 { margin-bottom: 15px; }
  .microtransit-section:after { display: none; }
  .microtransit-section { margin: 40px 0; }
  .microtransit-section .span6:last-child { margin-top: 40px; text-align: center; }
  .mobility-section iframe { width: 450px !important; height: 254px !important; max-width: 100%; }

  body .cta-strip-row-0-padding { padding: 50px 0 !important; text-align: center; }

  .inform-section h4 { margin-bottom: 20px; }

  .microtransit-section.demand-section { margin: 0; padding: 70px 0; }
  .microtransit-section.demand-section .span6:last-child { text-align: left; }
  .microtransit-section.demand-section .span6:first-child { text-align: center; }

  .market-accordion-section h3 { margin-bottom: 40px; }
  .market-accordion-left { width: 100%; display: none; }
  .market-accordion-wrap { display: inline-block; vertical-align: top; }
  .market-accordion-right { width: 100%; padding: 0; background: transparent; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); border-radius: 0; }
  .market-accordion-title { display: inline-block; vertical-align: top; width: 100%; padding: 15px; background: #0079c2; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); position:relative; }
  .market-accordion-contentbox { width: 100%; padding: 0 0 30px; text-align: left; }
  .market-accordion-image { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; height: 300px; }
  .market-accordion-contentwrap { text-align: center; color: #0b3344; padding: 25px 15px; display: none; }
  .market-accordion-content { display: inline-block !important; vertical-align: top; width: 100%; margin-bottom: 25px; }
  .market-accordion-contentwrap h5 { color: inherit; }
  .market-accordion-inlink a { color: inherit; }
  .market-accordion-content:last-child { margin-bottom: 0; }
  .market-accordion-section .browse-leaf { display: none; }
  .market-accordion-section { padding-bottom: 70px; }
  .market-accordion-intitle { display: none; }
  .market-accordion-intext { margin-top: 0; }
  .market-accordion-contentwrap#mobile-accordion1 { display: inline-block; }
  .market-accordion-title:after { position: absolute; content: ""; height: 27px; width: 30px; right: 25px; top: 50%; background: url('https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/plus-sign.png') no-repeat center / cover; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
  .market-accordion-title.active:after { height: 4px; width: 30px; background: url(https://366352.fs1.hubspotusercontent-na1.net/hubfs/366352/ecolane-theme-2020/images/minus-sign.png) no-repeat center / cover; }

  /* Demo 1 Page */
  .demo-hero-dots { display: none; }
  .hero-left-line { display: none; }
  .hero-right-line { display: none; }
  .demo-hero-raw { padding: 0; }
  .demo-hero-circle { left: 0; margin: 0; }
  .demo-hero-circle img { max-width: 100px; }
  .demo-hero { padding: 70px 0; }
  .demo-hero-curve { display: none; }

  .free-demo-section.container .dnd-section>.row-fluid:before { display: none; }
  .free-demo-section { padding: 50px 0 0; }

  .demo-stats-section .stats-section { padding-bottom: 50px; }

  .package-main-section .span4 { width: 100%; padding: 0; }
  .package-main-section .span4:after { display: none; }
  .package-main-section h3 { margin-bottom: 15px; }

  body .Services-row-0-padding { padding: 60px 0 0 !important; }
  body .Services-column-1-row-0-padding { padding-bottom: 30px !important; }
  body .Services-column-1-row-2-padding { padding-top: 50px !important; }

  .specialists-main-section .widget-type-rich_text { padding: 50px 15px; margin-bottom: 0; }
  .specialists-main-section .widget-type-rich_text ul li:last-child { margin-bottom: 0; }
  .specialists-main-section a.btn_style2 { padding: 18px 15px 18px 50px; font-size: 14px; }
  .specialists-main-section a.btn_style2:before { left: 5px; }

  body .Agency_Benefits-row-0-padding { padding: 50px 0 !important; }
  .agency-benefit-header { max-width: 100%; }
  .agency-benefit-col { width: 100%; padding: 0 15px; text-align: center; }
  .agency-benefit-colin { width: 450px; max-width: 100%; height: auto !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); }

  .management-main-section.container .dnd-section>.row-fluid { max-width: 100%; }
  .management-main-section.container .dnd-section>.row-fluid:before { display: none; }
  .management-main-section .span6:last-child { font-size: 16px; line-height: 24px; margin-top: 15px; }
  .management-main-section ul li { margin-bottom: 15px; width:100%; margin-left:0; margin-right:0; padding-right:0; }

  body .request-demo-row-0-padding { padding: 70px 0 !important; }

  .free-demo-raw { padding: 50px 15px; margin-bottom: 0; }
  .request-demo-main-section { margin: 0; }
  .free-demo-raw form.hs-form fieldset.form-columns-2 .field:first-child { padding-right: 0; }
  .free-demo-raw form.hs-form fieldset.form-columns-2 .field:last-child { padding-left: 0; }
  .free-demo-raw form.hs-form fieldset.form-columns-2 .field { padding-bottom: 15px; }
  .free-demo-raw form select { padding-right: 35px; }
  .row-fluid .inputs-list input[type="checkbox"]+span:before { height: 25px; width: 25px; top: 0; }
  .row-fluid .inputs-list input[type="checkbox"]:checked+span:after { height: 15px; width: 15px; left: 5px; top: 5px; }
  .row-fluid .inputs-list input[type="checkbox"]+span { padding-left: 38px; }
  .free-demo-raw form.hs-form .hs-form-field { padding-bottom: 15px; }
  .free-demo-raw form input[type=submit] { font-size: 18px; white-space: normal; }
  .free-demo-raw form .hs_i_agree_receive_blog_notifications_from_ecolane { padding-bottom:0 !important; }
  .free-demo-raw form.hs-form fieldset.form-columns-2 .field { width:100% !important; }
  .free-demo-raw form .hs-richtext { line-height:24px; } 

  body .Successful-Agencies-row-0-padding { padding: 50px 0 0 !important; }
  .successful-agencie-col { width: 100%; padding: 0; }
  .successful-agencie-raw .left-quote { display: none; }
  .successful-agencie-raw .right-quote { display: none; }
  .successful-agencie-box { font-size: 16px; line-height: 26px; padding: 20px 15px; }

  body .Logo-Slider-row-0-padding { padding-bottom: 0 !important; }

  .demo-browse-main-section .market-accordion-right { background: transparent; }
  .demo-browse-main-section .market-accordion-section { padding-bottom: 70px; }

  /* Company Page */
  .company-hero { padding: 50px 0 120px; }
  .company-hero .hero-circle { display: none; }
  .company-hero .company-raw { display: block; padding: 0; }
  .company-hero .company-left { width: 100%; padding: 0 0 30px; }
  .company-hero .company-right { width: 100%; }

  .new-partner-section .square-bluebox { display: none; }
  .new-partner-section { margin: 0; padding: 50px 0; }
  .partner-dots { display: none; }
  .new-partner-section h3 { margin-bottom: 40px; }
  .new-partner-section .new-partner-raw { display: block; }
  .new-partner-section .new-partner-left { width: 100%; padding: 0 0 30px; }
  .new-partner-section .new-partner-right { width: 100%; }
  .new-partner-section .new-partner-left a.btn_style2 { margin: 25px auto 0; display: flex; align-items: center; justify-content: center; width: 260px; max-width: 100%; min-width:1px; }

  body .service-row-0-padding { padding-bottom: 50px !important; }

  .foundation-section { padding: 60px 0; }
  .foundation-section .foundation-wrap { padding: 70px 0; }
  .foundation-year:before { display: none; }
  .foundation-section .slick-list:before,
  .foundation-section .slick-list:after { display: none; }
  .foundation-box { min-height: 1px; }
  .foundation-section .slick-initialized .slick-slide:nth-child(2n) .foundation-box { display: block; }
  .foundation-section .slick-arrow.slick-next { right: -10px; margin-top: 0; }
  .foundation-section .slick-arrow.slick-prev { left: -20px; margin-top: -16px; }
  .foundation-year span.year-dash { display: none; }
  .foundation-year { padding-top: 15px; font-size: 25px; }
  .foundation-section .slick-initialized .slick-slide:nth-child(2n) .foundation-box .foundation-year { padding: 15px 0 0; }
  .foundation-year span { background: transparent; padding: 0; }
  .foundation-section:before { display: none; }
  .foundation-wrap.desktop { display:none; }

  .company-map-section { padding: 60px 0; }
  .company-map-section .company-map-header { font-size: 16px; line-height: 24px; margin-bottom: 40px; }
  .company-map-section .map-buttons { display: block; margin-top: 35px; }
  .company-map-section .map-buttons .btn_style1.btn1 a { margin: 0 0 25px; }
  .company-map-section .map-buttons .btn_style1 a { margin: 0; min-width: 270px; font-size: 18px; }
  .company-map-section .map-address { position: relative; left: 0; margin-top: 10px }

  .team-section { padding:0 0 50px; }
  .team-col { width: 50%; padding: 0 15px; }
  .team-info { margin-top:10px; }

  .company-map-section svg { height:auto; }

  /**/
  .resources_hero.market-hero-main.market-temp-hero { padding-bottom:40px; }
  .resources_boxcover .resources_box { width:100%; text-align:center; padding:0; margin-bottom: 30px; }
  .resources_boxcover .resources_box .resources_boxinner { max-width:350px; float:none; width:100%; display:inline-block; }

  .mostpopcon_boxcover .mostpopcon_box { width:100%; padding: 0; margin-bottom: 40px; text-align:center; }
  .mostpopcon_boxcover .mostpopcon_box .mostpopcon_boxinner { max-width:350px; float:none; width:100%; display:inline-block; }
  .mostpopcon_area .section_title h3 { font-size: 22px; }
  .mostpopcon_area .section_title { margin-bottom:30px; }
  .mostpopcon_area .mostpopcon_boxcover { padding:0; }
  .mostpopcon_area { padding:40px 0; }

  .ctabar_area:before { top: 20px; width: 290px;  height: 160px;  background-size: 100% 100%; }
  .ctabar_area { padding:70px 0 70px; }

  .resources_filterarea { padding:40px 0; }
  .resources_filterarea .resources_boxcover:before { display:none; } 
  .resources_filterarea .resources_boxcover {  margin-top:30px; } 

  .resources_filterarea .resources_filter { position:relative;  max-width: 350px; margin: 0 auto;   float: none; }
  .resources_filterarea .mobile_filter { position:relative; display:block; padding: 15px 20px; background: #fff; float: left; width: 100%; text-align: left;  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16); }
  .resources_filterarea .mobile_filter:before { position:absolute; content:"\f0dd"; font-family:'fontAwesome'; right: 9px; top: 50%; transform: translateY(-50%); font-size: 18px; margin-top: -3px;  transition:all .6s ease; }
  .resources_filterarea .mobile_filter.open:before { transform: translateY(-50%) rotate(180deg); margin-top: 3px; transition:all .6s ease; }

  .resources_filterarea .resources_filter ul { position:absolute; top:50px; display:none; text-align:left; left:0; border-radius:0; padding:0; z-index:1; }
  .resources_filterarea .resources_filter ul li { width:100%; float:left; }
  .resources_filterarea .resources_filter ul li.all:after { display:none; }
  .resources_filterarea .resources_filter ul li button ,.resources_filterarea .resources_filter ul li a{ width:100%; text-align: left; font-size: 16px; line-height: 24px; padding: 10px 15px;  border-bottom: 1px solid #f2f2f2;  border-radius: 0; }

  /**/
  .solution-hero-left { width:100%; }  
  .solution-hero-right { width:100%; padding:20px 0 0; text-align:center; }
  .solution-hero-right h1:before { content:''; left:50%; margin-left: -70px; }  
  .solution-hero-left { text-align:center; }
  .solution-hero-left .solution-hero-dots { display:none; }

  .solservices_iconcover { padding:0; top:0; }
  .solservices_iconcover .solservices_iconbox { width:100%; max-width:200px; }
  .solution_sliderarea .solution_slidercover .slick-track { display:block; }
  .solution_sliderarea .solution_sliderbox .solutionbox_space { padding:0 15px; }  

  .whyecolane_area .whyecolane_cover { width:100%; padding:0; }
  .whyecolane_area .whyecolane_img { width:100%; }
  .whyecolane_area .whyecolane_img:before { display:none; }
  .whyecolane_area .wrapper { display:block; }

  .featuresslider_area .featuresbox_slider .featuresbox_leftslider { width:100%; display:none; }
  .featuresslider_area .featuresbox_slider .featuresbox_rightslider { width:100%; padding:0; }
  .featuresslider_area .featuresbox_slider { display:block; }
  .featuresslider_area ul.slick-dots { right:0; }

  .ecolservices_area .ecolservices_boxcover { width:100%; padding:0; }
  .ecolservices_area .ecolservices_right { width:100%; text-align:center; margin-top:40px; }
  .ecolservices_area .ecolservices_right h3 { text-align:center; font-size:24px; }
  .ecolservices_area .ecolservices_right h3:after { left:50%; margin-left:-75px; }
  .ecolservices_area .wrapper { display:block; }
  .ecolservices_area .ecolservices_boxcover .ecolservices_box:nth-child(2) { margin:0px 0; }
  .ecolservices_area .ecolservices_boxcover .ecolservices_box { margin:0 auto !important; }

  .transiteffcieny_area .transiteffcieny_box1:after { display:none; } 
  .transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft { width:100%; padding-right: 0; padding-left: 0; }
  .transiteffcieny_area .transiteffcieny_box .transiteffcieny_boximg { width:100%; }  
  .transiteffcieny_area .transiteffcieny_box { display:block; margin:30px 0; }
  .transiteffcieny_area .transiteffcieny_box.transiteffcieny_box2 .transiteffcieny_boxleft { padding:30px 0 0; }
  .transiteffcieny_area .transiteffcieny_box .transiteffc_boximg { display:none; }

  .solution_sliderarea .solution_slidercover .solution_sliderboxinner { box-shadow: 0 10px 16px rgba(0,0,0,0.16); -webkit-box-shadow: 0 10px 16px rgba(0,0,0,0.16); -moz-box-shadow: 0 10px 16px rgba(0,0,0,0.16); -ms-box-shadow: 0 10px 16px rgba(0,0,0,0.16); }
  .solution-hero-section { padding:50px 0; margin-bottom:0; }
  .solution_sliderarea .solution_slidercover { margin-bottom:80px; padding:0; }
  .solution_sliderarea { margin-bottom:0; margin-top:50px; } 
  .solution_sliderarea .solution_slidertop h3 { font-size: 22px; line-height: 32px; margin-bottom: 20px; padding-top: 30px; }
  .solution_sliderarea .solution_sliderwrap { padding:0; }
  .solution_sliderarea .solution_sliderwrap:after { display:none; }
  .solution_sliderarea .solution_sliderbox .solution_slidertitle { display:block; color:#fff; }

  .solution_sliderarea .solution_slidercover .slick-list { padding:20px 0 !important; }
  .solservices_iconcover .solservices_iconbox { margin-bottom:30px; }  
  .solservices_iconcover .solservices_iconbox:last-child { margin-bottom:0; }
  .solservices_iconcover .solservices_iconbox h6 { color:#fff; }
  .solution_sliderarea .solution_sliderwrap:before { display:none; }
  .solution_sliderarea .solution_slidercover .solution_sliderbox h3 { font-size: 24px; line-height: 34px; }

  .ecolanesol_area { padding:50px 0; text-align:center; }
  .ecolanesol_area .ecolanesol_img { display:none; }

  .whyecolane_area h3 { text-align:center; margin-bottom: 20px; }
  .whyecolane_area h3:after { left:50%; margin-left:-75px; }
  .whyecolane_area { padding:50px 0; text-align:center;  line-height: 26px; }
  .whyecolane_area .whyecolane_img { max-width: 500px; margin: 50px auto 0; }  

  .featuresslider_area .featuresbox_slider .featuresbox_rightslider .featuresbox:before { display:none; }
  .featuresslider_area .featuresbox_slider .featuresbox_rightslider .featuresbox { padding-left:0; display:block !important; text-align:center; }
  .featuresslider_area .featuresbox_slider .featuresbox h4 {  font-size: 24px; }
  .featuresslider_area .featuresbox_slider .featuresbox_img { height: 250px; max-width: 400px; margin: 0 auto; }  
  .featuresslider_area .featuresbox_slider .featuresbox_rightslider:before { display:none; } 
  .featuresslider_area .featuresbox_slider .featuresbox_leftslider:before { display:none; }

  .featuresbox_rightslider .featuresbox_img { display:block; } 
  .featuresslider_area ul.slick-dots { padding:10px 0 30px 0; right: 0; position: relative; width: 100%; height: auto; display:block !important; }
  .featuresslider_area .slick-arrow.slick-next { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -moz-transform: rotate(90deg); }
  .featuresslider_area .slick-arrow.slick-prev { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -moz-transform: rotate(-90deg);  }

  .ecolservices_area { padding:50px 0; }
  .ecolservices_area:before { display:none; }

  .transiteffcieny_area { padding:60px 0 40px; }
  .transiteffcieny_area .transiteffcieny_img { margin-top:40px; height: 250px; }

  .problemsolution_area { padding:40px 0; }
  .problemsolution_area .problemsolution_top { line-height:26px; }
  .problemsolution_cover .problemsolution_box .problemsolution_title { font-size: 20px; line-height: 28px; }
  .problemsolution_cover .problemsolution_box .count_box span { width: 27px; height: 27px; font-size: 20px; line-height: 12px; margin-left: -33px; position: relative; top: 0; }
  .problemsolution_area .problemsolution_cover { margin-top: 40px;  padding-left: 30px; }
  .problemsolution_cover .problemsolution_box .solution_box1 { padding:20px 20px; font-size: 16px; }
  .problemsolution_cover .problemsolution_box .solution_box3 { padding:20px 20px; font-size: 16px; }
  .problemsolution_cover .problemsolution_box .solution_box2 { font-size: 20px;  line-height: 28px; }

  .transiteffcieny_area .transiteffcieny_box{ flex-direction: column-reverse; }
  .transiteffcieny_area .transiteffcieny_box.efficiency_imageleft{ flex-direction: column-reverse; }

  .transiteffcieny_area:before { display:none; }
  .transiteffcieny_area .transiteffcieny_box .transiteffcieny_boximg { margin-bottom:30px; }
  .transiteffcieny_area .transiteffcieny_box { display:flex; flex-wrap:wrap; }
  .transiteffcieny_area .efficiency_imageright .transiteffcieny_boximg:before { display:none; }
  .transiteffcieny_area .transiteffcieny_box.efficiency_imageleft .transiteffcieny_boximg:before { display:none; }
  .transiteffcieny_area .transiteffcieny_box.efficiency_imageleft .transiteffcieny_boxleft { padding:0; }
  .transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft ul li { padding-left:50px; }
  .transiteffcieny_area .transiteffcieny_box .transiteffcieny_boxleft ul li:before { top:0; }

  .solution_sliderarea .solslide_dotsbg,.solution_sliderarea:before { display:none; }

  /**/
  .agency-benefit-section { padding:50px 0; }
  .agency-benefit-box { padding:20px 30px; } 
  .agency-benefit-col .agency-benefit-icon { width:170px; }

  /* Company Policy Page */
  /*     .policy-content-section ol { padding-left: 15px; } */
  .policy-content-section p { word-break: break-all; }

  /* Transit Trends Page */
  .heronew-section { padding: 80px 0; }

  .simple-info-strip { padding: 40px 0; }

  .pillar-banner .dnd-section { padding: 40px 0; background-attachment:inherit !important; }
  .pillar-banner-content img.hs-image-widget { margin-bottom: 20px; }
  .pillar-rightimagesection.pillar-banner-content img.hs-image-widget { margin: 20px 0 0; }
  .pillar-banner-content ul { padding:0; }

  .demopgraphics-wrap { width: 100%; display: inline-block; vertical-align: top; margin: 0; }
  .demopgraphics-col { width: 100%; padding: 0 0 30px; margin: 0; }
  .demopgraphics-titlein { height: auto !important; }
  .demopgraphics-textin { height: auto !important; }
  .demopgraphics-text { padding: 30px 15px; }
  .banner-with-cta-main { font-size: 16px; line-height: 24px; }
  .banner-with-cta-main .btn_style3 { margin-top: 30px; }

  /* Non Emergency Medical Transport */
  .demopgraphics-col:last-child { padding-bottom: 0; }
  .pillar-banner-content .transit-slider-section .slick-arrow.slick-next { display: none !important; }
  .pillar-banner-content .transit-slider-section .slick-arrow.slick-prev { display: none !important; }
  .transit-slider-colin:hover { box-shadow: none; }
  .fancybox-slide--html .transit-popupwrap .fancybox-close-small { right: 0; }
  .transit-slider-title { font-size:20px; }

  /* Future Of Mobility Page */
  .transportation-market-main .demopgraphics-col { width: 100%; }
  .transit-slider-section { padding-bottom: 30px; }
  .transit-agency-content.pillar-banner-content ul li:first-child { padding-top: 0; }
  .mobility-cta-banner.banner-with-cta-main { font-size: 16px; line-height: 24px; }

  /* How Does Paratransit Work */
  .simple-info-strip p img { max-width: 100% !important; }
  .demopgraphics-wrap.three_column .demopgraphics-col { width: 100%; }
  .demopgraphics-wrap.two_column .demopgraphics-col { width: 100%; }
  .pillar-contentwrap { padding-top: 20px; }
  .transit-agency-content.pillar-banner-content .pillar-contentcol ul { padding-left: 20px; }

  /* Career Page */
  .inner-hero-section { padding: 100px 0; }
  .normal-content-wrap { padding: 50px 0; }
  .normal-content-wrap h4 { margin-bottom: 15px; }

  .row-fluid .accordion-title span.choise-tag { display: none; }
  .isotop-btn-list label { float: left; width: 100%; border: 1px solid #000; padding: 7px 15px; font-size: 19px; position: relative; cursor: pointer; font-weight: 500; display: block; text-align: left; padding-right: 35px; }
  .isotop-btn-list label:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 35px; background-image: url(https://4353652.fs1.hubspotusercontent-na1.net/hubfs/4353652/AdmissionPros-2018/Images/dropdown-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 17px; }
  .filter-dropdown { float: left; width: 100%; position: relative; padding: 0; margin: 0 0 20px; }
  .filter-dropdown ul { display: none; position: absolute; top: 100%; z-index: 8; background: #fff; width: 100%; border: 1px solid #000; border-top: 0; left: 0; }
  .filter-dropdown ul li { float: left; width: 100%; padding: 0; margin: 0; }
  .isotop-btn-list ul li a.selected { font-weight: 600; background: #868383; }
  .isotop-btn-list ul li a { display: block; color: #000; cursor: pointer; border: 0; text-align: left; padding: 8px 20px; }
  .position-header-section h4 { margin-bottom: 15px; }
  .filter-dropdown.open label:after { transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .open-position-section { padding-bottom: 50px; }
  .fillter-social-text h5 { line-height: 26px; }

  .career-cta-strip-section .wrapper > div > div { display: block; }
  .career-cta-strip-section .wrapper > div { text-align: center; }
  .career-cta-strip-section .wrapper > div > div > div:nth-child(1), .career-cta-strip-section .wrapper > div > div > div:nth-child(2), .career-cta-strip-section .wrapper > div > div > div:nth-child(3) { width: 100%; max-width: 100%; }
  .career-cta-strip-section .wrapper > div > div > div:nth-child(2) { margin: 25px 0; }
  .career-cta-strip-section h5 { line-height: 24px; }
  /*     .career-cta-strip-section h5 br { display: none; } */

  .career-counter-col { margin-bottom: 30px; background: #383838; padding: 30px 15px; }
  .career-counter-col .career-counter-number { font-size: 40px; line-height: 48px; }
  .career-counter-col:last-child { margin-bottom: 0; }
  .career-counter-colin { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; height: auto !important; }

  .career-services { padding: 50px 0; }
  .career-services .career-service-header h4 { margin-bottom: 15px; }
  .career-services .career-service-header { line-height: 24px; }
  .row-fluid .career-service-col { float: left; width: 100%; margin: 0 0 30px; padding: 0; text-align: center; }
  .career-service-colin { float: none; display: inline-block; vertical-align: top; width: 450px; max-width: 100%; text-align: left; height: auto !important; }
  .career-service-text { margin: 0; }
  .row-fluid .career-service-col:last-child { margin-bottom: 0; }

  .career-testimonial-section { padding: 50px 0; }
  .career-testimonial-section h4 { margin-bottom: 25px; }
  .career-testimonial-wrap button.slick-next.slick-arrow { left: auto; right: 0; }
  .career-testimonial-wrap button.slick-prev.slick-arrow { right: auto; left: 0; }
  .career-testimonial-wrap button.slick-arrow { display: none !important; }
  .career-testimonial-boxin { padding: 0 15px; }
  .career-testimonial-wrap ul.slick-dots { padding:30px 0 0; }
  .career-testimonial-wrap ul.slick-dots li { padding:0 5px; }
  .career-testimonial-wrap ul.slick-dots li + li { margin:0; }
  .career-testimonial-wrap ul.slick-dots li:before { display:none; }
  .career-testimonial-wrap ul.slick-dots li button { width: 22px; border-radius: 0; height: 3px; background: #223E5D; margin: 0; padding: 0; border: 0; }
  .career-testimonial-wrap ul.slick-dots li.slick-active button { background: #01A9B5; }

  /* Findland Page */
  .zigzag-imgbox { width: 100%; height: 350px !important; }
  .zigzag-contentbox { width: 100%; height: auto !important; }
  .zigzag-textbox { padding: 50px 15px 50px 15px !important; }
  .zigzag-text { line-height: 24px; }
  .zigzag-col { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 30px; }
  .zigzag-col:last-child { margin-bottom: 0; }
  .zigzag-col:nth-child(even) .zigzag-textbox { padding-bottom: 0 !important; }

  .finland-testimonial-main .dnd-row>.row-fluid>.dnd-column>.dnd-row.row-depth-1:first-child { border-bottom:0; }
  .finland-testimonial-main .hs_cos_wrapper_type_rich_text { padding:20px 0 0; }
  .finland-testimonial-main .widget-type-linked_image { border-bottom:1px solid #0079c1; }

  /* Business Intelligence Page */
  .inner-hero-section.business-hero { padding: 50px 0; font-size: 20px; line-height: 30px; }

  .next-transit-section { padding: 50px 0; }
  .next-transit-wrap { display: block; }
  .next-transit-left { width: 100%; padding: 0 0 30px; text-align: center; }
  .next-transit-right { width: 100%; height: 300px; }

  .business-benifit-section { padding: 50px 0 0; }
  .business-benifit-section h2 { font-size: 22px; text-align: center; line-height: 30px; }
  .business-benifit-wrap { margin-top: 15px; }
  .business-benifit-col .hover-thumb img { height: auto; }

  .demo-schedule-section { padding-top: 40px; }
  .demo-schedule-formbox { padding: 50px 15px; }

  .row-fluid .demo-schedule-formbox .hs-form fieldset.form-columns-2 .field:first-child { padding-right: 0; }
  .row-fluid .demo-schedule-formbox .hs-form fieldset.form-columns-2 .field { padding-left: 0; }
  .row-fluid .demo-schedule-formbox .hs-form fieldset.form-columns-1 .input { margin-right: 0 !important; }
  .row-fluid .demo-schedule-formbox .hs-richtext p { padding: 0; }
  .row-fluid .demo-schedule-formbox .hs-form .legal-consent-container .field.hs-form-field { padding-bottom: 0; margin: 0; }
  .row-fluid .demo-schedule-formbox .hs-form fieldset.form-columns-2 .hs-form-field { width:100% !important; }

  .business-knowbox { padding: 30px 0 0; text-align: center; }
  .business-know-title { margin-top: -67px; }
  .business-knowleft { width: 100%; padding: 0 0 30px; }
  .business-knowright { width: 100%; padding: 0 0; }
  .business-testimonial-section { padding: 50px 0; font-size: 18px; line-height: 26px; }

  /* ROI Calculator Page */
  .row-fluid .calculator .cals-inner .frm-field > label { font-size: 18px; line-height: 26px; }
  .row-fluid .result-table-data table { width: 700px !important; overflow-x: auto; }
  .row-fluid .result-table-data tbody tr td { font-size: 16px; line-height: 24px; padding: 5px 0; }
  .roi-calculator-bottom { padding: 50px 0; background-attachment: inherit !important; }
  .row-fluid .roi-calculator-bottom .hs-form fieldset.form-columns-2 .field { padding-right: 0; padding-left: 0; width:100%; }
  .row-fluid .result-table-data { overflow: auto; }

  /* Ecolane Assessment Quiz Page */
  .quiz-section { padding: 50px 0; }
  .screen-dots { display: none; }
  .quiz-question { font-size: 20px; line-height: 28px; padding: 15px 10px; }
  .quiz-answer-wrap { padding: 30px 15px; }
  .quiz-answerin input[type="checkbox"]+label { font-size: 15px; line-height: 20px; font-weight: 400; padding: 15px 10px 15px 45px; }
  .quiz-answerin input[type="checkbox"]+label:before { left: 5px; }
  .screen-arrowbox { display: none; }
  .quiz-raw.two-column .quiz-answer { width: 100%; padding: 0 !important; margin: 0; }
  .quiz-form-screen { padding: 30px 15px; }
  .quiz-form-screen fieldset.form-columns-2 .hs-form-field { width: 100%; padding: 0 0 18px !important; }

  .cta-strip-section.quiz-cta-strip { padding: 50px 0; font-size: 26px; line-height: 34px; }
  .cta-strip-section.quiz-cta-strip a.white_btn { padding: 15px 10px; margin-top: 20px; }

  /* Privacy Policy Page */
  .policy-content-section ol { padding-left: 15px; }
  .policy-content-section ol+ul { padding-left: 15px; }
  .policy-content-section { font-size: 13px; line-height: 20px; }
  .policy-content-section ul li { padding-right: 0; padding-left: 25px; }

  .mobility-cta-banner.banner-with-cta-main .dnd-column { padding: 0px 15px;}  

}

@media (max-width:500px){

  .benefits-col { width: 100%; padding: 0; margin: 30px 0 0; }
  .benefits-title { height: auto !important; }

  .live-demo-title h2 { font-size:20px; margin: -11px; }

  .blog-feed-content .post-title a { min-height:95px; }

  /* Contact Us Page */
  .contact-box-col { width: 100%; margin-bottom: 30px; margin-left: 0; margin-right: 0; }
  .contact-box-colin { width: 100%; padding: 0 15px; }

  /* Company Page */
  .team-col { width: 100%; margin:0 0 30px; }
  .team-colin { height: auto !important; float:none; display:inline-block; vertical-align:top; width:380px; max-width:100%; }

  /* Transit Trends */
  .action-slide-menu .hs-menu-wrapper > ul { max-width:250px !important; }

  /* Ecolane Assessment Quiz Page */
  .screen-btnbox { display: inline-block; vertical-align: top; width: 100%; padding: 0 15px 40px; }
  .screen-btnbox > div { float: left; width: 100%; }
  .row-fluid .screen-btnbox .btn_style1 { margin: 0; }
  .row-fluid .screen-btnbox .btn_style1.prev_btn { margin-bottom: 15px; }

  /* Market Page */
  .mobility-section iframe { height:165px !important; }

}