*{margin: 0;padding: 0;}
html>body{margin:0;padding:0; font-family: 'Alata', sans-serif; color:var(--lightgray); font-size: 14px;}
:root{
    --darkblue :#22325f;
    --lightblue :#007bb3;
    --lightgray :#737373;
    --black :#000000;
 
}
   
.freeOvernight  {
    color: #373737;
    padding: 2px 0 0;
}

  .section-headerMsg {
  background: #8f7d59;
  display: flex;
  width: 100%;
  align-items: end;
}

  .section-headerMsg  .owl-carousel .owl-stage-outer {
  margin: 0 0 0px;
}

  .section-headerMsg p {
  margin: 0;
}


  .section-headerMsg li {
  list-style: none;
  padding-top: 10px !important;
 padding-bottom: 0 !important;
}


.closeInfoBar {
  position: absolute;
  right: 10px;
  top: 9px;
  opacity: 1;
  color: #000;
}

  header .headerInfoBar .closeInfoBar{
    position: absolute;
    right: 40px;
    top: -2px;
    color: #fff;
    text-decoration: none;
}

  header .infoList li a{margin-left: 5px; text-decoration: underline;}
  header .infoList li a:hover{text-decoration: none;}

  header .headerInfoBar { 
    padding: 8.5px 0;
}
.clnd {
  float: left;
  margin-top: 2px;
}

.midHeader {
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
    color: #373737;
}


    .logo img{ 
    width: auto;
}

.tiktokIcon img{display: inline-block; vertical-align: top; margin-top: 1px; }
header .tiktokIcon:hover img{filter:brightness(0%) grayscale(100%);}

.dropdown a i { font-size: 16px;}

