@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


/*********************************************** GothamHTF Font **********************************************/


@font-face {
  font-family: 'GothamHTF';
  src: url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Bold.eot');
  src: url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Bold.eot?#iefix&t=1494241176632') format('embedded-opentype'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Bold.otf') format('otf'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Bold.woff') format('woff2'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Bold.woff') format('woff'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Bold.ttf') format('truetype'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Bold.svg') format('svg');
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'GothamHTF';
  src: url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Book.eot');
  src: url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Book.eot?#iefix&t=1494241176632') format('embedded-opentype'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Book.otf') format('otf'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Book.woff') format('woff2'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Book.woff') format('woff'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Book.ttf') format('truetype'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Book.svg') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'GothamHTF';
  src: url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Light.eot');
  src: url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Light.eot?#iefix&t=1494241176632') format('embedded-opentype'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Light.otf') format('otf'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Light.woff') format('woff2'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Light.woff') format('woff'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Light.ttf') format('truetype'),
    url('https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Fonts/GothamHTF-Light.svg') format('svg');
  font-weight: 300;
  font-style: normal
}

@font-face {
    font-family: 'GothamHTF';
    src: url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Medium.eot');
    src: url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Medium.woff2') format('woff2'),
        url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Medium.woff') format('woff'),
        url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Medium.ttf') format('truetype'),
        url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Medium.svg#GothamHTF-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'GothamHTF';
    src: url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Black.eot');
    src: url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Black.eot?#iefix') format('embedded-opentype'),
        url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Black.woff2') format('woff2'),
        url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Black.woff') format('woff'),
        url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Black.ttf') format('truetype'),
        url('https://www.stratagon.com/hubfs/Assets-March-2020/Fonts/GothamHTF-Black.svg#GothamHTF-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}


/*********************************************** 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; }

/*********************************************** Form CSS **********************************************/

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: 'Open Sans', sans-serif;line-height:30px;}
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; }

