/* Fonts */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i'); /* Museo Fonts */ @font-face { font-family: 'Museo'; src: url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/Museo300-Regular.eot'); src: local('☺'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/Museo300-Regular.woff') format('woff'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/Museo300-Regular.ttf') format('truetype'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/Museo300-Regular.svg') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Museo'; src: url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/museo500-regular.eot'); src: local('☺'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/museo500-regular.woff') format('woff'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/museo500-regular.ttf') format('truetype'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/museo500-regular.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Museo'; src: url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/Museo700-Regular.eot'); src: local('☺'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/Museo700-Regular.woff') format('woff'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/Museo700-Regular.ttf') format('truetype'), url('https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Fonts/Museo700-Regular.svg') format('svg'); font-weight: 700; font-style: normal; } @import url('https://fonts.googleapis.com/css2?family=Imprima&display=swap'); /*********************************************** 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: #227f7f; color: #fff; } ::-moz-selection {background: #227f7f;color: #fff;} /*************************************** 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: 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: 'Imprima', sans-serif; sans-serif; font-weight:normal;} body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; } a { color:#df006e;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 ;font-family: 'Nunito Sans', sans-serif; } 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;font-size: 20px;color: #3c3c3c;font-family: 'Imprima', sans-serif;line-height: 1.5;} h1,h2,h3,h4,h5,h6{font-family: 'Museo';font-weight: 700;} h1 {font-size: 89px;line-height: 1.25;color:#0b1a20;letter-spacing: -2px;margin-bottom: 15px;} h1 span {font-weight: 100;display: block;font-family: 'Nunito Sans', sans-serif;} h2 {font-size:58px;line-height:1.2;color:#243035;} h2 span { font-size: 60px; display:block; font-weight: 100;font-family: 'Nunito Sans', sans-serif;} h3 {font-size:58px;line-height: 1.3;color:#243035;} h4 {font-size:38px;line-height: 1.2;color:#243035;} h5 {font-size:27px;line-height: 1.2;color:#243035;} h5 span { font-weight: 100;font-family: 'Nunito Sans', sans-serif;} a.pink-link { text-transform: uppercase;font-size: 17px;color: #df006e;margin: 15px 0;display: inline-block;transition: .5s ease;} a.blue-link { text-transform: uppercase;color: #2cb3e9;font-size: 17px;margin: 15px 0;display: inline-block;transition: .5s ease;} a.pink-link:hover i,a.blue-link:hover i{margin-left: 14px;transition: .5s ease;} /*******************************************hubspot******************************************************************/ .row-fluid [class*="span"] {min-height: 1px;} /**************************************** logo ***************************/ .h-logo img ,.f-logo img {cursor: pointer;} /************************* container **************/ .header-container-new{max-width:1320px;margin:0 auto !important;float:none !important;width:100% !important;position: relative;z-index: 1;} .container{max-width:1334px;margin:0 auto !important;float:none !important;width:100% !important} .small-container{max-width:1140px;margin:0 auto !important;float:none !important;width:100% !important;} @media(max-width:1400px){ .header-container-new{padding:0 20px;} } @media(max-width:1200px){ .container{padding:0 20px;} } /********************************************************************************************************************************* Form CSS Starrt here **********************************************************************************************************************************/ /****************************************************Placeholder opacity cross browsers*****************************************/ input::-webkit-input-placeholder { color: #7e7e7e; } /* WebKit browsers */ input:-moz-placeholder { color: #7e7e7e; } /* Mozilla Firefox 4 to 18 */ input::-moz-placeholder { color: #7e7e7e;} /* Mozilla Firefox 19+ */ input:-ms-input-placeholder { color: #7e7e7e; } /* Internet Explorer 10+ */ textarea::-webkit-input-placeholder { color: #7e7e7e; } /* WebKit browsers */ textarea:-moz-placeholder {color: #7e7e7e; } /* Mozilla Firefox 4 to 18 */ textarea::-moz-placeholder {color: #7e7e7e; } /* Mozilla Firefox 19+ */ textarea:-ms-input-placeholder {color: #7e7e7e; } /* Internet Explorer 10+ */ select::-webkit-input-placeholder { color: #7e7e7e; } /* WebKit browsers */ select:-moz-placeholder { color: #7e7e7e; } /* Mozilla Firefox 4 to 18 */ select::-moz-placeholder { color: #7e7e7e;} /* Mozilla Firefox 19+ */ select:-ms-input-placeholder { color: #7e7e7e; } /* 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 **********************************************/ .hm form ul.hs-error-msgs > li > label {font-size:12px;line-height:normal;display:block;color:#ff0000;} .hm form .hs_error_rollup {display: none;} .hm form ul.hs-error-msgs{margin:0 0 -14px;padding:0;} /* form error mesege when good space b/w two inputs */ /*.hm form .hs-form-field {position: relative;} .hm form ul.hs-error-msgs.inputs-list { position: absolute; top:67px; right: 0; list-style-type: none; padding: 1px 5px;background:#ff0000;margin:0;} .hm form ul.hs-error-msgs.inputs-list > li > label {font-weight:500;position:relative;z-index:9;color: #fff;} .hm form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background:#ff0000; 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: 'Nunito Sans', 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; } /******************************************** Fieldset CSS*******************************************************/ span.hs-form-required {display: none;} .hm form{width:100%;margin:0 auto !important;float:none !important;padding: 30px 0;} .hm form fieldset{max-width:100%;} .hm form div.hs-form-field{float:none !important;display: inline-block !important;vertical-align: top;width: 100%;margin-bottom: 20px;} .hm form fieldset.form-columns-2 > div.hs-form-field{margin-right:2.9%; width: 48.5%;} .hm form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;} .hm form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%;width:31.4%;} .hm form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;} /******************************************** input CSS*******************************************************/ .hm form .input{margin-right:0 !important;} .hm form .hs-form-field > label {PADDING: 0 0 7px;color: #2B2B2B; font-size: 15px; width: 100%; pointer-events: none; display:block; line-height: 1.3; margin: 0 0 0px;font-weight: 600;} .hm form textarea,.hm form input[type="text"],.hm form input[type="password"],.hm form input[type="datetime"],.hm form input[type="datetime-local"],.hm form input[type="date"],.hm form input[type="month"], .hm form input[type="time"],.hm form input[type="week"],.hm form input[type="number"],.hm form input[type="email"],.hm form input[type="url"],.hm form input[type="search"],.hm form input[type="tel"], .hm form input[type="color"],.hm form select{color: #c6c6c6; border: 1px solid #7e7e7e; padding: 0px 15px; height: 54px; width: 100% !important; font-size: 15px; margin: 0 0 3px; border-radius: 29px; font-family: 'Nunito Sans', sans-serif;} .hm form textarea{height:80px; padding-top:15px;} /******************************************** Select CSS*******************************************************/ .hm form select {-moz-appearance: none;-webkit-appearance: none;color: #c6c6c6; background:#fff url("https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Resources/select-arrow.png");background-position: 93% center !important;background-repeat: no-repeat !important;background-size: 13px auto;} .hm form label span {font-size: 16px;color: #2B2B2B;} /******************************************** Radio Button CSS*******************************************************/ .hm form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background: #2B2B2B ;background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 4px #fff inset; } .hm form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;} .hm 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: 20px;height: 20px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;border-radius:50%;} /******************************************** Check Box CSS*******************************************************/ .hm form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background: #2B2B2B url('https://2660763.fs1.hubspotusercontent-na1.net/hubfs/2660763/Whishworks%20May-2017/Common%20Images/right.png?t=1495542712539');background-size: 14px; background-position: center center;background-repeat:no-repeat;} .hm form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;} .hm 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: 20px;height: 20px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;} ul.hs-error-msgs.inputs-list li {position: unset;} ul.inputs-list.hs-error-msgs li:before{display:none;} ul.hs-error-msgs.inputs-list li {margin: 0 0 8px;text-align: left;} /******************************************** Button CSS*******************************************************/ .hm form .actions{text-align:center;} /***********************Simple buttom***********************/ .hm form .hs_submit input, .posting-text input[type="submit"], .posting-text button { border: 1px solid #df006e; color: #fff; font-size: 16px; line-height: 1.3; font-weight: 800; padding: 13px 35px 13px 22PX; background: #df006e url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/anchor-icon.png); background-repeat: no-repeat; background-position: 90% center !important; border-radius: 29px; text-transform: uppercase; } .hm form .hs_submit input:hover, .posting-text input[type="submit"]:hover, .posting-text button:hover { background: transparent url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/pink-arrow.png); color: #df006e; background-repeat: no-repeat; background-position: 90% center; } .contact-flex .hs_submit input{color: #fff !important; } .contact-flex .hs_submit input:hover{color: #df006e !important;} /***********************With Background Image buttom***********************/ /*.hm form .hs_submit input {border: 1px solid #384259;color: #fff; font-size:16px;line-height:1.3; font-weight:700;padding: 10px 40px 10px 20px;background:#384259 url("https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/fast-forward-double-right-arrows.svg");background-position: 90% center !important;background-repeat: no-repeat !important;background-size: 14px auto; } .hm form .hs_submit input:hover {background-position: 93% center !important;}*/ .hm form div.hs-form-field .input > ul > li > label{cursor:pointer;} /***************************Check Box & Radio Button One Col********************************/ .hm form div.hs-form-field .input > ul > li{margin:6px 0 10px;} /***************************Check Box & Radio Button Two Col********************************/ /*.hm form div.hs-form-field .input > ul > li {display: inline-block;width: 50%;padding: 0 20px 0 0;}*/ /***************************Check Box & Radio Button Three Col******************************/ /*.hm form div.hs-form-field .input > ul > li {display: inline-block;width:33.33%;padding: 0 20px 0 0;}*/ /***************************Check Box & Radio Button Auto Col******************************/ /*.hm form div.hs-form-field .input > ul > li {display: inline-block;padding: 0 20px 0 0;}*/ /******************************************************************************************************************************************************************************* full width Flexible column hubspot other Modules(richtext,oneline text,header etc) ************************************************************************************************************************************************************************************/ .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_raw_html, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_raw_jinja, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_rich_text, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_text, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_header, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_section_header, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_form, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_blog_subscribe, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_cta, .full-width.widget-type-widget_container > span > .hs_cos_wrapper_type_linked_image{padding:70px 20px;} /******************************************************************************************************************************************************************************* max-width Flexible column hubspot other Modules(richtext,oneline text,header etc) ************************************************************************************************************************************************************************************/ .flex-module {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;} .widget-type-widget_container > span > .hs_cos_wrapper_type_raw_html, .widget-type-widget_container > span > .hs_cos_wrapper_type_raw_jinja, .widget-type-widget_container > span > .hs_cos_wrapper_type_rich_text, .widget-type-widget_container > span > .hs_cos_wrapper_type_text, .widget-type-widget_container > span > .hs_cos_wrapper_type_header, .widget-type-widget_container > span > .hs_cos_wrapper_type_section_header, .widget-type-widget_container > span > .hs_cos_wrapper_type_form, .widget-type-widget_container > span > .hs_cos_wrapper_type_blog_subscribe, .widget-type-widget_container > span > .hs_cos_wrapper_type_cta, .widget-type-widget_container > span > .hs_cos_wrapper_type_linked_image{max-width:1170px;margin:0 auto !important;padding:0;float:none !important;} @media(max-width:767px){ .hm form{padding:20px;} } @media(max-width:640px){ .hm form div.hs-form-field{width: 100% !important;margin-right:0 !important;} } span.filter-link-count { DISPLAY: NONE; } /***************************************************************** Header Style here ****************************************************************************/ .header-flex .row-number-4 > .row-fluid { display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;} .nav-section .row-fluid { padding-top: 0px;} .header-flex .logo-main { width: 12.81% !important; display: inline-block; vertical-align: middle; margin-bottom: 10px; } .social-icons-main { width: 21.75% !important; border-left: 1px solid #bfbfbf; padding-left: 2.3%; margin-left: 2.7% !important; } .social-icons-mod ul { min-height: 33px; display: flex; align-items: center; } .social-icons-mod ul li { display: inline-block; vertical-align: middle; margin-right: 6.5%; } .social-icons-mod ul li:last-child{margin-right:0px;} .social-icons-mod ul li svg { width: 20px; height: 20px; fill: #3c3c3c; display: inline-block; vertical-align: middle; } .social-icons-mod ul li svg:hover{fill:#f28d00;} /****************************************************************************************************************************************************************************** Menu Css *******************************************************************************************************************************************************************************/ .wrapper-header{position:relative;padding:20px 0;} /* .wrapper-header .menu {margin-left: 4% !important;width: 71% !important;} */ .wrapper-header .menu-main ul .hs-menu-depth-1 { display: inline-block; vertical-align: middle; margin-right: 6.75%;position:relative;} /*************************************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:#3c3c3c;font-family: 'Nunito Sans', sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:60px;} .wrapper-header .menu ul .hs-menu-depth-1:last-child{margin-right:0;} .wrapper-header .menu ul .hs-menu-depth-1:hover > a{ color:#f28d00; } /*************************************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-2 > a{color:#fff;padding:18px 3px;display: block;font-size:inherit;} .wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper {display: none; width: 100%; position: absolute; background: #f5f5f5; min-width: 212px; color: #3c3c3c; top: 60px; text-align: left !important;visibility: hidden;padding: 0px; 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:hover > .child-trigger i:before{color:transparent;}*/ .wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper:after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; top: -12px; left: 10px; z-index: -1; border-bottom: 15px solid #f5f5f5; z-index: 999; } .wrapper-header .menu ul .hs-menu-depth-1 ul > li.hs-menu-depth-2:last-child > a{border-bottom:0;} /*************************************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: #f5f5f5; width: 100%; min-width: 150px; visibility: hidden; left: 100%; top: 0px; padding: 0px; border-left: 0;} .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-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;} .wrapper-header .menu ul .hs-menu-depth-1 ul .hs-menu-depth-2 {padding:0 0px } /* .wrapper-header .menu ul .hs-menu-depth-1 ul .hs-menu-depth-2:last-child a{border-bottom:0px;} */ .wrapper-header .menu ul .hs-menu-depth-1 ul .hs-menu-depth-2 a{padding:20px;font-family: 'Nunito Sans', sans-serif;color: #3c3c3c; font-size: 15px; font-weight: 600; text-transform: none;border-bottom: 1px solid #dcdcdc;} .wrapper-header .menu ul .hs-menu-depth-1 ul .hs-menu-depth-2 a:hover{color:#f28d00;} .wrapper-header .menu ul .hs-menu-depth-1 ul .hs-menu-depth-3:last-child a{border:0;} @media(min-width:980px){ .wrapper-header .hs-menu-wrapper{display:block;} .wrapper-header .mobile-trigger{display: none!important;} .wrapper-header .menu ul .hs-menu-depth-1:hover ul.hs-menu-children-wrapper{display:block !important;} } @media(max-width:980px){ .hm form{padding:20px 0;} .header-container-new{padding:0} .wrapper-header{padding:0px 0 0;width:100% !important;} .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 > .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 ; } /**********************************************Toggle Icon***************************************/ .wrapper-header .mobile-trigger{display: inline-block !important; cursor: pointer; position: absolute; right: 50px; width: 40px; padding: 20px 0px; z-index: 12; top: 90px;} .wrapper-header .mobile-trigger .line {display: block;background:#f28d00;width: 40px;height:5px;position:absolute;left: 0;border-radius: 4px;} .wrapper-header .mobile-trigger .line.line-3{top:50%;} .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 .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:126%;background:#f28d00;} .wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid #fff;text-align: left;} .wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 10px 15px;display: inline-block;line-height: 1;} .wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper {padding: 3px 36px;background: #f28d00;} /**********************************************Depth 2***************************************/ .wrapper-header .menu ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper {background: #f28d00;} .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);} .wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children , .nav-section .menu-main ul .hs-menu-depth-1{margin: 0;} .nav-section .menu-main ul .hs-menu-depth-1:hover > a{color:#fff;} .wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper {top: 0;} /**********************************************Depth 3***************************************/ .wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0; } .wrapper-header .menu ul > li.hs-menu-depth-2, .wrapper-header .menu ul > li.hs-menu-depth-3 {border-top: 0;} .wrapper-header .menu ul > li.hs-menu-depth-2 > a {color: #fff !important; padding: 0px 0 10px !important; display: inline-block; font-size: 13px; border: 0 !important;} .wrapper-header .menu ul .hs-menu-depth-1 {margin-right: 0 !important;} .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 {padding: 0px 30px 16px !important; } } @media(max-width:1400px){ .container{padding:0 20px;} .social-icons-main { width: 22.75% !important; border-left: 1px solid #bfbfbf; padding-left: 1.3%; margin-left: 1.7% !important; } .social-icons-mod ul li{margin-right:6px;} } /***************************************************************** Footer Style here ****************************************************************************/ .footer-main { padding: 70px 0 42px; } .footer-new-container {max-width: 1140px;margin: 0 auto !important;float: none !important;} .footer-menu > div > span> div > ul { width: 100%; display: flex; flex-wrap: wrap; border-bottom: 1px solid #e0e0e0; padding-bottom: 49px; margin-bottom: 30px; } /* .footer-menu > div > span> div > ul > li:first-child {width: 28%;} */ .footer-menu > div > span> div > ul > li { /* width: 33%; */ flex: 1 1 15rem; margin-bottom: 24px; } .footer-menu > div > span> div > ul > li:last-child {margin-right: 0;} .footer-menu > div > span> div > ul li a h4 { cursor: default;display: inline-block; font-size: 20px; color: #243035; font-weight: 800; font-family: 'Nunito sans', sans-serif; margin-bottom: 33px; text-transform: uppercase; } .footer-menu > div > span> div > ul li a h4:after { content: ''; display: block; width: 72px; height: 2px; background: #dcdcdc; margin: 5px 0; } /* .footer-menu ul.hs-menu-children-wrapper {-webkit-columns: 2;-moz-columns: 2;columns: 2;} */ .footer-menu > div > span> div > ul > li:first-child ul.hs-menu-children-wrapper {columns: 1;-webkit-columns: 1;} .footer-menu ul.hs-menu-children-wrapper li a { font-size: 17px; color: #3c3c3c; font-weight: 400; font-family: 'Nunito Sans',sans-serif; margin-bottom: 15px; display: inline-block; } /* .footer-menu > div > span> div > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:last-child {margin-left: 6%;} */ .copyright-div { width: 55% !important;} .footer-social-icons {width: 40% !important;} .copyright-con img { margin-right: 5px; } .copyright-con span { color: #3c3c3c; font-size: 17px; font-family: 'Nunito Sans',sans-serif; font-weight: 400; } .copyright-con span strong { font-weight: 800; color: #243035;} .copyright-con span a { color: #3c3c3c;font-size: 17px;position: relative; display: inline-block; margin-left: 14px;padding-left:14px; } .copyright-con span a:hover , .footer-menu-con ul li a:hover, .footer-menu ul.hs-menu-children-wrapper li a:hover { color: #f28d00; } .copyright-con span a:before { content: ''; width: 2px; background: #d6d6d6; display: inline-block; height: 18px; /* vertical-align: top; */ position: absolute; top: 1px; left:0;} .footer-social-icons .social-icons-mod ul { text-align: right; display: block; } .header-container-wrapper {z-index: 999999;} i.fa.fa-angle-right{margin-left: 4px;transition: .5s ease;} em.fa.fa-angle-right {margin-left: 4px;} .cta_button span img {vertical-align: middle;margin-top: -3px;} .cta_button.book-cta, a.book-cta, .btn-pink { border: 1px solid transparent;background: #df006e; color: #fff !important; border-radius: 43px; padding: 15px 30px; text-transform: uppercase; font-size: 16px; font-family: 'Nunito Sans', sans-serif; font-weight: 800; margin-top: 20px; display: inline-block; } .cta_button.blue-cta, .btn-blue { border: 1px solid transparent;background: #2cb3e9; color: #fff; border-radius: 43px; padding: 15px 30px; text-transform: uppercase; font-size: 16px; font-family: 'Nunito Sans', sans-serif; font-weight: 800;margin-top: 20px; display: inline-block; } .cta_button.book-cta:hover , a.book-cta:hover, .btn-pink:hover{border: 1px solid #df006e;color: #df006e !important;background: #fff;} .cta_button.blue-cta:hover, .btn-blue:hover{border: 1px solid #2cb3e9;color: #2cb3e9;background: #fff;} /*****************************************************************Banner Section ****************************************************************************/ .cta-group > span { margin-right: 7px;} .banner-section { position: relative; overflow: hidden;} .left-banner{ padding: 70px 0 120px;min-height: 783px;} .banner-inner { display: flex; padding: 0 10px; align-items: center;} .ban-left { order:1; width: 60%;} .ban-right { order: 2; margin-left: 1%; } .ban-left p {font-size: 21px;max-width: 570px;padding:20px 0 0;} .ban-right img {max-width: 680px;width: 100%;} .ban-left span.hs_cos_wrapper_type_cta {margin-right: 6px;} .one-banner-section {text-align: center;padding: 200px 0;} .ban-content h1 {text-transform: uppercase;} a.angle-bottom { width: 50px; display: flex; background: #e8e8e8; height: 50px; align-items: center; border-radius: 50%; justify-content: center; margin: 0 auto 0px; border: 1px solid #c2c2c2; text-align: center; position: absolute; bottom: 70px; left: 0; right: 0;} a.angle-bottom:hover{background:#fefefe;} a.angle-bottom img {width: 20px;} /*****************************************************************Video COntent Section ****************************************************************************/ .video-content-section { padding: 160px 0 155px; border-bottom: 2px solid #c7c7c7;} .video-div { text-align:center; width: 44%; position: relative; border-radius: 8px;} .video-div iframe { height: 440px; /* border-radius: 20px; */ width:98%;} a.start-video.videoiframe { margin: 0 auto; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); } button#play-button, a.start { position: absolute; top: 0; left: 0; right: 0; border: 0; background-color: transparent; cursor: pointer; width: 100%; height: 450px; } .content-div { width: 50%; padding-left: 69px;} .inner-section { display: flex; flex-wrap: wrap; align-items: center;} .cont-text { margin: 24px 0 0;} .play-icon { position: absolute; top: 38%; left: 0; right: 0; margin: 0 auto; text-align: center; } .content-div a {font-weight: 800;} .content-div h2{position:relative;padding-bottom: 16px;} .content-div h2:after { content: ""; background: #d3d3d3; position: absolute; bottom: 0; left: 0; margin: 0 auto; z-index: 0; height: 1px; width: 170px; background-repeat: no-repeat; } .content-div.cont2 , .team-section .content-div.cont2{padding-left: 0;padding-right: 20px;} a.start {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;} /*****************************************************************Common Header Section Css ****************************************************************************/ .com-header{position:relative;margin-bottom: 20px;} .com-header h2{position:relative;} .com-header h2:after { content: ""; background: #d3d3d3; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 0; height: 1px; width: 170px; background-repeat: no-repeat; } .com-header p {padding: 20px 0 0;} .com-header h2 span {display: inline;} /*****************************************************************Impact Four Col Icon Section ****************************************************************************/ .impact-main { margin-top: 52px; margin-bottom: 130px; } .impact-main h2 { margin-bottom: 50px; padding-bottom: 15px; position:relative;} .impact-flex >span > div { width: 20%; margin-right: 4%; text-align: center;} .impact-flex >span { justify-content: center; display: flex; flex-wrap: wrap;} .impact-flex >span > div:last-child {margin-right: 0;} .impact-module { margin: 0 auto;} .impact-flex .icon-field { padding: 40px 0 0; min-height: 187px; max-width: 196px; margin: 0 auto; } .icon-num h3 { font-size: 56px; margin: -33px 0 0;font-weight: 800;font-family: 'Nunito Sans', sans-serif; } /*****************************************************************What We Do ( Image + COntent ) 3 Col Section ****************************************************************************/ .what-we-do-section { padding: 142px 0 128px; border-bottom: 2px solid #c7c7c7;} .what-we-do-section h2 { margin-bottom: 10px; padding-bottom: 15px; position:relative;} .what-we-do-section h2:after,.impact-sto-section h2:after { content: ""; background: #d3d3d3; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 0; height: 1px; width: 170px; background-repeat: no-repeat; } .what-content { padding: 0px 0px 20px;position: relative; z-index: 1;text-align: center; } .flex-modules>span{display:flex;flex-wrap:wrap; justify-content: center;margin: 0 auto;} .flex-modules>span>div { width: 31.33%; margin-right: 3%; margin-bottom: 20px; background: #fff; border-radius: 10px; box-shadow: 2px 11px 18px rgba(0,0,0,0.3); overflow: hidden; }.flex-modules>span>div:nth-child(3n){margin-right:0;} .flex-modules>span>div:last-child{margin-right:0;} .what-we-do-section .content-section {position: relative;border-top: 5px solid #bed139; padding: 0px 23px 30px;text-align: center;} .what-we-do-section .content-section .icon-field { padding: 20px 0 0; width: 75px; height: 75px; position: relative; top: -41px; margin: 0 auto; background: #bed139; border-radius: 50%; } .what-we-do-section .content-section .icon-field img { width: 43px !important; margin-bottom: 34px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); } .what-we-do-section .content-section:after { z-index: 0;content: ""; background: url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Homepage/background-image-1.png); height: 229px; width: 100%; position: absolute; bottom: 0; background-position: center; left: 0; background-repeat: no-repeat; }= .image-module {height: 257px !important;} .what-content h4 {font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; font-size: 24px; margin: -6px 0 12px; font-weight:800} .what-content a { text-transform: uppercase; font-size: 17px; font-weight:600; margin-top: 0;} /*****************************************************************Small Logo Section Css ****************************************************************************/ /* .small-icon-section { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -32px; margin-bottom: 0px; } .inner-content {padding-top:20px; width: 140px; height: 30px; border-radius: 50%; display: flex; flex-wrap: wrap; position: relative; justify-content: center; align-items: center; } .inner-content:after { content: ""; background: url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Homepage/seprater.png); position: absolute; top: 0px; left: -5px; z-index: 0; height: 40px; width: 200px; background-repeat: no-repeat; } .inner-content img{position:relative;z-index:1;} */ .small-main {position: relative;margin-top: -33px;} .small-icon-section { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0; margin-bottom: 0px; position: absolute; height: 33px; overflow: hidden; position: relative;} .inner-content { padding-top: 0; width: 140px; height: 30px; border-radius: 50%; display: flex; flex-wrap: wrap; position: relative; justify-content: center; align-items: center; margin: 0 auto; left: 0; position: absolute; right: 0; top: 13px; } .inner-content img {position: relative;z-index: 1;} .small1 { position: absolute; top: 0px; left: 0; border-top-left-radius: 50%; border-top-right-radius: 50%; right: 0; z-index: 0; height: 99px; width: 155px; background-repeat: no-repeat; margin: 0 auto; } .training-flex > span { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .training-flex > span > div { width: 31.33%; margin-right: 2%; text-align: center; } .training-flex > span > div:nth-of-type(3n) { margin-right: 0; } /*****************************************************************Two Col Section with Image + Content Css ****************************************************************************/ .twoCol-section { padding: 100px 0; } .twoCol-section.small-lower-padding {padding-bottom: 24px;} .twoCol-section .inner-twoCol { display: flex; flex-wrap: wrap;align-items: center; max-width: 1140px; margin: 0 auto; } .comm-section { width: 47%; margin: 0 2%; } .comm-section.img2 { order: 2; margin-right: 0; width: 47%; text-align: center;} .comm-section.img { margin-left: 0; } .comm-section.con-1{margin-right:0} .comm-section.con-2 { margin-left: 0; width: 47%; margin-right:2%;} .comm-section.img img, .comm-section.img2 img { margin-bottom: 25px; } .comm-section.img:last-child img, .comm-section.img2 img{margin:0;} .inner-contents h2 { margin-bottom: 50px;letter-spacing: -2px; padding-bottom: 15px; position:relative;font-family: 'Museo';font-weight:700;} .inner-contents h2 span { display: block;font-family: 'Nunito Sans', sans-serif; } .inner-contents h2:after { content: ""; background: #d3d3d3; position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; height: 1px; width: 170px; background-repeat: no-repeat; } .inner-contents ul li { font-size: 20px; margin: 19px 0; position: relative; color: #3c3c3c; } .inner-contents ul li:before { position: absolute; content: ''; top: 7px; left: -15px; background: #f28d00; width: 6px; height: 6px; border-radius: 50%; } .inner-contents ul {padding: 0 16px;} /* .twoCol-section .btn-grp {justify-content: space-between;} */ .twoCol-section .btn-grp a.book-cta {margin-right:16px;} .row-fluid [class*="span"] { min-height: 0; } /*****************************************************************Impact Stories Slider Section Css ****************************************************************************/ .impact-sto-section { padding: 142px 0 152px; } .impact-sto-section h2 { margin-bottom: 0px; padding-bottom: 15px; position:relative;} .testi-slider {margin: 0 auto !important;float: none !important;max-width:1140px;} .detail-text { padding: 31px 26px 20px; font-size: 20px; font-style: italic; color: #3c3c3c; } .slider-items { background: #fff; border-radius: 8px; padding: 20px 20px 55px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom: 4px solid #4c5558; position: relative; } .impact-sto-section .owl-item {padding: 70px 0 0;} .quoat img { max-width: 75px; position: absolute; top: -32px; left: 55px; } .right-side img {left: auto !important;right: 50px;} .autho-img {max-width: 100px;} .autho-cont { display: flex; align-items: center; padding: 10px 22px 20px; } .auth-con { margin-left: 4%; padding: 10px 0 0; } .auth-con h4 { font-size: 24px; color: #243035; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; font-weight: 800;} .auth-con p { font-size: 17px; color: #3c3c3c; margin: 0; } .auth-con a img { width: auto !important; display: inline-block !important; margin-top: -3px; margin-left: 6px; } .testi-slider a.pink-link , .testi-slider a.blue-link{ text-transform: uppercase; font-weight: 800; margin: 15px 0 0; /* letter-spacing: 0.5px; */ font-size: 16px; } .impact-sto-section .owl-prev img, .impact-sto-section .owl-next img {display: none;} .impact-sto-section .owl-prev { font-size: 0; background: url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/left-arrow.png?t=1530004212292); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 40px; position: absolute; top: 53%; left: -100px; } .impact-sto-section .owl-next { font-size: 0; background: url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/right-arrow.png?t=1530004212292); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 40px; position: absolute; top: 53%; right: -121px; } /*****************************************************************Two COl layout Content + Form Section Css ****************************************************************************/ .twoCol-section.two-form {padding: 70px 0 115px;} .two-form .comm-section.img { margin-left: 0; position: relative; left: -25px; width: 40%; margin-right: 0;} .two-form .comm-section.con-1 h2 span {display: inline;font-size:50px;} .two-form .comm-section.con-1 {width: 60%;margin-right: 0;margin-left:0;} div#secondaryForm, .pop-form { position: relative;max-width: 500px; margin: 0 auto; background: #fff; border-radius: 8px; padding: 25px; } a.popup-modal-dismiss { display: none; } .submitted-message { font-size: 25px; text-align: left; padding: 40px 15px; } .two-form .inner-contents h5 { font-weight: 400; font-size: 31px; font-family: 'Nunito Sans', sans-serif; color: #3c3c3c; } .two-form .inner-contents form > div:first-child{width: 60%;display: inline-block;vertical-align: middle;margin-bottom:0;} .two-form .inner-contents form > div > div.hs_email {margin-bottom:0;} .two-form .inner-contents form > div.hs_submit {width: 30%;margin: 0px 0 0 2%;display: inline-block;vertical-align: middle;} .two-form .inner-contents form .actions {text-align:left;} /*****************************************************************Partner Logo Section Css ****************************************************************************/ .multi-logo-strips, .join-section {background: #f5f5f5; position: relative;} .multi-logo-strips .logo-strip , .join-section .logo-strip{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;max-width: 1140px;margin: 0 auto;} .content-header { width: 250px; position: relative; display: flex; align-items: center; flex-wrap: wrap; padding: 60px 0; } .content-header:after { content: ""; background: url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Homepage/Shape-1-copy-8.png); width:12%; position: absolute; bottom: 0; right: 0; background-repeat: no-repeat; background-size: cover; height: 136px; top: 9px; background-position: top right; z-index: 0; } .content-header h5 { position: relative; z-index: 1; } .join-section .content-header { width: 400px;padding: 52px 0;} .join-section .content-header:after { top: 0;} .join-section .two-form { width: calc(100% - 400px); text-align: center; } .join-section .two-form .inner-contents form > div.hs_email {margin: 0;} .multi-logo-strips .container { display: flex; flex-wrap: wrap; align-items: center; max-width: 1140px;} .multi-logo-strips .container > div:first-child {width: 250px;} .multi-logo-strips .container > div:last-child {width: calc(100% - 250px);} .logo-slider img { margin: 0 auto !important; max-width: 90px !important; } .multi-logo-strips .owl-dots .owl-dot { display: inline-block; padding: 0 5px; } .multi-logo-strips .owl-next, .multi-logo-strips .owl-prev {display: none !important;} .multi-logo-strips .owl-dots .owl-dot span { display: inline-block; background: #000; padding: 0; width: 10px; height: 10px; border-radius: 100%; font-size: 0; cursor: pointer; } .multi-logo-strips .owl-dots { margin: 0px auto 0; text-align: center; position: absolute;left: 0;right: 0;bottom: -27px; } .multi-logo-strips .owl-dots .owl-dot.active span{background:#f28d00;} .multi-logo-strips .owl-carousel .owl-stage { display: flex; align-items: center;} /*****************************************************************banner Section with Two CTA button Css ****************************************************************************/ .banner-bg-buttons .inner-container {max-width: 1140px;margin: 0 auto;} .banner-bg-buttons {padding:200px 0; display: flex; flex-wrap: wrap; align-items: center; background-size: cover !important; background-repeat: no-repeat !important; } .banner-bg-buttons .hs_cos_wrapper_type_cta { margin-right: 1%; } .banner-bg-buttons h4 { font-weight: 400;font-family: 'Nunito Sans', sans-serif; } .banner-bg-buttons .cta-group {margin: 34px 0 0;} .banner-bg-buttons h2 span {display: inline;} /***********Empower Students Page Css ******/ /*****************************************************************One Col layout with COntent Css ****************************************************************************/ .one-col-layout { text-align: center; position: relative; padding: 147px 0 108px;border-bottom: 2px solid #c7c7c7;overflow: hidden; } .one-col-layout h2 span { margin: 0 0; display: inline; } .one-col-text { position: relative;z-index: 1;margin: 45px auto 0; max-width: 1140px; } .one-col-text h5 { text-transform: uppercase; margin: 40px 0 23px; font-family: 'Nunito Sans', sans-serif; font-weight: 800;} .one-col-text p {margin-bottom: 33px;line-height: 1.6;font-size:21px;} .one-col-layout:after { position: absolute; content: ''; top: 13%; max-width: 421px;width:100%; background-size: cover; height: 500px; left: 0; right: 0; margin: 0 auto; } .one-col-layout h2 {padding-bottom: 15px; position: relative; /* display: inline-block; */ } .one-col-layout h2:after { content: ""; background: #d3d3d3; z-index:-1;position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; margin: 0 auto; z-index: 0;height: 1px;width: 170px;background-repeat: no-repeat;} /*****************************************************************Two Col Layout with Image + Content Css ****************************************************************************/ .emp-stu-two .inner-contents h2 span { display: inline; } .emp-stu-two .comm-section.img {text-align: center;} button.mfp-close, button.mfp-arrow {color: #000;} .outcome-section { background: #f7f7f7; padding: 150px 0; } .outcome-flex > span > div { width: 33%; text-align: center; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;} .part-flex> span > div { width: 33%; text-align: center;} .outcome-flex > span, .part-flex> span { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1140px; margin: 30px auto 0; } .outcome-flex .icon-num h3 {margin: 0px 0 0;} .part-flex .icon-num h3 {margin: 16px 0 0;} .outcome-flex .icon-field { min-height: 134px;} .part-flex> span > div{ margin-bottom: 10px;} div#secondaryForm input, .two-form input {color: #7e7e7e !important;} div#secondaryForm input.hs-button.primary.large, .two-form input.hs-button.primary.large{color:#fff!important;background-position: 82% center !important;} div#secondaryForm input.hs-button.primary.large:hover, .two-form input.hs-button.primary.large:hover{color:#df006e !important;background-position: 82% center !important;} .student-program-sec,.nesa-logo-section { padding: 90px 0; } .prog-content h4 { font-size: 24px; color: #243035; } .btn-grp {display: flex;align-items: flex-start;flex-wrap:wrap;} .btn-grp .btn-pink {margin-right: 20px;} .outcome-flex .icon-field { max-width: 132px; margin: 0 auto; } .com-header h2 { padding-bottom: 16px;} .outcome-flex .icon-num p, .part-flex .icon-num p { font-size: 24px; color: #3c3c3c; font-weight: 700;line-height:1.2; } .outcome-flex .icon-field img {max-width: 72px;} .outcome-flex > span > div:nth-of-type(1), .outcome-flex > span > div:nth-of-type(2), .outcome-flex > span > div:nth-of-type(3) { border-top: 0; } .outcome-flex > span > div:nth-of-type(3), .outcome-flex > span > div:nth-of-type(6){ border-right: 0; } .outcome-flex .impact-module {padding:40px 20px 20px;margin: 0 auto;} .student-program-sec .com-header { max-width: 1140px; margin: 0 auto; text-align: center; } .program-flex > span > div {position: relative;z-index:1; width: 48.5%; text-align: center; MARGIN-RIGHT: 3%; border-radius: 6px;margin-bottom: 34px;background: #fff; box-shadow: 2px 1px 16px rgba(0,0,0,.1); border-radius: 30px; } .program-flex > span > div:nth-of-type(2n) {margin-right: 0;} .program-module .btn-grp {margin-top: 40px;width:100%;} .prog-image img { width: 100% !important; max-width: 200px; padding-top: 30px; } .prog-image {border-top-left-radius: 26px;border-top-right-radius: 26px;} .prog-content {padding: 40px 20px;text-align: left;} .program-flex > span { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1140px; margin: 40px auto 0;} .pro-text { margin: 10px 0;font-size: 16px;line-height: 1.4;} .pro-text ul li { font-size: 20px; margin: 19px 0; position: relative; color: #3c3c3c; } .pro-text ul li:before { position: absolute; content: ''; top: 11px; left: -15px; background: #f28d00; width: 6px; height: 6px; border-radius: 50%; } .pro-text ul {padding-left: 20px;} .program-module {} .program-flex > span > div:after { z-index: -1; content: ""; background: url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Homepage/background-image-1.png?t=1530625423793); height: 229px; width: 100%; position: absolute; bottom: 0; background-position: center; left: 0; background-repeat: no-repeat; } /* Fixed Quote Section */ .fixed-quote-sec {text-align: center;padding: 80px 0;background-attachment: fixed;} .fixed-quote-sec .inner-container {margin: 0 auto;max-width: 1000px;} .fixed-quote-sec { color: #fff; text-align: center; padding: 163px 0; background-attachment: fixed !important; } /* .fixed-quote-sec .inner-container h2, .fixed-quote-sec .inner-container p, .fixed-quote-sec .inner-container h5 { color: #fff; } */ .fixed-quote-sec .inner-container h2 { text-transform: uppercase; margin-bottom: 30px; } .fixed-quote-sec .inner-container h5{font-size: 25px;font-weight: 800;} .fixed-quote-sec .inner-container p {font-size: 30px;font-weight: 800;} .twoCol-section .btn-grp .btn-pink {padding: 15px 20px;} .twoCol-section .btn-grp .cta_button.blue-cta{padding: 15px 20px;} /* About Page */ .abt-why-section { background: #f7f7f7; padding: 150px 0 80px; } .two-cont-sec { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding-bottom: 52px; max-width: 1140px; margin: 40px auto 0; } .tw-col { width: 48%; } .tw-col h5 {text-transform: uppercase;font-family: 'Nunito Sans', sans-serif;font-weight: 800;} .tw-col ul { padding: 4px 18px;} .tw-col ul li { font-size: 20px; margin: 31px 0 0; line-height: 1.3; position: relative; color: #3c3c3c; } .tw-col ul li:before { position: absolute; content: ''; top: 7px; left: -15px; background: #f28d00; width: 6px; height: 6px; border-radius: 50%; } .abt-why-flex > span { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; text-align: center; } .abt-why-flex > span > div { width: 23%;margin:0 1% 20px; } .abt-why-flex .impact-module {max-width: 288px;} .abt-why-flex .icon-num p { margin: -15px 0 0; font-weight: bold; font-size: 20px;} .abt-why-flex .icon-num h3 {margin: 0px 0 0;} .abt-why-flex .icon-field { max-width: 157px; margin: 0 auto; min-height: 142px; padding: 23px 0 0; } .abt-text-left .one-col-text p { text-align: left; } .abt-page h3 { font-family: 'Nunito Sans',sans-serif; font-weight: 800;} .abtteam .inner-contents h5 { text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; font-weight: 800; margin-bottom: 22px; } .team-section h5 { text-transform: uppercase; margin: 0 auto 25px; text-align: center; display: block; font-family: 'Nunito Sans',sans-serif; font-weight: 800; } .team-section .container{max-width: 1140px;text-align: justify;} .team-section .inner-section {max-width: 1140px;margin: 0 auto;justify-content: space-between;align-items:flex-start;} .team-section .content-div {padding-left: 0;text-align: justify;} .team-section .video-div{order: 2;} .team-section .content-div.cont2 {order: 2;padding-right: 0;padding-left: 20px;} .team-section .video-div.vid2 { order: 1;} .cont-text .impact-module {display: flex;flex-wrap: wrap;align-items: flex-start;margin: 20px 0;} .cont-text .impact-module .icon-field {width: 23%;text-align: center;min-height: 102px;} .cont-text .impact-module .icon-num {width: 75%; margin-left: 2%;} .cont-text .impact-module .icon-num p {font-weight: bold;line-height: 1.3;} .icon-text-div { margin: 80px 0 0;} .cont-text .impact-module .icon-num h3 {margin: 0;} .prog-content h5 {font-family: 'Nunito Sans', sans-serif;font-weight: 800;} .part-logo-section {padding: 150px 0 120px;} .inner-image-div {display: inline-block;vertical-align: middle;width: 25%;margin:40px 0;} .inner-text-div {display: inline-block;vertical-align: middle;margin:40px 0;width: 69%;} .inner-text-div p {font-size: 15px !important;font-weight: 700;padding-left: 10px;} /* Nesa Page */ .nesa-flex > span { display: flex; flex-wrap: wrap;} .nesa-flex > span > div { margin-bottom: 70px;width:100%; } .nesa-grp { display: flex; flex-direction: row; justify-content: center; text-align: center; align-items: center;} .nesa-grp .image-module { width: 20%; } .nesa-grp .content-section { width: 60%;text-align: left; } .nesa-grp > div { margin-right:6%; } .nesa-grp > div:last-child { margin-right: 0; } .nesa-link {width: 20%;} .nesa-grp .image-module img{height:auto;} .nesa-grp .content-section p { margin: 0; } /* Contact Page */ .contact-section {padding: 100px 0;} .contact-flex { padding:0 20px;max-width: 800px; margin: 0 auto !important; float: none !important; } .cont-flex > span > div { width: 50%; } .cont-flex > span { display: flex; flex-wrap: wrap;align-items: flex-start; } .co-flex { width: 50% !important; margin: 0 !important; } .contact-box p a {color:#3c3c3c !important;} .contact-box p a:hover{color:#df006e !important;} .contact-flex .submitted-message {text-align: center;} .cont-flex > span > div { width: 50%; display: flex; align-items: center; text-align: center; justify-content: center; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; } .map-flex > span > div {height:100%;} .map-flex iframe { width: 100%; height: 100% !important; border: 0; min-height: 400px; filter: url(data:image/svg+xml;utf8,#grayscale);filter: gray; -webkit-filter: grayscale(99%); } .contact-box i { font-size: 25px; } .contact-box p{font-weight:800;} .cont-flex > span > div:nth-of-type(3), .cont-flex > span > div:nth-of-type(4) { border-bottom: 0; } .contact-box { width: 100%; padding: 64px 20px 0; min-height: 204px; } .contact-map-section > .row-fluid-wrapper >.row-fluid { display: flex; border-bottom: 2px solid #c7c7c7;} /****************************************************Placeholder opacity cross browsers*****************************************/ .contact-flex input::-webkit-input-placeholder { color: #7e7e7e; } /* WebKit browsers */ .contact-flex input:-moz-placeholder { color: #7e7e7e; } /* Mozilla Firefox 4 to 18 */ .contact-flex input::-moz-placeholder { color: #7e7e7e;} /* Mozilla Firefox 19+ */ .contact-flex input:-ms-input-placeholder { color: #7e7e7e; } /* Internet Explorer 10+ */ .contact-flex textarea::-webkit-input-placeholder { color: #7e7e7e; } /* WebKit browsers */ .contact-flex textarea:-moz-placeholder {color: #7e7e7e; } /* Mozilla Firefox 4 to 18 */ .contact-flex textarea::-moz-placeholder {color: #7e7e7e; } /* Mozilla Firefox 19+ */ .contact-flex textarea:-ms-input-placeholder {color: #7e7e7e; } /* Internet Explorer 10+ */ .contact-flex select::-webkit-input-placeholder { color: #7e7e7e; } /* WebKit browsers */ .contact-flex select:-moz-placeholder { color: #7e7e7e; } /* Mozilla Firefox 4 to 18 */ .contact-flex select::-moz-placeholder { color: #7e7e7e;} /* Mozilla Firefox 19+ */ .contact-flex select:-ms-input-placeholder { color: #7e7e7e; } /* Internet Explorer 10+ */ .contact-flex input,.contact-flex select, .contact-flex textarea{color:#7e7e7e !important;} .privacy-flex .one-col-text {text-align: left;} .privacy-flex .one-col-text p {font-size:18px;} .privacy-flex .one-col-layout:after{display:none;} .privacy-flex h4 {margin-bottom: 10px;} .video-content-section.team-section{position:relative;} .privacy-flex a:hover{text-decoration:underline !important;} /****************************************************Common Listing And Posting Section Css ****************************************/ /* Listing Page Filter Css */ .filterBar {background: #f2f2f2;overflow: hidden;PADDING: 50PX 0;position:relative;z-index:1;border-bottom: 2px solid #c7c7c7;} .filterBar:after{top:0; height:270px;} form.filterForm {display: flex;flex-wrap:wrap;position:relative;} .hm .filterForm input[type=text],.res-filter input[type=text] {margin-right: 30px; max-width: 70px !important; border-right: 1px solid #c6c6c6 !important; border-left: 0 !important; border-top: 0 !important; border-radius: 0 !important; border-bottom: 0 !important; font-size: 16px; background-color:transparent;color:transparent !important; background-image: url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Resources/search-image.png?t=1531302341716); background-position: 10px center; background-repeat: no-repeat; padding: 0 !important; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } .hm .filterForm input[type=text]:focus, .res-filter input[type=text]:focus {width: 100% !important; color: #7e7e7e !important; max-width: 100% !important; position: absolute; border: 1px solid #c6c6c6 !important; background: #fff; border-radius: 29px !important; padding: 0 15px !important; } form.filterForm select {width: 30.4% !important;color: #7e7e7e;border-left: 0;border-right: 0;border-radius: 0;} form.filterForm select#category {border-color: #c6c6c6;border-top-left-radius: 27px;border-bottom-left-radius: 28px;border-left: 1px solid #c6c6c6;border-right: 1px solid #c6c6c6;} form.filterForm select#topic {border-color: #c6c6c6;border-right: 1px solid #c6c6c6;} form.filterForm select#content_type {border-color: #c6c6c6;border-right: 1px solid #c6c6c6;border-top-right-radius: 35px;border-bottom-right-radius: 35px;} .resources-filter-section .small-icon-section .inner-content {z-index: 1;} .resources-filter-section .small-icon-section .inner-content:after{top:0;} .filtered, .default {padding: 140px 0 120px;} /* Post Listing Section */ .res-main, .res-main>span {display: flex;flex-wrap: wrap;} .res-image {background-position: top center !important;border-top-left-radius: 13px;border-top-right-radius: 13px;display:block;width: 100%;height:280px;} .res-content {padding: 35px 30px 40px;position:relative;z-index:1;} .res-content:after, .filterBar:after { z-index: -1; content: ""; background-size:cover;background: url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Homepage/background-image-1.png?t=1531287585947); height: 235px; width: 100%; position: absolute; bottom: 0; background-position: center; left: 0; margin: 0 auto; right: 0; background-repeat: no-repeat; } .res-date p {font-size: 16px;color: #3c3c3c;margin-bottom:10px;} .res-header h5 { font-size: 24px; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; font-weight: 800; margin-bottom: 20px; } .res-post:nth-of-type(3n), .res-main>span>div:nth-of-type(3n) {margin-right: 0;} .res-post:last-child, .res-main>span>div:last-child {margin-right: 0;} .res-post, .res-main>span>div { width: 31.33%; margin-right: 3%; margin-bottom: 30px; background: #fff; box-shadow: 2px 1px 16px rgba(0,0,0,.1); border-radius: 12px; } .res-main>span>div .res-post{width:100%;margin:0;} .res-tags a {text-transform: capitalize; font-size: 16px;font-weight:600; background: #efefef; padding: 7px 19px; color: #3c3c3c; border-radius: 8px; display: inline-block; vertical-align: top; margin: 0 6px 10px 0px; } a.res-header h5:hover {color: #f28d00;} .res-tags a:hover{background:#f28d00;color:#fff;} .notFound {text-align: center;display: block;font-size: 25px;font-weight: 700; width: 100%;} /* Post Banner Section*/ p.inner-auth, p.inner-date {display: inline-block;margin: 18px 0;} p.inner-date {margin-left: 33px;} .post-inner-image {margin: 80px 0 78px;} .post-inner-bg {position: relative;} .text-over-image { background: #fff; max-width: 500px; position: absolute; right: 0; top: 25%; right: 0%; top: 50%; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); } .text-over-image h2 {font-weight: 400;font-family: 'Nunito Sans', sans-serif;text-transform: uppercase;padding: 30px 30px;} .text-over-image h2 strong {font-family: 'Museo';text-transform: none;} /* Sticky Sidebar */ .sticky-class .soci-sect h5, .sticky-class p {display: none;} .sticky-class .share-this-section {padding: 0;background: transparent;} .sticky-class ul.vertical {display: flex;flex-direction: column;} .sticky-class .share-this-section .soci-sect.cf { position: fixed;top:353px;} .sticky-class .share-this-section ul.vertical li {margin: 34px 1% 0;font-size: 28px;} .sticky-wrapper-div {margin: 0 !important; padding: 94px 0 0;} .sticky-class .share-this-section .soci-sect a.share-button.btn.btn-primary {font-size: 42px;margin: 0 0 !important;} /* Quote Section */ .quote-section {padding: 25px 0 88px;} .quote-section hr {max-width: 45px;height: 4px;background: #000;border: 0;margin: 5px 0 28px;width:100%;text-align: left;} .inner-quote {max-width: 745px;padding-left: 20px;} .inner-quote h4 {line-height: 1.6;} /* Related Post Carousel Hubl */ .related {padding: 85px 0 70px;} .related .res-main{padding-bottom: 16px;} .owl-prev img, .owl-next img {display: none;} .related .owl-dots .owl-dot { display: inline-block; padding: 0 5px; } .related .owl-next, .multi-logo-strips .owl-prev {display: none !important;} .related .owl-dots { margin: 0px auto 0; text-align: center; position: absolute;left: 0;right: 0;bottom: -27px; } .related .owl-dots .owl-dot.active span { background: #7f7f7f; border: 0; } .related .owl-dots .owl-dot span { display: inline-block; background: transparent; padding: 0; border: 2px solid #dadada; width: 16px; height: 16px; border-radius: 100%; font-size: 0; cursor: pointer; } /* Testimonial Section */ .cust-section {border-top: 2px solid #767676;} .inner-cust-section { display: flex; max-width: 1030px; align-items: center; margin: 0 0 0 auto; padding: 100px 0 80px; } .cus-image img {width: 100%;} .cus-story {padding: 0 0 0 30px;max-width: 751px;} .cus-story h4, .cus-story h6 {font-family: 'Nunito Sans', sans-serif;} .cus-story h6 {font-size: 24px;margin: 10px 0;color:#737373;} .cus-story p {margin: 22px 0 0;} .cus-image { border: 4px solid #B9B9B9; border-radius: 50%; max-width: 210px; width: 100%; height: auto; } /* Social Share Module */ .share-this-section {background:#f2f2f2;text-align: center;padding: 75px 0;} .soci-sect h5 {margin: 0 0 26px;font-size: 30px;font-family: 'Nunito Sans', sans-serif;} a.share-button.btn.btn-primary {color: #3e3e3e;font-size: 52px;margin: 0 26px;} a.share-button.btn.btn-primary:hover{color:#f28d00;} ul.vertical li {margin: 0 1%;font-size: 32px;display: inline-block;} ul.vertical {display: flex;flex-wrap: wrap;justify-content: center;} .share-this-section p a {color:#908F8F} .share-this-section p a:hover{text-decoration:underline;} .share-this-section p {color: #373737;font-size: 30px;margin: 29px 0 0;} /* Inner Detal Page Common Css */ .posting-text h1,.posting-text h2,.posting-text h3,.posting-text h4,.posting-text h5 {margin:10px 0 7px;} .posting-text ul, .posting-text ol {padding:20px 30px;} .posting-text ul li, .posting-text ol li {position:relative;font-size: 20px;margin: 19px 0;position: relative;color: #3c3c3c;} .posting-text ol li{list-style: inherit;} .posting-text ul li:before {position: absolute; content: ''; top: 7px; left: -15px; background: #f28d00; width: 6px; height: 6px; border-radius: 50%;} .posting-text blockquote {font-size: 26px;padding: 20px;line-height: 1;} .posting-text iframe{margin:10px 0;width: 100%;} .posting-text table {margin: 10px 0;border: 1px solid;} .posting-text tr {padding: 10px;} .posting-text th,.posting-text td {padding: 10px;border: 1px solid;font-size: 18px;} .posting-text dt,.posting-text dd {font-size: 20px;margin: 10px 0;} .posting-text form {max-width: 500px;margin: 0 0 0!important;font-size: 18px;} .posting-text form label {font-size: 18px;padding-left: 5px;padding-bottom: 11px;display: block;} .posting-text input[type="radio"], .posting-text input[type="checkbox"], .posting-text select {margin: 10px 0;} .posting-text textarea {text-align: left;margin: 10px 0 !important;} .next-prev-section {padding: 10px 0 90px; font-size: 0;} .next-prev-section .prev,.next-prev-section .next {color: #797A86;font-size: 18px;} .next-prev-section .prev a span, .next-prev-section .next a span { color: #797A86; font-size: 19px; line-height: 1.3; } .next-prev-section .prev a img,.next-prev-section .next a img {background: #dadada;padding: 3px 20px;width: 69px;height:35px;} .next-prev-section .np { width: 49.88%; padding: 0 10px; display: inline-block;vertical-align: top; text-align: right; } .next-prev-section .np p {color: #797A86; width: calc(100% - 75px);font-size: 19px; margin: 0;line-height: 1.3; padding: 0 7px;} .next-prev-section .np p span{color: #797A86; font-size: 19px; line-height: 1.3; } .next-prev-section .np a {} .next-prev-section .np a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .prev.np { text-align: left; } .prev.np a:hover p, .prev.np a:hover, .prev.np a:hover p span,.next.np a:hover p, .next.np a:hover, .next.np a:hover p span {color: #f28d00;} .next-prev-section .prev a:hover img, .next-prev-section .next a:hover img{background: #f28d00;} /* Gallery Section Css */ .gal-row {display: flex;padding: 26px 15px 26px 0;} .gal-column.gal-co1 {display: flex;flex-direction: column;width: 100%; margin-right: 1.5%;max-width: 54%;} .gal-column.gal-co2 {max-width: 43%;width: 100%;} .gal-row-1 {width: 100%; padding: 0 7px 34px 2px;} .gal-row-2 {display: flex;flex-wrap: wrap; width: 100%;height: 308px;padding: 0 4px 0;} .gal-column.gal-co2 {min-height: 400px;} .bg-img1{height:160px;} .bg-img2 {display: inline-block;width: 62%;margin-right: 5%;} .bg-img3{width: 32%;} .hm form input[type="file"] {width: 100%;} /* BLog-listing Header Css */ .blog-list-header {text-align: center;padding: 120px 0 50px;} .blog-list-header h2 span {display: inline;} .b-filtered {padding: 50px 0;} .post-col-layout {padding-bottom: 44px;} .post-col-layout .res-tags a { margin-left: 13px; font-weight: 700; margin-bottom: 7px; padding: 10px 20px; vertical-align: middle;color:#3c3c3c;} .post-col-layout .res-tags a:hover{color:#fff;} .post-col-layout .res-tags {font-size: 19px;color: #87929C;padding: 20px 0 30px;} .related .res-post {width: 100%;} .related h5.rel-he {text-align: center;font-family: 'Nunito Sans', sans-serif;margin: 0 0 30px;text-transform: uppercase;} /* Common Pagination Css*/ .pages-navigation {text-align:center;padding:40px 0} .pages-navigation a {font-size: 19px;color: #3c3c3c;margin: 0 10px;} img.blue-arrow-reverse {margin-right: 13px;margin-top: -1px;} img.blue-arrow-next {margin-left: 13px;margin-top: -1px;} ul.pagination li.current a, a.page-number.current{color:#f28d00;font-weight: 700;} .pages-navigation a:hover, a.page-number.current:active, ul.pagination li a:hover{color:#f28d00;} ul.pagination li {display: inline-block;vertical-align: top;margin: 0 10px;} ul.pagination li a, ul.pagination span a {font-size: 19px;color: #3c3c3c;} ul.pagination {text-align: center;padding:40px 0 0;} .blog-pagination {text-align: center;padding: 50px 0 0;} .blog-pagination span a {font-size: 19px;color: #3c3c3c;margin: 0 10px;} .blog-pagination span.active a, ul.pagination li.active a{color: #f28d00;font-weight: 700;} .blog-pagination span a:hover, ul.pagination span a:hover{color: #f28d00;} .career-role {padding: 90px 0 100px;background: #F7F6F6;text-align: center;} .career-role h3 {margin-bottom: 40px;} .career-role h3 span{font-weight:400;font-family: 'Nunito Sans',sans-serif;} .career-inner-sec h2 span {font-size: 58px;line-height: 1.2;color: #243035;font-weight: 700;font-family: 'Museo';} .events-section {padding: 100px 0;} .events-section .res-date p {font-weight: 700;} .career-ban .left-banner, .upcom-bann .left-banner {border-bottom: 2px solid #c7c7c7;} .events-cta {text-align: center;} .resources-filter-section .small-main {z-index: 1;} button.btn.btn-reset { position: absolute; background: #fff; border: 1px solid #ccc; border-radius: 50%; font-size: 10px; height: 20px; line-height: 20px; padding: 0; right: -2px; top: -28px; width: 20px; z-index: -1; } .related .owl-carousel .owl-stage {margin: 0 auto;} .open-filter { -webkit-appearance: none;width: 80% !important; color: #7e7e7e;padding: 0 15px;cursor: pointer; height: 54px; font-size: 15px; margin: 30px 0px 30px 4%;line-height: 3.5; border-radius: 29px; font-family: 'Nunito Sans',sans-serif; background: #fff url(https://4596264.fs1.hubspotusercontent-na1.net/hubfs/4596264/Life%20Skills%20Group/Resources/select-arrow.png?t=1532516322415);background-position: 93% center !important;background-repeat: no-repeat !important;background-size: 13px auto; border: 1px solid #7e7e7e;text-transform: capitalize;} .res-filter {display: flex;flex-wrap: wrap;max-width: 600px;margin: 0 auto;position: relative;padding: 30px 0;} .res-filter .block {position: absolute;left: 94px;top: 113px;background: #fff;border: 1px solid #cccc;width: 80%; } .res-filter .block ul li a, a.filter-expand-link {font-size: 16px;color: #7e7e7e;padding: 3px 12px;display: block;} .res-filter .block ul li a:hover{background: #7e7e7e; color: #fff;} form.resform {margin: 0 !important;max-width: 70px;} .blog-filter-category .filterBar { overflow: visible;} .res-main.post-listing .res-tags a, .res-main .res-post .res-tags a{display:none;} .res-main.post-listing .res-tags a:first-child,.res-main .res-post .res-tags a:first-child, .res-main.post-listing .res-tags a:nth-of-type(2),.res-main .res-post .res-tags a:nth-of-type(2), .res-main.post-listing .res-tags a:nth-of-type(3),.res-main .res-post .res-tags a:nth-of-type(3) {display: inline-block !important;} @media(max-width:1921px){ } @media(max-width:1500px){ h1 {font-size: 80px;} h2 {font-size: 55px;} h2 span {font-size: 53px;} .container, .small-container, .header-container-new{padding:0 50px;} .left-banner{padding: 80px 0 50px;min-height: 600px;} .ban-right {right: 0px;} .ban-right img {max-width: 600px;} .video-div {left: 0;} .icon-num h3 { font-size: 42px;} .testi-slider {max-width: 950px;} .sticky-class .share-this-section .soci-sect {top: 280px !important;} .sticky-class .share-this-section .soci-sect a.share-button.btn.btn-primary {font-size: 30px;} form.filterForm select {width: 30% !important;} } @media(max-width:1300px){ h1 {font-size: 60px;} h2 {font-size: 50px;} h2 span {font-size: 48px;} h3 {font-size:42px;} h4 {font-size:32px;} h5 {font-size:25px;} .two-form .comm-section.con-1 h2 span {font-size: 43px;} .left-banner{padding: 70px 0 120px;} .banner-inner {padding: 0;} .ban-left {width: 50%;padding-right: 20px;} .ban-right {width: 50%;} .ban-right img {max-width: 520px;} .detail-text p {font-size: 18px;} .impact-sto-section .owl-prev {left: -40px;} .impact-sto-section .owl-next {right: -40px;} .join-section .content-header:after {height: 134px;} .content-header:after{ top: -3px;} .content-header {padding: 50px 0;} .multi-logo-strips .owl-dots {bottom: -24px;} .nesa-grp .content-section {width: 58%; } } @media(max-width:1250px){ .sidebar.sticky-class{display:none;} .sticky-class .share-this-section .soci-sect {display: none !important;} .sticky-wrapper-div {padding: 60px 0 0;} .post-inner-image {margin: 40px 0;} } @media(max-width:1200px){ .wrapper-header .menu ul .hs-menu-depth-1{margin-right: 3.5%; } .left-banner {padding: 60px 0 120px;min-height: 583px;} .video-content-section {padding: 94px 0 109px;} .video-div {left: 0;} .team-section .content-div {padding-right: 20px;} .impact-main {margin:50px 0 60px;} .icon-num h3 {font-size: 48px;} form.filterForm select {width: 29% !important; } /* .inner-content:after {top: 37px;} */ .pro-text ul li {font-size: 20px; } .one-col-text p {font-size: 19px; } .testi-slider {max-width: 870px;} .detail-text p {font-size: 18px;} .detail-text {padding: 31px 0px 20px;} .auth-con h4 {font-size: 20px;} .fixed-quote-sec {padding: 110px 0; } .one-col-layout {padding: 90px 0 60px;} .abt-why-section {padding: 80px 0 50px;} .twoCol-section {padding: 70px 0 70px;} .twoCol-section.two-form {padding: 70px 0 55px;} .what-we-do-section,.part-logo-section {padding: 80px 0 110px; } .banner-bg-buttons {padding: 149px 0;min-height: 450px; } .impact-sto-section {padding: 80px 0 130px; } .outcome-section {padding: 80px 0;} .nesa-link {width: 24%;} .nesa-grp > div { margin-right: 4%; } .contact-section, .nesa-logo-section {padding: 70px 0;} .gal-row {padding: 18px 0px;} .blog-list-header {padding: 80px 20px 10px !important;} .quote-section {padding: 20px 0 45px;} .events-section {padding: 80px 0;} .footer-social-icons {width: 30% !important;} .copyright-div {width: 65% !important;} } @media(max-width:1024px){ h1 {font-size: 50px;} h2 {font-size: 40px;} h2 span {font-size: 38px;} h3 {font-size: 32px;} h4 {font-size:28px;} h5 {font-size: 24px;} p,li { font-size: 18px !important;} .two-form .comm-section.con-1 h2 span {font-size: 36px;} .wrapper-header .menu ul li.hs-menu-depth-1 > a{font-size:14px;} .social-icons-main {width: 23.75% !important; } .wrapper-header .menu{ width: 69.6% !important;} .left-banner{padding: 40px 0 125px;} .inner-contents h2 { margin-bottom: 25px;} .inner-contents ul li, .pro-text ul li {font-size: 18px;} .inner-contents p {font-size: 18px;} .cont-text {margin: 30px 0 0;} .video-div iframe {height: 340px; } .video-div{ width: 50%;} .content-div { width: 50%; padding-left: 39px; } .video-content-section { padding: 51px 0 78px; } a.start-video.videoiframe img, button#play-button img , a.start img {max-width: 65px;} .impact-sto-section {padding: 53px 0 110px; } .icon-num h3 {font-size: 35px; } .what-we-do-section {padding: 60px 0 90px; } .image-module img { height: 195px;} .content-section .icon-field { width: 60px; height: 60px; } .content-section .icon-field img { width: 30px !important; } .what-content h4 {font-size: 20px;} .what-content p {font-size: 17px;} .btn-grp .btn-pink {margin-right: 0;} .btn-grp {flex-direction: column; } .fixed-quote-sec .inner-container p {font-size: 26px !important;} .program-module .btn-grp > span {margin-right: 0px;} .one-col-layout {padding: 40px 0;} .student-program-sec {padding: 50px 0;} .outcome-section {padding: 60px 0;} .nesa-logo-section {padding: 60px 0 0;} .testi-slider {max-width: 750px;} .autho-cont {padding: 10px 0px 20px;} .quoat img {max-width: 46px;} .auth-con h4 {font-size: 18px;} .quoat img {top: -20px;left: 21px;} .detail-text p {font-size: 16px;} .two-form .inner-contents h5 {font-size: 28px; } .content-header {padding: 52px 0;} .content-header:after{ height: 135px;top: -2px;} .pro-text p, .pro-text ul li {font-size: 18px;} .program-module .btn-grp {flex-direction: column;} .nesa-grp > div { margin-right: 2%; } .contact-map-section > .row-fluid-wrapper >.row-fluid {flex-wrap: wrap;} .co-flex { width: 100% !important;} .banner-bg-buttons { min-height: 427px;} .filtered, .default {padding: 70px 0px;} .post-inner-bg {min-height: 450px !important;} .gal-row {padding: 26px 0 26px 0;} .quote-section {padding: 20px 0 40px;} .post-col-layout .res-tags {padding: 20px 0 50px;} .inner-cust-section {padding: 58px 0;} .share-this-section {padding: 49px 0 30px;} .related {padding:50px 0;} .text-over-image h2 br {display: none;} .text-over-image h2 span {display: inline;} .res-image { height: 230px;} .res-content {padding: 30px 25px 30px; } form.filterForm select {width: 29.5% !important;} .hm .filterForm input[type=text] {margin-right: 20px;} form.filterForm {flex-wrap: nowrap;} .events-section {padding: 70px 0;} button#play-button, a.start {height: 370px;} .footer-main {padding: 42px 0 25px;} .footer-menu > div > span> div > ul li a h4 { font-size: 18px; } .footer-menu ul.hs-menu-children-wrapper { -webkit-columns: 1; -moz-columns: 1;columns: 1;} .footer-menu ul.hs-menu-children-wrapper li a {font-size: 15px;margin-bottom: 6px;} .footer-menu > div > span> div > ul li a h4 {margin-bottom: 12px;} } @media(max-width:980px){ h1 {font-size: 45px;} h2 {font-size: 35px !important;} h2 span {font-size: 33px !important;} h3 {font-size: 27px;} h4 {font-size:25px;} h5 {font-size: 22px;} .two-form .comm-section.con-1 h2 span {font-size: 30px;} .social-icons-main {width: 36.75% !important;} .social-icons-mod ul li {margin-right: 12px;} .cta_button.book-cta, a.book-cta, .btn-pink {padding: 15px 20px;} .left-banner {padding: 50px 0px 150px !important;min-height: 0 !important;} .banner-section {padding: 0px 0px 50px ;min-height: 0 !important;} a.angle-bottom {bottom: 49px;} .icon-num h3 { font-size: 30px; } .what-module .image-module {min-height: 170px !important;} .impact-sto-section .owl-item {padding: 20px 0 0;} .testi-slider a.pink-link, .testi-slider a.blue-link {font-size: 13px;} .impact-sto-section .owl-next {right: -40px;} .impact-sto-section .owl-prev { left: -40px;} .auth-con p {font-size: 15px;} .autho-img {max-width: 70px;width: 100%;} .testi-slider {max-width: 640px;} .impact-flex >span > div {width: 24%;margin-right: 1%;} .logo-main img { padding-left: 0px;} .abt-why-section {padding: 35px 0;} .submitted-message {font-size: 20px;text-align: center;} .banner-bg-buttons {min-height: 409px;padding: 80px 0;} .header-flex{padding-top: 40px;padding-bottom: 16px;} .span10.widget-span.widget-type-cell.nav-section { width: 100%; position: absolute; top: 0px; left:0;margin-left: 0; border-bottom: 1px solid #ccc; } .social-icons-main { width: 100% !important; margin-left: 0 !important; padding: 11px 0px 5px; text-align: right; justify-content: flex-end; display: flex !important; flex-wrap: wrap; padding-right: 50px; border-left:0} .wrapper-header .hs-menu-wrapper { display: none; position: absolute; width: 100%; max-width: 100%; left: 0; right: 0; top: 145px; background: #f28d00; } .social-icons-mod ul {width: 100%; text-align: left; margin-left: 10px; } .header-flex .logo-main {width: 100px !important;padding-left: 0;} .logo-main img { width: 100% !important; } .content-header { width: 100%; text-align: center; display: block; padding: 0 0 40px;} .join-section .content-header {width: 100%;text-align: center;display: block;padding: 0 0 0px;} .content-header:after{display:none;} .nesa-grp {flex-wrap: wrap;} .nesa-link {width: 100%;} .nesa-grp .content-section { width: 65%; } .nesa-grp .image-module { width: 25%; } .nesa-grp > div { margin: 0 2%; } .contact-section {padding: 50px 0;} .inner-image-div, .inner-text-div { display: block; width: 100%;margin:20px 0} .inner-image-div img{max-width:150px;} .multi-logo-strips {padding: 50px 0;} .join-section {padding: 33px 0 20px;} .multi-logo-strips .container > div:first-child, .join-section .two-form { width: 100%; margin: 0 auto; text-align: center; } .multi-logo-strips .container > div:last-child { width: 100%;margin: 0 auto; text-align: center; } .multi-logo-strips .owl-dots {bottom: -42px;} .res-content {padding: 29px 20px;} .res-header h5 {font-size: 20px;margin-bottom: 15px;} .blog-list-header {padding: 45px 20px 10px !important;} .res-filter .block {top: 103px;} .career-inner-sec h2 span {font-size: 40px;} a.share-button.btn.btn-primary {font-size: 38px;margin: 0 15px;} .gal-row-2 { height: 240px;} .open-filter { margin: 20px 0px 20px 4%;} .cus-image {max-width: 208px;height: auto;} .cus-image img {max-width: 208px;height: auto;width:100%} .inner-cust-section {padding: 40px 0;} .career-role {padding: 75px 0 60px;} form.filterForm select {width: 28.4% !important;} .two-form .inner-contents form > div.hs_submit {width: auto;} .footer-social-icons {width: 100% !important; margin: 0 !important;} .copyright-div {width: 100% !important;text-align: center;} .footer-social-icons .social-icons-mod ul {text-align: center;margin: 10px auto 0;display: block;} .video-div iframe {height: 340px;} button#play-button, a.start {height: 348px;} } @media(max-width:767px){ h1 {font-size: 40px;} h2 {font-size: 30px !important;} h2 span {font-size: 28px !important;display: inline;} h3 {font-size: 22px;} p {font-size: 18px;} .inner-contents h2 span{display: inline;} .container, .small-container, .header-container-new {padding: 0 20px;} .logo-main img {width: 100% !important; max-width: 60px;} .wrapper-header .mobile-trigger {right: 20px;top: 70px;} .social-icons-main {padding-right: 20px;} .com-header{ margin-bottom: 8px;} .banner-inner {flex-direction: column;display: block;} .left-banner {padding: 20px 0px 150px !important;} .ban-left { width: 100%;padding-right: 0;padding-top:30px;} .ban-right {width: 100%;order:1;} .ban-right {text-align: center;} .ban-right img {max-width: 400px;} .ban-left p {font-size: 18px;} .inner-contents ul, .pro-text ul {padding-left: 20px;} .inner-contents ul li , .pro-text ul li{font-size: 18px; margin: 8px 0;} .video-content-section .inner-section {display:block;} .inner-section {flex-direction: column;} .video-div { left: 0; width: 100%; } div#thumbnail_container img {max-height: 340px;object-fit: cover;} .content-div { width: 100%; padding-left: 0; padding-top: 30px; } div#thumbnail_container img {width: 100%;} .comm-section.img2 img , .comm-section.img img{max-width: 400px;margin:0 auto 15px;width: 100%;} .cont-text {margin: 20px 0 30px;} .team-section .content-div .cont-text {margin: 0px 0 0} .career-inner-sec h2 span {font-size: 35px;} .inner-contents h2 {margin-bottom: 20px;} .impact-main h2 {margin-bottom: 0;} .two-form .inner-contents h5 {font-size: 25px; } .what-module .image-module {min-height: 257px !important;} .emp-stu-two .comm-section.img img {margin: 0 auto;width: auto;max-height: 400px;} .abt-why-flex > span > div { width: 48%; margin: 0 1% 20px; } .student-program-sec {padding: 40px 0;} .contact-section {padding: 40px 0;} .nesa-logo-section {padding: 40px 0 0;} .cont-flex > span > div,.cont-flex > span > div:nth-of-type(3), .cont-flex > span > div:nth-of-type(4) {width: 100%;border-right: 0;border-bottom: 1px solid #cacaca;} .contact-box { width: 100%; padding: 26px 20px 16PX; min-height: 0; height: auto !IMPORTANT; } .fixed-quote-sec .inner-container p {font-size: 22px !important;} .fixed-quote-sec .inner-container h5 {font-size: 18px;} .cta-group {display: flex;flex-direction: column;} .team-section .content-div {padding-right: 0;} .tw-col {width: 100%;} .tw-col ul li { margin: 15px 0 0;} .comm-section.img {margin: 0 auto;text-align: center;} .comm-section.img2 { order: 1; width: 100%; padding: 0; } .comm-section {width: 100%;margin: 0 0;padding: 20px 0;} .comm-section.con-2 {margin: 29px 0 0;width: 100%;order: 2;} .two-form .comm-section.img {left: 0;width: 100%;margin: 0 auto 30px;padding: 0;text-align: center; } .two-form .comm-section.con-1 {width: 100%;margin-right: 0;margin-left: 0;padding: 0;} .impact-main { margin: 50px 0; } .impact-flex >span > div { width: 49%; margin-right: 1%; } .impact-flex >span > div:nth-of-type(2n) { margin-right: 0; } .flex-modules>span>div { width: 100%; margin-right: 0; margin-bottom: 38px;} .one-col-text p {font-size: 18px;margin-bottom: 15px;line-height: 1.3;} .one-col-text {margin: 30px auto 0;} .two-cont-sec {margin: 10px auto 0;} .outcome-section {padding: 35px 0 20px;} .multi-logo-strips .logo-strip {flex-direction: column;} .image-module img {height: 220px;width: 100%;} .outcome-flex .icon-num p {font-size: 18px;} .outcome-flex .impact-module {padding: 20px 10px;} .strips ul li {margin: 0 1% 30px;width: 30%;text-align: center;} .strips {width: 100%;} .res-filter {padding: 0;} .res-filter .block {top: 72px;} .multi-logo-strips .two-form {width: 100%;} .twoCol-section {padding: 40px 0 28px;} .twoCol-section.two-form {padding: 30px 0 0px;} .tw-col.two-col2 { padding-top: 35px; } .one-col-layout {padding: 60px 0 40px;} .what-we-do-section .content-section .icon-field {top: 0;margin: -39px auto 20px;} .what-we-do-section .content-section {padding: 0px 23px 10px;} .impact-sto-section {padding: 45px 0 35px;} .nesa-flex > span > div {margin-bottom: 50px;} .content-div.cont2, .team-section .content-div.cont2 { padding-left: 0;padding-right: 0;} .program-flex > span > div {width: 100%;text-align: center;MARGIN-RIGHT: 0;margin-bottom:30px;padding-bottom: 0;} .pro-text {padding-bottom: 0;} .program-module .btn-grp { position: relative; bottom: 0; margin-top: 0;padding:0; } .program-module {max-width: 100%;} .prog-content {padding: 40px 20px;} .testi-slider {max-width: 650px;} .impact-sto-section .owl-dots .owl-dot { display: inline-block; padding: 0 5px; } .impact-sto-section .owl-next, .impact-sto-section .owl-prev {display: none !important;} .impact-sto-section .owl-dots .owl-dot span { display: inline-block; background: #000; padding: 0; width: 10px; height: 10px; border-radius: 100%; font-size: 0; cursor: pointer; } .impact-sto-section .owl-dots { margin: 19px auto ; text-align: center; } .impact-sto-section .owl-dots .owl-dot.active span{background:#f28d00;} .slider-items {padding: 20px 20px 5px;} form.filterForm {flex-wrap: wrap;padding: 68px 0 30px;} .filterBar {PADDING: 30PX 0;} form.filterForm select, form.filterForm select#topic, form.filterForm select#content_type {border: 1px solid #c6c6c6;border-radius: 30px !important;margin-bottom: 12px;width: 100% !important;margin-left: 0 !important;} .hm .filterForm input[type=text] {position:absolute;top:0;max-width: 100% !important;border: 1px solid #c6c6c6 !important;border-radius: 33px !important;background-color: #fff; margin-bottom: 7px !important;} .sticky-wrapper-div {padding: 20px 0 0;} .text-over-image {max-width: 100%;top: 100%;right: 0%;transform: translate(0%,-100%); -webkit-transform: translate(0%,-100%); -ms-transform: translate(0%,-100%); -moz-transform: translate(0%,-100%);} .post-inner-bg {min-height: 444px !important;} .post-inner-image {margin: 40px 0 20px;} .text-over-image h2 {padding: 20px 10px;} .cus-story h6 {font-size: 20px;} .res-post, .res-main>span>div {width: 48.5%;} .res-post:nth-of-type(2n), .res-main>span>div:nth-of-type(2n) {margin-right: 0;} .res-post:nth-of-type(2n + 1 ), .res-main>span>div:nth-of-type(2n + 1 ) {margin-right: 3%;} .career-role h3 {margin-bottom: 29px;} .gal-row {display: block;} .gal-row-1 {padding: 0 0 20px;} .gal-row-2 {height: auto;padding: 0;} .gal-column.gal-co1 {margin-right: 0;max-width: 100%;height: auto;margin-bottom: 0px;} .bg-img2, .bg-img3 { display: inline-block;width: 100%;margin-right: 0;height: 160px;margin-bottom: 20px;} .gal-column.gal-co2 {height: 160px;width: 100%;max-width: 100%; min-height: 0;} .res-content:after, .filterBar:after {height: 100%;} .b-filtered {padding: 40px 0;} .post-col-layout {padding-bottom: 0;} .next-prev-section .np p , .next-prev-section .np p span{font-size: 16px !important;} .next-prev-section { padding: 10px 0 30px;} li.next a, li.prev a, .blog-pagination span.prev-class a, .blog-pagination span.next-class a , .pagination span.next-class a , .pagination span.prev-class a{font-size: 0 !important;} img.blue-arrow-next , img.blue-arrow-reverse {margin-top: 3px;vertical-align: top;} .blog-section img.blue-arrow-next, img.blue-arrow-reverse { margin-top: 3px; vertical-align:top;} .career-role {padding: 60px 0;} .filtered, .default {padding: 70px 0px 40px;} .events-section {padding: 50px 0;} .blog-pagination {padding: 20px 0 0;} .icon-text-div {margin: 32px 0 0;} .copyright-con span {display: block;} span.cpy-txt {display: inline !important;} .copyright-con img {display: inline;} a.start-video.videoiframe, a.start img {max-width: 70px;} a.start-video.videoiframe img, button#play-button img {max-width: 50px;} } @media(max-width:640px){ .footer-menu > div > span> div > ul > li:first-child, .footer-menu > div > span> div > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:last-child , .footer-menu > div > span> div > ul > li{width: 100%;MARGIN:0 0 30PX !IMPORTANT;} .footer-menu > div > span> div > ul { padding-bottom: 0px;} .one-banner-section {padding: 75px 0;} .outcome-flex > span {margin: 0px auto 0;} .outcome-flex > span > div, .part-flex> span > div {width: 49%;border: 0 !important;} .slider-items { height: auto !important;} .detail-text p {height: auto !important;} .detail-text {padding: 31px 0px 0px;} .what-content {padding: 0px 0px 0px;} .fixed-quote-sec {padding: 60px 0;} .program-flex>span {margin: 18px auto 0;} .nesa-link {width: 100%;} .nesa-grp .content-section { width: 100%; margin-bottom: 10px; } .nesa-grp .image-module { width: 100%; margin-bottom: 10px; } .nesa-grp > div { margin: 0 0%; } .nesa-grp .image-module img { height: auto; max-width: 200px;width: 100%; } .multi-logo-strips .two-form .inner-contents form > div.hs_email {margin: 0 0 16px;} .two-form .inner-contents form > div.hs_submit {width: 100%;margin: 10px auto 0;} .join-section .two-form .inner-contents form > div.hs_submit {margin: 10px auto 0;} .two-form .inner-contents form .actions {text-align: center;} .two-form .inner-contents h5 {font-size: 25px;} .fixed-quote-sec .inner-container h5 {font-size: 18px;} .two-form .inner-contents form > div:first-child {width: 100%;} .next-prev-section .np { width: 100%;padding: 13px 10px;} .res-image {height: 250px;} .res-filter .block {width: 78%;} .res-post, .res-main>span>div { width: 100%; margin-bottom: 30px;} .res-post:nth-of-type(2n), .res-post:nth-of-type(2n+1) , .res-main>span>div:nth-of-type(2n), .res-main>span>div:nth-of-type(2n+1){margin-right: 0;} img.blue-arrow-reverse , img.blue-arrow-next{margin-right: 1px;margin-left: 1px;} .blog-pagination span a, ul.pagination li {margin: 0 5px;} ul.pagination {padding: 20px 0 0;} .share-this-section {padding: 30px 0 30px;} a.share-button.btn.btn-primary {font-size: 24px;margin: 0 10px;} .inner-cust-section {padding: 30px 0;flex-wrap: wrap;} .cus-image {max-width: 158px;} .cus-image {margin: 0 auto 20px;} .cus-story {padding: 0;} .cus-image img {max-width: 158px;height: auto;width:100%} p.inner-auth, p.inner-date {display: block;margin:10px 0;} p.inner-date {margin-left: 0;} } @media(max-width:480px){ h1 {font-size: 35px;} h4 {font-size: 24px;} h4 span {font-size:22px;} p {font-size: 16px !important;line-height: 1.3;} li {font-size: 16px !important;} .left-banner {padding: 10px 0 150px !important; background-position: left center !important;} .outcome-section {padding: 30px 0 0;} .outcome-flex > span > div, .part-flex> span > div {width: 100%;border: 0 !important;} .hm form textarea, .hm form input[type="text"], .hm form input[type="password"], .hm form input[type="datetime"], .hm form input[type="datetime-local"], .hm form input[type="date"], .hm form input[type="month"], .hm form input[type="time"], .hm form input[type="week"], .hm form input[type="number"], .hm form input[type="email"], .hm form input[type="url"], .hm form input[type="search"], .hm form input[type="tel"], .hm form input[type="color"], .hm form select {padding: 0px 10px;height: 45px;} /* .hm form .hs_submit input { padding: 10px 9px 9px 0;} */ .hm form textarea{padding-top:10px;} .impact-flex >span > div {width: 100%;margin-right: 0;margin-bottom: 30px;} .impact-sto-section { padding: 30px 0; } .testi-slider {max-width: 520px;} .banner-section {min-height: 200px;} .emp-stu-two .comm-section.img img { max-height: 260px; width: auto; } .one-col-layout {padding: 30px 0 40px;} .student-program-sec {padding: 30px 0 0;} .abt-why-flex > span > div {width: 100%;margin: 0 0 20px;} .prog-image { min-height: 210px !important; } .post-col-layout .res-tags a {margin-left: 6px;padding: 10px 10px;} .fixed-quote-sec .inner-container p {font-size: 20px !important;} .career-role {padding: 30px 0 40px;} .what-we-do-section { padding: 27px 0 40px; } .two-form .inner-contents h5 {font-size: 22px;} .banner-bg-buttons {padding: 45px 0;} .inner-contents ul li, .pro-text ul li{font-size: 16px;} .impact-main {margin: 30px 0 0;} .icon-num h3 {font-size: 30px;} .impact-flex .icon-field { padding: 5px 0 0; min-height: 0; } .icon-num h3 {margin: 11px 0 0;} .detail-text { padding: 10px 10px 0;} .auth-con p { font-size: 15px;} .auth-con h4 { font-size: 16px; } .detail-text p { font-size: 16px; } .quoat img { top: -12px; left: 12px; max-width: 32px; } .right-side img {left: auto;right: 20px;} .testi-slider a.pink-link { font-size: 12px; } .autho-cont {flex-direction: column;} .auth-con {margin-left: 0;text-align: center;} .nesa-flex > span > div { margin-bottom: 35px; } .filtered, .default {padding: 70px 0px 40px;} form.filterForm {padding: 51px 0 30px;} .res-tags a {font-size: 14px;padding: 7px 10px; margin: 0 0px 7px 0px;} .text-over-image {padding: 10px 0px;} .career-inner-sec h2 span {font-size: 30px;} .inner-quote h4 {line-height: 1.3;font-size: 22px;} .gal-row img { height: 120px !important;} .quote-section {padding: 5px 0 30px;} .small-icon-section { margin-bottom: 0;} .cta_button.book-cta, a.book-cta, .btn-pink, .btn-blue, .cta_button.blue-cta {padding: 10px 17px;font-size: 13px;margin-top: 10px;} a.pink-link, a.blue-link {font-size: 15px !important;} a.start-video.videoiframe, button#play-button img, a.start img { max-width: 50px;} .strips ul li { width: 48%;} .res-filter .block ul li a, a.filter-expand-link {font-size: 14px;padding: 1px 12px;} .open-filter {width: 70% !important;height: 44px;line-height: 3;} .res-filter .block { top: 62px;left: 82px;width: 70%;} .related .owl-dots .owl-dot span {width: 12px;height: 12px;} .video-div iframe {height: 240px;} .res-filter input[type=text] {max-width: 58px !important;} .open-filter {margin: 20px 0 20px 3%;} button#play-button, a.start {height: 250px;} } body.hm #hs_cos_wrapper_widget_5936705010 input[type="submit"] { border-width: 1px !important; background-position: 88% center; } .span12.widget-span.widget-type-cell.logo-slider { display: flex; justify-content: space-evenly; align-items: center; } @media(max-width:480px) { .span12.widget-span.widget-type-cell.logo-slider { display: block; } .logo-slider img { margin: 15px auto!important; } } /* Make the error message on email fields less noticeable*/ .hs-email label.hs-error-msg { color: grey; font-size: 10px; }