@charset "UTF-8";
/* CSS Document */

/*** COMMON ***/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, big, cite, code, em, img, ins, small, strike, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
ol, ul {list-style: none;}
article, aside, footer, header, hgroup, nav, section {display: block;}
a {border: none;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
img {max-width: 100%;}
body {font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;background: #fff;-webkit-text-size-adjust: none;font-weight: inherit;}

/************ Droid Serif ************/
@font-face {
	font-family: 'Droid Serif';
	font-style: normal;
	font-weight: 400;
	src: local('Droid Serif'), local('DroidSerif'), url(https://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaIgp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
	font-family: 'Droid Serif';
	font-style: normal;
	font-weight: 700;
	src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(https://fonts.gstatic.com/s/droidserif/v6/QQt14e8dY39u-eYBZmppwf79_ZuUxCigM2DespTnFaw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/************ Droid Serif ************/

/************ Proximanova ************/
/* PROXIMA NOVA FONT WEIGHT LIST */
/*~~~~~~~~~~ REGULAR ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-regular);
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot");
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff") format("woff"), url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf") format("truetype"), url("https://fonts.zohostatic.com/proximanova/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#var(--zf-primary-regular)") format("svg");
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ EXTRABOLD ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-extrabold);
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.eot");
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.eot?#iefix") format("embedded-opentype"), url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.woff") format("woff"), url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.ttf") format("truetype"), url("https://fonts.zohostatic.com/proximanova/proximanova_extrabold_macroman/ProximaNova-Xbold-webfont.svg#var(--zf-primary-extrabold)") format("svg");
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ SEMIBOLD ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-semibold);
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot");
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("https://fonts.zohostatic.com/proximanova/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff") format("woff"), url("https://fonts.zohostatic.com/proximanova/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf") format("truetype"), url("https://fonts.zohostatic.com/proximanova/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#var(--zf-primary-semibold)") format("svg");
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ THIN ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-thin);
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_thin_macroman/ProximaNova-Thin-webfont.eot");
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_thin_macroman/ProximaNova-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("https://fonts.zohostatic.com/proximanova/proximanova_thin_macroman/ProximaNova-Thin-webfont.woff") format("woff"), url("https://fonts.zohostatic.com/proximanova/proximanova_thin_macroman/ProximaNova-Thin-webfont.ttf") format("truetype"), url("https://fonts.zohostatic.com/proximanova/proximanova_thin_macroman/ProximaNova-Thin-webfont.svg#var(--zf-primary-thin)") format("svg");
	font-weight: normal;
	font-style: normal
}
/*~~~~~~~~~~ LIGHT ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-light);
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_light_macroman/ProximaNova-Light-webfont.eot");
	src: url("https://fonts.zohostatic.com/proximanova/proximanova_light_macroman/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), url("https://fonts.zohostatic.com/proximanova/proximanova_light_macroman/ProximaNova-Light-webfont.woff") format("woff"), url("https://fonts.zohostatic.com/proximanova/proximanova_light_macroman/ProximaNova-Light-webfont.ttf") format("truetype"), url("https://fonts.zohostatic.com/proximanova/proximanova_light_macroman/ProximaNova-Light-webfont.svg#var(--zf-primary-light)") format("svg");
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ BOLD ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-bold);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#var(--zf-primary-bold)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ BLACK (LAST BOLD) ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-black);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_black_macroman/ProximaNova-Black-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_black_macroman/ProximaNova-Black-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_black_macroman/ProximaNova-Black-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_black_macroman/ProximaNova-Black-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_black_macroman/ProximaNova-Black-webfont.svg#var(--zf-primary-black)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* PROXIMA NOVA ITALIC STYLES LIST */
/*~~~~~~~~~~ LIGHT ITALIC ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-lightitalic);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_lightitalic_macroman/ProximaNova-LightIt-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_lightitalic_macroman/ProximaNova-LightIt-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_lightitalic_macroman/ProximaNova-LightIt-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_lightitalic_macroman/ProximaNova-LightIt-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_lightitalic_macroman/ProximaNova-LightIt-webfont.svg#var(--zf-primary-lightitalic)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ REGULAR ITALIC ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-regularitalic);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#var(--zf-primary-regularitalic)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ SEMIBOLD ITALIC ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-semibolditalic);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_semibolditalic_macroman/ProximaNova-SboldIt-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_semibolditalic_macroman/ProximaNova-SboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_semibolditalic_macroman/ProximaNova-SboldIt-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_semibolditalic_macroman/ProximaNova-SboldIt-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_semibolditalic_macroman/ProximaNova-SboldIt-webfont.svg#var(--zf-primary-semibolditalic)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ REGULARBOLD ITALIC ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-bolditalic);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#var(--zf-primary-bolditalic)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ THIN ITALIC ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-thinitalic);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_thinitalic_macroman/ProximaNova-ThinIt-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_thinitalic_macroman/ProximaNova-ThinIt-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_thinitalic_macroman/ProximaNova-ThinIt-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_thinitalic_macroman/ProximaNova-ThinIt-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_thinitalic_macroman/ProximaNova-ThinIt-webfont.svg#var(--zf-primary-thinitalic)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ EXTRABOLD ITALIC ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-extrabolditalic);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_extrabolditalic_macroman/ProximaNova-XboldIt-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_extrabolditalic_macroman/ProximaNova-XboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_extrabolditalic_macroman/ProximaNova-XboldIt-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_extrabolditalic_macroman/ProximaNova-XboldIt-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_extrabolditalic_macroman/ProximaNova-XboldIt-webfont.svg#var(--zf-primary-extrabolditalic)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*~~~~~~~~~~ BLACK ITALIC ~~~~~~~~~~*/
@font-face {
	font-family: var(--zf-primary-blackitalic);
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_blackitalic_macroman/ProximaNova-BlackIt-webfont.eot');
	src: url('https://fonts.zohostatic.com/proximanova/proximanova_blackitalic_macroman/ProximaNova-BlackIt-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.zohostatic.com/proximanova/proximanova_blackitalic_macroman/ProximaNova-BlackIt-webfont.woff') format('woff'), url('https://fonts.zohostatic.com/proximanova/proximanova_blackitalic_macroman/ProximaNova-BlackIt-webfont.ttf') format('truetype'), url('https://fonts.zohostatic.com/proximanova/proximanova_blackitalic_macroman/ProximaNova-BlackIt-webfont.svg#var(--zf-primary-blackitalic)') format('svg');
	font-weight: normal;
	font-style: normal;
}
/************ Proximanova ************/


/***COMMON***/
i{font-style: normal}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.clearfix{clear:both\9;}
.clear{clear:both;line-height:0;height:0;}
p{font-size: 15px;line-height: 30px;margin: 15px 0}
.container{max-width: 900px;margin: 0 auto;width: 90%;transition: .5s ease;-webkit-transition: .5s ease;}
.tac{text-align: center}
.tal{text-align: left}
.tar{text-align: right}
.sec-pTB{padding:60px 0}
.pTB100{padding: 100px 0}
.fl{float: left}
.fr{float: right}
h4{font-size: 21px;line-height: 35px;font-weight: 600;}
.bold{font-family: var(--zf-primary-bold);}
.black{font-family: var(--zf-primary-extrabold);}
.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mT30{margin-top: 30px;}
.mT40{margin-top: 40px;}
.mT50{margin-top: 50px;}
.mT60{margin-top: 60px;}
a{color: #33a0fc;text-decoration: none}
.blue{color: #33a0fc;}
.hTag2{font-size: 30px}
.blue-bg{background: #f3fcff}
.per30{width: 30%;float: left;box-sizing: border-box;}
.per50{width: 40%;float: left;padding: 0 5%}
.per70{width: 70%;float: left;padding: 0 5%;box-sizing: border-box;}
.fs22{font-size: 22px}
.pTB40{padding: 40px 0}
.left55-p{width: 55%;float: left;box-sizing: border-box;padding: 0 60px 0 0px;}
.left25-p{width: 25%;float: left;padding: 0 40px 0 0;box-sizing: border-box}
.left40-p{width: 40%;float: left;padding: 0 40px 0 0;box-sizing: border-box}
.left45-p{width: 45%;float: left;padding: 0 40px 0 0;box-sizing: border-box}
.left50-p{width: 50%;float: left;padding: 0 40px 0 0;box-sizing: border-box}
.left60-p{width: 60%;float: left;box-sizing: border-box;padding: 0 60px 0 0px;}
.left70-p{width: 70%;float: left;box-sizing: border-box;padding: 0 60px 0 0px;}
.right50-p{width: 50%;float: right;box-sizing: border-box;padding: 0 0 0 60px ;}
.left50-wp{width: 50%;float: left;}
.left40-wp{width: 40%;float: left;}
.right40-wp{width: 40%;float: right;}
.right45-wp{width: 45%;float: right}
.right30-wp{width: 35%;float: right;}
.right50-wp{width: 50%;float: right;}
.right55-wp{width: 55%;float: right;}
.right75-wp{width: 75%;float: right;}
.pTB80{padding: 80px 0;}
.bdr-sep{border-bottom: 1px solid #33a0fc;width: 55%;margin: 0 auto}
.zsiq_floatmain{display: none!important;}

/***HEADER***/

.Header{position: fixed;top: 0;z-index: 4;width: 100%;background: #142036;height: 45px;overflow: hidden;}
.top-links{float: right;padding: 6px 20px;background: #F0483E;margin: 7px 20px;}
.top-links a{color: #fff;font-size: 15px;}
.top-links a span{font-family: Proxima_novaextrabold;}
.pageCont{position: relative;margin-top: 45px;}
.bnr-imgs{position: relative}
.bnr-imgs .headings{position: absolute;z-index: 1;text-align: center;width: 100%;padding: 20px 0;color: #fff;text-shadow: 0 0 1px rgba(0,0,0,.2);background: rgba(0,0,0,.4);}
.bnr-imgs .headings h1{font-size: 50px;font-family: Proxima_nova_rgbold;margin-bottom: 10px;}
.bnr-imgs .headings h2{font-family: Proxima_novasemibold;}

/***LHS***/
.LHS{position: fixed;height: 100%;background: #33a0fc;width: 23%;color: #fff;box-sizing: border-box;overflow: scroll;z-index: 2;left: -350px;padding: 60px 0;top: 0}
.LHS.active{left: 0!important;}
.lhs-tree > ul > li{font-size: 16px;line-height: 25px;padding: 0 20px 0 40px;transition: .5s ease;-webkit-transition: .5s ease;cursor: pointer;}
.lhs-tree > ul > li > a{color: #fff;font-family: Proxima_nova_rgbold;padding: 15px 20px 15px 10px;display: block}
.lhs-tree > ul > li > ul > li > a{color: #fff;font-family: Proxima_nova_rgregular;padding: 10px 0 10px 10px;display: block;}
.lhs-tree ul li i{font-style: normal;font-size: 18px;font-weight: 800;margin-right: 10px;}
.lhs-tree ul > li > ul{display: none;padding-bottom: 20px;}
.lhs-tree ul > li > ul > li{font-size: 16px;line-height: 20px;font-weight: 300;transition: .5s ease;-webkit-transition: .5s ease;}
.lhs-tree ul > li > ul > li.active{background: #34a0fc;}
.lhs-tree ul li.active{background: #2390f2;}
.submenu-trigger > a{position: relative}
.submenu-trigger > a:before{content: '+';font-size: 25px;font-family: Proxima_nova_rgbold;position: absolute;left: -25px;line-height: 20px;}
.submenu-trigger.active > a:before{content: '-';}
.mobile-menu-trigger{height: 25px;width: 30px;background: url(../images/menu-icon.png) no-repeat #34a0fc;background-size: 20px 15px;padding: 10px;background-position: center;transition: .5s ease;-webkit-transition: .5s ease;cursor: pointer;position: relative;float:left;margin-left: -50px;}
.overlay{position: fixed;height: 100%;width: 100%;left: 0;top: 0;background: rgba(255,255,255,.7);z-index: 1;opacity: 0;visibility: hidden;transition: .5s ease;-webkit-transition: .5s ease;}
.overlay.active{visibility: visible;opacity: 1;}
.branding{padding: 10px 20px;box-sizing: border-box;float: left}
.btn-style{width: 90%;margin: 0 auto;display: none}
.btn-style a{width: 100%;color: #fff;background: #142036;padding: 15px 10px;display: block;box-sizing: border-box;text-align: center;}
.btn-style a span{font-family: Proxima_novaextrabold;}

.btn-style-red{width: 70%;margin: 0 auto;border: 7px solid rgba(255,255,255,.3);border-radius: 17px;margin-top: 30px}
.btn-style-red a{width: 100%;color: #fff;background: #f0483e;padding: 7px 30px;display: block;box-sizing: border-box;text-align: center;border-radius: 10px;font-weight: 600;line-height: 22px;}


/***RHS***/
.RHS{width: 77%;float: right;}
.RHS.full{width: 100%;}
.page-banner{background: #fff;}
.bnr-imgs ul{width: 100%;overflow: hidden}
.bnr-imgs ul li{width: 25%;float: left;line-height: 0;overflow: hidden}
.bnr-imgs ul li img{-webkit-transition: -webkit-transform 0.9s ease 0.15s, opacity 1s ease 0.15s;transition: transform 0.9s ease 0.15s, opacity 1s ease 0.15s;opacity: 0;display: block}
.bnr-imgs ul li:first-child img, .bnr-imgs ul li:nth-child(3) img{transform: translateY(5px);-webkit-transform: translateY(5px);}
.bnr-imgs ul li:nth-child(2) img, .bnr-imgs ul li:last-child img{transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.bnr-imgs ul li:first-child{background: #94d4ff;}
.bnr-imgs ul li:nth-child(2){background: #b2f3f5;}
.bnr-imgs ul li:nth-child(2){background: #e5fffa;}
.bnr-imgs ul li:last-child{background: #e5f9fd;}
.start .bnr-imgs ul li img{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}
.form-support{overflow: hidden;text-align: center;margin: 60px 0 40px 0;}
.form-support li{display: inline-block;width: 23%;border-right: 2px solid rgba(52, 160, 252, 0.19);box-sizing: border-box;opacity: 0;transition: all 2s ease 0s;}
.start .form-support li{opacity: 1;width: 33%}
.form-support li:last-child{border: none;}
.form-support span{display: block;font-family: var(--zf-primary-bold);text-transform: uppercase;font-size: 14px;margin: 30px 0 0 0;}

#quick-metrics{background: #e1f7fe;background: -webkit-linear-gradient(#e1f7fe, white);background: -o-linear-gradient(#e1f7fe, white);background: -moz-linear-gradient(#e1f7fe, white);background: linear-gradient(#e1f7fe, white);}
#quick-metrics h2{font-size: 36px;font-family: var(--zf-primary-extrabold);text-align: center}
.half-sec-container{margin: 100px 0 40px 0;}
.half-sec{float: left;width: 50%;box-sizing: border-box;padding: 40px 60px 40px 0;min-height: 220px;}
.half-sec .inner-wrap div{transform: translateX(20px);transition: all 1s ease 0s;transition: all 1s ease 0s;opacity: 0;}
.half-sec:nth-child(even){border: none;padding: 40px 0 40px 60px;border-left: 1px solid rgba(52, 160, 252, 0.19);}
.half-sec.start .inner-wrap div{opacity: 1;transform: translateX(0);}
.half-sec:last-child{min-height: 150px;}
.half-sec h3{font-size: 35px;font-family: var(--zf-primary-bold);margin-bottom: 10px;width: 80px;float: left;position: relative;color: #fff;line-height: 80px;text-align: center;z-index: 1}
.half-sec h3:before, .half-sec h3:after{content: '';height: 80px;width: 80px;background: #142036;display: block;border-radius:50px;position: absolute;z-index: -1;top: 0;left: 0;transform: scale(0);transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.half-sec h3:before{background: #9ae5fd;left: -4px;top: 2px;}
.half-sec .inner-wrap div{font-size: 16px;line-height: 30px;width: 70%;float: right}
.half-sec h3 i{transition: all .7s ease-in 0s;transition: all .7s ease-in 0s;opacity: 0;transform: scale(.6);display: block;}
.half-sec.start h3 i{opacity: 1;transform: scale(1);}
.half-sec.start h3:before, .half-sec.start h3:after{transform: scale(1);animation: .8s bounce ease-in-out;}

@keyframes bounce { 
  0%{transform: scale(0);}
  70% {transform: scale(1.1);}
  100% {transform: scale(1);}
} 


.inner-banner{height: 300px;display: table;box-sizing: border-box;}
.left-side{width: 60%;box-sizing: border-box;display: table-cell;vertical-align: middle;}
.right-side{display: table-cell;vertical-align: middle;width: 40%;text-align: right}
.anim-img-right{transition: all 2s ease 0s;transform: translateX(20px);opacity: 0;}
.start .anim-img-right{transform: translateX(0px);opacity: 1;}
.anim-img-left{transition: all 2s ease 0s;transform: translateX(-20px);opacity: 0;}
.start .anim-img-left{transform: translateX(0px);opacity: 1;}
.inner-banner h2{font-size: 38px;font-weight: 300;line-height: 60px;}

.box-heading{margin-bottom: 50px}
.box-heading span{font-size: 70px;font-family: var(--zf-primary-bold);color: #33a0fc;display: inline-block;position: relative;width: 65px;text-align: center;position: relative;top: 10px;line-height: 60px;transition: all 2s ease 0s;opacity: 0;transform: translateY(-20px);}
.box-heading i{transition: all 2s ease 0s;opacity: 0;transform: translateX(-20px);display: inline-block;}
.start .box-heading i{opacity: 1;transform: translateX(0px);}
.start .box-heading span{transform: translateY(0px);opacity: 1;}
.box-heading span:before{content: '';display: block;height: 45px;width: 45px;border: 10px solid rgba(52, 160, 252, 0.19);position: absolute;top: -25px;transition: all 2s ease 0s;}

.author-detail{width: 50%;float: left;border-right: 1px solid #ddd;box-sizing: border-box;padding: 0 50px 0 0;}
.designer-detail{width: 50%;float: left;box-sizing: border-box;padding: 0 0 0 80px;}
.designer-detail p, .author-detail p{margin-top: 30px;}
.namebox{position: relative;margin-bottom: 60px;}
.namebox span{display: block;margin: 0 0 0 30px;font-size: 30px;line-height: 35px;}
.namebox:before{content: '';display: block;height: 45px;width: 45px;border: 10px solid rgba(52, 160, 252, 0.19);position: absolute;top: -15px;}
.photo{height: 100px;width:100px;border-radius: 50%;overflow: hidden;float: left;opacity: 0;transition: all 2s ease 0s;}
.name{display: inline-block;float: left;position: relative;top: 40px;left: 30px;font-family: var(--zf-primary-bold);font-size: 20px;transform: translateX(-20px);opacity: 0;transition: all 2s ease 0s;}
.start .photo{opacity: 1}
.start .name{opacity: 1;transform: translateX(0px);}
.list{padding: 0 0 0 30px}
.list li{list-style: circle;line-height: 27px;}


/***MEDIA***/

@media screen and (max-width: 1080px)
{
	.LHS.mobile-size{width: 350px;left: -350px}
	.mobile-menu-trigger{margin: 0}
	.bnr-imgs .headings h1{font-size: 30px;line-height: 28px;}
	.bnr-imgs .headings h2{font-size: 20px;}

}

@media screen and (max-width: 767px)
{
	.container{width: 80%;}
	.page-banner img{width: 250px;}
	.bnr-cont, .bnr-img{width: 100%;float: none;display: block}
	.half-sec{width: 100%;float: none;border:none!important;padding:20px 0!important}
	.half-sec h3, #quick-metrics h2, .page-banner h1{font-size: 25px;}
	.half-sec h3{margin: 0 auto 30px;float: none;}
	.half-sec .inner-wrap div{width: 100%;text-align: center;float: none;transform: translateX(0);transform: translateY(40px);}
	.half-sec-container{margin: 50px 0 0 0;}
	#quick-metrics .half-sec{min-height: auto;margin-bottom: 40px}
	.inner-banner h2{font-size: 25px;line-height: 35px;}
	.left55-p,.left25-p,.left40-p,.left45-p,.left50-p,.left60-p,.left70-p,.right50-p,.left50-wp,.left40-wp,.right40-wp,.right45-wp,.right30-wp,.right50-wp,.right55-wp,.right75-wp, .per50, .per30, .per50, .per70{width: 100%;padding: 0;margin-bottom: 30px;}
	.mBH{display: none}
	.tempading{padding: 0!important;margin-left: 0!important;text-align: center;}
	.half-sec:last-child{margin: 0 auto!important}
	.sec-pTB{padding:40px 0}
	.inner-banner{height: auto;padding:40px 0}
	.form-support li{width: 100%!important;margin-bottom: 40px;padding-bottom: 40px;border: none;border-bottom: 2px solid rgba(52, 160, 252, 0.19);transform: translateY(40px)}
	.author-detail{width: 100%;border-right: none;}
	.designer-detail{border: none;border-top: 1px solid #ddd;margin-top: 60px;padding: 70px 0 0 0;width: 100%}
	.start .form-support li{transform: translateY(0px)}
}
@media screen and (max-width: 650px)
{
	.top-links{display: none;}
	.btn-style{display: block}
	.LHS.mobile-size{width: 100%;left: -100%}
	.bnr-imgs .headings h1{font-size: 22px;line-height: 20px;}
	.bnr-imgs .headings h2{font-size: 16px;}
}