@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700,800);

/*--------------------- FONT (OPEN SANS) IMPORT FROM GOOGLE FONTS ----------------------*/




/*----------------------------------------------------------------------------------------
										COMMON STYLES
-----------------------------------------------------------------------------------------*/

body, html {
	width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #333;
	line-height: 1.5;
	text-align: center;
}

a {
	color: #444;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

a:hover {
	color: #00aeff;
	text-decoration: none;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 55px;
	font-weight:800;
	color: #96f79e;
	line-height: 1;
	text-align: center;
}

h2 { color: #333; }

h3 { color: #fff; }

h2, h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	line-height: 1;
	text-align: center;
	padding-bottom:10px;
}


h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}
h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight:bold;
	color: #96f79e;
	line-height: 1;
	text-align: center;
}
h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #186bb3;
	line-height: 1;
	text-align: center;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-weight:bold;
	text-transform:none;
}
	

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#wrap { overflow: hidden; }


blockquote,
code{
	background:#f8f8f8;
	padding:25px 25px 25px 75px;
	display:block;
	position:relative;
	border-radius:0;
	border:0;
	overflow:hidden;
	text-align:left;
}

code{
	color: #03C;
	overflow:auto;
}

blockquote:before,
code:before{
	display:block;
	position:absolute;
	width:50px;
	left:0px;
	top:0;
	bottom:0;
	background:#00aeff;
	text-align:center;
	color:#fff;
}

blockquote:before{
	content:'""';
	font-size:40px;
	padding-top:15px;
	}

code:before{
	content:'</>';
	font-size:16px;
	padding-top:25px;
	}

blockquote small{
	text-align:right;
	padding:20px 0 0 0;
	font-style:italic;
}

.form-group{margin:0;}

.form-control{
	padding:20px 25px;
	font-size:inherit;
	height:auto;
}

.form-group .btn{
	border-radius:0;
	font-size:inherit;
	padding:20px;
}

.form-group input,
.input-group input,
.form-group textarea,
button { 
	color: #222;
	box-shadow: none;
	-webkit-box-shadow: none;
	border:0;
	border-radius:0;
}

