/*css*/
@import "reset.css";
@import "grid.css";
@import "superfish.css";

@import url(http://fonts.googleapis.com/css?family=Istok+Web:400);
@import url(http://fonts.googleapis.com/css?family=Istok+Web:400italic);
@import url(http://fonts.googleapis.com/css?family=Istok+Web:700);

html, body {
	width: 100%;
	background: url(../images/bg1.jpg) 0 0 repeat;
	color: #0099FF;
	font: italic 13px/24px 'Trebuchet MS', sans-serif;
	text-align: left;
}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}

a {
	color: #9f9f9f;
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

p {
	color: #CCCCCC;
	font: italic 16px/24px 'Istok Web', sans-serif;
}

p2 {
	color:#333;
	font: italic 16px/24px 'Istok Web', sans-serif;
}

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


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

#header, #header1 {
	position: relative;
	height: 115px;
	max-height: 158px;
	background: url(../images/head_bg.png) 0 0 repeat-x;
	background-size: 100%;
	z-index: 1;
}

#header1 {
	background: url(../images/slide1.jpg) 0 0 no-repeat;
	background-size: 100%;
}

.shadow {
    background: url("../images/shadow_bg.png") 0 0 repeat;   
    height: 158px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

h1 {text-align: left;}
h1 a img{
	z-index: 2; 
	position: relative;
	margin-top: 47px;
}


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

#content, #content1, #content2{
    position: relative;
    width: 100%;
    background: url(../images/bg.jpg) 0 0 repeat;
}
#content1 {padding: 61px 0 59px;}
#content2 {padding: 61px 0 8px;}

.bg_image, .bg_image1, .bg_image2 {
	background: url(../images/bg_image.png) 0 0 repeat-x;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
	min-height: 369px;
	padding: 70px 0;
}
.bg_image1 {
	background: url(../images/bg_image1.jpg) 0 0 repeat-x;
	background-size: 100% 100%;
	padding: 84px 0 44px;
	min-height: 152px;
}
.bg_image2 {
	padding: 68px 0 54px;
}

.bg, .bg1 {
	background: url(../images/bg.jpg) 0 0 repeat;
	position: relative;
	width: 100%;
}
.bg1 {background-image: none; background-color: #fff;}
.bg2 {
	background-color: #fff;

}

.wrap {padding: 88px 0 42px;}
.wrap1 {padding: 68px 0 42px;}


h2,h3,h4,h5,h6 {
	font: italic 400 30px/30px 'Istok Web', sans-serif;
	color: #0b0a0a;
	text-transform: uppercase;
	position: relative;
}

h2 {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 48px 0 25px;
	letter-spacing: -.5px;
}

h3 {
	display: block;
	position: relative;
	color: #FFFFFF;
	margin-bottom: 20px;
}

h4 {
	color: #fff;
	margin-bottom: 26px;
}

h5 {
	font: italic bold 24px/24px 'Trebuchet MS', sans-serif;	
	color: #fff;
	text-transform: lowercase;
}

h6 {
	font: italic bold 24px/24px 'Trebuchet MS', sans-serif;	
	color: #fff;
	text-transform: none;
	text-transform: none;
}

.col1 {color: #626161;}

.thumbnails, .thumbnails1 {
	position: relative;
	text-align: center;
	margin:0;
	padding: 0 20px;
}

.thumbnails img {margin-bottom: 25px;}
.thumbnails p {margin-top: 2px; color: #9f9f9f; font: italic 13px/24px 'Trebuchet Ms', sans-serif;}

.thumbnails1 address, .thumbnails1 a { color: #fff; display: block; font: bold italic 13px/16px 'Trebuchet MS', sans-serif;}
.thumbnails1 a {display: inline-block; text-decoration: none; padding-bottom: 10px;}
.thumbnails1 a:hover {color:#d30c23; }
.thumbnails1 .info {position: relative;}

.thumb {margin-bottom: 37px;}

.box {
    text-align: left;
    color: #626161;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin: 5px 0 35px;
    padding-bottom: 22px;
    position: relative;
    overflow: hidden;
}

.box img {margin-bottom: 26px;}

.box:hover {
    transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    background-color: #e0dddd;
}

.box p {
    padding: 0 20px;
    margin-top: 4px;
}

.box .maxheight {
    margin-bottom: 23px;
}

.box a {
    display: inline;
    font: italic bold 24px/24px 'Trebuchet MS', sans-serif;
    text-transform: none;
    text-decoration: none;
    color: #626161;
    margin: 0 20px;
}

.box a:hover {
    color: #d30c23;
}

.image {
	position: relative;
	float: left;
	width: 48.5%;	
}

.cont {
	margin-top: 58px;
	padding-right: 29px;
}

.block, .block1, .block2, .block3 {
	position: relative;
	overflow: hidden;
	margin: 29px 0 31px;
}

.block1 {margin: 0 0 83px 0;}
.block1 p {padding-top: 17px;}

.block2 img {
	float: left;
	margin-right: 25px;
}
.block2 div {
	float: left;
	width: 59%;
}

.block3 {margin: 1px 0 86px;}
.block3 img {margin-bottom: 24px;}

a.link {
	position: relative;
	background:#d30c23;
	color: #fff; 
	height: 38px;
	margin-top: 22px;
	text-align: center;
	display: inline-block;
	font: 400 italic 14px/38px 'Trebuchet MS', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	width: 82px;
}

a.link1 {
	font: 400 italic 16px/49px 'Istok Web', sans-serif;
	background-color: #262323;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	display: inline-block;
	width: 170px;
	height: 49px;
	text-align: center;
	margin-top: 19px;
}

a.link2 {
	color: #626161;
	font: bold italic 24px/24px 'Trebuchet MS', sans-serif;
	margin-bottom: 4px;
	display: inline;
	text-decoration: none;
}

a.link3 {
	font: 400 italic 16px/49px 'Istok Web', sans-serif;	
	display: inline-block;
	background: #262323;
	color: #fff;
	width: 90px;
	text-align: center;
	height: 49px;
	text-decoration: none;
	margin-top: 16px;
}

a.link4, a.link5 {
	color: #626161;
	display: inline;
	text-decoration: underline;
	float: left;
	font-size: 24px;
	line-height: 24px;
	font-family: 'Trebuchet MS';
}
a.link5 {
	font-size: 16px; 
	line-height: 16px; 
	font-family: 'Istok Web';
	margin: 8px 0 42px;
}

a.link:hover {background: #262323;}
a.link1:hover, a.link3:hover {background: #d30c23;}
a.link2:hover {color: #d30c23;}
a.link5:hover {color: #d30c23; text-decoration: none;}

a.link1 + a.link1 {margin-left: 2px;}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 260px;
    margin: 0 auto;
    overflow: hidden;
    width: 43px;
    height: 43px;
    text-indent: -999px;
    text-align: center;
    z-index: 20;
    margin-right: -621px!important;
    background: url(../images/toTop.png) 0 0 no-repeat;
    opacity: .8;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';

    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}

#toTop:hover {
    outline: none;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.circle, .circle1 {
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: 2px solid #fff;
	height: 66px;
	width: 66px;
	background: none;
	line-height: 66px;
	text-align: center;
	margin: 0 0 16px 0px;
	color: #fff;

	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}
.circle1 {
	background:#262323;
	font: italic bold 24px/60px 'Trebuchet MS';
	margin: 0;
	border: none;
	height: 60px;
	width: 60px;
	margin-top: 6px;
}

ul.list {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 20px 0 68px;
	width: 100%;
	text-align: center;
}

ul.list li {display: inline-block;}
ul.list li+li {margin-left: 50px;}
ul.list li a {text-decoration: none; display: inline-block;}
ul.list li a:hover {opacity: .7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';}

ul.list1 {
	position: relative;
	overflow: hidden;
	text-align: left;
	margin-top: -6px;
}

ul.list1 li {
	position: relative;
	overflow: hidden;
	background: url(../images/arrow_3.png) 0 11px no-repeat;
	padding-left: 27px;
}

ul.list1 li a {
	display: inline;
	font: italic 16px/35px 'Istok Web', sans-serif;
	text-transform: none;
	text-decoration: none;
	color: #626161;
}
ul.list1 li a:hover {
	color: #d30c23;
}

.section {
	position: relative;
	overflow: hidden;
	margin: 0 0 30px;
	text-align: left;
}
.section h6, .block1 h6 {margin-bottom: 10px;}
.section p {
	font-family: 'Trebuchet MS';
	font-size: 13px; 
	line-height: 24px; 
	color: #9f9f9f; 
	font-weight: bold; 
	margin-top: 28px;
}

.text {position: relative;margin: 2px 0 20px;}
.text h6 {margin-bottom: 4px;}

ul.list_2 {
	position: relative;
	overflow: hidden;
}

ul.list_2 li {
	position: relative;
	width: 100%;
	float: left;
	margin: 6px 0 33px;
}
ul.list_2 li img {
	float: left;
	margin: 0 25px 0 0;
}

ul.list_2 li div {
	float: left;
	width: 55%;
	margin-top: -5px;
}

.add {padding-top: 44px;}

.section1 {
	position: relative;
	overflow: hidden;
	text-align: left;
	margin-bottom: 60px;
}

.sidebar {
	position: relative;
	margin-bottom: 54px;
}

.section1 {margin-bottom: 57px;}

.section1 img {margin: 24px 0 25px;}

.section1>div {
	margin: 2px 99px 0 0;
	position: relative;
	overflow: hidden;
}
.section1 a.links1, a.links2, a.links3, .section time {
	font: italic 16px/24px 'Istok Web', sans-serif;
	color: #626161;
	display: inline-block;
	text-decoration: none;
}

a.links1, a.links2 {margin-left: 25px;}

.section1 a.col8, .section a.col7 {padding: 0; margin-bottom: 8px; display: inline-block;}

a.links3 {
	float: right;
	padding-top: 2px;
	color: #d30c23;
	text-decoration: none;
	display: inline-block;
}

a.links1:hover, a.links2:hover, a.links3:hover {text-decoration: underline;} 

time {
	color: #d30c23;
	font: italic 400 16px/24px 'Istok Web', sans-serif;
	display: inline-block;
	padding-top: 2px;
	text-align: left;
	float: left;
}

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

#footer {
	position: relative;
	overflow: hidden;
	padding: 88px 0 79px;
	color: #c0c0c0;
	font: bold italic 14px/15px 'Trebuchet Ms', sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.copy {line-height: 15px;}
.copy img {padding-bottom: 4px;}
.copy a {text-transform: uppercase;color: #c0c0c0;text-decoration: none;}
.copy a:hover {color: #d30c23;}

ul.socials {
	margin: 4px 0 17px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

ul.socials li {display: inline-block;}
ul.socials li+li {margin-left: 45px;}

ul.socials li a {
	position: relative;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	line-height: 46px;
	font-size: 46px;
}

ul.socials li a:hover {
	color: #d30c23;
}


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


@media only screen and (max-width: 1199px) {
	
	.thumbnails img, .image img, .image1 img, .block1 img, .box img, .block3 img {width: 100%;}

	#footer {padding-bottom: 155px;}

	h6 {font-size: 23px;}
	h2 {
	font-size: 27px;
	color: #0099FF;
}
    .block2 div {width: 50%;}

    .section1 img {width: 100%;}
    .section1>div {margin-right: 0;}
    ul.list_2 li img {margin-right: 20px;}
    
   .box a {font-size: 19px; text-align: center; display: inline-block;}
   .box {text-align: center;}

    ul.list1 {margin-bottom: 20px;}
}

@media only screen and (max-width: 995px) {
	
	.thumbnails {padding: 0;}
	#footer {padding-bottom: 100px;}

	.circle1 {margin: 0;line-height: 50px;height: 50px;width: 50px;}
    .thumbnails1 {padding: 0;}

    .cont {margin-top: 32px;}
    .image {margin-right: 15px;}

  	.block2 img {width: 44%; margin-right: 20px;}

  	ul.list_2 {margin: 11px 0 0 0;}
  	ul.list_2 li img {width: 40%; margin-right: 5%;}
  	ul.list_2 li div {width: 55%;}

  	p {font-size: 15px;}
  	a.link2 {font-size: 23px;}
}

@media only screen and (max-width: 767px) {
	
	.thumbnails img {width: 45%;}
	.thumbnails {margin: 0 0 30px 0;}

	.bg_image {padding: 55px 0 25px;}
	.image1 {margin-bottom: 25px;}
	
	.thumbnails1 {margin-bottom: 30px;}
	.circle1 {margin: 0 0 20px 0;line-height: 60px;height: 60px;width: 60px;}

	.cont {margin-top: 16px; padding-right: 0;}

	.block1 {margin-bottom: 15px;}
	.block1 img {margin-bottom: 25px;}

	.block3 {margin: 0 0 35px 0;}

	ul.list1 {margin: 0 0 35px;}

	h2 {padding: 30px 0;}

	ul.list {margin: 0; padding: 25px 0;}
	ul.list li {width: 100%; display: block;margin-bottom: 13px;}
	ul.list li+li {margin-left: 0;}

	.bg_image {background-size: 250% 100%; background-position: 0 0; }
	.bg_image1, .bg_image2 {background-size: 300% 100%; background-position: 87% 0;}

	ul.socials li + li {margin-left: 40px;}
	ul.socials li a {font-size: 30px; line-height: 30px;}

	.box a {font-size: 24px;}

	a.links1, a.links2, a.links3 {font-size: 14px; margin-left: 15px;}

}

@media only screen and (max-width: 480px) {

	.thumbnails img {width: 38%;}
	.image {width: 100%; margin: 0 0 10px 0;}

	.bg_image {background-size: 387% 100%; background-position: 56% 0; }
	.bg_image1, .bg_image2 {padding: 44px 0 10px; background-size: 358% 100%; background-position: 93% 0;}

	#footer {padding: 50px 0 70px;}
	
	ul.socials li + li {margin-left: 20px;}
	ul.socials li a {font-size: 34px; line-height: 36px;}

	.block2 img {width: 100%; margin: 0 0 25px 0;}
	.block2 div {width: 100%; }

	.list_2 li>div {float: left; width: 53%;}

	a.link5 {margin-bottom: 12px;}

	a.links1, a.links2 {float: right;}
	a.links3 {float: left; margin: 0;}
}

@media only screen and (max-width: 320px) {
  	
  	#header {height: 200px;} 
}