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

@import url('https://fonts.googleapis.com/css?family=Muli:700,700i|Open+Sans:400,400i');

    

/* theam color */
    
    

    
    


/* Typography */




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,select,input,option,textarea{margin:0;padding:0;border:0;outline:0;font-size:100%;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
figure,figcaption{margin:0;padding:0}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.55em}
nav ul,nav ol{list-style:none;list-style-image:none}
button,input,select,textarea,option{font-size:100%;margin:0;vertical-align:baseline;font-family:Open Sans, Arial, Sans-Serif;font-weight:400}
input[type="text"],input[type="tel"],input[type="email"]{-webkit-appearance:none!important}
input[type="submit"]{cursor:pointer;transition:all .5s ease}
textarea{overflow:auto;vertical-align:top;resize:none}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"],textarea{-webkit-appearance:none;border-radius:0;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease}
:focus{outline:0}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
table{border:0 none;border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
img{border:0 none;max-width:100%;vertical-align:middle;height:auto}
a{outline:0;cursor:pointer;transition:all .5s ease}
*:before,*:after{box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
li{list-style:none}
input::-webkit-input-placeholder{color:#939694;opacity:1;font-size:12px}
input:-moz-placeholder{color:#939694;opacity:1;font-size:12px}
input::-moz-placeholder{color:#939694;opacity:1;font-size:12px}
input:-ms-input-placeholder{color:#939694;opacity:1;font-size:12px}
textarea::-webkit-input-placeholder{color:#000;opacity:1;font-size:12px}
textarea:-moz-placeholder{color:#939694;opacity:1;font-size:12px}
textarea::-moz-placeholder{color:#939694;opacity:1;font-size:12px}
textarea:-ms-input-placeholder{color:#939694;opacity:1;font-size:12px}
.clear{clear:both}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
body{font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Open Sans, Arial, Sans-Serif};font-weight:400;color:#000; }
body:not(.custom-background-image)::before,body:not(.custom-background-image)::after{display:none!important}
a{text-decoration:none;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease}
a:hover{text-decoration:none;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease}
a:focus{outline:0;text-decoration:none}
p{margin-bottom:15px}
.tbl{display:table;width:100%;height:100%}
.tbl-cell{display:table-cell;vertical-align:middle}
.dis-flex{display:flex;align-items:center}
select::-ms-expand{display:none}
input::-ms-clear{display:none}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset;-moz-box-shadow:0 0 0 100px #fff inset;box-shadow:0 0 0 100px #fff inset;color:#333}
.row-fluid [class*="span"]{min-height:1px}
.h-logo img,.f-logo img{cursor:pointer}
.container{max-width:1100px;margin:0 auto!important;padding:0;float:none!important}

h1,.h1{font-size:66px;line-height:1.2;font-family:Muli, Arial, Sans-serif;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:15px;}
h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{line-height:1.4;margin-bottom:15px;font-family:Muli, Arial, Sans-serif;font-weight:700;color:#1f4180}
h2,.h2{font-size:32px}
h3,.h3{font-size:24px}
h4,.h4{font-size:22px}
h5,.h5{font-size:20px}
h6,.h6{font-size:18px}

.test-class>.row-fluid-wrapper>.row-fluid{display:flex;}
ul.hs-error-msgs>li>label{font-size:13px;line-height:normal;display:block;color:#1f4180;}
.hs-form-field{position:relative}
ul.hs-error-msgs.inputs-list{position:absolute;bottom:-18px;right:0;list-style-type:none;padding:2px 5px;color:#fff;background-color:#DA2127;z-index:9}
ul.hs-error-msgs.inputs-list li label{font-size:12px;font-weight:600;position:relative;z-index:9;line-height:normal;display:block;color:#fff}
ul.hs-error-msgs.inputs-list:after{content:'';width:8px;height:8px;position:absolute;display:inline-block;left:50%;background-color:#DA2127;margin-left:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;top:0}
input,textarea,select{border-radius:0}
span.hs-form-required{display:none}
select,textarea,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#000;display:block;font-size:16px;height:45px;padding:0 15px;width:100%;color:#939694;border:0;border-radius:5px}
select{-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff;background-image:url("https://2698870.fs1.hubspotusercontent-na1.net/hubfs/2698870/CAI%20Logistics%20LP-June2017/Images/download.png?t=1516620910904");background-position:98% center;background-repeat:no-repeat}
textarea{height:115px;padding:13px 15px}
ul li label input[type="checkbox"],ul li label input[type="radio"]{opacity:0;display:none!important}
ul li label span{position:relative}
ul li label input[type="checkbox"],.input ul li label span,ul li label input[type="radio"]{display:inline-block;vertical-align:middle;cursor:pointer}
ul li label input[type="checkbox"]+span:before,ul li label input[type="radio"]+span:before{content:'';background:#e5e5e5;border:2px solid #ddd;display:inline-block;vertical-align:middle;width:20px;height:20px;padding:2px;margin-right:10px;text-align:center}
ul li label input[type="radio"]+span:before{border-radius:50%}
ul li label input[type="checkbox"]:checked+span:before,ul li label input[type="radio"]:checked+span:before{box-shadow:0 0 0 5px #000 inset}
.hs-form-field{margin-bottom:10px}
.hs_submit input{background-color:#DA2127;color:#fff;padding:15px 40px;display:inline-block;border-radius:0;line-height:normal;font-size:16px;text-transform:uppercase;width:100%;border-radius:4px}
.hs_submit input:hover{opacity:0.8}
.frm-ebbok h3{color:#fff;font-size:20px;text-align:center}
.submitted-message{color:#fff;text-align:center;padding-top:25px}
form ul{margin:0;padding:0}
form ul li{margin:0;padding:0;list-style:none}
div.hs-form-field>label{color:#fff;display:block;font-size:16px;line-height:1.2;margin-bottom:6px;font-weight:700}
div.hs_submit{margin:0}
form>div{width:100%}
form fieldset{max-width:100%!important;width:100%!important}
.form-columns-1{width:100%!important}
fieldset.form-columns-2 .input,fieldset.form-columns-1 .input{margin-right:0!important}
fieldset.form-columns-2>div{width:49%!important;margin-right:2%}
fieldset.form-columns-2>div:last-child{margin-right:0;width:49.002%!important}
fieldset.form-columns-1 .hs-input{width:100%!important}
.hubspot-link__container.sproket{display:none}
.hs_error_rollup {display:none;}

.headpad{padding:14px 0}
.crushheda h1{color:#fff;text-transform:uppercase}
.bnner-img{padding:129px 0 90px}
.frm-ebbok{background-color:#000000!important;padding:35px 27px}
.learnhead{display:-webkit-flex;display:flex;flex-wrap:wrap}
.learnhead figcaption{width:calc(100% - 170px);text-align:left}
.learnhead figure{width:157px;margin-left:auto}
.learnhead figcaption p.h3{color:#fff}
.contcthead{display:flex;align-items:center;justify-content:flex-end}
.headpad .container>.row-fluid-wrapper>.row-fluid{display:flex;align-items:center;flex-wrap:wrap}
.swal{font-size:14px;font-weight:700;color:#00224b}
.contel a{display:inline-block;padding:12px 15px;background-color:#DA2127;border-radius:4px;margin-left:18px;color:#fff;text-transform:uppercase}
.max-conti{max-width:596px;margin:0 auto!important;width:100%;float:none!important}
.pad-two{padding:75px 0 100px}
.text-upper{text-transform:uppercase}
.quote{font-size:22px}
span.writer{display:block;margin-top:32px;text-align:right}
.brder-pad{border-bottom:2px solid #b7b09b;padding-bottom:35px;margin-bottom:35px}
.max-continent{max-width:596px;margin:0 auto 0 63px!important;width:100%}
.body-container-wrapper{position:relative}



/*my code*/
.fixed-banner { 
  padding: 0px !important; 
/*   position: relative;  */
}
.max-conti{
  padding:129px 0 90px;
}
.frm-ebbok.natural { 
  height: 93vh; 
  display: flex;
  align-items: center; 
}









/* social UL Li */
ul.social-iicon {text-align:center;padding:0;margin-bottom:30px}
ul.social-iicon li {display:inline-block;margin-right:15px;}
ul.social-iicon li:last-child {margin-right:0;}
ul.social-iicon li a { font-size: 20px; background-color: #DA2127; color: #fff; width: 40px; height: 40px; display: block; line-height: 40px; border-radius: 50%; }
ul.social-iicon li a:hover {opacity:0.8}
ul.social-iicon li a i { line-height: 40px; display: block; }

.lp-footer-copy {background-color: #000; padding: 50px 0;}

@media(min-width:1025px){
  .frm-ebbok.bottom {
    position: absolute;
    bottom:25px;
    width: 348px;
  }
  .frm-ebbok.fixed {
    position: fixed;
    z-index: 4;
    display: block !important;
    top: 25px;
    width: 348px;
  }
}
@media(max-width:1250px){
  .container{
    padding:0 20px; 
  }
  h1,.h1{font-size:58px}
}
@media(max-width:1024px){
  .width100 {
    width: 100% !important;
    text-align: center;
    margin-left: 0 !important;
  }
  .frm-ebbok{
    max-width: 596px;
    margin: 25px auto 0 !important;
    float: none !important;
  }
  .bnner-img{
    padding:95px 0 75px
  }
  h1,.h1{font-size:50px}
  .frm-ebbok.natural { height: unset; }
  .max-conti{
    position: unset;
    top: 0%;
    transform: none;
  }

}
@media(max-width:991px){
  .bnner-img{
    padding:70px 0 60px
  }
  .pad-two{
    padding: 70px 0 85px;
  }
  h1,.h1{font-size:42px}
  h2,.h2 {font-size: 28px}
}
@media(max-width:840px){

  h1,.h1{font-size:36px}
}
@media(max-width:767px){
  .bnner-img{
    padding:50px 0;
  }
  .widthm100{
    width:50% !important;
  }
  .max-continent{
    max-width:100%;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .pad-two{
    padding: 55px 0 70px;
  }
  h1,.h1{font-size:29px}
  h2,.h2 {font-size: 24px}
  h3,.h3 {font-size: 22px}
  h4,.h4 {font-size: 20px}
  h5,.h5 {font-size: 19px}
  .btm-hed *{font-size:18px}
  .quote {font-size: 18px;}
}
@media(max-width:640px){
  .btm-hed *{font-size:16px}
  .quote {font-size: 16px;}
  .logo img{width:105px !important}
  .contel a {font-size:12px;padding:8px 12px;}
}
@media(max-width:480px){
  .learnhead figure,.learnhead figcaption{
    width:100% ;
    text-align:center;
  }
  fieldset.form-columns-2>div {
    width: 100% !important;
  }
  fieldset.form-columns-2>div:last-child {
   width: 100% !important;
  }
}