.midHeader.mid-point {
    border-top: solid 1px #e8e8e8;
}
header{border-bottom: 1px solid #ddd;}

.stickyMasterTopBar{background: var(--lightgray); font-size: 16px; color: #fff; padding:8px 0; position: relative;}
li{list-style: none;}
ul{margin-bottom: 0;}
a:hover{text-decoration: none;} 
img{max-width: 100%;} 
h1, h2, h3, h4, h5, h6{font-family: 'Oranienbaum', serif;}
nav ul li a{padding: 10px 26px; display: block; color: #09152f; font-size: 18px; letter-spacing: 1px;  text-transform: uppercase;}
nav ul li a:hover, nav ul li a.active{color: var(--lightblue);}

 .navication{position: relative;}
 nav ul li.searchdropdown a{padding-right: 0; font-size: 18px; padding-bottom: 10px;}
  nav ul li.searchdropdown .dropdown-menu{width: 250px; border:none; right:0 !important; left:inherit !important; transform:inherit !important; top:100% !important; background: none; }
 nav ul li.searchdropdown .dropdown-menu .form-control{height: 36px; border-radius:0;}
 nav ul li.searchdropdown .dropdown-menu .btn-primary{font-size: 18px; padding: 3px 15px; border-radius:0;}
 .btn-primary{background:var(--darkblue) ; border-color: var(--darkblue);}
 .btn-primary:hover{background:var(--lightblue) ; border-color: var(--lightblue);}
 .mainBanner{position: relative;  border-top: solid 2px #007bb3;} 
.mainBanner .owl-carousel .owl-stage-outer{margin-bottom: 10px;}
.mainBanner .itemContent {position: absolute; top: 50%;  padding: 0;  z-index: 1;  text-align: center;  transform: translateY(-50%);} 
.mainBanner .itemContent.left{left: 10%;}
.mainBanner .itemContent.right{right: 10%;}
.mainBanner .itemContent .title {font-size: 42px; display: block;  margin: 0 0 20px;   font-family: 'Oranienbaum', serif;}
.mainBanner .itemContent > a {display: inline-block; color: #fff; border: 1px solid; padding: 13px 30px;  font-size: 18px;  letter-spacing: 1px;  text-transform: uppercase;text-decoration: none;}
 .owl-carousel .owl-item img{height: auto;}
 .closeTopBar{position: absolute; right:10px; top:50%; transform:translate(0, -50%); color: #fff;}
 .closeTopBar i{border:1px solid #fff; border-radius:100%; vertical-align: top; display: inline-block; width: 24px; height: 24px; line-height: 19px;}
  .closeTopBar:hover{color: #ddd;}
  header .topHeader{box-shadow: 0 0 6px #999; padding: 5px 0; border-bottom: 1px solid #b0b0b0;}
  .headerSocial li + li{margin-left: 15px;}
  .headerSocial li a{color: var(--black); font-size: 12px;}
  .headerSocial li .dropdown a .iconfont {color: #0ca900;}
  .headerSocial li a i{color: var(--lightblue); font-size: 18px;}
  .headerSocial  .dropdown-menu{right:0; left:inherit !important; top:100% !important; transform:inherit !important}
 .headerSocial li .loginValue{    color: var(--black);     font-size: 12px; padding-left: 15px;}
  .headerSocial li:hover a i,  .headerSocial li:hover a{color: var(--darkblue);}
  .headerSocial li a span{display: inline-block; margin-left: 4px; margin-top: 18px;vertical-align: top;}
   .headerSocial li.twitterIcon a, .headerSocial li.facebookIcon a, .headerSocial li.instagramIcon a, footer .ftpSocial li.facebookIcon a, footer .ftpSocial li.twitterIcon a, footer .ftpSocial li.instagramIcon a  {display: block; width: 30px; height: 30px; color: #fff;  border-radius:4px; text-align: center; line-height: 28px;}
   .headerSocial li.twitterIcon a, footer .ftpSocial li.twitterIcon a{background: #1d9bf0;}
    .headerSocial li.twitterIcon:hover a,   .headerSocial li.facebookIcon:hover a, .headerSocial li.instagramIcon:hover a, footer .ftpSocial li.instagramIcon:hover a, footer .ftpSocial li.facebookIcon:hover a, footer .ftpSocial li.twitterIcon:hover a{background: var(--lightblue);}
    .headerSocial li.facebookIcon a, footer .ftpSocial li.facebookIcon a{background: #3b5998;}
    .headerSocial li.twitterIcon a i, .headerSocial li.instagramIcon a i, .headerSocial li.facebookIcon a i{font-size: 18px; color: #fff;}
    .headerSocial li.instagramIcon a, footer .ftpSocial li.instagramIcon a{background: #d52a89;}
    .headerSocial li.instagramIcon a i, .headerSocial li.facebookIcon a i{font-size: 20px;}
    .headerSocial li.searchdropdown .dropdown-menu{left: inherit !important; right:0; transform:inherit !important; top:100% !important; width: 250px; border:none; padding: 0;}
    .owl-theme .owl-nav{position: absolute; top:50%; width: 100%; transform: translate(0%, -50%); margin-top: 0;}
    .owl-theme .owl-nav button{position: absolute; top:0;   font-family: "iconfont" !important;  color: #fff !important;    font-size: 26px !important;    font-style: normal;    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;     vertical-align: middle;}
    .owl-theme .owl-nav .owl-next{right:15px;}
    .owl-theme .owl-nav  .owl-prev{left:15px;}
    .owl-theme .owl-nav .owl-next:before{content: "\e601" }
    .owl-theme .owl-nav .owl-prev:before{ content: "\e63c"} 
    .owl-theme .owl-nav button span{display: none !important;}
    .owl-theme .owl-nav button:hover{background: none !important;}
    .scrollfixed{display: none;}     
    .centerBlock{ padding: 0 10%;}
    .homeBookAppointment, .homeCollection{padding:30px 0;}
    .homeTitle{font-size: 42px;  color: #000;}
     .homeBookAppointment img{width: 100%;}
     .requestBtn{color: #000; text-decoration: underline; font-size: 15px; }
      .homeBookAppointment p{font-size: 18px;}
     .requestBtn:hover{color: var(--lightblue);  text-decoration: none; }
     .contentBlock{padding: 0 50px;}
     .showBtn{border:3px solid #000; padding: 12px 35px; color: #000; display: inline-block; font-size: 18px;}
     .showBtn:hover{border-color:var(--darkblue); background: var(--darkblue); color:#fff;}
     .homeTitleSmall{font-size: 30px; color: #000;}
     .homeBookAppointment p{padding-right: 50px;}
     .homeFeatured  .featuredBlock{padding: 0 15px;}
     .homeFeatured  .featuredBlock .homeprodTitle  a{color:var(--lightgray);}
     .homeFeatured  .featuredBlock .imgBlock{margin-bottom: 10px;}
     .homeFeatured  .featuredBlock:hover .homeprodTitle  a{color:var(--lightblue);}
     .homeFeatured  .owl-theme .owl-nav{position: absolute; top:50%;     transform: translate(0, -50%); width: 100%;}
     .homeFeatured  .owl-theme .owl-nav span{display: none;}
     .homeFeatured  .owl-theme .owl-nav .owl-prev, .homeFeatured .owl-theme .owl-nav .owl-next{position: absolute;   width: 14px; height: 24px;}
     .homeFeatured  .owl-theme .owl-nav .owl-prev{left:0; background: url(../images/arrow-left.png)left top no-repeat !important;}
     .homeFeatured  .owl-theme .owl-nav .owl-next{right:0; background: url(../images/arrow-right.png)left top no-repeat !important;}
      .homeFeatured  .owl-theme .owl-nav .owl-prev:before, .homeFeatured  .owl-theme .owl-nav .owl-next:before {display: none;}
     button:focus{outline: none;}
     .homeCollection p{font-size: 17px; line-height: 32px;}
     .homeCollection .homeTitleSmall a{color: #000;}
     .homeCollection .homeTitleSmall a:hover{color:  var(--lightblue);}
     .homeCollection .collectionBlock{margin-bottom: 70px;}
      .homeCollection .collectionBlock img, .homeFeatured .featuredBlock .imgBlock img{transition: 1s ease-in-out;}
      .homeCollection .collectionBlock .imgBlock, .homeFeatured .featuredBlock .imgBlock{overflow: hidden;}
      .homeCollection .collectionBlock:hover .imgBlock img, .homeFeatured .featuredBlock:hover .imgBlock img{transform: scale(1.1);}
      .diamondSearchHome{  padding: 20px 0; position: relative;}
   
      .diamondSearchHome .diamondShapesList li{text-align: center;}
      .diamondSearchHome .diamondShapesList li span{display: block; color: #000; font-size: 16px; }
      .diamondSearchHome .diamondShapesList li img{height: auto;}
      .diamondSearchHome .diamondShapesList li input{display: none;}
      .diamondSearchHome .diamondShapesList li input:checked + span{background: var(--darkblue);}
     .diamondSearchHome .diamondShapesList li .inputcheckbox{width: 20px;  height: 20px; display: inline-block; background: #999999; margin-top: 5px;}
     .diamondSearchHome .diamondShapesList li label{cursor: pointer; padding: 0 20px;}
     .homeParallax {
        position: relative;
        margin: 0px 0 20px; 
        display: inline-block;
        width: 100%;
    }
    .homeParallax .setHoverContent {
    max-width: 570px;
    text-align: center;
    padding: 0 100px 0 0;
    position: absolute;
    top: 40%;
    right: 0;
}

     .homeParallax .setHoverContent p{font-size: 18px; line-height: 30px;}
     .homeParallax .setHoverContent a {
        font-size: 21px;
        padding: 12px 35px;
        display: inline-block;
        color: #000;
        text-decoration: underline;
    }
     .homeParallax .setHoverContent a:hover{ color: var(--darkblue);}
     .smallTag {font-size: 18px;}
     footer{   padding-bottom: 15px; padding-top: 30px; border-top:1px solid #ddd; margin-top: 30px;}
     footer h3{color: var(--darkblue); font-size: 24px; text-transform: uppercase; margin-bottom: 15px;}
     footer .mainTitle{font-size: 16px; text-transform: uppercase; margin-bottom: 15px; color: #000;}
     footer .ftpemail{color:#000;}
     footer .ftpemail i{font-size: 30px; color: var(--lightblue)}
     .addresFtp{ line-height: 24px;
        color: #595757;
        font-size: 17px;
        margin: 0 0 20px !important;}
     footer .ftpSocial li + li{margin-left: 15px;}
     footer .ftpSocial li a:hover i{color: #fff;}
     footer .navBlock li{line-height: 32px;}
     footer .navBlock li a{color: #595757; font-size: 16px; text-transform: uppercase;}
     footer .navBlock li a:hover{color: var(--lightblue);}
     .subscribeText{color: #000; margin-bottom: 20px;}
     .navBlock .form-control{height: 60px; background: #b4b1cc; color: #000; padding-left:20px; padding-right: 20px; border-radius:0;}
/*     .navBlock .btn{padding:0 20px;  color:var(--lightblue) ; background: var(--darkblue); border-radius:0;}*/
     .navBlock .btn{padding:0 20px;  color:#fff ; background: var(--darkblue); border-radius:0; display: flex; align-items: center;}
     .navBlock .btn:hover{ color:#fff ; background:#000;}
     .navBlock .btn i{font-size: 32px; /*color:var(--lightblue);*/ margin-left: 7px; }
     .navBlock .btn:hover i{color:#fff; }
     /*.navBlock .btn:hover{background:var(--lightblue) ;}*/
     .copyrightText{border-top:1px solid #ddd; padding-top: 15px;}
     .copyrightText a{color:var(--lightblue);}

     
     .mainNavList > li.searchdropdown .dropdown-menu  {
        top: 7px !important; 
        left: inherit!important; 
        width: 280px;
        padding: 6px 13px;
        right: 0;
    }




     @media(min-width:1280px){ 
     .homeCollection .row{margin:0 -50px;}
     .homeCollection .row [class*="col-"]{padding:0 50px;}
     }
.mainNavList > li.navNumer{right:15px;}   

@media(min-width:1280px){ 
    .container-fluid{padding-left: 50px; padding-right: 50px;}
    .container{max-width: 1280px;}
    .mainNavList > li.navNumer {position: absolute;  right:50px;}
}
@media(min-width:1580px){ 
    .container{max-width: 1580px;}
}
@media(max-width:1500px){
    .contentBlock{padding: 0;}
} 
img{height: auto;}
 .mainBanner img{height: 100% !important;}   
 .collectionBlock .imgBlock{aspect-ratio: 1/1;}
  .section-headerMsg{min-height: 65px;}     
@media(min-width:990px){ 
    .mainBanner{aspect-ratio: 16/5;}
   
      
    nav{top:-100px; transition:all .3s ease-in-out 0s}
    header.fixed nav{position: fixed; background: #fff; z-index: 999; width: 100%; top:0; padding: 8px 0; border-bottom: 1px solid #ddd;}
    header.fixed .scrollfixed{display: block;}
    header.fixed .scrollfixed img{max-width: 120px;}
    header.fixed nav ul li a{padding: 10px 15px; font-size: 16px;}
    .navLogin.navWishList{ right:17px;}
    .navLogin.navCart{ right:-23px;}
    header.fixed .navLogin{position: static;}
    header.fixed nav ul li.searchdropdown{position: relative; top:0;}
     header.fixed nav ul li.searchdropdown a,  header.fixed .navLogin a{padding: 10px 15px !important;}
     .navPhone{display: none;}
     header.fixed nav ul li.navPhone a{padding: 10px 15px !important;}
     header.fixed nav ul li.navPhone{display: inline-block;}
     header .logo{max-width: 340px;
        margin: 22px auto 7px;}  
   
}

@media(max-width:1030px){
    .headerSocial li a span{display: none;}
    .homeTitle{font-size: 36px;}
    .diamondSearchHome .diamondShapesList li img{width: 40px;}
    .homeBookAppointment p{padding-right: 0;}
    .homeBookAppointment p{font-size: 16px;}
    footer h3{font-size: 20px;}
}



@media(max-width:990px){    
  header .headerInfoBar .closeInfoBar{ 
    right: 10px; 
}
header .headerInfoBar {
  padding: 10px 0;
}
  
    nav ul li a{padding: 10px 15px;}
    .mainBanner .homeBannerContent p{margin: 7px 0; }
     /*nav start here*/
   nav {     margin: 0;    padding: 0;  width: 100%;  position: fixed;  left: 0;   top: 0;   bottom: 0;   right: 0;  background-color: rgba(0, 0, 0, .4);  overflow: hidden;  visibility: hidden;
    opacity: 0;     -webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out;  transition: all .5s ease-in-out;  z-index: -1;}
    .logo img{max-width: 200px;}
    nav .navication {  padding: 0;  margin: 0;  width: 300px;  height: 100vh;  background-color: #fff;  left: -300px;  position: relative;  -webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;    transition: all .5s ease-in-out;}
    nav .navHeader {   padding: 10px 0;}
    nav .navHeader .btnNavToggle {  width: 20%; z-index: 99;  height: 48px;   display: inline-block;  color: #fff;  text-align: center;   border: none;  position: absolute;  right: -44px;  top: 0px;}
    nav .navHeader .navLogo img { max-height: 60px;}
     nav .navHeader .btnNavToggle .iconfont {font-size: 30px;}
    nav.showMainNav { visibility: visible;  opacity: 1;  z-index: 99999;}
    nav.showMainNav .navication {  left: 0; visibility: visible;  opacity: 1;}
    nav .container-fluid{padding: 0;}
    nav .navication ul {  flex-wrap:wrap;}
    nav ul li:first-child {  border-top: none;}
    nav ul li {  width: 100%;  border-top: 1px solid #ddd;}
    .scrollNone{overflow: hidden;}
    nav ul li.searchdropdown {order:1;}
    .navHeader .searchdropdown{width: 100%; text-align: center; display: inline-block; padding-top: 4px;}
      .navHeader .dropdown-menu{left: 10% !important; right: inherit!important;transform: inherit !important; top:28px !important;}
      .navHeader .dropdown-menu a{padding: 6px 10px !important; font-size: 12px !important;}
      .navHeader .searchdropdown a{color: #000; font-size: 14px;}
      .navHeader .searchdropdown .fa-angle-down{font-size: 20px; display: inline-block; vertical-align: top;}
      .subscribeBlock ul{margin-top: 15px;}
      nav ul li.navPhone{display: none;}
      nav ul li.navLogin .iconfont{margin-right: 5px;}
      nav ul li.searchdropdown .dropdown-menu{display: block !important; position: relative; width: 100%;}
       header.fixed .midHeader{position: fixed; background: #fff; z-index: 999; width: 100%; top:0; padding: 8px 0; border-bottom: 1px solid #ddd;}
       .midHeader .row{align-items: center;}
       .homeTitleSmall, .homeTitle{font-size: 28px;}
       .homeCollection p{font-size: 16px; line-height: 28px;}
       .diamondSearchHome .diamondShapesList li label{padding: 0 5px;}
       .ftpNav{margin-bottom: 20px;}

    
    /*nav end here*/  
     
    
}

@media(min-width:980px){
     header.fixed nav{position: fixed; background: #fff; z-index: 999; width: 100%; top:0; padding: 0; border-bottom: 1px solid #ddd;}
       .mainBanner .homeBannerContent{position: absolute; top:50%; transform: translate(0, -50%); color: #fff;}
}

@media(max-width:766px){
    .navBlock .input-group-append{ width: 100%; text-align: center;}
    .headerSocial li + li{margin-left: 12px;}
    .midHeader{padding: 10px 0;}
    .midHeader .row{margin: 0;}
    .midHeader .row .col-md-4{padding: 0;}
    .homeBookAppointment, .homeCollection {padding: 30px 0;}    
    .homeBookAppointment .contentBlock{margin-top: 30px; text-align: center;}
    .homeCollection .collectionBlock{text-align: center; margin-bottom: 30px;}
    .homeParallax .setHoverContent{max-width: 100%;text-align: center;}
      .shopByshape{padding-bottom: 10px;}
     .parallax .setHoverContent{position: static; color: #000; transform:inherit; padding: 15px 0;}
     .parallax .setHoverContent .btnDis{background: #000; color: #fff; border:none; font-size: 14px; padding: 12px 30px;}
     .parallax .setHoverContent p{margin: 15px 0;}
     .subscribeBlock {padding: 20px 0; text-align: center;}
     footer{margin-top: 30px; padding-top: 30px;}
     footer .navBlock {  display: none;  margin-top: 10px;}
     footer h3 { position: relative;  border-bottom: 1px solid #ddd;  padding: 10px 0;   margin: 0;   cursor: pointer;    font-size: 20px;}
     footer h3:after { content: '+';  position: absolute;  right: 10px;  top: 10px;  font-size: 18px;}
     footer h3.active:after { content: '-';  position: absolute;  right: 10px;  top: 10px;  font-size: 18px;}
     footer .ftpAddress  h3:after,  footer .subscribeBlock h4:after{display: none;}
     footer .subscribeBlock h4{text-align: left; border-bottom: none;}
     footer .ftpSocial{margin-bottom: 20px;}
     header.fixed .headerSocial.mobileFixed{position: fixed; top:0; left:0; background: #fff; padding: 10px 15px; z-index: 999; width: 100%; border-bottom: 1px solid #ddd;}
     .homeProduct .owl-nav .owl-prev, .homeProduct owl-nav .owl-prev{background: url(../images/mobile-arrow-left.png)left top no-repeat !important; width: 11px; height: 18px;}
     .homeProduct .owl-nav .owl-next{background: url(../images/mobilearrow-right.png)left top no-repeat !important; margin-left:0px;  width: 11px; height: 18px; right: 0;}
      .homeProduct .owl-nav{margin-top: -9px !important;}
      .ftpSocial, .cardftp  {justify-content: center;}
      .subscribeBlock .text-right{text-align: center !important;}
      .menuLink{width: 100%; border-top:1px solid #000; position: relative;}
      .headerSocial a .iconfont{margin-right: 0;}
      .logo img{max-width: 100px;}
      .addresFtp, .ftpAddress{text-align: center;}
      footer .ftpemail{justify-content: center;}
      .headerSocial li a i{font-size: 20px;}
      .homeParallax{position: relative; margin: 30px 0;}
      .homeParallax:before{position: absolute; content: ''; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.6); top:0; left:0;}
      .homeParallax .setHoverContent{position: relative;}
          .mainBanner{aspect-ratio: 1/1;}
      
      

}


@media(max-width:450px){
    .slick-initialized .slick-slide .bottomText {  width: 290px;  transform: translate(-50%, 0);  position: relative;  left: 50%;}
   }
   
@media(max-width:350px){
    .headerSocial li + li{margin-left: 10px;}
    .logo img{max-width: 170px;}
}   



/*------navigation------------*/



@media(min-width:992px) {
.navOverlay {width: 100%;margin: 0;padding: 0;position: relative;}
.mainNavList {margin: 0;padding: 0;list-style: none;}
.mainNavList > li {    margin:0;padding: 0; }
.mainNavList > li > a {padding:10px 10px;display:block;color: #09152f;font-size: 15px;letter-spacing: 1px;text-transform: uppercase;}
.mainNavList > li .megamenuWapper {max-height: 0;overflow: hidden;position: absolute;z-index: 5;left: 0;right: 0;top: 100%;background-color: #fff;padding: 0;transition: all .8s linear;}

.mainNavList > li.navNumer {position: absolute;}
.mainNavList > li.navNumer a {font-size: 20px;}
.mainNavList > li.navNumer a{padding: 0; text-transform: capitalize;}
.mainNavList > li.navNumer.officeNumber{top:-125px;}
.mainNavList > li.navNumer.cellumber{top:-95px;}
.mainNavList > li.navNumer.emailumber{top:-69px;}
.mainNavList > li.navNumer.emailumber .iconfont {font-size: 29px;}
.mainNavList > li.navNumer:hover a{color:var(--lightblue);}
.border-nav { border-top: 1px solid #333; padding:20px 0; }
.mainNavList > li:hover .megamenuWapper {max-height:400px; }
.mainNavList > li .megamenuWapper > .toggleSubMenu {  display: none;}
.navCatList {display: flex;    flex-direction: row;    padding-bottom: 10px;}
.navCatList > li {    flex: 1 1 20%;    max-width: 20%;    padding: 0 0px;} 
.navCatList > li > a {display:block;font-size:16px;font-weight:500;text-transform:uppercase;position:relative;margin:0 0 8px;color:#000;padding-left:0;}
nav li:first-child a {padding-left: 0;}
.navCatList > li > a::before {    content: "";    position: absolute;    left: 0;    bottom: 0;    width: 80px;    height: 1px;background: #717171;}
.navCatList > li > .navCatChildList {    margin: 0;    padding: 10px 0 0;    list-style: none;    width: 100%;}
.navCatList > li > .navCatChildList > li:first-child {   padding-top: 0;}
.navCatList > li > .navCatChildList > li {    margin: 0; padding: 8px 0 0;padding-top: 8px;    padding-top: 8px;    width: 100%;}
.navCatList > li > .navCatChildList > li > a { display: inline-block;  font-size: 14px;color: #717171; text-transform: capitalize;   padding: 2px 0;}
.navCatList > li.navCatImage {  flex: 1 1 100%;  margin-left: auto;}

.navCatList > li.navCatImage  a:before { display:none;}

}

#google-reviews { overflow-y: auto; max-height: 345px;}






header.fixed .navOverlay {   position: fixed;   background: #fff;   z-index: 999;   width: 100%;   top: 0;   padding: 0;   border-bottom: 1px solid #ddd;}




@media(max-width:992px) {
    .mainNavList > li.navNumer{right:inherit;}
.toggleMenu {width: 35px;display: inline-block;  }
.toggleMenu span {width: 100%;height:1px;display: block;background-color: #000;}
.toggleMenu span:nth-child(2) {    margin: 10px 0  }
.navOverlay {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, .5);z-index: -1;opacity: 0;visibility: hidden}
.mainNavigation {width: 280px;background-color: #fff;position: relative;left: -100%}
.mainNavigation,.navOverlay {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out}
.mainNavigation .container {padding: 0;width: 100%}
.mainNavigation .container-fluid {padding: 0}
.mainNavigation .navFavicon {display: none}
.mainNavHeader {height:95px;border-bottom: 1px solid #d5d5d5}
.mainNavHeader .logo {max-width: 180px;padding: 10px}
.mainNavHeader .closeMe {width: 45px;height: 45px;text-align: center;line-height: 44px;font-size: 30px}
.mainNavList {margin: 0;padding: 0;list-style: none;background: var(--lightblue);height: calc(100vh - 45px);overflow-y: auto; display: block !important; padding-bottom: 50px;}
.mainNavList>li {margin: 0;padding: 0;border-bottom: 1px solid #d5d5d5;position: relative;}
.mainNavList>li>a {display: block;padding: 8px 12px; color: #fff;}
.mainNavList>li.ddYes>a {position: relative;   }
.mainNavList>li.ddYes>a span{position: absolute; right:11px;}
.mainNavList>li.ddYes>a span .iconfont{font-size: 12px;}
.mainNavList>li .megamenuWapper {display: none;}
.mainNavList>li .megamenuWapper>.toggleSubMenu {display: block;padding: 8px 12px;height: 36px;margin: 0}
.navCatList {margin: 0  0px;padding: 0;list-style: none;background-color: #f9f9f9}
.navCatList>li {margin: 0;padding: 0}
.navCatList>li>a {display: block;padding: 8px 12px; color: #09152f;}
.navCatList>li.navCatImage {display: none}
.navCatChildList { margin: 0;  padding: 0;  display: block !important;   list-style: none;   position: fixed;   background: #fff;  height: calc(100vh - 94px);  overflow-y: auto;
    z-index: 999;  width: 280px;  top: 94px;   left: -100%;   transition: all 0.4s ease-in-out;}
.navCatChildList.showDrop { left: 0;}    
.navCatChildList > li a.closeDropdown { position: absolute;  left: -22px;   top: -2px;  font-size: 24px;  padding: 0;}
.navCatChildList>li {margin: 0;padding:0; border-top:1px solid #ddd;}
.navCatChildList>li>a {display: block;padding:6px 10px 6px;font-size: 13px;line-height: 18px; color: #424242; position: relative;}
.showMainNav .navOverlay {z-index: 999;opacity: 1;visibility: visible}
.showMainNav .mainNavigation {left: 0}
.toggleMenu span {   background-color: #000;    margin-left: 0!important; margin-top:8px!important;    display: block!important;}
.navCatList > li{border-top:1px solid #ddd;}
.navCatList > li span{position: absolute; right:11px;}
.navCatList > li span .iconfont {font-size: 12px;}
.navCatList > li:first-child{border-top:none;}
.navCatList .navCatChildList > li span {position: static;}
.navCatChildList > li:first-child a{padding-left: 30px;  color: #fff; padding-top: 10px; padding-bottom: 10px;}
.navCatChildList > li:first-child {background: var(--lightblue); }
.showMainNav{overflow: hidden;}
footer{padding-bottom: 80px;}
footer .tiktokIcon img{width: 26px;}


}

.mobile-logo img, .menu-res {display: none;}

@media only screen   and (max-width:540px) {
.mobile-logo { display: none;}
.mobile-logo img {display:block;}
.mainNavList > li.searchdropdown  {display:none;}
header.fixed .navOverlay {    background: inherit;}
.headerSocial li + li {    margin-left: 12px;}

.logo img {
    max-width: 220px !important; 
}

header.fixed .midHeader .menu-res {display: block; float: left;}
.ultimate-summer .shopsale{font-size: 16px;}



}

@media only screen and (min-width:541px)  and (max-width:992px) {
    .mobile-logo { display:block;}
    .mobile-logo img {display:block;}
.desktop {display: none;}
.logo img {
    max-width: 160px;
    margin: auto;
}
.stickyMasterTopBar { 
    font-size: 14px; 
}
.mainNavList > li.searchdropdown  {display:none;}
header.fixed .navOverlay {    background: inherit;}

}


@media only screen and (min-width:993px)  and (max-width:1100px) {
.freeOvernight { 
    padding: 4px 0 0;
    font-size: 12px;
}
}

@media only screen and (min-width:993px)  and (max-width:1200px) {
.mainNavList > li > a {   padding: 10px 10px;    display: block;    color: #09152f;    font-size: 12px;    letter-spacing: 1px;text-transform: uppercase;}
.mainNavList > li:hover .megamenuWapper {    max-height: 400px;}
header.fixed .scrollfixed img {
    max-width: 97px;
}


}
  
 @media only screen and (min-width:1401px)  and (max-width:1600px) {
	 	 .mainNavList > li > a { 
    font-size: 14px; 
} 
 .homeCollection { 
    overflow: hidden;
}
  
  header.fixed .mainNavList > li > a {
    padding:10px 8px;
    font-size: 12px;
}


 }
 
  @media only screen and (min-width:1366px)  and (max-width:1400px) {
	 	 .mainNavList > li > a { 
    font-size: 13px; 
} 
 .homeCollection { 
    overflow: hidden;
}
  
  header.fixed .mainNavList > li > a {
    padding: 10px 22px;
    font-size: 12px;
}

 }
 
 
  @media only screen and (min-width:1301px)  and (max-width:1450px) {
	 
 header.fixed .mainNavList > li > a {
    padding: 10px 26px; 
    font-size: 12px; 
}
header.fixed .mainNavList > li > a {
    padding: 10px 22px;
    font-size: 12px;
}

 }


 .ultimate-summer1 {
    background: #000;
    text-align: center;
    padding: 25PX 0 10px 15px;
    color: #fff;
}




 .ultimate-summer {
    background: #ff64bf;
    text-align: center;
    padding: 20px 20px;
    color: #fff;
}

.ultimate-summer .title{
    font-size: 26px;
    margin: 8px 0 4px;
}   



.ultimate-summer p{
    color: #ffde6b;
    font-size: 21px;
    margin: 11px 0 13px;
}

 
.ultimate-summer  .shopsale {
    color: #fff;
    font-size: 20px;
    text-decoration: underline;
    font-weight: 500;
}


.homeFeatured1 {
    padding: 30px 0 100px;
} 


.homeFeatured1 .homeprodTitle a{
    color: #000;
    font-size: 23px;
    margin: 15px 0 0;
    float: left;
    width: 100%;
    text-decoration: underline;
}


  .homeFeatured .item {
    border: solid 1px #f0f0f0;
    padding: 10px 10px 17px;
}
 .homeFeatured .item:hover{border-color: #ddd;}


.homeFeatured .featuredBlock .homeprodTitle a{
    font-size: 16px;
    color: #000;
}
.homeFeatured .featuredBlock .homeprodTitle{height: 52px; overflow: hidden;}

.head-title {
    font-size: 32px;
    position: relative;
    line-height: 38px;
    font-weight: 500;
    text-align: center;
    margin: 44px 0 26px;
    font-family: 'Noto Serif', serif;
    color: #000;
}


.ft-heads  {
    margin: 20px 0 0;
}
.ftpSocial  li{ float: left;
}


footer .socials  i{
    font-size:27px;
    vertical-align: middle;
}

footer .socials  li { 
margin: 0 10px 0 0;}

footer .tiktokIcon img{width: 26px; margin-top: 7px; filter:grayscale(100%);}
footer .tiktokIcon:hover img{filter:inherit;}

.diamond-learns .diamond-learns-box{background: #21325f;}
.diamond-learns .p0{ padding: 0; }

.diamond-learns p{
    text-align: center;
    color: #fff;
    font-size: 23px;
    margin:75px 0 0;text-decoration: underline;
}


.diamond-choice {
    padding: 40px 0;
}
.instagramListing li{width: 20%; display: block; height: 350px;}
.instagramListing .instagram-unit img{width: 100%;  height: 100%; object-fit: fill;}

.icon-bottom {}
.icon-bottom li {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}


.icon-bottom p {
    color: #000;
    font-size: 16px;
}


.diamond-choice .homeTitleSmall { 
    margin: 0 0 30px;
}



.review-title {
    text-align: center;
    color: #3c3b3b;
    font-size: 23px;
}

.review img {
    box-shadow: 0 0 1px 1px #ccc;
    width: 100%;
    margin: 13px 0 0;
}



.section-shareStory {   padding: 40px 0 20px;}
 

.storyBlock img {
    width: 100%;
    height: auto;margin: 0 0 10px;
}

.section-shareStory p {
    line-height: 22px;
}


.shareStoryList .aboutStory a {    color: #fff;    background-color: #0a86c9;    border-color: #0a86c9;}
.shareStoryList .aboutStory a:hover {background: #ddd;color: #000;border-color: #ddd;}

.shareStoryList .aboutStory a:first-child {    color: #fff;    background-color: #000;    border-color: #000;}
.shareStoryList .aboutStory a:first-child:hover {background: #ddd;color: #000;border-color: #ddd;}
  .section-shareStory .sectionTitle h2  {
    margin: 0 0 40px;
    color: #000;
    text-transform: uppercase; position: relative;
}
 
      .section-shareStory .sectionTitle .title span::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #a69a96;
    margin-left: -25px;
    left: 50%;
    top: 100%;
}


#testinomial{background:url(../images/bg-testinomial.jpg) repeat 0 0/auto 100%!important;color:#fff;position:relative;padding-top:100px;padding-bottom:150px;}
#testinomial::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
#testinomial h2{color:#fff}
#testinomial p{color:#fff}
#testinomial-slider .item{display:block;width:100%;height:auto;color:#fff}
#testinomial-slider .item p{font-size:20px;margin-left:13%;margin-right:13%}
#testinomial-slider .item h5{font-size:14px;text-transform:uppercase;margin-top:40px;margin-bottom:15px}
#testinomial-slider .owl-next,#testinomial-slider .owl-prev{border:1px solid #fff;color:#fff}
#testinomial-slider .owl-next,#testinomial-slider .owl-prev{top:40%;position:absolute;background:0 0;height:38px;width:38px;-ms-border-radius:38px;-webkit-border-radius:38px;border-radius:38px;font-size:30px;line-height:20px;opacity:1;filter:alpha(opacity=100)}
#testinomial-slider .owl-next:hover,#testinomial-slider .owl-prev:hover{border:1px solid #82b440;background-color:#82b440;color:#fff;-webkit-transition:background .3s linear .1s;-ms-transition:background .3s linear .1s;transition:background .3s linear .1s}
#testinomial-slider .owl-prev{left:0}
#testinomial-slider .owl-next{right:0}
.bounce-green,.bounce-top,.bounce-white{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}

@media only screen and (min-width:766px){
    .diamondSearchHome .diamondShapesList li{width: 10%;}
    
}


#testinomial .btn-green {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    padding: 14px 35px 14px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 37%);
}

.owl-carousel .owl-stage-outer { 
    margin: 0 0 20px;
}
@media only screen and (max-width:767px)
{
    .homeParallax .setHoverContent {
    max-width: 100%;
    text-align: center;
    padding: 29px 0px 0 0;
}
.diamondSearchHome .diamondShapesList li {
    text-align: center;
    width: 20%;
}

.homeParallax .setHoverContent a {
    font-size: 16px;
    padding: 0 35px 0 35px;
    display: inline-block;
    color: #000;
    text-decoration: underline;
    margin: 0 !important;
}

.icon-bottom li {
    width: 40%;
    float: left;
    text-align: center;
    margin: 0 5%;
}

}


.copyText {
    border-top: 1px solid #999a9a;
    padding: 10px 0 0;
    font-size: 14px;
}

    .copyText a {
    color: #000;
    text-decoration: underline;
}


@media only screen and (max-width:768px)
{
    #testinomial-slider .item p {
    font-size: 14px;
    margin: 0;
}

#testinomial-slider .owl-next, #testinomial-slider .owl-prev {
    display: none;
}
#testinomial .btn-green { 
    margin: 20px 0 0;
}
     .ultimate-summer {padding: 20px 0px;}
    .ultimate-summer p { 
        font-size: 16px;
        margin: 11px 0 11px;
    }

    .homeTitleSmall, .homeTitle {
        font-size: 22px;
        padding: 0 10px;
    }

    .ultimate-summer1 .title{
        font-size: 16px;
        padding: 0 12px;
    }

    .owl-theme .owl-nav {
        margin-top: 10px;
        display: none;
    }


    .homeParallax .setHoverContent {
        max-width: 570px;
        text-align: center;
        padding: 0 0px 0 0;
    }

    .homeTitleSmall, .homeTitle {
        font-size: 21px;
        padding: 0 0px;
    }

    footer {
        margin-top: 0;
        padding-top: 30px;
    }

   

    .diamond-learns p {
        text-align: center;
        color: #fff;
        font-size: 23px;
        margin: 0px 0 0;
        text-decoration: underline;
        padding: 50px 10px 50px;
    }
 
    .diamond-learns .p0 {
        padding: 0 15px;
    }
    .review-title {
        text-align: center;
        color: #3c3b3b;
        font-size: 19px;
    }
    .icon-bottom {
        margin: 40px 0 0;
    }

    .diamond-choice {
        padding: 40px 0 0;
    }
    
}

@media only screen and (min-width:601px)  and (max-width:767px) {

    .ultimate-summer .title {
        font-size: 23px; 
    }
    .ultimate-summer p {
        font-size: 18px; 
    }

    .diamondSearchHome .diamondShapesList li {
        width: 20%;
        text-align: center;
    }

footer {
    margin-top: 0;
    padding-top: 30px;
}

.icon-bottom li {
    width: 40%;
    float: left;
    text-align: center;
}
.icon-bottom li img{width: 80px;}


}

@media only screen and (min-width:768px)  and (max-width:992px) {

.homeFeatured .item {
    border: solid 1px #666;
    padding: 10px 10px 17px;
    width: 99%;
}

.homeParallax .setHoverContent {
    max-width: 300px;
    text-align: center;
    padding: 0 0px 0 0;
}
.icon-bottom li {
    width: 42%;
    float: left;
    text-align: center;
    margin: 0 8% 0 0;
}

.icon-bottom li {
    width: 42%;
    float: left;
    text-align: center;
}

.icon-bottom p {height: 32px;
    color: #000;
    font-size: 13px;
}

.homeTitleSmall, .homeTitle {
    font-size: 19px;
    padding: 0 20px;
}

.homeParallax .setHoverContent {  top: 30%;}


    .diamond-learns p {
    text-align: center;
    color: #fff;
    font-size: 23px;
    margin: 0px 0 0;
    text-decoration: underline;
    padding: 11px 10px 0px;
    line-height: 27px;
}



}

@media only screen and (min-width:993px)  and (max-width:1100px) {

    .homeTitleSmall {
        font-size: 21px;
        color: #000;
    }
    .homeCollection p {
        font-size: 17px;
        line-height: 23px;
    }

    .homeFeatured .owl-theme .owl-nav { 
        display: none;
    }

    .homeFeatured .featuredBlock .homeprodTitle a {
        font-size: 16px;
        color: #000;
    }

    .homeFeatured .item { 
        width: 99%;
    }

    .homeParallax .setHoverContent {
        max-width: 400px;
        text-align: center;
        padding: 0 20px 0 0;
    }


}

@media only screen and (min-width:1101px)  and (max-width:1440px) {

footer h3 {
    color: var(--darkblue);
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
footer .navBlock li a { 
    font-size: 14px; 
}
.homeFeatured .featuredBlock .homeprodTitle a {
    font-size: 16px;
    color: #000;
}

.homeParallax .setHoverContent {
    max-width: 520px;
    text-align: center;
    padding: 0 50px 0 0;
    position: absolute;
    top: 40%;
    right: 0;
}
.container {
    padding: 0 50px;
}


 header.fixed .mainNavList > li > a
{
    padding: 10px 8px;
    font-size: 10px;
  }
  .mainNavList > li > a
{
    padding: 8px;
    font-size: 11px;
  }


 .navCatList > li > a {
    display: block;
    font-size: 13px;}
    

.mainNavList > li.searchdropdown .dropdown-menu { 
    transform: translate3d(0px, 45px, 0px) !important;
}
}
@media (max-width:1400px) {
    .instagramListing li{height: 308px;}
}
@media (max-width:1100px) {
    .instagramListing li{height: 220px;}
}
@media (max-width:980px) {
    .instagramListing li{height: 180px;}
    .review-item {flex: 1 1 100% !important;}
}
@media (max-width:766px) {
    .instagramListing li{height: 160px;}
    .homeFeatured1{padding-bottom: 30px;}
        .icon-bottom li img{width: 80px;}

}
@media (max-width:480px) {
    .instagramListing li{height: 100px;}

}

.sectionHighlighted {
	color: #f00;
    -webkit-animation: mymove 3s infinite;
    -moz-animation: mymove 3s infinite;
animation: mymove 3s infinite;transition: all .8s ease-in-out;transition: all .4s linear;
}

@keyframes mymove{
    0%{color: #f00;}
40%{color: #000;}
80%{color: #f00;}

}

.popupOverlay {position: fixed;  left: 0;  top: 0;  right: 0;  bottom: 0;  z-index: 999;  background-color: rgba(0,0,0,.7);  display: none;} 
.popupWindow { width: 680px;  background:#fff;  position: absolute; border:20px solid #0a86c9;  top: 50%;  left: 50%; transform: translate(-50%, -50%); z-index: 9999;}   
.popupBox { width: 100%;  margin: 0;  padding: 0;  display: table;  height: 100%;}   
.popupBox > .popupCell { width: 100%;  margin: 0;  padding: 0;  display: table-cell;  height: 100%;  vertical-align: middle;}
.popupTextBox { text-align: center;  display: block;   padding: 25px 45px;}
.popupTextBox .popupTitle { display: block;  font-size: 18px;  font-weight: 400;   color: #000; margin-bottom: 10px;}
.popupWindow .freeText {font-size: 40px; text-transform: uppercase;  width: 100%;  float: left;  font-weight: 700;  line-height: normal;  color: #000;}
.popupWindow .dollerText { font-size: 70px; text-transform: uppercase;  width: 100%;  float: left;  font-weight: 700;  color: #000;  line-height: 75px;}
.popupWindow .giftCard {font-size: 40px; margin-bottom: 6px;  width: 100%;  float: left;  font-weight: 700;  line-height: normal;  color: #000;}
.popupWindow input[type="text"] { width: 100%;  float: left;  border: 3px solid #000;  height: 42px;  font-size: 16px;  color: #000;  margin-bottom: 15px; line-height: 38px;
    padding: 0 10px;}
.btn-popup { background: #000; color: #fff; text-transform: uppercase; width: 192px; border:none; height:45px; display:inline-block;  font-size: 30px; margin-bottom: 20px; cursor: pointer;}    
.popupWindow .shoppingText.ClosePopUP {color: #000; font-size: 18px; letter-spacing: 1px; position: relative; right: inherit;  top: inherit;  font-weight: 700; width: 100%;
    margin-bottom: 10px; float: left; text-transform: uppercase; text-align: center;  margin-top: -10px;   text-decoration: underline;}
.popupWindow .closeMe { position: absolute; right: -14px; top: -23px;  color: #fff;  font-size: 18px;  font-weight: 700;} 
.fiexedSubscribe{position: fixed; top:50%; right:0; transform: translateY(-50%);z-index: 99;}   


@media (max-width:1200px) {
header.fixed .navOverlay .mainNavList > li > a
{
    padding: 12px 5px;
    font-size: 10px;
  }
}
@media (max-width:766px) {
    .popupWindow {width: 80%;}
    .toggleMenu{width: 25px;}
    .popupTextBox .popupTitle{font-size: 14px;}
    .popupWindow .freeText, .popupWindow .giftCard{font-size: 30px;}
    .popupWindow .dollerText{font-size: 40px; line-height: 45px;}
    .popupTextBox{padding: 20px;}
    .btn-popup{font-size: 20px; height: 32px; line-height: 32px;}
    .popupWindow .shoppingText.ClosePopUP{font-size: 15px;}
    .popupTextBox .popupTitle br{display: none;}
    .popupOverlay{overflow-y: auto;}
    .popupWindow{top:62%;}
    
}
    header .infoList li a{text-decoration: none;}
@media (max-width:480px) {
    
    .toggleMenu span:nth-child(2){margin: 8px 0;}
    .toggleMenu span{margin-top: 7px !important;}
    header .infoList li a{display: block;}
    .ultimate-summer .title, .popupOverlay .btn-popup{font-size: 20px;}
    .ultimate-summer .shopsale{font-size: 16px;}
    .popupWindow {width: 90%;}
    .popupWindow{top:50%}

 

}
@media only screen and (min-width:766px)  and (max-width:1000px){
    .headerSocial li + li{margin-left: 13px;}

}
@media only screen and (min-width:1000px)  and (max-width:1100px){

    footer .socials li{margin-right: 11px;}
    .review-text{font-size: 13px !important;}
    footer .socials i{font-size: 24px;}
}


@media (max-width:992px) { 
.headerSocial .dropdown-menu {left: inherit !important;} 
 .copyText  p {font-size: 12px;}  
}

@media (max-width:980px) {  
.diamondSearchHome .diamondShapesList li span{font-size: 14px;}
.diamondSearchHome .diamondShapesList li .inputcheckbox{width: 14px; height: 14px;}  
}
@media (max-width:767px) {     
.headerSocial .dropdown-menu {left: -20px !important;}
.mainBanner .itemContent{transform: inherit; left:inherit !important; right:inherit !important; width: 100%; text-align: center; top:80%}
.mainBanner .itemContent .title{color:#000!important; font-size: 28px; }
.mainBanner .itemContent > a{font-size: 14px; color: #000!important; border-color: #000; padding: 10px 20px;}    
}
@media (max-width:500px) {  
  .readyWear {margin: 0 0 12px;}   
  .popupWindow { 
  border: 5px solid #0a86c9; 
}




   
}

@media (max-width:400px) {  
  .readyWear {
  width: 100%;
  margin: 0 0 12px;
  padding: 10px 0 12px;
}
  
   
}

@media (max-width:480px) {
    .mainBanner .itemContent{top:70%;}
    .mainBanner .itemContent .title{margin-bottom: 10px;}
    .mainBanner .itemContent .title{font-size: 20px;}
}


.ui-datepicker-year{display: none;}
.ui-datepicker select.ui-datepicker-month{padding-left: 6px;}
.elfsight-app-b8f3be0d-4373-4759-8e95-d84da20a1d00{max-height: 630px; overflow-y: auto;}
/*one day css only*/
/*.ultimate-summer {background: #C54245 !important;}
.ultimate-summer span{color: #fff; font-size: 18px;}
.ultimate-summer p{color: #fff; font-size: 18px; margin: 5px 0;}
@media only screen and (max-width: 768px) {
  .ultimate-summer p {   font-size: 16px;   margin: 11px 0 11px; }
  .ultimate-summer span{font-size: 16px;}
    .ultimate-summer h3{font-size: 24px;}
}*/

#topBanner .owl-stage-outer {
  margin: 0 0 0px!important;
}

#topBanner p{
  margin: 0;
}

 #topBanner .item {  
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.chooseStyle {
  padding: 0;
  position: relative;
  z-index: 1;
  min-height: 34px;
}

.chooseStyle.radioBlock li {
  list-style-type: none;
  margin-right: 10px;
}
.chooseStyle.radioBlock li span {
  height: 46px;
  width: 46px;
  border-radius: 100%;
  border: 1px solid #fff;
  display: block;
  position: relative; margin: auto;
}
.chooseStyle.radioBlock li span::before {
  height: 36px;
  width: 36px;
  border-radius: 100%;
  border: 2px solid #fff;
  content: '';
  left: 20% !important;
  position: absolute;
}

.chooseStyle.radioBlock li.roseColor span::before {
  background: #ec8a55 !important;
  background: -moz-linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important;
  background: -webkit-linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important;
  background: linear-gradient(30deg,#9c740d 0,#fcede2 55%,#fcede2 60%,#9c740d 100%) !important;
}



.chooseStyle.radioBlock li.grayColor span::before {
background: #807e7e !important;
  background: -moz-linear-gradient(30deg,#c1c1c0 0,#fff 55%,#fff 57%,#807e7e 100%) !important;
  background: -webkit-linear-gradient(30deg,#c1c1c0 0,#fff 55%,#fff 57%,#807e7e 100%) !important;
  background: linear-gradient(30deg,#c1c1c0 0,#fff 55%,#fff 57%,#807e7e 100%) !important;
}




.chooseStyle.radioBlock li.yellowColor span::before {
background: #eaaa12 !important;
  background: -moz-linear-gradient(30deg,#e1b94f 0,#fcf1d5 55%,#fcf1d5 60%,#e1b94f 100%) !important;
  background: -webkit-linear-gradient(30deg,#e1b94f 0,#fcf1d5 55%,#fcf1d5 60%,#e1b94f 100%) !important;
  background: linear-gradient(30deg,#eaaa12 0,#fcf1d5 55%,#fcf1d5 60%,#eaaa12 100%) !important;
}




.chooseStyle.radioBlock li.platinumColor span::before  {
background: #494848 !important;
  background: -moz-linear-gradient(30deg,#222221 0,#f7f7f7 55%,#f7f7f7 60%,#494848 100%) !important;
  background: -webkit-linear-gradient(30deg,#222221 0,#f7f7f7 55%,#f7f7f7 60%,#494848 100%) !important;
  background: linear-gradient(30deg,#222221 0,#f7f7f7 55%,#f7f7f7 60%,#494848 100%) !important;
}


.chooseStyle.radioBlock li.roseColor span::before {
background: #ec8a55 !important;
  background: -moz-linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important;
  background: -webkit-linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important;
  background: linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important;
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .mainNavList > li > a {
    padding: 12px 7px;
    font-size: 10px;
  }
  
    
.navCatList > li > a {
    display: block;
    font-size: 12px;}
    
    .metalbtn { 
    min-width: 32%;  
}
  
  
  
}