/* ================= FONTS =========================*/

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

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

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

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

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

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

/* ========================== global =============================*/
*{ position:relative; outline:none; padding:0px; margin:0px;}
a { text-decoration:none;}
a:hover{ text-decoration:none;}
p{ font: normal 'ralewayregular' 13px/22px; color:#010000;}
h1, h2, h3, h4, h5, h6{ color:#920c0b; font-family:'vertigoflfbold'; margin-bottom:20px; }

/* ===================== structure ==============================*/
.navbar-fixed-top{ height:84px; box-shadow:0px 2px 3px #666;}
.navbar-gray{ background-color:#eaeaea;}
.navbar-brand{ padding:7px 15px !important; height:100%;}

.caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; }
.navbar-nav > li > a{ padding: 32px 9px; font-family: 'ralewayregular'; color:#28353e !important; font-size:13px; text-transform:capitalize;}

.nav > li a:hover, .nav > li a:focus {text-decoration: none; background-color: #313131; color: #ffde00 !important;}
.nav a.log{ color:#fff; width:100%; height:100%; padding: 5px 11px; line-height:24px; height:32px;}
.nav a.log:hover, .nav a.log:focus{ background:none !important; color:#fff !important;}
.navbar-toggle .icon-bar{ background-color: #920c0b !important;}

.loginSec{font-family: 'ralewayregular'; height:32px; border:3px solid #fff; background: -webkit-linear-gradient(top, #15a9dd, #067eb8);  background: -o-linear-gradient(top, #15a9dd, #067eb8); background: -moz-linear-gradient(top, #15a9dd, #067eb8); background: linear-gradient(top, #15a9dd, #067eb8); color:#fff; text-align:center; box-sizing:border-box; border-radius:25px; margin:25px 0px 0px 25px; box-shadow:0px 0px 5px #666; font-size:12px; } 

.bannerHolder{ /*height:381px;*/  margin-top:83px; overflow:hidden; margin-bottom:27px;}

.responsive-slider .slides ul li .slide-body .caption.header{ font-family:'vertigoflfbold'; font-size:36px; color:#df0d0b; font-weight:bold;}
.responsive-slider .slides ul li .slide-body .caption.sub { font-family: 'ralewayregular'; color:#fcff00; font-size:16px; text-shadow:none;}

.welheading{ width:100%; overflow:hidden; box-sizing:border-box; padding:0px 0px 0px 0px; text-align:center;}
.welheading h2{ text-align:center; font-size:36px; height:37px;}
.welheading h2:before, .welheading h2:after{  content:""; width:35%; height:6px; background:url(../images/heading-dash.png) repeat-x left; position:absolute; top:14px;}
.welheading h2:before{ left:0px;}
.welheading h2:after{ right:0px;}
.flower{ width:100%; height:16px; background:url(../images/flower.png) no-repeat center center; float:left;}

/*.welheading .dashLeft{ width:75%; height:6px; background:url(../images/heading-dash.png) repeat-x right; position:absolute; top:31px; right:0px;}
.welheading .dashRight{ width:75%; height:6px; background:url(../images/heading-dash.png) repeat-x left; position:absolute; top:31px; left:0px;}*/

.welText p{ text-align:center; padding:20px 0px; line-height:27px; margin-bottom:27px;}

.productHldr{ box-sizing:border-box; padding:20px 0px 40px 0px;}
.productBox{ height:250px; border:1px solid #cccccc; overflow:hidden;}
.productBox img{ width:100%; height:100%; display:block;}

.productBox-item-overlay { position: absolute; top: 0; right: 0;	bottom: 0; left: 0;	margin: 25px; background-color: #fff; opacity: 1; -webkit-transform: scale(0);	-ms-transform: scale(0);				transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; display:block;	}
.productBox:hover .productBox-item-overlay { opacity: 0.9; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}	

.productBox-item-overlay .productBox-item-description { color: #7b868c; position: absolute; top: 48%; left: 0; right: 0; padding: 20px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.productBox-item-description h5 { color: #000000; font-family:'vertigoflfbold'; font-size:30px; letter-spacing:1px; font-weight:bold; margin:2px 0px;}
.productBox-item-description p{ font-size:12px; margin-bottom:15px}

.productBox .productBox-item-description .Morebtn { margin-bottom: 0; height:28px; box-sizing:boarder-box; background-color: #f2cd00; text-align:center; color: #000000; font:normal 'ralewayregular' 12px/22px; border-radius:25px; padding:7px 19px; margin-top:8px; }
.productBox .productBox-item-description .Morebtn:hover{ text-decoration:none; background-color:#e8c501;}

footer{ background-color: #1f1f1f;  text-align:center; }
.topFooter{ width:100%; height: 150px; text-align:center; font-size:12px; box-sizing:border-box; padding:33px 0px; }
footer p{ color:#eceaea; line-height:27px; font-size:14px; }

footer .botFooter{ width:100%; height:59px; background:#000; box-sizing:border-box; padding:18px 0px;}
footer .botFooter p{  font-size:11px;}

/* =========== common classes ====================*/
.innrBox, .innr{ width:100%; /*padding:10px 0px 20px 0px;*/ overflow:hidden; /*margin:0px 0px 30px 0px*/;}
.innr{ padding:20px 0px 0px 0px;  margin:0px;}
.itemBox{ width:100%; height:300px; overflow:hidden; border:1px solid transparent; margin:12px 0px 10px 0px;}

/** form **/
.formbox h3{ font-size:30px;}
.formbox .dash{ border-right:1px dashed #ccc; height:100%;}
.fromHld{ width:100%; padding:15px 0px;}
.form-horizontal .control-label{ font-family: 'ralewaylight';}
.formbox .btn{ font-family: 'ralewaylight';}
.formbox .btn-group-lg > .btn, .btn-lg{ font-size:14px; font-weight:normal;}
.form-control{ resize:none;}
/** form **/

/** category **/
.hedBar{ width:100%; height:30px; background-color:#0783bc; box-sizing:border-box; padding:0px 18px; border-radius:2px;}
.hedBar h2{ font-size:24px; color:#fff; line-height:32px; text-transform:capitalize; }

.catgoryBox{ display:inline-block; width:150px; height:110px; border:1px solid #666; border-radius:5px; margin:8px 2px; overflow:hidden;}
.catgoryBox img{ width:100%; height:100%;}
/** category **/

/** detail **/
.redBorder{ border:1px solid #920c0b;}
.itemBox img{ width:100%; height:100%;}
.desc h4{ font-size:20px;}
.desc p{ line-height:22px;}
/** detail **/

/** Contact **/
.grayBorder{ border:1px solid #ccc;}

.conBox{ margin-bottom:20px; }
.mapBox{ height:368px;}
.conBox.divLine{ width:100%; border-bottom:1px dashed #ccc;}
.rowPart{ margin-bottom:10px; width:100%; overflow:hidden; }
.rowPart label{ text-align:right; float:left; }
.rowPart .info{ float:left; padding-left:10px; width:74%}


/** Contact **/

label { width: 20%}
.btn-info a{ color:white}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{float: right; max-height: 340px; max-width: 796px;}
/*.navbar-brand{ float: none; display: inline-block}
.navbar-collapse.collapse {display: inline-block !important; margin-left: 350px !important;}
.navbar-header{display: inline-block}*/
.cat_box {padding:10px;}


