/* Global Styles */
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light.eot');
    src: url('../fonts/lato-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light.woff2') format('woff2'),
         url('../fonts/lato-light.woff') format('woff'),
         url('../fonts/lato-light.ttf') format('truetype'),
         url('../fonts/lato-light.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold.woff2') format('woff2'),
         url('../fonts/lato-bold.woff') format('woff'),
         url('../fonts/lato-bold.ttf') format('truetype'),
         url('../fonts/lato-bold.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular.woff2') format('woff2'),
         url('../fonts/lato-regular.woff') format('woff'),
         url('../fonts/lato-regular.ttf') format('truetype'),
         url('../fonts/lato-regular.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black.eot');
    src: url('../fonts/lato-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-black.woff2') format('woff2'),
         url('../fonts/lato-black.woff') format('woff'),
         url('../fonts/lato-black.ttf') format('truetype'),
         url('../fonts/lato-black.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
	height: 100%;
}
body {
	padding-top: 0px;
	font-family: 'latoregular'; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.img-portfolio {
	margin-bottom: 30px;
}
.img-hover:hover {
	opacity: 0.8;
}
/* Home Page Carousel */

header.carousel {
	height: 50%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
/* 404 Page Styles */

.error-404 {
	font-size: 100px;
}
/* Pricing Page Styles */

.price {
	display: block;
	font-size: 50px;
	line-height: 50px;
}
.price sup {
	top: -20px;
	left: 2px;
	font-size: 20px;
}
.period {
	display: block;
	font-style: italic;
}
/* Footer Styles */

footer {
	margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
 .customer-img,  .img-related {
 margin-bottom: 30px;
}
}
 @media(max-width:767px) {
 .img-portfolio {
 margin-bottom: 15px;
}
 header.carousel .carousel {
 height: 70%;
}
}
.top_bar {
	margin:0;
	padding:10px 0;
	width:100%;
	background:#d8b595;
}
.top_left_section {
	margin-right:20px;
}
ul#lan_area {
	margin:0px 0 0 0;
	padding:0;
}
ul#lan_area li {
	color: white;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	font-size:12px;
}
ul#lan_area li a {
	color: white;
	margin: 0;
	padding: 0;
	font-size:16px;
	text-decoration:none;
}
.dropdown-menu > li > a {
	color: #333;
	font-weight: 400;
	line-height: 30px;
	white-space: nowrap;
	padding:0 10px !important;
}
.myaccount a {
	margin:0;
	padding:0;
	font-size:16px;
	color:#FFF;
	text-decoration:none;
}
.search_area {
	background: #fff none repeat scroll 0 0;
	margin: 0;
	padding: 0 6px;
	width: 200px;
}
.search_field {
	margin:0;
	padding:0;
	width:85%;
	border:none;
}
.search_area {
	text-align:right;
}
.search_area a {
	margin:0;
	padding:0;
	font-size:16px;
	color:#000;
}
.cart_area {
	color: #221f1f;
	font-size: 30px;
	margin: 0 10px 0 0;
	padding: 12px 0;
	width: 100%;
}
.cart_area > span {
	background: #d8b595 none repeat scroll 0 0;
	border-radius: 50%;
	color: white;
	float: right;
	font-size: 14px;
	height: 20px;
	margin: 0 0 0 -17px;
	padding: 0;
	position: relative;
	text-align: center;
	width: 20px;
	z-index: 99;
}
.header {
	margin:0;
	padding:10px 0;
	width:100%;
	background:#FFF;
}
.navbar-right {
	float: right;
	margin-right: 0;
	text-align: center;
	width: 100%;
}
.nav_area {
	margin: 0;
	padding: 35px 0;
}
.navbar-nav > li {
	display: inline-block;
	float: none;
}
#myCarousel {
	height:80%;
}
.carousel-control {
	color:#fff;
	top:36%;
	bottom:auto;
	width:52px;
	height:53px;
	opacity:1;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control.right, .carousel-control .glyphicon-chevron-right {
	left:auto;
	right:0px;
}
.carousel-control.left {
	right:auto;
	left:0px;
}
.carousel-caption {
	left: 0;
	padding-bottom: 0;
	right: 0;
	top: 20%;
}
.banner_caption > h1 {
	color: white;
	font-size: 86px;
	margin: 0 0 20px 0;
	padding: 0;
	text-transform: uppercase;
	font-family: 'latoblack';
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.banner_caption > h1 span {
	color: #d8b595;
}
.banner_caption > p {
	color: white;
	font-size: 20px;
	margin:  0 0 40px 0;
	padding: 0;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.banner_caption > a {
	background: #d8b595 none repeat scroll 0 0;
	color: #221F1F;
	display: inline-block;
	font-size: 20px;
	margin: 0;
	padding: 10px 40px;
	text-decoration: none;
	text-shadow: none;
	text-transform:uppercase;
	border:1px solid #d8b595;
}
.banner_caption > a:hover {
	background: #c1a584;
	color: #fff;
	transition: all 0.5s ease;
	border:1px solid #d8b595;
}
.index_content_area {
	margin:0;
	padding:60px 0 0 0;
	width:100%;
	background:#FFF;
}
.promotion_area a {
	background: #d8b595 none repeat scroll 0 0;
	border: 1px solid #d8b595;
	bottom: 30px;
	color: #221f1f;
	float: left;
	font-size: 18px;
	left: 0;
	margin: -40px 0 0 24px;
	padding: 10px 20px;
	position: relative;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
}
.promotion_area > a:hover {
	background: none;
	color: #d8b595;
	transition: all 0.5s ease;
	border:1px solid #d8b595;
}
.promotion_area {
	border: 1px solid #D6D6D6;
	margin-bottom: 26px;
}
.arrivals {
	background: #fff none repeat scroll 0 0;
	margin: 0;
	padding: 40px 0;
	width: 100%;
}
.arrivals h1 {
	margin:0;
	padding:0 0 15px 0;
	font-size:40px;
	color:#d8b595;
	font-family: 'latobold';
	text-transform:uppercase;
	border-bottom:1px solid #d6d6d6;
}
#exTab1 .tab-content {
	color : white;
	background-color: #428bca;
	padding : 5px 15px;
}
#exTab2 h3 {
	color : white;
	background-color: #428bca;
	padding : 5px 15px;
}
/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
	border-radius: 0;
}
/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
	border-radius: 4px 4px 0 0;
}
#exTab3 .tab-content {
	color : white;
	background-color: #428bca;
	padding : 5px 15px;
}
.nav-tabs > li > a {
	border: 1px solid transparent;
	border-radius: 0;
	color: #a6a6a6;
	font-size: 20px;
	line-height: 1.42857;
	margin-right: 2px;
	font-family: 'latobold';
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-top-colors: none;
	background-color: #fff;
	border-image: none;
	border-right: medium none;
	border-style: none;
	border-top-color: currentcolor;
	border-top-width: medium;
	color: #d8b595;
	cursor: default;
}
.nav-tabs {
	border-bottom: medium none;
}
.tab_section {
	margin:0;
	padding:60px 0 0px;
	width:100%;
	background:#FFF;
}
.nav-tabs li a {
	border-right: medium none;
	color: #221f1f;
	font-size: 14px;
	margin: 0 0 0 20px;
	padding: 0;
	text-transform: uppercase;
}
.nav-tabs {
	margin: -50px 0 70px;
	text-align: right;
}
.arrival_post {
	border: 1px solid #cecece;
	margin: 0 0 30px;
	padding: 0;
	width: 100%;
}
.arrival_post img {
	width:100%;
	border:1px solid #cecece;
}
.arrival_post_detail {
	margin: 0;
	padding: 10px;
	width: 100%;
}
.arrival_name {
	color: #221f1f;
	font-family: "latobold";
	font-size: 24px;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
}
.arrival_price {
	color: #221f1f;
	font-family: "latobold";
	font-size: 24px;
	margin: 0;
	padding: 0;
}
.add_to_cart_btn {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
.add_to_cart_btn a {
}
.add_to_cart_btn a {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d8b595;
	bottom: 30px;
	color: #221f1f;
	display: inline-block;
	font-size: 18px;
	left: 0;
	margin: 60px 0 0;
	padding: 10px 20px;
	position: relative;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	border: 1px solid #d6d6d6;
}
.add_to_cart_btn > a:hover {
	    background: #c1a584 none repeat scroll 0 0;
	color: #fff;
	transition: all 0.5s ease;
	border:1px solid #d8b595;
}
.arrival_post:hover {
	border: 1px solid #d8b595;
	transition: all 0.5s ease;
}
.arrival_post:hover .arrival_post_detail {
	background:#d8b595;
	transition: all 0.5s ease;
}
.nav-tabs > li {
	display: inline-block;
	float: none;
	margin-bottom: 0;
}
figure {
	border: 0 solid #fff;
	cursor: pointer;
	display: block;
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
figure:hover figcaption {
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
	transition: all 0.5s ease;
}
figcaption {
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.60);
	color: #fff;
	text-align:center;
	vertical-align:middle;
	transition: all 0.5s ease;
}
figcaption h3 {
	color: #fff;
	font-family: "open_sanssemibold";
	font-size: 50px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 24%;
	padding: 0;
	position: relative;
	text-transform: uppercase;
}
figcaption p {
	font-family: "open_sanssemibold";
	font-size: 16px;
	left: 100%;
	margin-bottom: 0;
	margin-top: 0px;
	padding: 0;
	position: relative;
}
figure:hover h3, figure:hover p {
	left: 0;
}
figcaption ul {
	margin:0;
	padding:50% 0;
	text-align:center;
}
figcaption ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
}
figcaption ul li a {
	background: #d7d7d7 none repeat scroll 0 0;
	border-radius: 50%;
	color: #39393b;
	display: inline-block;
	font-size: 20px;
	height: 40px;
	margin: 0 5px;
	padding: 5px 0;
	width: 40px;
}
figcaption ul li a:hover {
	background: #d8b595 none repeat scroll 0 0;
	color: #fff;
}
#overlay {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	background: #000 url(../images/loader.gif) no-repeat scroll center center;
}
#lightbox {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #fff none repeat scroll 0 0;
	border-color: #fff #fff -moz-use-text-color;
	border-image: none;
	border-style: solid solid none;
	border-width: 5px 5px medium;
	padding: 20px;
	position: fixed;
	z-index: 999;
}
#lightbox a {
	text-decoration: none;
}
#description {
	background-color: #fff;
	line-height: 32px;
	color: #222;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#navigation {
	float: right;
}
.previousBtn, .nextBtn {
	width: 20px;
	height: 18px;
	display: block;
	float: left;
	margin-top: 5px;
	text-decoration: none;
}
.previousBtn:hover, .nextBtn:hover {
	text-decoration: none;
}
.previousBtn {
	margin-right: 10px;
	background: #fff url(../images/popup_left_arrow.png) no-repeat;
}
.nextBtn {
	background: #fff url(../images/popup_right_arrow.png) no-repeat;
}
.testi_bg {
	background: rgba(0, 0, 0, 0) url("../images/testi_bg.png") no-repeat fixed;
	    background-size: 100% 100%;
	margin: 0;
	min-height: 400px;
	padding: 100px 0 70px;
	width: 100%;
}
.testi_area {
	text-align:center;
}
.testi_area h1 {
	margin:0 0 60px 0;
	padding:0;
	font-size:40px;
	color:#ad9074;
	text-transform:uppercase;
	font-family: 'latobold';
}
#myCarousel .thumbnail {
	margin-bottom: 0;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control:hover {
	color: #d9534f;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.thumbnail {
	background-color: transparent;
	border: medium none;
	border-radius: 0;
	display: block;
	line-height: 1.42857;
	margin-bottom: 20px;
	padding: 0;
	transition: border 0.2s ease-in-out 0s;
}
.caption img {
	border-radius: 50%;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	margin-bottom:40px;
}
.caption h3 {
	color: #907963;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0;
}
.caption p {
	color: #907963;
	font-size: 30px;
	font-style: italic;
	margin: 0 0 40px;
	padding: 0 60px;
}
.well {
	border: medium none;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 0;
	background:none !important;
	border:none !important;
}
.best_posts_area {
	margin:0;
	padding:40px 0 40px 0;
	width:100%;
	background:#FFF;
}
.footer {
	margin:0;
	padding:0px;
	width:100%;
	border-top:10px solid #d8b595;
	background:#252b33
}
.footer_post {
	margin:0 0 40px 0;
	padding:0;
	width:100%;
}
.footer_post h1 {
	margin:0 0 20px 0;
	padding:0 0 30px 0;
	font-size:24px;
	color:#FFF;
	text-transform:uppercase;
	border-bottom:1px solid #5b646b;
	font-family: 'latobold';
}
.footer_post ul {
	margin:0;
	padding:0;
}
.footer_post ul li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:17px;
	color:#a4abb0;
	text-decoration:none;
	    text-align: center;
}
.footer_post ul li a {
	margin:0;
	padding:0;
	font-size:16px;
	color:#a4abb0;
	text-decoration:none;
}
.footer_post ul li a:hover {
	color:#d8b595;
}
.footer_post h2 {
	color: #fff;
	font-family: "latobold";
	font-size: 20px;
	margin: 30px 0 20px;
	padding: 0;
	text-transform: uppercase;
}
.footer_post ul.social {
	margin:0;
	padding:0;
	text-align: center;
}
.footer_post ul.social li {
	color: #a4abb0;
	display: inline-block;
	font-size: 17px;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.footer_post ul.social li a {
	color: #a4abb0;
	font-size: 24px;
	margin: 0 10px 0 0;
	padding: 0;
	text-decoration: none;
}
.footer_post ul.social li a:hover {
	color:#d8b595;
}
.footer_logo {
	padding: 0px;
	text-align: center;
}
.footer_logo img{
     padding: 5%;
     padding: 5%;
}
.footer_bottom {
	background: #252b33 none repeat scroll 0 0;
	border-top: 1px solid #5b646b;
	color: #5b646b;
	font-size: 18px;
	margin: 0;
	padding: 40px 0;
	text-align: center;
	width: 100%;
}
.footer_bottom span {
	color:#d8b595;
	text-transform:uppercase;
}
.inner_hedding_area {
	background: rgba(0, 0, 0, 0) url("../images/inner_hedding_bg.png") no-repeat scroll 0 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background-size: 100% 100%;
}
.inner_hedding_area h1 {
	margin:0;
	padding:90px 0;
	font-size:40px;
	color: #f1caa7;
	text-transform:uppercase;
	font-family: 'latoblack';
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.inner_content_area {
	margin:0;
	padding:60px 0 60px 0;
	width:100%;
	background:#FFF;
}
.inner_content_area h1 {
	margin:30px 0 30px 0;
	padding:0;
	font-size:30px;
	color:#d8b595;
	text-transform:uppercase;
	font-family: 'latoblack';
}
.inner_content_area p {
	color: #a6a3a3;
	font-size: 18px;
	line-height: 30px;
	margin: 0 0 20px;
	padding: 0;
}
.inner_content_area p span {
	color:#d8b595;
}
.inner_content_area ul {
	margin:0;
	padding:0;
}
.inner_content_area ul li {
	background: rgba(0, 0, 0, 0) url("../images/list_style.png") no-repeat scroll 0 50%;
	color: #a6a3a3;
	font-size: 16px;
	line-height: 30px;
	list-style: outside none none;
	margin: 0;
	padding: 0 0 0 36px;
}
.contact_info_detail p {
	color: #a6a3a3;
	font-size: 18px;
	margin: 0 0 20px;
	padding:0px;
}
.contact_info_detail span {
	margin:0;
	padding:0;
	font-size:16px;
	color:#d8b595;
	font-weight:100;
	font-family: 'latobold';
}
#contact_icon {
	float: left;
	margin: 0 20px 24px 0;
}
#contact_field {
	border: 1px solid #221f1f;
	border-radius: 0;
	color: #905323;
	font-size: 16px;
	height: 50px;
	margin: 0 0 10px;
	padding: 10px 20px;
}
#contact_textarea {
	border: 1px solid #221f1f;
	border-radius: 0;
	color: #905323;
	font-size: 16px;
	height: 150px;
	margin: 0 0 10px;
	padding: 10px 20px;
}
#send_btn {
	background: #d8b595 url("../images/link_style2.png") no-repeat scroll 94% 15px;
	border: medium none;
	border-radius: 0;
	color: #000000;
	float: right;
	font-size: 16px;
	margin: 0;
	padding: 10px 30px;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}
