@charset "utf-8";
@import url('fonts.css');
@import url("jquery.bxslider.css");
@import url("menu.css");
/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #0a1c22; background: #ffffff;}
strong{font-family: 'poppinsbold'; font-weight:normal;}

ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
h1 { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; color: #1167b1; font-size: 30px; margin:20px 0px; line-height: 50px; letter-spacing: -0.02em; text-transform:none;}
h2 { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; color: #1167b1; font-size: 26px; margin:15px 0px; line-height: 34px; letter-spacing: -0.02em;}
h3 { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; color: #1167b1; font-size: 22px; margin: 15px 0px !important; line-height:28px;}
h4 { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; color: #1167b1; font-size: 18px; margin: 15px 0px; text-transform: none; }
h5 { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; color: #1167b1; font-size: 16px; margin: 15px 0px; text-transform: none; font-weight: normal; }
a, a:hover { color: #000; }
.nop { padding: 0 !important; margin: 0 !important; }
.container { max-width: 1200px; width:1200px; margin: 0px auto !important; }
p { margin: 15px 0px; }
[class*="col-"] {padding: 0 15px;}

::-moz-selection { background:#666666; color:#fff; }
::selection { background:#666666; color:#fff; }
body{overflow-x:hidden;}
/*
	=======================================================================
	 General Styles
	=======================================================================	
*/

.logo{display:block;margin: 10px 0px; text-align:center;}
.logo:hover img{opacity:0.8;}

.slanted {clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);}
.doubleslanted{clip-path: polygon(0 12%, 100% 0%, 100% 88%, 0% 100%); background:#03C; padding:100px 0px !important;}
.c2a{clip-path: polygon(0 22%, 100% 0%, 100% 78%, 0% 100%); background:#1976d2 url(../images/home_testi_bg.jpg) no-repeat center; background-size:cover; padding:160px 0px !important;}

body{position:relative;}

#container{position:relative;}
.header{position:absolute; top:0; left:0; right:0; position:fixed; z-index:99999; background:#fff;-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);}
.headertop{line-height:30px; padding:18px 0px !important; text-align:right; color:#818182;}
.headertop a{color:#818182; text-decoration:none;}
.headertop a:hover{color:#818182; text-decoration:underline;}
.btn{background:#0d47a1; border-radius:3px; color:#fff !important;font-family: 'poppinssemibold'; font-size:14px; padding-left:20px; padding-right:20px;}
.btn:hover{background:#1976d2; text-decoration:none !important; color:#fff !important;}

.sstext{position:absolute; z-index:10; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.05); display: flex;flex-direction: row; flex-wrap: wrap; justify-content: center;align-items: center; text-align:center;}
.sstext div{margin-bottom:80px;}
.sstext h1{font-size:40px; color:#fff; text-align:center;font-family: 'poppinsbold'; line-height:38px;}
.sstext p{font-size:28px; color:#fff; line-height:30px; margin:30px 0px;}
.sstext .btn{background:#5bb1f6 !important; color:#fff; line-height:36px !important; font-size:18px; padding-left:30px; padding-right:30px;}
.sstext .btn:hover{background:#1976d2 !important;}
.homecontentholder, .contentholder h1 {text-align:center; margin:30px 0px;}
.homecontentholder{padding:160px 0px 0px 0px !important;}
.contentholder{padding:30px 0px !important;}
.bigtext{width:80%; margin:20px auto; display:table; color:#0a1c22; font-size:20px; line-height:36px;font-family: 'poppinsregular'; text-align:center;}
.homeservicelist{padding:30px 80px !important;}
.servicecontainer{background:#2196f3; padding:6px !important; border-radius:5px; margin:10px !important; display:block;}
.servicecontainer:hover{text-decoration:none; -webkit-box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.3); box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.3);}
.servicecontainer:hover .serviceimg img{opacity:0.3}
.servicecontainer:hover .serviceimgshadow{box-shadow: inset 0 0 32px black;}
.homeservicelist [class*="col-"] {padding: 0 0px;}
.serviceimg{position:relative; background:#333;}
.serviceimgshadow {position:absolute; box-shadow: inset 0 0 12px black; z-index:5; top:0; left:0; right:0; bottom:0;display: flex;flex-direction: row; flex-wrap: wrap; justify-content: center;align-items: center;}
.serviceimgshadow img{width:204px !important; height:181px !important; display:block; display:none;}
.servicecontainer:hover .serviceimgshadow img{display:block; opacity:1;}
.serviceimg img{width:100%; height:auto;}
.servicetext{font-family: 'poppinsmedium'; font-size:17px; line-height:48px; color:#fff;text-shadow: 1px 1px 2px rgba(0,0,0,0.74);}

.twinbtn{margin:40px auto;}
.twinleft, .twinright{min-width:200px; line-height:56px; text-align:center; font-family: 'poppinsmedium'; font-size:16px; color:#fff; display:inline-block;}
.twinleft:hover, .twinright:hover{background:#0d47a1; color:#fff; text-decoration:none;-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);}

.twinleft{background:#5bb1f6; border-radius:5px 0 0 5px;}
.twinright{background:#2196f3; border-radius:0 5px 5px 0;}
.slanted_left{background:url(../images/slanted_bg_left.jpg) no-repeat center; background-size:cover;}
.slanted_right{background:url(../images/slanted_bg_right.jpg) no-repeat center; background-size:cover;}
.doubleslanted{padding:0px !important;}
.slanted_left, .slanted_right{padding:130px 70px !important; color:#bfd9f2;}

.doubleslanted {display: table;}
.doubleslanted [class*="col-"] {float: none; display: table-cell; vertical-align: top;}

.slanted_left ul{margin:30px 60px;}

.slanted_left li {position: relative;list-style-type: none;}
.slanted_left li:before {content: "";position: absolute;top: 4px;left: -36px;width: 20px;height: 20px;background-image: url(../images/check_bullet.png);}

.slanted_right .bx{position:absolute; top:0; bottom:0; left:0; right:0;display: flex;flex-direction: row; flex-wrap: wrap; justify-content: center;align-items: center;}
.slanted_right .bx div{}

.slanted_left h2{font-size:26px;font-family: 'poppinslight'; color:#fff;}
.slanted_left {padding-top: 170px !important;}

.slanted_left .btn {line-height: 34px;text-transform: uppercase;margin: 0px 10px;font-size: 13px;}
.slanted_left .btn:hover{ -webkit-box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.3); box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.3); background:#fff; color:#0d47a1 !important;}

.nav-content{margin-top:70px;}

.searcharea input[type="text"]{width:250px;transition: width 1s; margin:17px 10px; height:36px; line-height:36px; padding:0px 10px;border:1px solid #ccc; border-width:0 0 1px 0; background:url(../images/search_icon.png) no-repeat left; padding-left:40px; font-size:14px;}
.searcharea input[type="text"]:focus{width:100%;transition: width 1s;border:1px solid #ccc; border-width:0 0 1px 0 !important; outline:none;}

.nav-content h2{margin:0px !important; padding:20px 20px !important; text-transform:uppercase; font-size:16px !important;font-family: 'poppinssemibold' !important; line-height:18px;}
.nav-content h3{margin:0px !important; padding:15px 20px !important; text-transform:uppercase; font-size:14px !important;font-family: 'poppinsmedium'; line-height:16px;}
.home_img_top{position:absolute; z-index:9980; margin-top:-360px; margin-left:-50px;}
.home_img_btm{display:block; padding:20px 0px; text-align:center;}

.rightnav ul{display:table; float:right; padding:20px 0px;}
.rightnav li{display:block; float:left; margin:0px 8px;}
.rightnav li a{font-size:16px; color:#3a3a40;font-family: 'poppinssemibold';}

.home_testi_credits {
	text-align: right;
	display: table;
	float: right;
}
.home_testi_credits div{display:block; float:left; padding:22px 0px 22px 0px;}
.home_testi_credits img{display:block; float:left; margin-left:16px; border-radius:100px;}
.home_testi_credits h5{display:block; float:left; margin:0px; padding:0px;}

.home_testi_credits h4{font-size:20px; margin:0px; padding:0px; color:#1e1e1e;}
.home_testi_credits p{margin:0px; padding:0px; font-size:14px; color:#9c9c9c;}
.testi_content, .testi_content p{color:#1167b1; font-size:20px; line-height:30px;font-family: 'poppinsmedium';}
.testi_content p{margin:4px 0px;}
.testi_content{height:200px; margin:10px 0px; overflow-y:auto; position:relative;}
.testi_content div{position:absolute; left:0; right:0; bottom:0;}

.footertop{background:#1167b1; margin-top:-150px !important; padding-top:180px !important; padding-bottom:50px !important; color:#82a9e5; font-size:13px; line-height:28px;}
.footertop a{color:#82a9e5; text-decoration:none;}
.footertop a:hover{color:#c1e2ff; text-decoration:none;}
.c2a{/*margin-bottom:-300px !important;*/}
.footertopsubpage{margin-top:0px !important; padding-top:50px !important; padding-bottom:50px !important;}

.footernav{margin:0px; padding:0px; width:100%;display: inline-table;}
.footernav a{color:#fff; font-size:14px; line-height:14px; font-family: 'poppinssemibold';}
.footernav a:hover{color:#fff; text-decoration:underline;}
.footernav li{display:block; float:left; padding:0px 10px; border-left:1px solid #5495cd; line-height:14px;}
.footernav li:first-child{padding-left:0px; border-left:0px;}
.footertop p{margin:0px 0px; display:block; line-height:24px;}

ul.social{display:table; float:right;}
ul.social li{display:block; float:left;}
ul.social a{display:block; background:#fff; width:50px; height:50px; border-radius:100px; padding:12px; margin:2px;}
ul.social a:hover{background:#d3e3f1;}


.subss{background:#333; padding:100px 0px 30px 0px !important; color:#fff; text-align:left;}

.sstext h1 {
	font-size: 46px;
	color: #fff;
	text-align: center;
	font-family: 'poppinsregular';
	line-height: 38px;
	letter-spacing: -0.04em; max-width:800px; display:table; margin:10px auto 30px auto;
}
.sstext p{font-size:17px; color:#b5b5b5; line-height:24px; max-width:500px; display:table; margin:10px auto;}

/* LearnDash CSS Hack */
.ld_course_grid {
	text-align: left;
}
.ld_course_grid_price {
	font-size: 11px;
	position: absolute;
	background: black;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 6px;
	border-radius: 3px;
	margin-top: 5px;
	margin-left: 5px;
}
.caption h3 {
	margin: 0px !important;
	font-size: 16px;
	line-height: 20px;
}
.ld_course_grid_button {
	margin: 0px;
}
.ld_course_grid_button .btn {
	background: #0d47a1;
	border-radius: 3px;
	color: #fff !important;
	font-family: 'poppinssemibold';
	font-size: 10px;
	padding: 5px 9px;
	text-transform: uppercase;
}
.learndash-wrapper .ld-progress{margin:0px;}
.learndash-wrapper .ld-progress .ld-progress-heading {
	width: 100%;
}
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
	text-transform: uppercase;
	font-weight: 800;
	color: #019e7c;
	margin-right: 0px;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}
.ld-progress-steps {
	font-size: 12px;
	color: lightgrey;
}
/* /LearnDash CSS Hack */


.searcharea input[type="submit"]{display:none;}

/*
	=======================================================================
	 Media Queries
	=======================================================================	
*/
/* Large Devices, Desktops */
@media only screen and (max-width : 1200px) {

.container { max-width: 1000px; width:1000px; }
.home_img_top {
	margin-top: -285px;
	width: 80px;
	height: auto;
}

.toggle div{display:none;}
}

/* Desktop App */
@media only screen and (max-width : 1024px) {

.container { max-width: 900px; width:900px; }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.container { max-width: 700px; width:700px; }
.searcharea, .rightnav{display:none;}
.leftnav{width:30%; display:block; float:left;}
.logoarea{width:70%; display:block; float:left;}
.toggle div{display:block;}
.logo{text-align:right;}
.c2a {
	clip-path: polygon(0 9%, 100% 0%, 100% 90%, 0% 100%);
	padding: 100px 0px !important;
}
.footertop{text-align:center;}
.footernav {
	padding: 0px;
	width: auto;
	display: table;
	margin: 5px auto 15px auto;
}
ul.social {
	display: table;
	float: none;
	margin: 15px auto 0px auto;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

.container { max-width: 400px; width:400px; }
.footernav li {
	padding: 5px 0px;
	border-left: 0px solid #5495cd;
	width:100%;
}
.sstext h1 {
	font-size: 18px;
	line-height: 20px; margin: 10px auto;
}
.sstext p {
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0px;
}
.sstext .btn {
	line-height: 18px !important;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}
.sstext div {
	margin-bottom: 10px;
}
.home_img_top {
	margin-top: -210px;
	width: 50px;
	margin-left: -28px;
}


}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

.container { max-width: 90%; width:90%; }
.toggle div {
	display: none;
}
.logo img{width:100%; height:auto;}
.logo{margin:14px 0px;}

.bxslider li{background:#333;}
.slideimg{display:none;}
.sstext {
	position: initial; padding:20px 30px 50px 30px;
}
.bx-controls{display:none;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
	
	
}