.input-group input:focus,
.form-group input:focus,
.form-group textarea:focus,
.input-group button:focus {
	box-shadow: none;
	transition: none;
	border: 0;
	outline: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus { outline: 0px auto -webkit-focus-ring-color; }

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group{margin-left:0;}

.btn .icon{margin-right:10px}

.btn .icon-right{margin-left:10px}

.title h2 {
	display: block;
	position: relative;
	padding: 0 0 40px 0;
	margin: 0 0 20px 0;
}

.title h2:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 80px;
	background-color: #00aeff;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}

.title p {
	display: block;
	margin: -20px 0 60px 0;
}

.title h4 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.download-btn {
	display: inline-block;
	height: 70px;
	border-radius: 35px;
	background: #d1d1d1;
	overflow: hidden;
	text-align: left;
}

.download-btn .btn-content {
	position: relative;
	margin: -67px 3px 0 3px;
	height: 64px;
	background-color: #fff;
	color: #00aeff;
	border-radius: 32px;
	padding: 12px 25px 0 70px;
	font-size: 12px;
	line-height: 18px;
}

.download-btn .btn-slide {
	background: #00aeff;
	height: 100%;
	width: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.download-btn:hover .btn-slide { width: 100%; }

.ios-btn .btn-content,
.download-btn-alt.ios-btn { color: #000; }

.android-btn .btn-content,
.download-btn-alt.android-btn { color: #669900; }

.win-btn .btn-content,
.download-btn-alt.win-btn { color: #68217a; }

.download-btn .icon,
.download-btn-alt .icon {
	font-size: 32px;
	position: absolute;
	left: 20px;
	top: 14px;
}

.download-btn b,
.download-btn-alt b {
	display: block;
	position: relative;
	font-size: 20px;
	font-weight: 700;
	z-index: 2;
}

.download-btn-alt {
	display: inline-block;
	position: relative;
	padding: 15px 30px 17px 70px;
	background:#fff;
	color:#00aeff;
	border-radius:40px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	overflow: hidden;
}

.download-btn-alt .icon {
	top: 17px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.download-btn-alt:hover .icon{
	transform:rotate(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	color:#00aeff;
}

.download-btn-alt.invert:hover .icon{
	color:#fff;
}

.download-btn-alt.invert {
	color: #fff;
	background: #00aeff;
}

.download-btn-alt.ios-btn.invert{ background:#000; }
.download-btn-alt.android-btn.invert{ background:#669900; }
.download-btn-alt.win-btn.invert{ background:#68217a; }



.round-btn{
	border: 2px solid #ddd;
	border-radius: 30px;
	display: inline-block;
	padding: 0 30px;
	vertical-align:middle;
	line-height:3.5;
}

.round-btn-sm{
	font-size:14px;
	border: 1px solid #ddd;
	display: inline-block;
	padding: 0 15px;
	border-radius:18px;
	vertical-align:middle;
	line-height:2.5;
}

.round-btn:hover {
	color: #444;
	border: 2px solid #00aeff;
}

.round-btn-sm:hover {
	color: #444;
	border: 1px solid #00aeff;
}

.round-btn .icon{margin-right:20px}

.round-btn .icon-right{margin-left:20px}

.round-btn-sm .icon{margin-right:10px}

.round-btn-sm .icon-right{margin-left:10px}

.block-bg,
.block-video-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.15;
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	height: 120%;
	width: 100%;
}

.item-list-right li {
	padding: 0 60px 20px 0;
	position: relative;
	text-align: right;
}

.item-list-right li .icon {
	font-size: 32px;
	position: absolute;
	right: 0;
	top: 0;
}

.item-list-left li {
	padding: 0 0px 20px 60px;
	position: relative;
	text-align: left;
}

.item-list-left li .icon {
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 0;
}

.item-list-right h3,
.item-list-left h3 { margin: 0 0 25px 0; }

.item-list-right.item-list-big li { padding: 0 80px 60px 0; }

.item-list-left.item-list-big li { padding: 0 0px 60px 80px; }

.item-list-big li .icon { font-size: 48px; }

.item-list-right li:last-child,
.item-list-left li:last-child { padding-bottom: 0; }

.panel{
	border:1px solid #ddd;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.panel-heading{
	display:block;
	border-bottom:1px solid #eee;
	font-weight:bold;
	padding:20px 25px;
}

.panel-heading .icon{
	margin-right:10px;
}

.panel-body{padding:20px 25px;}

.tab-content{ 
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius: 0 0 4px 4px;
	padding:25px;
}

.nav-tabs li a{
	padding:20px 25px;
	font-weight:bold;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover{
	color:#00aeff
}

.nav-tabs li a:hover{
	background:none;
}

.placeholdersjs { color: #aaa !important; }

@media (max-width: 992px) {

.item-list-right h3,
.item-list-left h3 { margin: 0 0 10px 0; }
 
} @media (max-width: 767px) {


h1 { font-size: 40px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

.title h2 {
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}

.title p { margin: -10px 0 50px 0; }

.item-list-left li .icon,
.item-list-right li .icon {
	position: relative;
	margin-bottom: 20px;
	display: block;
}

.item-list-left li,
.item-list-right li {
	text-align: center;
	padding: 0 0 30px 0;
}

.item-list-right.item-list-big li,
.item-list-left.item-list-big li { padding: 0 0 40px 0; }
 
.nav-tabs>li{
	float:none;
}
.nav-tabs>li a{
	display:block;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius:0;
	margin:0;
}
.nav-tabs li:first-child a{
	border-radius:4px 4px 0 0;
}
.nav-tabs>li a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus{
	border-color:#ddd;
}
}


/*----------------------------------------------------------------------------------------
										PRELOADER
----------------------------------------------------------------------------------------*/

#preloader {
	background: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	left: 0;
	position: fixed;
	z-index: 9999;
}

#preloader .battery {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 20px;
	margin: -10px 0 0 -20px;
	border: 1px solid #00aeff;
	border-radius: 3px;
}

#preloader .battery:after {
	display:block;
	content:"";
	position: absolute;
	right:-4px;
	top:6px;
	height: 6px;
	width:2px;
	background: #00aeff;
	border-radius: 0 2px 20x 0;
}

#preloader .battery .load-line {
	position: absolute;
	z-index: 100;
	height: 16px;
	width: 36px;
	top: 1px;
	left: 1px;
	background: #00aeff;
	border-radius: 1px;
	-webkit-animation: battery-load 1s linear 0s infinite;
	-moz-animation: battery-load 1s linear 0s infinite;
	animation: battery-load 1s linear 0s infinite;
}

@-webkit-keyframes battery-load { 
0% {width: 0px;}
100% {width: 36px;}
}

@keyframes battery-load { 
0% {width: 0px;}
100% {width: 36px;}
}


#preloader .radius {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 1px solid #ddd;
	border-radius: 50%;
}

#preloader .radius .load-line {
	position: absolute;
	z-index: 100;
	height: 20px;
	width: 4px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -2px;
	border-top: 4px solid #00aeff;
	-webkit-animation: rotation 1s linear 0s infinite;
	-moz-animation: rotation 1s linear 0s infinite;
	animation: rotation 1s linear 0s infinite;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes rotation { 
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}

@keyframes rotation { 
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}




/*----------------------------------------------------------------------------------------
									MODAL POPUP STYLES
----------------------------------------------------------------------------------------*/

.modal {
	overflow-y: auto;
	text-align: center;
}

.modal-content {
	padding: 60px 20px;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 20px;
	border: 0;
}

.modal-title {
	margin: 0;
	color: black;
}

.modal-title .icon {
	font-size: 48px;
	line-height: 48px;
	display: block;
	margin: 0 0 40px 0;
	color: #00aeff;
}

.modal-title .icon.icon-ban { color: #ce0b0b; }

.modal-open { overflow: auto; }

.modal-content .close {
	position: absolute;
	top: 10px;
	right: 15px;
}

.close {
	font-family: inherit;
	font-size: 32px;
	font-weight: 100;
	text-shadow: none;
}

.close:focus { outline: 0px auto -webkit-focus-ring-color; }


.bg-color3 .owl-pagination .owl-page span { background: #444; }

.owl-pagination .owl-page.active span { background: #00aeff; }


@media (max-width: 767px) {
	
.owl-pagination { display: table; }

.owl-pagination .owl-page { display: table-cell; }

}

/*----------------------------------------------------------------------------------------
									CONTACT FORM
----------------------------------------------------------------------------------------*/

#contact_form { border-top: 1px solid #eee; }

#contact_form .form-group { margin: 0; }

#contact_form label {
	display: block;
	font-size: 14px;
	font-weight: normal;
	position: relative;
}

#contact_form label.error {
	background: #ce0b0b;
	color: #fff;
	padding: 5px;
}

#contact_form label.error:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #ce0b0b transparent;
}

#contact_form label.valid { display: none !important; }

#contact_form .form-control {
	text-align: center;
	border-bottom: 1px solid #eee;
	line-height: 25px;
	width: 100%;
}

textarea.form-control { resize: vertical; }

#modalContact .modal-content { padding: 40px 0px; }

#modalContact .modal-title { margin: 0 0 40px 0; }


/*----------------------------------------------------------------------------------------
										MAIN NAVIGATION
----------------------------------------------------------------------------------------*/

nav.navbar-fixed-top {
	height: 60px;
	background: #fff;
	border-bottom: 2px solid #eee;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
nav.navbar-slide{ top: -60px; }
nav.navbar-slide.show-menu { top: 0; }

.navbar .nav {
	list-style: none;
	float: right;
	z-index: 5;
	margin: 0;
}

.navbar .nav li {
	float: left;
	padding: 0;
}

.navbar .nav li a {
	display: block;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	text-decoration: none;
	border-bottom: 2px solid #eee;
	outline: none;
	background:inherit;
}

.navbar .nav li:last-child a { }

.navbar .nav li a:hover,
.navbar .nav li.active a {
	background: none;
	color: #00aeff;
	border-bottom: 2px solid #00aeff;
}

.navbar-brand {
	height: 60px;
	margin: 0;
	padding: 10px 0 0 15px;
}

.navbar-toggle {
	float: right;
	height: 60px;
	margin: 0;
	padding: 0 20px;
}

.navbar-toggle .icon-bar {
	background: #00aeff;
	height: 1px;
}

.navbar-toggle.collapsed .icon-bar { background: #ccc; }

.navbar-toggle .icon-bar+.icon-bar { margin-top: 7px; }
                       
.navbar-collapse {
  max-height: 400px !important;
}

.navbar-fixed-top { border-width: 0; }

.contact-btn {
	float: right;
	cursor: pointer;
	line-height: 60px;
	font-size: 20px;
	padding: 0 10px;
	border-left: 1px solid #eee;
	color: #ccc;
}


@media (max-width: 992px) {
.navbar-collapse {
	width: 100%;
	padding: 0;
	background: #fff;
}

.navbar .nav {
	float: none;
	text-align: center;
}

.navbar .nav li { float: none; }

.navbar .nav li a { border-bottom: 1px solid #eee; }

.navbar .nav li a:hover,
.navbar .nav li.active a { border-bottom: 1px solid #00aeff; }

}




/*----------------------------------------------------------------------------------------
										 SIDEBAR
----------------------------------------------------------------------------------------*/

aside.blog-sidebar{text-align:left;}

aside.blog-sidebar .search #search_form{border:1px solid #ddd;}

aside.blog-sidebar .search .form-control{
	padding-right:0;
	line-height:20px;
}

aside.blog-sidebar .search .btn{
	background:none;
	font-size:20px;
	color:#aaa;
	padding-right:15px;
}
aside.blog-sidebar .search .btn:hover{color:#00aeff;}

aside.blog-sidebar .widget{margin:60px 0 0 0;}

aside.blog-sidebar .widget h3{
	padding: 0 0 20px 0;
	border-bottom:1px solid #eee;
	margin:0;
}

aside.blog-sidebar .category ul li{padding:0;}

aside.blog-sidebar .category ul a{
	text-decoration:none;
	display:block;
	padding:15px 0;
	border-bottom:1px solid #eee;
}
aside.blog-sidebar .category ul a:hover{
	border-bottom:1px solid #00aeff;
}

aside.blog-sidebar .recent_posts ul li{
	border-bottom:1px solid #eee;
	padding:15px 50px 15px 0;
	position:relative;
}
aside.blog-sidebar .recent_posts ul li a{
	text-decoration:none;
}
aside.blog-sidebar .recent_posts .date{
	color:#ccc;
	font-size:14px;
	display:block;
	padding:5px 0 0 0;
}
aside.blog-sidebar .recent_posts .comments{
	padding:0;
	position:absolute;
	top:15px;
	right:0;
	font-size:14px;
	color:#aaa;
}
aside.blog-sidebar .recent_posts .comments .icon{
	color:#aaa;
	padding-right:5px;
}

aside.blog-sidebar .tag_cloud h4{border:none;}

.tags{ margin-top:25px;}
	
.tags li { 
	display: inline-block; 
	padding:0; 
	}

.tags li a {
	display: block;
	padding: 5px 10px;
	margin: 0 0 4px 0;
	text-decoration: none;
	font-size: 12px;
	color: #888;
	background:#eee;
	border-radius:2px;
}

.tags li a:hover {
	color: #fff;
	background:#00aeff;
}

.tags.hollow li a{
	background:none;
	border:1px solid #eee;
	color:#ccc;
}

.tags.hollow li a:hover {
	background:none;
	border:1px solid #00aeff;
	color:#00aeff;
}



@media (max-width: 992px) {
	
	aside.blog-sidebar{
		margin:80px 0 0 0;
		text-align:center;
	}
	
	aside.blog-sidebar .search{padding:0px;}
	
	aside.blog-sidebar .recent_posts ul li{padding:15px 0;}
	
	aside.blog-sidebar .recent_posts .comments{
		padding:0;
		position:relative;
		top:auto;
		right:auto;
	}
}


/*----------------------------------------------------------------------------------------
										NEWS / BLOG
----------------------------------------------------------------------------------------*/


.news-list ul{
	margin: 90px 0 30px 0;
	text-align:left;
}

.news-list li h4{
	text-transform: none;
	text-align:left;
}

.news-info{ 
	min-height:250px;
	padding: 20px 20px 20px 20px; 
}



.news-info div:last-child {padding:0;}


@media (max-width: 767px) {

.news-list li { padding: 40px 0; }

.news-list li h3 { font-size: 20px; }

.news-info > div {
	font-size: 14px;
	padding: 0 10px 0 0;
}

.news-info > div .icon { margin: 0 5px 0 0; }

}




/*----------------------------------------------------------------------------------------
										BLOG
----------------------------------------------------------------------------------------*/

#blog {text-align:left;}

.single-content-sidebar h3{
	margin:0 0 25px 0;
}

.single-content-sidebar .tags,
.single-content .tags{
	margin:40px 0 0 0;
}

.single-content .sep:first-child{
	margin-top:0;
	padding-top:0;
}

h2.head,
.post-list li h2{
	font-size: 35px;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 25px 0;
}

.post-list {border-top:0;}

.post-list li{ padding:70px 0 20px 0;}
	
.post-list li:first-child {padding-top:0;}

.post-content img{margin: 0 0 20px 0;}

.post-content .read-more{
	display:inline-block;
	padding:0px 5px;
	margin:0 0 -4px 5px;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	background:#ccc;
	border-radius:2px;
	color:#fff;
	letter-spacing:1px;
}

.post-content .read-more:hover{background:#00aeff;}

.post-pagination li{
	margin:0 10px 10px 0;
	display:inline-block;
}
.post-pagination li:last-child{
	margin-right:0;
}
.post-pagination li a{
	display:block;
	position:relative;
	height:50px;
	width:50px;
	text-align:center;
	line-height:48px;
	border:1px solid #eee;
	border-radius:50%;
	color:#aaa;
	z-index:1;
}

.post-pagination li.active a,
.post-pagination li a:hover{
	color:#444;
	border:1px solid #00aeff;
}

.post-pagination li.prev a:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin:-5px 0 0 -3px;
	height:10px;
	width:10px;
	border-top:1px solid #444;
	border-left:1px solid #444;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}

.post-pagination li.next a:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin:-5px 0 0 -7px;
	height:10px;
	width:10px;
	border-top:1px solid #444;
	border-right:1px solid #444;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}


@media (max-width: 992px) {
	
	#blog {text-align:center;}

} @media (max-width: 320px) {
	
	.post-pagination li{ display:none;}
	
	.post-pagination li.prev,
	.post-pagination li.next{ display:inline-block;}
	
	.post-list .news-info{ margin:0 0 10px 0;}
	
	.post-list li{ padding:50px 0 10px 0;}
	
	.news-list {margin-bottom:40px;}
	
	h2.head,
	.post-list li h2{
		font-size: 25px;
		margin:0 0 10px 0;
	}
	
}

/*----------------------------------------------------------------------------------------
										SOCIAL
----------------------------------------------------------------------------------------*/

.soc-list { margin: 0 0 50px 0; }

.soc-list li { display: inline-block; }

.soc-list .icon {
	display: inline-block;
	font-size: 22px;
	color: #fff;
	padding: 20px;
	border-radius: 50%;
	background: #ddd;
	margin: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.soc-list li .icon:hover { background: #00aeff; }

.soc-list .soc-icon-twitter { background: #00aced; }

.soc-list .soc-icon-facebook { background: #3b5998; }

.soc-list .soc-icon-dribbble { background: #ea4c89; }

.soc-list .soc-icon-googleplus { background: #dd4b39; }

.soc-list .soc-icon-linkedin { background: #007bb6; }

.soc-list .soc-icon-instagram { background: #517fa4; }

.soc-list .soc-icon-pinterest { background: #cb2027; }

.soc-list .soc-icon-flickr { background: #ff0084; }

#subscribe_form .input-group { margin: 0 auto; }

#subscribe_form .form-control,
#subscribe_form button {
	border-radius: 30px 0 0 30px;
	height: 60px;
	background: #fff;
	font-size: inherit;

}

#subscribe_form button {
	font-size: 22px;
	line-height: 26px;
	padding: 17px 25px;
	border-radius: 0 30px 30px 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#subscribe_form button:hover { color: #00aeff; }

label.error {
	padding: 20px 0 0 0;
	color: #C30;
}

@media (min-width: 767px) {

#subscribe_form .input-group { width: 600px; }

}




/*----------------------------------------------------------------------------------------
										DOWNLOAD
----------------------------------------------------------------------------------------*/

#download { padding: 70px 0; }

#download h2 { 
	color: #fff; 
	margin:30px 0; 
}

#download h2 .icon { margin: 0 20px 0 0; }

#download .block-bg {
	background-image:url(../images/download_bg.jpg);
	background-position:left center;
	height: 300%;
}

@media (max-width: 767px) {

#download h2 { margin: 0; }

#download h2 .icon {
	margin: 0 0 10px 0;
	display: block;
}

}




/*----------------------------------------------------------------------------------------
										FOOTER
----------------------------------------------------------------------------------------*/

footer {
	text-align: center;
	padding: 25px 0;
	background: #222;
	color: #888;
	font-size: 12px;
}

footer .copyright {
	display: block;
	margin: 0px 0 0 0;
}

.copyright a {
	font-weight: bold;
	color: inherit;
	
}

@media (max-width: 992px) {

footer { padding: 80px 0; }

}




/*----------------------------------------------------------------------------------------
										SHORTCODES
----------------------------------------------------------------------------------------*/
#shortcodes .btn,
#shortcodes .round-btn,
#shortcodes .round-btn-sm,
#shortcodes .download-btn,
#shortcodes .download-btn-alt{ margin:2px 0;}


/*----------------------------------------------------------------------------------------
										CSS 2017 GENERAL
----------------------------------------------------------------------------------------*/


#partners-banner, #customers-banner, #company-banner, #product-banner, #congress-banner, #corporate-banner, #expo-banner, #tourism-banner, #academic-banner, #sitemap-banner {
	-webkit-background-size:cover;
	-moz-background-size:cover;	
	-o-background-size:cover;	
	background-size:cover;
	max-width:1920px;
	min-height:350px;
	position:relative;
	width:100%;
	margin:0px;
}

#partners-banner{ background:url(../images/Kronos-bannerPartners.jpg) top center no-repeat fixed;}

#customers-banner, #sitemap-banner{ background:url(../images/Kronos-bannerCustomers.jpg) top center no-repeat fixed;}

#company-banner{ background:url(../images/Kronos-bannerCompany.jpg) top center no-repeat fixed;}

#product-banner{ background:url(../images/Kronos-bannerProduct.jpg) top center no-repeat fixed;}

#congress-banner{ background:url(../images/Kronos-bannerCongress.jpg) top center no-repeat fixed;}

#corporate-banner{ background:url(../images/Kronos-bannerCorporate.jpg) top center no-repeat fixed;}

#expo-banner{ background:url(../images/Kronos-bannerExpo.jpg) top center no-repeat fixed;}

#tourism-banner{ background:url(../images/Kronos-bannerTourism.jpg) top center no-repeat fixed;}

#academic-banner{ background:url(../images/Kronos-bannerAcademic.jpg) top center no-repeat fixed;}

.margin-20{
	margin-bottom:20px;
}

.img-responsive {margin:0 auto;} 

/*----------------------------------------------------------------------------------------
										HOME
----------------------------------------------------------------------------------------*/

.carousel-caption {
	padding-bottom:500px;
	z-index: 10;
}
.carousel-home {
	width: auto;
	height: 300px;
	margin: 0px;
}
.carousel-indicators {
	bottom: 10px;
}

.home-item01, .home-item02, .home-item03, .home-item04{
	-webkit-background-size:cover;
	-moz-background-size:cover;	
	-o-background-size:cover;	
	background-size:cover;
	width:100%;
	min-height:770px;
	position:relative;
	margin:0px;
	padding-left:0px;
}

.home-item01{background:url(../images/Kronos-bannerHome01.jpg) top center no-repeat fixed;}
.home-item02{background:url(../images/Kronos-bannerHome02.jpg) top center no-repeat fixed;}
.home-item03{background:url(../images/Kronos-bannerHome03.jpg) top center no-repeat fixed;}
.home-item04{background:url(../images/Kronos-bannerHome04.jpg) top center no-repeat fixed;}

@media (max-width: 767px){
	.carousel-home {height: 350px;}
	.home-item01, home-item02, home-item03, home-item04{height: 200px;}
	.carousel-caption {
	padding-bottom:500px;
	z-index: 10;
}
}

/*experience*/

#experience {
	background:url(../images/Kronos-expBkgr-wheel.jpg) bottom center no-repeat;
	background-color:#fff;
	min-height:500px;
	height:auto;
	padding:30px 0 0 0;
	margin-bottom:20px;
}
.wheel-360{
	margin-top:30px;
}


.wheel-step01, .wheel-step02, .wheel-step03{
	height:200px;
	text-align:left;
	vertical-align:middle;
	padding-top:30px;
}
.wheel-step04 {
	padding-top:30px;
	margin-bottom:30px;
	text-align:center;
}
.wheel-step05, .wheel-step06, .wheel-step07{
	height:200px;
	text-align:right;
	vertical-align:middle;
	padding-top:30px;
}
.wheel-steps-xs{
	text-align:left;
	padding-top:30px;
}

/*categories*/
#product-categories{
	background:url(../images/Kronos-expBkgr-categories.jpg) bottom center no-repeat;
	background-color:#fff;
	min-height:395px;
	height:auto;
	padding:30px 0 0 0;
	margin-bottom:50px;
}

.categories{
	background:url(../images/Kronos-expCategoriesBox.png) top no-repeat;
	height:395px;
	text-align:center
}
@media (max-width: 767px) {
.categories{
	background:url(../images/Kronos-expCategoriesBox-xs.png) top center no-repeat;
	height:auto;
	text-align:center
}
}

.categories h2{
	font-size:30px;
	padding:35px 30px 0 30px;
}
.categories p{
	padding:0 120px 5px 120px;
}
.categories h5{
	font-size:18px;
	color:#1574b5;
	vertical-align:text-top;
}

/*case-study*/
#cases-study{
	background:url(../images/Kronos-customersBkgr.jpg) top center no-repeat;
	background-color:#196bb4;
	height:620px;
	margin:0px;
	padding-top:5px;
	padding-bottom:0;
}

@media (max-width: 767px) {
#cases-study{
	background:url(../images/Kronos-customersBkgr.jpg) top center no-repeat;
	background-color:#196bb4;
	height:auto;
	margin:0px;
	padding-top:5px;
	padding-bottom:0;
}
}

.case-abstract{
	text-align:left;
	padding-top:80px;
	padding-bottom:20px;
	min-height:315px;
}
.cases-image{
	margin-bottom:0;
	padding-top:10px;
}
	
.cases-content{
	padding-top:50px;
}
/*sustainable*/
#sustainable-home{
	background:url(../images/Kronos-sustainableBkgr.jpg) top repeat;
	height:auto;
	padding:20px 0 20px 0;
}
/*partners*/
#partners-home{
	background:url(../images/Kronos-partnersBkgr.jpg) top center no-repeat;
	background-color:#CCC;
	height:auto;
	padding:20px 0 25px 0;
}
/*comments*/
#comments{
	background:url(../images/Kronos-testimonials.jpg) top center no-repeat;
	height:514px;
	padding:30px 0 20px 0;
}
#comments-carousel{height:400px;}

.comments-user{padding:0 50px 0 50px;}

.comments-line{padding:10px 0 0 0;}

/*news*/
#news{	padding:20px 0 20px 0; }

#intro-txt{	margin:20px 0 40px 0;}

.banner-title{padding-top:150px;}

/*more info*/
#more-info {
	padding:30px 0 50px 0;
	background-color:#0a9ad7;
	color:#fff;
	margin-top:0px;
}

/*landing info*/
#landing-info {
	background:url(../images/Kronos-bannerLanding.jpg) top center no-repeat;
	padding:30px 0 50px 0;
	background-color:#0a9ad7;
	color:#fff;
	margin-top:0px;
}

/*footer*/
#footer {
	text-align:center;
	padding:30px 0 30px 0;
	background-color:#186bb3;
	color:#fff;
	min-height:235px;
}
.sustainable-green{
	background:url(../images/Kronos-sustainableLogo.png) left center no-repeat;
	height:51px;
	width:243px;
	padding:10px 0 0 55px;
	text-align:left;
	line-height:1;
	vertical-align:middle;
	margin-top:5px;
	font-size:16px;
}

.sustainable-green-footer{
	background:url(../images/Kronos-sustainableLogo.png) center center no-repeat;
	height:51px;
	width:243px;
	padding:10px 0 0 40px;
	line-height:1;
	vertical-align:middle;
	margin-top:2px;
	font-size:16px;
}

.sustainable-greenW{
	background:url(../images/Kronos-sustainableLogoW.png) center center no-repeat;
	height:72px;
	width:253px;
	padding:18px 0 0 50px;
	line-height:1;
	vertical-align:middle;
	margin-top:0px;
	font-size:18px;
	color:#3fb549;
	font-weight:bold;
}
.logo-aoca{
	padding-top:8px;
}


/*----------------------------------------------------------------------------------------
										PARTNERS
----------------------------------------------------------------------------------------*/


.customers-logos, .partners-logos{
	padding:20px 0 20px 0;
	text-align:center;
	display:block;
}


.partners-bkgrG, .partners-bkgrB {
	background-repeat:no-repeat;
	background-position:center;
	min-height:541px;
	width:auto;
	max-height:auto;
	margin:0;
	padding-top:40px;
}

.partners-bkgrG {
	background:url(../images/Kronos-partnersBkgrG.jpg) top no-repeat;
}

.partners-bkgrB {
	background:url(../images/Kronos-partnersBkgrB.jpg) top no-repeat;
	height:auto;
}
.partners-info{
	text-align:left;
	padding-top:30px;
}

.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}


/*----------------------------------------------------------------------------------------
										PRODUCTS
----------------------------------------------------------------------------------------*/


.product-registration, .product-media, .product-interactive, .product-platform, .product-sponsorship, .product-broadcast{
	border-top-color: #999;
	border-top-width: medium;
	background-color: #fff;
	padding: 60px 0 0 0;
	margin: 0;
	height: auto;
}

.product-media { background:url(../images/Kronos-productInteractive2.jpg) bottom no-repeat;}

.product-sponsorship { background:url(../images/Kronos-productSponsorship.jpg) bottom no-repeat;}

@media (max-width: 767px) {
.product-sponsorship{
	background:url(../images/Kronos-productSponsorship.jpg) top center no-repeat;
	background-color:#dff8fc;
	height:auto;}
}

.product-broadcast { 
	background:url(../images/Kronos-partnersBkgrG.jpg) center no-repeat;
	min-height:320px;
	margin-bottom:0px;
}

.product-platform{ padding-bottom: 40px;}

.product-interactive{ 
	background:url(../images/Kronos-productInteractive.jpg) bottom no-repeat;
	padding-bottom: 40px;}
	
.congress-app{
	padding-top:30px;
}
.product-benefit {
	text-align:left;
	line-height:1.2;
	margin-bottom:30px;	
	widht:auto;
}
#product-intro{
	background:url(../images/Kronos-productBkgr01.jpg) bottom center repeat-x;
	background-color:#fff;
	min-height:730px;
	padding-top:30px;
	margin:0;
}

.btn-primary, .btn-success{
	height:40px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	margin-top:20px;
}

ul.no_bullet {
	list-style-type: none;
	padding-left:30px;
	margin: 0;
}
.bullet-item{
	background:url(../images/Kronos-item-small.png) left center no-repeat;
	line-height:40px;
	padding-left:35px;
	padding-top:10px;
}

#sustainable{
	background: url(../images/Kronos-productSustainable.jpg) top center no-repeat;
	margin-top: 0px;
	min-height: 440px;
	border-top-color: #999;
	border-top-width: medium;
	padding-top:50px;
}

.benefit-title{
	font-weight:bold;
	color:#0a9ad7;
	text-align:left;
}
.product-socialify{
	padding-left:60px;	
	margin-bottom:20px;
}
.stores{
	margin:10px 0 0 10px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#product-content{
	padding:40px 0 40px 0;
}
#congress-intro, #academic-intro, #corporate-intro, #expo-intro, #tourism-intro, #partners-intro, #customers-intro, #sitemap-intro {
	padding:50px 0 30px 0;
}
.product-screen{
	margin-top:0;
}

/*----------------------------------------------------------------------------------------
										COMPANY
----------------------------------------------------------------------------------------*/


#company-intro{	
	padding:30px 0 50px 0;
}

#company-stats{ 
	padding:60px 0 0 0;
	background:url(../images/Kronos-companyBkgrB.jpg) top center no-repeat;
	min-height:700px;
	margin:0;
}

.caption-blue{ 
	background: url(../images/Kronos-companyDataB.png) center no-repeat;
	height:300px;
	color:#fff;
	text-align:center;
	padding-top:80px;
}
.caption-green{ 
	background: url(../images/Kronos-companyDataG.png) center no-repeat;
	height:240px;
	color:#fff;
	text-align:center;
	padding-top:50px;
	transform: translateY(-100px);
	margin-left:250px;
	z-index:1;
}
@media (max-width: 767px) {
#company-stats{ 
	padding:60px 0 0 0;
	background:url(../images/Kronos-companyBkgrB.jpg) top center no-repeat;
	background-color:#dff8fc;
	height:auto;
	margin:0;
}	
	
.div .caption-green{ 
	background: url(../images/Kronos-companyDataG.png) center no-repeat;
	height:240px;
	color:#fff;
	text-align:center;
	padding-top:60px;
}
}
.company-map{
	text-align:left;
	vertical-align:middle;
	padding-top:10px;
}


