@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yesteryear&display=swap');

h1, h2,h3,h4,h5,h6{font-family: 'Playfair Display', serif;}
body{ font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400;}
.wrapper{ max-width: 1170px; width: 100%;  margin: 0 auto;}
.fix_header {position: fixed;top: 0;left: 0;right: 0;padding: 0 0 0px 0;z-index:9999; background-color: #fff;}
.logoOuter { padding: 0; display: inline-block; width: 85%;}
.logoOuter img {width: 100%;}
.fix_header.smaller, .fix_header.smaller .logoOuter img, .fix_header, .logoOuter, .logoOuter img, .fix_header.smaller .fix_headerRT_inner, .fix_headerRT_inner{transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }
.fix_header.smaller{ background-color: rgba(255,255,255,0.99); padding: 0px 0 0px 0px;}
.fix_header.smaller .logoOuter{ padding:0; width:90px;}
.fix_header.smaller .fix_headerRT_inner{ padding:10px 10px 0px 0; margin-top:15px;}
.logoOuter, .fix_header.smaller .logoOuter{transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;}
.header{ padding: 5px 0px; border-bottom: 1px solid #e4e4e4;}
.header{ margin:0px; }
.header .t-1{ display: table; width: 100%;}
.header .r-1{ display: table-row; width:auto; }
.header .c-1{ display: table-cell; padding: 10px 0px; text-align: right; }
.header .c-1:first-child{ width: 170px; text-align: left; } 
.header .c-1:last-child{ width: 100px; text-align: right; display: inline} 
.header .c-1:last-child a{ margin-left: 5px;display: inline}
.banner{margin-top: 80px;}
.section-1{ padding: 25px 0px 0px 0px; }
.sec1-row{ display:flex;  /*max-width:1280px;*/ flex-wrap: wrap; }

.sec1-col1{ width: 50%; align-items:center; }
.sec1-col2 h1{color: #333333; font-size: 44px; text-transform: uppercase;color: #ef4477;  line-height: 26px; margin: 0px; padding: 0px 0px 25px 0px;}
.sec1-col2 p{color: #333333; font-size: 16px; line-height: 26px}
.sec1-col1 img{ justify-content:space-around; padding:18px 10px 0px 0px;;width: 100%;height: auto;min-height: 100px;}
.sec1-col2{ width: 50%;  display:flex; flex-direction:column} 
.button-1{ display: inline-block; border: 2px solid #666666; color: #666666; padding: 10px 45px 10px 8px; margin-top: 20px; background-image: url("../images/arrow-1.png"); background-repeat: no-repeat; background-position: center right 10px;}
.sec1-col2a{   flex:1; padding: 25px;}
.sec1-col2b{   flex:1; padding: 10px 15px;}
.section-2{ width:100%; position: relative;}
.section-2 img{ width: 100%; height: auto;}
.section-2a{ position: absolute; width: 100%; height: 130px; bottom: 0px; border-bottom: 15px solid #fff;}

.devide{ background-image:url(../images/line.png); background-repeat: repeat-x; background-position: left center; text-align: center; margin: 15px 0px 25px 0px;}

.flex-e3-row{ margin:15px 0px 10px 0px; display:flex; lign-items:flex-start; justify-content:space-between }
.flex-e3-sec1{  flex-basis:48%; box-sizing:border-box;}
.flex-e3-sec1 img{ margin: 0px; padding: 0px; width: 100%; box-sizing: border-box;}


.section-3{max-width: 1170px; width: 100%;  margin: 0 auto; margin-top: -100px;   width: 100%; position: relative; }
.section-3-row{ display:flex; align-items: center; justify-content:space-between; flex-wrap: wrap; }
.section-3-sec1{ padding:10px; flex-basis:40%; box-sizing:border-box;}
.section-3-sec2{ padding:10px; flex:1 ;box-sizing:border-box;}
.section-3-sec2 img{ display: inline-block; width: 22%; padding: 10px 1%;  height: auto;}
/*.section-3 img{ width: 100%; height: auto;}*/
.footer{ background-color:#ef4477; overflow: hidden; font-size: 14px; padding: 10px 0px; color: #fff;}
.foot-col-1{ width:50%; float: left;}
.foot-col-2{ width:50%; float: right; text-align: right}

.section-4{max-width: 1170px; width: 100%;  margin: 35px auto 20px auto;  width: 100%; position: relative; }
.section-4-row{ display:flex; align-items: flex-end; justify-content:space-between }
.section-4-sec1{ padding:10px; flex-basis:48%; box-sizing:border-box; }
.section-4-sec1:first-child{text-align: right;}
.section-4 p{ margin: 15px 0px;}
.section-4-sec1:first-child img{ height: 100%}


h2{font-size: 49px;
    text-transform: uppercase;
    color: #ef4477;
    line-height: 26px;
    margin: 0px;
    padding: 0px 0px 40px 0px;}

h3.new{font-size: 26px;
    text-transform: uppercase;
    color: #ef4477;
    line-height: 26px;
    margin: 0px;
    padding: 0px 0px 10px 0px;}

.innerpage-container{ padding: 25px 0px;}
.innerpage-container h1{ font-size: 44px; text-align: center; text-transform: uppercase;color: #ef4477;  line-height: 26px; margin: 0px; padding: 0px 0px 25px 0px;}

.about-container img{ width:100%; height: auto; -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.31);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.31);}
.about-container{ width:80%; margin: 0 auto; text-align: center}

.about-container h3{ padding: 15px 0px;font-family: 'Yesteryear', cursive; font-size: 48px; color: #ef4477 }
.about-col-2{}
.about-col-2 .t-2{ display: table; width: 100%; margin: 15px 0px;}
.about-col-2 .r-2{ display: table-row; width:auto; }
.about-col-2 .c-2{ display: table-cell; padding: 10px 20px; text-align: right; }

.blog-main{ display:flex; text-align: center; align-items: flex-start; justify-content:space-between; flex-wrap: wrap; font-size: 14px; width: 86%; margin: 0 auto; }
.blog-item-1{padding:10px; flex-basis:49%; box-sizing:border-box; margin-bottom: 20px;}
.blog-item-1 img{ width: 100%; height: auto; margin-bottom: 20px;}
.blog-main .txt{width: 80%; margin: 0 auto;} 
.blog-main h4{ font-size: 22px;}

.blog-main a{ display: inline-block; border: 2px solid #666666; color: #666666; padding: 10px 60px 10px 20px; margin-top: 20px; background-image: url("../images/arrow-1.png"); background-repeat: no-repeat; background-position: center right 10px;}

.blog-inner{width: 80%; margin: 0 auto; text-align: center}
.blog-inner img{ width: 100%; height: auto; margin: 20px;}
.blog-inner .txt{width: 90%; margin: 0 auto;} 
.blog-inner h4{ font-size: 22px;}
.blog-inner p{ margin: 15px; font-size: 14px;}
.blog-inner a{ display: inline-block; border: 2px solid #666666; color: #666666; padding: 10px 60px 10px 20px; margin-top: 20px; background-image: url("../images/arrow-1.png"); background-repeat: no-repeat; background-position: center right 10px;}


.product-detail-main .t-3{ display: table; width: 100%; margin: 15px 0px;}
.product-detail-main .r-3{ display: table-row; width:auto; }
.product-detail-main .c-3{ display: table-cell; position: relative; width: 50%}
.product-detail-main .c-3:first-child{ text-align: center; max-width: 100%;} 
.product-detail-main .c-3 p{ padding: 10px 0px;}
.price-1{  border: 1px solid #ef4477; border-left:0px; border-right:0px; color: #333333; font-size: 44px; text-transform: uppercase;color: #ef4477;  line-height: 26px; margin: 20px 0px; padding: 20px 10px 20px 10px; overflow:hidden; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
.product-detail-main .c-3 a{ text-transform: ; text-decoration: underline; color: #ef4477}  
.product-detail-main .c-3 h1{ font-size:30px; text-align: left;}

.contact-container { width:80%; margin: 0 auto; }
.contact-container p{ padding: 20px 0px; text-align: center;width:80%; margin: 0 auto; text-align: center;}
.contact-container .t-5{ display: table; width: 100%; margin: 15px 0px;}
.contact-container .r-5{ display: table-row; width:auto; }
.contact-container .c-5{ display: table-cell; position: relative; width: 50%; vertical-align: top;}
.contact-container .c-5 img{ max-width: 100%; height: auto; margin-bottom: 20px}
.contact-container .c-5:first-child{ text-align: center; max-width: 100%;} 
.contact-container .c-5 input{ border: 0px; border-bottom: 1px solid #ccc; padding: 0px; margin: 30px 0px 30px 0px;; height: 30px; width: 100%; outline: none;}
.contact-container .c-5 textarea{ border: 0px; border-bottom: 1px solid #ccc; padding: 0px; margin: 0px 0px 20px;; height: 80px; width: 100%; resize:none;}
.contact-container .c-5 input[type='submit']{  border: 1px solid #ccc; padding: 10px 50px 10px 10px; display: inline-block; width: auto; height: auto}
.google-map{ margin: 20px 0px; position: relative}
.google-map-txt{ background-color: #ffffff; position: absolute; left: 10%; width: 30%; z-index: 999; }
.google-map-txt h5{ background-color: #ef4477; padding: 10px 10px; text-align: center; color: #fff; font-size: 20px;}
.add-1{ background-repeat: no-repeat; background-position: left top 8px; margin: 20px; padding: 10px 0px 10px 60px; font-size: 14px;}


.custom-tailoring-btn-1{background-color: #ef4477; width: 50px; position: fixed; z-index: 999999; top: 150px; right: 0px;}
.custom-tailoring-btn-1 img{ width: 100%; height: auto}
.custom-tailoring-btn{ background-color: #ef4477; width: 50px; min-height: 220px; height: auto; position: fixed; z-index: 999999; top: 100px; right: 0px;}


.left-line{ background-image:url(../images/left-lines.png); background-repeat: no-repeat; background-position: left center; height: 12px; background-size: 30% 100%; width:100%; margin: 10px 0px 25px 0px}

.center-line{ background-image:url(../images/center-lines.png); background-repeat: no-repeat; background-position: center center; height: 12px; background-size: 16% 100%; width:100%; margin: 10px 0px 25px 0px}

.right-line{ background-image:url(../images/right-lines.png); background-repeat: no-repeat; background-position: right center; height: 12px; background-size: 30% 100%; width:100%; margin: 0px 0px 15px 0px}


.rotate {
white-space: nowrap; margin-top: 165px;
  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
@media screen and (max-width:1600px){

}
@media screen and (max-width:1300px){
	
}
@media screen and (max-width:1260px){
	
}

@media screen and (max-width:1170px){
	.section-2a { position: absolute; width: 100%; height: auto; bottom: -20px; border-bottom: 15px solid #fff; }
	.sec1-col2 h1 { font-size: 34px; line-height: 26px; padding: 0px 0px 20px 0px;}
}

@media screen and (max-width:1024px){
	.innerpage-container h1 {
    font-size: 30px;
	}
	.about-container h3{ font-size: 28px;}
	
}

@media screen and (max-width:959px){
.header .c-1{ display: block; padding: 2px 0px; text-align: right; position: relative;}
.header .c-1:first-child{ width: 170px; text-align: left; } 
.header .c-1:last-child{ display: none;} 
.header .c-1:last-child a{ margin-left: 5px;display: inline}
.wrapper { width: 100%; margin: 0 auto; padding: 0px 10px;}
	.banner {
    margin-top: 65px;
}
	.contact-container .c-5{ display: block; width: 100%}
	.contact-container .c-5:first-child {
    text-align: center;
    max-width: 100%;
}
	
	.google-map-txt {
    left: 5%;
    width: 90%;
    z-index: 999;
}
	
	.add-1 {
    margin: 10px;
    padding: 10px 0px 10px 56px;
    font-size: 13px;
}
}
@media screen and (max-width:830px){
	
body{ font-size: 14px; }
	.sec1-col2 p {
    font-size: 14px;
    line-height: 24px;
}
.sec1-col1 {
    width: 100%;
    align-items: center;
}
	.sec1-col2 {
    width: 100%;
}
	.section-3 {
    margin-top: -0px;
}
	
	.sec1-col2 h1 { font-size: 24px; line-height: 26px; padding: 0px 0px 14px 0px;}
	
	
	.product-detail-main .c-3{ width: 100%; display: block; }	
	
	.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
    border: 1px solid #cecece;
    margin-left: 5px;
    margin-bottom: 10px;
    width: 30px;
}
.product-detail-main .c-3 h1{ font-size:20px; text-align: center; padding-bottom: 15px;}	
	
}
@media screen and (max-width:600px){
	.blog-item-1 {
    padding: 10px;
    flex-basis: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
}
	.innerpage-container h1 {
    font-size: 22px;
	}
	.about-container h3{ font-size: 20px;}
	.section-3-sec1 {
    padding: 10px;
    flex-basis: 100%;
    box-sizing: border-box;
}
	.section-4-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}
	.section-4-sec1:first-child {
    text-align: left;
}
	.section-4-sec1 {
    padding: 10px;
    flex-basis: 100%;
    box-sizing: border-box;
}
	.foot-col-1 {
    width: 100%;
    float: none;
    text-align: center;
}
	.foot-col-2 {
    width: 100%;
    float: none;
    text-align: center;
}
}