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

@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500);

html, body {
	background: #fff;
	width: 100%;
	position: relative;
	font: normal 14px/22px 'Roboto', sans-serif;
	color: #604e3f;
}

* ul { list-style: none; }

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

* {
	-webkit-text-size-adjust: none;
}
a {
	text-decoration: none;
	color: #ccc;
	transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

a:hover {
	color: #c84554; 
	text-decoration: none;
}

p {font-weight: 400;}

.font1 {font-weight: 500;}

.width1 {width: 78%;}

.col1 {background: #c8c541;}
.col2 {background: #c84554;}

.item-l,
.thumbnails,
.circle,
.numb {
	-webkit-transition: all .2s ease .2s;
    -moz-transition: all .2s ease .2s;
    -ms-transition: all .2s ease .2s;
    -o-transition: all .2s ease .2s;
    transition: all .2s ease .2s;
}

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

.page1 #header,
#header {
	position: relative;
	text-align: center;
	z-index: 2;
	height: 660px;
	max-height: 660px;
}

#header {
	height: 480px;
	max-height: 480px;
}

.page1 h1 a img {
	margin-top: 66px;
	position: relative;
}

h1 a img {
	margin-top: 46px;
	position: relative;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.page1 .menu_bg,
.menu_bg {
	position: relative;
	background: #fff;
	z-index: 1;
	top: 213px;
}

.menu_bg {top: 43px;}


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

.bg_1 {
	position: relative;
	background: url(../images/bg1.jpg) 0 0 repeat;
}

.bg_2 {
	position: relative;
	background: #fff;
}

.p68 {padding: 93px 0 68px;}
.p73 {padding: 73px 0 83px;}
.p83 {padding: 83px 0 81px;}
.p93 {padding: 93px 0 100px;}

h2,
h3,
h4
 {
	display: block;
	font: 300 40px/40px 'Roboto', sans-serif;
	color: #604e3f;
	text-transform: uppercase;
}

h2 {font: 300 40px/40px 'Roboto', sans-serif;}

h3 {font: 100 20px/20px 'Roboto', sans-serif;}

h4 {
	color: #604e3f;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	text-transform: none;
}

.divider {
	position: relative;
	overflow: hidden;
	margin: 18px auto 31px;
	border-top: 1px solid #c4beb9;
}

.block, 
.block1, 
.block2 {
	position: relative;
	overflow: hidden;
	margin: 45px 0 10px; 
}

.block1 {margin: 7px 0 32px;}

.block2 {
	margin: 7px 0 23px; 
	padding: 20px 41px 34px 25px;
	border: 2px solid #c5bfba;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.numb {
	position: relative;
	float: left;
	margin-right: 34px;
	font-size: 48px;
	line-height: 50px;
	color: #c8c541;
	font-weight: 500;
}

.item-l {
	float: left;
	position: relative;
	background: #9a9490;
	cursor: default;
	color: #fff;
	text-align: center;
	width: 68px;
	height: 68px;
	margin-right: 19px;
	font-size: 30px;
	line-height: 62px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.item-l:hover,
.item-l:hover {
	background: #c84554;
	color: #fff;
}

.block2:hover .numb {color:#c84554;}

.item-r {
	float: left;
	width: 82%;
	margin-top: -6px;
}

.item-r > p {margin-top: 6px;}

.block1 .item-r > p {margin-top: 17px;}

.block2 .item-r {margin-top: 4px;}

.block2 a {
	font-size: 16px;
	line-height: 22px;
}

.image, 
.image1  {margin-top: 7px;}

.image img,
.image1 img {width: 94%;}

.section {
	position: relative;
	overflow: hidden;
}

.text,
.text1 {
	margin-top: 27px;
	position: relative;
	overflow: hidden;
}

.text1 {margin: 0 0 45px;}
.text1 p {margin-top:16px;}
.text1 a {
	margin-top:16px;
	color: #c84554;
	text-decoration: underline;
	display: inline-block;
}

.text1 a:hover {
	text-decoration: none;
	color: #000; 
}

.thumbnail,
.thumbnails {
	position: relative;
	overflow: hidden;
	background: #f7f7f7;
	margin: 9px 0 33px;

	transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.thumbnail:hover {background: #ececec;}

.thumbnail img {width: 100%;}

.thumbnail div {padding: 13px 20px 35px;}

.thumbnail p {margin-top: 10px;}

.thumbnails {
	background: none;
	text-align: center;
	margin: 17px 0 31px;
	padding: 0 23px 7px;
}

.circle {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 120px;
	height: 120px;
	line-height: 156px;
	text-align: center;
	font-size: 46px;
	color: #c8c541;
	border: 3px solid #c8c541;
	margin-bottom: 27px;

	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.circle .fa {cursor: default;}

.thumbnails p {
	margin-top: 8px;
	font-weight: 500;
}

.circle:hover {
	background: #c8c541;
	color: #fff;
	line-height: 110px;
}

/************links*************/

.link {
	position: relative;
	display: inline-block;
	color: #604e3f;
	text-transform: uppercase;
	font: 400 18px/22px 'Roboto', sans-serif;
}

.link:hover {color: #c84554;}

.link1 {
	position: relative;
	display: block;
	margin-top: 24px;
	font-size: 14px;
	line-height: 48px;
	font-weight: 300;
	color: #fff;
	background: #c84554;
	text-align: center;
	width: 157px;
	height: 48px;
	text-transform: lowercase;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.link1:hover {
	background: #c8c541;
	color: #fff;
}

.link2,
.link4 {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #604e3f;
	display: inline;
	cursor: pointer;
}

.link2:hover {color: #c84554;}

.link3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #604e3f;
}

.link3:hover {color: #c84554;}

.link4 {
	font-size: 18px;
	font-weight: 400;
}

.link4:hover {color: #c8c541;}

/************lists*************/

.list {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 9px;
}

.list li {
	background: url(../images/arrow-list.png) 0 8px no-repeat;
	padding-left: 23px;
}

.list li a {
	font-size: 14px;
	line-height: 30px;
	color: #604e3f;
	font-weight: 400;
}

.list li a:hover {color: #c84554;}


/************To top btn************/

#toTop {
    background: url(../images/totop.png) 0 0 no-repeat;
    border: none;
    bottom: 172px;
    display: none;
    height: 60px;
    left: 56.7%;
    margin-left: 489px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    text-indent: -999px;
    width: 60px;
    z-index: 20;
    opacity: .75;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';

    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    
    -webkit-transition: all .2s ease .2s;
    -moz-transition: all .2s ease .2s;
    -ms-transition: all .2s ease .2s;
    -o-transition: all .2s ease .2s;
    transition: all .2s ease .2s;
}

#toTop:hover {
	opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    
    box-shadow: inset 0 0 14px #c4beb9;
    -webkit-box-shadow: inset 0 0 14px #c4beb9;
    -moz-box-shadow: inset 0 0 14px #c4beb9;
}

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

#footer {
	position: relative;
	text-align: center;
	padding: 4px 0 79px;
}

#footer h1 a img {margin-top: 65px;}

.socials {
	position: relative;
	overflow: hidden;
	margin-top: 25px;
	text-align: center;
}

.socials li {display: inline-block;}

.socials li + li {margin-left: 4px;}

.socials li a {
	width: 39px;
	height: 39px;
	position: relative;
	display: inline-block;
	font-size: 23px;
	line-height: 36px;
	text-align: center;
	background: #8d837b;
	color: #fff;

	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
}

.socials li a:hover {background: #c8c541;}

.copy {
	margin-top: 49px;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -.2px;
}

.copy>span {
	margin-bottom: 2px;
	display: inline-block;
}

.copy a {
	text-transform: none;
	color: #604e3f;
	display: inline-block;
	padding-bottom: 2px;
}

.copy a:hover {color: #c8c541;}


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

@media only screen and (max-width: 1199px) {
    
	.item-r {
		width: 76%;
		margin-top: -5px;
	}

	#content {margin-top: -70px;}

	.image img {width: 100%;}

	.block2 {min-height: 187px;}

	.thumbnails {padding: 0 10px 7px;}

}

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

	.block2 {height: auto;}

	.thumbnails {padding: 0 0 7px;}
	.thumbnail div {min-height: 211px;}

	.p83, 
 	.p93,
 	.p68,
 	.p73 {padding: 50px 0;}

}

@media only screen and (max-width: 767px) {
  
	.thumbnail div {
		height: auto;
		min-height:100%;	}

 	h1 a img {margin-top: 20px;}
	
 	h2 {
 		font-size: 29px; 
 		line-height: 32px;
 	}

 	.page1 #header {height: auto;}
 	#header {height: auto;}

 	#footer {padding-top: 30px;}

 	#footer h1 a img {margin-top: 20px;}
	
 	.page1 #content {margin-top: 199px;}
 	#content {margin-top: 31px;}
	
 	.divider {margin: 30px auto; }
	
 	.page1 .menu_bg {top: 192px;}
 	
 	.menu_bg {top: 28px;}

 	.item-r {
 		width: 100%;
 		position: relative;
 		margin-top: 15px;
 	}

 	.block2 .item-r {
 		padding-top: 0;
 		width: 80%;
 	}

 	.block2 {min-height: 100%;}

 	.thumbnails {padding: 0 20px 7px;}

 	.image {margin-bottom: 20px;}
 	.image1 {margin-top: 30px;}

 	.copy {margin-top: 30px;}

 	.socials li a {
 		width: 35px; 
 		height: 35px; 
 		line-height: 30px;
 		font-size: 20px;
 	}

 	.socials li + li {margin-left: 4px;}

	.list {padding-top: 16px;}
	.list li {padding-left: 28px;}
}

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

	.width1 {width: 100%;}

	.list li a {width: 13px;}

}

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