﻿* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Chivo', sans-serif;
    font-size: 1em;
}

.script{font-family: 'Playfair Display', serif;}

/* Basic Common Column structure */
.width100 {width: 100%}
.margin_auto {margin: 0px auto}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

/* ========= Font Specific ========= */
.tiny {font-size: 0.8em}
.small {font-size: 0.9em}
.regular {font-size: 1em}
.medium {font-size: 1.5em}
.large {font-size: 2em}
.extra-large {font-size: 2.9em;line-height: 1.5}
.line-ht {line-height: 1.5}

.font-light {font-family: 'Chivo', sans-serif;font-weight: 300}
.font-regular {font-family: 'Chivo', sans-serif;font-weight: 400}
.font-semibold {font-family: 'Chivo', sans-serif;font-weight: 500}
.font-bold {font-family: 'Chivo', sans-serif;font-weight: 900}

/*.zRegular{font-family: 'ZCOOL XiaoWei', serif;}*/

/*float classes*/
.float_left {float: left;display: inline}
.float_right {float: right;display: inline}
.float_clear {clear: both;}

/*text alignment*/
.txtCenter {text-align: center;}
.txtRight {text-align: right;}

/* padding */
.pad_5 {padding: 5px}
.pad_10 {padding: 10px}
.pad_14 {padding: 0.8em}
.pad_15 {padding: 15px}
.pad_20 {padding: 20px}
.pad_25 {padding: 1.5em}
.pad_30 {padding: 1.8em;}
.pad_40 {padding: 2.5em}
.pad_50 {padding: 3.1em}

.home_pad_offset {padding: 1.8em;}

.pad_LR_30 {padding: 0 1.8em;}
.pad_L_15 {padding-left: 0.9em}
.pad_R_15 {padding-right: 0.9em}
.pad_LR_15 {padding: 0em 0.9em;}
.pad_LR_20 {padding-left: 1.2em;padding-right: 1.2em}

.pad_LR_25 {padding: 0em 1.5em;}
.pad_LR_30 {padding: 0em 1.8em;}
.pad_L_30 {padding-left: 1.8em}
.pad_R_30 {padding-right: 1.8em}
.pad_TB_30 {padding-bottom: 1.8em;padding-top: 1.8em}
.pad_TB_10 {padding-bottom: 0.6em;padding-top: 0.6em}
.pad_TB_15 {padding-bottom: 0.9em;padding-top: 0.9em}
.pad_TB_20 {padding-bottom: 1.2em;padding-top: 1.2em}
.pad_TB_10 {padding-bottom: 0.6em;padding-top: 0.6em}

/* margin */
.mrg_B_5 {margin-bottom: 0.3em;}
.mrg_B_10 {margin-bottom: 0.6em;}
.mrg_B_15 {margin-bottom: 0.9em;}
.mrg_B_20 {margin-bottom: 1.2em;}
.mrg_B_25 {margin-bottom: 1.5em;}
.mrg_B_30 {margin-bottom: 1.8em;}

/*spacer*/
.space5 {height: 0.3em;display: block;}
.space10 {height: 0.6em;display: block;}
.space20 {height: 1.2em;display: block;}
.space25 {height: 1.5em;display: block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}

/* coloumn structure*/
.col_1140{width:1140px;margin:0px auto}
.col_1_2{width:570px; float:left;}
.col_1_3{width:380px; float:left;}
.col_1_4{width:285px; float:left;}
.col_1_5{width:228px; float:left;}
.col_1_6{width:190px; float:left;}
.col_2_3{width:760px; float:left;}
.col_980{width:980px; }
.col_800{width:800px; float:left}
.col_340{width:340px; float:left}

.col_570{width:570px; float:left}
.col_760{width:760px; float:left}
.col_380{width:380px; float:left}
.col_900_full{width:900px}
/*position*/
.posRelative{position:relative !important }
.dis_block{ display:block }

