​ @import url('https://fonts.googleapis.com/css?family=Exo:300,300i,400,400i,500,500i,600,600i,700,700i|Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset='); 
/* @import url('https://fonts.googleapis.com/css?family=Exo%202%3A400%2C300%2C600%2C700%7CExo%202%3A600%2C400&subset='); */
@import url('https://6887327.fs1.hubspotusercontent-na1.net/hubfs/6887327/Scallog%202020/CSS%20and%20JS/font-awesome.css');

/***********************  HubL Variables ***********************/
















/*********************************************** intial declartaion of css **********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
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; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
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; }

/*********************************************** remember to define focus styles! **********************************************/

:focus { outline: 0; }

/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}

/**************************************** End hide from IE Mac ***************************************************************/ 

*:before, *:after {box-sizing: border-box;}

/************************************************** End Clearfix *************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }

/************************************************** For modern browsers ******************************************/ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
::selection { background: #2a91cc; color: #ffffff; }
::-moz-selection {background: #2a91cc;color: #ffffff;}

/*************************************** display table and table cell ***************************************************/

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display: flex; flex-wrap: wrap;}

/*********************************************************body  ********************************************************/

body { margin:0 auto; font-size: 18px; line-height: 35px; font-family: 'Exo 2', sans-serif; color:#ffffff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent;font-weight:400;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a {cursor: pointer; text-decoration: none;display: inline-block; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }

p strong{ font-family: 'Exo 2', sans-serif;font-weight:600;}
h1,h2,h3,h4,h6{font-family: 'Exo 2', sans-serif;font-weight:800;}
h5{font-family: 'Exo 2', sans-serif;font-weight:400;}
a:link{color:inherit;}
a:active{color:inherit;}
a:visited{color:inherit;}

/*******************************************hubspot******************************************************************/

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

/**************************************** logo ***************************/

.h-logo img ,.f-logo img {cursor: pointer;}

/************************* container **************/
.container {max-width:1130px;margin:0 auto !important;padding:0 15px;float:none !important; }

/*********************************************************************************************************************************

Form CSS Starrt here

**********************************************************************************************************************************/



/****************************************************Placeholder opacity cross browsers*****************************************/

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

/****************************************************** IE *********************************************************/

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/*********************************************** remove auto fill yellow color ************************************/

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #fff inset;-moz-box-shadow: 0 0 0 100px #fff inset;box-shadow: 0 0 0 100px #fff inset;	color:#333 ;}

/*********************************************** Form CSS **********************************************/
/* .hs-form ul.hs-error-msgs > li > label {font-size:12px;line-height:normal;display:block;color: ;} */
.hs_error_rollup {display: none;}
/* .hs-form ul.hs-error-msgs{margin:0 0 -10px;} */
span.hs-form-required { display: none; }
/* form error mesege when good space b/w two inputs */
.hs-form .hs-form-field {position: relative;}
.hs-form ul.hs-error-msgs.inputs-list { position: absolute; bottom: -29px; right: 0; list-style-type: none; padding: 0px 10px 2px;background:#2a91cc;margin:0;}
.hs-form ul.hs-error-msgs.inputs-list > li > label {font-weight:400;position:relative;z-index:9;color: #fff;}
.hs-form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background:#2a91cc; 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; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline;font-family: 'Exo 2', sans-serif; }
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }

/* -------- Forms --------- */
.hs-form li:after{display:none;}
.hs-form ul,.hs-form ol{padding-left:0;}
.hs-form li{margin-bottom:0;}
.hs-form textarea, 
.hs-form input[type="text"], 
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"],  
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"], 
.hs-form select {
      font-size: 14px;
    line-height: normal;
    color: #000;
    font-weight: 400;
    border-radius: 0px;
    padding: 16px;
    width: 100% !important;
    background: transparent;
    border: 0;
    border: 1px solid #2d91d0;
    font-family: 'Exo 2', sans-serif;
}
.hs-form input:focus{
  outline: 0;
  border: 1px solid #d3d3d3;
}
.hs-form select {
  -webkit-appearance: none;
  background: transparent;
  background: url(https://506440.fs1.hubspotusercontent-na1.net/hubfs/506440/website/Nettly-2020%20Assets/Images/select-arrown.png); background-repeat: no-repeat; background-position: 97% center; background-size: 12px;
}
.hs-form-field > label { line-height: inherit; font-size: 18px; font-family: 'Exo 2', sans-serif;font-weight: 500; color: #18293c !important; margin-bottom: 8px;display:inline-block;}

.hs-form-field > label.red{
  color: #2a91cc;
}
.hs-form-field > label.sel{
  color: #000;
  font-size: 12px;
  line-height: 14px;
  top: -11px;
}
.hs-form-field > label.upM{
  color: #21bad1;
  font-size: 12px;
  line-height: 14px;
  top: -11px;
}
.hs-recaptcha { 
  margin-bottom: 30px;
}
.hs-form-field {
  position:relative;
  margin-bottom: 25px;
}
.hs-form input[type="checkbox"]{
  margin-right:25px;
}
.hs-form textarea { height: 218px !important; resize: none !important; resize: none; width: 100% !important; }
input[type="submit"]{
  -webkit-appearance: none;
    color: #fff;
    background: #128fcf;
    border-radius: 0px;
    padding: 15px 30px;
    min-width: 100%;
    display: inline-block;
    text-decoration: none;
    line-height: normal;
    font-size: 20px;
    font-weight: 400;
    margin-top: 1px;
    font-family: 'Exo 2',sans-serif;
    text-transform: uppercase;
  font-family: 'Exo 2', sans-serif;text-transform:uppercase;
}
input[type="submit"]:hover{
  background: #2a91cc;color: #ffffff;
  text-decoration: none;
}

.hs-form-field .input { display: table; width: 100%; margin: 0 !important; }
/* .invalid.error{
border-bottom: 1px solid #DA0000;
} */
.hs-error-msgs { position: relative; }
.hs-error-msgs li label{
  font-size: 12px;
  line-height: 14px;
  color: ;
}
.hs-error-msgs li{
  list-style-type:none;
}
.hs-form-checkbox{
  width:100%;
  float:left;
  list-style-type:none;
}
.hs-form-radio{
  width:33.3%;
  float:left;
  list-style-type:none;
}
.hs-form-checkbox input, .hs-form-radio input{
  margin-right: 27px;
}
form .hs-richtext p, .legal-consent-container .hs-form-booleancheckbox-display>span{
  
   font-size: 12px;
    font-weight: 400;
    color: #6f6f6f; 
}
form{
  max-width:100%;
  width:100%;
  float: none !important;
}
form legend{
  color:#8B8B8B;
  font-size:18px;
  margin-bottom: 0;
}
.submitted-message { 
  text-align: center; 
  font-size: 20px; 
  overflow: hidden !important; 
  line-height: normal; 
}

/* Form Two Col Section */

.form-columns-2 , .form-columns-1{max-width:100% !important;}
.form-columns-2 > div { width: 48% !important; }
.form-columns-2 > div:first-child{float:left !important;}
.form-columns-2 > div:last-child{float:right !important;}


.form-columns-3 , .form-columns-1{max-width:100% !important;}
.form-columns-3 > div { width: calc(33.33% - 40px) !important;margin: 0 20px; }





/* Radio Button Style */

.hs-form-radio label.hs-form-radio-display { font-size: 14px; font-weight: 400; text-transform: uppercase;display:flex;flex-wrap:wrap; }
.hs-form-radio-display .hs-input { display: none; }
.hs-form-radio label.hs-form-radio-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.hs-form-radio label.hs-form-radio-display input+span:before { width: 25px; height: 25px; content: ''; background-color:#cccccc; display: inline-block; border-radius: 0%; margin-right: 13px;transition:0.5s ease all; }
.hs-form-radio label.hs-form-radio-display input:checked+span:before{background: #2a91cc;}
.hs-form-radio label.hs-form-radio-display input:checked+span:after { content: ''; position: absolute; left: 8px; width: 9px; height: 9px; background-color: #fff; top: 50%; transform: translateY(-50%); border-radius: 0%;transition:0.5s ease all; }

/* Checkbox Style */

.hs-form-checkbox:not(:last-child){margin-bottom:29px;}
.hs-form-checkbox label.hs-form-checkbox-display { font-size: 14px; font-weight:400; text-transform: uppercase;display:flex;flex-wrap:wrap; }
.hs-form-checkbox-display .hs-input { display: none; }
.hs-form-checkbox label.hs-form-checkbox-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.hs-form-checkbox label.hs-form-checkbox-display input+span:before { width: 25px; height: 25px; content: ''; background-color:#cccccc; display: inline-block;margin-right: 13px;transition:0.5s ease all; }
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before{ background: #2a91cc;}
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { content: ''; position: absolute; left: 8px; width: 9px; height: 9px; background-color: #fff; top: 50%; transform: translateY(-50%); border-radius: 0%;transition:0.5s ease all; }
a.lp-fulllink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/**************************** sub scription********************************/



/*********************************************************************************************************************************

common font size defines   

**********************************************************************************************************************************/

.hs-dropdown li:after{display:none;}
h1{font-size:50px;line-height:1.25; margin-bottom: 30px;  font-weight:600;}
h2{font-size:30px;line-height:1.25; margin-bottom: 20px;  font-weight:500;  }
.service-page h1{font-size:48px;line-height:1.25; margin-bottom: 20px;  font-weight:500;}
.service-page h2{font-size:48px;line-height:1.25; margin-bottom: 20px;  font-weight:500;}
h3{font-size:29.9px;line-height:1.25; margin-bottom: 20px;  font-weight:500;}
h4{font-size:25px;line-height:1.25; margin-bottom: 20px; font-weight:500;  }
h5{font-size:20px;line-height:1.25; margin-bottom: 20px; font-weight:400;}
h6{font-size:16px;line-height:1.25;margin-bottom: 20px; font-weight:400;}
p{font-size: 18px;line-height:1.25; margin-bottom: 20px; font-weight:300;}
li {font-size: 18px; font-weight:300; line-height:1.25;margin-bottom:10px;font-stretch:normal;font-style:normal; list-style-type: disc; position:relative;}

ul{margin:20px 0;text-align:left;padding-left:35px;margin:0;list-style:none;}
ul li:after{width:8px;height:8px;border-style:solid;border-width:1px;position:absolute;content:"";border-radius:0%;left:-15px;border-color:#2a91cc;top:8px;}
ol li:after{display:none;}
ol{margin:20px 0;text-align:left;padding-left:0px;counter-reset:item;}
ol li{list-style-position:outside;display:table;counter-increment:item;}
ol>li:before{display:table-cell;padding:0 10px 0 0;font-weight:600;counter-increment:li;content:counter(item,decimal-leading-zero);}
blockquote{padding-left:56px;position:relative;font-size: 18px;line-height:1.56;font-style: italic;}
blockquote:after {  width: 28px; height: 28px; position: absolute; left: 0; top: 0; background-size: 28px; background-repeat: no-repeat; background-position: center; }

.post-item .post-body {text-align: justify;}


@media(max-width:767px){


  .form-columns-3 > div { width: 100%!important;margin:0 0 35px; }
  .form-columns-2 > div { width: 100%!important;margin:0 0 35px; }
  .form-columns-1 > div { width: 100%!important;margin:0 0 35px; }
}



/******************************************************************************************************************************************************************************
                                                             Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header{background: transparent;position:relative;}
.wrapper-header .container > div{display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items: center;}
.wrapper-header .logo { width: 151px !important; margin: 0 !important; }
.wrapper-header .menu{ width:calc(100% - 235px)!important; margin: 0 !important;padding: 0 20px 0 20px;  display: flex;  justify-content: center;}

/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;justify-content: flex-end;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding:12px 20px;display: inline-block;font-size:16px;} 


/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
/* .wrapper-header .menu ul > li.hs-menu-depth-1:hover{background:#f1c319;} */
.wrapper-header .menu ul > li.hs-menu-depth-2 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;} 
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width: 150px;visibility: hidden;}
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top:19px;right:12px;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i{position: relative;}
/*.wrapper-header .menu ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }

/*************************************Depth 3****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2.hs-item-has-children{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width:150px;visibility: hidden;left:100%;top:0px;border-left:1px solid #fff;}
.wrapper-header .menu ul > li.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/*.wrapper-header .menu ul > li.hs-menu-depth-2:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;} 



.navigation-section { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding:30px 0;  background-color: #2c90cf;}
.navigation-section .container{ max-width:1830px;}
.wrapper-header .menu ul li:after{ display:none;}
.navigation-section .header-logo { width: 74px;}
.navigation-section .header-btn { width: 161px;}






@media(max-width:1024px){
.wrapper-header .menu ul li.hs-menu-depth-1 > a{font-size:14px;padding: 30px 15px;} 
}

@media(min-width:992px){
.wrapper-header .hs-menu-wrapper{display:block!important;}
.wrapper-header .mobile-trigger{display: none!important;}
}
@media(max-width:991px){

 .wrapper-header{padding:10px 0;} 

/**********************************************Toggle Icon***************************************/
.wrapper-header .mobile-trigger{display: inline-block !important; cursor: pointer; position: absolute; right: 20px; width: 40px; padding: 20px 0px; z-index: 12; top: 28px;}
.wrapper-header .mobile-trigger .line {display: block;background:#ffffff;width: 35px; height:3px;position:absolute;left: 0; }
.wrapper-header .mobile-trigger .line.line-3{top:50%;display: none; }
.wrapper-header .mobile-trigger.active-re .line-3 { transform: translateY(-23px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-23px) translateX(0) rotate(-45deg); -moz-transform: translateY(-23px) translateX(0) rotate(-45deg);}
.wrapper-header .mobile-trigger.active-re .line.line-3 {top:80%;}
  .wrapper-header .mobile-trigger.active-re .line.line-3{ display:block;}
.wrapper-header .mobile-trigger .line.line-2{top:25%;}
.wrapper-header .mobile-trigger.active-re .line-2 { opacity: 0;}
.wrapper-header .mobile-trigger .line.line-1{top:0; }
.wrapper-header .mobile-trigger.active-re .line-1{top:12%;}
.wrapper-header .mobile-trigger.active-re .line-1 { transform: translateY(5px) translateX(0) rotate(45deg); -webkit-transform: translateY(5px) translateX(0) rotate(45deg); -moz-transform: translateY(5px) translateX(0) rotate(45deg);}

/**********************************************Depth 1***************************************/
.wrapper-header .hs-menu-wrapper{display:none;position:absolute;width: 100%;max-width: 100%;left:0;right:0;top:100%;background:#2c90cf; top: 0; height:100vh;}
.wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#ffffff;padding: 10px 15px;display: inline-block;} 
  .wrapper-header .menu .hs-menu-wrapper>ul{ padding-top:158px;}

/**********************************************Depth 2***************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-1 .child-trigger{top:0;right:30px;}
.wrapper-header .menu ul > li.hs-menu-depth-2,.wrapper-header .menu ul > li.hs-menu-depth-3 { border-top: 1px solid #fff; }
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger.child-open i:before ,.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger.child-open i:before {transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}{transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}

/**********************************************Depth 3***************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0;}
}

/* Slick 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 { 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; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.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-slider button { cursor:pointer; outline:none; border:none;     transform: translateY(-50%); top: 50%; z-index: 1; background:rgba(0,0,0,0.5); color: #FFF; width: 45px; height: 45px; font-size: 20px; }
.va-resources .hero-wrapper-resources {background-color: #f6f6f6;}
.slick-slider .slick-next { right: 0; }
.slick-slider .slick-prev { left: 0; }

.slick-slide { outline: 0; float: left }

.slick-slider button { width:70px; height:70px; font-size:0; background:transparent; }
.slick-slider .slick-prev { left:-100px; background:url(https://6887327.fs1.hubspotusercontent-na1.net/hubfs/6887327/Scallog%202020/left-arrow.png) no-repeat center; }
.slick-slider .slick-next { right:-100px; background:url(https://6887327.fs1.hubspotusercontent-na1.net/hubfs/6887327/Scallog%202020/Right%20arrow.png) no-repeat center; }


.hs-form textarea::placeholder, 
.hs-form input[type="text"]::placeholder, 
.hs-form input[type="password"]::placeholder, 
.hs-form input[type="datetime"]::placeholder, 
.hs-form input[type="datetime-local"]::placeholder, 
.hs-form input[type="date"]::placeholder, 
.hs-form input[type="month"]::placeholder, 
.hs-form input[type="time"]::placeholder, 
.hs-form input[type="week"]::placeholder,  
.hs-form input[type="number"]::placeholder, 
.hs-form input[type="email"]::placeholder, 
.hs-form input[type="url"]::placeholder, 
.hs-form input[type="search"]::placeholder, 
.hs-form input[type="tel"]::placeholder, 
.hs-form input[type="color"]::placeholder, 
.hs-form select::placeholder {
  color:#9c9c9e;
}

/* logo-section */
body { max-width: 1920px; overflow-x: hidden;  position: relative;}
.lp-main-section { background: #2d91d0; position: absolute; z-index: 99; float: left; width: 100%;  padding: 20px 0 28px 0;     box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:  0 0 10px rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);  }

/* header-section */


.inner-text ul { padding-left: 20px; }
.header-section { position: relative;     padding: 160px 0 180px 0;margin-top: -50px; }
.left-content, .right-form { width: 50%; }
.outter-header { display: flex; flex-wrap: wrap; padding-top: 60px;  }
.left-content { padding-right: 40px;     margin-top: 0px; }
.right-form { padding: 55px 42px; background: #fff;     box-shadow: 0 0 10px rgba(0,0,0,.5);  -webkit-box-shadow:0 0 10px rgba(0,0,0,.5); -moz-box-shadow:0 0 10px rgba(0,0,0,.5);  }
.right-form h3 { color: #2d2d43; text-align: center; margin-bottom: 40px; }

/* progress */

.partie-section.two-col-sec{ padding: 60px 0 215px 0; }
.box .partie-bg-img img { padding-top: 220px; }
.our-progres-bg{ transform: skewY(5deg); position: absolute; float: left; width: 100%; padding:250px 0; } 
.only-content .our-progres-bg {  transform: skewY(5deg); position: absolute; float: left; width: 100%; padding:250px 0;}
.outter-progress { position: relative; padding: 140px 0; }
.only-content .outter-progress {  padding:120px 0 222px 0;  }
.our-progress { text-align: center;   }
.progress-box img { margin-bottom: 20px; }
.pd .outter-progress {  padding: 100px 0 300px 0; }
.inner-progress { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 50px;}
.progress-box {width: 33.33%; padding: 0 10px;    position: relative; }
.progress-box h2 { font-size: 55.44px; }
.progress-btn a { background: #264675; border: 2px solid #264675; padding: 13px 25px; border-radius: 0px; line-height: 20px; }

/* partie-section */

.partie-section { padding: 60px 0 295px 0; position: relative; }
.outter-partie { display: flex; flex-wrap: wrap; align-items: center; }
.partie-left, .partie-right { width: 50%; }
.partie-left { color: #000;font-size: 24px; font-weight: 300; padding-right: 100px; }
.partie-bg-img img { position: absolute; right: 0; top: 0; width: 50%; padding-top:0px; }
.partie-box:nth-child(2n) { margin-right: 0; }
.partie-box:nth-child(3) { margin-left: 40px; }
.partie-box { width: 44%; text-align: center;  background-color: #2d91d0;  margin-right: 17px; border-radius: 0px;  margin-bottom: 17px; padding: 33px 25px 13px; }
.inner-partie { z-index: 1; position: relative;  padding-left: 50px; display: flex; flex-wrap: wrap; }
.partie-box h4 { margin-top: 20px;  font-weight: 400; }
.partie-left h2 { color: #528ecb;     margin-bottom: 30px; }
.partie-left ul { padding-bottom: 25px;     padding-left: 15px;  }
.partie-left ul li { padding-left: 20px; }
.remove-padding img { padding-top: 0px; }
.partie-slider img { width: 345px !important;}
.partie-section .slick-slider .slick-next { right: 110px; }

/* only-image */

.only-image { padding: 50px 0;margin-top:40px;}
.only-image .partie-bg-img img { position: relative; right: auto; top: auto; width: 100%;  padding-top: 0; }
.only-image .partie-left, .only-images .partie-left  { padding-right: 68px; }
.partie-left ul li, .partie-left ul li { list-style-type: none; }
.partie-left ul li:after, .partie-left ul li:after { width: 12px; border-style: none;  border-width: inherit; position: absolute;  content: "";  border-radius: inherit; height: 12px; position: absolute; content: ""; left: -15px; top: 8px;  background-image: url(https://6887327.fs1.hubspotusercontent-na1.net/hubfs/6887327/Scallog%202020/simbole.png);    background-repeat: no-repeat; background-size: cover; }


/* Bullet Points for Video Section */

.video-section ul li { list-style-type: none; }
.video-section ul li:after { width: 12px; border-style: none;  border-width: inherit; position: absolute;  content: "";  border-radius: inherit; height: 12px; position: absolute; content: ""; left: -15px; top: 8px;  background-image: url(https://6887327.fs1.hubspotusercontent-na1.net/hubfs/6887327/Scallog%202020/simbole.png);    background-repeat: no-repeat; background-size: cover; }
.video-section  ul { padding-bottom: 25px;     padding-left: 15px;  }
.video-section ul li { padding-left: 20px; } 

/* left-image */

.outter-partie.left-image { flex-flow: row-reverse;     padding-top: 50px; }
.left-image .partie-bg-img img { right: auto; left: 0; }
.left-image .partie-left { padding-left: 68px; padding-right: 0; }

@media (min-width: 993px) {
  .swap-layout .partie-left { order: 2; padding-right: 0; padding-left: 68px; }
} 

/* only-text */

.only-text { display: flex; align-items: center; text-align: center; }
.only-bg-img { transform: skewY(5deg); position: absolute; float: left; width: 100%; padding: 245px 0; }
.outter-only-text { max-width: 700px;  margin: 0 auto;  position: relative;     padding:100px 0 175px 0;  }
.pd .outter-progress {  padding: 125px 0 280px 0; }
.only-text-cta a {  background: #2a91cc; border: 2px solid #2a91cc; font-size: 16px; padding: 13px 25px; border-radius: 0px; line-height: 20px; }
.only-text-cta a:hover{ background: #ffffff; color: #2a91cc; border: 2px solid #ffffff;}
/* footer */

.footer-section { text-align: center; position: relative;  width: 100%; float: left; padding: 238px 0 60px 0; height: 100%;    margin-top: -173px;
    background-position: top !important;    margin-top: -173px; }
.outter-footer-text h4 { font-weight: 400; }
.video-bg { background-color: #528ecb !important; }


/* thank-you-page */

.tk .footer-section {   padding: 238px 0 40px 0; margin-top: -13px; }
.tk .outter-progress { padding: 125px 0 0px 0; }
.tk-header-section { text-align: center; padding: 230px 0 290px 0; padding: 230px 0 315px 0; height: 100%; }
.tk-outter-header {  max-width: 805px;  max-width:716px;  margin: 0 auto; }
.outter-vider { position: relative;     display: flex;     padding: 140px 0; }
.video-bg { transform: skewY(5deg); position: absolute; float: left; width: 100%; padding: 240px 0; }
.video-content { width: 40%; }
.video { width: 60%; }
.video-section { display: flex; align-items: center; }
.tk .our-progres-bg { padding: 337px 0; }
.tk .progress-box { padding: 0 15px;     margin-bottom: 25px; }
.inner-blog { display: flex;  flex-wrap: wrap; }
.blog-box:nth-child(3n) { margin-right: 0; }
.blog-box { width: 30.5%; margin-right: 45px; margin-bottom: 45px; }
.blog-image img { height: 100%; }
.blog-content { background: #f8f9fa; text-align: center; }
.blog-content { padding: 25px; }
.blog-content h3 { color: #2d91d0; }
.blog-text { margin-bottom: 10px;  color: #000;  font-size: 18px;  line-height: 20px;  font-weight: 600; }
.blog-content a {  color: #53688b;  font-weight: 600;  text-decoration: underline; }
.outter-blog > h3 { font-weight: 600;  color: #2d91d0;  text-align: center;  margin-bottom: 45px; }
.blog-section { padding:65px 0;}
.blog-btn { text-align:center; }
.blog-btn a { background: #2d91d0; border: 2px solid #2d91d0; padding: 8px 25px; border-radius: 0px; }

/* 2-col */

.blog-section.twocol { padding: 65px 0 150px 0; }
.twocol .blog-box:nth-child(2n) { margin-right: 0; }
.twocol .blog-box { width: 49%; margin-right: 15px; margin-bottom: 30px; }
li.hs-form-booleancheckbox { display: inline; }
.partie-section.two-col-sec.small-content { padding: 60px 0 295px 0;} 

.new-ex{transform: skewY(5deg);overflow:hidden;}
.new-ex .our-progres-bg,.new-ex .container{transform: skewY(-5deg);top: 50px;}

@media all and (max-width: 1600px) and (min-width: 1250px){
  .outter-partie-slider.slick-initialized.slick-slider { top: 50%; transform: translate(-50%,-50%); left: 50%; }
  .partie-section { padding: 60px 0 170px 0;   }
  .partie-section.only-image { padding: 60px 0 100px 0; }
}

@media (max-width: 1440px){
   .container-main ,.post-item, body {zoom:0.8 !important}
  .partie-section.two-col-sec { padding: 60px 0 125px 0; }
  .partie-section.two-col-sec.small-content { padding: 60px 0 170px 0; }
  .box .partie-bg-img img {padding-top: 189px;}
}


@media (max-width: 1250px){
  .container-main,.post-item , body  {zoom:0.9 !important}
  h1 { font-size: 45px;   }
  .inner-partie { padding-left: 35px;}
  .partie-box { width: 43%;   box-shadow: 0 0 10px rgba(0,0,0,.5);  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);  }
  .outter-progress { padding:90px 0; }
  .only-content .outter-progress {     padding: 70px 0 129px 0; }
  .partie-section { padding: 60px 0 75px 0;  }
  .outter-partie-slider {  top: 0; transform: translate(-50%,-100%); left: 50%; }
  .lp-slider .outter-partie-slider {  top: 50px; }
  .slick-slider .slick-next, .slick-slider .slick-prev {  background: none; }
  button.slick-prev,  button.slick-next { display: none !important; }
  .partie-slider img {  margin: 0 auto; }
  .footer-section { padding: 160px 0 30px 0; }
/*    .left-content { margin-top: 15px;} */
  .our-progres-bg {  padding: 195px 0; }
  .only-content .our-progres-bg {   padding: 195px 0; }
/*   tk */
  .blog-box { width: 31.2%;  margin-right: 30px;  }
  .tk .footer-section { padding: 150px 0 40px 0; }
  .only-bg-img { padding: 200px 0; }
   .partie-section.two-col-sec.small-content { padding: 60px 0 100px 0; }
  
/*   slick */
.slick-dots { text-align: center; margin-top: -45px; }
.slick-dots li { float: none; display: inline-block; vertical-align: top; padding: 0 5px; }
.slick-dots li:before { display: none; }
.slick-dots li button { border-radius: 0%; background: transparent; border: #528ecb  solid 1px; width: 15px; height: 15px; display: block; font-size: 0; position: static; padding: 0;}
.slick-dots li.slick-active button, .slick-dots li button:hover { background:#528ecb;  }
.slick-dots li:after { display: none; }
.slick-dots {  position: absolute;  bottom: -70px; }
    
}


@media (max-width:992px){
     .container-main ,.post-item , body {zoom:1 !important}  
  
  h2 { font-size: 26px; }
  h3{font-size:24px;} 
  .lp-slider .outter-partie-slider {  top: 50%; }
  .inner-text ul li:before { width: 8px; height: 8px; position: absolute; content: ""; border-radius: 0%; left: auto; background: #fff; top: 8px; }
  .inner-text ul { padding-left: 0px; text-align: center; } 
  .inner-text ul li{ list-style-type: none; } 
  .inner-text ul li span { margin-left: 15px; }
  .inner-text ul li:after { display: none; } 
  .two-col-sec .outter-partie.left-image { padding-top: 0; }
  .two-col-sec .partie-bg-img img { position: relative;  }
  .partie-section.two-col-sec, .partie-section.two-col-sec.small-content { padding: 60px 0; }
  .two-col-sec .partie-left { padding-top: 565px;  padding-top:15px;}
  .lp-slider .partie-left { padding-top: 350px;}
  .box .partie-bg-img img { padding-top: 0; }
  .left-content {  padding-right: 0;  margin-bottom: 30px; text-align: center;  }
  .logo-section img { width: 150px;}
  .left-content h1, .tk-outter-header h1 { font-size: 44px;}
  .partie-left, .partie-right, .left-content, .right-form { width: 100%; }
  .outter-partie { flex-flow: column-reverse; }
 .only-content .outter-progress { padding: 79px 0 90px 0;}
  .right-form { max-width: 700px; margin: 0 auto; } 
  .right-form { padding: 40px;  }
  .partie-bg-img img { width: 100%; padding-top: 0; }
  .partie-left {  padding-right: 0; }
  .partie-section { padding: 60px 0; }
  .partie-bg-img { text-align: center; }
  .only-image .partie-bg-img img { max-width: 500px; }
  .outter-partie.left-image { flex-flow: column-reverse;   }
  .left-image .partie-left { padding-left: 0;  }
  .outter-partie-slider { top: 50%; transform: translate(-50%,50%);  left: 50%; } 
  .only-image .partie-left, .only-images .partie-left { padding-right: 0; }
  .partie-slider.slick-slide img { margin: 0 auto; }
  .video-content, .video { width: 100%; }
  .outter-vider { display: block;  }
  .video-content { margin-bottom: 50px;     text-align: center; }
  .video-bg { padding: 300px 0 367px 0; }
  .tk .outter-vider {     padding: 80px 0; }
  .tk-header-section { padding: 210px 0;  }
  .right-form h3 {  font-size: 28px;     margin-bottom: 35px; }
  .box .partie-left { padding-top: 110px; }
  .blog-box { margin-right: 20px;     width: 31.5%; }
  .blog-content h3 { font-size: 25.9px; }
  .blog-section { padding: 50px 0 80px 0; }
  .blog-content { padding: 20px; }
  .twocol .blog-box { width: 48.9%;  }
  .form-columns-2>div, .form-columns-1>div { margin: 0 0 20px; }
  .outter-progress { padding: 80px 0;}
  .tk .outter-progress { padding: 90px 0 40px 0; }
  .tk .footer-section { padding: 120px 0 30px 0; }
  .footer-section {  margin-top: -110px; padding: 130px 0 30px 0; margin-top: -152px;  padding: 90px 0 10px 0; }
  .our-progres-bg {  padding: 177px 0;}
  .only-content .our-progres-bg { padding: 177px 0;  }
  .progress-box h2 { font-size: 40px; }
  .outter-blog>h3 { margin-bottom: 35px; }
  .partie-left h2 { margin-bottom: 20px; }
 .only-content .outter-progress { padding: 90px 0; }
  .only-bg-img { padding: 180px 0; }
  .outter-only-text { padding: 100px 0 155px 0; }
  .header-section:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 110px; background-color: #2d91d0; }
  .wp-single .partie-left { padding-top: 25px; }
}

@media (max-width: 850px){

  .box .partie-left { padding-top: 40px; }
  .lp-slider .partie-left { padding-top: 280px; }

}

@media all and (max-width: 767px) and (min-width: 731px){
  .tk .our-progres-bg {padding: 522px 0;}
}

@media (max-width: 767px){
  h2 { font-size: 24px; }
  h3{font-size:22px;}
    h1 {font-size:38px}
  .logo-section img { width: 140px; }
  .header-section { padding: 110px 0 80px 0; }
.progress-box {  width: 100%;  margin: 20px 0 0 0; }
  .our-progres-bg { padding:315px 0; }
  .only-content .our-progres-bg { padding:285px 0; }
  .partie-box {    padding: 20px 20px 7px;  }  
  .left-content h1, .tk-outter-header h1  { font-size: 38px;  }
  .video-bg { padding: 320px 0; }
  .only-image .partie-bg-img img { max-width: 350px; }
  .partie-section { position: relative;  top:auto; }
  .outter-partie-slider {  top: 0;  transform: translate(-50%,0%); }
  .blog-box, .twocol .blog-box { width: 100%;  margin-right: 0; }
  .blog-image img { width: 100%;}
  .blog-section.twocol { padding: 100px 0;}
 .tk .outter-progress { padding: 90px 0; }
  .outter-footer-text h4 { font-size: 18px;     margin-bottom: 0;  }
  .tk .our-progres-bg { padding:555px 0 }
  .right-form h3 {  font-size: 25px;     margin-bottom: 20px; }
  .outter-header {     padding-top: 27px; }
  .outter-progress { padding: 60px 0 32px 0;}
  .footer-section { margin-top: -80px; padding: 80px 0 30px 0; }
  .only-bg-img { padding: 191px 0;}
  .inner-progress {     padding-top: 5px; }
  .progress-box h2 { font-size: 33.44px;}
  .blog-section { padding: 50px 0 120px 0; }
  .outter-blog>h3 { margin-bottom: 30px; }
  .tk .outter-vider { padding: 50px 0;}
  .blog-box { margin-bottom: 35px; }
  .blog-text { font-size: 16px; }
  .partie-left h2 { margin-bottom: 10px; }
  .only-content .outter-progress {     padding: 70px 0 111px 0; }
  .partie-box h4 { margin:10px 0; font-size: 22px; }
  .outter-only-text {     padding: 50px 0 100px 0; }
  .outter-only-text h4 {  padding-top: 10px; }
  .partie-section.two-col-sec, .partie-section.two-col-sec.small-content { padding: 10px 0 50px 0; }
  .lp-slider .partie-left { padding-top: 218px; }
  .hs-form-field>label {font-size:16px}

}

@media (max-width:630px){
    .box .partie-left { padding-top: 15px; }
    .lp-slider .partie-left { padding-top: 125px; } 
   .lp-slider .outter-partie-slider { top: -30px; }
}

@media (max-width:480px){
  h2 { font-size: 22px; }
    h1 {font-size:28px}
  .logo-section img { width: 120px;}
  .lp-main-section {     padding: 21px 0; }
  .inner-progress { padding-top: 10px; }
  .left-content h1, .tk-outter-header h1 { font-size: 28px;  }
  .tk-header-section {  padding: 120px 0; }
  .footer-section { padding: 108px 0 15px 0; }
  .outter-footer-text h4 {  font-size: 20px; }
  .partie-box:nth-child(3) { margin-left: 0px;}
  .inner-partie { padding-left: 0; }
  .partie-box { width: 47%;  padding: 15px 15px 5px;  }
  .right-form {  padding: 20px; }
  input[type="submit"] {  padding: 15px; font-size: 17px; }
  .form-columns-2>div, .form-columns-1>div { margin: 0 0 10px; }
  .right-form h3 { margin-bottom: 15px;     font-size: 22px; }
  .hs-form textarea, .hs-form input[type="text"], .hs-form input[type="password"], .hs-form input[type="datetime"], .hs-form input[type="datetime-local"], .hs-form input[type="date"], .hs-form input[type="month"], .hs-form input[type="time"], .hs-form input[type="week"], .hs-form input[type="number"], .hs-form input[type="email"], .hs-form input[type="url"], .hs-form input[type="search"], .hs-form input[type="tel"], .hs-form input[type="color"], .hs-form select{ padding: 15px; }
  .outter-progress { padding: 50px 0 40px 0; }
  .pd .outter-progress { padding: 120px 0; }
  .our-progres-bg, .only-content .our-progres-bg { transform: skewY(0deg); }
  .only-bg-img {  transform: skewY(0deg);     padding:191px 0; }
  .outter-only-text h4 { font-size: 23px; padding-top: 0px;  }
  .progress-box img { margin-bottom: 10px; }
  .outter-partie-slider {  transform: translate(-50%,-30%);} 
  .blog-section.twocol { padding: 50px 0;}
  .blog-section {     padding: 40px 0 50px 0; }
  .tk .our-progres-bg {  padding: 480px 0 453px;}
  .footer-section {  padding: 80px 0 25px 0;     margin-top: -55px; }
  p { font-size: 16px;  margin-bottom: 10px;  }
  li { font-size: 16px;  }  
   .outter-header { padding-top: 10px; }
  li.hs-form-booleancheckbox { margin-top: 10px; }
  .outter-only-text { padding: 50px 0 63px 0; }
  .progress-box h2 { margin-bottom: 10px;  }
  .progress-box {     margin: 30px 0 0 0; }
  .outter-blog>h3 { margin-bottom: 20px; }
  .blog-box { margin-bottom: 25px; }
  .video-bg { padding: 271px 0;  transform: skewY(0deg); }
  .tk .outter-progress { padding: 40px 0 0px 0; }
  .tk .progress-box {  margin: 15px 0; }
  .tk .footer-section {    padding: 80px 0 25px 0; }
  .progress-btn { margin-top: 15px; }
  .blog-text { font-size: 14px; }
  .blog-content h3 {     font-size: 22.9px; margin-bottom: 10px; }
  .partie-section {     padding: 50px 0; top: -92px;  }
  .only-content .outter-progress { padding: 50px 0 40px 0; }
  .progress-box-text h5 { margin-bottom: 10px; }
  .partie-section { top: auto; }
  .our-progres-bg { padding: 325px 0;}
  .only-content .our-progres-bg {padding: 299px 0; }
  .outter-footer-text h4 {  font-size: 14px;}
  .tk .outter-progress {  padding: 50px 0 50px 0; }
  .lp-slider .partie-left { padding-top: 23px; }
  .lp-slider .partie-slider img{ width: 270px !important;  margin-top: 30px; }
  .lp-slider .outter-partie-slider { top: 0px; }
}

@media (max-width:396px){
 .outter-progress h2 { margin-bottom: 0; }
  .only-bg-img { padding: 170px 0 219px 0; }
  .tk .outter-progress h2 { margin-bottom: 20px; }
  .lp-slider .partie-left { padding-top: 20px; }
  .lp-slider .partie-slider img {  width: 270px !important;     margin-top: 20px; }
   .lp-slider .partie-bg-img img { min-height: 285px; }
}

@media (max-width:394px){
  .tk .our-progres-bg { padding: 480px 0 496px; }
  .tk .footer-section { margin-top: -26px;}
}

@media (max-width: 340px){
    .footer-section { padding: 50px 0 14px 0; }
}