/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../fonts/font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Bitter:400,700,400italic);
@import url(//fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps);

	html, body {
		background: #faf8eb;
		font: 14px/24px Arial, sans-serif;
		color: #9c9c9c;
		min-width:300px;
	}

	.bg-1 { background: #ffffff; width: 1038px; margin: 62px auto;}
	.bg-2 { background: #fafafa; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; margin-top: 61px; padding-bottom: 58px;}

	* { -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 { transition: all 0.4s ease;}
	.a-hov:hover { color: #2a3f78;}
	.title-3 a:hover { color: #2a3f78;}
	.title-5 a:hover { color: #2a3f78;}
	.text-2 a:hover { color: #2a3f78;}

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

	h1, h2, h3, h4, h5, h6 { font-family: 'Bitter', serif; text-transform: uppercase; font-weight: normal;}
	h1 { }
	h2 { font-size: 35px; line-height: 35px; color: #3e454c; font-weight: normal; padding-top: 75px;}
	h3 { font-size: 23px; line-height: 24px; color: #3e454c;}
	h4 { font-size: 20px; line-height: 25px; color: #af2026; padding-top: 34px; padding-bottom: 15px;}
	h5 { }


	.title-1 { font-family: 'Bitter', serif; color: #2a3f78; font-size: 40px; line-height: 40px; text-transform: uppercase;} 
	.title-2 { font-family: 'Bitter', serif; color: #b62022; font-size: 60px; line-height: 60px; text-transform: uppercase;} 
	.title-3 { font-family: 'Bitter', serif; color: #d2d2d2; font-size: 15px; line-height: 25px; text-transform: uppercase;} 
	.title-4 { 
		font-family: 'Bitter', serif; 
		color: #fff; 
		font-size: 15px; 
		line-height: 25px; 
		text-transform: uppercase;
		font-size: 35px;
		line-height: 30px;
		background: #2a3f78;
		position: relative;
		text-align: center;
	
		margin-top: 79px;
		padding-top: 15px;
		padding-bottom: 24px;
		font-weight: normal;
} 
	.title-4:before { 
		position: absolute;
		content: "";
		background: url(../images/bg-2.png) 0 0 repeat-x;
		height: 7px;
		top: -7px;
		left: 0;
		right: 0;
	}
	.title-5 { font-family: 'Bitter', serif; font-size: 25px; line-height: 25px; text-transform: uppercase; color: #3e454c; letter-spacing: -2px;}
	.title-6 { font-family: 'Bitter', serif; font-size: 15px; line-height: 15px; text-transform: uppercase; color: #af2026; padding-bottom: 17px;}
	.text-1 { }
	.text-2 { font-family: 'Bitter', serif; font-size: 25px; line-height: 30px; text-transform: uppercase; color: #3e454c;}
	.text-3 { font-family: 'Bitter', serif; font-size: 15px; line-height: 16px; color: #c8c193; padding-top: 18px;}

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

	.title-1 + .title-2 { margin-top: -2px;}
	.title-2 + .title-3 { padding-top: 17px;}
	.title-3 + .text-2 { margin-top: -4px;}
	.title-5 + .title-6 { padding-top: 3px;}
	img + .title-5,
	.magnifier + .title-5 { padding-top: 17px;}
	h2 + .title-5 { padding-top: 37px;}
	.title-5.v1 { padding-bottom: 5px;}
	p + .title-5 { padding-top: 25px;}
	.page-1 h2 { padding-top: 68px;}
	h2 + .list { margin-top: 32px;}
	.list + h2 { padding-top: 65px;}


	.btn {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 15px; 
		line-height: 50px;
		height: 50px;
		color: #fff;
		font-family: 'Bitter', serif;
		text-transform: uppercase;
		padding: 0 20px;
		background: #2a3f78;
		margin-top: 22px;
	}
	.btn:hover { background: #b62022;}
	.btn-1 {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 15px; 
		line-height: 50px;
		height: 50px;
		color: #fff;
		font-family: 'Bitter', serif;
		text-transform: uppercase;
		padding: 0 20px;
		background: #2a3f78;
	
		margin-top: 30px;
}
	.btn-1:hover { background: #b62022;}

	.link { color: #2a3f78; text-decoration: underline; display: inline-block; margin-top: 9px;}
	
	.list li {	
		text-transform: uppercase;
		font-family: 'Bitter', serif;
		font-size: 15px;
		line-height: 25px;
		padding-left: 20px;
		background: url(../images/arrow-1.png) 0 7px no-repeat;
	}
	.list li + li { margin-top: 0px;}
	.list li a { color: #8f9caa;}
	.list li a:hover { color: #2a3f78;}


	/*auxiliary*/

	.img-ind {float: left; margin-right: 16px; margin-top: 7px;}
	.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: 15px;}

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

h1 { 
	background: url(../images/bg-1.png) 0 bottom repeat-x;
	min-height: 258px;
	text-align: center;
}
h1 a { display: inline-block; margin-top: 81px;}
h1 a .logo {
	font-family: 'Oleo Script Swash Caps', cursive;
	font-size: 100px;
	color: #fff;
	text-transform: none;
	font-weight: normal;
	line-height: 80px;
}
h1 a .slogan {
	display: block;
	font-family: 'Bitter', serif;
	font-size: 24px; 
	line-height: 14px;
	text-transform: uppercase;
	color: #b62022;
	font-weight: normal;
	padding-top: 25px; 
}


.slider { padding-top: 24px;}
.camera_pag { text-align: center;}
.camera_wrap { height: 491px;}
.camera_wrap .camera_pag .camera_pag_ul { 
	display: inline-block;
	background: url(../images/bg-3.png) center bottom no-repeat;
	height: 53px;
	background-size: 100% 100%;
	padding: 0 24px;
}

.camera_wrap .camera_pag .camera_pag_ul li {
	margin: 11px 3px 0px;
	background: url(../images/camera_pag.png) right 0 no-repeat;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover {
	background: url(../images/camera_pag.png) 0 0 no-repeat;
}
.camera_wrap .camera_pag .camera_pag_ul li span { display: none;}

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

.content { padding-bottom: 19px;}
.page-1 .content { padding-bottom: 0px;}

.block-1 {	text-align: center;}
.block-1 .title-1 { padding-top: 48px;} 
.block-1 .title-3 { width: 64%; margin: 0 auto;}

.block-2-ins { 
	background: #ffffff;
	text-align: center;
	padding-bottom: 19px;
}
.block-2-ins + .block-2-ins { border-top: 1px solid #f2f2f2;}
.block-2-ins .title-3 { color: #b8babd; padding-top: 10px;}
.block-2 { position: relative;}
.block-2:after { 
	position: absolute;
	content: "";
	background: url(../images/bg-4.png) 0 0 repeat-x;
	height: 8px;
	bottom: -7px;
	left: 0;
	right: 0;
}

.b-dropcap { margin-top: 34px;}
.b-dropcap + .b-dropcap { margin-top: 28px;}
.b-dropcap .date {
	font-size: 15px;
	line-height: 15px;
	color: #3e454c;
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	text-align: center;
	background: #2a3f78;
	float: left;
	margin-right: 29px;
	width: 70px;
	letter-spacing: -1px;
	margin-top: 3px;
	position: relative;
}
.b-dropcap .date:hover { background: #af2026;}
.b-dropcap .date span {
	display: block;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	padding-top: 14px;
	padding-bottom: 5px;
}
.b-dropcap .date div {
	font-size: 15px;
	line-height: 15px;
	color: #fff;
	background: #3e454c;
	margin-top: 18px;
	padding-bottom: 11px;
	padding-top: 8px;
}
.b-dropcap .date:after {
	position: absolute;
	content: "";
	height: 14px;
	width: 12px;
	background: url(../images/bg-5.gif) 0 0 no-repeat;
	right: -12px;
	top: 15px;
}
.b-dropcap .date:hover:after {	background: url(../images/bg-5.gif) 0 bottom no-repeat;}

.box-1 {margin-top: 35px;}
.box-1 .title-5 { padding-top: 17px;}
.box-1 .img-circle {
	width: 40px;
	height: 40px;
	background: #af2026;
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
	float: right;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-ms-border-radius: 500px;
	border-radius: 500px;
	margin-top: 18px;
	display: block;
}
.box-1 .img-circle img { line-height: 40px; vertical-align: middle;}
.box-1 .img-circle:hover { background: #BEB57B;}

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

.block-3 {   margin-top: -21px; }

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

.block-2.v1 .block-2-ins { background: #fafafa;}
.block-2.v1:after { background: url(../images/bg-6.png) 0 0 repeat-x; bottom: -8px;}
.block-2.v1 .block-2-ins { padding-bottom: 16px;}

.splitter { margin-top: 76px;}
.splitter li {
	display: inline-block;
	margin-right: 20px;
	font-size: 18px;
	line-height: 20px;
	font-family: 'Bitter', serif;
	text-transform: uppercase;
}
.splitter li a { color: #3e454c;}
.splitter li a.selected,
.splitter li a:hover { color: #2a3f78;}

/*.isotope { margin-top: 0px;}*/
.item .box-2 { margin-top: 45px;padding: 0 10px;}
/*.isotope .isotope-item { margin-top: 0; padding-top: 0; top: 0;}*/

.isotope { margin-top: -9px;}
.isotope .item { 
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.b-post { margin-top: 39px;}
.b-post + .b-post { margin-top: 60px;}

.box-3 .title-6 { padding-bottom: 7px;}

/************Footer************/

footer { background: #3e454c; margin-top: 51px; position: relative;}
footer:before {
	position: absolute;
	content: "";
	background: url(../images/foot-bg.png) 0 0 repeat-x;
	height: 8px;
	top: -8px;
	left: 0;
	right: 0;
}
.list-services { text-align: left; position: relative; margin-top: 72px;}
.list-services li {	display: inline-block;}

	[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 2px;
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		-ms-border-radius: 500px;
		-o-border-radius: 500px;
		border-radius: 500px;
	}
	.list-services-1 { background-position: 0px 0px;}
	.list-services-2 { background-position: -43px 0px;}
	.list-services-3 { background-position: -86px 0px;}
	.list-services-3 { background-position: -86px 0px;}
	.list-services-4 { background-position: -128px 0px;}
	.list-services-1:hover { background-position: 0px bottom;}
	.list-services-2:hover { background-position: -43px bottom;}
	.list-services-3:hover { background-position: -86px bottom;}
	.list-services-4:hover { background-position: -128px bottom;}

.f-list { margin-top: 68px; padding-bottom: 0px;}
.f-list > li {
	font-family: 'Bitter', serif;
	font-size: 15px;
	line-height: 25px;
	text-transform: uppercase;
	padding-left: 23px;
	background: url(../images/arrow-1.png) 0 7px no-repeat;
}
.f-list > li a {color: #8f9caa;}
.f-list > li a:hover { color: #fff;}

.f-bg-1 { background: #2a3f78; margin-top: 65px;}

.copyright {
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	font-family: 'Bitter', serif;
	padding: 21px 0 21px;
}
.comp_name { color: #b62022; text-transform: uppercase;}


	#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: #2a3f78;
	}

		#toTop:hover:after { color: #3e454c;}

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


	/*touch-touch*/ 
	.magnifier {
		position:relative;
		display:block;
		background: #3e454c;
	}
	.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;
	}

	.magnifier:hover img {	opacity: 0.7;}


	.magnifier span {
		background: url(../images/magnifier.png) center center no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: none;
		transition: all .4s ease;
	}
	.magnifier:hover span {
		display: block;
	}




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


@media only screen and (max-width: 1040px) {
	.bg-1 { width: auto;}
}
@media only screen and (max-width: 995px) {
	.camera_wrap { height: 390px;}
	.w1 { width: 50%;}
	footer:before { top: -7px;}
}
@media only screen and (max-width: 767px) {
	.camera_wrap { height: 219px;}
	.title-1 { font-size: 30px; line-height: 35px;}
	.title-2 { font-size: 35px; line-height: 35px;}
	.grid_inside { margin: 0;}
	.splitter li { display: block;}
	.title-5 { font-size: 15px; line-height: 15px; letter-spacing: 0px;}
	.title-4 br { display: none;}
}
@media only screen and (max-width: 480px) {
	.camera_wrap { height: 157px;}
}
@media only screen and (max-width: 320px) {

}