@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
.body-container.studs-container{padding-top: 0;   font-family: 'Lato', sans-serif;}
.body-container.studs-container .container-fluid, .body-container.studs-container .mid-page-content{padding: 0;}
.bannerBody{max-width: 500px;margin: auto;position: absolute;top: 35%;left: 1%;transform: translate(0%,-50%);}
.bannerBody h2{font-size: 50px;color: #104480; font-family: 'BrandonText-Regular'; margin-top: 0; text-transform: uppercase;}
.bannerBody h2 span{color: #123120;font-size: 40px;display: block;margin-top: -6px;}
.bannerBody h4{font-size: 40px;}
.bannerBody p{font-size: 16px;}
.homeProductblock{position: relative; margin-bottom: 20px; float: left; width: 100%;}
.homeProductblock p{font-size: 18px; margin-bottom: 22px;}
.titlestud{font-size: 40px;   font-family: 'BrandonText-Regular'; text-transform: uppercase;}
.homeProductblock img{width: 100%;}
.homeProductblock .titlestud{margin-bottom: 20px;     font-family: 'BrandonText-Regular';}
.homeProductblock a{font-family: 'BrandonText-Regular'; font-size: 20px; color: #000 !important;}
.homeProductblock a:hover, .homeProductblock.braceletsProductblock a:hover, .homeProductblock.earringsProductblock a:hover,  .homeProductblock.necklacesProductblock a:hover{text-decoration: none; color: #104480 !important;}
.homeProductblock .overlapContent{position: absolute; top:0; left:0; width: 100%; padding: 40px;}
.homeProductblock.braceletsProductblock .titlestud{color: #575e20;}
.homeProductblock.birthstonesProductblock .titlestud{color: #b88972;}
.homeProductblock.birthstonesProductblock .overlapContent{top:50%; padding-left:215px;}
.homeProductblock.birthstonesProductblock a{color: #b88972;}
.homeProductblock.earringsProductblock .titlestud, .homeProductblock.earringsProductblock a{color: #7e1c1c;}
.homeProductblock.earringsProductblock p{padding-right: 250px;}
.homeProductblock.necklacesProductblock p{padding-right: 160px;}
.homeProductblock.braceletsProductblock a{color: #575e20;}
.homeProductblock.necklacesProductblock .overlapContent{top:34%}
.justify-content-center { -ms-flex-pack: center !important;  justify-content: center !important;}
.studInnerCarousel .row, .earthDiamondblock .nav {display: flex;}
.studInnerCarousel img{max-width: 100%;}
.earthDiamondblock .tab-content{border:none; padding: 0;}
.ml-2, .mx-2 { margin-left: .5rem !important;}
.mt-1, .my-1 {  margin-top: .25rem !important;}
.w-100{width: 100% !important;}
.homeProductblock.braceletsProductblock{margin-top: 3px;}
.homeProductblock.necklacesProductblock .titlestud, .homeProductblock.necklacesProductblock a{color: #1688b1;}
.searchdropDown .dropdown-menu{width: 250px; padding: 5px; border-radius:0;}
.searchdropDown .dropdown-menu .btn{padding: 0 10px; border-radius:0;}
.searchdropDown .form-control{border-radius:0;}
.breadcrumb {background: none; padding: 5px 0;}
.breadcrumb li{font-size: 14px; color: #000;   font-family: 'BrandonText-Regular';}
.breadcrumb li a{color: #666666; font-weight: 400; }
.breadcrumb li a:hover, .listingNav li a:hover{color: #104480; text-decoration: none;}
.listingNav li a{color: #000; padding: 6px 20px; display: block; border-bottom: 4px solid #fff;}
.listingNav li a:hover, .listingNav li a.active{border-bottom: 4px solid #104480;}
.listingNav ul{margin: 0 -20px;}
.img-fluid{max-width: 100%;}
.position-relative{position: relative;}
.innerBanner{margin-bottom: 40px;}
.studInnerCarousel .earringinnerblock{ padding: 24px; margin-bottom: 40px; position: relative;}
.studInnerCarousel .skuNumer{color: #666666; font-size: 12px; margin-bottom: 5px;}

.studInnerCarousel .rating{font-size: 14px;}
.studInnerCarousel .rating a{color: #104480; text-decoration: underline;}
.studInnerCarousel .rating a:hover{color: #000; text-decoration: none;}
.studInnerCarousel .rating span{background: #104480; color: #fff; font-size: 17px;   font-family: 'BrandonText-Regular'; padding: 2px 7px; line-height: normal; border-radius:4px; display: inline-block;}
.innterTitle{font-size: 30px;   font-family: 'BrandonText-Regular'; margin: 0px 0 10px;}
.metalbtn{ border-radius: 0; border:1px solid #d3d3d3; color: #104480 !important; min-width: 180px;border-radius: 30px;margin-bottom: 10px;  display: inline-block; padding: 6px 12px; text-shadow: none; cursor: pointer;}
.metalbtn.active {border:1px solid #104480}
.metalbtn:hov{color: #000;  border:1px solid #000; }
.inntersubTitle{font-size: 20px;   font-family: 'BrandonText-Regular'; line-height: 30px;}
.studInnerCarousel .owl-carousel .owl-item img{width: auto; max-width: 100%; display: inline-block;}
.studInnerCarousel  .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; margin: 5px 5px 0; border:1px solid #104480; background:#fff;}
.studInnerCarousel .owl-theme .owl-dots .owl-dot.active span{background:#104480;}
.earthDiamondblock .nav-tabs{border-bottom: none; margin-bottom: 30px;}
.earthDiamondblock .nav-tabs a{font-size: 14px;  font-family: 'BrandonText-Regular'; color: #000; margin-right: 25px; text-transform: uppercase; display: block; text-align: center; background: #fff; border:2px solid #c9c9c9; border-radius:6px; padding: 10px 30px;}
.earthDiamondblock .nav-tabs span{font-size: 14px; margin-top: 2px; font-weight: 400; display: block; text-transform:capitalize;}
.earthDiamondblock .nav-item a:hover, .earthDiamondblock .nav-item.active a{text-decoration: none; color: #fff !important; border-color: #104480 !important; color: #fff; background: #104480 !important;}
.earthDiamondblock  .diamodLising a{ border:2px solid #f1f1f1; padding: 12px 15px; border-radius:6px; height: 90px; }
.earthDiamondblock  .diamodLising a .imgblock{width: 80px; text-align: center; display:inline-block; }
.earthDiamondblock  .diamodLising{margin: 0 -4px;}
.earthDiamondblock  .diamodLising a .contentblock{display:inline-block; margin-left: 8px; color: #010101; font-size: 14px;}
.earthDiamondblock  .diamodLising a:hover{ text-decoration: none;}
.earthDiamondblock  .diamodLising li{width: 20%; padding: 10px 4px; list-style: none;}
.earthDiamondblock  .diamodLising li:hover a{background: #f2f2f2;}
.earthDiamondblock  .diamodLising a .contentblock i{display:block; font-size: 15px;   font-family: 'BrandonText-Regular'; margin-top: 4px;  font-style: normal; font-size: 16px;}
.body-container .earthDiamondblock h3{font-size: 18px;   font-family: 'BrandonText-Regular'; text-transform: uppercase;}
.earthDiamondblock  .diamodLising a.active{border:2px solid #104480;}
.earthDiamondblock  .diamodLising{margin-bottom: 30px;justify-content: center;}
.earthDiamondblock  .chooseDiamond a{color: #104480; text-decoration: underline;}
.earthDiamondblock   .chooseDiamond a:hover{text-decoration: none;}
.studInnerCarousel{border-bottom:2px solid #cfcfcf; margin-bottom: 40px; padding-bottom: 30px; overflow: hidden;}
.studInnerCarousel .earringinnerblock a, .body-container .bottomLink a{color: #104480; text-transform: uppercase;}
 .bottomLink a{font-size: 16px;}
.flex-wrap{flex-wrap:wrap;}
.studInnerCarousel.no-border{border-bottom:none;}
.searchdropDown a{color: #000;}
.d-flex{ display: -ms-flexbox !important; display: flex !important;}
.align-items-center{-ms-flex-align: center !important; align-items: center !important;}
.pt-md-4, .py-md-4 { padding-top: 1.5rem !important;}
@media(min-width:1280px){
 .body-container.studs-container .container{max-width: 1280px; width: 1280px;}
}
/*footer{border-top: 2px solid #cfcfcf;background: linear-gradient(to right, #fff 30%, #f6f5f3 0%);padding: 50px 0 0px;}
footer .topSpace{background-color: #fff;margin-top: 10%;}
footer .rightBox{padding-left: 80px;}
footer .topSpace p{margin-top: 30px;}
footer h4{font-size: 18px;color: #000; font-family: 'Conv_NeutraText-Bold';}
footer li{line-height: 24px; list-style: none;}
footer a{color: #000;font-size: 14px; }
footer a:hover{text-decoration: none;color: #5ac396;}
footer .blackBtn{font-size: 18px;background-color: #000;border:1px solid transparent; font-family: 'Conv_NeutraText-Bold'; border-radius: 0;color: #fff;padding: 6px 20px;margin-top: 10px;}
footer .blackBtn:hover{color: #000;border:1px solid #000;background-color: #fff;}
footer h5{color: #104480;font-size: 14px; font-family: 'Conv_NeutraText-Bold';}
footer p{font-size: 14px;color: #000;  line-height: 24px;}
footer span{color: #0ba168;}
footer .contactBox{border: 2px solid #e2e2e1;padding: 15px;}
footer .mtop{padding-top: 25px;}*/
@media(min-width:766px){
.homeMidpart .col-md-7{-ms-flex: 0 0 53.333333%; flex: 0 0 53.333333%; max-width: 53.333333%; width: 53.333333%;}
.homeMidpart .col-md-5{-ms-flex: 0 0 45.666667%; flex: 0 0 45.666667%; max-width: 45.666667%; width: 45.666667%;}
}
/*common css*/
.btn-primary{background-color: #123120;  font-size: 14px;border-radius: 20px;border: 2px solid #123120;padding: 8px 25px;}
.btn-primary:hover{background-color: #fff;border: 2px solid #123120;color: #123120;}
section{padding: 0px 0 30px;}
.ftpbottom{background: #5ac396; color: #fff; padding: 7px 0;}
.ftpbottom li { padding: 0 10px;  }
.ftpbottom li a{color: #fff; font-size: 16px; position:relative;  }
.ftpbottom li a:hover{color: #000;}
.ftpbottom li a:after{content: ''; color: #fff; position: absolute; width: 1px; top:50%; margin-top: -6px; right:-10px; height: 12px; background: #fff;}
 .studInnerCarousel .earringinnerblock .video-link{height: 580px; border:1px solid #104480; overflow: hidden;}
.studInnerCarousel .earringinnerblock .video-link video{width:100%; height: 100%;}
.earthDiamondblock .tab-pane.fade.active{opacity:1; -webkit-transition:}
.innerBanner img{width: 100%;}
@media(max-width:1030px){
    .bannerBody h2, .bannerBody h2 span, .bannerBody h4, .titlestud{font-size: 30px;}
    .bannerBody h2 span{margin-top: -4px;}
    .homeProductblock .titlestud, .homeProductblock.necklacesProductblock p{margin-bottom: 15px;}
    .homeProductblock p{font-size: 14px;}
    .homeProductblock.earringsProductblock p{padding-right: 150px;}
    .homeProductblock.necklacesProductblock p{padding-right: 120px;}
    .homeProductblock.necklacesProductblock .overlapContent{top:15%;}
    .homeProductblock .overlapContent{padding: 30px;}
    .earthDiamondblock .diamodLising li{width: 20%;}
}
@media(max-width:980px){
    .bannerBody h2, .bannerBody h2 span, .bannerBody h4, .titlestud {  font-size: 18px;}
    .bannerBody h2 span{margin-top: 0;}
    .bannerBody .btn-primary{font-size: 13px; padding: 5px 20px;}
    .bannerBody p{font-size: 12px; margin-bottom: 10px;}
    .homeProductblock .overlapContent{padding: 20px;}
    .homeProductblock p{margin-bottom: 8px;}
    .homeProductblock a{font-size: 16px;}
    .homeProductblock .titlestud, .homeProductblock.necklacesProductblock p{margin-bottom: 10px;}
    .homeProductblock.earringsProductblock p{padding-right: 107px;}
    .homeProductblock p{font-size: 12px;}
    .homeProductblock.necklacesProductblock p{padding-right: 80px;}
    .homeProductblock.necklacesProductblock .overlapContent{top:11%;}
    /*footer h4{font-size: 14px;}
    footer .blackBtn{font-size: 16px;}
    footer .rightBox{padding-left: 60px;}*/
    .earthDiamondblock .diamodLising li{width: 25%;}
}
@media(max-width:766px){
   /* footer{background:none; padding-top: 20px;}
    footer .rightBox{padding-left: 15px;}
    footer h4{margin-top: 20px;}*/
    .bannerBody h4, .bannerBody p{font-size:16px; margin-bottom: 0;}
     .bannerBody h2, .bannerBody h2 span{font-size: 24px;}
    .ftpbottom ul{flex-wrap:wrap;}
      .earthDiamondblock .diamodLising li{width: 33.33%;}
      .listingNav li a{padding: 6px 12px;}
      .earthDiamondblock .nav-tabs a{font-size: 14px; padding: 12px 30px;}
      .studInnerCarousel .earringinnerblock .video-link{height: auto;}
.studInnerCarousel .earringinnerblock .video-link video{padding-bottom: 0;}
.bannerBody{position: static; margin-top: 30px; transform:inherit;}
}
@media(max-width:420px){
 /*  footer p{word-break: break-all;}*/ 
    .earthDiamondblock .diamodLising li{width: 50%;}
    .listingNav li a{font-size: 12px; padding: 6px;}
    .earthDiamondblock .nav-tabs a{padding: 10px 14px; margin-right: 10px; font-size: 13px;}
    .innterTitle{font-size: 24px;}
    /*footer p{font-size: 12px;}*/
    .listingNav ul{margin: 0 -6px;}
}


 

 .page-title {
   
    margin: 0 0 30px;
}