/*border-radius*/
.border_r_3{border-radius:3px;}
.border_r_4{border-radius:4px;}
.border_r_5{border-radius:5px;}
.border_r_50{border-radius:50%;}
.noBorder{border:none !important }

/*.border_box{ border:1px solid #010101; box-shadow: 9px 9px 16px #28282b, -9px -9px 16px  rgba(255,255,255, 0.5); }*/
.border_box{ border:1px solid #010101; box-shadow: 6px 6px 15px rgba(46, 44, 44, 0.80) }
.neu_shadow{box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px  rgba(255,255,255, 0.5);}

/*liner*/
.liner{height:1px; background-color:#511118; display:block; width:100%;}

/*text transform*/
.upperCase{text-transform:uppercase}
.capitalize{text-transform:capitalize;}
.txtDecNone{text-decoration:none;}

/*Error Message Classes*/
.info, .success, .warning, .error {margin: 10px 0px;padding:12px;padding-left:36px !important;display:block}
.info {color: #00529B;background: #BDE5F8 url(../images/icons/ico-info.png) no-repeat 12px center;}
.success {color: #4F8A10;background: #DFF2BF url(../images/icons/ico-success.png) no-repeat 12px center;}
.warning {color: #9F6000;background: #FEEFB3 url(../images/icons/ico-warn.png) no-repeat 12px center;}
.error {color: #D8000C;background: #FFBABA url(../images/icons/ico-error.png) no-repeat 12px center;}


/*Buttons*/
.button{display: inline-block; border: 1px solid; border-radius: 3px; padding: 12px 30px; font-size: 12px; line-height: 24px; font-weight: bold; letter-spacing: .06em; transition: .33s all ease; text-transform: uppercase; cursor: pointer; text-align: center; text-decoration:none;}
.button-small{border: 1px solid; border-radius: 3px; padding: 12px 30px; font-size: 12px; line-height: 24px; font-weight: bold; letter-spacing: .06em; transition: .33s all ease; text-transform: uppercase; cursor: pointer; text-align: center; text-decoration:none;}

.btnGolden{color: #fff; background-color: #010101; border-color: #e2a53f; border:2px solid #e2a53f;}
.btnGolden:hover{color: #fff; background-color: #e2a53f; border-color: #e2a53f;}

/*================================================MirajSitar Styles=======================================================*/


.themeBgPrime{background:#372c2e}
.themeBgSec{background:#de9e48}
.themeBgSecLight{background:#ede4d9}

.themeClrPrime{color:#372c2e}
.themeClrSec{ color:#de9e48}
.clrWhite{color:#ffffff}
.clrF7{color:#f7f7f7}
.clrGrey{color:#959696;}

#header{}
.logo{float:left;}
.logoName{width:400px; }

.socialBox{position:absolute; right:0px; top:10px;}
.topFb{background:url("../images/icons/topFb.png") no-repeat center center; width:24px; height:24px; margin-right:5px; display:inline-block;}
.topTwt{background:url("../images/icons/topTwt.png") no-repeat center center; width:24px; height:24px; margin-right:5px; display:inline-block;}
.topInsta{background:url("../images/icons/topInsta.png") no-repeat center center; width:24px; height:24px; margin-right:5px; display:inline-block;}
.topYoutube{background:url("../images/icons/topYoutube.png") no-repeat center center; width:24px; height:24px; margin-right:5px; display:inline-block;}

.topCall{background:url("../images/icons/callTop.png") no-repeat left center; text-decoration:none; padding-left:32px; color:#de9e48; line-height:1.8; position:absolute; bottom:10px; right:0; font-size:1.1em; font-weight:400}
#callResp{position:absolute;right:4px;top:50px;background:url("../images/icons/callTop.png") no-repeat center center;display:none; height:32px; width:32px; top:38px}

/* Navigation */
#topNavPanel{background:#de9e48;width:100%}
#navPanel{float:right;}
#topNav{list-style:none;}
#topNav li{display:inline; position:relative;}
#topNav li a{font-family: 'Playfair Display', serif; font-weight:400; display:inline-block;text-decoration:none;color:#372c2e;font-size:1.2em;line-height:1.5;padding:8px 12px}
#topNav li a.subNav{background:url(../images/icons/navArrow.png) no-repeat right center;padding-right:23px!important; cursor:pointer;}
#topNav li a.subNav-right{background:url(../images/icons/navArrow-right.png) no-repeat right center;cursor:pointer;}
#topNav li a:hover{background-color:#372c2e; color:#de9e48 }
#navBtn{ width:34px;height:34px;background:url(../images/icons/nav-btn.png) no-repeat left center;display:none; cursor:pointer; float:right; }


.bgBanner{background:#372c2e; background-size:cover}
#slideBanner{width:100%; height:500px; background-size:cover; display:table; text-align:center; position:relative  }

.center-text{position: relative;top: 50%;transform: translateY(-50%); text-align:center }


.centerBox{width:500px; position: relative;top: 50%;transform: translateY(-50%); text-align:center; margin:0 auto; border-radius:5px; background-color: rgba(55, 44, 46, 0.7); }


.center-text a{display:inline-block; background:#372c2e; color:#de9e48; padding:12px 20px; font-size:0.3em; text-decoration:none; border:1px solid #de9e48; border-radius:3px}
.center-text a:hover{ background:#de9e48; color:#372c2e; transition:0.5s }

.titleText{ font-size:3.5em; font-weight:500; color:#de9e48; font-family:'Playfair Display', serif;  }



.box-shadow{box-shadow: 5px 5px 15px -4px rgba(156,148,148,0.79);-webkit-box-shadow: 5px 5px 15px -4px rgba(156,148,148,0.79);-moz-box-shadow: 5px 5px 15px -4px rgba(156,148,148,0.79);}

.anch-prime{text-decoration:none; display:inline-block; color:#de9e48; padding:8px 12px; border:1px solid #de9e48; border-radius:3px}
.anch-prime:hover{background:#de9e48; color:#372c2e; transition:0.5s}

.anch-sec{text-decoration:none; display:inline-block; color:#372c2e; padding:8px 12px; border:1px solid #372c2e; border-radius:3px}
.anch-sec:hover{background:#372c2e; color:#de9e48; transition:0.5s}

.product_box {width: 380px;float: left;position: relative;}
.product_box:hover img{opacity:0.3}
.product_box :hover .middle{opacity:1}
.collectionBorder_box {border: 1px solid #372c2e;transform: .5s ease;}

.middle {transition: .5s ease;opacity: 0;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);    /*-ms-transform: translate(-50%, -50%);*/text-align: center;}
.middle:hover{opacity:1; }
.product_anch {text-decoration: none;display: inline-block;padding: 9px 13px;background-color: #de9e48;color: #ffffff;font-size: 1.3em;}

.tm-box{background-color:#fff; border-radius:20px; width:500px; text-align:left; padding:0 !important; }
.tm-person{background:#de9e48; border-radius: 0 0 20px 20px}
.tm-person img{width:80px; border:2px solid #fff; border-radius:50%; float:left; margin-right:20px}
.tm-name{display:block}
.tm-name span{display:block; font-size:0.7em; color:#393838; line-height:1.5}
.quote{color:#222; font-size:0.8em}

.bgFooter{background: #010101; width:100%; height:auto}

.fb{background:url("../images/icons/fb.png") no-repeat left center; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.fb:hover{background:url("../images/icons/fb-invert.png") no-repeat left center;}
.twt{background:url("../images/icons/twitter.png") no-repeat left center; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.twt:hover{background:url("../images/icons/twitter-invert.png") no-repeat left center;}
.linkedin{background:url("../images/icons/Linkedin.png") no-repeat left center; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.linkedin:hover{background:url("../images/icons/Linkedin-invert.png") no-repeat left center;}
.gPlus{background:url("../images/icons/googlePlus.png") no-repeat left center; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.gPlus:hover{background:url("../images/icons/googlePlus-invert.png") no-repeat left center;}
.instagram{background:url("../images/icons/insta.png") no-repeat left center; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.instagram:hover{background:url("../images/icons/insta-invert.png") no-repeat left center;}


.youtube{background:url("../images/icons/youtube.png") no-repeat left center; width:32px; height:32px; margin-right:10px; margin-bottom:15px; display:inline-block;}
.youtube:hover{background:url("../images/icons/youtube-invert.png") no-repeat left center;}

/*page header*/
.pgTitleContainer{ background-color:#010101 }
.pgTitleBar{ background:url("../images/header-bg.png") no-repeat right; }
.pgTitle{ font-weight:400; color:#de9e48; font-family: 'Playfair Display', cursive !important; font-size:3em }

/* Breadcrumb */
.bcPanel{padding:0.9em 0;}
.bcNav{list-style:none;}
.bcNav li{display:inline-block; color:#e2a53f; font-size:1em; line-height:1.3;}
.bcNav li a{display:inline-block;text-decoration:none;color:#e2a53f;font-size:1em; line-height:1.3; font-weight:400; padding-right:28px; background:url("../images/icons/right.png") no-repeat right center}
.bcNav li a:hover{ text-decoration:underline; font-weight:600  }

.img_box{border:1px solid #524648}

/*Producs Page*/
.product_image_col{width:380px; float:left;}
.product_data_col{width:760px; float:left;}

.product-photo{width:100%;}

.simplegallery {margin: 0 auto;width:100%}
.simplegallery .content {background: #fff;position: relative;width: 100%;}
.simplegallery .content img {width: 100%;border: 1px solid #9c9c9c;}
.simplegallery .thumbnail { margin-top: 5px; position:relative }
.simplegallery .thumbnail .thumb {margin: 0 5px 0 0;cursor: pointer; z-index:888 }
.simplegallery .thumbnail .thumb img {border: 1px solid #9c9c9c;width: 100px;}
.simplegallery .thumbnail .last { margin: 0; }


.product-name{text-decoration:none; color:#e2a53f; display:block; font-size:1.5em}
.product-name:hover{color:#f7f7f7}
.productBorder_box{ border:1px solid #2b2a2a;  }
.contactBorder_box{ border:1px solid #fff; min-height:260px }
.contactBorder_box:hover{border:1px solid #e2a53f; transition:1s}
/*.contactCall{background:url("../images/icons/contactCall.png") no-repeat center center; width:50px; height:50px;}
.contactCall:hover{background:url("../images/icons/topFb.png") no-repeat center center;}
.contactEmail{background:url("../images/icons/topTwt.png") no-repeat center center; width:32px; height:32px; margin-right:5px; display:inline-block;}
.contactAddress{background:url("../images/icons/topInsta.png") no-repeat center center; width:32px; height:32px; margin-right:5px; display:inline-block;}*/


.price-box{background:#fff; opacity:0.9; border-radius:0px 5px 5px 0px; display:inline-block; position:absolute; top:20px; left:10px }
.price-box a{background:url("../images/icons/price-tag.png") no-repeat left center; padding: 10px 10px 10px 32px; color:#010101; text-decoration:none; display:inline-block; font-size:0.9em }
.favourite{background:url("../images/icons/favourite.png") no-repeat center center; position:absolute; top:25px; right:15px; height:28px; width:28px }

.priceTag{background:#e2a53f url("../images/icons/price-tag.png") no-repeat 5px center; padding: 10px 10px 10px 40px; color:#fff; text-decoration:none; display:inline-block; font-size:1em; border-radius:5px}
.enq-anch{text-decoration:none; background-color:#1d1717; color:#fff; font-size:0.9em; padding:10px; border-radius:5px; cursor:pointer; margin-left:10px; display:inline-block }

.product-header{font-size:3em; color:#511118; font-family: 'ZCOOL XiaoWei', serif;}
.product-header span{ font-size:0.4em; font-style:italic; color:#555; display:block }

.over-hidden{overflow:hidden}
.img-zoom{ width:100%; transition:0.5s }
.img-zoom:hover { transform:scale(1.2); }


.spec-table{ border:none; width:100%; border-radius:5px }
.spec-table tr td{ border:none !important; padding:5px; }
.spec-table tr td:nth-child(1){width:30%; background:#f8f8f8  }

/*Form Controls*/
.labelCap{ font-weight:400; padding:5px 15px 5px 0px; display:block; margin-bottom:0.3em ; color:#ffffff}
.subNotice{font-size:0.8em; color:#f7f7f7; font-style:italic; margin-bottom:10px; display:block}
.textBox{padding:0.6em; border:1px solid #555; border-radius:3px; display:block; resize:none; width:97% ; font-size:0.9em; background-color:#372c2e; color:#e0dcdc }
.cmbBox{padding:0.6em; border:1px solid #555; border-radius:3px; display:block; resize:none; width:98%; font-size:0.9em; background-color:#372c2e; color:#ffffff}
.w50{width:50%}
.w20{width:20%}
.w80{width:80%}
.w95{width:95%}
.w70{ width:70%; margin:0 auto }
.mar_b_15{margin-bottom:0.9em}
.app_r_padding{padding-right:1.8em}
.chkList{width:100%}
.chkList input { padding:8px; margin-bottom:10px; display:inline-block;}
.buttonForm{background-color:#de9e48; color:#fff; font-size:1em; padding:8px 15px; border-radius:3px; cursor:pointer; }
.buttonForm:hover{background:#404041}
.buttonForm-Orange{text-decoration:none; background-color:#de9e48; color:#fff; font-size:1em; padding:8px 12px; border-radius:5px; cursor:pointer; }
.buttonForm-Orange:hover{background:#de9e48}

.whatsapp{display:block; background:url('../images/icons/whatsapp.png') no-repeat center center; height:64px; width:64px; position:fixed; right:0px; bottom:50px; border-radius: 5px 0px 0px 5px; z-index:999 }

#pop-form{ background:#010101; width:600px; border-radius:5px; display:none}

#map-canvas{width:100%;height:400px;margin:0;padding:0;}

/*Contact Us*/
.contactForm{margin:0 auto; width:600px;}

.office{background:url("../images/icons/shop.png") no-repeat top 8px left 0px; padding:10px 0px 10px 30px; color:#555; display:block; line-height:1.5}
.con-phone{background:url("../images/icons/con-phone.png") no-repeat left center; padding:10px 0px 10px 30px; color:#254d57; display:block}
.con-email{background:url("../images/icons/con-mail.png") no-repeat left center; padding:10px 0px 10px 30px; color:#254d57; display:block}

.social-box{ margin:0 auto }
.social-box a{text-decoration:none; display:inline-block; height:32px; width:32px; background-image:url("../images/icons/con-sprite.png"); background-repeat:no-repeat}
.social-box a.fb{ background-position:0px }
.social-box a.insta{ background-position-x:-32px; margin-left:5px }
.social-box a.lin{ background-position:-64px; margin-left:5px }
.social-box a.tw{ background-position:-96px; margin-left:5px }

/*Testimonials*/
/*.test-container{}
.test-box{background: #5b5a5a; position:relative; border-radius:5px; margin-bottom:20px; }
.test-box span.pointer{background: url("../images/icons/bottom-pointer.png") no-repeat center center; display:block; height:30px; width:50px; position:absolute; right:10px; bottom:-30px  }
.test-box p{background:url("../images/icons/quotes-large.png") no-repeat top left; padding-left:70px; padding-top:30px }
.test-img{display:block; width:200px; float:right; text-align:center }
.test-img img{width:150px; display:block; margin:0 auto; margin-bottom:10px }
.test-img span{color:#511118; font-size:1em}
.test-img span span{color:#555; font-size:0.8em}*/
/*Testimonials - By Shafiha*/
.test_comment{font-size:1em;color:#e0dcdc;line-height:1.4em;background:url(../images/icons/quotes-large.png) no-repeat left top;padding-left:40px}
.userProfile{width:150px; height:150px; float:left;}
.testBox{margin-left:170px;}
.userName{font-size:1.4em; color:#e2a53f}
/*=======================Testimonials=============================*/
.tm-box{background-color:#fff; border-radius:20px; width:400px; text-align:left; padding:0 !important; -webkit-box-shadow: 10px 10px 14px -10px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 14px -10px rgba(0,0,0,0.75);box-shadow: 10px 10px 14px -10px rgba(0,0,0,0.75);}
.tm-person{background:#e2a53f; border-radius: 0 0px 20px 20px}
.tm-person img{width:90px; border:2px solid #fff; border-radius:50%; float:left; margin-right:20px}
.tm-name{display:block}
.tm-name span{display:block; font-size:0.7em; color:#393838; line-height:1.5}
.quote{color:#222; font-size:0.8em}
.linerTm{height:1px; background-color:#555; display:block; width:100%;}


.siteCredit{font-size:1.1em; color:#e2a53f; font-family: 'Playfair Display', serif !important; }
.siteCredit a{text-decoration:none; font-size:1.1em; color:#e2a53f; font-family: 'Playfair Display', serif !important;}
.siteCredit a:hover{color:#f7f7f7}

/* ===================== Media Queries Starts here ==================== */
@media screen and (max-width: 1600px)
{

}
@media screen and (max-width: 1200px)
{	
    .col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
    .col_1_6{width:16.5%}

    .product_box{width:33%}
}
@media screen and (max-width: 1140px) 
{
    .col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{ width:70%}
	.col_340{ width:30%}

     .col_800_right{width:70%;}
	.col_340_right{width:30%;}

    .disp-none{display:block;}
    .product_box{width:33%}
    .contactForm{width:70%}
}
@media screen and (max-width: 1024px)
{
     .col_980{width:100%;}
     #topNav{list-style:none; background-color:#e2a53f; display:none; width:200px; position:absolute; right:0px; top:60px; z-index:5; border-radius:5px;text-align:center; padding:8px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); }
    #navBtn{display:block}
    #navPanel{ position:relative}
    #topNav li{display:block; padding:5px 16px; border-bottom:1px solid #ffffff; }
    #topNav li:hover{background-color:#372c2e}
}
@media screen and (max-width: 920px) 
{
    .col_800{width:100%; float:none }
	.col_340{width:100%; float:none}
    .col_800_center{width:100%; padding:10px;}
    
    .col_800_right{width:100%; float:none; margin-top:30px;}
	.col_340_right{width:100%; float:none; margin-top:30px;}
    .contactForm{width:90%; padding:10px}
    #slideBanner{height:400px;  }
}
@media screen and (max-width: 800px) 
{
    .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_1_6, .col_2_3{width:100%; float:none;}
    .product_box{width:100%; float:none}
    #banner{height:300px}
}
@media screen and (max-width: 768px) 
{
    .tm-image{width:30% }
    .tm-image img{width:100%; height:auto }
    .tm-content{ width:70% }
     .logoName{width:250px}
     .topCall{display:none}
	#callResp{display:block}
    #slideBanner{height:300px;  }
     .pgTitleBar{ background:none; }
}
@media screen and (max-width: 640px) 
{
    .col_1_3{width:100%}
	.col_2_3{width:100% }
    .yt-box{width:100%}
    .tm-box{width:100%}
     #pop-form{ width:100% }
}
@media screen and (max-width: 480px) 
{
    
    .socialBox{right:0; top:5px}
}
@media screen and (max-width: 360px) 
{

}

