/*BLUE COLORS
#0099D7
#007DB5
#006991
#00597B
*/

/*COMMON*/
body{
	font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5{
	font-family: 'Open Sans', sans-serif;
}

.section .section-inner{
	padding:95px 0;
}

.section h2{
	text-align:center;
	color:#000;
	font-size:40px;
	line-height:44px;
	/*text-transform:uppercase;*/
	font-weight:bold;
}



/*NAVBAR*/
#navbar{
	background:#fff;
	margin-bottom:0;
	padding:15px 0;
	position:fixed;
	left:0;
	right:0;
	z-index:1000;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}

.logo {
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	font-size:26px;
	margin-top:5px;
}

.logo img{
	margin-right:10px;
	margin-top:-6px;
	max-width:40px;
}

/*menu*/
#menu{
	margin-top:7px;
}

.uk-icon-home{
	font-size:24px;
}

#menu li{
	margin-left:15px;
}

#menu a{
	background:none!important;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#000;
	font-weight:bold;
	padding:5px 0px;
	line-height:20px;
	height:30px;
	color:#000;
	
	
}

#menu li.uk-active a{
	color:#00597B;
	border-bottom:1px solid #2A58B7;
}


/*TOP SECTION*/
#top-section{
	background:url("../images/top-section-bg.jpg")center center;
	background-size:cover;
	min-height:calc(100vh);
	text-align:center;
}

#top-section h1{
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 5px rgba(0,0,0,0.6);
	margin-top:30px;
	margin-bottom:50px;
	font-size:40px;
	line-height:44px;
	text-transform:uppercase;
}

#top-section .short-desc{
	background:rgba(0,0,0,0.6);
	padding:50px 30px 30px 30px;
	max-width:800px;
	margin:-50px auto 0;
	text-align:left;
	border-radius:10px;
	z-index:-10;
}

#top-section h2{
	color:#fff;
	border-radius:10px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	margin:0;
	line-height:30px;
	font-size:30px;
	
}

#top-section .short-desc p{
	color:#fff;
	margin:0;
}

#top-section h1 span{
	display:block;
}

#top-section .screen{
	width:100%;
	max-width:750px;
	z-index:0;
	position:relative;
	margin-top:20px;
	
	
}

@media screen and (max-width:1000px){
	#top-section h1	{
		font-size:30px;
		line-height:30px;
	}
	
	
}


/*SECTION-2 Benefits*/
#section-2{
	background:#fff;
}

#section-2 h2{

}

#benefits{
	margin-top:60px;
}

.benefits-block{
	text-align:center;
	font-size:18px;
	line-height:20px;
	font-weight:400;
	color:#000;
}


/*SECTION-3*/
#section-3{
	background:#0099D7;
	min-height:500px;
}

#section-3 h2{
	color:#fff;
	text-shadow:1px 1px 5px rgba(0,0,0,0.6);
	line-height:
}

#implementation{
	margin-top:70px;
}

#implementation img{
	width:100%;
}

.implementation-block {
	position:relative;
	
}
.implementation-block .uk-panel {
	background:#fff;
	padding:10px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
	border-radius:3px;
}

.implementation-block  .number{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	font-size:32px;
	position:absolute;
	left:-25px;
	top:-25px;
	background:#fff;
	border-radius:100%;
	color:#000;
	border:5px solid #0099D7;
	
}

.implementation-block .caption{
	text-align:center;
	padding:15px;
	font-weight:bold;
	font-size:18px;
	color:#000;
}

/*SECTION-4*/
#section-4{
	background:#fff;
}

#section-4 h2 {
	line-height:34px;
}
#section-4 h2 span{
	font-size:30px;
	line-height:32px;
	display:block;
	margin-top:15px;
}


#solutions{
	margin-top:50px;
}

#solutions h5{
	font-weight:bold;
	font-size:20px;
	color:#00487B;
}

#solutions > ul{
	list-style-type:none;
}

#solutions > ul > li{
	padding-left:50px;
	position:relative;
	margin-top:25px;
}

#solutions > ul > li:before{
	font-family:FontAwesome;
	content:"\f058";
	
	color:#00487B;
	font-size:40px;
	position:absolute;
	left:0;
	top:0;
}

#solutions > ul > li > p{
	font-size:16px;
	
}
#solutions  ul  li ul {
	padding-left:15px;
}

