/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";


html, body {
	background: #ffffff;
	font: 14px/20px Arial, sans-serif;
	color: #333;
}

.bg-1 {
	background-image: url(../assets/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bg-2 {
	background: #fcfcfc url(../assets/bg-2.gif) 0 0 repeat-x;
}

.bg-4 {background: url(../images/bg-6.gif) 0 0 repeat;}

.p1 {padding-top: 15px;}
.p2 {padding-top: 20px;}
.p3 {padding-bottom: 20px;}
.p4 {padding-top: 6px;}

.bord-1 { border-bottom: 1px solid #dedede;}
.bord-2 {z-index: 1 ;border: 1px solid #f5f5f5; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.bord-4 {border: 1px solid #d4d4d4; text-align: center;}

a { color: #c99806; text-decoration: none;}
a:hover { text-decoration: underline;}
a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
.a-hov {
	display: inline-block;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.a-hov:hover { color: #df3462;}

p {padding-bottom: 20px;}

h1, h2, h3, h4, h5, h6 { font-family: 'Glegoo', serif; font-weight: lighter;}
h2, h1.css-content-legend {text-align:left; font-size: 22px; line-height: 26px; color: #383838; text-transform: uppercase; padding: 40px 0 18px;}
h3 {font-size: 20px; line-height: 30px; color: #3d3d3d; padding: 10px 0 23px; }

.btn {
	display: block;
	position: relative;
	width: 57px;
	line-height: 95px;
	margin: 0 auto;
	margin-top: 15px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	background: #f3c041;
	text-align: center;
	overflow: hidden;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	line-height: 57px;
	color: #fff;
	text-transform: uppercase;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn-2 {
	display: inline-block; 
	font-size: 14px; 
	line-height: 16px;
	text-transform: uppercase;
	background: url(../images/btn-arrow-2.png) right center no-repeat;
	padding-right: 19px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	margin-top: 25px;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.btn-2:hover { color: #f3c041;}

.dropcap {
	float: left;
	margin-right: 18px;
	display: inline-block;
	position: relative;
	width: 51px;
	/*height: 51px;*/
	padding: 7px 0px;
	line-height: 51px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #474646;
	text-align: center;
	overflow: hidden;
	font: 36px/36px Trebuchet MS, sans-serif;
	color: #fff;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.btn:hover { background: #d4d4d4;}

.color-1 {color: #474646;}
.color-2 {color: #ea426f;}
.color-3 {color: #373737;}
.color-4 {color: #d30026;}
.color-5 {color: #333333;}

.text-1 {color: #898989; font: 13px/22px Arial, sans-serif;}
.text-2 {font-family: 'Anton', sans-serif; color: #d4d4d4; font-size: 40px; line-height: 35px; text-transform: uppercase;}

/*ul*/
.list-1 li {background: url(../images/marker-1.png) 0 8px no-repeat;padding-left: 20px; }
.list-1 li a {
	font: 14px/26px Trebuchet MS, sans-serif;
	color: #525252;
	font-weight: bold;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.list-1 li a:hover { color:#f3c041;}
/**/

/*ul aside menu*/
.aside_menu { margin-top: 6px; }
.aside_menu li a {
	padding: 15px 0 15px 15px;
	background: #e6e6e6;
	margin-bottom: 6px;
	font-family: 'Glegoo', serif; 
	font-size: 17px;
	line-height: 19px;
	text-transform: uppercase; 
	color: #383838; 
	display: block; 
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.aside_menu li a:hover,
.aside_menu li.current a { background: #474646; color: #ffffff;}
/**/

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

.box-img-1 {float: left; margin-right: 20px;margin-top: 5px;}
.wrapper img, .wrapper {width: 100%; position: relative;}
.extra-wrap {overflow:hidden;}
.grid_inside { margin: 0 -10px;}
.aligncenter {text-align: center !important;}
.alignleft {text-align: left !important;}
.it {font-style:italic;}
.fleft {float: left;}
.fright {float: right;}
.h-underline:hover { text-decoration: underline;}


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

h1 {
	margin-top: 10px;
	text-align: center;
}
h1 a { display: inline-block; overflow: hidden;}
.slogan {display: block; margin-top: -3px; font-size: 16px; line-height: 20px; color: #a7a7a6; text-align: left;}
h1 a span.clearfix { display: block;}
h1 a .ind {display: block; height: 0px; font-size: 10px; line-height: 10; text-indent: -10000px; }
/*slider*/
.bg-3 .camera_prev > span,
.bg-3 .camera_next > span {height: 39px; width: 20px;}
.bg-3 .camera_prev > span {background: url(../images/prev.png) 0 0 no-repeat; }
.bg-3 .camera_next > span {background: url(../images/next.png) 0 0 no-repeat;}
.bg-3 .camera_prev { left: -67px;}
.bg-3 .camera_next { right: -67px;}
.bg-3 .camera_wrap {margin-bottom: 0!important; height: 470px;}
.bg-3 .camera_prev, .bg-3 .camera_next {
	padding: 10px;
	width: 20px;
}
.bg-3 .camera_prev:hover, .bg-3 .camera_next:hover {
	background-color: #000000;
	opacity: 0.4;
}
/**/

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

#content {padding-bottom: 36px;}
/*p-about-us*/

.wrapper figcaption {
	padding-top: 22px;
	text-align: center;
	display: block;
}
.banners {position: relative; padding: 23px 0; margin-top: 37px; }
.banners .alpha,
.banners .omega {position: relative; z-index: 100;}
.banners .alpha .bord-3:after {
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0px;
	width: 1px;
	background: #eeeeee;
	content: ' ';
}

.banners span,.banners img,.banners a {float: left;}
.banners span {display: block; padding-top: 20px;}
.banners img {margin:0 18px 0 25px; }
.btn-arrow {
	width: 29px; 
	height: 29px; 
	background: url(../images/btn-arrow.png) 0 0 no-repeat; 
	margin: 95px 0 0 17px;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.btn-arrow:hover {background: url(../images/btn-arrow.png) 0 bottom no-repeat;}


/*p-products*/
.gallery { margin-top: 5px;}
.gallery .bg-4 {padding: 10px; }
.gallery > div {margin-bottom: 20px;}
.gallery .bg-4 .magnifier {margin-bottom: 11px;}
.gallery .bg-4 img {width: 100%;}

/*p-services*/
.block-1 {margin-top: 25px;}
h2 + .block-1 {margin-top: 0px;}


/*p-gallery*/
.gallery-2 span {display: inline-block;}
.gallery-2 .bord-4 {margin-bottom: 5px;}
.gallery-2 > div { margin-bottom: 25px;}
.gallery-2 .bord-4 img { width: 100%;}


/************Footer************/
footer .list-1 {margin-top: 64px;}

.list-1 li a span { text-transform: none;}


.footer_main {padding-bottom: 52px; border-bottom: 1px solid #e9e9e9;}
.footer_main > div > span {display: block;}

.soc_icons {margin-top: 47px;}
.soc_icons li {display: inline-block; float: left; }
.soc_icons li a {
	display: inline-block; 
	margin-top: 20px; 
	margin-left: 10px;
	font-family: 'Glegoo', serif;
	font-size: 14px;
	line-height: 36px;
	color: #636363;
	text-transform: uppercase;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.soc_icons > li > a:hover { color: #df3462;}
.soc_icons > li > a > span { 
	display: block; 
	height: 35px; 
	width: 41px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.s-1 {background-position: 0 0;}
.s-2 {background-position: 109px 0;}
.s-3 {background-position: right 0;}
.soc_icons > li > a:hover .s-1 {background-position: 0 bottom;}
.soc_icons > li > a:hover .s-2 {background-position: 109px bottom;}
.soc_icons > li > a:hover .s-3 {background-position: right bottom;}
.soc_icons li:first-child {margin-left: 0px;}
.soc_icons li:first-child a {margin-left: 0;}
.soc_icons > li > span { display: inline-block; padding-top: 71px; padding-left: 6px;}

.footer_inside {padding-bottom: 60px;}

footer .bg-3 {text-align: center; padding-top: 27px; font-family: 'Glegoo', serif; font-size: 14px; line-height: 36px;}
footer .point {font-size: 25px;}

/*touch-touch*/
.magnifier {
	position:relative;
	display:block;
}
.magnifier:after {
	background: url(../images/magnifier.png) center center no-repeat #000000;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 0;
	top: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.magnifier:hover:after {
	opacity:0.4;
	filter: alpha(opacity=40);
	-webkit-transition:opacity .2s linear;
	-moz-transition:opacity .2s linear;
	-o-transition:opacity .2s linear;
	transition:opacity .2s linear;
}



/*toTop*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	cursor:pointer;
	overflow:hidden;
	width: 71px;
	height: 72px;
	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: 30px;
}

	#toTop:hover {
		display:block;
		overflow:hidden;
		float:left;
		background-position: right 0;
	}

	#toTop:active, #toTop:focus {outline:none;}
/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1110px)  {
	.bg-3 .camera_prev { left: 0px;}
	.bg-3 .camera_next { right: 0px;}
	.bg-3 .camera_prev,
	.bg-3 .camera_next {
		background-color:#000;
		opacity: 0.5;
		padding: 4px; 
		width: 20px;
	}
	#blogdetail img {max-width:100%!important;}
}
@media only screen and (max-width: 995px) {

	.bg-3 .camera_wrap {height: 374px;}
	.bg-3, #content {background-color:#fff;}
	h3 {font-size: 19px;}

	.banners span {margin-left: 40px;}

	.footer_inside > .w1 { width: 100%; padding: 0;margin: 0;}
	.footer_inside > .w1 .soc_icons {margin-left: 10px;}
	.footer_inside > .grid_4,
	.footer_inside > .grid_3 {width: 22%;}
	.footer_inside > .grid_4 a, 
	.footer_inside > .grid_3 a {font-size: 13px;}
	.aside_menu li a { font-size: 13px;}
	.footer_inside > .grid_4 img {max-width: 160px;}
	#blogdetail img {max-width:100%!important;}


}
@media only screen and (max-width: 767px) {
	.bg-3 .camera_wrap {height: 210px;}
	.bg-3, #content {background-color:#fff;}
	.border_top {border-top: solid 1px #fff;}

	.grid_inside.gallery-2 > div { width: 45%;}

	.banners .alpha, .banners .omega {width: 43%; padding: 2%;}
	.banners .alpha img, .banners .omega img { width: 100%; margin: 0px; float: none;}
	.banners .alpha img {margin-top: 30px;}
	.banners .text-2 {font-size: 22px; line-height: 27px;}
	

	.gallery > div { width: 45% !important;}

	.aside_menu li a { font-size: 17px;}	


	.banners span, .banners img, .banners a { float: none;}
	.banners .btn-arrow {display: block; margin: 0 auto; margin-top: 15px; float: none;}

	.p-privacy .fright { float: left;}
	.cart_link {float: none; margin: 0 0 20px 0!important; }
	#blogdetail img {max-width:100%!important;}
	.hidemobile {display: none;}

}
@media only screen and (max-width: 480px) {
	.bg-3 .camera_wrap {height: 200px;}
	.bg-3, #content {background-color:#fff;}
	.border_top {border-top: solid 1px #fff !important;}	

	.grid_inside.gallery-2 > div { width: 45%; margin-left: 2% !important; margin-right: 2% !important;}

	.banners .alpha, .banners .omega {width: 50%; padding: 0; margin-left: 0px; text-align: center;}
	.banners .alpha img, .banners .omega img {width: 40%; }
	.banners .omega img {margin-top: 20px;}
	.footer_inside > .grid_4,
	.footer_inside > .grid_3 {width: 100%;}
	.gallery > div { width: 45% !important; padding-left: 2% !important; padding-right: 2% !important;}
	h1 img { width: 100%;}

	.marg-1 {margin-left: 0px; margin-right: 0;}

	.container_16 .grid_1, 
	.container_16 .grid_2, 
	.container_16 .grid_3, 
	.container_16 .grid_4, 
	.container_16 .grid_5, 
	.container_16 .grid_6, 
	.container_16 .grid_7, 
	.container_16 .grid_8, 
	.container_16 .grid_9, 
	.container_16 .grid_10, 
	.container_16 .grid_11, 
	.container_16 .grid_12, 
	.container_16 .grid_13, 
	.container_16 .grid_14, 
	.container_16 .grid_15, 
	.container_16 .grid_16 {
		margin-left: 0!important; 
		margin-right: 0!important;
	}
	.w320, .w320 img { width: 100%; margin-bottom: 20px;}
	.banners span { margin-left: 0;}
	.cart_link {float: none; margin: 0 0 20px 0!important; }
	#blogdetail img {max-width:100%!important;}
	.hidemobile {display: none;}
	.float_img_left {float: none!important; margin-right: 0px!important; margin-bottom: 20px; width: 100%!important;}
	.float_img_right {float: none!important; margin-left: 0px!important; margin-bottom: 20px; width: 100%!important;}

}
@media only screen and (max-width: 320px) {
	.banners span, .banners img, .banners a { float: left;}
	.banners .btn-arrow {display: inline-block; }
	.banners .alpha, .banners .omega {width: 100%;}
	.banners .alpha img, .banners .omega img {float: left;}
	.bg-3, #content {background-color:#fff;}
	.border_top {border-top: solid 1px #fff !important;}
	#blogdetail img {max-width:100%!important;}
	.hidemobile {display: none;}
	.float_img_left {float: none!important; margin-right: 0px!important; margin-bottom: 20px; width: 100%!important;}
	.float_img_right {float: none!important; margin-left: 0px!important; margin-bottom: 20px; width: 100%!important;}	
}

/*==================================CUSTOM CSS===============================================*/
.grid_6 img {width: 100%; margin-bottom: 30px;}
.border_top {border-top: solid 10px #e9e9e9;}
.table_details {border-top: solid 1px #ccc; margin-right: 20px; font-size: 11px; margin-bottom: 20px;}
.table_details td, .table_details th {
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding:5px;}
.table_details th {background-color: #ebebeb; color: #333; text-align:left;}	
.cart_link {float: right; margin: -40px 0 0 20px; font-size:12px;}
.cart_link a {display:block; padding:7px; background-color: #fcd86d; color: #fff; font-weight: bold; border-radius: 5px;}
.cart_link a:hover {text-decoration: none; background-color: #e4b62e;}
.bg-4 a:link, .bg-4 a:hover {text-decoration: none!important; font-size: 15px;}
.bg-4 img {margin-bottom: 5px;}
.bg-4 a img:hover {opacity: 0.9;}
.bg-4 p {padding-bottom: 0px;}

.product_ph {margin-top: 40px; border-radius: 10px; max-width:340px;}
.rounded_corners {border-radius: 10px;}
.full_width {width: 100%;}
.float_right {float:right; margin-left:5px;}
.float_left {float:left; margin-right:15px;}
.blog_photo {float: right; margin: 0 0 10px 20px;}
.date {font-size:12px; margin-top: -20px;}
.featurette-divider3 {margin: 10px 0 30px 0; clear:both; color:#e9e9e9;}
#blogdetail img {max-width: 560px;}
    
	.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
	.season {font-size:12px; font-style:italic; color: #666;}
	
	.gallery_text {font-size: 12px;}
	
#content ul, #content ol {
	list-style:disc;
	margin: 0 0 10px 20px;
}
	
	.greenText {color:#99be22;}
	.error_flag {color:red; font-weight:bold;}
	
.news_signup {
	display:block;
	padding:15px;
	background-color: #f2c041;
	color: #fff;
	border-radius: 5px;
	font-weight:bold;
	text-align:center;
}
.image_fullwidth {width:100%; display:block;}
.float_img_left {float: left; margin-right: 20px; margin-bottom: 20px; clear: left; max-width:280px!important;}
.float_img_right {float: right; margin-left: 20px; margin-bottom: 20px; clear: right; max-width:280px!important;}
.blogdetail img {max-width: 560px;}

/*==================================FORMS & BUTTONS===============================================*/	

#add_cart {background-color:#dafc6d; padding:10px; margin-top: 40px; border-radius: 10px; color:#000;}
select {background: #fff; height: 30px; border-radius:3px; border: solid 1px #ccc;}
input[type=password], input[type=text], input[type=textarea] {padding-left: 10px; background: #fff; height: 30px; border-radius:3px; border: solid 1px #ccc;}
input:hover {background: #e9e9e9;}
input[type=submit], button {height: 30px; border-radius:3px; border: solid 1px #ccc; font-size:16px; padding: 0 10px 0 10px;}
input.button, button.button {background:#f2c041;} 
input.button:hover, button.button:hover {background:#fedc67;}