@charset "utf-8";
/* === fontawesome === */
@import url('font-awesome.css');

html {font-size:16px; line-height:25px;}

a { outline:none !important; }
dt {font-size:16px; color:#FFFF00; padding-top:15px;}
dd {font-size:14px; line-height:18px; line-height:25px; margin:0 0 15px 20px;}

hr.gradient {
	border: 0;
	height: 1px;
}

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


.cleaner {
	display: block;
	clear: both;
	content: "";
}

.h05 { height: 5px }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }


.justify{text-align:justify;}
.center{text-align:center;}
.left_al{ text-align:left;}
.right_al{ text-align:right;}
.col-centered{ float: none; margin: 0 auto; }
.clear{clear: both;}
.bold {font-weight:bold;}
.bdr {border:1px solid #C7C7C7; padding:7px; background-color:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom:15px; }
.nobdr {border:none;}
.strike {text-decoration: line-through;}
.bdr_bottom {border-bottom:1px solid #C7C7C7;}
.bdr_left {border-left:1px solid #C7C7C7;}
.imgFit img{width:100%;}
.uppercase { text-transform: uppercase;}
.marginAll{margin:3px;}
.marginLeft{margin-left:20px;}
.cartIcon{min-width:38px; min-height:35px; padding:9px; border:#FFFF00 2px solid;}
.cartValue{
	color:#000;
	background-color:#F9FF00;
	position:relative;
	top:-65%;
	left:55%;
	padding:2% 10%;
	border-radius:1000px;
}

.red_dark {color:#860303;}
.brown {color:#531D08;}
.black {color:#000;}
.white {color:#fff;}
.green {color:#43ab08;}
.blue {color:#0093E7;}
.gray {color:#666666;}
.orange {color:#EB5424;}
.pink {color:#f2545f;}
.yellow {color:#FFFF00;}
.red { color:#FF0000; }
.skyblue { color:#0093E7;}
.goldenMetal { color:#FFDF00;}

.bg_base {background-color:#FFEFCE;}
.bg_gray {background-color:#D9D9D9;}
.bg_black {background-color:#000;}
.bg_gray50 {background:transparent url('../images/50black.png') repeat;}
.bg_brown {background-color:#4B191A;}

.fs11px {font-size:11px;}
.fs12px {font-size:12px;}
.fs15px {font-size:15px;}
.bluebar{height:28px; width:100%; background:#3E3E3E; border-bottom:#0194BF 4px solid; color:#fff; font-weight:bold; padding:0 0 0 10px;}
.modal p, .modal dd, .modal li {line-height:20px;}
.smaller {font-size:75%;}
.medium {font-size:85%;}
.normal {font-weight:normal;}
.spacing3{letter-spacing: 0.3rem;}
.spacing5{letter-spacing: 0.5rem;}

.inshade {
	border-radius: 4px;
	padding: 30px 30px !important;
	box-shadow: inset 0 0 10px rgba(229, 193, 138 ,1);
	background:#FFFAEB;
}

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

.bs-callout-coffee {
	border-left-color: #570C00;
}

.bs-callout-blue {
	border-left-color: #1b809e;
}

/* --- contact form	---- */

/* Form Area */

/* Form Area */

#contact_form { font-family: 'Montserrat-Regular', sans-serif; padding: 0px 5px 20px 20px; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 100%; padding: 5px; min-width:200px; color: #808b98;	background: #fff; border: 1px solid #dedede; }
#contact_form form .input_field:hover { border: 1px solid #4C4C4C; }
#contact_form form label { font-weight:normal; display: block; width: auto; font-size: 12px; margin-top:10px; color:#000;text-transform:uppercase;}
#contact_form form .captcha{ width: 70px; min-width:40px;}
fieldset{border:none; margin:0; padding:0;}
.imgverif{ position:relative; top:10px; width: 60px; height: 30px;}

#contact_form form textarea {
	width: 100%;
	min-width: 200px;
	height: 100px;
	padding: 5px;
	color: #808b98;
	background: #fff;
	border: 1px solid #dedede;
}

.input-btn{
	width:100%;
	height:50px;
	margin-bottom:15px;
	background:#EB5424;
	border-radius:4px;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	font-family: 'Montserrat-Regular', sans-serif;
	font-weight:400;
	border:0px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.input-btn:hover{
	background: #323232;
	color: #fff;
}

/* Pagination for AutoGallery */

.nevigation{color:#fff; display:block; background:transparent; padding:10px; width:90%; font-size:12px; clear:both;}

.pg_box_current{
	font-size:11px;
	text-align:center;
	display:block;
	padding:0px 4px 5px 4px;
	margin : 0 0 4px 4px;
	background-color:#000;
	color:#fff;
	float:left;
	border-radius:3px;
}

.pg_box a{font-size:12px; text-align:center; display:block; padding:0px 4px 5px 4px; margin : 0 0 4px 4px; background-color:#e8e8e8; color:#000; float:left; border-radius:3px;}
.pg_box a:hover{background-color:#182C3A; color:#fff;}

/* Pagination for AutoGallery */

.scrollup{
	width:50px;
	height:50px;
	z-index:999;
	opacity:0.5;
	text-align:center;
	padding:13px;
	position:fixed;
	bottom:50px;
	right:50px;
	display:none;
	background:#DD4B39;
	border-radius:50%;
	color:#fff;
	 font-size: 20px;
}
.scrollup:hover{opacity:1; color:#FFFF00;}
.scrollup a{color:#FFFF00;}

/* Password Eye */
.field-icon {
	float: right;
	margin-right: 10px;
	margin-top: -27px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/*---------------------------------------------------------
 0. My Edit End
-------------------------------------------------------- */
.flexslider {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	overflow: hidden;
}

.flex-direction-nav a {
	color: #444444;
	width: 40px;
	height: 40px;
	background-color: white;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: -20px 0 0 0;
	text-align: center;
	line-height: 40px;
}

/* ===================================
News Panel Fixes
==================================== */

.panel ul
{
	padding:0px;
	margin:0px;
}

.panel-title {font-family:'Raleway-Bold','Montserrat-Regular', 'Lato';}

.news-item
{
	padding:10px;
	margin:0px;
	border-bottom:1px dotted #999999;
	color:#000;
}

/* contact section
---------------------------------*/
#contact {
	background: #f6f6f6 url('../images/contact.jpg') 50% 0 repeat-y fixed;
	color: #FFFFFF;
	padding-top: 100px;
	padding-bottom: 80px;
}

.main-section.contact{
	padding:100px 0;
}

.main-section.contact{
	background:url(../img/bg-map.png) center bottom no-repeat;
	background-size:100%;
}
.contact-info-box{
	margin:0 0 14px 15px;
	padding-left:0;
}
.contact-info-box h3{
	font-size: 14px;
	float:left;
	text-transform:uppercase;
	width:180px;
	margin:0;
	margin-right:12px;
	letter-spacing: 0.1rem;
}
.contact-info-box h3 i{
	font-style:normal;
	font-size:18px;
	width:20px;
	color:#222222;
	font-weight:normal;
	margin-right:7px;
	color:#fff;
}
.contact-info-box span{
	line-height:28px;
	display:block;
	overflow:hidden;
}


.centerImg{
	display: inline-block;
	max-width:220px;
	max-height:150px;
	min-height:150px;
	overflow:hidden;
	position: relative;
	border:7px solid #ffffff;
	background-color:#fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:15px;
	}
	
.centerImg a img{
	max-width:none;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	}



/* Account Profile Picture */
#preview {width:150px; overflow:hidden; float:left;}


.cImg {
	float:left;
	text-align:center;
	display: inline-block;
	min-width:150px;
	min-height:150px;
	overflow:hidden;
	position: relative;
	border:7px solid #ffffff;
	background-color:#843534;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:15px;
	}

.cImg img{
	width:100%;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	}

.cImg ul li:hover{
	border:7px solid #FFFF66;
	}

/* ===================================
Profile
==================================== */
.ProImg {
	float:left;
	text-align:center;
	display: inline-block;
	width:150px;
	height:150px;
	margin:15px;
	overflow:hidden;
	position: relative;
	border:7px solid #ffffff;
	background-color:#fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:15px;
	}

.ProImg img{
	max-width:none;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	}

.ProImg:hover{
	border:7px solid #EEEEEE;
	}


/* Hover Effect Image Bootstrap */
.hovereffect {
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:hand;
}

.hovereffect img {
	display:block;
	position:relative;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
}

.hovereffect:hover img {
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}