body{ font-family: 'Lato', sans-serif; font-size: 14px; color: #0d0a17; letter-spacing: .5px; }   
ul{padding-left: 0; margin-bottom: 0;}
a:hover{text-decoration: none;}
a:focus{outline: none;}
li{list-style: none;}
.header-top {   
      position: relative;
}


.header-top li a { display: inline-block;  font-size: 14px;  color: #424242;  padding: 4px 16px 6px;  text-transform: uppercase;}
.header-top li a:hover{color: #000;}
.container-fluid{padding: 0 140px;}
.headerSocial li{display: inline-block;}
.headerSocial li a{font-size: 22px; color: #000; padding: 0 10px;}
.midHeader span.numberText { position: absolute;  width: 12px;  height: 12px;  border-radius: 50%;  background: #000;  font-size: 8px;  color: #fff;  top: 0;  left: 13px;  text-align: center;}
.midHeader{padding: 10px 0;}
.mainNavication { width: 100%;  float: left;  text-align: center;  margin: 0;  padding: 0; position: relative;}
nav li {  display: inline-block;}
nav li > a { display: block;  padding: 10px 28px;   color: #000;  text-transform: uppercase;  letter-spacing: .6px; font-size: 16px;}
nav li:last-child > a{padding-right: 0;}
.fixedNav{  transition: all .6s ease-in-out; top:-100px}
.fixedNav.fixed{ top:0px; position: fixed; left:0; width: 100%;  background: #fff; z-index: 999;}
.fixedNav.fixed .logosecond {display: none !important;}
.fixedNav.fixed .logo {width: 70px; display: inline-block;}
.logo img {max-width: 100%;}
nav li > a:hover{ color: #162950;}
nav .dropdown-menu:before {content: '\25B2';  position: absolute;  right: 19px;  top: -16px;  color: #ccc;  text-shadow: 0 -1px 1px 0 #d5d5d5;  font-size: 14px;  font-family: arial;}
nav .dropdown-menu {margin: -1px 0 0; border:1px solid #ddd;  transform: inherit !important; top:100% !important; padding: 5px; right: 0 !important; left: inherit !important;  border-radius: 0;  box-shadow: none;  background-color: #ededed;  width: 250px;  border:-radius:0;}
.form-control {border-radius:0;}
nav .btn{background: #000; border-radius:0; border-color: #000;}
.section-featureBanner, .section-diamondSearchHome{padding: 50px 0;}
.section-featureBanner .contentWrapper{padding:20px 60px;}
.section-featureBanner .btn-primary{background: none; border:1px solid #000; color: #000; border-radius:0; padding: 15px 20px; font-size: 16px; letter-spacing: 1px;}
.section-featureBanner .btn-primary:hover{background: #162950; border:1px solid #162950; color: #fff; }
.title-medium{font-size: 28px; letter-spacing: 2px; text-transform: uppercase;}
.title-big{font-size: 34px; letter-spacing: 2px; text-transform: uppercase;}
.description{font-size: 16px; line-height: 28px;}
.section-storeBlock{background: url(../images/kingstore.webp)center center no-repeat; margin: 50px 0; background-size: cover; background-attachment: fixed;}
.section-storeBlock .logoParallx  img{max-width: 250px;}
.houreBtn{border:1px solid #fff; font-size: 16px; padding: 15px 30px; color: #fff; text-transform: uppercase;}
.houreBtn:hover{border:1px solid #fff;color: #000; background: #fff;}
.section-storeBlock .contentBlock{background: rgba(0,0,0,.4); width: 100%; float: left;  padding: 300px 0;}
.section-feturedCarousel, .section-instagramWidget{padding: 50px 0; float: left; width: 100%;}
.section-instagramWidget{padding-bottom: 0;}
.section-instagramWidget p{margin-bottom: 0;}
.section-feturedCarousel .owl-prev { left: 20px;}
.section-feturedCarousel .owl-carousel .owl-next span, .section-feturedCarousel .owl-carousel .owl-prev span {font-size: 36px;  line-height: 30px;  color: #fff;}
.section-feturedCarousel .owl-next, .section-feturedCarousel .owl-prev {margin: -20px 0 0 !important;  position: absolute;  top: 50%;  width: 40px;  height: 40px;  border-radius: 50% !important;  background-color: #000!important; -webkit-transition: all .4s ease-in-out;   -moz-transition: all .4s ease-in-out;  -o-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.section-feturedCarousel .owl-next:hover, .section-feturedCarousel .owl-prev:hover{background-color: #162950 !important;}
.section-feturedCarousel .owl-next{right:20px}
 .searchmobile  .dropdown-menu{width: 200px; left:inherit !important; right:0!important; transform: inherit !important; top:100% !important; background: #fff; padding: 5px; border-radius:0; }
.diamondShapesList { list-style: none;  margin: 0 -10px;  padding: 0;}
.diamondShapesList > li { padding: 0 10px;  width: 8%;  text-align: center;}
.diamondShapesList > li > a {display: block; position: relative; padding: 0 0 30px; font-size: 16px; text-transform: uppercase;}
.diamondShapesList > li > a:before { content: attr(title);  position: absolute;  left: 0;  right: 0;  bottom: 0;  text-align: center;  color: #000;}
.diamondShapesList>li>a>img { width: 100%}
.card.productCard { border-radius: 0;  position: relative;  width: 100%;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.card.productCard a.thumb {width: 100%; float: left; margin: 0;   padding: 100% 0 0;  position: relative;  height: 0;}
.card.productCard .productBody  { width: 100%;position: relative; overflow: hidden;  margin-bottom: 12px;  text-align: center;}
.card.productCard .productBody a.thumb > img { position: absolute; left: 50%;  top: 50%;  -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); width: auto; max-width: 100%; max-height: 100%; display: inline-block;}
.card.productCard .productImage {  display: block;}
.productCard .productTitle {  display: block;  margin: 10px;  text-align: center;  color: gray;   text-transform: uppercase; font-size: 14px;}
.section-feturedCarousel .productCard .productTitle {  height: 70px;}
.productCard .productFooter { background-color: #f2f2f2;  font-weight: 700; font-size: 18px; color: #000;  -webkit-transition: all .6s ease-in-out;  -moz-transition: all .6s ease-in-out;  -o-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}
.productCard .btn{padding: 6px 10px; font-size: 14px;}
.productCard .pro-buttons{position: absolute; padding: 0 10px; transition: 0.75s; transform: translateY(130%); bottom: 35%; opacity:0; width: 100%;}
.btn-primary{background: #162950; border-color: #162950;}
.btn-primary:hover{background: #000; border-color: #000;}
.productCard:hover .pro-buttons{transform: translateY(0); opacity:1;}
.section-feturedCarousel .nav-tabs{border-bottom: none; margin-bottom: 20px;}
.section-feturedCarousel .nav-tabs .nav-link{color: #5d5d5d; font-size: 18px; text-transform: uppercase; border:none!important; background: none !important;}
.section-feturedCarousel .nav-tabs .nav-link.active{font-weight: 600; color: #000;}
.section-feturedCarousel .nav-tabs .nav-item.show .nav-link, .section-feturedCarousel .nav-tabs .nav-link.active, .section-feturedCarousel .nav-tabs .nav-link:focus, .section-feturedCarousel .nav-tabs .nav-link:hover{background: none !important; 
border:none!important;}
.header-top .headerNewsTicker .staticTicker {  list-style: none;   margin: 0;   padding: 0; text-align: center;}
.headerNewsTicker .staticTicker > li {  margin: 0;  padding: 0;}
.headerNewsTicker .cross-icon { width: 30px;  height: 30px;  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);  text-align: center;  font-size: 18px;  line-height: 30px;  color: #fff;}
.section-subscribe{padding:80px 0 ; background: #F2E5d5; margin-top: -9px;}
.section-diamondSearchHome{background: #f5f5f5;}
.productCard:hover .productTitle{color:#162950;}
.productCard:hover .productFooter {background-color: #162950; color: #fff; }
.productCard:hover {border-color: #162950;}
.productCard .callForPrice, .productCard .productPrice, .productCard .productSku { padding:10px;}
.diamondShapesList>li:hover>a:before { color: #162950;}
.section-feturedCarousel #whosaid .productCard{border:none!important; overflow: hidden;}
.section-feturedCarousel #whosaid .productCard img{transition: all .6s ease-in-out;}
.section-feturedCarousel #whosaid .productCard img:hover{transform: scale(1.1);}
.section-subscribe .input-group { max-width: 480px;}
.section-subscribe .input-group .btn {background-color: #444; color: #fff;  text-transform: uppercase; border-radius:0; font-size: 22px; padding-left: 30px; padding-right: 30px; }
.section-subscribe .form-control{height: 50px;}
.section-subscribe label{font-size: 18px; margin: 20px 0;}
.section-subscribe .input-group .btn:hover {background-color: #162950;}
.section-feturedCarousel .owl-dot, .section-testimonials .owl-dot{background: #ddd !important; width: 15px; height: 15px; margin-right: 3px;}
.section-feturedCarousel .owl-dots, .section-testimonials .owl-dots{text-align: center;}
.section-feturedCarousel .owl-dot.active, .section-testimonials .owl-dot.active {background: #162950!important; }
footer {width: 100%; display: inline-block; margin: 0;  padding: 50px 0 0;  background-color: #f4f4f4;  color: #000;}
.blockClass {width: 100%; display: inline-block;}
.footer .socialIcons > li {  padding: 0;  display: inline-block;}
.footer .socialIcons > li > a { display: block;  width: 30px;  height: 30px;  font-size: 20px;  color: #000;  text-align: center;  line-height: 30px;}
.footer .socialIcons > li > a:hover{color: #162950;}
footer h6{font-size: 20px;}
footer img{max-width: 100%;}
footer hr{border-top:1px solid #e8e8e8;}
footer a{color: #000;}
.footerNavList > li { display: block;}
.footerNavList > li > a {  display: inline-block;  color: #000; letter-spacing: .6px;}
.footerNavList > li > a:hover {color: #162950;}
.footerNavList > li:not(:first-child) { margin-top: 12px;}
footer .copyrightText {  text-align: center;  font-weight: 700;  padding: 10px 0;  margin: 0;  border-top: 1px solid #e8e8e8; padding-top: 20px; margin-top: 30px;}
footer .copyrightText a:hover, footer a:hover{color: #162950;}
.userProfile li{padding: 0 10px; font-size: 14px; position: relative; }
.userProfile li .dropdown-menu li{ border-bottom: 1px solid #ddd; padding: 5px 10px;}
.userProfile li .dropdown-menu li:last-child{border-bottom: none;}
.userProfile li .dropdown-menu{padding: 0;}
.userProfile li a{color: #444; position: relative;}
.userProfile li a:hover, .headeraddress li a:hover{color: #162950;}
.userProfile li a .iconText{margin-left: 4px; margin-top: 2px; display: inline-block; vertical-align: top;}
.userProfile li a .LoginText{margin-left: 4px; margin-top: 2px; display: inline-block; vertical-align: top;}
.userProfile li .dropdown-toggle:after{vertical-align: top; margin-top: 10px; color: #3c8d00;}
.headeraddress li{width: 50%;}
.headeraddress li a{color: #444; font-size: 14px;}
.headeraddress li a img{margin-right: 5px;}
nav li  .subnav-content li a{padding: 5px 10px; text-transform: capitalize;}
nav li  .subnav-content li ol{padding: 0;}
nav li  .subnav-content li{width: 100%;}
nav li  .subnav-content li> a{font-weight: 500;}
nav li  .subnav-content li> ol a{font-weight: 400;}
nav li  .subnav-content li> ol a{font-weight: 400; font-size: 14px;}
.section-testimonials .imgBlock{width: 100px; height: 100px; display: inline-block; margin-bottom: 15px; overflow: hidden;}
.section-testimonials .imgBlock img{max-width: 100%; border-radius:100%;}
.section-testimonials .item a{color: #000; font-size: 17px; display: block; margin-bottom: 15px;}
footer h6{margin-bottom: 0; text-transform: uppercase;}
.section-testimonials{background: #f5f5f5; padding: 80px 0;}
.ftpLogo {width: 150px;}
.ftpLogo img{max-width: 100%;}
.slider .carousel-control-prev-icon { background: url(../images/homeleftArrow.png)left top no-repeat; width: 18px; height: 32px}
.slider .carousel-control-next-icon { background: url(../images/homerightArrow.png)left top no-repeat; width: 18px; height: 32px}
.slider{width: 100%; float: left;}
img{height: auto;}

@media(max-width:1500px){
    nav li > a{padding: 10px 22px;}
    header .container-fluid{padding:0 100px;}
    .headeraddress li a img{display: inline-block; vertical-align: top;}
     .headeraddress li a span{width: calc(100% - 36px); display: inline-block; vertical-align: top; margin-top: 2px;}
     .headeraddress li a{line-height: 14px;}
     .headeraddress li:first-child img{margin-top: 3px;}
     .headeraddress li:last-child img{margin-top: 1px;}
}
@media(max-width:1400px){
    nav li > a{padding: 10px 15px;}
}   
@media(max-width:1300px){
   .userProfile li{font-size: 12px;}
   .logosecond  img{max-width: 100%;}
}
@media(min-width:990px){
nav li .subnav-content { position: absolute; padding:10px 0;  top: 100%;   left: 0;  right: 0;  opacity: 0; background: #fff; display: block;  transition: all 0.6s ease-in-out;  transform: rotateX(-90deg);  transform-origin: 0% 0%; backface-visibility: hidden; z-index: 999; min-width:250px; text-align: left;}
nav li:hover .subnav-content {transform: rotateX(0deg); opacity: 1; visibility: visible; }
nav li .subnav-content .container-fluid {padding: 0 2%; }
nav li  .subnav-content .nav-dropdown ul{width: 20%;}
.userProfile li a .LoginText{color: #3c8d00;}
}
@media(max-width:1200px){
   .userProfile li a .iconText, .headeraddress li a span{display: none;}
   .headeraddress li{width: auto; margin-right: 10px;}
   .headeraddress li a img{float: none; margin-bottom: 0;}
   nav li > a{font-size: 14px; padding: 10px 12px;}
   header .container-fluid, .container-fluid{padding:0 50px;}
}
@media(max-width:1030px){
    .title-medium{font-size: 20px;}
    .description{font-size: 16px; line-height: 24px;}
    .section-featureBanner .btn-primary{font-size: 14px; padding: 10px 20px;}
    .section-featureBanner, .section-diamondSearchHome{padding: 20px 0; overflow: hidden;}
    .section-storeBlock .contentBlock{padding: 100px 0;}
}

@media(max-width:990px){
      header .container-fluid {padding: 8px 15px;}
      .section-featureBanner .contentWrapper, .section-feturedCarousel, .section-instagramWidget{padding: 30px 0;}
      [data-aos^="fade"][data-aos^="fade"]{opacity: 1 !important; transition-property: inherit !important; transition-timing-function:inherit !important}
      .logo{margin-top: 10px; display: block;}
      .section-storeBlock{margin: 25px 0;}
     .diamondShapesList > li > a > img{max-width: 50%;}
      .diamondShapesList{flex-wrap:wrap:}
      .diamondShapesList > li{width: 20%; margin-bottom: 10px;}

    .navtication{position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.3); opacity:0; z-index: -999; visibility: hidden;  transition: all 0.3s ease-in-out;}
    nav.showMainNav .navtication{ opacity:1; z-index: 999; visibility: visible;}

    nav .navtication .navContainer {position: absolute;  top:0; left: -300px;  width: 300px; height: 100vh;  overflow: hidden;  background-color: #222;  transition: all 0.5s ease-in-out;  height: 100%;  margin: 0;  display: block;  overflow-y: auto;  z-index: 9999;}
      nav.showMainNav .navtication .navContainer{left:0;}
     .mob-navHeader { background-color: #fff;  float: left;  margin: 0;  padding: 0 9px;  width: 100%;  line-height: 58px;}
     .mob-navHeader .siteLogo { margin-top: 0;  float: left; width: 100%;}
     .mob-navHeader .siteLogo img { max-width: 30%;}
    .mob-navHeader .hideShowNav {  font-size: 32px;  color: #000;  margin-right: 20px;}
    .nav-dropdown{flex-wrap:wrap; padding-bottom: 100px;}
    .mainNavication{text-align: left;}
    nav li a{color: #fff;}
    nav li .subnav-content{width: 300px; left:-300px; position:fixed; top:58px;  transition: all 0.5s ease-in-out;  height:92vh;  margin: 0; overflow-y: auto; background: #000; z-index: 99;}
    nav li .subnav-content.showDropDown{ left:0px;}
    
    nav li .subnav-content-div ul{width: 100%;}
    nav li{width: 100%;}
     .dropdown-tittle{color: #fff; font-size: 16px; padding: 10px; cursor: pointer;}
  .dropdown-tittle .drophideShowNav{font-size: 22px;}
  nav .dropdown.searchmobile> a{color: #fff; font-size: 24px;}
  nav .dropdown.searchmobile{float: right; margin-top: -8px;}
  nav li{border-top:1px solid #393939;}
  .subnav-content .container-fluid{padding: 0 !important;}
  .scrollNone{overflow: hidden;}
  .ftpLogo{display: inline-block;}
 .carousel-control-next, .carousel-control-prev{display: none;} 
   .container-fluid{padding: 0 15px;}
   nav li > a:hover{color: #ddd;}
   nav li > a{position: relative;}
   nav li .subnav-content-div ul li>a{background: #fff;  color: #000;}
   nav li .subnav-content li ol li > a{background: none; color: #fff;}
    nav li > a:after{position: absolute; top:10px; right:10px; content: '\f107'; font-size: 17px; color: #fff;font-family:'FontAwesome';}
    nav li .subnav-content.showDropDown li a:after{ display: none;}
  
}
@media(max-width:766px){
    .homeBanner {overflow:hidden;}
     .description, .section-testimonials p, .section-subscribe label{font-size: 14px; line-height: 24px;}
     .title-medium.mb-4{margin-bottom: 15px !important;}
    .diamondShapesList > li > a{font-size: 12px;}
    .diamondShapesList > li > a > img{max-width: 100%;}
    .title-big{font-size: 22px;}
    .section-featureBanner .contentWrapper{padding: 20px 0;}
    .footerNavList > li:not(:first-child){margin-top: 8px;}
    .footerNavList{margin-bottom: 15px;}
    footer h6{margin-bottom: 15px !important;}
  .title-big.mb-5{margin-bottom: 20px !important;}
  .header-top li a{font-size: 11px; padding: 4px 5px 6px;}
  .section-instagramWidget{padding-bottom: 0;}
  .section-subscribe .input-group .btn{font-size: 16px;}
  [data-aos^="fade"][data-aos^="fade"]{opacity: 1;transition-property: opacity,transform; transform: translateZ(0);}
  .logo{width:90px; display: inline-block;}
   .ftpLogo {display: inline-block;}
 footer .address{text-align: center;}
 .fixedNav .logo{margin-top: 12px;}
 .searchmobile  .dropdown-menu{width: 200px; left:inherit !important; right:0!important; transform: inherit !important; top:100% !important; padding: 0;}
 .fixedNav.fixed .mob-FixedHeader{top: 0px; position: fixed; left: 0; width: 100%; background: #fff; z-index: 999; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
 .fixedNav.fixed {position: static;}
 .section-featureBanner .row.mb-5{margin-bottom: 0px !important;}
 .section-storeBlock .logoParallx img{max-width: 170px;}
 .section-feturedCarousel .nav-tabs .nav-link{font-size: 14px;}
 .section-testimonials, .section-subscribe{padding: 30px 0;}
 .description{margin-top: 10px!important;}
  .ftpLogo img{max-width: 80%;}
  footer .address, .footerNavList > li > a{font-size: 15px;}
  footer h6{font-size: 18px;}
  .footerNavList > li:not(:first-child){margin-top: 5px;}
  footer .copyrightText{font-size: 14px;}
 
 
}
@media(max-width:350px){
    .diamondShapesList > li > a{font-size: 10px;}
}



@media only screen  and (max-width:420px)
{
.section-featureBanner  .contentWrapper .d-flex {    display: block !important;}
.section-featureBanner .btn-primary {    padding: 4px 9px 4px;    width: 46%!important;    margin-right: 3%!important;   margin-bottom: 11px!important;}


}

@media only screen  and (max-width:480px)
{
.section-featureBanner .content.d-flex {   display: block !important;}
.section-featureBanner .btn-primary {   padding: 4px 9px 4px;}
}

@media only screen and (min-width:1367px) and (max-width:1500px)
{
.section-featureBanner .btn-primary {  padding: 15px 21px;  font-size: 13px;   margin-right:10px;}
}

@media only screen and (min-width:1251px) and (max-width:1366px)
{
.section-featureBanner .btn-primary {
    padding: 15px 18px;
    font-size: 12px;
    margin-right: 3px;
  }
}


@media only screen and (min-width:1367px) and (max-width:1500px)
{
.section-featureBanner .btn-primary {  padding: 15px 21px;  font-size: 13px;   margin-right:10px;margin-bottom: 10px;}
}

@media only screen and (min-width:1501px) and (max-width:1650px)
{
.section-featureBanner .btn-primary {   margin-right:10px;}
}



 .staffPage {
    clear: both;
    margin-bottom: 30px;
}


.meet-our-staff .staff-member {
    display: block;
    text-decoration: none;
    padding: 20px;
}

.meet-our-staff-page .staff-member {
    width: 33%;
    max-width: 33%;
}


.meet-our-staff .staff-member .staff-member-image {
    position: relative;
        width: 100%;
}


 
.meet-our-staff-page .staff-member img {
    width: 100%;
   
    margin: auto;
    max-width: 100%;
}

.meet-our-staff .staff-member img {
    border-radius: 5%;
}


.meet-our-staff .staff-member .staff-member-image .staff-member-desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 5%;
    line-height: 1.2rem;
    padding: 0 1.5rem;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: opacity .5s ease-in-out;
}
.meet-our-staff .staff-member .staff-member-image .staff-member-desc {
background: #162950;
    color: #fff;
}


.meet-our-staff .staff-member .staff-member-image .staff-member-desc .btn {
    display: block;
    margin-top: 1rem;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .05rem;
    padding: 0;
    line-height: 1;
    height: auto;
    min-height: none;
}
.meet-our-staff .staff-member .staff-member-image .staff-member-desc .btn {
   color: #fff;
}


.meet-our-staff .staff-member .staff-member-name, .meet-our-staff .staff-member .staff-member-title {
    text-align: center;
    font-weight: bold;
    line-height: 1;
    font-size: 21px;
    margin-top: 10px;
    transition: opacity 200ms linear;
}


.meet-our-staff .staff-member .staff-member-name, .meet-our-staff .staff-member .staff-member-title {
    color: #353535;
}


.meet-our-staff .staff-member .staff-member-title {
    font-weight: 400;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05rem;
    margin-top: .5rem;
}

.meet-our-staff .staff-member .staff-member-name, .meet-our-staff .staff-member .staff-member-title {
    text-align: center;
    font-weight: bold;
    line-height: 1;
    font-size: 21px;
    margin-top: 10px;
    transition: opacity 200ms linear;
}






.meet-our-staff .staff-member .staff-member-name, .meet-our-staff .staff-member .staff-member-title {
    color: #353535;
}



  .meet-our-staff .staff-member .staff-member-title{
    font-size: .75rem;
}



 .staffPage .justify-content-center { 
    justify-content: left!important;
}

.meet-our-staff .staff-member:hover .staff-member-name, .meet-our-staff .staff-member:focus .staff-member-name {color: #162950;}
.rounded-circle {
    border-radius: 5% !important;
}


.section-content  img.rounded-circle{
    border-radius: 5% !important;
}

 

.captcha  {
    margin: 0 0 15px;
}


.captcha .recap {
    margin: -9px 0 10px;
    line-height: 7px;
}

.section-featureBanner .mb-5.no-gutters .btn-primary {
   
    width: 45%;
    margin: 0 4% 16px 0;
}


@media (min-width: 768px){
	.meet-our-staff-page .staff-member {max-width: 33.3333%;}
	.meet-our-staff .staff-member:hover .staff-member-image .staff-member-desc {opacity: 1;}

}
.staffPage {
    clear: both;
    margin-bottom: 50px;
}



@media only screen and (max-width:640px)
{
	
.meet-our-staff-page .staff-member {
    width: 100%;
    max-width: 100%;
}

.meet-our-staff-page .staff-member img { 
    height: auto; 
}

 
	
}

   
@media only screen and (min-width:641px) and (max-width:980px)
{
.meet-our-staff-page .staff-member {
    max-width: 50%; width: 50%;
}

footer iframe {
    width: 100%;
}


}

@media only screen and (min-width:980px) and (max-width:1050px)
{
 

footer iframe {    width: 100%;}


}

  nav .nav-dropdown ul li:first-child > a{    font-weight: 800;    border-bottom: solid 1px #000;    display: inline;    padding: 0 0 2px;}
  nav .nav-dropdown ul ol li:first-child > a{font-weight: 400;    border-bottom:none;   display: block; padding: 5px 10px;}

.diamond_details ul {     margin: 18px 0 0; }
.mainSearchTable table thead {   background-color: #000;}

.search_result_grid table thead a, .mainSearchTable table thead tr th, .compareStoneResult table thead a {    color: #fff;}

.compareStoneResult table thead {  background-color: #000;    color: #fff;}
 

.designForm #captcha_err {    bottom: 0;   right: 200px;top: 80px;}



.mobile-footer .TabbedPanels {
    width: 100%;
    margin: 0;
    display: table;
padding: 0;
float: left;
clear: none 
}

.TabbedPanelsTabGroup {
    margin: 15px 0 30px;
    padding: 0;
}
.TabbedPanelsTabGroup li {position: relative;text-align: left;    padding-left: 10px;float: left;list-style: outside none none;margin-bottom: 15px;width: 24%;}
.TabbedPanelsTabGroup a.toggle {background-color:#162950; color: #fff;    display: block;  padding: 10px;    text-align: left;    transition: all 0.3s ease;    text-decoration: none !important;    width: 100%;    font-size: 16px;}
.TabbedPanelsTabGroup a.toggle i {  float: right;  margin: 5px 0 0;}
.TabbedPanelsTabGroup a.toggle i.fa-minus{display: none;}
.ttip {    width: 86px;    height: 38px;     padding: 14px 5px 0;    background-size: cover;}
.createYourAccount .title > .errorMsg, .newAccountForm .title > .errorMsg {color: #0f6f1e;}
.diamondCertificateList > label {max-width:33%;-webkit-flex-basis:33%;-moz-flex-basis:33%; -ms-flex-preferred-size:33%;    flex-basis:33%;}
.classForDevUse .sub-similar-product {padding:0px 10px;transform:translateY(130%);bottom:35%;width: 100%;}
.classForDevUse:hover .sub-similar-product{transform: translateY(0);opacity: 1;}
.productGridBox {-webkit-transition: all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;    transition: all .5s ease-in-out 0s;}
button:focus { outline: none;}
.productGridBox .productImage > .sub-similar-product a {background:#162950; color:#fff; border-color:#162950; padding:.375rem .75rem;font-size: 1rem;}
.search_result_grid {     min-height: auto !important;}
#dataResult table {    overflow: hidden;    width: 100%;}
.TabbedPanelsTabGroup .inner {    display: none;    float: left;    overflow: hidden;    width: 100%;}

	#TabbedPanels1 .TabbedPanelsTab1{ 
text-align: center;
	}
	
	
@media only screen and (max-width:768px)
{
	.TabbedPanelsTabGroup li { 
    width: 100%;
}


.denver-jewelers-page .scheduleAppointment .appointment-content { width:220px; height:220px;}
.denver-jewelers-page p {    padding: 0 20px; text-align:center;}
.denver-jewelers-page .scheduleAppointment h4 { text-align:center;}
nav .nav-dropdown ul li:first-child > a {     width: 100%;    float: left;    padding: 3px 0 3px 10px;}
#dataResult table {     display: block; overflow: auto;}
}


@media only screen and (min-width:768px) and (max-width:1100px)
{
#dataResult table {     display: block; overflow: auto;}

}





@media only screen  and (max-width:1400px)
{
.section-featureBanner .contentWrapper {
  padding: 20px 40px;
}




}








   @media only screen and (max-width: 1200px) {
  .section-featureBanner .contentWrapper {
    padding: 20px 0;
  }
}





.instagramListing { margin: 0 -1px; padding: 0;}
.instagramListing li {width: 20%;  padding: 0 1px; list-style: none; height: 380px;}
.instagramListing li img {width: 100%; height: 100%;  object-fit: cover;}
@media(max-width:1400px){  .instagramListing li {height: 330px;}}
@media(max-width:980px){  .instagramListing li {height: 250px;}}
@media(max-width:766px){  .instagramListing li {height: 200px;}}
@media(max-width:486px){  .instagramListing li {height: 100px;}}


.slider .itemContent {
  position: absolute;
  width: 100%;
  left: 12%;
  top: 50%;
  transform: translateY(-50%);
}



.slider .itemContent  h3 {
  font-size: 36px;
  margin: 0 0 11px;
}


.slider .itemContent  h4  {
  font-size: 18px;
  margin: 0 0 14px;
  font-weight: 600;
}


.slider .itemContent p {
  font-size: 16px;
  max-width: 560px;
  line-height: 26px;
  margin: 1px 0 20px;
  display: inline-block;
  width: 100%;
}



.slider .itemContent .buttonSliders a{
  background: #fff;
  border: 1px solid #fff;
  color: #000;
  padding: 9px 20px 11px;
  font-size: 16px;
  letter-spacing: 1px;
  margin: 10px 0 0;
  display: inline-block;
  border-radius: 0 !important;
}


.slider .itemContent .buttonSliders a:hover{
  background: #000;
  border: 1px solid #000;
  color: #fff;   
}



@media only screen and (max-width:767px)
{
.slider .itemContent {   
  left: 0;     
  padding: 0 20px;
}
.slider .itemContent h3 {
  font-size: 26px;
}

.slider .itemContent h4 {
  font-size: 16px;    
}

.slider .itemContent p {
  font-size: 14px;
  max-width: 100%;
  line-height: 21px;
  margin: 1px 0 20px;
  display: inline-block;
  width: 100%;
}



}