/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../fonts/font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

	html, body {
		background: #2a6bc3;
		font: 14px/20px Arial, sans-serif;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		min-width:300px;
	}

	* { -webkit-text-size-adjust: none;}

	a { color: inherit; text-decoration: none;}
	a:hover { text-decoration: none;}
	a[href^="tel:"] {color: inherit;text-decoration:none;}
	.a-hov,
	.text-5 a { transition: all 0.4s ease;}
	.a-hov:hover,
	.text-4 a:hover,
	.text-5 a:hover { color: #8bd9fd;}

	ul li a { transition: all 0.4s ease;}

	h1, h2, h3, h4, h5, h6 { font-weight: normal;}
	h1 { }
	h2 { font-size: 40px; line-height: 36px; color: #fff; padding-top: 67px; padding-bottom: 30px;}
	h3 { font-size: 36px; line-height: 40px; color: #fff; letter-spacing: -1px;}
	h4 { font-weight: bold; font-size: 21px; line-height: 20px; padding-top: 27px;}
	h5 { }


	.title-1 { font-weight: bold; line-height: 63px; font-size: 63px; letter-spacing: -3px;} 
	.title-2 { font-weight: normal; line-height: 58px; font-size: 62px; padding-bottom: 7px;} 
	.text-1 { text-transform: uppercase; padding-bottom: 10px;}
	.text-2 { font-weight: bold; font-size: 16px; line-height: 21px; color: #fbf205; padding-bottom: 7px;}
	.text-3 { font-size: 26px; line-height: 35px; letter-spacing: -1px;}
	.text-4 { font-size: 17px; line-height: 20px; padding-top: 11px;}
	.text-5 { font-size: 18px; line-height: 20px; text-transform: uppercase;}

	.color-1 { }
	.color-2 { }

	h4 + .list-1 { margin-top: 8px;}
	h2.v1 { margin-top: 4px;}
	p + .text-1 { padding-top: 10px;}


	.btn {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		background: #fa9a03;
		line-height: 38px;
		height: 41px;
		font-size: 17px;
		font-weight: bold;
		padding: 0 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		margin-top: 26px;
	}
	.btn:hover { background: #13ab20;}

	.list li {	padding-left: 19px; margin-top: 2px;}
	.list li + li { margin-top: 16px;}
	.list li a { position: relative;}
	.list li a:hover { color: #8acfff;}
	.list li a:after {
		position: absolute;
		content: "\f054";
		left: -19px;
		top: 4px;
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #1d4984;
		transition: all .4s ease;
	}
	.list li a:hover:after { color: #8acfff;}

	.list-1 li { font-size: 15px; line-height: 27px; color: #8bd9fd; font-weight: 500;}
	.list-1 li a {	}
	.list-1 li + li { margin-top: 0px;}
	.list-1 li a { }
	.list-1 li a:hover { color: #fff;}

	.link { color: #8acfff; text-decoration: underline;}
	.link:hover { text-decoration: none;}

	/*auxiliary*/

	.img-ind {float: left; margin-right: 19px; margin-top: 4px;}
	.img-ind-1 {float: right; margin-left: 34px; margin-top: 0px;}
	.wrapper {width: 100%; position: relative;}
	.extra-wrap {overflow:hidden;}
	.grid_inside { margin: 0 -10px;}
	.aligncenter {text-align: center !important;}
	.alignleft { text-align: left !important; }
	.it {font-style:italic; display: inline-block;}
	.fleft {float: left;}
	.fright {float: right;}
	.h-underline:hover { text-decoration: underline;}
	.underline {text-decoration: underline;}
	.upp {text-transform: uppercase;}
	.transition {transition: all 0.4s ease;}

	.clearfix { *zoom: 1;}
	.clearfix:before,.clearfix:after {display: table; content: "";line-height: 0;}
	.clearfix:after { clear: both;}

	.pad-left { padding-left: 10px;}

	p { padding-bottom: 18px;}

	.bg-1 { background: #fa9a03; margin-top: 15px;}

/************Header************/

header, .content { background: #378bfd;}

h1 { margin-top: 25px; float: left;}

.list-services { text-align: right; position: relative; margin-top: 77px; margin-bottom: 13px;}
.list-services li {	display: inline-block;}
.list-services li i { line-height: 55px;}

	[class*="list-services-"] {
		text-decoration: none;
		display: block;
		height: 35px;
		width: 35px;
		background: url(../images/social_icons.png) no-repeat;
	    transition: all 0.2s ease-out;
		margin: 0px 6px 0 0;
		font-size: 36px;
		line-height: 24px;
		color: #fff;
		width: 53px;
		height: 53px;
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		-ms-border-radius: 500px;
		-o-border-radius: 500px;
		border-radius: 500px;
		text-align: center;
	}
	.list-services-1 { background: #3a6bb6;}
	.list-services-2 { background: #37ebfb;}
	.list-services-3 { background: #f93648;}

	[class*="list-services-"]:hover { background: #525152;}

	.h-top .fright { float: right; font-size: 27px; line-height: 25px; color: #fff; font-weight: bold;}


	.camera_caption > div {
		background: none;
		font-size: 75px;
		line-height: 67px;
		color: #fff;
		margin-top: 156px;
		margin-left: -20px;
	}
	.camera_caption > div span {
		background: url(../images/opac-1.png) 0 0 repeat;
		height: 75px;
		display: inline-block;
		padding-bottom: 6px;
		margin-top: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.camera_pag {
		width: 940px;
		margin: 0 auto;
		position: relative;
		padding-top: 2px;
	}
	.camera_pag_ul {
		padding: 1px 5px 1px !important;
		background: #f4f5dc !important;
		position: absolute;
		right: 1px;
		bottom: 232px;
		z-index: 1000;
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		-ms-border-radius: 500px;
		-o-border-radius: 500px;
		border-radius: 500px;
	}
	.camera_wrap .camera_pag .camera_pag_ul li { margin: 5px 3px 0px; height: 14px; width: 14px; background: url(../images/camera_pag.png) right 0 no-repeat;}
	.camera_pag_ul li span { display: none;	}
	.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
	.camera_wrap .camera_pag .camera_pag_ul li:hover { background: url(../images/camera_pag.png) left 0 repeat;}

	.camera_pag { position: relative;}
	.camera_wrap { height: 691px;}

/************Content***********/

.content { padding-bottom: 75px;}
.page-1 .content { padding-bottom: 40px;}

.box-1 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.box-1.v1 {	background: #f93648;}
.box-1.v2 {	background: #fa9a03;}
.box-1 h3 { padding: 13px 0 16px 19px;}
.box-1 .inside { padding: 17px 20px 21px;}

.box-1.v1 .btn { background: #378bfd;}
.box-1.v1 .btn:hover { background: #fa9a03;}
.box-1.v2 .btn { background: #13ab20; margin-top: 15px;}
.box-1.v2 .btn:hover, .box-1.v4 .btn:hover { background: #b028dd;}

.block-1 .box-1, .block-1 .box-2 { margin-top: -201px;}

.box-1.v3 { background: #b028dd url(../images/bg-1.png) right center no-repeat;}
.box-1.v3 .inside {padding: 10px 17px 20px;}
.box-1.v3 .btn { margin-top: 10px;}

.box-1.v5 { background: #13ab20 no-repeat;}
.box-1.v5 .inside {padding: 10px 17px 20px;}
.box-1.v5 .btn { margin-top: 10px;}

.box-1.v4 { background: #13ab20; margin-top: 0;}

.box-1.v4 { margin-top: 40px;}

.box-1 h3 + .inside { padding-top: 0; margin-top: -3px;}
.box-1.v4 .btn { margin-top: 4px;}

.box-2 { margin-top: 4px;}

.block-2 { 
	background: #40c0fb url(../images/bg-2.png) right top no-repeat; 
	margin-top: 19px;
	padding: 13px 16px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.block-2 .inside { width: 60%;}
.block-2 .btn { margin-top: 16px;}


.block-3 h2 { }
.block-3 .img-ind-1 { margin-top: 72px;}

.list-1-services li a {
	display: block; 
	background: #fa9a03; 
	font-size: 20px; 
	width: 67px; 
	height: 60px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;	

	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.list-1-services li a:hover {
	-webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
    background: #13ab20;
}
.list-1-services li a i { line-height: 60px;}
.list-1-services li { float: left;}

.list_carousel ul { cursor: default; margin-top: 75px;}
.list_carousel li { float: left;}

.list_carousel { margin-left: -10px; margin-right: -10px; position: relative;}
.carousel h2 { position: relative;}
.carousel h2:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 9px;
	height: 4px;
	background: #3079dd;
}
.carousel li .inside { padding: 0 10px 0;}
.carousel li img { width: 100%;}

.carousel .text-4 { padding-top: 16px; border-bottom: 1px solid #99c4fc; padding-bottom: 6px; margin-bottom: 3px;}

.list_carousel .arrows {
	position: absolute;
	left: -93px;
	top: 121px;
}
.list_carousel .arrows a {
	display: block;
	float: left;
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	background: #307ade;
	text-align: center;

	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.list_carousel .arrows a:hover {
	-webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
    background: #fa9a03;
}
.list_carousel .arrows a i { vertical-align: middle;}


.box-3 { margin-top: 2px;}
.box-3 > div { overflow: hidden; border-bottom: 1px solid #99c4fc;  padding-bottom: 15px;}
.box-3 .a-hov { }

.date-1 {
	display: inline-block;
	padding-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #1751a0;
	transition: all .4s ease;
}
.date-1:hover { color: #ffffff;}

.box-3 + .box-3 { margin-top: 36px;}

.date { font-size: 48px; line-height: 48px; font-weight: bold; padding-bottom: 5px;}
.post .text-5 { margin-bottom: 10px;}
.post .btn { margin-top: 16px;}
.post .img-ind { margin-top: 9px;}

.post + .post { margin-top: 41px;}

.list_carousel-1 ul { cursor: default;}
.list_carousel-1 li { float: left;}
.b-news-post { padding: 0 10px; margin-top: 7px;}
.b-news { margin: 0 -10px;}
.b-news .text-5 { margin-bottom: 10px;}
.b-news .btn { margin-top: 16px;}
.b-news .date { margin-top: 11px;}
.b-news-post + .b-news-post { margin-top: 50px;}


.list_carousel-1 { position: relative;}
#owl { overflow: visible;}
.owl-controls {
	position: absolute;
	top: 0;
	/*bottom: 0;*/
	left: 0;
	right: 0;
}
.owl-buttons {
	position: absolute;
	top: -78px;
	right: 12px;
	left: auto;
	text-align: right;
	width: 80px;
	height: 50px;
	/*background: #fff;*/
}
#owl .owl-prev, #owl .owl-next { 
	display: block;
	background: none; 
	margin-left: 16px; 
	position: relative; 
	text-indent: 1000px; 
	overflow: hidden;
	width: 24px;
	height: 40px;
	float: left;
	margin-top: 0;
}
#owl .owl-prev:after {
	content: "\f053";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 24px;
	text-indent: 0;
	position: absolute;
	top: 0;
	right: 0;
}
#owl .owl-next:after {
	content: "\f054";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 24px;
	text-indent: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.list_carousel-1 .arrows a i {
	font-size: 24px;
	line-height: 20px;
}
.list_carousel-1 .arrows a i:hover { color: #fa9a03;}

#owl .owl-next:hover:after,
#owl .owl-prev:hover:after {color: #fa9a03;}

.b-news .owl-wrapper-outer { margin-top: -71px; padding-top: 71px;}
/************Footer************/

footer {}

.f-top { background: #307ade; padding-bottom: 22px;}
.list-services.v1 { text-align: left; position: relative; margin-top: 16px;}
[class*="list-services-"].v1 {	margin: 0px 6px 0px 0px;}
	
	.list-services li a:hover {
		-webkit-box-shadow: 1px 1px 1px 1px #000;
		-moz-box-shadow: 1px 1px 1px 1px #000;
		box-shadow: 1px 1px 1px 1px #000;
	}

.copyright { padding: 14px 0;}




/*fancybox*/ 
	.various {
		position:relative;
		display:block;
		background: #000000;
		margin-top: 5px;
		margin-right: 20px;
	}
	.various span {
		background: url(../images/var-1.png) center center no-repeat;
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
	}
	.various img {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.various:hover img { opacity: 0.4;}




	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		cursor:pointer;
		overflow:hidden;
		width: 35px;
		height: 37px;
		border:none;
		z-index:20;
		margin-right: -670px !important;
		right: 50%;
		bottom: 20px;
	}
	#toTop:after {
		content: "\f01b";
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		font-size: 40px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		color: #fa9a03;
	}

		#toTop:hover:after { color: #fff;}

		#toTop:active, #toTop:focus {outline:none;}


	/*touch-touch*/ 
	#owl .magnifier {
		position:relative;
		display:block;
		background: url(../images/magnifier.png) center center no-repeat #000000;

	}
	#owl .magnifier img {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		opacity: 1;
	}

	#owl .magnifier:hover img {
		opacity: 0.4;
	}






/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 1300px) {
	.camera_caption > div { margin-top: 38px;}
	.block-1 .box-1, .block-1 .box-2 { margin-top: -100px;}
	.box-1.v4 {margin-top: 40px;}
}
@media only screen and (max-width: 995px) {
	h3, .title-1, .text-3 { letter-spacing: 0px;}
	.camera_wrap .camera_pag .camera_pag_ul { right: 70%;}
	.camera_pag { width: 100%;}
	.camera_caption > div { font-size: 60px; line-height: 50px;}
	.camera_caption > div span { height: 65px; }
	.camera_pag_ul { bottom: 120px;}
	.block-2 .inside { background: url(../images/opac-1.png) 0 0 repeat; padding: 10px;}
	[class*="list-services-"] { width: 48px; height: 48px; font-size: 30px; line-height: 30px;}
	.list-1-services li a { width: 40px; height: 40px;}
	.list-1-services li a i {line-height: 40px;}
	.list_carousel .arrows { position: relative; top: 0; left: 0; margin-top: 20px;}
	.w1 { width: 45%;}
	.camera_wrap { height: 417px;}

}
@media only screen and (max-width: 767px) {
	.list-services { margin-top: 0px;}
	.h-top .fright { margin-bottom: 30px;}
	.block-1 .box-1, .block-1 .box-2 { margin-top: 30px;}
	.camera_caption > div { font-size: 43px; line-height: 56px;}
	.camera_pag_ul {bottom: 20px;}
	.block-2 .inside { width: auto;}
	.title-2 { font-size: 40px; line-height: 40px;}
	[class*="list-services-"] {font-size: 36px;line-height: 24px;width: 53px;height: 53px;}
	.box-2 { width: 46% !important; margin-left: 2%; margin-right: 2%;}
	.camera_wrap { height: 318px;}
	.various { margin-right: 0;}
	.camera_caption > div span { height: 30px; }
	.camera_caption > div { font-size: 30px; line-height: 36px; margin-top: 30px;}
}
@media only screen and (max-width: 479px) {
	.h-top .fright span { display: block;}
	.h-top .fright { width: 100%;}
	.camera_pag_ul {bottom: 10px;}
	.img-ind-1.w1 { width: 100%; margin-bottom: 20px;}
	.camera_wrap { height: 199px;}
}
@media only screen and (max-width: 320px) {

}