@font-face {
	font-family: 'bitterregular';
	src: url('../fonts/bitter-regular-webfont.eot');
	src: url('../fonts/bitter-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/bitter-regular-webfont.woff') format('woff'),
	url('../fonts/bitter-regular-webfont.ttf') format('truetype'),
	url('../fonts/bitter-regular-webfont.svg#bitterregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bebasregular';
	src: url('../fonts/bebas___-webfont.eot');
	src: url('../fonts/bebas___-webfont.svg#bebasregular') format('svg'),
	url('../fonts/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/bebas___-webfont.woff') format('woff'),
	url('../fonts/bebas___-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular.eot');
	src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-regular.woff') format('woff'),
		 url('../fonts/opensans-regular.ttf') format('truetype'),
		 url('../fonts/opensans-regular.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'rockwell_extra_boldregular';
	src: url('../fonts/rockwell_extra_bold.eot');
	src: url('../fonts/rockwell_extra_bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/rockwell_extra_bold.woff') format('woff'),
		 url('../fonts/rockwell_extra_bold.ttf') format('truetype'),
		 url('../fonts/rockwell_extra_bold.svg#rockwell_extra_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'myriadProRegular';
	src: url('../fonts/myriad_pro-webfont.eot');
	src: url('../fonts/myriad_pro-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/myriad_pro-webfont.woff') format('woff'),
		 url('../fonts/myriad_pro-webfont.ttf') format('truetype'),
		 url('../fonts/myriad_pro-webfont.svg#MyriadProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'rockwell_extra_boldregular';
	src: url('../fonts/rockwell_extra_bold.svg#rockwell_extra_boldregular') format('svg');
	}
	@font-face {
		font-family: 'bitterregular';
	src: url('../fonts/bitter-regular-webfont.svg#bitterregular') format('svg');
	}
}
/* General Reset */
body{
	margin:0;
	color:#777;
	font: 15px/28px Arial, Helvetica, sans-serif;
	background: #fff;
	min-width: 320px;
}
img{border-style:none;}
input,
textarea,
select{
	color:#777;
	vertical-align:middle;
	font: 100% Arial, Helvetica, sans-serif;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before,
q:after {content: '';}
a{
	color:#fff;
	text-decoration:none;
}
a:hover{color: #c92127;}
a:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
.container{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}
.container:after{
	clear:both;
	content:'';
	display:block;
}
header, nav, section, article, aside, footer{display: block;}
h1{
	margin: 0;
	font-weight: normal;
	font: 96px/100px 'rockwell_extra_boldregular', sans-serif;
	color: #c92127;
	text-transform: uppercase;
}
h2{
	margin: 0;
	font-weight: normal;
	font: 36px/40px 'rockwell_extra_boldregular', sans-serif;
	color: #222;
	text-transform: uppercase;
}
/*header*/
header{
	background: #222;
	overflow: hidden;
	padding-bottom: 50px;
	margin-top: 30px;	
}
header .navbar{
	background: #141414;
	overflow: hidden;
	padding: 12px 0 7px;
}
header .logo{
	float: left;
	/*text-indent: -9999px;*/
	overflow: hidden;
	/*background:url(../images/logo.png) no-repeat;*/
	width: 290px;
	height: 33px;
	margin-left: 11px;
}
header .logo a{
	display:block;
	height:100%;
}
nav{
	float: right;
	padding: 3px 28px 3px 20px;
	font: 16px/20px 'bitterregular', serif;
}
nav .main-nav{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
nav .main-nav li{
	float: left;
	margin-left: 26px;
}
nav .main-nav li a{
	display: inline-block;
}
nav .main-nav .active a{color: #c92127;}
nav .main-nav li:first-child{margin-left: 0;}
nav .nav-button{
	margin: 6px 10px;
	float: right;
	padding: 3px 0;
	width: 35px;
	background: #222;
	display: none;
}
nav .nav-button:focus{outline: 0;}
nav .nav-button span{
	margin: 3px auto;
	display: block;
	height: 3px;
	width: 22px;
	background: #c92127;
}
/*intro*/
header .visual{
	color: #c92127;
	font: 26px/24px 'bitterregular', serif;
	padding: 45px 0 22px;
	text-align: center;
	background: url(../images/bg-intro.jpg);
}
header .visual h1{
	/*margin-top: -19px;*/
	padding-top:20px;
	position: relative;
	right: 100%;
}
header .visual h1 strong{
	color: #fff;
	display: block;
	margin: -43px 0 -1px;
}
header .visual .text{
	margin: 0 auto;
	max-width: 609px;
	padding: 16px 50px 18px;
	border-top: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	position: relative;
	left: 100%;
}
header .visual .visual-top-image{
	position: relative;
	z-index: 2;
	opacity: 0;
}
header .header-bottom{
	position: relative;
	padding: 35px 0 49px;
}
header .visual .visual-right-img{
	position: absolute;
	right: -100%;
	bottom: 12px;
}
header .visual .visual-left-img{
	position: absolute;
	left: -100%;
	top:-7px;
}
header .visual .btn-holder{
	opacity: 0;
	position: relative;
	z-index: 5;
}
header .visual .btn-holder img{
	position: relative;
	top:-30px;
	right: -168px;
}
.more-btn{
	display: block;
	margin: 0 auto;
	max-width: 215px;
	font: 16px/18px 'bitterregular', serif;
	color: #fff;
	background: #c92127 url(../images/bg-more-btn.jpg) 0 50% no-repeat;
	padding: 10px 17px 13px 54px;
	border:solid 1px #000;
}
.more-btn:hover{color: #ccc;}

.more-btn2{

	display:inline;
	margin: 0 auto;
	max-width: 215px;
	font: 16px/18px 'bitterregular', serif;
	color: #222;
	background: #c92127 url(../images/bg-more-btn.jpg) 0 50% no-repeat;
	padding: 10px 17px 13px 54px;
}
.more-btn2:hover{color: #fff;}

header .visual img{vertical-align: top;}
header .service-nav{
	padding: 15px 0 12px;
	background: url(../images/bg-service-nav.png);
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	top:100%;
	position: relative;
	margin: 0 auto;
}
header .service-nav ul{
	font-size: 14px;
	line-height: 16px;
	padding: 0;
	list-style: none;
	color: #fff;
	text-align: center;
}
header .service-nav ul li{
	display: table-cell;
	width: 17%;
	padding: 0 1% 0 1.8%;
}
header .service-nav ul li span{display: block;}
header .service-nav ul li a{
	display: block;
	letter-spacing: 3px;
	text-transform: uppercase;
	font: 22px/26px 'bebasregular', sans-serif;
}
.service-block{
	background: #666;
	padding: 40px 0 64px;
}
.service-block ul{
	color: #fff;
	padding: 0 0 49px;
	list-style: none;
	text-align: center;
	font: 14px/23px 'myriadProRegular', sans-serif;
	position: relative;
}
.service-block ul li{
	display: table-cell;
	width: 1%;
	border-left: 1px solid #ccc;
}
.service-block ul li:first-child{
	border-left: 0;
}
.service-block .btn-holder{

}
.service-block ul li img{
	display: block;
	margin: 0 auto 26px;
}
.service-block ul li .holder{
	padding: 14px 28px 20px;
}
.service-block h3{
	display: inline-block;
	letter-spacing: 2px;
	margin: 0 0 23px;
	padding: 0 7px 23px;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	font: 18px/20px 'bebasregular', sans-serif;
}
.service-block p{margin: 0 0 10px;}
.btn-01{
	background: #222;
	display: block;
	max-width: 88px;
	margin: 0 auto;	
	padding: 11px 8px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
	font: 14px/16px 'bebasregular', sans-serif;
	position: relative;
}
/*about*/
.about{
	padding: 90px 0 73px;
	background: url(../images/bg-about-block.jpg);
	overflow: hidden;
}
.about .text-holder{
	float: left;
	width: 50%;
	margin: 0 10.45% 0 2px;
}
.about .text-holder h2{
	margin-bottom: 26px;
}
.about .text-holder p{
	margin: 0 0 28px;
	word-spacing: 2px;
}
.about ul{
	overflow: hidden;
	margin: 0;
	padding: 26px 0 0;
	list-style: none;
	line-height: 23px;
	word-spacing: -1px;
}
.about ul li{
	padding: 0 0 72px;
	position: relative;
	background: url(../images/bg-about-01.png) 41px 0 repeat-y;
}
.about ul li:last-child{
	background: none;
	padding-bottom: 40px;
}
.about ul li:after{
	clear:both;
	content:'';
	display:block;
}
.about ul .img-holder{
	/*border: 14px solid #e8e8e8;*/
	float: left;
	margin: -18px 31px 0 0;
	position: relative;
}
.about ul .img-holder:after{
	content: "";
	position: absolute;
	bottom: -2px;
	left:50%;
	margin-left: -38px;
	width: 78px;
	height: 33px;
	/*background: url(../images/ico-05.png) no-repeat;*/
}
.about ul .img-holder img{vertical-align: top;}
.about ul li p{
	margin: 0;
	overflow: hidden;
}
/*.gallery*/
.gallery{
	text-align: center;
	padding: 68px 0 57px;
}
.gallery h2{margin-bottom: 37px;}
.gallery p{
	max-width: 850px;
	margin: 0 auto 83px;
}
.gallery ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.gallery ul li{
	margin: 0 11px;
	vertical-align: top;
	display: inline-block;
}
.gallery ul li a{
	display: inline-block;
	border: 13px solid #ededed;
	position: relative;
	width: 84px;
	height: 84px;
}
.gallery ul li a:hover{
	border-color: #222;
	-webkit-box-shadow: 0 0 16px #c1c1c1;
	-moz-box-shadow: 0 0 16px #c1c1c1;
	box-shadow: 0 0 16px #c1c1c1;
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	-o-transition: border-color .5s;
	transition: border-color 0.8s;
}
.gallery ul li a img:first-child{
	opacity: 0;
	position: absolute;

}
.gallery ul li a:hover img:first-child{opacity: 1;}
.gallery ul li a:hover img+img{opacity: 0;}
.gallery ul li a img{
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity 0.5s;
	left:50%;
	top:50%;
	margin: -42px 0 0 -42px;
	position: absolute;
	vertical-align: top;
}
/*mobile-info*/
.mobile-info{
	background: #222;
	padding: 75px 0 0;
	border-bottom: 1px solid #a7a7a7;
}
.mobile-info .container{position: relative;}
.mobile-info h2{
	color: #fff;
	margin-bottom: 46px;
}
.mobile-info .txt-holder{
	float: left;
	width: 40%;
	padding: 0 0 36px;
	color: #c92127;
	font: 26px/30px 'bitterregular',serif;
}
.mobile-info .txt-holder p{margin: 0 0 30px;}
.mobile-info .img-holder{
	position: absolute;
	right: 12px;
	bottom: 0;
	width: 30.6%;
}
.mobile-info .img-holder img{
	vertical-align: top;
	width: 100%;
}
.mobile-info .img-holder:before{
	content: "";
	position: absolute;
	bottom: 87px;
	left: -270px;
	background: url(../images/ico-arrow.png) no-repeat;
	width: 239px;
	height: 76px;
}
/*.add-info*/
.add-info{
	padding: 64px 0;
	-webkit-box-shadow: 0 1px 1px #d7d7d7;
	-moz-box-shadow: 0 1px 1px #d7d7d7;
	box-shadow: 0 1px 1px #d7d7d7;
	position: relative;
	background: #fff;
}
.add-info h2{margin-bottom: 56px;text-align:center;}
.add-info .intro{
	color: #333;
	font: 26px/30px 'bitterregular', serif;
	max-width: 1000px;
	margin-bottom: 42px;
}
.add-info .intro p{margin: 0 0 30px;}
.add-info .intro a{
	color: #333;
	font-size: 24px;
	line-height: 26px;
	text-decoration: underline;
}
.add-info .intro a:hover{text-decoration: none;}
.add-info .text-holder{
	max-width: 610px;
	word-spacing: 3px;
}
.add-info .text-holder p{margin: 0 0 28px;}
/*footer*/
footer{
	color: #6e6e6e;
	font-size: 12px;
	line-height: 14px;
	padding: 91px 0;
	background: url(../images/bg-about-block.jpg);
}
footer h4{
	color: #222;
	word-spacing: 2px;
	margin: 0 0 29px;
	font-weight: normal;
	font: 18px/20px 'bitterregular', serif;
	padding-bottom: 26px;
	position: relative;
}
footer h4:after{
	left:0;
	bottom: 0;
	content: "";
	position: absolute;
	width: 51px;
	height: 3px;
	background: url(../images/bg-01.jpg) no-repeat;
}
footer h5{
	color: #222;
	margin: 0 0 12px;
	word-spacing: 2px;
	font-weight: normal;
	font: 14px/20px 'bitterregular', serif;
}
footer .col{
	display: table-cell;
	width: 1%;
	border-left: 1px solid #dedede;
	padding-left: 39px;
}
footer .col:first-child{
	border-left: 0;
	padding-left: 0;
}
footer .col ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
/*.visit-link*/
footer .col ul a{color: #6e6e6e;}
footer .col ul a:hover{color: #c92127;}
footer .col .visit-link{
	font: 13px/15px 'open_sansregular', sans-serif;
	margin-bottom: 24px;
}
footer .col .visit-link li:first-child{margin-top: 0;}
footer .col .visit-link li{margin-top: 5px;}
/*address*/
footer .col address{
	font-style: normal;
	font: 14px/17px 'myriadProRegular', sans-serif;
}
footer .col address span:first-child{margin-top: 0;}
footer .col address span{
	display: block;
	margin-top: 3px;
}
/*.about-link*/
footer .col .about-link{font-family: 'myriadProRegular', sans-serif;}
footer .col .about-link li{
	padding: 0 0 6px 19px;
	background: url(../images/bul-01.png) 0 2px no-repeat;
}
/*.shots*/
footer .col .shots{
	margin-left: -2px;
	overflow: hidden;
}
footer .col .shots li{
	float: left;
	margin: 0 2px 8px;
}
footer .col .shots li img{vertical-align: top;}
/*news*/
footer .col .news{
	margin-top: -2px;
	font-size: 14px;
	line-height: 20px;
	max-width: 230px;
}
footer .col .news li:first-child{
	margin-top: 0;
}
footer .col .news li{
	margin-top: 20px;
	padding: 0 0 0 24px;
	background: url(../images/bul-02.png) 0 4px no-repeat;
}
footer .col-holder{margin-bottom: 86px;}
footer .copy{
	margin: 0 0 0 3px;
	font-family: 'open_sansregular', sans-serif;
}
@media (min-width: 768px){
	nav .main-nav{display: block!important;}
}
/*tablet*/
@media screen and (max-width: 1000px) {
	header .logo{
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
	nav{
		float: none;
		padding: 0;
	}
	nav .main-nav{
		display: none;
		text-align: center;
		clear: both;
	}
	nav .main-nav li{
		float: none;
		display: inline-block;
		margin: 0;
		padding: 5px 10px;
	}
	nav .main-nav li a{white-space: nowrap;}
	header .visual h1{
		font-size: 80px;
		line-height: 86px;
	}
	header .visual .text{
		font-size: 22px;
		line-height: 20px;
	}
	header .service-nav ul li a{
		font-size: 18px;
		line-height: 22px;
	}
	header .visual .btn-holder img{
		width: 150px;
		height: 88px;
	}
	header .visual .visual-left-img{
		width: 219px;
		height: 159px;
		top:50%;
		margin-top: -79px;
	}
	header .visual .visual-right-img{
		width: 183px;
		height: 114px;
		bottom: 50%;
		margin-bottom: -57px;
	}
	.gallery ul li{
		margin-bottom: 22px;
	}
	.mobile-info .img-holder:before{
		width: 150px;
		height: 49px;
		-webkit-background-size: 150px 49px;
		background-size: 150px 49px;
		left:-180px;
	}
	.about{padding: 40px 0 0;}
	.add-info{padding-bottom: 20px;}
	footer{padding: 40px 0;}
	footer .col-holder{margin-bottom: 30px;}
}
@media screen and (max-width: 767px){
	header .visual{
		padding-top: 22px;
	}
	header{padding-bottom: 10px;}
	nav .main-nav li{
		display: block;
		width: auto;
		float: none;
		margin: 0;
		padding: 5px 10px;
	}
	nav .nav-button{display: block;}
	header .service-nav ul{
		text-align: center;
	}
	header .service-nav ul li{
		display: block;
		width: auto;
		margin-bottom: 20px;
	}
	header .visual h1{
		font-size: 50px;
		line-height: 48px;
		margin-top: -10px;
	}
	header .visual .text{
		font-size: 14px;
		line-height: 12px;
		max-width: 400px;
	}
	header .visual h1 strong{margin-top: -20px;}
	header .visual .visual-top-image{
		width: 150px;
		height: 123px;
	}
	header .visual .visual-left-img{
		width: 157px;
		height: 114px;
		margin-top: -56px;
	}
	header .visual .visual-right-img{
		width: 131px;
		height: 82px;
		margin-bottom: -41px;
	}
	header .visual .btn-holder img{
		top:auto;
		bottom: 10px;
		right:-70px;
	}
	.service-block ul li{
		display: block;
		width: auto;
		margin-bottom: 15px;
	}
	.service-block ul li .holder{
		border-top: 1px solid #ff8c3f;
	}
	.service-block ul li:first-child .holder{border-top: none;}
	.about{padding: 40px 0 0;}
	.gallery{padding: 20px 10px;}
	.gallery p{
		margin-bottom: 40px;
	}
	.about .text-holder{
		text-align: center;
		float: none;
		width: auto;
		margin: 0 0 25px;
	}
	.mobile-info{padding: 20px 0 0;}
	.mobile-info .txt-holder{
		float: none;
		width: 100%;
		text-align: center;
	}
	.mobile-info .img-holder{
		position: static;
		margin: 0 auto;
		width: 40%;
	}
	.mobile-info .txt-holder{padding-bottom: 0;}
	.mobile-info .img-holder:before{display: none;}
	.add-info{
		padding: 20px 0;
		text-align: center;
	}
	.add-info .text-holder{max-width: 100%;}
	.service-block{padding: 15px 0;}
	.service-block ul{padding-bottom: 0;}
	.service-block .btn-holder{
		display: block;
		width: auto;
		position: static;
	}
	footer h4, footer h5{display: inline-block;}
	footer .col-holder{
		text-align: center;
		margin-bottom: 20px;
	}
	footer{padding: 20px 0;}
	footer .col{
		display: block;
		width: auto;
		padding: 15px 0;
		border-left: 0;
		border-top: 1px solid #dedede;
	}
	footer .col .about-link{
		max-width: 130px;
		margin: 0 auto;
		text-align: left;
	}
	footer .col .shots li{
		float: none;
		display: inline-block;
	}
	footer .col:first-child{border-top: 0;}
	footer .col .news{margin: 0 auto;}
	footer .copy{text-align: center;}
}


/*	table styles	*/
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#ccc; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #cc0000 5%, #990000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cc0000), color-stop(1, #990000) );
	background:-moz-linear-gradient( center top, #cc0000 5%, #990000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc0000", endColorstr="#990000");	background: -o-linear-gradient(top,#cc0000,990000);

	background-color:#cc0000;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.CSSTableGenerator td a{color:#000;}

.text-holder a{
	color:#000;
}
.text-holder a:hover{
	color:#333333;	
}
.linkUnderline{
	text-decoration:underline;	
}