/*----------------------------------------------------------------------------------------
										SITEMAP
----------------------------------------------------------------------------------------*/

#sitemap-intro {line-height:2;}

/*----------------------------------------------------------------------------------------
										LANDINGS
----------------------------------------------------------------------------------------*/

#solutions{
  margin-top: 70px;
  padding: 0;
}

.solution01, .solution02, .solution03 {
  min-height: 400px;
  width:auto;
}

.solution01{
  background:url(../images/Kronos-moneyApp.jpg) top center no-repeat;
}

.solution02{
  background:url(../images/Kronos-informationApp.jpg) top center no-repeat;
}

.solution03{
  background:url(../images/Kronos-timeApp.jpg) top center no-repeat;
}

.solutionHeader{
  padding:15px;
  background-color: #0095d9;
  max-width: 600px;
  margin: 0;
}

.solutionHeader h3{
  line-height: 1.2;
}

.subtitleSolution{
  color: #fff;
  text-align: center;
  padding: 0 20px 0 20px;
}
.menuSolutions, .contentSolutions{
  margin:0;
  padding:0;
}
.btnOverImg{
  position: relative;
  z-index: 10;
  padding-top:300px;
}

.tab-content{
  padding: 0px;
  margin: 0px;
  border:0px;
  max-width: 600px;
}

.nav-sidebar {
  background-color: #fff;
  width: 100%;
  margin:0;
  padding: 0;
  height:auto;
  text-align: left;
}
.tab-pane{
  padding: 0;
}
.margin10{margin-bottom:10px; margin-right:10px;}

.nav-sidebar li.active a,
.nav-sidebar li.active a:hover{
  cursor: default;
  background-color: #186bb3;
  color: #fff;
}

.nav-sidebar li a:hover{
  background:none;
}

@media (max-width: 992px) {
  .nav-sidebar {
    text-align: center;
  }
}