@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}

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

/*********************************************** 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; }
body{color:#ffffff;}
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; }
ul , ol{padding-left:20px;}
strong{color:#F3FF00;}
/*********************************************** 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: 'Inter','Helvetica', 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;}

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

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


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

form {max-width: 400px;}
form .hs-form-required{display:none;}
form .input{margin-right:0 !important;}
form .hs-form-field > label { color:#2B2B2B; font-size: 16px; width: 100%; margin-bottom: 10px; display: block;}
form textarea, form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select{color:#e2e2e4; font-weight:300; background:#333132; border-radius:5px;  border:2px solid #fff; padding:9px 15px; width: 100%; font-size: 12px; margin-bottom: 10px;}
form textarea{height:125px;}
/******************************************** Select CSS*******************************************************/
form select {-moz-appearance: none;-webkit-appearance: none;color: #A9A9A9;background:#fff url("https://cdn2.hubspot.net/hubfs/2660763/Whishworks%20May-2017/Common%20Images/down-arrow.png?t=1495542712539");background-position: 99% center !important;background-repeat: no-repeat !important;background-size: 22px auto;border:1px solid #858585;}
/******************************************** Radio Button CSS*******************************************************/
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;   }
form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
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*******************************************************/
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;}
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
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*******************************************************/
form .hs_submit input {background-color: #333132; font-family: 'Inter','Helvetica',sans-serif; border: 2px solid #00fff9; padding: 6px 100px; color: #fff; font-size: 16px; font-weight: 700; border-radius: 35px; margin: 3px 0 0; text-transform: uppercase; background-image: url(https://cdn2.hubspot.net/hubfs/4538263/Refuel%20July%202018/Home/con_arrow.png?t=1531502673808); background-repeat: no-repeat; background-position: 90%; text-align: left;}
form .hs_submit input:hover{ color: #333132; background-color: #00fff9; background-image: url(https://cdn2.hubspot.net/hubfs/4538263/Refuel%20July%202018/Home/arrow_hover.png?t=1531502673808); }
form .hs-richtext { color: #e6e7e8; text-align: center;margin:5px 0; }
.submitted-message { font-size: 24px; padding: 20px 0;color:#e6e7e8;line-height:1.1;}
form textarea:focus ,  form .input input:focus ,  form select:focus { border:2px solid #f3fe00; }



.form-require-field .input input::-webkit-input-placeholder { color: #f3ff00; opacity:1;}
.form-require-field .input input:-moz-placeholder { color: #f3ff00; opacity:1;}
.form-require-field .input input::-moz-placeholder { color: #f3ff00; opacity:1;} 
.form-require-field .input input:-ms-input-placeholder { color: #f3ff00; opacity:1;}

.form-require-field .input textarea::-webkit-input-placeholder { color: #f3ff00; opacity:1;}
.form-require-field .input textarea:-moz-placeholder { color: #f3ff00; opacity:1;} 
.form-require-field .input textarea::-moz-placeholder { color: #f3ff00; opacity:1;}
.form-require-field .input textarea:-ms-input-placeholder { color: #f3ff00; opacity:1;}




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

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

body { font-size: 16px; 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: 'Inter','Helvetica',sans-serif; font-weight:normal;}
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 ;color:#F3FF00 !important ; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 20px;}
h1,h2,h3,h4,h5,h6{font-family: 'Inter','Helvetica',sans-serif; line-height:200%;}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}
.cta_button:hover { color: #333132 !important; }

/****************************************************** 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 > li > label {font-size:13px;line-height:normal;display:block;color:red;text-align:left;margin-bottom:10px;}
.hs_error_rollup {display: none;}

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



/******************************Header Title*************************/
h1{ font-size:7em;line-height:180%;color:#fff;}
h2{ font-size:5em;line-height:150%;color:#fff; }
h3{ font-size:4em;line-height:130%;color: #fff;}
h4{ font-size:2em;line-height:130%;color:#fff; }
h5{ font-size:24px;line-height:100%;color:#fff; }
h6{ font-size:20px;color:#fff; }
a{ font-size:16px;color:#fff; }
p{ font-size:16px;color:#fff; }

/******************************Header Title End*************************/

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

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


body{background:#000000;}

/************************************************** container **************/
.container {max-width:1170px;margin:0 auto !important; width:100% !important; float:none !important;}
.header-container-main{max-width:1346px;margin:0 auto !important; width:100% !important; float:none !important;}

/* Responsive Layout */

@media(max-width:1400px){
	.header-container-main , .container {padding:0 20px !important;}
  .body-container-wrapper:after{opacity:0.2;}
}

@media(max-width:1200px){
  h1{font-size:65px;}
  h2{font-size:48px;}
  h3{font-size:26px;}
  h4{font-size:24px;}
  h5{font-size:22px;} 
}
@media(max-width:1024px){
  h1 {font-size:48px;}
  h2{font-size:30px;}
  
}
@media(max-width:767px){
  h1 {font-size:32px;}
  h2 { font-size:28px; }
}

/* Footer Styles Here */

.foot_sec { margin: 100px 0 10px; text-align: center; }
.f_logo a { display: inline-block; max-width: 125px; width: 100%; }
.f_menu { margin: 34px 0 60px; }
.f_menu ul li { display: inline-block; position: relative; margin-right: 30px; padding-right: 30px;}
.f_menu ul li a { font-size: 15px; color: #e6e7e8; font-weight: 400;  }
.f_menu ul li a:after { content:"/";position:absolute;right:0;color:#f3fe00; }
.f_menu ul li a:hover { color: #F3Fe00; }
.f_menu ul li:last-child { padding-right: 0; margin-right: 0; }
.f_menu ul li:last-child a:after { display: none; }

.sos_share ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;margin-bottom:27px;padding-left: 0;}
.sos_share ul li { background: #f3fe00; margin-right: 6px; width: 28px; height: 28px; display: table; border-radius: 50px; }
.sos_share ul li:last-child{margin-right:0;}
.sos_share ul li:hover { background: #e6e7e8; }
.sos_share ul li a { display: table-cell; vertical-align: middle;color:#000; }
.sos_share p { font-size: 15px; }
.sos_share ul li a:hover { color: #000 !important; }

.fcol {text-align:left;}
.fcol ul li { list-style-type:none;}
.fcol li.hs-menu-depth-1 {font-weight:700;}
.fcol li.hs-menu-depth-2 {font-weight:400;}

@media(max-width:767px){
    .f_menu ul li{padding-right:20px;margin-right:20px;}
  	br{display:none;}
}

@media(max-width:640px){
  .foot_sec{margin:80px 0 10px;}
  .f_menu {margin: 35px 0 30px;}
  .f_menu ul {display:flex;flex-wrap:wrap;justify-content:center; }
  .f_menu ul li{margin-right: 4%; position: relative;  padding-right: 0; width: 23%; margin-bottom: 15px; }
  .f_menu ul li:nth-child(3n){margin-right:0;}
  .f_menu ul li a:after{display:none;}
  
}

@media(max-width:480px){
    .f_menu ul li{margin-right: 4%;width: 48%;}
    .f_menu ul li:nth-child(3n){margin-right:4%;}
    .f_menu ul li:nth-child(2n) { margin-right: 0; }
}



/********************************************** Header Styles Starts Here ***********************************************/

.slicknav_menu { display: none;}
.head_sec { padding: 0;background:#000000; position: fixed; top: 0; z-index: 999; }
.head_sec .header-container-main > div > div { display: flex; flex-wrap: wrap;align-items:center;} 
.head_sec .h_logo { width: 9.287% !important;margin-right:auto !important; order:1;margin-left:0 !important;}
.head_sec .h_menu { width: 60% !important; margin: 0 auto !important; text-align: center;order:2; }
.head_sec .h_menu .hs-menu-wrapper > ul{position:relative;z-index:5;padding:0;}
.head_sec .h_menu .hs-menu-wrapper > ul > li { display: inline-block;margin-right: 50px; line-height: 50px;}
.head_sec .h_menu .hs-menu-wrapper > ul > li.hs-menu-depth-1 {line-height:70px;}
.head_sec .h_menu .hs-menu-wrapper > ul > li:last-child{margin-right:0;}
.head_sec .h_menu .hs-menu-wrapper > ul > li a{color:#e6e7e8;font-size:15px;font-weight:700;position:relative;z-index:1;}
.head_sec .h_menu .hs-menu-wrapper > ul > li > a {padding: 4px 15px;border: 2px solid transparent; border-radius: 50px;} 
.head_sec .h_menu .hs-menu-wrapper > ul > li:hover > a { color: #f3fe00; border: 2px solid #f3fe00;}
/*  .head_sec .h_menu .hs-menu-wrapper > ul > li.active-branch > a { color: #f3fe00; border: 2px solid #f3fe00;} */
.head_sec .h_menu .hs-menu-wrapper ul.hs-menu-children-wrapper { display: none !important;vertical-align: top; position: absolute; left: 0;width:100%;background:#333132;padding:0px 10px;-webkit-box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.4); box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.4); }
.head_sec .sos_sharing ul li a:hover { color: #000 !important; }

/* First Child Styles */

.head_sec .h_menu .hs-menu-wrapper > ul > li:hover > ul.hs-menu-children-wrapper { display: inline-block !important;top:70px;}
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 { display: inline-block; margin-right: 50px;line-height:50px; }
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:last-child{margin-right:0;}
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > a{color:#f3fe00; }
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > a:before { position: absolute; content: ''; background: #f3fe00; width: 8px; height: 8px; left: -20px; top: 8px; border-radius: 50px; }


/* Second Child Style */
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 > ul.hs-menu-children-wrapper { display: none; top: 52px; text-align: left; width: 100%; padding: 13px 57px; }
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3 { margin-bottom: 7px;line-height:30px;width:120px;list-style:none;}
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3:hover > a{color:#ff6c65;}
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3:hover > a:before { position: absolute; content: ''; background: #ff6c65; width: 8px; height: 8px; left: -20px; top: 8px; border-radius: 50px; }
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper { display:inline-block !important;padding: 16px 63px; top: 57px; width:100%;z-index:5; }

/* Third Child Styles */

.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3:hover > ul.hs-menu-children-wrapper{display:inline-block !important;}
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3 > ul.hs-menu-children-wrapper { display: none;top: 0; left: 0;padding: 16px 0px 16px 187px; width: 100%;list-style:none;}
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-4 { margin-bottom: 7px; }
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-4:hover > a{color:#66fffc;}
.head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-4:hover a:before { position: absolute; content: ''; background: #66fffc; width: 8px; height: 8px; left: -20px; top: 8px; border-radius: 50px; }


.head_sec .sos_sharing { width: 165px !important; margin-left:auto !important;order:3;}
.head_sec .sos_sharing ul { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;padding:0;}
.head_sec .sos_sharing ul li { background: #e6e7e8; margin-right: 6px; width: 28px; height: 28px; display: table; border-radius: 50px;text-align:center;}
.head_sec .sos_sharing ul li:last-child{margin-right:0;}
.head_sec .sos_sharing ul li:hover { background: #f3fe00; }
.head_sec .sos_sharing ul li a { display: table-cell; vertical-align: middle;color:#000; }

/* responsive social icons */

.socialSharingres ul { margin-left: 15px !important; display: flex !important; flex-wrap: wrap;align-items: center; padding: 0 !important; margin-top: 10px !important; }
.socialSharingres ul li {background: #e6e7e8; margin-right: 6px; width: 28px; height: 28px; display: table; border-radius: 50px; text-align: center; }
.socialSharingres ul li:hover {background: #f3fe00;color:#000;}
.socialSharingres ul li:last-child { margin-right: 0; }
.socialSharingres ul li a {display: table-cell; vertical-align: middle; color: #000;padding:0;margin:0;}
.socialSharingres ul li a:hover{color:#000 !important;}



@media(max-width:1400px){
  .head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2{margin-right:30px;}
}

@media(max-width:1200px){
  .head_sec .h_menu{width:65% !important;}
  .head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2{margin-right:25px;}
  .head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > a:before , 
  .head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3:hover > a:before ,
  .head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-4:hover a:before
  { width:6px;height:6px;top:10px;left:-15px; }  
  
  .head_sec .h_menu .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper > li.hs-menu-item.hs-menu-depth-3 > ul.hs-menu-children-wrapper { padding-left:170px; }
  
}

@media(max-width:990px){
  .head_sec { position: fixed !important; padding: 10px 0;width:100% !important;display:none !important;}
  .head_sec .h_logo { width: 125px !important; margin-right: auto !important; }
  .head_sec .h_menu , .head_sec .sos_sharing { display: none !important; }
  
  .slicknav_menu { position: fixed; top: 20px; display: block;  background: #000000 !important; padding: 10px 0 !important; top: 0; right: 0px; z-index: 9999; width: 100%; }
  .slicknav_menu .h_logo { width: 125px; margin-left: 20px; }
  a.slicknav_btn { background: none; padding: 0; margin: 0; display: inline-block; padding-right: 20px;padding-top:6px; height: 100%; }
  .slicknav_menu .slicknav_menutxt { display: none !important; }
  span.slicknav_icon { margin: 0 !important; width: 40px !important;height:100% !important; }
 .slicknav_menu .slicknav_icon-bar { width: 100% !important; margin-bottom: 6px !important; height: 3px !important; background-color: #e6e7e8 !important; }
  ul.slicknav_nav { background: #333132; margin-top: 0px !important; position: absolute !important; top: 53px; width: 100%;  padding: 10px 4px 20px;-webkit-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.35); -moz-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.35); box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.35); }
  .slicknav_nav .slicknav_row:hover { background: transparent !important; }
  .slicknav_nav a:hover{background:transparent !important;color:#e6e7e8 !important;}
  span.slicknav_arrow { font-size: 0 !important; float: right !important;display:flex !important;}
  .slicknav_open .slicknav_arrow:after {content:'\f106';  font-family: 'FontAwesome'; display: inline-block; color: #e6e7e8; font-size: 20px;}
  .slicknav_collapsed .slicknav_arrow:after { content: '\f107'; font-family: 'FontAwesome'; display: inline-block; color: #e6e7e8; font-size: 20px; }
  .slicknav_open > a { color: #f3fe00 !important; }
  
  a.slicknav_btn.slicknav_open{top:10px;}
	.slicknav_open span.slicknav_icon-bar:nth-child(2) { display: none; }
	.slicknav_open span.slicknav_icon-bar:nth-child(1) { transform: rotate(45deg);margin:0 !important; }
	.slicknav_open span.slicknav_icon-bar:nth-child(3) { transform: rotate(135deg); margin: 0 !important; margin-top: -3px !important; }
}


@media(max-width:480px){
  table{width:100%;}
  td { width: 100% !important; display: inline-block; }
    
}