@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: local('☺'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {   padding: 0;    margin: 0}
html {        font-family: 'Lato', sans-serif;}
body {       font-family: 'Lato', sans-serif;    font-weight:400;    font-style: normal;    font-size: 18px;   color: #4f4e4e;   letter-spacing: 1px;}
ul {    margin: 0;    padding: 0}
p { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {    margin: 0;    padding: 0;   }

a {   color: #090031;  -webkit-transition: .5s;   transition: .5s;   text-decoration: none;   outline: 0 !important;}
a:hover{text-decoration: none;}
   
:focus {    outline: 0 !important}
img {    max-width: 100%;    height: auto;}

.plr-10 {
    padding-left: 10px;
    padding-right: 10px
}

.plr-20 {
    padding-left: 20px;
    padding-right: 20px
}

.plr-30 {
    padding-left: 30px;
    padding-right: 30px
}

.p-50 {
    padding: 0 50px;
}

.plr-40 {
    padding-left: 40px;
    padding-right: 40px
}

.plr-50 {
    padding-left: 50px;
    padding-right: 50px
}

.plr-60 {
    padding-left: 60px;
    padding-right: 60px
}

.plr-70 {
    padding-left: 70px;
    padding-right: 70px
}

.plr-80 {
    padding-left: 80px;
    padding-right: 80px
}

.plr-90 {
    padding-left: 90px;
    padding-right: 90px
}


h1,h2,h3,h4,h5, h6 {       font-family: 'Lato', sans-serif; } 


@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}  
.top-header {background-color:#fff;    color: #000; padding:3px 0;}
.top-header a { color: #455a64;    text-decoration:none; font-family: 'Lato', sans-serif; font-weight:400; font-size: 14px; }
.top-header a img{width: 25px;}
.top-header a .call-img{ font-size: 20px; }
.top-header a .call-img1{ font-size: 20px; float: left; }
.top-header .call-wrap img {float: left;}
.top-header li:first-child span{    color: #cecece;}
.top-header li:first-child, .top-header li:last-child {	padding: 2px 0 0; }
.top-header li a:hover {   color: #669fcc;    text-decoration: none; }
.top-header p {margin: 1px 0 0 0; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 18px; } 

    .border-none {border:none!important;}



.headerTop {    display: flex;    list-style-type: none;}
.mr-10 {    margin-right: 15px;}

.headerTop li {  position: relative; }


 .call-img   { margin: -3px 0 0;} 
.header { width: 100%;  display:block;  position: relative} 
@media(max-width:992px) { .header .headerMid .container { padding: 0}}  
@media(min-width:992px) {
    .navOverlay {width: 100%; margin: 0; padding: 0; z-index: 99}
    .navOverlay.navFixed {  bottom: auto; top: 0;  padding:0px 0 0px; background-color: #fff;}
    .navFavicon {
        height: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .4s ease-in-out;
        overflow: hidden
    }
    .navFavicon a {
        display: inline-block
    }
    .navFavicon img {
        height: 50px;
        width: auto;
        padding-top: 10px
    }
    .navOverlay.navFixed .navFavicon {
        height: 50px;
        opacity: 1;
        visibility: visible
    }
    .mainNavList {
        margin: 0;
        padding: 0;
        list-style: none ; position: relative;z-index: 1;
    }
    .mainNavList>li {
        margin: 0;
        padding: 0;
         
    }
    .mainNavList>li>a {
        display: block;
       color: #113580;font-family: 'Lato', sans-serif;
        font-size: 18px;text-decoration: none;
       text-transform: capitalize;
        padding: 0 30px 0;
 
    }
	
	    .mainNavList>li>a:hover {color: #000;}
    .mainNavList>li.rolexClock {
        position: absolute;
        right: 64px;
        top: 46px
    }
    .mainNavList>li.rolexClock span {
        display: block;
        box-shadow: 0 0 4px #d5d5d5
    }
    
     
    
    .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 .megamenuWapper>.toggleSubMenu {
        display: none
    }
    .mainNavList>li .container-fluid {
        padding: 20px 40px;
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5
    }
    .mainNavList>li:hover .megamenuWapper {
        max-height: 1000px
    }
    .navCatList {
        margin: 0 -15px;
        padding: 0;
        list-style: none
    }
    .navCatList>li {
        flex: 1 1 25%;
        max-width: 25%;
        padding: 0 15px
    }
    .navCatList>li>a {
        display: block;
        font-size: 20px;
        font-weight: 100;
        color: var(--clrTheme);
        text-transform: uppercase;
       font-family: 'Lato', sans-serif;
        position: relative;
        margin: 0 0 15px
    }
    .navCatList>li>a::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 80px;
        height: 1px;
        background-color: var(--clrTheme)
    }
    .navCatList>li.navCatImage {
        flex: 1 1 100%;
        max-width: 500px
    }
    .navCatList>li.navCatImage img {
        width: 100%
    }
    .navCatList>li.navCatImage>a::before {
        display: none
    }
    .navCatList>li>.navCatChildList {
        margin: 0;
        padding: 10px 0 0;
        list-style: none;
        width: 100%
    }
    .navCatList>li>.navCatChildList>li {
        margin: 0;
        padding: 8px 0 0
    }
    .navCatList>li>.navCatChildList>li:first-child {
        padding-top: 0
    }
    .navCatList>li>.navCatChildList>li>a {
        display: inline-block;
        color: #595959;
        font-size: 14px;
        text-transform: uppercase
    }
    .navCatList>li>.navCatChildList>li>a:hover {
        color: var(--clrTheme)
    }
}

.siteLogo img {
    margin:4px auto 14px;
    width: 65%;
}
 
.top-header .btn.dropdown-toggle{background: #000; border-radius:0; padding: 3px 13px;}
.top-header .btn.dropdown-toggle:hover{background: #000; border-radius:0; color: #fff;}
.top-header .dropdown-menu{right:0; left:inherit;}
.top-header .dropdown-menu a{display: block; color: #000; padding:5px 10px; font-size: 16px; }
.top-header .dropdown-menu a:hover{color: #000;}


.diamondSearchHome .border-left.range_Block {    border-left: none;}
    
    
@media(max-width:992px) {
	
    .toggleMenu {
        width: 54px;
        padding: 12px;
        display: inline-block;
       
    }
    .toggleMenuBox {text-align: left;}
    .toggleMenu span {
        width: 100%;
        height: 1px;
        display: block;
        background-color: #fff
    }
    .top-header p{text-align: center;}
    .toggleMenu span:nth-child(2) {
        margin: 7px 0
    }
    .siteLogo {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    
    .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-color: #305370;
        height: calc(100vh - 45px);
        overflow-y: auto
    }
    .mainNavList>li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #d5d5d5;
        position: relative
    }
    .mainNavList>li>a {
        display: block;
        padding: 6px 12px; color: #fff;
        font-size: 16px;
    }
    .mainNavList>li.ddYes>a {
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0
    }
    .mainNavList>li.ddYes>a::before {
        content: "";
        width: 10px;
        height: 10px;
        border-right: 1px solid #a5a5a5;
        border-bottom: 1px solid #a5a5a5;
        transform: rotate(45deg);
        float: right;
        margin-top: 2px
    }
    .mainNavList>li.ddYes .menuCatBox {
        max-height: 0;
        overflow: hidden;
        transition: all .4s linear
    }
    .mainNavList>li.ddYes.show .menuCatBox {
        max-height: 1000px
    }
    
	
    .mainNavList>li .megamenuWapper {
        overflow: hidden;
        position: relative;
        margin: 0;
        z-index: 1
    }
    .mainNavList>li .megamenuWapper>.toggleSubMenu {
        display: block;
        padding: 8px 12px;
        height: 36px;
        margin: 0
    }
    .navCatList {
        margin: 0 10px;
        padding: 0;
        list-style: none;
        background-color: #f9f9f9
    }
    .navCatList>li {
        margin: 0;
        padding: 0
    }
    .navCatList>li>a {
        display: block;
        padding: 8px 12px
    }
    .navCatList>li.navCatImage {
        display: none
    }
    .navCatChildList {
        margin: 0;
        padding: 0 10px 10px;
        list-style: none
    }
    .navCatChildList>li {
        margin: 0;
        padding: 0
    }
    .navCatChildList>li:not(:first-child) {
        border-top: none
    }
    .navCatChildList>li>a {
        display: block;
        padding: 9px 10px 7px;
        font-size: 13px;
        line-height: 18px
    }
    .showMainNav .navOverlay {
        z-index: 999;
        opacity: 1;
        visibility: visible
    }
    .showMainNav .mainNavigation {
        left: 0
    }

}
.navbar-fixed {padding: 0 0 6px;background-color:#fff;z-index:999;position:fixed;-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.32);box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.32);opacity:1;width:100%;top:0;-webkit-animation:fadeInDown 800ms;-moz-animation:fadeInDown 800ms;-ms-animation:fadeInDown 800ms;-o-animation:fadeInDown 800ms;animation:fadeInDown 800ms;-webkit-backface-visibility:hidden;border-radius:0px;}


.navbar-fixed .siteLogo img {  width: 50%;    }

/*----slider------*/

.main-banner {    position: relative;    margin:3px 0 0;    display: inline-block;    width: 100%; }
video#bgvid {    top: 0;    bottom: 0;    width: 100%;    object-fit: cover;    display: inline-block;    vertical-align: baseline;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;	 /* min-height:800px;    height:800px;*/}
.home-video::before {    content: '';    background: #b4a8a636;    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;}
.bannerSection {    position: absolute;    bottom: 0%;    width: 100%;    color: #fff;    text-align: center;    height: 100%;}
.bannerSection h3{    position: absolute;    bottom:350px;    left: 5%; color:#fff;    font-size: 52px;    width: 30%;}
.bannerSection  .item{    position: absolute;    bottom: 80px;    left: 50%; transform: translateX(-50%);}
.bannerSection .btn-primary { color: #fff;    background-color: #2e526f;    border-color:#2e526f;    border-radius: 0; padding: 6px 30px 6px; text-transform: uppercase;    font-size: 18px;}
.bannerSection .btn-primary:hover  {     background-color:#4b86b4;    border-color:#4b86b4;    color:#fff;}
 .bannerSection .btn-primary:focus {     background-color:#4b86b4;    border-color:#4b86b4;    color:#fff;}
.bannerSection .btn-outline-primary{ background:#4b86b4;    border: solid 1.5px #4b86b4; text-decoration:none; text-transform: uppercase; color: #fff;    border-radius: 0;   font-size: 18px;   padding: 6px 30px 6px; }
.bannerSection .btn-outline-primary:hover  {     background-color:#2e526f;    border-color:#2e526f;    color:#fff;}
.bannerSection .btn-outline-primary:focus {     background-color:#2e526f;    border-color:#2e526f;    color:#fff;}




.top-header .btn.focus, .top-header .btn:focus, .top-header .btn:hover{color: #fff;}


/*----inventory------*/

.diamond-inventory {
    padding:20px 0 20px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.diamond-inventory h4 {
    text-align: center; font-family: 'Marcellus', serif;
    color: #1a2e3d;
    font-weight:300;
    font-size: 40px;
    margin: 0 0 20px;
}

.inventory-filter {
    position: relative;
}
ul.radip-wrapper {
    width: 100%;
}

.radip-wrapper li {
    list-style-type: none;
    float: left;
    margin: 40px 0 30px;
    display: inline-block;
    width: 10%;
    text-align: center;
}


.radip-wrapper li img {
    width: 84px;
}
.radip-wrapper span {
 display: block;
color: #1a2e3d;
font-size: 18px;
margin: 15px 0 5px;
font-weight: 300;font-family: 'Lato', sans-serif;
}





.container-checkbox {
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0 0 0 43px;
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.container-checkbox .checkmark {
   position: absolute;
top: 0;
left: 17%;
border-radius: 50%;
height: 15px;
width: 15px;
background-color: #999;
}

.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}


.container-checkbox input:checked ~ .checkmark {
background-color: #4586b1;
}



 
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

 
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

 
.container-checkbox .checkmark::after {
    left: 0px;
    top: 0px;
    width: 15px;
    height: 15px;
    border: none;
background-color: #4586b1;
    border-radius: 50%;
}

 



.inventory-list li {
    list-style-type: none;
    margin: 0 0 17px;
}

.inventory-list li label {
    float: left;font-family: 'Lato', sans-serif;  font-size: 18px;
    margin: 0px 0 0;
    color: #1a2e3d;
    font-weight: 300;
   
    width: 10%;
    text-align: left;
}

.inventory-list .input-box {
    width: 90%;
}

.inventory-list .input-box span {
   color: #1a2e3d;
    font-weight: 300;
    font-size: 21px;
    margin: 0 0 0 9px;
    float: left; 
}


.inventory-list .input-box input, .inventory-list .input-box select {
    border: none; background: #f2f2f2;
    height:30px !important;
    margin: -3px 0 0 9px;
    width: 100%;
    color: #113580;padding: 0 4px 2px;
    float: left;
}



.clear {
    display: inline-block;
    padding:10px 0 0;
}

 

.inventory-list1 li {
    list-style-type: none;
    margin: 0 0 17px;
}

.inventory-list1 li label {
    float: left;
    margin: 0px 0 0;
      color: #1a2e3d;
    font-weight: 300;
    font-family: 'Lato', sans-serif;  font-size: 18px;
    width: 14%;
    text-align: left;
}

.inventory-list1 .input-box span {
     color: #1a2e3d;
    font-weight: 300;
    font-size: 21px;
    margin: 0 0 0 9px;
    float: left; 
}

.inventory-list1 .input-box input, .inventory-list1 select {
        border: none; background: #f2f2f2;
    height: 30px !important;padding: 0 4px 2px;
    margin: -3px 0 0;
}

.diamond-inventory .search-btn {
    background:#1a2e3d;
    border-radius: 0;
    border: none;
    padding: 8px 18px 8px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 40px auto 0;
    display: table;
    transition: all 1s ease-in-out;
}



.diamond-inventory .search-btn:hover {
    background:#2e526f;
	
	
}





/*-----------Diamond Search--------------*/

  .diamondSearchHome .row{flex-wrap: wrap;}

  .diamondSearchHome {
    padding: 50px 0 30px;
}



   .diamondSearchHome ul   {
    padding: 0;
    list-style-type: none;
}

.diamond-inventory .search-btn1 {
    background: #1a2e3d;
    border-radius: 0; 
    padding: 8px 18px 8px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 40px auto 0;
    display: table;
    transition: all 1s ease-in-out;
}


.diamond-borderBottom {
    border-bottom: none!important;}






/*-----------Diamond Search--------------*/











/*--------diamond-buisness-----------*/

.p40 {
	padding:0 0 0 70px;
}
.diamond-buisness {
    background: url(../images/parrel-bg.jpg); 
    padding:170px 0  170px;
    position: relative; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-origin: content-box;
 
width: 100%;
}


 .diamond-buisness  .box-wrapper{
  width: 576px;
float: right;
margin: 0 100px 0 0;
}



.diamond-buisness h1 {
    color: #1a2e3d;/*font-family: 'EB Garamond', serif;*/
    font-family: 'Marcellus', serif;
    text-align: center;
    margin: 0 0 19px;font-size: 42px;
}



.box-wrapper .heiglight {
  color: #dda043;
text-align: center;
font-size: 80px;
font-weight: 400;
margin: -20px 0 10px;
/*font-family: 'EB Garamond', serif;*/
    font-family: 'Marcellus', serif;
    font-style: italic;
}

.box-wrapper p {
   color: #1a2e3d; font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin:10px 0 10px;
}


.quote {
 color: #1a2e3d;
margin: 40px 12px 30px;
font-size: 22px;
text-align: center;
padding: 0 10px;
font-weight: 300;
font-family: 'EB Garamond', serif;
font-style: italic;
}

 .box-wrapper .learn-left  {
    text-transform: uppercase;
    text-align: center;text-decoration: none;
    width: 100%;
    display: inline;
    color:#1a2e3d;
    border-bottom: solid 1px #1a2e3d;
    margin: auto;
}




/*------------------- why-diamond ------*/
.why-diamond {
    padding:50px 0 50px;
    text-align: center;
}


.why-diamond ul {
    margin:0px 0 0;
}


.why-diamond li {
    list-style-type: none;
    width:auto; margin:0 40px 0 0;
    float: left;
}

.why-diamond li img {
 
    margin: 0 auto 10px;
    display: table;
}
 

.box-icon p {
    font-size: 17px;
margin-top: 15px;
line-height: 22px;
color: #1a2e3d;
font-family: 'Lato', sans-serif;
}


 .why-diamond h2 {
    text-transform: uppercase;
    font-family: 'EB Garamond', serif;
    font-weight: 500;
    color: #142835;margin: 0 0 30px;
}



.why-diamond {  background: #E0EEF9;
position: relative;
z-index: 1; margin:0px 0 0px; /*box-shadow: 0 0 10px #d5d5d5;*/

}
.mainNavList > li > a{font-weight: 400;}

.leader.box-wrapper{
 float:left;
padding: 0 0px 0 0;
width: 40%;
}
.scrollup{display: none !important;}

.client-diamond {
    padding:0px 0 20px;
    display: inline-block;
    width: 100%;
}


.client-diamond li {
    float: left;
    width: 24%;
    margin: 0 0 40px;
    list-style-type: none; 
    margin: 0 1% 16px 0;
    text-align: center;
    padding: 22px 0;
}


.client-diamond {
    padding:0px 0;  
	box-shadow: 0 0 10px #d5d5d5;
margin: -6px 0 -4px;
position: relative;
z-index: 1;
}


 
 
 .brandFooter li img {filter: grayscale(100%);}

.leader.box-wrapper h1 {
 color: #1a2e3d;
    text-align: center;
    margin: 0 0 0px;
}


  .leader.box-wrapper p {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    margin: -7px 0 20px;
    color: #1a2e3d;
}



.leader.box-wrapper ul {
    padding:0 0 0 160px;margin: 0 0 30px;
}

.loose li {
    margin: 0 0 5px;
    list-style-type: disc !important;
    font-weight: 600;
    color: #1a2e3d;
}

.box-wrapper.leader .learn-left {font-weight: 400;
    border-bottom: solid 1px #1a2e3d;
color: #1a2e3d;}


.lern.diamond-buisness { background-attachment: fixed !important; background: url(../images/bg4.jpg);  background-position: center;  padding: 200px 0 170px;background-repeat: no-repeat;
background-size: cover;
}

/*--------footer----------*/
 
.footer-top {
    padding: 0 0 23px 37%;
    margin:20px 0 20px;
}


 .footers   {  
    position: relative;padding:0px 0 23px;
}


.footers .title {
    color: #113580;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0 30px;
    letter-spacing: 0;
}


.footers .widget::after {
    content: '';
    background: #113580;
    height: 174px;
    width: 1px;
    position: absolute;
    top: 55px;
    right: 0px;
}

 

.footers li {
  list-style-type: none;
margin: 0 0 11px;
line-height: 21px;
color: #000;font-size: 18px;
 
font-family: 'Lato', sans-serif;
font-weight: 300;
}

.footers .widget.retailers:after
{
	display:none;
}



.footers .ft-icon img {
    display: inline-block;
    margin: -20px 0 0;
}


 .footers .ft-icon span  {
    color: #113580;
    font-size: 22px;
    padding:7px 0;
    display: inline-block;
}



 .footers  {
    text-decoration: navajowhite;
}



.explore li a {font-size: 18px;
	font-weight: 300;
	color: #1a2e3d;font-family: 'Lato', sans-serif;
}


.retailer li a {font-size: 18px;
	font-weight: 300;
	color: #1a2e3d;font-family: 'Lato', sans-serif;
}

.copyrightBox {
    background-color: #fff;
    margin: 20px 0 0;
    border-top: 1px solid #d5d5d5;
}


.copyrightBox  p  {
    padding: 20px 0 0;text-decoration: none;font-size: 14px;
}

.quote-diamond .quote {    color: #e0a14f;    font-size: 26px; font-family: 'Marcellus', serif;   width: 60%;    float: right;    padding-left: 10%;  margin-top: 110px;margin-bottom: 30px;}
.quote-diamond {    background: #1a2e3d; position: relative;   padding:0px 0 60px; width: 100%;display: inline-block;}
/*--.quote-diamond {    background: #1a2e3d; position: relative;   padding:0 0 90px; width: 100%;display: inline-block;} --*/
.quote-diamond .images {    position: absolute;    bottom: -150px;    left: 80px;}
.explore li a, .retailer li a {      text-decoration: none;}

.bannerTop{
    position: relative;
}


.bannerTop .BanerTop-box  {
    position: absolute;
    top: 40%;
    text-align: center;
    padding: 0 12%;
}


  .bannerTop .BanerTop-box p{  font-style: italic;  color: #fff;    font-size: 32px;    line-height:28px; text-shadow: 1px 1px 1px #000; font-family: 'EB Garamond', serif;
text-shadow: 1px 1px 1px #000; }


  .bannerTop .BanerTop-box h3 {    font-size: 45px;    font-weight: 800!important;    color:#ffbc65!important; text-shadow: 1px 1px 1px #000; }


  .bgWhite .contentBox {
    padding: 20px 0 20px;
}
  .whyChooseWrap h3 {
    margin: 0 0 12px; text-transform: uppercase;
text-align: left;
}

 .whyChooseWrap p  {
    line-height: 27px;
}

.leader.box-wrapper p.textPara {
    font-size: 16px;
    line-height: 24px;
    margin: 30px 0 20px;
    padding: 0 70px;
}


    .leader.box-wrapper h1.flw1{
    font-size: 80px;
    color: #dda043;font-style: italic;
    margin: 0 0 20px;
}

.box-wrapper .heiglight.hd1{
    font-size: 42px;
    color: #000;font-style: inherit;
}


 .box-wrapper  .quote.blue{
    color: #1a2e3d;
    font-size: 25px;
    padding: 0 75px;
}



.copyrightBox a  {
    text-decoration: underline;
}

   .mt3 {
    margin: 10px 0 10px;
}


@media only screen and (max-width:767px)
{
.bannerTop .BanerTop-box {    position: absolute;    top: 17%;    text-align: center;    padding: 0 8%;}
.bannerTop .BanerTop-box h3 {    font-size: 22px; }
.bannerTop .BanerTop-box p {     font-size: 17px;    line-height: 20px; }
.whyChooseWrap h3 {    margin: 17px 0 7px;    text-align: left;    font-size: 17px;    padding: 0 10px;}
.whyChooseWrap p {    line-height: 27px;    margin: 0 0 20px;    text-align: left;}
.brandFooter .d-flex{    display: block !important;}
.brandFooter li {    width: 25%;    float: left;    margin: 0 0 20px;}
.why-diamond ul {    margin: 0px 0 0;    display: block !important;}
.why-diamond li { margin: 0 0 20px; }
.box-wrapper .quote.blue {  font-size:19px;  padding: 0 0px;   line-height: 26px;}
.productSummary .productName {  
    font-size: 14px!important;
}
 .productSummary .productPrice {
    font-size: 18px!important;
}
 .needText {        
    margin: 0 0 30px;
    display: inline-block;
}

.explore li a {
    font-size: 16px;    
}

 .retailer li a {
    font-size: 16px;}

  .footers .title {
    color: #113580;
    font-size: 14px;}
    
  .aboutSection p {
    font-size: 14px!important;
    line-height: 25px!important;
    margin: 0 0 12px!important;
}

  
    .aboutSection p br   {
    margin: 0 0 12px;
}

   .aboutSection .btn {  
    font-size: 13px!important; 
}





}


@media only screen and (min-width:541px) and (max-width:767px)
{
.bannerTop .BanerTop-box {     top:35%;     padding: 0 8%;}
.bannerTop .BanerTop-box h3 {    font-size: 32px; }
.bannerTop .BanerTop-box p {     font-size: 17px;    line-height: 20px; }


}

@media(max-width:992px){
.bannerSection h3{text-align: center; width: 100%; font-size: 28px;}          
.footers .widget .toggle1 {  width: 100%;display: block;  transition: background 0.3s ease;cursor: pointer;text-align: left;}
.footers .widget .toggle1 i  { float: right;}
.inner1 {         overflow: hidden;     display: none;        }      
.footer-top.accordion .widget{    text-align: left;}
        
        
}



@media only screen and (min-width:768px) and (max-width:992px)
{
.bannerTop .BanerTop-box {     top:35%;     padding: 0 8%;}
.whyChooseWrap p {    line-height: 22px;    font-size: 16px;text-align: left;margin: 0 0 30px;}
.whyChooseWrap h3 {    margin: 22px 0 12px;    text-align: left;    font-size: 22px;}
 .inner1 {
    overflow: hidden;
    display: block;
}
 .explore li a {
    font-size: 15px;}
    
    .retailer li a {
    font-size: 14px;}
    
   .aboutSection p {
    font-size: 15px;
    line-height: 28px;
}

 .aboutSection h3 {    
    font-size: 22px;   
    padding: 0 20px;
}




}

@media only screen and (min-width:993px) and (max-width:1280px)
{
.siteLogo img {
    margin: 34px auto 14px;
    width: 180px;
    height: auto;
}
.productSummary .customBtn .btn {  
    padding: 6px 13px!important;
    font-size: 13px!important;    
}



}



@media(max-width:980px){
.inventory-list .input-box{width: 100%;}
.inventory-list li label, .inventory-list .input-box span, .inventory-list1 .input-box span, .inventory-list1 li label{font-size: 14px;}
.inventory-list li, .inventory-list1 li{display: flex;}
.inventory-list1 li .input-box{width: 100%;}
.leader.box-wrapper p.textPara { padding: 0 0;}
.diamondShapes .selectDiamondType li {     height: 100px;}
 .createYourAccount label {  
    margin: 14px 0 10px;
}

.aboutSection .btn {            
    padding: 9px 30px 9px;     
    margin: 20px 0 0;
}


}

@media(min-width:1400px){
    .container{width: 1360px;}
}


.diamondSearchHome .search-btn{position: static; float: none;}
@media(max-width:766px){
.top-header a .call-img, .top-header a img{width: 20px;}
.top-header .p-50{padding: 0 15px;}
}





@media only screen and (min-width:1367px) and (max-width:1440px)
{
	
 
video#bgvid{    height: 700px;}
.siteLogo{  margin: -29px 0 0!important;}
	
}


@media only screen and (min-height:1301px)
{
 
video#bgvid{    height:1200px!important;}
	
}




@media only screen and (min-width:1441px){
video#bgvid{    height: 750px;}
.siteLogo{  margin: -29px 0 0!important;}
	
}

@media only screen and (min-width:2200px){
    video#bgvid{    height: 900px;}
}


     
@media only screen and (max-width:1366px)
{
	
video#bgvid{    height: 630px;}
	
.siteLogo{
    margin: -33px 0 0!important;
}
    


}


@media only screen and (max-width:992px)
{
	
 
	
	
	video#bgvid{
    height: auto;
}
	
	.siteLogo{
    margin:0!important;
}



}




  @media only screen and (min-width:1701px)
{
    
 .quote-diamond  .images img {
    width: 90%;
}




}