/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(//fonts.googleapis.com/css?family=Oswald);



html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px; 
	color:#8c8c8c;
	background:url(../images/bg.jpg);
	padding:17px 0;
}

.main {
	background:#fff;
	max-width: 1172px;
	margin: 0 auto;
}

a {
	color:#1799cf; 
	outline:none; 
	text-decoration:none;
}
a:hover{text-decoration:underline}
a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}

.img-wrapper img {
	width: 100%;
}
.img-wrapper1 {	float: left;}
.img-wrapper1 img {	width: auto;}

p {margin-bottom:21px;}

.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom: 37px;}
.p7 {margin-bottom: 32px;}

.margin-bot {margin-bottom:37px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:22px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:19px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.title {margin-bottom:18px;}
.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#272727;}
.color-2 {color:#ffa823;}
.color-3 {color:#666;}

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot1 {margin-bottom:12px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border1 { position: relative;}
.border1:before {position: absolute;display: block;background: #f1f1f1;width: 1px;top: 20px; bottom:-12px;left: 0px;content: ' ';}

.border2 {border:1px solid #000;}
.border3 {border-bottom:1px solid #ff3a3a; height: 6px;}

.buttons a:hover {cursor:pointer;text-decoration:none;}

h1,h2,h3,h4,h5,h6 {
	line-height:1.2em;
	color:#232323;
	font-family: 'Oswald', sans-serif;
	margin:0px 0 33px; 
	text-transform:uppercase; 
	font-weight:normal;
}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:30px;} 
h4{font-size:27px;}  
h5{font-size:25px;}
h6{font-size:22px;}

h3 {
	padding-top: 41px;
}
h3 span {
	color: #6d6d6d;
}

.text-1 {
	display: block;
	font-size: 18px;
	line-height: 28px;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	margin-top: 30px;
}
.text-2 {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 23px;
}
.text-3 {
	font-size: 18px;
	line-height: 22px;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	color: #303030;
}

.button {
	display: inline-block;
	color: #fff;
	background: #000;
	padding: 0px 13px 2px;
	line-height: 27px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 13px;
}
.button:hover {
	color: #fff;
	background: #6d6d6d;
	text-decoration: none;
}

.list-1 {
	margin-top: 32px;
}

.list-1 li {
	line-height: 24px;
	font-size: 14px;
	padding-left: 13px;
	background: url(../images/marker-1.png) 0 9px no-repeat;
}
	.list-1 li a {
		color: #ff3a3a;
		text-decoration: underline;
		font-size: 14px;
	}

.menu li a,
.list-2 li a,
.list-1 li a:hover,
.link,
.logo {text-decoration:none;}
.logo img {	width: 100%;}
* {
	-webkit-text-size-adjust: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/*touch-touch*/
.magnifier {
	position:relative;
	display:block
}
#foo .magnifier:after {
	background: url(../images/magnify.png) right top no-repeat #000000;
}
.magnifier:hover:after {
	opacity:.8;
	-webkit-transition:opacity .2s linear;
	-moz-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
	transition:opacity .2s linear
}

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

header {
	background:url(../images/bg-content.png) center bottom no-repeat;
	padding-bottom: 54px;
}
.header-main {
	padding-bottom: 13px;
}
header h1 {
	margin-top: 54px;
	float: left;
}

.logo {
	display:block; 
}
.logo span {
	text-indent:-5000px; 
	display: block;
	height: 1px;
}

.row-1 .text-box {
	float: right;
	display: block;
	margin-top: 107px;
	font-size: 17px;
	line-height: 20px;
	color: #e4e4e4;
	width: 200px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	margin-top: 104px;
	margin-right: -37px;
}

.list-services {
	display: block;
	float: right;
	margin-top: 28px;
	margin-right: -9px;
}

.list-services li {
	float: left;
	padding: 0 0px 0 10px;
}
.list-services a {
	display: block;
	width: 30px;
	height: 29px;
}
.soc-link1 {background: url(../images/icon-1.png) no-repeat 0 0;}
.soc-link2 {background: url(../images/icon-2.png) no-repeat 0 0;}
.soc-link3 {background: url(../images/icon-3.png) no-repeat 0 0;}
.soc-link4 {background: url(../images/icon-4.png) no-repeat 0 0;}
.soc-link5 {background: url(../images/icon-5.png) no-repeat 0 0;}

.list-services a:hover {background-position:0 -30px;}

/*slider*/

.row-3 {
	width:1172px;
	margin-top: 30px;
}
	.camera_wrap {
		height: 527px;
	}

.row-3 .cameraContent {
	width: 179px;
	height: 179px;
	position: absolute;
	background: url(../images/page1-img1.png) 0 0 no-repeat;
	left: 111px;
	top: 67px;
	z-index: 999;
}
.row-3 .camera_caption {
	bottom: auto;
}
.row-3 .cameraContent .line-1 {
	background: none repeat scroll 0 0 transparent;
	color: #F7F6F2;
	display: block;
	font-family: 'Oswald',sans-serif;
	font-size: 35px;
	left: 1px;
	letter-spacing: -1px;
	line-height: 179px;
	position: absolute;
	text-align: center;
	top: 1px;
	width: 100%;
	z-index: 999;
}
.row-3 .camera_caption > div {
	background: none;
	position: relative;
}

/*arrows*/
.row-3 .camera_prev, .camera_next, .camera_commands {
	opacity: 1 !important;
}
.row-3 .camera_prev {
	left: auto;
	right: 80px;
	bottom: 74px;
	top: auto;
}
.row-3 .camera_next {
	right: 40px;
	bottom: 33px;
	top: auto;
}
.row-3 .camera_azure_skin .camera_prev > span {
	background-position: 0 0px;
}
.row-3 .camera_azure_skin .camera_next > span {
	background-position: 0px 0px;
}
.row-3 .camera_prev > span {
	display: block;
	height: 41px;
	width: 41px;
	text-indent: -5000px;
	background: url(../images/prev.png) 0 0 no-repeat;
}
.row-3 .camera_prev > span:hover {
	background: url(../images/prev.png) 0 -41px no-repeat;
}
.row-3 .camera_next > span {
	display: block;
	display: block;
	height: 41px;
	width: 41px;
	text-indent: -5000px;
	background: url(../images/next.png) 0 0 no-repeat;
}
.row-3 .camera_next > span:hover {
	background: url(../images/next.png) 0 -41px no-repeat;
}

.row-4 .text-row-4 {
	padding-top: 46px;
	width: 681px;
}
.row-4 .text-row-4 {
	float: left;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 20px;
	color: #c8c8c8;
	line-height: 28px;
	text-align: left;
}
	.row-4 .text-row-4 span {
		color: #2c2716;
	}
	.row-4 .img-wrapper {
		width: 244px;
		float: right;
		margin-top: 27px;
	}

/************Content***********/
	
.list_carousel {
	position:relative;
	display:block
}
.list_carousel #foo {
	margin:0;
	padding:0;
	list-style:none;
	display:block
}
.list_carousel #foo > li {
	padding:0;
	display:inline-block;
	overflow:hidden;
	position:relative;
	float:left;
	margin-right:11px!important;
	cursor:default;
}

.list_carousel.responsive {
	width:auto;
	margin-left:0;
	margin-top: 37px;
	padding-bottom: 37px;
}
.list_carousel .prev, .list_carousel .next {
	display:inline-block;
	width:30px;
	height:32px;
	cursor:pointer;
	position:absolute;
	bottom:20px;
}
.list_carousel .prev {
	left: 0px;
	background: url(../images/prev-1.png) 0px -32px no-repeat;
}
.list_carousel .next {
	background: url(../images/next-1.png) 0 -32px no-repeat;
	left: 35px;
}
.box {
	width: 100%;
	min-height: 324px;
	background: #3b3b3b;
	text-align: center;
	font-size: 18px;
	line-height: 19px;
	color: #8c8c8c;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
}
	.box .img-wrapper {
		cursor: pointer;
	}
	.box span { 
		padding: 20px 0px;
		display: block;
	}
.box3 {
	width: 100%;
	min-height: 324px;
	background: #3b3b3b;
	text-align: center;
	font-size: 18px;
	line-height: 19px;
	color: #8c8c8c;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
}
	.box .img-wrapper {
		cursor: pointer;
	}
	.box span { 
		padding: 20px 0px;
		display: block;
	}
	.next:hover {background:url(../images/next-1.png) 0px 0 no-repeat;}
	.prev:hover {background:url(../images/prev-1.png) 0px 0px no-repeat;}

	/*biography*/
	.text-page {
		margin-top: -4px;
	}

.fleft {
	float: left;
	margin-right: 25px;
	margin-top: 6px;
}
.fright {
	float: right;
	margin-left: 25px;
}
	.wrapper.spacing-bot .fright { 
		margin-top: 7px;
	}
	.box2 {
		padding: 27px 0 0 5px;
	}
		.box2 .img-wrapper1 {
			margin-top: 5px;
			margin-right: 27px;
		}
		.tabs1 {
			padding-bottom: 76px;
		}

	.email_link {
		font-size: 12px;
		text-transform: uppercase;
		line-height: 30px;
		color: #ffa823;
		font-weight: bold;
		text-decoration: none;
	}

	
.page-privacy {
	margin-bottom: -10px;
}


/************Footer************/
footer {
	width: 100%;
	margin-top: 50px;
	padding: 54px 0 44px;
	background: url(../images/bg-content.png) center top no-repeat;
}
	.footer-contacts {
		margin-top: 38px;
	}
	footer span {
		font-size: 18px;
		line-height: 36px;
		color: #c1c1c1;
		font-family: 'PT Sans Narrow', sans-serif;
		text-transform: uppercase;
		text-align: center;
		display: block;
	}
		footer span a {
			font-size: 18px;
			line-height: 36px;
			color: #c1c1c1;
			font-family: 'PT Sans Narrow', sans-serif;
			text-transform: uppercase;
			text-decoration: none;
		}
			footer span a:hover {
				color: #000;
				text-decoration: none;
			}



/*toTop*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	cursor:pointer;
	overflow:hidden;
	width: 48px;
	height: 25px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background: url(../images/ui.totop.png) no-repeat left 0px;
	margin-right: -670px !important;
	right: 50%;
	bottom: 20px;
}

	#toTop:hover {
		background: url(../images/ui.totop.png) no-repeat left -25px;
		width: 48px;
		height: 25px;
		display:block;
		overflow:hidden;
		float:left;
	}

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

/*tabs*/

.tabs { padding:0px 0 0 6px;}
	.tabs li {
		float:left; 
		font-size:14px; 
		line-height:42px; 
		margin-right:3px; 
		text-align:center; 
		color:#303030; 
		background:#fff; 
		border:1px solid #d8d8d8; 
		text-transform:uppercase;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
		.tabs li a {
			display:inline-block; 
			text-decoration:none; 
			color:#303030; 
			padding:4px 26px 0;
		}
		.tabs li a:hover,
		.tabs a.current {background:#eee; color:#303030 !important;}
#tab1 {overflow:hidden;}
#tab2 {overflow:hidden;}

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

@media only screen and (min-width: 1201px) {
	.list_carousel #foo > li {	width: 230px !important;}
}

@media only screen and (max-width: 1200px) {
	.row-3 {width:100%;}

	.list-services {margin-right: 0;}
}

@media only screen and (max-width: 995px) {
	.main {	max-width: auto; width: 100%;}

	.list-services {margin-right: 0;}

	.camera_wrap {height: 436px;}

	.row-1 .text-box {margin-right: 0px;}
	.row-4 .img-wrapper {width: 155px;}
	.row-4 .text-row-4 {width: auto;float: none;padding-bottom: 20px;text-align: left;}

	.box {min-height: 0;}
}

@media only screen and (max-width: 767px) {
	.row-1 .text-box,header h1 {float: none;}
	.row-1 .text-box {margin-top: 50px;}

	.list-services {float: none;}

	/*slider*/

	.row-3 .cameraContent {	display: none !important;}
	.camera_wrap {	height: 332px;}

	/*tabs*/
	.tabs {	padding-left: 0px;}
	.tabs li {margin-right: 0;width: 100%;}
	.tabs li a {padding: 0 0px;	width: 100%;font-size: 11px;}

	.box2 .img-wrapper1, .img-wrapper1 img {width: 100%; margin-bottom: 10px;}

	.border1:before {display: none;}

	.p-contacts .map_wrapper .figure_img {	float: none;}
	.p-contacts #map_canvas {width: 100%;}
}

@media only screen and (max-width: 480px) {
	.logo img {	width:300px;}

	.tabs li {	margin-right: 0;}
	.tabs li a {padding: 0;	font-size: 14px;width: 100%;}

	.camera_wrap {height: 213px;}
	.row-3 .camera_prev {bottom: 33px;}
	.text-page .fleft,
	.text-page .fright {float: none;margin-left: 0px;margin-right: 0;margin-bottom: 15px;}
	.box2 {	padding-left: 0;}

	
}

@media only screen and (max-width: 320px) {
	.logo img {	width:200px;}

	.camera_wrap {	min-height: 200px;}
}