/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../fonts/font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

	html, body {
		background: #fafafa url(../images/bg-1.gif) 0 0 repeat;
		font: 12px/20px Arial, sans-serif;
		font-family: 'Open Sans', sans-serif;
		color: #030303;
		min-width:300px;
		font-weight: 300;
	}

	* { -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: #f9580e;}

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

	h1, h2, h3, h4, h5, h6 { font-weight: 300;}
	h1 { }
	h2 { text-transform: uppercase; font-weight: 300; color: #454444; text-align: center; font-size: 14px; letter-spacing: 3px; padding-top: 40px; padding-bottom: 36px;}
	h3 { text-transform: uppercase; font-weight: 300; color: #454444; font-size: 14px;}
	h4 { }
	h5 { }

h2 span { 
	position: relative;
	display: inline-block;
	padding-left: 175px;
	padding-right: 175px;
}
h2 span:before,
h2 span:after {
	content: "";
	width: 156px;
	height: 2px;
	top: 10px;
	background: #454444;
	display: block;
	position: absolute;
}
h2 span:before {left: 0px;}
h2 span:after { right: 0px;}

h2.v1 span { padding-left: 114px; padding-right: 114px;}
h2.v1 span:before,
h2.v1 span:after {	width: 95px;}

h2.v2 span { padding-left: 74px; padding-right: 74px;}
h2.v2 span:before,
h2.v2 span:after {	width: 74px;}

	.title-1 { font-size: 18px; font-weight: 600; } 
	.title-2 {text-transform: uppercase; font-weight: 300; color: #454444; font-size: 14px;}
	.title-3 { text-transform: uppercase; font-weight: 300; color: #030303; font-size: 14px;padding-top: 19px;padding-bottom: 20px;}
	.text-1 { text-transform: uppercase; letter-spacing: 2px;}
	.text-2 { font-size: 11px; color: #454444; font-size: 14px;  font-style: italic; letter-spacing: 1px;}
	.text-3 { font-size: 11px; text-transform: uppercase;}
	.text-4 { font-weight: 800; font-size: 48px; line-height: 48px; text-transform: uppercase; letter-spacing: 4px;}

	.color-1 { color: #f9580e;}
	.color-2 { }

	a.text-2 { transition: all .4s ease;}
	a.text-2:hover { color: #f9580e;}
	img.wrapper + .title-2 { padding-top: 25px;}
	ul.list + h2 { margin-top: -5px;}
	h2 + .list { margin-top: -4px;}
	h2 + .title-3 { padding-top: 0;}
	.title-1 a:hover { color: #f9580e;}
	.title-3 a:hover { color: #f9580e;}
	.title-1 a { transition: all .4s ease;}
	.title-3 a { transition: all .4s ease;}

.grid_4 h2 span { padding-left: 77px; padding-right: 77px;}
.grid_4 h2 span:before,
.grid_4 h2 span:after { width: 59px;}

	.btn {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 12px; 
		line-height: 20px;
		border-top: 1px solid #000000;
		margin-top: 12px;
		color: #f9580e;
		padding-top: 13px;
		letter-spacing: 1px;
}
	.btn:hover { color: #030303;}

	.list { margin-top: 5px;}
	.list li {
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 28px;
		padding-left: 14px;
		position: relative;
	}
	.list li:after {
		content: "\f105";
		display: inline-block;
		font-family: FontAwesome;
		position: absolute;
		left: 0;
	}
	.list li + li { margin-top: 0px;}
	.list li a { color: #f9580e;}
	.list li a:hover { color: #030303;}

	.link-1 { font-size: 11px; font-weight: 300; text-transform: uppercase; text-decoration: underline; margin-top: 15px; display: inline-block;}
	.link-2 { color: #f9580e;}
	.link-2:hover { color: #030303;}

	/*auxiliary*/

	.img-ind {float: left; margin-right: 20px; margin-top: 4px;}
	.wrapper {width: 100%; position: relative;margin-top: 4px;}
	.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: 20px;}

.h-bg-1 { background-color: #f6f6f6; }
.h-bg-1 img { width: 100%;}

.w4 { width: 50%; float: left;}

img.wrapper + .title-3 { padding-top: 22px;}

/************Header************/
h1 { text-align: center; margin-top: 22px;}

header { border-bottom: 1px solid #f9580e;}
.page-1 header { border-bottom: none;}

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

.bord-bot {
	position: relative;
	padding-bottom: 101px; 
}
.bord-bot:after {
	content: "";
	position: absolute;
	border-bottom: 1px solid #c1c1c1;
	bottom: 0;
	left: 10px;
	right: 10px;
}

.block-1 { background: #ffffff; margin-bottom: 4px; margin-top: 7px;}
.block-1 .b-1 { width: 321px;}
.block-1 .b-2 { width: 320px;}
.block-1 .b-3 { width: 298px;}
.block-1 > div { float: left;}
.block-1 .inside { padding: 13px 10px 10px 18px; }
.price { font-size: 30px; line-height: 40px; color: #454444; font-weight: 800;}
.block-1 .b-1 .price { float: left; margin-right: 15px;}
.block-1 .b-2 .b-img { float: left; margin-right: 17px;}
.block-1 .top-1 { padding-top: 13px; display: inline-block;}
.block-1 .title-1 + .text-1 { padding-top: 12px;}
.block-1 .b-1 .title-1 + .text-1 { padding-top: 0px;}
.block-1 .b-2 .inside > div + div { margin-top: 10px;}
.block-1 .b-2 .inside { padding-top: 10px;} 
.block-1 .b-3 .inside { padding-top: 10px;} 
.block-1 .title-1 + .title-1 { padding-top: 6px;}

.block-1 .b-img { position: relative;}
.block-1 .b-img:after {
	position: absolute;
	content: "";
	border: 17px solid;
	width: 0;
	height: 0;
}
.block-1 .b-1 .b-img:after,
.block-1 .b-3 .b-img:after { border-color: transparent transparent #fff transparent; bottom: 0; left: 50%; margin-left: -17px;}
.block-1 .b-2 .b-img:after { border-color: transparent #fff transparent transparent; right: 0; top: 50%; margin-top: -17px;}

.date { font-size: 11px; color: #454444; margin-top: 3px;}

.block-2 > div { margin-top: 2px;}

.date + h3 { margin-top: 8px; padding-bottom: 20px;}

.block-3 { margin-top: 44px; background: #ffffff;}
.block-3 .inside { padding: 34px 50px 20px 62px; position: relative;}
.block-3 .wrapper { margin-top: 0;}
.quote.v1 { position: absolute; left: 41px;}
.quote { display: inline-block; font-size: 48px; margin-top: 10px;}

.block-4 { text-align: center; padding-top: 25px;}

.list_carousel { margin-top: 8px;}
.list_carousel ul { cursor: default;}
.list_carousel li { float: left; text-align: center;}

.pagination a {
	display: inline-block;
	text-indent: -100px;
	height: 6px;
	width: 6px;
	background: url(../images/pag-1.png) right 0 no-repeat;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 6px;
}
.pagination a:hover, .pagination a.selected { background: url(../images/pag-1.png) 0 0 no-repeat;}

.bg-1 { 
	background: url(../images/bg-3.jpg) 0 0 no-repeat; 
	min-height: 316px; 
	text-align: center; 
	color: #fff; 
	padding-top: 105px;
	font-weight: 800;
	font-size: 24px;
	letter-spacing: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.bg-1 .text-4 { padding-bottom: 10px;}

.block-5 > div + div { margin-top: 47px;}

.splitter { text-align: center;}
.splitter li { display: inline-block; text-align: center; padding-top: 0; margin-top: -6px; letter-spacing: 3px; padding: 0 10px;}
.splitter li a.selected, .splitter li a:hover { color: #f9580e;}
.isotope { margin-top: 25px;}
.isotope .isotope-item > div { margin: 0 10px;}
.isotope .title-3 { padding-top: 26px;}
.title-3 .price-1 { float: right; font-size: 14px; color: #f9580e;}

.pad-bot { height: 36px;}

.post_info { color: #f9580e;}
.title-3 + .post_info { margin-top: -11px;}
.blog_post + .blog_post { margin-top: 59px;}


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

footer { margin-top: 31px; padding-bottom: 30px;}

footer a.logo-1 {
	margin-bottom: 11px;
	display: inline-block;
}
.copyright { letter-spacing: 1px;}

.list-services { position: relative; margin-top: -3px;}
.list-services li {
	display: inline-block;
	float: left;
}

	.list-services li a {
		display: inline-block;
		text-decoration: none;
		-webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
		margin-left: 10px;
		text-align: center;
		line-height: 50px;
		height: 50px;
		width: 50px;
		background: url(../images/bg-4.png) 0 0 no-repeat;
	}
	.list-services li a i {
		color: #fff;
		font-size: 24.5px;
		line-height: 24px;
		vertical-align: middle;
	}
	.list-services li a:hover i {color: #000;	}

	.b-address { margin-bottom: 32px;}
	.b-address span { display: inline-block; width: 76px;}

.box-1 { margin-top: 12px;}


	/*toTop*/

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

		#toTop:hover { background: url(../images/ui.totop.png) 0 bottom no-repeat;}

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



	/*touch-touch*/ 
	.magnifier {
		position:relative;
		display:block;
		background: url(../images/magnifier.png) center center no-repeat #000000;
	}
	.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;
		width: 100%;
	}

	.magnifier:hover img {
		opacity: 0.4;
	}






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


@media only screen and (max-width: 995px) {
	h1 img { width: 100%;}
	.block-1 img { width: 100%;}
	.block-1 > div { width: 33% !important;}
	.block-1 .b-2 .b-img { width: 50%;}
	.block-3 > div { width: 100%;}
	.w1 { width: 34%; margin-bottom: 20px;}
	.grid_4 h2 span {padding-left: 65px; padding-right: 65px;}
}
@media only screen and (max-width: 767px) {
	.block-1 > div { width: 100% !important;}
	.block-2 > div + div { margin-top: 40px;}
	.w4 { width: 100%;}
	.list_carousel { margin-bottom: 30px;}
	footer .fright { margin-bottom: 50px; float: left;}
	.box-1 { width: 44% !important; margin-right: 3%; margin-right: 3%; margin-top: 20px;}
	.block-3 .inside { padding: 34px 20px 20px 32px;}
	.quote.v1 { left: 10px;}
}
@media only screen and (max-width: 479px) {
	.bg-1 .text-4 { font-size: 30px; line-height: 30px;}
	h2 span { padding: 0 30px;}
	.w1 { width: 100%; margin-left: 0;}
	h2 span:before, h2 span:after { width: 20px;}
	.box-1 { width: 100% !important; margin-right: 0; margin-right: 0; margin-top: 20px;}
	.title-3 .price-1 { float: none; display: block;}
}
@media only screen and (max-width: 320px) {

}