#solutions  ul  li ul li{
	list-style-type:disc;
	font-size:16px;
}


/*SECTION-5*/
#section-5{
	background:#888;
	min-height:500px;
}


/*SECTION-6*/
#section-6{
	background:#006991 url("../images/demo-bg.jpg") no-repeat center center;
	background-size:cover;
}

#section-6 h2{
	color:#fff;
	text-shadow:1px 1px 5px rgba(0,0,0,0.6);
	margin-bottom:40px;
}

#section-6 p{
	color:#fff;
	font-size:20px;
	line-height:24px;
}

#section-6 a.download{
	width:400px;
	padding:20px 20px 20px 60px;
	margin:30px auto 0;
	background-image:url("../images/icon-ppt.png");
	background-repeat: no-repeat;
	background-position:left center;
	font-size:20px;
	font-weight:bold;
/*	text-transform:uppercase;*/
	display:block;
	border-radius:5px;
	
}


/*SECTION-7*/
#section-7{
	background:#fff url("../images/recommendation-bg.jpg") no-repeat top center;
	background-size:cover;
	min-height:500px;
	text-align:center;
}

#section-7 img{
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	margin-top:30px;
}


/*SECTION-8*/
#section-8{
	background:#007DB5 url("../images/contacts-bg.jpg") no-repeat top center;
	background-size:cover;
	
}

#section-8 h2{
	color:#fff;
	text-shadow:1px 1px 5px rgba(0,0,0,0.6);
	margin-bottom:40px;
}

#section-8 h4{
	font-size:30px;
	color:#fff;
	margin-bottom:40px;
	text-align:center;
	font-weight:200;
}
#section-8 .contact-info i{
	font-size:26px;
	display:inline-block;
	width:40px;
	margin-right:10px;
	display:inline-block;
	line-height:40px;
	text-align:center;
	background:rgba(0,0,0,0.1);
	padding:2px;
}

#section-8 .uk-icon-mobile{
	font-size:36px;
}

#section-8  p{
	color:#fff;
	font-size:24px;
	line-height:28px;
	
	display:block;
	margin-bottom:15px;
}



#section-8 p span{
	font-weight:bold;
	font-size:28px;
}
#section-8 p span.code{
	font-size:24px;
}


#section-8 .form p{
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}
#section-8 input, #section-8 textarea{
	border:none;
	background:rgba(0,0,0,0.1);
	color:#fff;
	border:3px solid #fff;
}

#section-8 textarea{
		height:110px;
}
	
#section-8 input::-moz-placeholder,
#section-8 textarea::-moz-placeholder{
	color: #fff; 
	opacity:0.5;
}

#section-8 input::-webkit-input-placeholder,
#section-8 textarea::-webkit-input-placeholder {
	color: #fff;
	opacity:0.5;
}
#section-8 .form i{
	font-size:16px;
	color:#fff;
}

#section-8 .uk-form-icon{
	display:block;
}

#submit-button {
	/*background:#0060A3;*/
	color:#fff;
	
	text-transform:uppercase;
	border:3px solid #fff;
	opacity:0.9;
	font-size:20px;
	transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
}

#submit-button:hover{
	opacity:1;
	background:#fff;
	color:#117DAE;
}
#submit-button:focus,
#submit-button:active{
	position:relative;
	top:1px;
}

@media screen and (max-width:768px){
	
	#section-8 .contact-info{
		text-align:center;
	}
	
	#section-8 h4{
		margin-top:40px;
	}
	
	#section-8 textarea{
		height:200px;
	}
}


/*FOOTER*/
#footer{
	background:#000;
	
	color:#fff;
	padding:15px;
	font-size:12px;
	text-align:center;
}

#footer p{
	margin:0;
}


/*OFFCANVAS*/
.uk-offcanvas-bar{
	background:#fff;
}

.uk-offcanvas-bar ul li a{
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
}

.uk-offcanvas-bar ul li a:hover{
	color:#fff;
	background:#00416E;
}












/*UIKIT Addons*/

/*STICKY*/
/*! UIkit 2.27.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
[data-uk-sticky].uk-active{z-index:980;box-sizing:border-box;-webkit-backface-visibility:hidden}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.2s;animation-duration:.2s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.2s;animation-duration:.2s}