@charset "utf-8"; 
/*
Project:RVJ Enterprises Pvt HyderabadExotica
Code by:Mohd Basheer
font-family: 'Open Sans', sans-serif;
font-family: 'Vollkorn', serif;
*/

/*@font-face{    font-family:'exomedium';     src:url('../fonts/exo-medium-webfont.eot');     src:url('../fofnts/exo-medium-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/exo-medium-webfont.woff2') format('woff2'),         url('../fonts/exo-medium-webfont.woff') format('woff'),         url('../fonts/exo-medium-webfont.ttf') format('truetype'),         url('../fonts/exo-medium-webfont.svg#exomedium') format('svg');     font-weight:normal;     font-style:normal}
@font-face{    font-family:'Comfortaa', cursive, sans-serif;     src:url('../fonts/exo-regular-webfont.eot');     src:url('../fonts/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/exo-regular-webfont.woff2') format('woff2'),         url('../fonts/exo-regular-webfont.woff') format('woff'),         url('../fonts/exo-regular-webfont.ttf') format('truetype'),         url('../fonts/exo-regular-webfont.svg#exoregular') format('svg');  font-weight:normal;  font-style:normal}*/
html, body{height:100%; text-align:justify;  background:#000;  color:#fff; font-family: 'Vollkorn', serif; font-size:16px;}
body{overflow-x:hidden}
.container{position:relative}
.w100{ width:100%; display:block;}
a, a:hover{ color:#fff; text-decoration: none;}
/*.bg-brownNoise{ background:url(../images/bg-brownNoise.jpg) no-repeat scroll center center/cover; padding:30px 0; color: rgba(255,255,255, 0.75); width:100%; display:block;}*/
#wrap{min-height:100%; height:auto !important; height:100%; margin:0 auto}
.lt-ie8 #wrap{display:table; height:100%}
.mainfooter{ background:url(../images/footer-bg.jpg) no-repeat scroll center center/cover;}
.mainfooter a{color:#fff}
.footer-links{ margin:0; padding:0; display: block; list-style: none;}
.footer-links li{ display: inline-block; margin:18px 0;}
.footer-links li a{ padding:0 20px; line-height:16px; border-right:1px solid #fff; display:block; font-weight:600;}
.footer-links li:first-child a{ padding-left:0;}
.footer-links li:last-child a{ border-right:none;}
.mainfooter h4{ margin-bottom:5px;}
.footerContact{margin-top:20px; margin-bottom:20px}
.footerContact .title{margin-top:0}
.newsLetter{ padding:30px 0 20px; overflow: hidden; border-bottom:1px solid #fff;}
#newletter-modal{ color:#000;}
.newsLetter .form-group{ margin-bottom:10px}
.newsLetter .form-control{ height:40px; border-radius:0;}
.newsLetter .btn-newsletter{ background: rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.5);  padding:5px 26px; color:#fff; text-transform: capitalize; font-size:20px;}
.newsLetter .btn-newsletter:hover{ background: rgba(0,0,0,0.9); border:1px solid rgba(0,0,0,0.9);}
#map-canvas{width:100%; margin:0; padding:0; height:250px; color:#444}
#map-canvas strong{color:#000}
#map-canvas a{color:#4585F2}
.copyright{text-align: center; padding:10px 0; background:#fff; color:#000;}
.copyright a{color:#000;}
.copyright p{margin:10px 0 0; /*float:left*/}

#header{position:relative; z-index:996;}
.logo{margin:0 auto; padding: 0; display:block; position:relative; text-decoration:none; color:#EDAE60}
.logo img{display:block; margin:0 auto}
.logo small{position:absolute; right:0; bottom:20px; font:italic 13px 'Vollkorn', serif; text-decoration:none}
.browsehappy{margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0}

/*=====back-to-top=====*/
.toTop{display:none; text-decoration:none; position:fixed; z-index:997; bottom:10px; right:10px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-9999px; background:url("../images/ui-totop.png") no-repeat left top}
.toTop:active, .toTop:focus{outline:none}
.toTop:hover{background:url("../images/ui-totop.png") no-repeat left -50px}

.thumbnails{padding-left:0;  list-style:none;  *zoom:1}
.thumbnails:before, 
.thumbnails:after{display:table;  content:"";  line-height:0}
.thumbnails:after{clear:both}
.thumbnails >li{margin-bottom:15px}

.text-gold{color:rgba(255,2555,255,0.5)}
 a.text-gold:hover{color:#fff}
.text-white{color:#fff}, a.text-white{color:#fff}
 a.text-white:hover{color:#FFF; text-decoration:underline;}
.text-medium{ font-weight:600;}

hr{-moz-border-bottom-colors:none;  -moz-border-left-colors:none;  -moz-border-right-colors:none;  -moz-border-top-colors:none;  border-color:#282828 -moz-use-text-color -moz-use-text-color;  border-image:none;  border-right:0 none;  border-style:solid none none;  border-width:1px 0 0;  margin-bottom:20px;  margin-top:20px}
hr.darkLine{-moz-border-bottom-colors:none;  -moz-border-left-colors:none;  -moz-border-right-colors:none;  -moz-border-top-colors:none;  border-color:#000; -moz-use-text-color -moz-use-text-color;  border-image:none;  border-right:0 none;  border-style:solid none none;  border-width:1px 0 0;  margin-bottom:20px;  margin-top:20px}

.alignleft{margin:0px 20px 20px 0; float:left}
.alignright{margin:0 0 20px 20px; float:right}

 /*=====custom-button-styles=====*/
 .btn-site{ color:#fff;  background-color:rgba(255,2555,255,0.5);  border-color:rgba(255,2555,255,0.5)}

.btn-site:hover, 
.btn-site:focus, 
.btn-site:active, 
.btn-site.active, 
.open .dropdown-toggle.btn-site{ color:#fff;  background-color:rgba(255,2555,255,0.5);  border-color:rgba(255,2555,255,0.5)}

 
.btn-site:active, 
.btn-site.active, 
.open .dropdown-toggle.btn-site{ background-image:none}

 
.btn-site.disabled, 
.btn-site[disabled], 
fieldset[disabled] .btn-site, 
.btn-site.disabled:hover, 
.btn-site[disabled]:hover, 
fieldset[disabled] .btn-site:hover, 
.btn-site.disabled:focus, 
.btn-site[disabled]:focus, 
fieldset[disabled] .btn-site:focus, 
.btn-site.disabled:active, 
.btn-site[disabled]:active, 
fieldset[disabled] .btn-site:active, 
.btn-site.disabled.active, 
.btn-site[disabled].active, 
fieldset[disabled] .btn-site.active{ background-color:rgba(255,2555,255,0.5);  border-color:rgba(255,2555,255,0.5)}

.btn-primary{background-color: rgba(255,2555,255,0.5);
border-color: rgba(255,2555,255,0.2);}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: #000;
    background-color: rgba(255,2555,255,0.8);
    border-color: rgba(255,2555,255,0.2);
}
 
.btn-site .badge{ color:rgba(255,2555,255,0.5);  background-color:rgba(255,2555,255,0.5)}
.btn-outline{ background-color:transparent;  color:inherit;  transition:all .3s}
.sharp{border-radius:0}
.btn-site.btn-outline{color:#fff; border-color:rgba(255,2555,255,0.5)}
.btn-site.btn-outline:hover{color:#fff; border-color:rgba(255,2555,255,0.5)}

.btn-site:hover, .btn-site:focus, .btn-site:active, .btn-site.active, .open .dropdown-toggle.btn-site{color:#FFF;}

 .panel{ color:#333;}
 .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgba(255,2555,255,0.3);
}
/*------------------------------------*/
/*-------------Page Layout------------*/
/*------------------------------------*/
.headerText{ margin-top:5px; display:block; font-style:italic}
#topLinks{float:right; padding:0; display:block; margin:5px 0; font-family: 'Vollkorn', serif; text-transform:uppercase; font-size:15px; line-height:15px}
#topLinks li{padding:0!important;}
#topLinks li a{color:#fff; padding:0 16px; border-right:2px solid #fff; display:block; text-decoration:none; transition:all 0.25s ease-in;}
#topLinks li:last-child a{border-right:none;}
#topLinks li a:hover{color:#000;}
#topLinks .dropdown-menu{background:#262626; border:1px solid #ccc; border-top:0; margin-top:0; font-size:12px; font-family: 'Vollkorn', serif; border-radius:0}
#topLinks .dropdown-menu li:after{content:""; padding:0}
#topLinks .dropdown-menu a{color:#ccc; padding:3px 15px; line-height:1.42857}
#topLinks .dropdown-menu .divider{background-color:#555}
#topLinks .dropdown-menu li{display:block; float:none}
#topLinks .dropdown-menu >li >a:focus, .topLinks .dropdown-menu >li >a:hover{ text-decoration:none; color:#000}

#topLinks li a:hover.btn-primary{ color:#fff;}
/*========shareicons======*/
.shareicons{margin:10px 0 0; padding:0; float:right}
.shareicons li{padding:0 2px}
.shareicons li a{display:block; height:28px; width:28px; text-align:center; line-height:26px; color:#fff; border-radius:50%; text-decoration:none; font-size:14px; transition:all 0.2s ease-in; border:1px solid #fff}
.shareicons li a:hover{color:#fff; border-color:#fff}
.shareicons li a i{line-height:inherit}

/*========headerNum======*/
.headerNum{font-family: 'Vollkorn', serif;; color:#ccc; margin-bottom:10px; float:right; font-size:17px}
.headerNum a{color:#ccc; text-decoration:none}
.headerNum a:hover{color:rgba(255,2555,255,0.5); text-decoration:underline}
.headerNum li{padding:0}
/*.headerNum li:after{content:"|"; padding:0 5px; color:#ccc}
.headerNum li:last-child:after{content:""; padding:0; color:#ccc}*/

/*a.fb{color:#3B5999; text-decoration:none}
a.twr{color:#70C9F6; text-decoration:none}
a.ytube{color:#CD201F; text-decoration:none}*/


.mainfooter .headerNum{ float:none;}
.mainfooter .headerNum a:hover{color:#fff; text-decoration:none}
.mainfooter .headerNum li:after{content:"|"; padding:0 5px; color:#fff;}
/*========SearchForm======*/
#searchToggle{display:none}
.searchForm{margin:0 15px 10px 0; width:30%; float:right; display:block}
.inputWrapper{position:relative}
.inputWrapper .form-control{background:none; color:#fff; border-color:#333; padding-right:35px; border-radius:0}
.inputWrapper .form-control:focus{border-color:rgba(255,2555,255,0.5); outline:0 none; box-shadow:none}
.inputWrapper .form-control::-moz-placeholder{ color:#ccc;  opacity:1}
.searchBtn{position:absolute;  top:0;  right:0;  height:100%;  width:30px; font-size:18px;  text-align:center; cursor:pointer; background:none; color:#ccc; border:none; box-shadow:none}
.searchBtn:hover{color:#fff}

.cartWrap{float:right;margin-bottom: -4px}
.cartMenu{float:left; display:block; margin:0}
.cartMenu a.dropdown-toggle{padding:4px 10px 4px; color:#fff; font-size:15px; display:block; text-decoration:none; background:none; position:relative; font-family: 'Vollkorn', serif; transition:all 0.2s ease-in}
.cartMenu a.dropdown-toggle:hover{border-color:rgba(255,2555,255,0.5)}
.cartIcon{font-size:18px; line-height:inherit}

.message{text-align:center; margin:0; padding:15px; font-size:12px; font-family: 'Vollkorn', serif; text-transform:uppercase}
div#cartContent{padding-bottom:0; border-radius:0; margin-top:0; width:250px; background:#242424; padding-top:0; border-color:#333; box-shadow:0 0 7px #000}
div#cartContent .table{margin-bottom:0; font-size:12px}
#cartContent .table thead, #cartContent .table thead th{background:#0d0d0d}

.ui-dialog{z-index:1000 !important}
.ui-dialog .ui-dialog-content{background-color:#fff!important; width:250px}
.ui-dialog-titlebar{border-color:#000!important; background:#444!important}
.popBag{font:12px Arial,Helvetica,sans-serif;  float:left; width:250px}
.popBag h3{margin:0 0 5px 0; color:#EDAE60; text-align:center}
.popBag h4{margin:0; text-align:center}
.popBag .popcnt{background:#fff; margin:0 0 5px 0; padding:5px; width:240px; float:left}
.popBag .popcnt img{display:block; width:80px; float:left; height:60px}
.popBag .popcnt p{text-align:left; float:left; display:block; width:150px; padding:0 5px; margin:0; font-size:14px}
/*--cart_calculation Page--*/
/*======1-level or 2-level or 3-level navigation=======*/
#mobileHeader{display:none}
.navWrapp{background:#fff; padding:20px 0}
#navWrapper{ }
#nav{padding:0;  margin:0; list-style:none;  display:block; height:auto;  float:right}
#nav li{float:left; position:relative; line-height:0}
#nav a{float:left; height:auto; padding:0 16px; color:#000; text-transform:uppercase; font:18px/20px 'Vollkorn', serif;  text-decoration:none; outline:none}
#nav li:hover >a{color:#333;}
#nav li ul li:hover >a{color:#fff;}
*html #nav li a:hover{color:#fff; background:rgba(0,0,0,0.2);}
/* Sub-nav */
#nav ul{list-style:none;  margin:0;  padding:0;  display:none;  position:absolute;  top:40px;  left:0;  z-index:99999;  background:#242424; border:1px solid #333; box-shadow:0 0 7px #000}
#nav ul li{left:0; border:none}
#nav ul ul{top:0;  left:150px}
#nav ul li{float:none;  margin:0;  padding:0;  display:block}
#nav ul li:last-child{-moz-box-shadow:none;  -webkit-box-shadow:none;  box-shadow:none}
#nav ul a{padding:8px;  height:5px; width:260px; height:auto;  line-height:1;  display:block;  white-space:nowrap;  float:none; text-transform:none; font:16px 'Vollkorn', serif; color:#fff}
*html #nav ul a{height:5px}

*:first-child+html #nav ul a{height:5px}
#nav ul a:hover{color:#fff; background:rgba(0,0,0,0.2);}
*html #nav ul a:hover{color:#fff; background:rgba(0,0,0,0.2);}
#nav ul ul li:first-child a:after{left:-8px;  top:12px;  width:0;  height:0;  border-left:0;  border-bottom:5px solid transparent;  border-top:5px solid transparent;  border-right:8px solid #444}
#nav ul li:first-child a:hover:after{border-bottom-color:#04acec}
#nav ul ul li:first-child a:hover:after{border-right-color:#04acec;  border-bottom-color:transparent}
#nav:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}
* html #nav{zoom:1}
*:first-child+html #nav{zoom:1}

/*--------------------------------------*/
/*-------------homepage-----------------*/
/*--------------------------------------*/
.decoLine{position:relative; width:100%; height:18px; background:url(../images/decoline.png) 50% 50% no-repeat}
.decoLine:before{content:""; height:1px; width:100%; background: rgba(255,255,255,0.8); position:absolute; left:0; top:50%}

.catLinks{margin:5px 0; padding:0; list-style:none}
.catLinks li{display:block}
.catLinks li a{padding:5px 10px; display:block; color: rgba(255,255,255,0.8); text-align: left; font-family: 'Vollkorn', serif; text-transform:uppercase; text-decoration:none; transition:all 0.2s ease-in; font-size:14px;}
.catLinks li a:hover{background: rgba(0,0,0,0.1); color:#3F1802}

.img-thumbnail{border-radius:0; background:#dedede; border-color:#dedede; margin-bottom:10px}

.newThumb, .videoTmb{padding:0; position:relative; border-radius:0; border-color:#444; background:#444}
a.newThumb:hover, a.newThumb:focus, a.videoTmb:hover, a.videoTmb:focus{border-color:#bbb}
.newThumb .newDesc{display:none; position:absolute; height:90%; width:90%; background:rgba(0,0,0,0.7); font-weight:bold; color:rgba(255,2555,255,0.5); text-decoration:none; left:5%; top:5%; text-align:center; padding-top:30px; text-transform:capitalize}
.playIcon{    background:#f80000 none repeat scroll 0 0;     border-radius:5px;     color:#fff;     display:block;     font-size:20px;     height:38px;     left:50%;     line-height:38px;     margin:-19px 0 0 -25px;     position:absolute;     text-align:center;     text-decoration:none;     top:50%;     width:50px;     z-index:10}

.bx-wrapper .bx-viewport{background:none; border:none;  box-shadow:none; left:0; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0)}
.bx-wrapper{position:relative; margin:0 auto 150px; padding:0; *zoom:1}
.bx-wrapper img{max-width:100%; display:block}
.bx-wrapper .bx-loading{min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{left:10px; background:url(../images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px; background:url(../images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}

.bannerContainer{background:#000; position:relative; width:100%; float:left; margin: 0}
.no-js .bannerContainer{display:block}

#bannerSlides li img{width:100%}
#bannerSlides li{display:none}
#bannerSlides li:first-child{display:block}
.bannerContainer .bx-wrapper{margin:0 auto; position:relative}
.bnrCaption{ position:absolute;  display:block;  width:50%;  font-size:30px;  max-height:90px;  overflow:hidden;  top:35%;  right:10px;  padding:0;  text-align:center;  color:#fff; font-family: 'Vollkorn', serif; text-transform:uppercase}
#bannerSlides, #featSlides{margin:0; padding:0; list-style:none}
.bannerContainer .bx-wrapper .bx-pager{position:absolute; right:20px; bottom:5px; z-index:4; text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#fff}

.bannerContainer .bx-wrapper .bx-pager .bx-pager-item, 
.bannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}

.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a{background:rgba(255,255,255,0.5); text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active{background: rgba(255,255,255,1);}

.featSlidesWrapper{position:relative; border:2px solid #fff; padding:10px; background:#09677b}
.featWrapper{height:92px; line-height:92px; width:100%; overflow:hidden; text-align:center}
.featContent{display:inline-block; line-height:normal;  vertical-align:middle; font-family:'Vollkorn', serif;; font-size:18px; text-align:center;  position:relative}
.featContent h3{margin:0; padding:0;  color:#fff; text-align:center; text-transform:uppercase; font-weight:bold}
.featContent p{margin:0}

.product{display:block; height:auto; text-align:center; transition:all 0.3s ease 0s; cursor:pointer;}
/*.product:hover{box-shadow:0 3px 12px 0 rgba(0,0,0,0.7)}
*/
/*.prodImg{display:block; overflow:hidden; position:relative; text-align:center; transition:all 0.5s ease 0s; width:100%; }*/
.prodImg {display:block; overflow:hidden; position:relative; text-align:center;  width:100%;  height: 0; overflow: hidden; padding-bottom: 86%;}
.prodImg img {  min-height: 100%; opacity: 1; position: absolute; left:0; right:0; }


/*.prodImg:hover img, .prodImg:focus img, .prodImg:active img {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    opacity: 0.5;
    transform: scale(1.3) rotate(-1.5deg);
}*/

/*.prodImg{height:165px}*/
.prodImg a{display:block; width:100%; height:100%}
/*.prodImg a img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-height:100%; transition:all 0.5s ease 0s}*/
.product:hover .prodImg{border-color:#cfcfcf}
.product .description{margin:0; max-height:45px; min-height:45px; padding-top:10px;}
.item h4{display:block;  margin:0;  overflow:hidden; padding:0; font-size:28px; font-variant:small-caps; text-transform: capitalize; font-weight:400;}
.item h4 a{color:#fff; text-decoration:none; text-transform:capitalize;font-weight:600;}
.product:hover h4 a{color:rgba(255,255,255,0.5)}
.product:hover h4{color: rgba(255,255,255,0.5)}
.item:hover h4,.item:hover h5{color: rgba(255,255,255,0.5)}
.item:hover .prodImg img{ opacity: 0.5; }


.description p{font-size:14px; line-height:18px; max-height:90px; min-height:55px; overflow:hidden}

.productListWrapper{position:relative; visibility:hidden; margin-bottom:20px;}
.no-js .productListWrapper{visibility:visible; height:auto}
.productListWrapper .bx-wrapper .bx-viewport{height: 380px !important}
#car1, #car2{margin:0 0 10px 0; padding:0}
#car1 .item{display:block; height:220px}

#car2 .item{display:block; height:250px; position:relative}
#car2 .item h5{max-height:45px; min-height:15px; margin:0 0 5px 0; line-height:15px; display:block; overflow:hidden; font-size:15px}

#car2 .description{min-height:20px; max-height:85px; overflow:hidden}
#car2 .description p{max-height:none; min-height:20px; overflow:hidden; margin:0}

.carPrev, .carNext, .car2Prev, .car2Next{display:none}
.carPrev a, .carNext a, .car2Prev a, .car2Next a{outline:none; text-decoration:none; font-size:22px; color: rgba(255,255,255,0.8); position:absolute; top:10px; right:0; display:block; width:32px; height:32px; background: rgba(255,255,255,0.2); text-align:center; line-height:30px}
.carPrev a:hover, .carNext a:hover, .car2Prev a:hover, .car2Next a:hover{color:rgba(255,255,255,1);}
.carPrev a, .car2Prev a{right:40px}
.btn-prdt a{outline:none; text-decoration:none; font-size:14px; color: rgba(255,255,255,0.8);/* position:absolute; top:10px; right:100px;*/ display: table; margin: auto; background: rgba(255,255,255,0.2); text-align:center; padding:6px 16px;}
.btn-prdt a:hover,.btn-prdt a:focus,.btn-prdt a:active{color:rgba(255,255,255,1); outline:none;}
.productListWrapper hr{ margin:10px auto 20px;  border-color: rgba(255, 255, 255, 0.15) -moz-use-text-color -moz-use-text-color;}

.newarrContainer{position:relative; visibility:hidden; margin:20px auto;}
/*.arrPrev, .arrNext, .arrPrev, .arrNext{display:none}*/
.arrPrev a, .arrNext a, .arrPrev a, .arrNext a{outline:none; text-decoration:none; font-size:22px; color: rgba(255,255,255,0.8); position:absolute; top:34%; right:0; display:block; width:32px; height:32px; background: rgba(255,255,255,0.2); text-align:center; line-height:30px}
.arrPrev a:hover, .arrNext a:hover, .arrPrev a:hover, .arrNext a:hover{color:rgba(255,255,255,1);}
.arrPrev a, .arrPrev a{left:0px}
.newarrTitle{font-family: 'Vollkorn', serif; font-size:24px; color:#fff; background:#200d02; text-align:center; padding:10px; display:block; width:100%;}


.bx-next.disabled{display:none!important}

.boxDark{background:#0c151f;  border:1px solid #2f2f2f; padding-top:15px; padding-bottom:15px}
.welcome{font-size:16.2px}

/*======innerpagestyles=======*/
.page{padding-bottom:15px; min-height:300px;}
/*	.page input {
    color: #333;
}*/
.title{font-family: 'Vollkorn', serif; text-transform:capitalize; font-variant:small-caps; margin:40px auto 20px}
.title span{ background:url(../images/title-border.png) no-repeat 50% 100%; padding-bottom:24px; width:100%; height:50px;display: table;margin: auto;}
.title-rokkit{font-family: 'Vollkorn', serif;}
.subtitle{font-family: 'Vollkorn', serif;  border-bottom:1px solid #282828; padding-bottom:5px}
.titleStyled{margin:0 0 15px 0; position:relative; font-family: 'Vollkorn', serif; text-transform:uppercase; text-align:center; position:relative; display:block; z-index:1; font-weight:normal; padding:10px 0; color:rgba(255,255,255,0.8); border-bottom:1px solid rgba(255,255,255,0.8); border-top:1px solid #333; box-shadow:0 5px 5px -5px #000}
.titleStyled:before{ background:url(../images/decoline.png) 0 0 no-repeat; bottom:-9px; content:""; height:18px; left:50%; margin-left:-8.5px; position:absolute; width:17px}
.siteMap .siteMapLinks li{font-family: 'Vollkorn', serif; font-size:13px; line-height:24px; text-transform:uppercase; padding:0}
.siteMap .siteMapLinks li:after{content:"|"; color:#999; padding:0 5px}
.siteMap .siteMapLinks a{color:#999; transition:all 0.3s ease-in}
.siteMap .siteMapLinks a:hover{color:rgba(255,2555,255,0.5)}

.marBtm{ margin-bottom:20px;}

.page-header{margin:0 0 15px 0; padding:15px 0; position:relative; border:none; background:#0d0d0d; background:-moz-linear-gradient(left,#0d0d0d 10%,#424242 90%); background:-webkit-gradient(linear,left top,right top,color-stop(10%,#0d0d0d),color-stop(90%,#424242)); background:-webkit-linear-gradient(left,#0d0d0d 10%,#424242 90%); background:-o-linear-gradient(left,#0d0d0d 10%,#424242 90%); background:-ms-linear-gradient(left,#0d0d0d 10%,#424242 90%); background:linear-gradient(to right,#0d0d0d 10%,#424242 90%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d',endColorstr='#424242',GradientType=1 )}
.header-sm{padding:5px 0}
.pageTitle{font-weight:normal; font-family: 'Vollkorn', serif; text-transform:uppercase;  margin:0; text-align:left; display:block}
.breadcrumb{margin:0; padding-left:0;  background:none; font-size:12px; font-weight:bold; text-align:left}
.breadcrumb a{color:#bbb}
.breadcrumb li.active{color:#fff}
.marqueeWrap{border:1px solid rgba(255,2555,255,0.5); padding:6px;  width:35%;  float:left; margin:5px 0 5px 80px; display:none}
.marquee{overflow:hidden; color:rgba(255,2555,255,0.5); font-family: 'Vollkorn', serif;; font-size:17px; line-height:1}

.well{background:rgba(255,2555,255,0.5); border-color:#3b1c0b; color:#FFF;}
.well blockquote{margin:0; border-color:#3b1c0b}
blockquote{border-color:#444}
blockquote p{ margin-bottom:0; font-family: 'Vollkorn', serif; font-style:italic}
.table thead, .table thead th{background:#242424; font-family: 'Vollkorn', serif; font-weight:normal; text-transform:uppercase; color:#fff}
.table p{margin-bottom:5px}
.table h4{margin:5px 0}
.table .checkbox{margin:0}

.newimages tabale td.images-new { margin:0 16px 0 0;}

/*====productThumbnails====*/
#catproductList .item{display:block; /*height:220px*/}
#catproductList .item h4{font-size:17px; max-height:45px; min-height:15px}

#productList .item{display:block; /*height:250px;*/ position:relative; margin-bottom:20px;}
#productList .item h5{max-height:45px; min-height:15px; margin:0 0 5px 0; line-height:15px; display:block; overflow:hidden; font-size:15px}

#productList .description{min-height:20px; max-height:85px; overflow:hidden}
#productList .description p{max-height:none; min-height:20px; overflow:hidden; margin:0}

.dispImg{margin-bottom:5px; background:#444; padding:0; border-color:#333; border-radius:0}
.detailsBlock .title{margin-top:0}

#gallList .thumbnail{border-radius:0; height:165px; position:relative; border-color:#444}
#gallList .thumbnail img{bottom:0; left:0; margin:auto; max-height:100% !important; position:absolute; right:0; top:0}
#gallList .thumbnail:hover{text-decoration:none; border-color:#fff}
.desc{background:rgba(0,0,0,0.7); bottom:0; color:#fff; display:block; font-family: 'Vollkorn', serif; left:0; line-height:15px; max-height:40px; overflow:hidden; padding:5px 0; position:absolute; text-align:center; text-decoration:none; text-transform:capitalize; width:100%}

/*=======accordion=======*/
#accordion{font-size:0.85em; font-family:sans-serif}
 .ui-accordion{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
 .ui-accordion .ui-corner-all{border-radius:none}
#accordion-sub .ui-accordion-header{font-size:1em}
.ui-accordion .ui-accordion-header{cursor:pointer; position:relative; margin-top:1px; zoom:1; background:#fff; border:1px solid #efefef; font-family:sans-serif; font-weight:bold; font-size:1.2em}
#accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-left, #accordion .ui-corner-tl{border-top-left-radius:0}
#accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-right, #accordion .ui-corner-tr{border-top-right-radius:0}
#accordion .ui-corner-all, #accordion .ui-corner-bottom, #accordion .ui-corner-left, #accordion .ui-corner-bl{border-bottom-left-radius:0}
#accordion .ui-corner-all, #accordion .ui-corner-bottom, #accordion .ui-corner-right, #accordion .ui-corner-br{border-bottom-right-radius:0}
#accordion .ui-accordion .ui-accordion-li-fix{display:inline}
.ui-accordion .ui-accordion-header-active{color:#E9333F!important; background:#f7f7f7!important}
#accordion .ui-state-default{   background:#FFF;     border:1px solid #dfdfdf;     color:#444;     font-weight:bold}
#accordion .ui-accordion .ui-accordion-header a{display:block; font-size:1em; padding:.5em .5em .5em .7em; border-radius:none}
#accordion .ui-accordion-icons .ui-accordion-header a{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-icon{position:absolute; left:.5em; top:50%; margin-top:-8px}
#accordion #accordion-sub{padding:1em 2.2em; border-top:0; margin-top:-2px; position:relative; top:1px; margin-bottom:2px; overflow:auto; display:none; zoom:1; background:#FFF;  border-radius:none}
#accordion-sub .ui-widget-content{padding:0; border-top:0; margin-top:-2px; position:relative; top:1px; margin-bottom:2px; overflow:auto; display:none; zoom:1; background:none!important; border:none; border-radius:none}
.ui-accordion .ui-accordion-content-active{display:block}

#accordion .ui-state-default .ui-icon{background-image:url(../ui-lightness/images/ui-icons_222222_256x240.png)}
#accordion .ui-state-hover .ui-icon, 
#accordion .ui-state-focus .ui-icon{background-image:url(../ui-lightness/images/ui-icons_222222_256x240.png)}
#accordion .ui-state-active .ui-icon{background-image:url(../ui-lightness/images/ui-icons_222222_256x240.png)}

/*====aside====*/
.leftLinks{       border:1px solid #000;     box-sizing:border-box;     float:left;     margin:26px 0 20px;     position:relative;     width:100%; background:#20262d url(../images/noise.png) scroll 0 0 repeat}
.leftLinks ul{list-style:none; margin:0; padding:0}
.leftLinks .htwo-title{border-bottom:1px solid #000;  color:#EDAE60;  font-size:1.4em;  font-variant:small-caps;  margin:0;  padding:10px;  text-align:center;  text-transform:capitalize; background:#4d545e; /* Old browsers */background:-moz-linear-gradient(top,#4d545e 0%,#4c535d 4%,#474e58 8%,#49505a 9%,#3c4049 45%,#30353b 46%,#2e3337 50%,#2e323d 57%,#2e323b 93%,#30343d 96%,#393e44 99%,#42454a 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d545e),color-stop(4%,#4c535d),color-stop(8%,#474e58),color-stop(9%,#49505a),color-stop(45%,#3c4049),color-stop(46%,#30353b),color-stop(50%,#2e3337),color-stop(57%,#2e323d),color-stop(93%,#2e323b),color-stop(96%,#30343d),color-stop(99%,#393e44),color-stop(100%,#42454a)); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top,#4d545e 0%,#4c535d 4%,#474e58 8%,#49505a 9%,#3c4049 45%,#30353b 46%,#2e3337 50%,#2e323d 57%,#2e323b 93%,#30343d 96%,#393e44 99%,#42454a 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top,#4d545e 0%,#4c535d 4%,#474e58 8%,#49505a 9%,#3c4049 45%,#30353b 46%,#2e3337 50%,#2e323d 57%,#2e323b 93%,#30343d 96%,#393e44 99%,#42454a 100%); /* Opera 11.10+*/background:-ms-linear-gradient(top,#4d545e 0%,#4c535d 4%,#474e58 8%,#49505a 9%,#3c4049 45%,#30353b 46%,#2e3337 50%,#2e323d 57%,#2e323b 93%,#30343d 96%,#393e44 99%,#42454a 100%); /* IE10+*/background:linear-gradient(to bottom,#4d545e 0%,#4c535d 4%,#474e58 8%,#49505a 9%,#3c4049 45%,#30353b 46%,#2e3337 50%,#2e323d 57%,#2e323b 93%,#30343d 96%,#393e44 99%,#42454a 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d545e',endColorstr='#42454a',GradientType=0 ); /* IE6-9 */}

.leftLinks ul li{   font:14px/18px 'Vollkorn', serif;}
.leftLinks ul li:last-child a{border:medium none}
.leftLinks ul li a{border-bottom:1px solid #0a0a0a;  color:#CCC;  display:block;  padding:8px;  text-decoration:none}
.leftLinks ul li a:hover{background:none repeat scroll 0 0 #111;  color:#FFF}

.highLight{color:#EDAE60; font:16px 'Vollkorn', serif; margin:0 0 10px 0; text-align:center; line-height:1.4}

 
 
/*======contact page======*/
/*========form styles==========*/
.placeholder{color:#444}
::-webkit-input-placeholder{color:#444}
::-moz-placeholder{color:#444}

/*======feedback form======*/
.captcha{height:30px; padding:2px; list-style:none; margin:5px 0; display:block; float:left; width:100%}
.captcha li{float:left; margin:0 20px 0 0}
.capimg{position:relative}
a.refresh{width:30px; height:30px; position:absolute; right:-15px; top:15%; z-index:50; top:0}
.captcha input{width:70px}

.small-input{ width:30px !important; padding:6px 0!important; text-align:center}
.sitePaging{ float:right}
.sitePaging .input-group-addon, .sitePaging .input-group-btn{width:auto}

/*=========form errors========*/
.errors{position:absolute; float:left; width:150px; min-height:50px;  right:-40px; top:0}
.errors span{display:block; margin:5px 0}
.innerError{font-size:10px; color:#f00; background:#fbe3e4 url(../images/invalid.png) 0 50% no-repeat; padding:2px 2px 2px 20px; border:1px solid #fbc2c4; min-height:18px}
.innerHelp{font-size:11px; color:#5f8d00; color:#5f8d00; background:#e6efc2; padding:2px 2px 2px 20px; border:1px solid #390; min-height:18px;  background:#fbe3e4 url(../images/valid.png) 0 50% no-repeat}

/* ==========================================================================
   My Account Page
   ========================================================================== */
#accountLinks{float:left; display:block; width:100%; margin:10px 0; position:relative}

#accountLinks ul{display:block; margin:0; padding:0;  background:#000; list-style:none; border:1px dotted #666}
#accountLinks ul li{position:relative; display:inline-block; margin-right:-4px}
#accountLinks ul li a, #accountLinks ul li a:link, #accountLinks ul li a:visited{color:#999; display:block; font-size:14px; padding:0 20px; text-decoration:none; line-height:40px; text-transform:uppercase; border-right:1px dotted #666}
#accountLinks ul li:last-child a{border-right:none}
#accountLinks h2{margin:0 20px 0 0;  height:40px; line-height:40px; padding:0 20px; color:#08111A; font-size:16px; background:#ECAC60; position:relative; text-transform:capitalize; font-variant:small-caps}

#accountLinks h2:after{border-color:transparent #ECAC60;  border-style:solid;  border-width:40px 0 0 21.5px;  bottom:0;  content:"";  display:block;  right:-20.5px;  position:absolute;  width:0}
#accountLinks ul li a:hover{color:#fff; cursor:pointer}

#billingPage .panel{min-height:360px}
.panel-heading .title{margin:0}
#billingPage .title{margin-top:0}
#billingPage p{margin-bottom:5px}

.show-grid{margin-bottom:10px; margin-top:10px}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px}
.ir:before{content:""; display:block; width:0; height:150%}
@media only screen and (min-width:768px){
	.footer-links li a {
    padding: 0 10px;}
}

@media only screen and (min-width:992px){
.footer-links li a {
    padding: 0 20px;}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width:1200px){#nav a{ padding:0 28px;}}

/* Medium Devices, Desktops */
@media only screen and (max-width:991px){.js #navWrapper{display:none}
.no-js #navWrapper{display:block}
#topLinks li a{padding:0 15px}
#billingPage .panel{height:auto}
#accNav .navbar-toggle{display:block; float:right}
#accNav .navbar-header{float:none}
.hideNav{display:none}
#accNav .navbar-nav{margin:0; float:none}
#accNav .nav >li{display:block; position:relative; float:none}
.page{min-height:inherit}
.footerContact .title{margin-top:10px}
.headerNum, .logo{display:none}
#nav{float:none; margin:0 auto}
#nav a{padding:0 12px}
.searchForm{margin:0 15px 15px 0}
.detailsBlock{background:#242424; padding:15px}
 .bnrcaption{display:block;  position:absolute;  z-index:2;  text-shadow:none;  color:#fff;  right:0;  bottom:30%;  padding:10px;  margin:0;  max-width:none}
.bnrcaption h3{font-size:1.5em}
.certificates{float:none; margin:0 auto}
.copyright{text-align:center; margin-top:10px}
.copyright p{float:none; margin:0}
#toggle-nav{cursor:pointer}
#accountLinks ul{width:100%; font-weight:normal; border-bottom:none; display:none}
#accountLinks ul li{width:100%; float:left; margin-right:0}
#accountLinks ul li a{padding:8px 0px;  display:block; border-bottom:1px dotted #666; border-right:none!important}
ul#productList li div h3{color:#EDAE60; font-size:14px;  text-transform:capitalize;  margin:5px 0; line-height:1.4; padding:0; max-height:43px; overflow:hidden}
ul#productList li div p{font-size:12px}
}
/* Small Devices, Tablets */
@media only screen and (max-width:767px){.navWrapp{ display:none;}#topLinks{margin:5px 0}
.searchForm{padding:5px; width:100%; margin:0; display:none; background:#000}
.mobileMenu{width:100%; padding:0; margin:0 0 5px 0; float:left}
.mean-container .mean-bar{ background:#fff !important; min-height:48px !important;}
.mean-container .mean-nav {margin-top: 47px !important;}
.marqueeWrap{margin:5px 0; width:100%}
#searchToggle{display:block; background:none; border:1px solid #333; height:40px; line-height:40px;  padding:0; float:left;  text-decoration:none; color:#333;  font-size:16px; width:50%; text-align:center; outline:none}
.cartWrap{width:100%}
.cartMenu{width:100%}
.cartMenu a.dropdown-toggle{background:none;   padding:0; text-align:center; float:left; font-size:16px; width:100%; display:block; border:0; border-left:0; border-radius:0}
.cartMenu a.dropdown-toggle:hover{border-color:#333}


#shareicons{text-align:center; margin:10px 0; width:100%}
.banner .bnrcaption{display:block;  position:absolute;  z-index:2;  text-shadow:none;  color:#fff;  right:0;  bottom:30%;  padding:10px;  margin:0;  max-width:none}
.bnrcaption h3{font-size:1em}
.banner_nav{display:none!important}
.boxDark{padding:0; background:none; border:none}
.certificates{float:none; margin:0 auto}
.copyright{text-align:center}
#toggle-nav{cursor:pointer}
#accountLinks ul{width:100%; font-weight:normal; border-bottom:none; display:none}
#accountLinks ul li{width:100%; float:left; margin-right:0}
#accountLinks ul li a{padding:8px 0px;  display:block; border-bottom:1px dotted #666; border-right:none!important}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width:480px){.searchform{margin:0}
#searchwrap{display:none}
 .bnrcaption{display:block;  position:absolute;  z-index:2;  text-shadow:none;  color:#fff;  right:0;  bottom:30%;  padding:10px;  margin:0;  max-width:none}
.bnrcaption h3{font-size:0.7em}
.banner_nav{display:none!important}
.certificates{float:none; margin:0 auto}
.copyright{text-align:center}
.carPrev a, .carNext a{}
/*.carPrev a{right:auto; left:0}*/
.catLinks li a{padding:10px 15px}
.breadcrumb, .pageTitle{text-align:center}
.footer-links li{ display:block;}
.footer-links li a{ border-right:0; padding:5px 20px;}
.footer-links li:first-child a {
    padding-left: 20px;
}
}
@media only screen and (max-width:360px){
.btn-prdt a{ position:relative; right:auto; top:0;}

}