/*********************************************** 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; display:block;}
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: #227f7f; color: #fff; }
::-moz-selection {background: #227f7f;color: #fff;}

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


input::-webkit-input-placeholder { color: #e5c5ac; opacity:0.83;line-height:30px;} /* WebKit browsers */
input:-moz-placeholder { color: #e5c5ac; opacity:0.83;line-height:30px;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #e5c5ac; opacity:0.83;line-height:30px;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #e5c5ac; opacity:0.83;line-height:30px;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #e5c5ac; opacity:0.83;line-height:30px;} /* WebKit browsers */
textarea:-moz-placeholder { color: #e5c5ac; opacity:0.83;line-height:30px;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #e5c5ac; opacity:0.83;line-height:30px;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #e5c5ac; opacity:0.83;line-height:30px;} /* Internet Explorer 10+ */

/*************************************** 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;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items:center;}

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

body { font-size: 14px; line-height: 21px; -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-family: 'GothamHTF'; font-weight:400;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 20px;}
h1,h2,h3,h4,h5,h6{;font-family: 'Roboto Slab', serif;}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}


/****************************************************** 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 ;}
 
/*******************************************hubspot******************************************************************/

.row-fluid [class*="span"] {min-height: 1px;}
ul.hs-error-msgs{top: -12px;}
ul.hs-error-msgs > li > label {font-size:12px;line-height:normal;display:block;color:#fff;text-align:left;}
.hs_error_rollup {    display: none;}
.hs_cos_wrapper_type_blog_subscribe ul.hs-error-msgs > li > label{color:red;}
/* form error mesege when good space b/w two inputs */
/* .hs-form-field {position: relative;}ul.hs-error-msgs.inputs-list { position: absolute; bottom: -18px; right: 0; list-style-type: none; padding: 0 5px; color: white; background: red; }
ul.hs-error-msgs.inputs-list li label { font-size: 12px; font-weight: 500; position: relative; z-index: 9; line-height:normal; display:block; }ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: red; 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;}
 */
 
/**************************************** logo ***************************/

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

/************************************************** container **************/
.container {max-width:1150px;margin:0 auto !important;padding:0 20px;float:none !important; }
.h-container{max-width:1276px;margin:0 auto !important;padding:0 20px;float:none !important;position:relative;}
.f-container{max-width:1190px;margin:0 auto !important;padding:0 20px;float:none !important;}
div#custom_header-nav .h-container{max-width:1000px;}
/*******************************************************************************************************************************************************************************

                                                                Common CSS

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

/* header text */
.hm h1,.hm h1 a,.hm h1 span ,h1{font-size:83px !important;line-height:1.3;font-family: 'Roboto Slab', serif;font-weight:400;}
.hm h2,.hm h2 a,.hm h2 span {font-size:48px;line-height:1.3;font-family: 'Roboto Slab', serif;font-weight:300;}
.hm h3,.hm h3 a,.hm h3 span {font-size:30px;line-height:1.3;font-family: 'Roboto Slab', serif;font-weight:400;}
.about.hm h3,.about.hm h3 a,.about.hm h3 span,.hm .post-header h1,.hm .post-header h1 span ,.about.hm h2,.job-posting h3{font-size:36px;}
.hm .post-header h1,.hm .post-header h1 span {  font-family: 'ProximaNova-Bold';}
.hm h4,.hm h4 a,.hm h4 span {font-size:26px;line-height:1.3;font-family: 'Roboto Slab', serif;font-weight:300;}
.hm h5,.hm h5 a,.hm h5 span {font-size:24px;line-height:1.3;font-family: 'Roboto Slab', serif;font-weight:400;}
.hm h6,.hm h6 a,.hm h6 span {font-size:28px;line-height:1.3;  font-family: 'GothamHTF';font-weight:400;}
/* p tag */
.hm p {font-size: 14px; line-height: 1.3;margin-bottom:15px;}

/* links */
.hm a {font-size: 14px;line-height:1.3;}
 
/* ul li */
.hm ol{margin:20px 0;text-align:left;    padding-left: 18px;}
.hm ul li ,.hm ol li {  font-size:14px;line-height:1.3; margin-bottom: 6px; list-style:inherit;list-style-position:outside;}
/*--------------- Responsive media query style start here ----------------*/
@media (max-width: 1250px){
    /* header text */
    .hm h1,.hm h1 a,.hm h1 span,h1 {font-size:50px !important;}
    .hm h2,.hm h2 a,.hm h2 span {font-size:40px;}
  .hm h4,.hm h4 a,.hm h4 span,.hm h6,.hm h6 a,.hm h6 span  {font-size:22px;}
    
}

@media (max-width: 1024px){
      .hm h1,.hm h1 a,.hm h1 span,h1 {font-size:40px  !important;}
    .hm h2,.hm h2 a,.hm h2 span {font-size:36px;}
    /* p tag */

    /* links */

    .hm h3,.hm h3 a,.hm h3 span,.about.hm h3,.about.hm h3 a,.about.hm h3 span,.hm .post-header h1,.hm .post-header h1 span, .about.hm h2,.job-posting h3 {font-size:28px;}
    .hm h4,.hm h4 a,.hm h4 span {font-size:20px;}
    .hm h5,.hm h5 a,.hm h5 span {font-size:18px;}
    .hm h6,.hm h6 a,.hm h6 span {font-size:20px;}

}

@media (max-width: 767px){
     /* header text */
    .hm h1,.hm h1 a,.hm h1 span,h1 {font-size:34px  !important;}
    .hm h2,.hm h2 a,.hm h2 span , .about.hm h2{font-size:28px;}

     .hm h3,.hm h3 a,.hm h3 span {font-size:20px;}
}

@media (max-width: 568px){
   .hm h1,.hm h1 a,.hm h1 span ,h1{font-size:28px  !important;}
    .hm h2,.hm h2 a,.hm h2 span ,.about.hm h3,.about.hmh3 a,.about.hm h3 span,.hm .post-header h1,.job-posting h3{font-size:24px;}
    .dis-flex {display:block;}

     /* p tag */
    .hm p {font-size: 12px; }
    /* links */
    .hm a {font-size: 12px;}

}


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

                                                              End  Common CSS

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

/***************************************************Header Start********************************************/


/******** =============================Common Form CSS===============================================================*/
.cmf form ul{padding:0;position:relative;}
.cmf form ul li{list-style:none;position:unset;padding: 0; font-family: 'Roboto Slab', serif; font-weight: 400;   margin: 0 0 12px;font-size:16px;line-height:normal;}
.cmf form ul li:after ,.cmf form ul li:before {display:none;}
.cmf form span.hs-form-required{display:none;}
/******************************************** Fieldset CSS*******************************************************/
.cmf form fieldset{max-width:100%;font-family: 'Roboto Slab', serif; font-weight: 400;}
.cmf form fieldset.form-columns-1>div.hs-form-field .hs-input{width:100%;}
.cmf form fieldset.form-columns-2 > div.hs-form-field{margin-right:0.95%;width:49.5%;}
.cmf form fieldset.form-columns-2 > div.hs-form-field:last-child{margin:0;}
.cmf form fieldset.form-columns-3 > div.hs-form-field { margin-right: 2%; width: 32%; }
.cmf form fieldset.form-columns-3 > div.hs-form-field:last-child{margin:0;}
/******************************************** input CSS*******************************************************/
.cmf form .input{margin-right:0 !important;font-family: 'Roboto Slab', serif; font-weight: 400;}
.cmf form .hs-form-field > label { color:#2B2B2B; font-size: 20px;line-height: 20px; width: 100%; margin-bottom: 10px;word-spacing: -1px;    pointer-events: none;}
.cmf form textarea, .cmf form input[type="text"], .cmf form input[type="password"], .cmf form input[type="datetime"], .cmf form input[type="datetime-local"], .cmf form input[type="date"], .cmf form input[type="month"], .cmf form input[type="time"], .cmf form input[type="week"], .cmf form input[type="number"], .cmf form input[type="email"], .cmf form input[type="url"], .cmf form input[type="search"], .cmf form input[type="tel"], .cmf form input[type="color"], .cmf form select { color: #fff; border: none; font-family: 'Roboto Slab', serif; font-weight: 400; height: 29px; padding: 0px 15px; width: 100% !important; font-size: 14px; margin-bottom: 9px; background: #9e4f34; }.cmf form textarea, .cmf form input[type="text"], .cmf form input[type="password"], .cmf form input[type="datetime"], .cmf form input[type="datetime-local"], .cmf form input[type="date"], .cmf form input[type="month"], .cmf form input[type="time"], .cmf form input[type="week"], .cmf form input[type="number"], .cmf form input[type="email"], .cmf form input[type="url"], .cmf form input[type="search"], .cmf form input[type="tel"], .cmf form input[type="color"], .cmf form select { color: #fff; border: none; font-family: 'Roboto Slab', serif; font-weight: 400; height: 29px; padding: 0px 15px; width: 100% !important; font-size: 14px; margin-bottom: 9px; background: #9e4f34; }
.cmf.contact form textarea, .cmf.contact form input[type="text"], .cmf.contact form input[type="password"], .cmf.contact form input[type="datetime"], .cmf.contact form input[type="datetime-local"], .cmf.contact form input[type="date"], .cmf.contact form input[type="month"], .cmf.contact form input[type="time"], .cmf.contact form input[type="week"], .cmf.contact form input[type="number"], .cmf.contact form input[type="email"], .cmf.contact form input[type="url"], .cmf.contact form input[type="search"], .cmf.contact form input[type="tel"], .cmf.contact form input[type="color"], .cmf.contact form select { color: #282828;  }

.cmf .acsb-widget form input[type="text"] {background: #fff;}

/******************************************** Select CSS*******************************************************/
.cmf form select { -moz-appearance: none; -webkit-appearance: none; background: #fff url(https://cdn2.hubspot.net/hubfs/309057/Stratagon%20Website%202018/Images/Header%20Footer%20Images/angle-arrow-down.svg?t=1542106082571) !important; background-position: 99% center !important; background-repeat: no-repeat !important; background-size: 16px auto !important; }

.filter-section.cmf option{font-weight:700; }
/******************************************** Radio Button CSS*******************************************************/
.cmf form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background: #3539E7 ;background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 4px #fff inset;   }
.cmf form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
.cmf form .input ul.inputs-list li label input[type="radio"]+span:before { margin-top: -3px; content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 22px;height: 22px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;border-radius:50%;}
/******************************************** Check Box CSS*******************************************************/
.cmf form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background: #3539E7 url('https://cdn2.hubspot.net/hubfs/2660763/Whishworks%20May-2017/Common%20Images/right.png?t=1495542712539');background-size: 14px; background-position: center center;background-repeat:no-repeat;}
.cmf form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
.cmf form .input ul.inputs-list li label input[type="checkbox"]+span:before {  margin-top: -3px;content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 22px;height: 22px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;}
/******************************************** Button CSS*******************************************************/
.cmf form .hs_submit input {  font-family: 'Roboto Slab', serif; font-weight: 400;background-size: 40px; height: 44px; color:rgba(224,178,137,0); font-size: 0; line-height: 1.5; background: url(https://www.stratagon.com/hubfs/Stratagon%20Website%202018/Images/Home%20Page/ARROW-copy-13.png); min-width: 44px; background-repeat: no-repeat; background-position: right; }
.cmf form .hs_submit input:hover { font-size: 24px; padding: 0 40px; min-width: 300px;color: #e0b289; }
.hs-form-booleancheckbox label{cursor:pointer;}
.cmf form .actions { text-align: center; }
.cmf form .hs_submit.hs-submit { margin-top: 20px; }
.email-subscription input.hs-button.primary.large {    width: auto !important;}
.email-subscription input{width:100%;}
.submitted-message {text-align:center;}
.cmf form a{font-weight: 700;}
/******************************************Footer CSS Start ********************************************************/
.footer-wrapper{background:#1a1c21;color:#f2f3f7 !important;padding:114px 0;}
.hm .footer-wrapper li{list-style:none;}
.four-col-section .row-fluid {    display: flex;     justify-content: center;   flex-wrap: wrap;    margin-bottom: 17px;}
.four-col-section .row-fluid .span3.footer-4col.logo {    width: 37%;}
.four-col-section .row-fluid .span3.footer-4col {    width: 21%; padding-right:2% ;  margin-left: -1px;}
.three-col-section .row-fluid {    display: flex;     flex-wrap: wrap;}
.footer-3col ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.span4.footer-3col { margin-left: 0; }
.span4.footer-3col.links { text-align: center; width: 31%; padding-left: 1%; }
.span4.footer-3col.social { text-align: left; width: 15%; margin-left: 5.5%; }
.span4.footer-3col.show-case { text-align: center; width: 43%; margin-left: 4.9%; }
.span4.footer-3col.show-case ul { justify-content: center;     align-items: center;}
.span4.footer-3col.show-case ul li{width:33.33%;padding:0 2%;}
.span4.footer-3col.social i { font-size: 18px; }
.mobile-view {    display: none !important;}
.hm .footer-wrapper a{color:#f2f3f7;}
.hm .footer-wrapper a:hover{color:#076684;}
a:hover{color:#076684;}
.flex-module img.hs-image-widget{width:100% !important;}
ul.show-topic li a:hover span{font-weight:400;color:#000005;}


.bg-gradiant{
background: rgba(47,121,150,1);
background: -moz-linear-gradient(45deg, rgba(47,121,150,1) 0%, rgba(255,255,255,0.5) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(47,121,150,1)), color-stop(100%, rgba(255,255,255,0.5)));
background: -webkit-linear-gradient(45deg, rgba(47,121,150,1) 0%, rgba(255,255,255,0.5) 100%);
background: -o-linear-gradient(45deg, rgba(47,121,150,1) 0%, rgba(255,255,255,0.5) 100%);
background: -ms-linear-gradient(45deg, rgba(47,121,150,1) 0%, rgba(255,255,255,0.5) 100%);
background: linear-gradient(45deg, rgba(47,121,150,1) 0%, rgba(255,255,255,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f7996', endColorstr='#ffffff', GradientType=1 );
}


.main_sec_gradiant{
  
 background: rgba(115,156,178,1);
background: -moz-linear-gradient(45deg, rgba(115,156,178,1) 0%, rgba(255,255,255,0.6) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(115,156,178,1)), color-stop(100%, rgba(255,255,255,0.6)));
background: -webkit-linear-gradient(45deg, rgba(115,156,178,1) 0%, rgba(255,255,255,0.6) 100%);
background: -o-linear-gradient(45deg, rgba(115,156,178,1) 0%, rgba(255,255,255,0.6) 100%);
background: -ms-linear-gradient(45deg, rgba(115,156,178,1) 0%, rgba(255,255,255,0.6) 100%);
background: linear-gradient(45deg, rgba(115,156,178,1) 0%, rgba(255,255,255,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#739cb2', endColorstr='#ffffff', GradientType=1 );


}

/******************************************Footer responsive Start ********************************************************/
@media (max-width: 1250px){

  .four-col-section .row-fluid .span3.footer-4col { padding-right:1% ;}
  .span4.footer-3col.links { text-align: center; width: 34%; padding-left: 1%; }
  .span4.footer-3col.social { text-align: left; width: 15%; margin-left: 3%; }
  .span4.footer-3col.links li{padding-right:5px}
  
}
@media (max-width: 1100px){
.span4.footer-3col.links { text-align: center; width: 37%; padding-left: 1%; }
.span4.footer-3col.show-case { text-align: center; width: 40%; margin-left: 4.9%; }
}
@media (max-width: 1024px){
  .footer-wrapper{padding:70px 0;}
  .four-col-section .row-fluid .span3.footer-4col.logo {      text-align: center;  width: 100%;padding:0;margin-bottom:40px;}
  .four-col-section .row-fluid .span3.footer-4col { width: 33.33%;  padding-right:5% ;}
  .span4.footer-3col.links { text-align: center; width: 33%; padding-left: 0; }
  .span4.footer-3col.links li { padding-right: 5px; width: 50%; text-align: left; }
  .span4.footer-3col.social {  width: 22%; }
  .span4.footer-3col.show-case { text-align: center; width: 39%; margin-left: 2.9%; }
  .span4.footer-3col.links.Desk-view {    display: none;}
  .mobile-view { display: block !important; width: 400px !important; margin-top: 20px; margin-bottom: -40px; }
  .span4.footer-3col.social { width: 150px; margin-left: 0; }
  .span4.footer-3col.show-case { text-align: right; width: calc(100% - 350px);     margin-left: 16.8%; }
  .span4.footer-3col.show-case ul { justify-content: flex-start; }
  .footer-3col.links { width: 350px; }
  .span4.footer-3col.show-case ul li { width: auto; padding: 0 2%; }
  .cmf form .hs_submit input { background-size: 35px; height: 35px;min-width: 35px;  }
  .cmf form .hs_submit input:hover { font-size:20px; padding: 0 40px; min-width: 250px; }
  .cmf form .hs_submit.hs-submit { margin-top: 10px; }
}


@media (max-width: 767px){
  .footer-wrapper{padding:50px 0;}
  .four-col-section .row-fluid .span3.footer-4col.logo {      text-align: center;  width: 100%;padding:0;margin-bottom:30px;}
  .four-col-section .row-fluid .span3.footer-4col { width: 33.33%;  padding-right:3% ;}
  .four-col-section .row-fluid .span3.footer-4col br{display:none;}
  .span4.footer-3col.show-case { margin-left: 50px; width: calc(100% - 201px); }
  .cmf form .hs_submit input { background-size: 30px; height: 30px;min-width: 30px;  }
  .cmf form .hs_submit input:hover { font-size: 18px; min-width: 200px; }
  .cmf form .hs_submit.hs-submit { margin-top: 0px; }
}

@media (max-width: 568px){
    .footer-wrapper{padding:30px 0;}
  .four-col-section .row-fluid .span3.footer-4col.logo img { width: 220px !important; }
  .four-col-section .row-fluid .span3.footer-4col { width: 100%;  text-align: center; padding-right:0 ; margin-bottom:10px; }
  .span4.footer-3col.show-case { margin-left: 0; width: 100%; margin-top: 20px; text-align: center; }
  .span4.footer-3col.show-case ul {    justify-content: center;}      
  .three-col-section .row-fluid{justify-content: center;}
  .footer-3col.links { width: 300px; }
  .span4.footer-3col.show-case ul li { width: 33.33%; padding: 0 3%; }
  .cmf form .hs_submit input { background-size: 25px; height: 30px;min-width: 30px;  }
.cmf form .hs_submit input:hover { font-size: 16px; padding: 0 15px; min-width: 190px; }
  .mobile-none {    display: none !important;}
  .span4.footer-3col.social {  text-align: center; }
}

.wrapper-header{padding:23px 0;}
.h-container .row-fluid{display: flex; flex-wrap: wrap;justify-content: center;}
.wrapper-header .logo img,.wrapper-header .logo {width:300px !important;}
.wrapper-header .humber{margin-left: 0 !important; width: calc(100% - 301px) !important;} 
/* .new_triger:after { position: absolute; width: 63px; height: 32px; content: ""; background-image: url(https://cdn2.hubspot.net/hubfs/309057/Stratagon%20Website%202018/Images/Header%20Footer%20Images/burger.png?t=1540905027281); background-size: 100%; top: 0; right: 16px; background-repeat: no-repeat; } */
.custom_header-nav-trigger { float: right; width: auto; margin-top: 8px; display: block; cursor: pointer; text-transform: uppercase; }
.menu-open-nav{overflow:hidden;}
.menu-open-nav #custom_header-nav {    opacity: 1;    visibility: visible;}
.header-top { position: relative; z-index: 9999; }
#custom_header-nav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; background-color: #fff;     padding: 15% 0 8%; z-index: 999; min-height: 400px; overflow-y: auto; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; display: flex; align-items: center; }
div#custom_header-nav>*{width:100%;}
.hm .row-fluid .service-hero{margin-top:0 !important}
/**************************************** MAIN MENU **********************************************************/

/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{    padding: 0;display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  margin-bottom:10px;   justify-content: flex-start;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a { color: #97b8c6; padding: 0px 4px; display: inline-block; font-size: 26px; letter-spacing: 3px; font-family: 'Roboto Slab', serif; font-weight: 300; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > a{border-top: 5px solid #166785; border-bottom: 5px solid #166785; }
.wrapper-header .menu ul > li.hs-menu-depth-1:last-child > a{padding-right:0;}
.wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1 { margin-right: 43px; }
/* .wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1 { margin-right: 73px; } */
.wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1:last-child { margin-right: 0; }
.wrapper-header .menu ul li{list-style:none;}
/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
.wrapper-header .menu ul > li a{transition:all 0s ease;}

.wrapper-header .menu ul > li.active a{font-weight:700;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a{color:#939598;padding:10px 0;display:block;font-size:inherit;font-family: 'Roboto Slab', serif;font-weight:300;} 
.wrapper-header .menu ul > li.hs-menu-depth-2{border-bottom:2px solid #ffffff;}
.wrapper-header .menu ul > li.hs-menu-depth-2:last-child{border:0;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { position: absolute; background: #ebebec; width: 100%; min-width: 150px; visibility: hidden; padding: 0 8px; left: 4px; top: 28px;z-index:999; }
/* .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-2 > a {padding: 7px 3px;letter-spacing: 1.15px; }



.header_sec_ap_20 .wrapper-header .menu .hs-menu-wrapper > ul{ justify-content: center; max-width:100%; width: 100%; margin: 0 auto; }
.header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1{ width:100%; margin-right:0; text-align: center; }
.header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-depth-1 > a { font-size: 40px; }
.header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{ padding:0; width:100%; max-width:100%; margin:10px auto; background-color:transparent; position:relative; display:none; visibility:visible; top:0; left:0; }

.header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-depth-2 > a{ color:#97b8c6; display:inline-block; margin-bottom:0; font-size:18px; border-bottom:5px solid transparent; }
.header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-depth-2 > a:hover{ border-color: #166785; }
.header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-depth-2{ border:none; padding:5px 10px; margin-bottom:0; }

.header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1 .childExpand { cursor:pointer; font-size:25px; color: #97b8c6; position: absolute; top:19px; margin-left: 10px;
    line-height: 1; display: inline-block;  }
.header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1 .childExpand.childOpen{  transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.header_sec_ap_20 #custom_header-nav{ padding:11% 0 6%; }
.header_sec_ap_20 div#custom_header-nav .h-container { max-width: 1260px; }
/* .header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-depth-1:hover > a{ border-top: 5px solid transparent; } */

/**************************************** MENU 1**********************************************************/
/*************************************Depth 1****************************************************/
.wrapper-header .menu1 .hs-menu-wrapper > ul{    padding: 0;display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  margin-bottom:10px; justify-content: flex-start;}
.wrapper-header .menu1 ul > li.hs-menu-depth-1 > a { color: #323938; padding: 0px 4px; display: inline-block; font-size: 20px; letter-spacing: 3px; font-family: 'Roboto Slab', serif; font-weight: 400; border-top: 3px solid transparent; border-bottom: 3px solid transparent; }
.wrapper-header .menu1 ul > li.hs-menu-depth-1:hover > a{border-top: 3px solid #166785; border-bottom: 3px solid #166785; }

.wrapper-header .menu1 ul > li.hs-menu-depth-1:last-child > a{padding-right:0;}
.wrapper-header .menu1 ul > li.hs-menu-item.hs-menu-depth-1 { margin-right: 0; width: 50%;padding-right:2%; }
.wrapper-header .menu1 ul > li.hs-menu-item.hs-menu-depth-1:last-child { margin-right: 0; }
.wrapper-header .menu1 ul li{list-style:none;}
/*************************************Depth 2****************************************************/
.wrapper-header .menu1 ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
.wrapper-header .menu1 ul > li a{transition:all 0s ease;}

.wrapper-header .menu1 ul > li.active a{font-weight:700;}
.wrapper-header .menu1 ul > li.hs-menu-depth-2 > a{color:#939598;padding:10px 0;display:block;font-size:inherit;font-family: 'Roboto Slab', serif;font-weight:300;} 
.wrapper-header .menu1 ul > li.hs-menu-depth-2{border-bottom:2px solid #ffffff;}
.wrapper-header .menu1 ul > li.hs-menu-depth-2:last-child{border:0;}
.wrapper-header .menu1 ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { position: absolute; background: #ebebec; width: 100%; min-width: 150px; visibility: hidden; padding: 0 8px; left: 4px; top: 28px;z-index:999; }
/* .wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;} */
.wrapper-header .menu1 ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top:19px;right:12px;}
.wrapper-header .menu1 ul > li.hs-menu-depth-2 > a {padding: 7px 3px;letter-spacing: 1.15px; }

.menu-open-nav .humber>div>span:after {
    visibility: visible;
    width: 45px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-top: none;
    bottom: 0;
}
.menu-open-nav .humber>div>span:before {
    visibility: visible;
    width: 45px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-bottom: none;
    top: 0;
}

.menu-open-nav .humber>div>span {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.humber>div>span:before {
    position: absolute;
    content: '';
    background: #066684;
    width: 45px;
    height: 4px;
    top: -10px;
    left: 0;
    border-bottom: #066684 solid 4px;
   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 ;
}

.humber>div>span {
    float: right;
    width: 45px;
    background-color: #066684;
    height: 4px;
    position: relative;
    cursor: pointer;
   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 ;
    font-size: 0;
  margin-top: 5px;
}

.humber>div>span:after {
    position: absolute;
    content: '';
    background: #066684;
    width: 45px;
    height: 4px;
    bottom: -10px;
    left: 0;
    border-top: #066684 solid 4px;
   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 ;
}




/**************************************** MENU 2**********************************************************/
/*************************************Depth 1****************************************************/
.wrapper-header .menu2 .hs-menu-wrapper > ul{display: flex;    padding: 0; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;    justify-content: center;}
.wrapper-header .menu2 ul > li.hs-menu-depth-1 > a { color: #323938; padding: 0px 4px; display: inline-block; font-size: 20px; letter-spacing: 3px;   font-family: 'GothamHTF'; font-weight: 400; border-top: 3px solid transparent; border-bottom: 3px solid transparent; }
.wrapper-header .menu2 ul > li.hs-menu-depth-1:hover > a{border-top: 3px solid #166785; border-bottom: 3px solid #166785; }
.wrapper-header .menu2 ul > li.hs-menu-depth-1:last-child > a{padding-right:0;}
.wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1 { margin-right: 0; width: 25%;    text-align: center; padding-right:2%;}
.wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1:last-child { margin-right: 0; }
.wrapper-header .menu2 ul li{list-style:none;}
/* .wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1:first-child { text-align: left; }
.wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1:last-child { text-align: right; } */
/*************************************Depth 2****************************************************/
.wrapper-header .menu2 ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
.wrapper-header .menu2 ul > li a{transition:all 0s ease;}

.wrapper-header .menu2 ul > li.active a{font-weight:700;}
.wrapper-header .menu2 ul > li.hs-menu-depth-2 > a{color:#939598;padding:10px 0;display:block;font-size:inherit;font-family: 'Roboto Slab', serif;font-weight:300;} 
.wrapper-header .menu2 ul > li.hs-menu-depth-2{border-bottom:2px solid #ffffff;}
.wrapper-header .menu2 ul > li.hs-menu-depth-2:last-child{border:0;}
.wrapper-header .menu2 ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { position: absolute; background: #ebebec; width: 100%; min-width: 150px; visibility: hidden; padding: 0 8px; left: 4px; top: 28px;z-index:999; }
/* .wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;} */
.wrapper-header .menu2 ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top:19px;right:12px;}
.wrapper-header .menu2 ul > li.hs-menu-depth-2 > a {padding: 7px 3px;letter-spacing: 1.15px; }

.hm .ourwork-wrapper h2 a,.hm .statement-wrapper h2 a {font-size:0;font-weight:400; }
a.wrapper-cta { font-weight:400;font-size: 0;display: flex; align-items: center; margin-left:10px; }
a.wrapper-cta span {    vertical-align: middle; background-size: 10px !important; width: 43px; height: 43px; display: inline-block; background-repeat: no-repeat !important; background-position: center !important; border-radius: 50%; margin-left:0;  }
a.wrapper-cta:hover,.hm .ourwork-wrapper h2 a:hover ,.hm .statement-wrapper h2 a:hover {font-size:30px;}
a.wrapper-cta:hover span{margin-left:12px;}


@media (max-width: 1024px){
  .wrapper-header .logo img,.wrapper-header .logo {width:220px !important;}
  .wrapper-header .humber{margin-left: 0 !important; width: calc(100% - 221px) !important;} 
  .new_triger:after { width: 40px; height: 40px; background-size: 35px; top: -7px;  background-position: center; }
  .wrapper-header .menu ul > li.hs-menu-depth-1 > a{font-size:26px;}
  .wrapper-header .menu1 ul > li.hs-menu-depth-1 > a{font-size:18px;}
  .wrapper-header .menu2 ul > li.hs-menu-depth-1 > a{font-size:16px;}
  a.wrapper-cta:hover,.hm .ourwork-wrapper h2 a:hover,.hm .statement-wrapper h2 a:hover {font-size:22px;}
  a.wrapper-cta span{background-size: 8px !important; width: 35px; height: 35px;}
    .wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1 { margin-right: 0; width: auto;padding-right:1%; }
  .wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1:last-child {    text-align: left;}
  .wrapper-header .menu .hs-menu-wrapper > ul{    justify-content: space-between;}
}


@media (max-width: 991px){
  .wrapper-header .menu ul > li.hs-menu-depth-1 > a{font-size:30px;}
    .wrapper-header .menu1 ul > li.hs-menu-depth-1 > a,  .wrapper-header .menu1 ul > li.hs-menu-depth-1 > a { font-size: 18px; letter-spacing: 1px; }
  .wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1:first-child {    text-align: center;}
  .wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1:last-child { text-align: center; }
  .wrapper-header .menu .hs-menu-wrapper > ul, .wrapper-header .menu1 .hs-menu-wrapper > ul, .wrapper-header .menu2 .hs-menu-wrapper > ul {     text-align: center;justify-content: center; max-width: 767px; width: 100%; margin: 0 auto; }
  .wrapper-header .menu1 ul > li.hs-menu-item.hs-menu-depth-1,.wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1{text-align:center;}
    a.wrapper-cta:hover,.hm .ourwork-wrapper h2 a:hover, .hm .statement-wrapper h2 a:hover{font-size:18px;}
  div#custom_header-nav { padding: 25% 0 5%; }
  .wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1 { margin-right: 0; width: 100%; }
  .wrapper-header .menu1 ul > li.hs-menu-item.hs-menu-depth-1 { margin-right: 0; width: 100%; }
  .wrapper-header .menu2 ul > li.hs-menu-item.hs-menu-depth-1 { margin-right: 0; width: 100%; }
}


@media (max-width: 767px){
  .custom-menu-primary { width: 100% !important; }
  a.wrapper-cta:hover,.hm .ourwork-wrapper h2 a,.hm .ourwork-wrapper h2 a, .hm .statement-wrapper h2 a,.two-col-wrapper a.wrapper-cta {font-size:16px;}
    a.wrapper-cta:hover,.hm .ourwork-wrapper h2 a:hover, a.wrapper-cta {font-size:16px;}
 
    .wrapper-header .menu1 ul > li.hs-menu-depth-1 > a,  .wrapper-header .menu1 ul > li.hs-menu-depth-1 > a { font-size: 18px; letter-spacing: 1px; }
  a.wrapper-cta:hover span { margin-left: 6px; }
  a.wrapper-cta span{background-size: 5px !important; width: 25px; height: 25px;}
a.wrapper-cta span {    margin-left: 8px;}

  .header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-depth-1 > a{ font-size:30px; }
  .header_sec_ap_20 .wrapper-header .menu ul > li.hs-menu-item.hs-menu-depth-1 .childExpand{ top: 12px; }
}

@media (max-width: 640px){
a.wrapper-cta {  margin-left:0; }
.cmf form fieldset.form-columns-2 > div.hs-form-field{margin-right:0; width:100%;}
.cmf form fieldset.form-columns-3 > div.hs-form-field{margin-right:0; width:100%;}
  a.wrapper-cta span{    margin-left: 10px;}
}

@media (max-width:360px){
    .wrapper-header .menu1 ul > li.hs-menu-depth-1 > a,  .wrapper-header .menu1 ul > li.hs-menu-depth-1 > a { font-size: 15px; letter-spacing: 1px; }
}
html.no-js {    margin-right: 0 !important;}
body .mfp-bg{    z-index: 99999;}
body .mfp-wrap{    z-index: 999999;}
.mfp-zoom-in.mfp-ready.mfp-bg {    position: fixed !important;    opacity: .8;    height: 100% !important;}