.map_area {
	border: 1px solid #221f1f;
	margin: 0 0 30px;
	padding: 0;
}
.contact_form_area {
	margin:0;
	padding:0;
}
.promotion_area img {
	width:100%;
}
 @media (min-width: 0px) and (max-width: 480px) {
 .top_bar {
 padding: 10px 15px;
}
 .search_area {
 margin: 10px 0 0;
 width: 100%;
}
 .cart_area {
 color: #221f1f;
 float: right;
 font-size: 30px;
 margin: -34px 0 0;
 padding: 0;
 width: 100%;
}
 .nav_area {
 margin: 0;
 padding: 0;
}
 .navbar-nav > li {
 display: inline-block;
 float: left;
 text-align: left;
 width: 100%;
}
 .banner_caption > h1 {
font-size:30px;
}
 .banner_caption > p {
 font-size: 16px;
}
 .nav-tabs {
 margin: 20px 0 0 0;
 text-align: right;
}
 .nav-tabs {
 margin: 20px 0;
 text-align: center;
}
 .caption p {
 font-size: 16px;
}
 #lightbox {
padding:0;
}
}
 @media (min-width: 481px) and (max-width: 768px) {
 .top_bar {
 padding: 10px 15px;
}
 .cart_area {
 color: #221f1f;
 float: right;
 font-size: 30px;
 margin: -34px 0 0;
 padding: 0;
 width: 100%;
}
 .nav_area {
 margin: 0;
 padding: 0;
}
 .navbar-nav > li {
 display: inline-block;
 float: left;
 text-align: left;
 width: 100%;
}
 .banner_caption > h1 {
font-size:48px;
}
 .banner_caption > p {
 font-size: 16px;
}
 .nav-tabs {
 margin: 20px 0 0 0;
 text-align: right;
}
 .nav-tabs {
 margin: 20px 0;
 text-align: center;
}
 .caption p {
 font-size: 16px;
}
 #lightbox {
padding:0;
}
}
 @media (min-width: 769px) and (max-width: 992px) {
 .cart_area {
 color: #221f1f;
 float: right;
 font-size: 30px;
 margin: 0;
 padding: 20px 0;
 width: 100%;
}
 .navbar-nav > li > a {
 border-bottom: 3px solid transparent;
 font-size: 14px;
 margin: 0 8px;
 padding: 0 0 7px;
 text-transform: uppercase;
}
 .nav_area {
 float: left;
 margin: 0;
 padding: 0;
 width: 100%;
}
 .banner_caption > h1 {
font-size:60px;
}
}
 @media (min-width: 993px) and (max-width: 1200px) {
 .navbar-nav > li > a {
 border-bottom: 3px solid transparent;
 font-size: 14px;
 margin: 0 6px;
 padding: 0 0 7px;
 text-transform: uppercase;
}
}
