@charset "utf-8";
/* CSS Document */

body{color:#3c3c3c; font-size:12px; font-weight:400; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.navbar{border:0;}
.navbar-brand{display:block; height:83px; position:relative; z-index:10;}
.nav>li>a{padding:4px 30px; text-transform:uppercase; color:#3c3c3c;}
nav .navbar-right{position:absolute; right:15px; top:5px; margin:0;}
nav .navbar-right>li{float:left;}
nav .navbar-right>li>a{width:28px; height:28px; padding:3px 0px !important; border-radius:50%; background-color:#ececec; text-align:center; margin-left:15px;}
nav .navbar-right>li:first-child a{margin-left:0;}
.navbar-collapse{padding-top:6px; padding-bottom:6px;}
.navbar-collapse.collapse{padding-bottom:6px;}
.navbar{margin-bottom:0;}
.navbar .dropdown-menu{min-width:0;}
a, .btn, button{-webkit-transition:all ease .5s; -moz-transition:all ease .5s; transition:all ease .5s; text-decoration:none;}
a:hover{text-decoration:none;}
a:focus, .btn:focus, button:focus, .form-control:focus{outline:none; box-shadow:none;}
.dropdown-menu>li>a{padding:5px 10px;}

@media (min-width: 768px){
	.navbar-nav>li>a{padding-top:4px !important; padding-bottom:4px !important;}
	.navbar-collapse{border-bottom:1px solid #e5e5e5;}
	.navbar-right{margin-right:0;}
}

.search .form-control{border:1px solid #e8e8e8; height:36px; border-radius:18px; font-size:10px; text-transform:uppercase; padding-left:55px; background:#fff url(../images/search-iocn.png) no-repeat 18px 8px;}
.header-top .navbar-right>li{padding:0 15px;}
.header-top .navbar-right>li>a{background-color:transparent; background:url(../images/menu-icons.png) no-repeat 0 0; position:relative; margin-left:0;}
.header-top .navbar-right>li>a.login{background-position:4px -1px;}
.header-top .navbar-right>li>a.shortlist{background-position:-50px -2px;}
.header-top .navbar-right>li>a.cart{background-position:-97px 0px;}
.header-top .navbar-right>li>a .badge{font-weight:normal; font-size:10px; border-radius:50%; position:absolute; top:-5px; right:-14px; background-color:#47398e; padding:5px 7px;}

#top-banner{/*height:548px; */position:relative; overflow:hidden;}
#top-banner img{width:100%; height:auto;}
#top-banner .btn{font-size:18px; border:1px solid #fff; color:#fff; border-radius:0; text-transform:uppercase; padding:10px 25px;}
#top-banner .btn:hover{background-color:#ffd179; border-color:#000; color:#000;}
.banner-info{position:absolute; text-align:left; left:15%; top:calc(50% - 154px); color:#fff; text-transform:uppercase;}
.banner-info.right{left:auto; right:15%; text-align:right !important;}
.banner-info .category-title{font-size:14px; position:relative;}
.banner-info .category-title:before{content:''; height:2px; background:#fff; position:absolute; width:100%; left:-104%; top:9px;}
.banner-info.right .category-title:before{left:auto; right:-104%;}
.cat-msg{margin-bottom:30px;}
.banner-info h2, .banner-info h3{margin:0; font-weight:bold;}
.banner-info h2{font-size:140px; line-height:112px; background:#ffd179 url(../images/pattern-gray-bg.png) repeat center 0; color:#ffd179; -webkit-text-fill-color:transparent; -webkit-background-clip:text; -webkit-transition:all 2s cubic-bezier(0.42,0,0.58,1); -moz-transition:all 2s cubic-bezier(0.42,0,0.58,1); -o-transition:all 2s cubic-bezier(0.42,0,0.58,1); transition:all 2s cubic-bezier(0.42,0,0.58,1);}
.banner-info h2 span{}
.banner-info h3{font-size:46px;}

#page-content h2{font-size:11px; text-transform:uppercase; font-weight:bold; letter-spacing:2px; position:relative; margin:15px 0;}
#page-content h2:before{content:''; display:block; width:100%; height:1px; background:#eee; position:absolute; top:5px;}
#page-content h2 span{position:relative; z-index:1; background:#fff; display:inline-block; padding-right:20px; border-right:1px solid #eee;}
.page-title{font-size:32px; text-transform:uppercase; color:#000; letter-spacing:5px; margin:0; padding:20px 0;}

.p-info{display:table; width:100%; text-transform:uppercase; color:#fff; line-height:normal; position:relative;}
.p-info:before{content:''; display:block; left:0; right:0; top:0; bottom:0; background:url(../images/home-page-banner/pattern-bg.png); position:absolute; z-index:0;}
.p-details{padding:0 70px;}
.stext{font-size:14px;}
.p-title{font-size:32px; font-weight:bold; line-height:50px; text-shadow:0px 3px 5px rgba(0,0,0,.3); padding-bottom:30px;}
.p-title span{display:block; font-size:72px;}
.p-details, .p-pic{display:table-cell; vertical-align:middle; width:100%; z-index:1; position:relative;}
.p-pic img{max-height:386px;}
.bwrapper{position:relative;}

.bwrapper .btn{font-size:10px; font-weight:bold; color:#fff; background-color:#fff; border:0; padding:3px 10px; border-radius:0;}
.bwrapper:before{content:''; height:2px; background:#fff; position:absolute;}

.dleft, .dright{padding:15px 0;}
.dleft .bwrapper{text-align:right;}
.dleft .bwrapper:before{left:0; top:9px; right:100px;}
.dright .bwrapper{text-align:left;}
.dright .p-details{text-align:right;}
.dright .bwrapper:before{right:0; top:9px; left:100px;}
#page-content .dright h2{text-align:right;}
#page-content .dright h2 span{border-left:1px solid #eee; border-right:0; padding-left:20px; padding-right:0;}

#rings .p-info{background-color:#e4a06f;}
#rings .bwrapper .btn{background-color:#763200;}

#bridal-set .p-info{background-color:#8dc9d4;}
#bridal-set .bwrapper .btn{background-color:#034753;}

#fusion .p-info{background-color:#85d9c2;}
#fusion .bwrapper .btn{background-color:#02503b;}

#necklace .p-info{background-color:#cc939c;}
#necklace .bwrapper .btn{background-color:#7c2f3b;}
#necklace .p-title span{font-size:60px;}

.c-item{display:inline-block; vertical-align:top; margin:30px 3%; width:43%;}
.c-pic{border:1px solid #ececec; border-bottom:0;}
.c-pic img{margin:auto;}
.c-title{font-size:11px; text-align:center; background:#f1f1f1; border:1px solid #ececec; border-top:0; padding:10px 0;}
.c-title .c-price{font-weight:bold; font-size:14px;}
.crating{text-align:center; padding:5px 0;}
.star{width:60px; height:8px; display:inline-block; background:url(../images/star.png) repeat-x; position:relative;}
.star-rating{height:8px; display:inline-block; background:url(../images/active-star.png) repeat-x; position:absolute; left:0; top:0;}

.carousel-control{position:static; width:100%;}
.carousel-control a{text-decoration:none; border:1px solid #e9e9e9; color:#0e0e0e; display:inline-block; margin:0 1px; line-height:20px; padding:2px 8px;}
.carousel-inner>.item{text-align:center;}
#top-banner .carousel-control a{border:0; position:absolute; left:0; top:calc(50% - 77px); font-size:150px; color:rgba(255, 255, 255, .3);}
#top-banner .carousel-control a.carousel-control-next{left:auto; right:0;}
#top-banner .carousel-control:focus a, #top-banner .carousel-control:hover a{color:rgba(255, 255, 255, 1);}

#discover-product h2{font-size:11px; text-transform:uppercase; font-weight:bold; letter-spacing:2px; position:relative; margin:15px 0; text-align:right;}
#discover-product h2:before{content:''; display:block; width:100%; height:1px; background:#eee; position:absolute; top:5px;}
#discover-product h2 span{position:relative; z-index:1; background:#fff; display:inline-block; padding-left:20px; border-left:1px solid #eee;}

#about h2, #adv h2, #testimonials h2{font-size:21px; text-transform:uppercase; letter-spacing:3px; font-weight:bold; margin:30px 0;}
#about h4{font-size:14px; font-weight:bold; margin-bottom:30px;}
#about h4 span{color:#534c98;}
#about p{margin-bottom:20px;}
#testimonials-carousel{padding:0 15px;}
#testimonials{text-align:center; border-bottom:1px solid #eee; padding-bottom:30px;}
#testimonials .author{font-weight:bold;}
#testimonials .carousel-control-prev, #testimonials .carousel-control-next{position:absolute; padding:0; margin:0; border:0; top:0; bottom:0; left:0; padding-top:2%;}
#testimonials .carousel-control-next{left:auto; right:0;}
#testimonials .carousel-control-prev i, #testimonials .carousel-control-next i{vertical-align:middle;}
.testi-wrapper{display:table; width:100%;}
.testi-pic{max-width:85px; height:85px; display:table-cell; vertical-align:middle; overflow: hidden; border-radius:50%;}
.testi-pic img{width:auto; height:100%;}
.texti-content{display:table-cell; vertical-align:middle; width:100%; padding-left:15px;}
.read-more{position:relative; margin:25px 0;}
.read-more:before{content:''; display:block; width:100%; height:2px; background:#eee; position:absolute; top:8px;}
.read-more h4{font-size:11px; margin:0; position:relative;text-transform:uppercase; font-weight:bold; display:inline-block; padding:0 20px; border:2px solid #eee; border-width:0 2px; background:#fff;}
.read-more h4 span{background:#e68076; color:#fff; display:inline-block; padding:2px 10px; position:relative;}
.read-more h4 span:before{content:"\f0d7"; font:normal normal normal 22px/1 FontAwesome; position:absolute; color:#e68076; left:0; right:0; bottom:-13px;}

#adv{font-size:14px; color:#110f2c;}

footer{padding-top:25px; font-size:10px; color:#fff; background-color:#110f2c; text-transform:uppercase; position:relative;}
footer .flogo{position:absolute; left:0; right:0; text-align:center; bottom:10px; display:none;}
footer p{margin-bottom:20px;}
footer a{color:#fff;}
footer a.text-warning{color:#e4a06f;}
footer h2{font-size:11px; font-weight:bold; color:#7a73b8; letter-spacing:2px; margin:20px 0;}
footer ul, footer ul li{margin:0; padding:0; list-style:none;}
footer ul li{padding:3px 0;}
footer ul.smedia{display:table; padding-bottom:20px;}
footer ul.smedia li{display:table-cell; width:auto; font-size:14px; padding-right:8px;}
footer ul.smedia li a{width:35px; height:41px; display:block; text-align:center; margin:auto; background:url(../images/smedia-bg.png) no-repeat 0 0; background-size:100%; padding-top:13px;}
#adv{margin-bottom:50px;}
#subscribe{position:relative;}
#subscribe i, #subscribe .btn{position:absolute; left:0; bottom:10px;}
#subscribe i{font-size:14px; color:#e4a06f;}
#subscribe .btn{right:0; left:auto; background-color:transparent; border:0; bottom:0;}
#subscribe .btn i{font-size:22px; color:#fff;}
#subscribe .form-control{background-color:transparent; border-radius:0; border:0; border-bottom:1px solid #716d8f; color:#716d8f; padding-left:20px; font-size:11px; text-transform:uppercase;}

.copyright{padding:5px 0; background-color:#fff; color:#000; line-height:33px; font-weight:bold; margin-top:50px;}
.copyright span{color:#332966;}
.navbar-toggle{margin:0; padding:16px 0; font-size:16px; border:0;}
.adv-item{padding:0 15px; float:left; width:16.66666667%; cursor:pointer;}
.adv-item img{-webkit-transition:ease-in-out .75s; -moz-transition:ease-in-out .75s; transition:ease-in-out .75s; -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); transform:rotateZ(0deg);}
.adv-item:hover img{-webkit-transition:ease-in-out .75s; -moz-transition:ease-in-out .75s; transition:ease-in-out .75s; -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); transform:rotateZ(360deg);}

@media (min-width: 768px){
	footer .flogo{display:block;}
	.ficons{text-align:right;}
}

@media (min-width: 991px){
	.header-top{padding-top:24px; padding-bottom:23px;}
}

@media (min-width: 992px){
	.dleft .col-md-8{float:right;}
	.header-top{padding-top:24px; padding-bottom:23px;}
}

@media (max-width:1200px){
	.nav>li>a{padding:4px 20px;}
	.header-top .navbar-right>li{padding:0 10px;}
	.p-details{padding:0 24px;}
/*	#top-banner{height:521px;}
*/}

@media (max-width:1080px){
	.nav>li>a{padding:4px 18px;}
	.p-pic img{max-height:290px;}
}

@media (max-width:1024px){
	.nav>li>a{padding:4px 14px;}
	.header-top .navbar-right>li{padding:0 8px;}
	#necklace .p-title span{font-size:38px;}
}

@media (max-width:991px){
	.nav>li>a{padding:4px 10px;}
	.c-item{margin-bottom:0;margin-top:10px;}
	.page-title{padding:0;}
	.dleft, .dright{padding-bottom:0;}	
}
@media (max-width:800px){
	.navbar-brand{height:70px;}
	.nav>li>a{padding:4px 5px; font-size:11px;}
	.navbar-brand>img{max-width:100%;}
	.header-top .navbar-right{margin:0; text-align:right;}
	.header-top .navbar-right>li{padding:0 2px; display:inline-block;}
	.header-top{padding-top:17px; padding-bottom:17px;}
/*	#top-banner{height:400px;}*/
	.banner-info{top:calc(50% - 127px);}
	.banner-info h2{font-size:100px; line-height:85px;}
	.banner-info h3{font-size:34px;}
	#top-banner .carousel-control a{top:calc(50% - 51px); font-size:100px;}
	footer ul.smedia li{padding-right:5px; font-size:11px;}
	footer ul.smedia li a{width:30px; height:35px; padding-top:12px;}
}

@media (max-width:767px){
	.navbar-brand{height:55px; padding:15px 0;}
	.navbar-brand>img{height:65px;}
	.header-top{position:absolute; left:90px; top:65px; padding:0; right:15px;}
	.header-top .navbar-right{position:absolute; top:-88px; right:125px;}
	.navbar-collapse{position:absolute; right:0; top:55px; background:#fff; z-index:1; padding:0; box-shadow:0 6px 12px rgba(0,0,0,.175);}
	.navbar-collapse .navbar-nav{margin:0;}
	.navbar-collapse .nav>li>a{padding:3px 10px;}
	nav .navbar-right{top:13px; right:40px; z-index:2;}
	.navbar-nav .open .dropdown-menu{position:absolute; background:#fff; box-shadow:0 6px 12px rgba(0,0,0,.175);}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding:3px 10px;}
	.p-pic img{max-height:350px;}
	footer{padding-top:10px; text-align:center;}
	footer h2{margin:10px 0; text-align:center;}
	footer .smedia-connect h2, footer .subscribe h2{text-align:left;}
	footer ul{text-align:center;}
	footer ul li{float:none; display:inline-block; padding:0 5px;}
	footer p{display:inline-block; margin:0; text-align:left; padding:0 10px; vertical-align:middle;}
	footer ul, .address-info{border-bottom:1px solid rgba(255, 255, 255, .2); padding-bottom:10px;}
	footer ul.smedia{border:0; padding-bottom:0;}
	.social-news-wrapper{text-align:center;}
	.copyright{margin-top:10px; line-height:22px;}
	.smedia-connect, .subscribe{display:block; float:left; width:50%;}
}

@media (max-width:736px){
/*	#top-banner{height:375px;}*/
/*	#top-banner .btn{font-size:14px; left:14%;}*/
	.p-pic img{max-height:250px;}
}

@media (max-width:640px){
/*	#top-banner{height:325px;}*/
	.banner-info{top:calc(50% - 98px);}
	.banner-info h2{font-size:74px; line-height:70px;}
	.banner-info h3{font-size:26px;}
	#top-banner .carousel-control a{top:calc(50% - 51px); font-size:100px;}
	#top-banner .btn{font-size:14px; padding:8px 20px;}
	.cat-msg{margin-bottom:15px;}
	.page-title{font-size:28px;}
	.p-pic img{max-height:225px;}
	.p-title{font-size:28px; line-height:46px;}
	.p-title span{font-size:64px;}
	#adv{margin-bottom: 15px;}
	#about h2, #adv h2{margin:15px 0;}
	#about h4{margin-bottom:15px;}
	#advwrapper{font-size:11px;}
	#advwrapper img{max-width:80%; margin-bottom:5px;}
}

@media (max-width:600px){
	.read-more{margin:15px 0;}
	footer p{text-align:center;}
}

@media (max-width:540px){
	.banner-info{top:calc(50% - 83px);}
	.banner-info h2{font-size:60px; line-height:54px;}
	.banner-info h3{font-size:21px;}
	#top-banner .carousel-control a{top:calc(50% - 31px); font-size:60px;}
	#top-banner .btn{font-size:12px;}
	
	.p-pic img{max-height:200px;}
	.p-title{font-size:24px; line-height:36px;}
	.p-title span{font-size:54px;}
	.page-title{font-size:24px; letter-spacing:3px;}
}

@media (max-width:480px){
/*	#top-banner{height:250px;}*/
	.p-pic img{max-height:160px;}
	.p-title{font-size:18px; line-height:30px;}
	.p-title span{font-size:40px;}
	.adv-item{width:33.33333333%;}
	#advwrapper img{width:40%;}
	.smedia-connect, .subscribe{float:none; width:100%; text-align:center;}
	footer .smedia-connect h2, footer .subscribe h2{text-align:center;}
	footer ul.smedia{margin: auto;}
	.smedia-connect{padding-bottom:10px; border-bottom:1px solid rgba(255, 255, 255, .2);}
	.navbar-brand>img{height:60px;}
}

@media (max-width:420px){
	.banner-info{top:calc(50% - 68px);}
	.banner-info h2{font-size:46px; line-height:40px;}
	.banner-info h3{font-size:16px;}
	#top-banner .carousel-control a{top:calc(50% - 31px); font-size:60px;}
	#top-banner .btn{padding:5px 12px;}
	
	.stext{font-size:12px;}
	.p-title{font-size:15px; line-height:28px;}
	.p-title span{font-size:34px;}
	.p-pic img{max-height:150px;}
	#necklace .p-title span{font-size:24px;}
}

@media (max-width:360px){
	.navbar-brand{height:45px; margin-left:-10px;}
	.navbar-brand>img{height:55px;}
/*
	#top-banner{background-position:-30px 0; background-size:150% auto;}
	#top-banner{height:calc(100vh - 471px); padding:25px 0;}
	#top-banner .btn{left:9%}
*/
	.p-pic img{max-height:130px;}
	.page-title{font-size:18px;}
	#necklace .p-title span{font-size:22px;}

}