/*
Typography
=========================== */
html,body {
width:100%;
height: auto;
margin:0;
padding:0;
overflow-x: hidden;
}
body {
font-family: 'Laila', serif;
position: relative;
font-size:14px;
line-height:24px;
color:#6f6f6f;
background: #b29bca; height:100%;
}
/*home page body css here*/
html,body.home{height:100%; overflow: hidden;}
body.home { height:100%; }
html,body.home .wrapper { width:100%; height:100%;}
html,body.home .footer { position: fixed; bottom: 0px; width: 100%; }
/* Style for our header texts
* --------------------------------------- */
h1{
font-size: 5em;
font-family: arial,helvetica;
color: #fff;
margin:0;
padding:0;
}
/*New css*/
.main-page { position: relative; width: 100%; height: 96%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+6,b19cc6+99 */
background: #f9f9f9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f9f9f9 6%, #b19cc6 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f9f9f9 6%,#b19cc6 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f9f3f8 8%,#947aad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#b19cc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/*.wrapper { width: 100%; height: 100%;}*/
nav.navbar.bootsnav ul.nav > li > a { color: #000; text-transform:capitalize; padding: 8px 20px 8px 20px; border-radius: 4px;}
nav.bootsnav.brand-center .navbar-collapse .col-half.left { padding-right:270px;}
nav.bootsnav.brand-center .navbar-collapse .col-half.right { padding-left: 270px;}
nav.navbar.bootsnav { background-color:transparent; border-bottom: 0px; }
.front-middle { text-align:center; padding:130px 0px 20px 0px; }
.sub-front {text-align:center; width:auto; margin:0 auto; padding-top:115px;}
img{ max-width:100%; vertical-align: middle; border:0px;}
.footer { padding:7px 0px; text-align:center; background:#000; position: fixed; bottom:0px; width: 100%; }
.footer p{ color:#FFF; margin-bottom:0px; font-size:11px;}
.logo-main { margin-top:10px; box-shadow: 0 0 18px rgb(138, 111, 160);display: inline-block;
border-radius: 50%;}
svg.icon.icon-angle-down { display:none;}
section#text-2 p{ margin:0px;}
.caret { display: none; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ display:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { width: 130px;}
.dropdown-menu { min-width: 130px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { border:0px;}
ul.nav.navbar-nav { margin-top: 36px;}
ul.nav.navbar-nav.navbar-right{margin-top: 36px !important;}
.comm_page {margin-top: 17%; padding-bottom:80px;}
article#post-9 header.entry-header { display:none;}
.entry-content p{ font-size:15px; color:#000; font-weight:500;}
body.archive .main-page { background: transparent !important;}
body.archive{ background: transparent;}
body.archive nav.navbar.bootsnav { background: #b29bca; height:280px;}
body.archive .comm_page { margin-top: 0%;}
.lft-cate { background: #f5f5f5;}
.lft-cate ul{ margin:0px; padding:4px 12px;}
.lft-cate ul li{ display:block; margin-bottom:22px;}
.lft-cate ul li a{color:#000; font-weight:600; display:inline-block; font-size:15px; text-decoration:none;}
.lft-cate h3{ color:#FFF; background:#000; padding:10px 14px; font-size:20px; font-weight:500; margin-top:0px;}
.coll-box h2.entry-title { font-size: 20px; color:#000; display:none ;}
.coll-box .entry-content { text-align: center; font-size: 16px; color: #000; font-weight: 600; text-transform: uppercase; margin-top:25px;}
.coll-box { text-align: center; margin-bottom: 35px; }
.coll-box .post-thumbnail { border:1px solid #f5f5f5; box-shadow: 2px 0px 2px #efefefcc;}
body.page-template-contact-page .main-page { background: transparent !important;}
body.page-template-contact-page { background:transparent;}
body.page-template-contact-page nav.navbar.bootsnav { background: #b29bca; height:280px;}
body.page-template-contact-page .comm_page { margin-top: 4%;}
.main-con h3 { color: #010101; font-size: 30px; border-bottom: 2px solid #3f1877; margin-bottom: 40px; padding-bottom: 15px;}
.main-con h4 { color:#000; font-size:20px; margin-bottom:30px; }
.lft-con { width: 85%;}
.lft-con .form-control{ height:42px; border-radius: 0px; border: 1px solid #d2d2d2;}
textarea.form-control { height:120px !important;}
.rght-con ul{ margin:0px; padding:0px;}
.rght-con ul li{ display:block; margin-bottom:30px; list-style:none; position:relative; padding-left:30px;}
.rght-con ul li a{ display:inline-block; color:#000; font-weight:500; font-size:15px; margin-right: 10px;}
.rght-con ul li p{ color:#000; font-weight:500;}
button.btnsub { background: #3c1c65; border: 0px; color: #FFF; padding: 6px 20px; border-radius: 4px; font-size: 17px;}
.rght-con ul li.add:before{ position:absolute; content:""; background:url(assets/images/add-bg.png) no-repeat; width:25px; height:25px; left:0px; top:5px; }
.rght-con ul li.call:before{ position:absolute; content:""; background:url(assets/images/call-bg.png) no-repeat; width:25px; height:25px; left:0px; top:5px;}
.rght-con ul li.tele:before{ position:absolute; content:""; background:url(assets/images/tele-phone.png) no-repeat; width:25px; height:25px; left:0px; top:5px;}
.rght-con ul li.ml:before{ position:absolute; content:""; background:url(assets/images/mail-bg.png) no-repeat; width:25px; height:25px; left:0px; top:5px;}
body.page.page-id-9 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+6,b19cc6+99 */
background: #f9f9f9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f9f9f9 6%, #b19cc6 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f9f9f9 6%,#b19cc6 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f9f3f8 8%,#947aad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#b19cc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
body.page.page-id-9 .main-page{ background: transparent !important;}
li.active a { background:#3c1c65 !important; color: #FFF !important;}
.navbar-nav>li {margin-right: 20px;}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
text-align: left !important;
color: #000 !important;
font-weight: 500 !important; padding:10px;}
h4.cat-title {font-size: 30px; color: #000; margin: 0px 0px 40px 16px; border-bottom: 2px solid #3f1877;
padding-bottom: 16px;}
.lft-cate li.active a { background: transparent !important; color: #3c1c65 !important; }
article#post-9 .entry-content { width: 88%; margin: 0 auto;}
.breadcrumb { padding:12px 105px; margin-bottom:50px; box-shadow: 0px 0px 10px #b9b9b9;}
.breadcrumb a{ color:#000;}
/*body.page-template.page-template-catalogue-1 nav.navbar.bootsnav{ display:none;}
body.page-template.page-template-catalogue-1 .comm_page { margin-top: 0px; padding-bottom: 0;}*/
body.page-template.page-template-catalogue-1 .footer { position:inherit;}
body.page-template.page-template-catalogue-1 .carousel-indicators { display:none ;}
/*2*/
/*body.page-template.page-template-catalogue-2 nav.navbar.bootsnav{ display:none;}
body.page-template.page-template-catalogue-2 .comm_page { margin-top: 0px; padding-bottom: 0;}*/
body.page-template.page-template-catalogue-2 .footer { position:inherit;}
body.page-template.page-template-catalogue-2 .carousel-indicators { display:none ;}
.carousel-control {top: inherit;bottom: 30px; background: #000; opacity: inherit; text-shadow: none;width:35px;display:inline-block;}
.cenarrow {position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%); width: 80px;}
.carousel-inner img{ width:100%;}
.slide1 { background:url(assets/images/catlogue1-bg1.jpg) no-repeat; background-size:contain; background-position:center; height: 619px;
width: 100%;}
.slide2{ background:url(assets/images/catlogue1-bg2-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide3 { background:url(assets/images/catlogue1-bg5.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide4 { background:url(assets/images/catlogue1-bg6-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide5 { background:url(assets/images/catlogue1-bg7.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide6 { background:url(assets/images/catlogue1-bg8-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide7 { background:url(assets/images/catlogue1-bg9.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide8 { background:url(assets/images/catlogue1-bg10-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide9 { background:url(assets/images/catlogue1-bg11.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide10 { background:url(assets/images/catlogue1-bg12-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide11 { background:url(assets/images/catlogue1-bg13.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.slide12 { background:url(assets/images/catlogue1-bg14-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px; width: 100%;}
.slide13 { background:url(assets/images/cat-ring1.jpg) no-repeat; background-size:contain; background-position:center;height: 619px; width: 100%;}
.slide14 { background:url(assets/images/cat-ring2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px; width: 100%;}
.slide15 { background:url(assets/images/cat-ring3.jpg) no-repeat; background-size:contain; background-position:center;height: 619px; width: 100%;}
.slide16 { background:url(assets/images/cat-ring4.jpg) no-repeat; background-size:contain; background-position:center;height: 619px; width: 100%;}
/*Other Product*/
.other1{ background:url(assets/images/catlogue1-bg1-1.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other2 { background:url(assets/images/catlogue1-bg2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other3 { background:url(assets/images/catlogue1-bg3-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other4 { background:url(assets/images/catlogue1-bg5-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other5 { background:url(assets/images/catlogue1-bg6.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other6 { background:url(assets/images/catlogue1-bg7-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other7 { background:url(assets/images/catlogue1-bg8.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other9 { background:url(assets/images/catlogue1-bg9-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other10 { background:url(assets/images/catlogue1-bg10.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other11 { background:url(assets/images/catlogue1-bg11-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other12 { background:url(assets/images/catlogue1-bg12.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other13 { background:url(assets/images/catlogue1-bg13-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other14 { background:url(assets/images/catlogue1-bg14.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other15 { background:url(assets/images/catlogue1-bg15.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other16 { background:url(assets/images/catlogue1-bg15-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other17 { background:url(assets/images/catlogue1-bg11-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other18 { background:url(assets/images/catlogue1-bg11-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other19 { background:url(assets/images/catlogue1-bg11-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other20 { background:url(assets/images/catlogue1-bg11-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other21 { background:url(assets/images/catlogue1-bg11-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other22 { background:url(assets/images/catlogue1-bg18.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other24 { background:url(assets/images/catlogue1-bg19.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other25 { background:url(assets/images/catlogue1-bg19-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other26 { background:url(assets/images/catlogue1-bg20.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other27 { background:url(assets/images/catlogue1-bg20-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other28 { background:url(assets/images/catlogue1-bg21.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other29 { background:url(assets/images/catlogue1-bg21-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other30 { background:url(assets/images/catlogue1-bg22.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other31 { background:url(assets/images/catlogue1-bg22-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other32 { background:url(assets/images/catlogue1-bg23.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other33 { background:url(assets/images/catlogue1-bg23-2.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other35 { background:url(assets/images/other-35.jpg) no-repeat; background-size:contain; background-position:center;height: 619px;
width: 100%;}
.other36 { background:url(assets/images/other36.jpg) no-repeat; background-size:contain; background-position:center;height: 619px; width: 100%;}
body.page-template.page-template-catalogue-2 .carousel-inner>.item>a>img, .carousel-inner>.item>img { height: 931px;}
h2.screen-reader-text { display: none; }
span.screen-reader-text.prv-sec { background: #b29bca; padding: 6px 13px; color: #FFF; text-decoration: none;}
span.screen-reader-text.nxt-sec{ background: #b29bca; padding: 6px 13px; color: #FFF; text-decoration: none;}
a.page-numbers { margin-left: 10px;}
svg.icon.icon-arrow-left { display: none;}
section.thank h2{ font-size: 60px;
font-weight: 400;
color: #222;}
section.thank {
padding: 300px 0;
text-align: center;
}
section.thank h6 { font-size: 20px;
margin-top: 15px;}
nav.navbar.bootsnav .navbar-toggle { padding: 6px;}
.sub-front { width:100%; padding-top:60px; background:url(assets/images/bg-home.png) no-repeat center; }
/*Responsive Code here*/
@media only screen and (max-width: 1400px) {
img.logo { width:340px;}
.front-middle { padding: 150px 0px 20px 0px;}
body.page-template.page-template-catalogue-2 .carousel-inner>.item>a>img, .carousel-inner>.item>img { height: 619px;}
}
@media only screen and (max-width: 992px) {
nav.bootsnav.brand-center .navbar-collapse .col-half.right { padding-left: 0;}
nav.navbar.bootsnav .navbar-nav > li > a { border-bottom:0px; border-top:0px;}
ul.nav.navbar-nav.navbar-right { margin-top: 0 !important;}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before { display:none;}
div#navbar-menu { background: #d2c7de;}
}
@media only screen and (max-width:600px) {
.sub-front { width:100%; padding-top:0px; }
.front-middle { padding: 80px 0px 20px 0px;}
.main-page { height: 150%;}
html, body.home .wrapper { overflow-x: scroll;}
.sub-front .col-xs-offset-3 {margin-top: 15px; margin-bottom: 25px;}
.rght-con ul li a { display: block;}
.rght-con ul li br{ display:none;}
}
@media only screen and (max-width:400px) {
.main-page { height: 120%;}
.sub-front{ background-size: contain;}
.comm_page { margin-top: 0; padding-bottom: 0;}
}
@media only screen and (max-width:360px) {
.front-middle { padding: 20px 0px 20px 0px;}
.main-page { height: 105%;}
}