/* Fonts */
@import url(/zv-css/know-more/font-awesome/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700);
/* Fonts */


html { margin: 0; padding: 0;}
body{ margin:0; padding:0; font:15px/22px 'Roboto'; color:#474747; font-weight: 300; background:#fff;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{ box-sizing:border-box;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#0f7d39; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.left {float:left;}
.right {float:right;}

.aln-cntr{text-align:center; margin:0 auto 20px; display:block;}
.clear {clear:both;font-size:0;line-height:0;}
.bordr-none{border:none!important;}

.mrgn-top0{margin-top:0!important;}


h1, h2, h3, h4, h5, h6{font-weight:300; line-height:120%;}
h2{font-size:34px; margin-bottom:20px;}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 50px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
}




/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
.wrap{width:75%; margin:0 auto;}

.header-area{display:block; overflow:hidden; position:absolute; width:100%; z-index:101; font-family:'Open Sans'; padding:15px;}

.header-area > a{float:left;}
.header-area ul{float:right; font-size:14px;}
.header-area ul li{display:inline-block; margin:2px; text-transform:uppercase; text-align:center;}
.header-area ul li.login-icon{display:none;}
.header-area ul li a{ display:block; padding:4px 20px; border:1px #fff solid; color:#fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.header-area ul li a:hover{border-color:#00c853; color:#00c853;}


.fix {
position: fixed; z-index:5000; width:100%;
top: 0;
left: 0;
right: 0;
margin: 0;
}

.fix .header-area{ padding:10px 15px; background:#252e3e;}


/* -- Banner Area -- */

.banner{display:table; background:#0e1b30 url('/imgs/know-more/header-bg.jpg') no-repeat; background-size:cover; height:100vh; width:100%; color:#fff; text-align:center; position:relative;}
.banner > div{display:table-cell; vertical-align:middle;}
.banner > div h1{font-size:250%; margin-bottom:20px;}
.banner > div h1 strong{color:#00c853;}
.banner > div p{font-size:145%; margin-bottom:40px;}
.banner > div a{font-size:13px; text-transform:uppercase; font-weight:400; display:inline-block; padding:12px 25px; margin:0 2px; border:1px #fff solid; color:#fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.banner > div a:last-child{border-color:#00c853; color:#00c853;}
.banner > div a:hover{text-transform:uppercase; background:rgba(0,0,0,0.3);}

.nmbrs-area{display:block; overflow:hidden; padding:0; }
.nmbrs-area ul{width:90%; display:table; margin:100px auto 0; font-size:40px; line-height:1; text-align:center; text-transform:uppercase; clear:both;}
.nmbrs-area ul li{width:33.33%; display:table-cell; }
.nmbrs-area ul li span{clear:both; font-size:18px; display:block; padding:20px 0 0; color:#ffec4a;}
.nmbrs-area i{margin:0 5px 0 2px;}


.scroll-down{position:absolute; bottom:25px; left:0; right:0; text-align:center; color:#fff; z-index:101;font-size:30px;}
.scroll-down:hover{text-decoration:none;}
.scroll-down:hover i{color:#00c853;}


/* -- Overview Area -- */
.section{padding:60px 0;}
.section p{font-size:18px;}

.overview{display:block; overflow:hidden; background:#fafbfd url('/imgs/know-more/overview-img.jpg') no-repeat 100% 100%; min-height:600px;}
.overview > div > div{display:block; vertical-align:middle; width:40%; margin:15% 0 0;}
.overview p{font-weight:400; font-size:15px;}

.overview-icons{display:block; overflow:hidden; text-align:center; padding:25px 0 20px; background:#00c14a; color:#fff;}
.overview-icons ul{}
.overview-icons ul li{display:inline-block; margin:0 2%; font-size:16px; font-weight:400;}
.overview-icons ul li span{display:block; border:2px #fff solid; width:57px; height:57px; text-align:center; margin:0 auto 8px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}


/* -- Marketing Box -- */
.marketing-box{display:block; background:#f4f9f6; border-bottom:1px #ececec solid; text-align:center;}
.marketing-box h2{margin-bottom:35px;}
.marketing-box > div > div{text-align:left; display:table; width:100%; border-spacing:20px;}
.marketing-box > div > div > div{display:table-cell; background:#fff; padding:30px 25px; width:33.33%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.marketing-box h3{display:block; overflow:hidden; margin-bottom:25px; font-weight:500; font-size:22px; color:#2c2c2c;}
.marketing-box ul, .marketing-box ul li{display:block; overflow:hidden; clear:both; font-weight:300; font-size:16px;}
.marketing-box ul li{padding:18px 0; border-top:1px #e5ede8 solid;}
.marketing-box ul li:last-child{padding-bottom:0;}
.marketing-box ul li i{margin-right:10px; color:#00c14a; font-size:20px;}


/* -- Dashboard Area -- */
.dashboard-area{text-align:center; padding-bottom:0; color:#fff; font-size:0; }
.dashboard-area > *{display:none;}
.dashboard-area > h2, .dashboard-area > p, .dashboard-area > a, .dashboard-area > div{display:block;}

.dashboard-area h2{color:#474747;}
.dashboard-area p{margin-bottom:35px; color:#474747;}
.dashboard-area > a{font-size:13px; text-transform:uppercase; font-weight:400; display:inline-block; padding:12px 25px; margin:0 2px 40px; border:1px #00c853 solid; color:#00c853;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.dashboard-area > a:hover{color:#fff; background:#00c853;}

.dashboard-area > div{display:block; overflow:hidden; text-align:center; height:150px;}
.dashboard-area > div img{margin-bottom:-6px; max-width:100%;}


/* -- Facilities Area -- */
.facilities-area{display:block; overflow:hidden; background:transparent url('/imgs/know-more/facilitis-bg.jpg') no-repeat center center fixed; background-size:cover; color:#fff; text-align:center; padding:80px 0 50px;}
.facilities-area p{display:block; margin-bottom:35px; border-bottom:1px rgba(255,255,255,0.2) solid; padding-bottom:25px;}
.facilities-area ul{display:block; clear:both; font-size:16px; font-weight:400;}
.facilities-area ul li{ width:33.33%; display:table; float:left; text-align:left; padding:2%;}
.facilities-area ul li > *{display:table-cell; vertical-align:middle;}
.facilities-area ul li > *:last-child{width:100%; padding:0 0 0 15px;}


/* -- Noumbers Area -- */
.noumbers-area{background:#00c14a url('/imgs/know-more/laptp-bg.png') no-repeat 0 0; display:block; overflow:hidden; text-align:center; color:#fff; padding:75px 0;}
.noumbers-area h2{font-size:42px;}
.noumbers-area p{display:inline-block; padding:12px 30px; font-size:20px; background:rgba(0,0,0,0.2); margin-bottom:75px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.noumbers-area ul{width:90%; display:table; margin:0 auto; font-size:48px; line-height:1; text-align:left; text-transform:capitalize; clear:both;}
.noumbers-area ul li{width:33.33%; display:table-cell;}
.noumbers-area ul li span{clear:both; /*font-size:20px;*/ font-size:18px; display:block; padding:20px 0 0; color:#ffec4a;}
.noumbers-area i{margin:0 5px 0 2px;}



/* -- Logos Area -- */
.featured-logos{display:block; overflow:hidden;}
.featured-logos li{width:15.3%; margin:0.5%; float:left; border:1px #dadada solid; background:#fff; padding:10px; text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.featured-logos li:first-child{text-align:right; border:none; font-size:130%; line-height:1.2; padding-top:25px; text-transform:uppercase;}
.featured-logos li img{width:100%; float:left;}


/* -- Ready to Grow? -- */
.ready-to-grow{text-align:center; background:#ebebec;}
.ready-to-grow p{font-size:22px; margin-bottom:35px;}
.ready-to-grow a{font-size:13px; text-transform:uppercase; font-weight:400; display:inline-block; padding:10px 30px; border:1px #00c853 solid; color:#00c853;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.ready-to-grow a:hover{color:#fff; background:#00c853;}


/* -- Footer -- */

.footer{padding:20px 0; background:#252e3e; display:block; overflow:hidden; color:#fff;}
.footer p{padding:10px 0 0; float:left;}
.footer ul{float:right;}
.footer ul li{display:inline; margin:0 2px; text-align:center;}
.footer ul li a{width:45px; height:45px; color:#fff; display:inline-block; position:relative; vertical-align:top; border:2px #fff solid; text-align:center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.footer ul li a i{line-height:42px; font-size:20px;}
.footer ul li a:hover{background:#00c14a; color:#fff;}



/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media all and (max-width: 1280px) {
.wrap{width:90%;}
}


@media all and (max-width: 1030px) {
.wrap{width:96%;}
.overview{background-position:bottom center; background-size:55%; min-height:100px;}
.overview > div > div{width:100%; text-align:center; margin:0 0 35%;}
.noumbers-area{background-size:35%;}
}

@media all and (max-width: 810px){
.featured-logos li{width:32.3%;}
.header-area ul li.login{display:none;}
.header-area ul li.login-icon{display:block;}

.nmbrs-area{display:none;}
}

@media all and (max-width: 650px){
.section{padding:30px 0;}
.dashboard-area{padding-bottom:0;}

.marketing-box > div > div > div{display:block; width:100%; clear:both; margin-bottom:15px;}
.marketing-box > div > div > div:last-child{margin-bottom:0;}
.facilities-area ul li{ width:50%;}
.noumbers-area ul li{width:100%; clear:both; display:block; overflow:hidden; text-align:center; margin-bottom:15px; padding-bottom:15px; border-bottom:1px rgba(255,255,255,0.5) solid;}
.noumbers-area ul li:last-child{border-bottom:0; margin:0; padding:0;}
}

@media all and (max-width: 490px){
.banner > div h1{font-size:150%; margin-bottom:8px;}
.banner > div p{font-size:90%; margin-bottom:10px;}

.footer{text-align:center;}
.footer p{padding:10px 0; float:none; display:block; overflow:hidden;}
.footer ul{float:none; display:block;}

.overview-icons ul{ width:100%;}
.overview-icons ul li{width:28%; margin-bottom:15px;}

.featured-logos li:first-child{padding-top:18px;}


}

@media all and (max-width: 400px){
.header-area > a{ width:35%; margin-top:7px;}
.header-area > a > img{width:100%;}
.header-area ul li a{padding:2px 10px;}

.facilities-area ul li{ width:100%;}

.featured-logos li{width:48%;}
}