body{font-family: 'Sailec',sans-serif; font-weight:300; font-size:16px; letter-spacing:0.5px;}
a:hover{text-decoration:none}
@media (min-width:1300px) {.container {max-width: 1240px;}}
@media (min-width:1440px) {.container {max-width: 1260px;}}
@media (min-width:1540px) {.container {max-width: 1480px;}}
.vdBoxes i{font-size:62px;color:#ab8a62}
.top-header{background:#f8f8f7;color:#000;font-size:16px;padding:8px 0}
.topBoxes {align-items: center;display:flex; flex-wrap:wrap; justify-content:space-between;}
.phone-text {list-style: none;}
.social-icon1 li a{color:#fff;background-color:#ab8a62;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;display:block;text-align:center}
.headeTopRight a{color:#000;font-weight:400}
.headeTopRight a:hover{color:#ab8a62;}
.headeTopLeft img {width:140px;} 
.navbar-brand  {margin:0; padding-top:0;}
.navbar-brand img {width:120px;}
img{height: auto;}
.service-offer img{max-width: 100%;}
.social-icon1 li a:hover{background: #000;}
.social-icon1 li.phone-text a{color: #ab8a62; background: none; display: inline-block; width: auto; height: auto;}
.social-icon1 li.phone-text a:hover{color: #000;}
.social-footer li{display:inline-block}
#serviceCarousel.owl-carousel .owl-nav button.owl-next{position:absolute;top:40%;right:-20px;outline:0!important;box-shadow:inherit!important;font-size:56px;transform:translateY(-50%)}
#serviceCarousel.owl-carousel .owl-nav button.owl-prev{position:absolute;top:40%;outline:0!important;box-shadow:inherit!important;left:-20px;font-size:56px;transform:translateY(-50%)}
#whychoose.owl-carousel .owl-nav button.owl-next{position:absolute;top:40%;right:-20px;outline:0!important;box-shadow:inherit!important;font-size:56px;transform:translateY(-50%)}
#whychoose.owl-carousel .owl-nav button.owl-prev{position:absolute;top:40%;outline:0!important;box-shadow:inherit!important;left:-20px;font-size:56px;transform:translateY(-50%)}

.visits  {
  color: #000; color: #000; 
  font-family: 'charterregular';
  font-weight: 300;
  font-size: 28px;  
}
   
 .officeSection  img {border-radius: 10px;}  
.ets {
  font-size: 20px;
  font-family: 'charterregular';
}
  
.expertContent li{
  margin: 0 0 11px;
}

 
.visitDes  {       
  margin: 20px 0 10px;
  line-height: 34px;
}

.visitBtn {
  color: #fff;
  background: #ab8a62;
  padding: 14px 15px 13px;
  border-radius: 0;
  font-size: 14px;
  margin-top: 12px;  border-radius: 5px;
  display: inline-block;
}

.visitBtn:hover {
  color: #fff!important;
  background: #000!important;    
}


#partnersCarousel.owl-carousel .owl-nav button.owl-next{position:absolute;top:35%;right:-20px;outline:0!important;box-shadow:inherit!important;font-size:56px;transform:translateY(-50%)}
#partnersCarousel.owl-carousel .owl-nav button.owl-prev{position:absolute;top:40%;outline:0!important;box-shadow:inherit!important;left:-20px;font-size:56px;transform:translateY(-50%)}
.social-footer li a{color:#fff;background-color:#ab8a62;border-radius:50%;width:24px;height:24px;text-align:center;padding-top:1px;color:#fff;display:block}
.social-footer li a:hover{background: #000; color: #fff!important;}
.copyText{margin-bottom: 0; border-top:1px solid #e1e1e1; padding: 8px 0; color: #333; font-size: 14px;}
.about-imgs img{max-width: 100%;}
.social-icon1 li a{color:#fff}
.top-bar .contact-info{margin-right:20px}
.top-bar ul{margin-bottom:0}
.top-bar .contact-info a{font-size:.8rem}
.top-bar ul.social-custom{margin-left:20px}
.top-bar ul{margin-bottom:0}
.top-bar a.login-btn i,.top-bar a.signup-btn i{margin-right:10px}
.top-bar ul.social-custom a:hover{background:#4fbfa8;color:#fff}
.top-bar ul.social-custom a{text-decoration:none!important;font-size:.7rem;width:26px;height:26px;line-height:26px;color:#fff;text-align:center;border-radius:50%;margin:0;background-color:#ab8a62}
.top-bar a.login-btn,.top-bar a.signup-btn{color:#eee;text-transform:uppercase;letter-spacing:.1em;text-decoration:none!important;font-size:.75rem;font-weight:700;margin-right:10px}
.headeTopRight span{font-weight:300}
.navbar-light .navbar-nav .nav-link{color:#000;font-size:14px;font-weight:300}
.navbar-light .navbar-nav .active .nav-link{color:#ab8a62;font-weight:500}
nav.navbar{padding:6px 0 5px;}
nav.navbar .nav-link{padding: 0 10px !important;}
nav.navbar .nav-link:hover{color:#ab8a62 !important;}
nav ul li:last-child a {
  color: #fff;
  background: #ab8a62;
  padding: 14px 15px 13px;
 border-radius: 5px;
  margin-left: 12px;
  font-size: 14px;
}
nav ul li:last-child a:hover{color: #fff; background: #000; }
.bg-danger{background-color:#FFF!important;box-shadow:rgb(9 30 66 / .25) 0 1px 1px 0}
.right-site-button{width:218px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;margin-left:59px}
.right-site-button li a{width:218px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;color:#fff;text-decoration:none}
.right-site-button1{border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;padding:7px;font-weight:600;float:left;color:#fff}
.right-site-button1 li a{width:235px;background-color:#ab8a62;border-radius:36px;list-style:none;text-align:center;font-size:15px;padding:10px;font-weight:500;display:block;color:#fff;text-decoration:none}
.right-site-button1 li a:hover{background: #000;}
.homeBanner { position: relative; }
.w-100 {width: 100%;}
.homeBanner .homesliderContent{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}
.homeBanner .homesliderContent h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'charterregular';
  background-color: rgba(0,0,0,0.6);
  padding: 8px 20px;
  display: inline-block;
}
.homeBanner .homesliderContent p{color:#fff;font-size:18px;margin:12px 0 0;font-weight:200}
.text-point li{color:#fff;list-style-type:none;display:inline-block;width:100%;margin:11px 0 0;font-size:16px;font-weight:300}
.homesliderContent hr{border-color:#fff;max-width:510px;float:left;width:100%}
.homesliderContent .slideBtns a{color:#fff;background:#ab8a62;padding:14px 17px 12px;border-radius:0;display:inline-block;font-size:15px;}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}
.homesliderContent .slideBtns a:hover{color:#fff;background:#000}
.text-point li img{margin-right: 6px;}
.aboutBox h6{color:#ab8a62;font-weight:500;font-size:16px}
.aboutBox h3{color:#000;margin:0 0 20px;font-family: 'charterregular';font-weight:300;font-size:28px}
.btn-primary{background-color:#ab8a62;box-shadow: inherit !important;border-color:#ab8a62;border-radius:0;font-size:16px;color:#fff;font-weight: 300;letter-spacing:1px}
.service-offer .btn-primary {
  background-color:#ab8a62;
  border-color:#ab8a62;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 300;
}
.service-offer .btn-primary:hover {background-color:#000!important;  border-color:#000!important; color:#fff!important;}
.btn-primary:hover{background: #000; border-color:#000 ;}
.homeAbout .btn .fa{position: absolute; right:26px; top:10px; font-size: 18px;}
.homeAbout .btn{position:relative;text-align:center;padding:12px 21px 9px;border-radius: 5px;box-shadow:inherit!important;outline:0!important;font-weight: 300;font-size:14px}
.homeAbout img{border-radius:10px;}
.site-button3 li a{width:139px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:5PX;font-weight:600;color:#fff;text-decoration:none}
.site-button4{width:241px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;color:#fff;MARGIN-TOP:51PX}
.site-button4 li a{width:241px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;color:#fff;margin-top:51PX;text-decoration:none}
.site-button-6{width:241px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;color:#fff;margin-top:51PX;margin-left:537px}
.site-button-6 li a{width:241px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;color:#fff;margin-top:51PX;text-decoration:none}
.about-imgs{margin-top:87px}
.services-heading{padding:34px}
.homeservices{padding:10px 0}
.marginRow{margin-top:20px;text-align:center;color:#fff}
.icon-containt{float:right;margin-top:-34px}
.services .box-services span{font-size:20px;font-weight:700;color:#062033;padding-left:18px;transform:scale(0);transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}
.services .box-services p{font-size:13px;color:#717982;padding-left:56px}
.services .box-services .eclipse{width:40px;height:40px;border-radius:50%;border:1px solid #0eb493;float:left}
.services .box-services .eclipse i{font-size:20px;color:#0eb493;padding:8px 0 0 8px}
.services .box-services .eclipse:before{content:"";width:50px;height:50px;border:2px solid #32b0ee;border-radius:50%;position:absolute;top:-5px;left:10px;transform:scale(0);transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}
.services .box-services:hover .eclipse:before{cursor:pointer;transform:scale(1)}
.services .box-services:hover span{cursor:pointer;color:#32b0ee}
.homeservice2{text-align:center;font-size:20px}
.homeservice1{text-align:center;font-size:40px;color:#ab8a62}
.homeTestimonial{padding:0 0 60px}
.section-title{text-align:center;margin-bottom:60px}
.section-title>p{color:#333}
.section-borders span{height:5px;background:#6aaf08;width:40px;display:inline-block;border-radius:2px}
.section-borders span.black-border{background:#333;width:30px;margin:0 6px}
.client-testimonial-carousel .owl-dots button{height:3px;background:#000!important;width:25px;display:inline-block;margin:5px;transition:.2s;border-radius:2px}
.client-testimonial-carousel button.owl-dot.active{background:#ab8a62!important;width:25px;height:3px}
.client-testimonial-carousel .owl-dots{text-align:center;margin-top:25px}
.single-testimonial-item{padding-left:85px}
.single-testimonial-item:before{font-family:"Font Awesome 5 Free";content:"\f10e";font-weight:900;position:absolute;left:20px;top:50%;font-size:20px;color:#6aaf08;line-height:30px;margin-top:-15px}
.single-testimonial-item:after{background:#ddd;content:"";height:70%;left:60px;position:absolute;top:10%;width:1px}
.homeAbout{padding:60px 0 0}
.single-testimonial-item h3{font-size:20px;font-style:normal;margin-bottom:0}
.single-testimonial-item h3 span{display:block;font-size:12px;font-weight:400;margin-top:5px}
.testimonial-name{font-size:16px;color:#ab8a62;font-weight:500}
.textmonial-heading{font-size:40px;color:#ab8a62}
.single-testimonial-item1 span{display:inline-block}
.homeTestimonial .single-testimonial-item1 p{color: #333;}
.info-service{font-size:20px;color:#ab8a62;}
.info-service ul li{list-style:none}
.service-text1 li{list-style:none;font-size:14px;color:#000;padding:5px 6px}
.footer-adress{display:block;margin-top:8px}
.service-text1 li a{list-style:none;font-size:14px;color:#1c1c1c;text-decoration:none}
.footer-adress span{font-size:14px;color:#ab8a62}
.service-text1 li span{color:#ab8a62}
.service-offer{background-color:#fff0db;color:#fff;padding:26px 0 24px;position:relative}
.service-offer img{width:180px;margin-left:20px;margin-top:-80px;margin-bottom:-12px}
.service-offer .get-diamond h2 {  font-size: 22px;  font-weight: 300;  color: #000;display: flex;
  align-items: center;}
.service-offer .btn{padding:9px 12px;margin-left:12px;border-radius: 5px;}
.footer-text1{text-align:center;font-size:14px;margin-top:-36px}
.a_1{background:#122d49;height:159px;padding:50px}
.a_1 img{float:left;width:75px}
.a_1 h5{color:#fff}
.siteMapLinks{width:100%;margin:0 0 40px 0;padding:30px 0}
.siteMapLinks ul{width:100%;margin:0;padding:0 0 0 15px;border-left:1px solid #d5d5d5;list-style:none}
.siteMapLinks ul li{width:100%;margin:5px 0;padding:0 0 0 5px;position:relative;line-height:30px;font-size:20px}
.siteMapLinks ul li:before{content:"";width:15px;height:1px;background-color:#d5d5d5;position:absolute;right:100%;top:14px}
.vedioSection{position:relative}
.vedioBox {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
  height: 100%;
  align-items: center;
  color: #fff;
  justify-content: center;
}
.topSection{background:#f8f8f7;display:inline-block;width:100%}
.contact-details{background:#fff;width:100%;height:100%;padding:0 10px;text-align:center;display:flex;border-radius: 5px;flex-wrap:wrap;justify-content:center;max-height: 320px;
  margin-bottom: 30px;}
.contact-details:hover { background: #ab8a62;}
.contact-details:hover i { color: #fff;}
.contact-details:hover h4 { color: #fff;}
.contact-details:hover p { color: #fff;}
.contact-details:hover a { color: #fff;}

.contact-details a{
  color: #000;
}

.contact-details img{
  width: 80px;
  padding: 20px 0;
}

.d-wid{
  width: 56px;
}

.contact-details img.flag-logo{
  width: 56px;
  padding: 0;
}

.color-grey iframe{
  mix-blend-mode: luminosity;
}

.iframeWraps .contact-details{background:#f2f2f2;width:100%;height:100%;padding:10px 10px;text-align:center;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}
.breadcrumb{background-color:#fff}
.breadcrumb li{position:relative;float:left;list-style:none;width:33%}
.breadcrumb li:first-child .breadcrumb_item{padding-left:10px}
.breadcrumb li:first-child .breadcrumb_item:before{display:none}
.breadcrumb li:last-child .breadcrumb_item{padding-right:10px}
.breadcrumb li:last-child .breadcrumb_item:after{display:none}
.breadcrumb:after{content:"";display:table;clear:both}
.breadcrumb__item{position:relative;display:inline-block;height:160px;line-height:40px;margin-right:5px;padding-left:30px;background-color:#6a7f95;color:#fff}
.breadcrumb__item:hover{text-decoration:none}
.breadcrumb__item:before,.a_1:before{content:"";border-top:80px solid #fff0;border-bottom:80px solid #fff0;border-left:40px solid #fff;position:absolute;top:0;left:0}
.breadcrumb__item:after,.a_1:after{content:"";border-top:80px solid #fff0;border-bottom:80px solid #fff0;border-left:40px solid #6a7f95;position:absolute;top:0;right:-38px;z-index:1}
.breadcrumb>li+li:before{padding:0 5px;color:#fff0;content:"/\00a0"}
.breadcrumb li a img{max-width:20%;float:left;margin-top:24px;position:relative;left:25px;top:15px}
.breadcrumb li h5{position:relative;top:35px;left:40px;width:85%}
.breadcrumb li h5 span{position:relative;top:10px}
.breadcrumb li a:hover{color:#fff!important}
.home-service{padding: 60px 0;background: #f8f8f7;}
.home-serviceve-heading{text-align: center;}
.icon-service-1{font-size:16px;text-transform:uppercase;color:#ab8a62;font-weight:400}
.icon-service-2{text-align:center;color:#000;font-family: 'charterregular';text-transform:uppercase;font-weight:300;font-size:28px}
.icon-service-3{text-align: center; color: #000; font-size: 30px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px;}
.servicesBlock{ background-color: #f8f8f8;     padding: 25px 0;}
.servicesBlock ul{padding-left: 0; margin-bottom: 0; position: relative;justify-content: center;}
.servicesBlock ul li{width: 33.333%; display: flex;flex-direction: column;margin: 0 10px; background: #42c0f2;position: relative;color: #fff;padding: 40px;border-radius: 50% 50% 0px 50%;}  
.servicesBlock ul li a{color: #fff;} 
.servicesBlock ul li h5{font-size: 24px;text-transform: uppercase;    font-weight: 400;} 
.servicesBlock ul li h5:after{content: "";border-bottom: 2px solid #fff;display: block;width: 110px;margin: auto;margin-top: 3px;}
.servicesBlock ul li p{margin-bottom: 0; font-size: 16px; line-height: 22px;margin-top: 20px;}
.servicesBlock ul li img{max-width: 100%;width: 50px;margin-bottom: 10px;}
.serviceBox.firstBox:after{content: "";background: url(../img/right-chevron.png);position: absolute;right: -103px;top: 50%;transform: translateY(-50%);height: 70px;width: 100px;background-repeat: no-repeat;}
.secondRow ul li{padding: 24px 30px;margin: 20px;}
.secondRow ul li h5{font-size: 16px;}
.secondRow .firstBox:after{content: "";background: url(../img/right-chevron1.png);position: absolute;right: -95px;top: 50%;transform: translateY(-50%);height: 50px;width: 100px;background-repeat: no-repeat;}
.secondRow ul li img{width: 40px;}
.secondRow ul li p{margin-top: 30px;}
.home-service .btn{padding: 9px 40px;}
.servicesBlock ul li.secondBox{background: #42c0f2;}
.servicesBlock ul li.thirdBox{background: #42c0f2;}
.about-text{background-color:#ab8a62;padding:10px;color:#fff}
.form-text{text-align:center}
.about-diamond{font-size:40px}
.footer ul li a:hover{color:#ab8a62}
.main-header .right-site-button li a:hover{color:#000}
.banner .right-site-button li a:hover{color:#000}
.footer-logo img{max-width: 100%;}
.innerBanner{background:inherit; color: #fff;  text-align: center; }
.innerBanner h6{font-size:20px; font-weight: 500;}
.innerBanner .bannerImg{position: relative;}
.innerBanner .bannerImg .bannerText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000ab;padding:10px 20px}
.title{font-size:28px; font-weight: 500;}
.diamondBlog h2{font-size: 28px; font-weight: 500; color: #363636; margin-bottom: 10px;}
.diamondBlog .diamondform{border:1px solid #ab670f; padding: 25px 0 5px;}
.diamondBlog .diamondform .typeRingBlock ul{padding-left: 0; margin: 0 -5px;}
.diamondBlog .diamondform .typeRingBlock ul li{width: 13.666666666666666%; padding: 10px 5px; list-style: none;}
.diamondBlog .diamondform .typeRingBlock ul li label{width: 100%; font-size: 14px; cursor: pointer;}
.diamondBlog .diamondform .typeRingBlock ul li div img{max-width: 100%;}
.diamondBlog .diamondform .typeRingBlock ul li label div{width: 100%; text-align: center; padding: 10px;}
.diamondBlog .diamondform .typeRingBlock ul li label input{display: none;}
.diamondBlog .diamondform .typeRingBlock ul li label input:checked + div {  background: inherit; box-shadow: 0px 0px 9px 0px #cbcaca;}
.diamondBlog .diamondform .typeRingBlock ul li label span{display: block; margin-top: 10px;}
.diamondBlog .diamondform .diamondShape, .diamondBlog .diamondform .metalTypeForm, .diamondBlog .diamondform .typeRingBlock{ padding: 10px 25px 28px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.diamondBlog .diamondform .metalTypeForm{padding-bottom: 40px;}
.diamondBlog .diamondform .metalTypeForm .form-control {
  background: #fff;
  border-radius: 0;
  border-color: #ab8a62;
  height: 48px;
  padding: .375rem 20px;
  margin-top: 10px;
  box-shadow: inherit !important;
  outline: 0;
}
.diamondBlog .diamondform .diamondTitle{color: #ab8a62; font-size: 18px; margin-bottom: 8px;}
.diamondBlog .diamondform .diamondShape p{color: #000101; font-size: 14px; font-weight: 500;}
.diamondBlog .diamondform .diamondShape ul{padding-left: 0; margin-bottom: 0;}
.diamondBlog .diamondform .diamondShape ul li{list-style: none; display: inline-block; width: 10%;}
.diamondBlog .diamondform .diamondShape ul li .diaTitle{font-size: 14px; font-weight: 500; display: block; text-transform: uppercase; margin-bottom: 10px;}
.diamondBlog .diamondform .diamondShape ul li input + span{background: url(../img/checkbox.png)left top no-repeat; width: 20px; height: 20px; display: inline-block;}
.diamondBlog .diamondform .diamondShape ul li input:checked + span{background: url(../img/tickcheckbox.png)left top no-repeat; }
.diamondBlog .diamondform .diamondShape ul li input{display: none; }
.diamondBlog .diamondform .diamondShape ul li label{cursor: pointer;}
.diamondBlog .diamondform  .formBlog{cursor: pointer; padding: 0 25px 15px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.diamondBlog .diamondform .formBlog .form-control {
  background: #fff;
  border-radius: 0;
  border-color: #ab8a62;
  height: 48px;
  padding: .375rem 20px;
  margin-top: 10px;
}
.diamondBlog .diamondform  .formBlog .selectDropdown, .diamondBlog .diamondform  .metalTypeForm .selectDropdown{position: relative; cursor: pointer;}
.diamondBlog .diamondform .formBlog .selectDropdown::after, .diamondBlog .diamondform .metalTypeForm .selectDropdown::after {
  content: " ";
  width: 30px;
  height: 31px;
  cursor: pointer;
  border-radius: 25px;
  right: 5px;
  top: 8px;
  position: absolute;
  pointer-events: none;
  background: url(../img/dropDownArrow.png) no-repeat center center;
}
.diamondBlog .diamondform  .formBlog p span{font-size: 14px; color: #989898; font-weight: 500;}
.diamondBlog .diamondform  .formBlog p{font-size: 18px; margin-bottom: 0; color: #000101;}
.fileupload-wrapper .fileupload-add{position:relative;overflow:hidden}
.fileupload-wrapper .fileupload-add::-webkit-file-upload-button{visibility:hidden}
.fileupload-wrapper .fileupload-add input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;margin:0;padding:0;font-size:20px;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;outline:none;background:none;z-index:1}
.fileupload-wrapper .fileupload-add input[readonly]{background-color:#FFF!important;cursor:text!important}
.fileupload-wrapper .fileupload-fallback-add{position:relative;overflow:hidden}
.fileupload-wrapper .fileupload-fallback-add::-webkit-file-upload-button { visibility: hidden; }
.fileupload-wrapper .fileupload-fallback-add input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;margin:0;padding:0;font-size:20px;cursor:pointer;filter:alpha(opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;outline:none;background:none;z-index:1}
.fileupload-wrapper .fileupload-fallback-add input[readonly]{background-color:#FFF!important;cursor:text!important}
.fileupload-wrapper .btn { margin-right: 10px; }
.fileupload-wrapper .btn:last-child { margin-right: 0; }
.fileupload-wrapper .fileupload-overall-progress,
.fileupload-wrapper .fileupload-start,
.fileupload-wrapper .fileupload-cancel,
.fileupload-wrapper .fileupload-reset,
.fileupload-wrapper .fileupload-previewrow .alert,
.fileupload-wrapper .fileupload-overall-status,
.fileupload-wrapper .fileupload-overall-status .alert { display: none; }
.fileupload-wrapper .fileupload-overall-progress { padding-top: 6px; }
.fileupload-wrapper .fileupload-preview{display:none;margin-top:1em}
.fileupload-wrapper .fileupload-start , .fileupload-wrapper  .fileupload-cancel {display: none !important;}
.fileupload-wrapper #myUpload{text-align: left;   margin-top: 15px;}
.fileupload-add{border: 1px solid #3c6cf5 !important; background: #ab8a62; font-size: 16px; border-radius:25px; padding: 12px 50px; display: inline-block;}
.fileupload-add:hover, .fileupload-add:hover.active:focus, .fileupload-add:focus, .fileupload-add.active.focus{border: 1px solid #3c6cf5 !important; background:none;color: #ab8a62;}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover{background: none;}
.fileupload-wrapper table td:nth-child(4), .fileupload-wrapper table td:first-child{display: none;}
.fileupload-wrapper table td{width: 33%;vertical-align: middle; max-width: 33%; flex:0 0 33.33%}
.fileupload-wrapper .fileupload-remove{ text-indent: -9999px; border-radius:100%; position:relative; background: #ab8a62!important; border-color: #ab8a62 !important; padding: 0; height: 22px !important; width: 22px;}
.fileupload-wrapper .fileupload-remove:before{ content: ''; width: 10px; height: 10px; position: absolute; left:5px; top:5px; color: #fff; font-size: 20px; background: url(../img/crossIcon.png)left top no-repeat;}
.fileupload-previewimg{max-width: 100%;}
.fileupload-add .glyphicon {position: relative;}
.fileupload-add .glyphicon:before {position: absolute; content: '+'; font-size: 18px; color: #fff; left:-10px; top:-4px; font-style: normal;}
.fileupload-add:hover .glyphicon:before {color: #ab8a62;}
.table-striped tbody tr:nth-of-type(2n+1){background: none;}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle{background: #ab8a62;}
.diamondBlog  .btn-primary{padding:15px 30px 12px; font-size: 18px; font-weight: 500;}
.diamondBlog  img{max-width: 100%;width: 80px;}
     .typeRingBlock   img {
  max-width: 100%;
  width: 130px;
}
.inners img {
  height: 280px;
  object-fit: cover;
}

.recap {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}

.bg-gold {background: #fff0db!important;}

.buyindDiamond  {
  font-family: 'charterregular';
  font-size: 30px; text-align: center;
} 
 
.innerPage li{line-height: 28px;}
.contactPage .callValue  a{font-size: 16px; color: #676767;}
.contactPage .callValue  a span{color: #000; }
#websitecall{font-size:32px;color:#ab8a62;margin:10px 0 10px;display:inline-block}
.contactPage .form-control{border-radius:0; height: 48px;}
.contactPage textarea.form-control{ height: 100px;}
.contactPage h4{font-size:18px;text-transform:uppercase;color:#ab8a62;margin:0 0 13px!important;display:inline-block;width:100%}
.smallText a {color:#000;}
.contactPage .btn{padding: 10px 40px; text-transform: uppercase; font-size: 18px; font-weight: 500;}
.howWorks .callValue span{background: #ab8a62; color: #fff; display: inline-block; padding: 10px 25px; font-size: 24px; text-transform: uppercase; margin-bottom: 15px;}
.howWorks .callValue {border: 1px solid #ddd; padding: 15px; margin-bottom: 15px;}
.howWorks .callValue h4 {  font-size: 20px;  text-transform: uppercase;  color: #ab8a62;}
.brand-logo img{max-width: 100%;}
.diamondImg img{max-width: 100%;}
.innerPage #accordion .card{margin-bottom: 15px; border-radius:0;}
.innerPage #accordion .card h5{text-transform: uppercase; font-weight: 500;}
.innerPage #accordion .card h5 .btn{text-transform: capitalize;font-family: 'charterregular'; color: #fff; font-size: 18px; padding: 0; position: relative; width: 100%; text-align: left;}
.innerPage #accordion .card h5 .btn:hover, .innerPage #accordion .card h5 .btn:focus{text-decoration: none;}
 .innerPage #accordion .card .card-body ul {
  padding-left: 15px;
}

.innerPage #accordion .card .card-header{border-radius:0; background:#8e9094; padding: 8px 15px;}
.innerPage #accordion .card  .card-body {background: #f9f9f9;}
.innerPage #accordion .card h5 .btn[aria-expanded="true"]:after{   width: 20px; height: 20px; content: '-'; position: absolute; top:-7px; right:-4px; font-size: 28px; color: #fff;}
.innerPage #accordion .card h5 .btn[aria-expanded="false"]:after{  width: 20px; height: 20px; content: '+'; position: absolute;  top:-7px; right:-4px; font-size: 28px; color: #fff;}
.homeTestimonial .ratingText{font-size: 18px; font-weight: 500; margin-left: 6px;}
.homeTestimonial .reviewsCount {font-size: 12px; color: rgba(0, 10, 18, 0.5); margin-top: -4px;}
.homeTestimonial .imgblock  {display: inline-block; width: 40px; height: 40px; border-radius:100%; overflow: hidden;}
.homeTestimonial .imgblock  img{border-radius:100%; max-width: 100%; }
.homeTestimonial .imgblock.no-img {background: #0097a7; color: #fff; line-height: 40px; font-size: 22px; text-transform: uppercase;  font-weight: 500;}
.homeTestimonial .title {font-size: 14px;  font-weight: 500;}
.homeTestimonial .ratingStar span {color: #f9b805; margin: 5px 3px 0; font-size: 18px;}
.homeTestimonial .single-testimonial-item1 p small{color: rgba(0, 10, 18, 0.5); display: block; margin-top: -1px;}
.homeTestimonial .single-testimonial-item1 a{color: rgba(0, 10, 18, 0.5);}
.homeTestimonial .reviewsblock{border-radius:10px; background: #f8f8f8; padding: 24px;}
.homeTestimonial .single-testimonial-item1{border-radius:10px; background: #f8f8f8; padding: 22px;}
.client-testimonial-carousel .owl-nav{position: absolute; top:50%; width:100%;}
.client-testimonial-carousel .owl-nav button{position: absolute; width: 30px; border-radius:100%; height: 30px; background: #ab8a62 !important; color: #fff !important; text-align: center; line-height: 27px !important;}
.client-testimonial-carousel .owl-nav .owl-prev{left:0;}
.client-testimonial-carousel .owl-nav span{font-size: 30px; color: #fff;}
.client-testimonial-carousel .owl-nav .owl-next{right:0;}
.homeTestimonial .single-testimonial-item1 p{padding: 0 15px;}
.brand-logo{background:#f8f8f7;padding:60px 0;text-align:center}
.brand-logo h6{color:#ab8a62;font-weight:600;font-size:18px;margin:0}
.brand-logo h5 {
  font-size: 28px;
  font-weight: 400;
  margin: 0 0 30px;
  font-family: 'charterregular';
}
.aboutBox p{font-weight:300;line-height:24px;padding-right:30px;margin:0 0 10px}
.serviceIconBox{width:100%;background:#fff;text-align:center;padding:20px 10px 30px;min-height: 280px;border:solid 1px #f6f6f6;border: solid 2px #fff;cursor:pointer}
.serviceIconBox:hover{border: solid 2px #ab8a62;}
.serviceIconBox.secondBox {  
  min-height: 308px;  
}


       
.serviceIconIcon{  

  margin: 0 auto 13px;
 
  max-width: 150px;
  margin-bottom: 19px;}
.serviceIconIcon img{height:100%;object-fit:contain;border-radius: 12px;}
.serviceIconContent h2{color:#ab8a62;font-size:22px;text-transform:uppercase;margin:0 0 9px;font-family:'charterregular';font-weight:600}
.serviceIconContent p{font-size:16px;padding:6px 10px 0;min-height:180px;color: #000;letter-spacing:.5px}
.serviceIconContent a.sellBtn{background:#ab8a62;color:#fff;padding:14px 10px 10px;margin:5px auto 10px;display:inline-block;width:96%;font-size:14px;border-radius: 5px;}
.serviceIconBox:hover .serviceIconContent a.sellBtn{background:#000;}
.vedioBox h3 {
  color:#fff;
  margin: 10px 0 40px;
    margin-bottom: 40px;
  display: inline-block;
  width: 100%;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 43px;
}
.vedioBoxes p {color: #ab8a62;font-size: 17px;font-weight: 500;}
.vdBoxes {
  background: inherit;
  width: 70px;
  height: 70px;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: auto;
  border:solid 4px #fff;
}

 .contactPage  .topSection  .col-md-2{
  padding: 0 9px!important;
}

.contactPage .flag{
  padding: 0;
  width: 50px;
}
   
 .contactPage  .topSection   p {
  font-size: 13px;
}


.innerSlider .serviceIconContent  p {min-height:inherit;} 
 @media only screen and (max-width:1500px)
 {  
.serviceIconContent p{min-height: 220px;}
  }
  
  
   @media only screen and (max-width:1300px)
 {  
.serviceIconContent p{min-height:180px;}
.serviceIconContent h2 { 
  font-size: 19px;  
}


  }
   

   .homeBanner  img {
  height: 100%;
}
 
 
.vdBoxes i {
  font-size: 31px;
  color: #fff;
  margin-left: 8px;
}

.mobImgImg {display: none;}
#cookieConsent{background-color:rgb(20 20 20 / .8);min-height:26px;font-size:14px;color:#ccc;line-height:26px;padding:8px 0 8px 30px;font-family:"Trebuchet MS",Helvetica,sans-serif;position:fixed;bottom:0;left:0;right:0;display:none;z-index:9999}
#cookieConsent a{color:#4B8EE7;text-decoration:none}
#closeCookieConsent{float:right;display:inline-block;cursor:pointer;height:20px;width:20px;margin:-15px 0 0 0;font-weight:700}
#closeCookieConsent:hover{color:#FFF}
#cookieConsent a.cookieConsentOK{background-color:#ab8a62;color:#fff;display:inline-block;border-radius:5px;padding:0 20px;cursor:pointer;float:right;margin:0 60px 0 10px}
#cookieConsent a.cookieConsentOK:hover{background-color:#E0C91F}
.right-site-button1.service-button{margin:auto;display:table;float:none}
.right-site-button1.service-button li a{width:301px}
.video{width:100%}
.wrapper{display:block;position:relative;width:70%;margin:auto}
.playpause{width:100%;height:100%;position:absolute;left:0%;right:0%;top:0%;bottom:0%;margin:auto;background:#fff;border:solid 1px #f3f3f3}
.playpause img{width:100%}
.playNow{margin:8px 0 0;position:absolute;height:50px;width:50px;left:50%;transform:translate(-50%,-50%);top:50%;color:#fff;background:#ab8a62;text-align:center;padding:0}
.playNow i{width:100%;text-align:center;padding:0;margin:0 0 0 2px}
.home-service .btn.playpause{padding:0}
.productListing{padding:50px 0}
.mat-card{box-shadow:0 2px 1px -1px rgb(0 0 0 / 20%),0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%);border-radius:5px;overflow:hidden;transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);display:block;position:relative;padding:16px;border-radius:4px;background:#fff;color:rgb(0 0 0 / .87)}
.facet-category-title{font-size:1.2rem;font-weight:500;text-transform:capitalize;margin-bottom:1.5rem}
.ais-hierarchical-menu-item .ais-HierarchicalMenu-link{font-weight:700}
.categoryList{padding:0 30px}
.categoryList li{width:100%;margin:0 0 9px}
.categoryList li a{color:#000;font-size:14px;width:100%;float:left}
.categoryList li:hover a{color:#007bff}
.categoryList li .category-count{background:rgb(0 0 0 / .4);padding:.2rem .3rem;color:#fff;margin:.3rem;border-radius:3px;font-size:.8rem}
.product-listing-right h2{margin:0 0 20px}
.productListing1{transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);display:block;position:relative;margin:16px 0;border-radius:4px;background:#fff;color:rgb(0 0 0 / .87)}
.mat-card-image{width:calc(100% + 32px);margin-top:-16px;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:1px solid #eee}
.wishlist-icon{position:absolute;top:15px;right:10px;z-index:99;cursor:pointer;width:50px;height:50px;transition:all .3s ease-in 0s;text-align:center;line-height:50px}
.wishlist-icon a{color:rgb(0 0 0 / .4)}
.wishlist-icon i{font-size:24px}
.productListing1 h6{padding:0 10px 10px;font-size:18px;font-weight:400}
.productListing1 h5{padding:20px 10px 0;font-size:24px}
.listProducts{position:relative;display:flex;justify-content:space-between;padding:0 20px 0 0}
.mat-fab{position:absolute;top:-85px;right:10px;transition:all .3s ease-in;background-color:#ff5722;border:none;border-radius:50%;color:#fff;width:50px;height:50px;text-align:center;padding:0;font-size:22px}
.title-link{color:#000;font-size:20px}
.listProducts .fa-star{color:#ab8a62}
.productListing1:hover .mat-fab{transform:translateY(-10px)}
.productListing1:hover h5 a{color:#007bff}
.wrapimage img { border-radius: 50%; margin-bottom: 10px; width: 185px;}
.wrapimage span{font-size:24px;color:#ab8a62;text-transform:uppercase;display:block;width:100%}
.wrapimage ul{justify-content:center;display:flex;padding:0}
.wrapimage ul li{ list-style: none; text-align: center; margin: 10px 20px;}
.boxheight {height: 200px !important;}
h2.titlediamonds { font-size: 16px;}
.sellYour-New { background-color: #595d63; padding:25px 50px; margin-bottom:50px;}
.sellYour-New .row {display: flex; justify-content: center;}
.sellYour-box .sellYour-Img {text-align: center;}
.sellYour-box .sellYour-Text h4{font-size:18px;color:#fff;text-align:center;margin:10px 0}
.sellYour-box .sellYour-Text p{font-size:13px;text-align:center;color:#fff}
.main-nav-scrolled .main-header{position:fixed;top:0;border-bottom:solid 1px #f6f6f6;background:#fff;width:100%;left:0;z-index:9}

#light {
  display: none;
  position:fixed;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
 
  z-index: 1002;
  overflow: visible;
}
#videofade { display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);}
  
 #boxclose {
  position: absolute;
  right: -35px;
  background: #000;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
}

#video-wrapper{position:absolute;top:50%;left:50%;z-index:2;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 5px 1px rgb(0 0 0 / .1)}
#close-btn{color:grey;font-size:25px;position:fixed;top:3%;right:3%;z-index:2;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition:transform .5s ease,color .5s ease;-moz-transition:transform .5s ease,color .5s ease;-ms-transition:transform .5s ease,color .5s ease;-o-transition:transform .5s ease,color .5s ease;transition:transform .5s ease,color .5s ease}

ul{padding:0;}

 .breadcum {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

 .breadcum  h3 {
  color: #000;
  font-size: 47px;
  max-width: 500px;
  font-weight: 400;
  text-transform: capitalize;
}

    
 .breadcum ul li {   list-style-type: none;   color: #000;   font-size: 19px;} 
.breadcum ul li a {  font-size: 19px;   color: #000;} 
 
 .aboutBox.boxes1 p {  
  font-weight: 300;
  line-height:30px;
  padding-right: 20px;
  letter-spacing: 0.5px;
}


.partners  {
  background: #f8f8f7;
  padding: 70px 0;
}

.partners-white  {
  background: #fff; text-align: center;
}



 .partners .partnersBoxes {
  display: flex;
  background: #fff;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
 
}

.partners .partnersImg {
  width:42%;
}

.partners .partnersImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.partners .partnersContent {
  width: 58%;   padding:20px 40px;  display: flex;
  align-items: center;
  flex-wrap: wrap;
}


.partners .partnersContent h3 {
  color: #ab8a62;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 600;
  font-family: 'charterregular';
}

  .partners.workSection  {
  background: #f8f8f7;
  padding: 5px 0 50px;
}

.workBoxes {
  background: #fff;
  width: 100%;
  border: solid 2px #fff;
  padding: 20px 40px;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.workBoxes:hover {  border: solid 2px #ab8a62; 
}

.workBoxes h3 {
  text-align: center;
  font-size: 16px;
  margin: 20px 0 8px;
  font-weight: 400;
  text-transform: uppercase;
  background: #ab8a62;
  position: absolute;
  left: -86px;
  width: 237px;
  padding: 17px 5px 9px 25px;
  color: #fff;
  transform: rotate(-49deg);
  top: 8px;
  height: 52px;
}

.workBoxes ul {padding-left:50px;}
.workBoxes ul li {
  margin: 0 0 9px;
  width: 100%;
  font-size: 14px;
}


.workBoxes h2  {
  color: #ab8a62;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  font-family: 'charterregular';
  text-align: center;
  margin:30px 0 19px;
}

.talks {
  padding-left: 10px;
  font-size: 11px;
  display: inline-block;
}


    .talks  i {
  font-size: 18px;
  float: left;
  margin: 5px 7px 0 0;
}
    .talks  a{  
  color: #000;
}
    .headeTopMiddle   a{  
  color: #000;
}

   .headeTopRight {
  display: flex;
  align-items: center;
  gap: 12px; justify-content: end;
}


     #country-drop {
  display: none;
}

#country span {
  font-size: 15px !important;
  font-weight: 300;  
}
#country:hover span {  color:#ab8a62;}
#country img  {
  width: 25px;
}

/*#country:after {content:"\f107";color: #000;
  margin-left: 5px; font-family:'FontAwesome';}  */
                                                
.talkRight {
  font-size: 13px;
  margin-right: 11px;
}

#country  {  cursor: pointer;display: flex;
  align-items: center;gap: 8px;}
#country-drop ul {
  list-style-type: none;
  position: absolute;
  background: #fff;
  z-index: 9;
  width: 170px;
  box-shadow: 0 0 1px #b7b7b7;
}
#country-drop ul li {
  padding:8px 10px;  cursor: pointer;
  border-bottom:solid 1px #f2f2f2;
}


 #country-drop ul li:hover {
  background:#ab8a62;  color: #fff;
}
  #country-drop ul li  img{
  width: 29px;
  margin-right: 3px;
}
 
.whyChoose {
  background: #fff0db;
}

.whyChoose .icon-service-1{
  color: #000;
}

.whyChoose .icon-service-2{
  color: #000;
}
.sellBtns{
  background:#ab8a62;
  color: #fff;
  padding: 14px 28px 14px;
  margin: 30px 0 0;
  display: inline-block;
  font-size: 14px;
font-weight: 300;      border-radius: 5px;
  text-transform: uppercase; 
}
.sellBtns:hover {
  background: #000;
  color: #fff;}
  
  
  
   .expert h4{
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 30px 0 2px;
}

   .expert h3{
  font-size:25px;
  font-weight: 500;
  color: #000;    font-family: 'charterregular';
  margin: 30px 0 2px;
}

   .expert ul      {
  padding-left: 20px;
  padding-top: 10px;
}

   .expert ul li{
  color: #000;
}


@media(min-width:991px)and (max-width:1100px)
{
.homeBanner .banner-text {font-size: 30px;margin-bottom: 5px;}
.homeBanner .text-point {margin: 0;}
}


 

@media  only screen and (max-width:1300px)
{
.homeBanner .homesliderContent { padding:20px 0 20px;}
  .text-point li {
    margin: 0 0 10px;
  }
 
.serviceIconContent a { width:100%; font-size: 13px;}
.serviceIconContent p {font-size: 14px;  }
.home-service .col-md-3 {padding: 0 4px;} 
.aboutBox.boxes1 p { 
  padding-right: 0;     }

 
}    


    
@media  only screen and (max-width:1200px)
{
 .navbar-light .navbar-nav .nav-link {
  font-size: 13px;
}
.homeBanner .homesliderContent p{margin:11px 0 0}
nav ul li:last-child a {
    font-size: 13px;
  }
 
.navbar-brand img{width:120px}
.service-offer .get-diamond h2{font-size:21px}
.service-offer img{width:120px} 
}  

@media  (max-width: 1150px) 
{
nav.navbar .nav-link {
  padding: 0 6px !important;
}
.navbar-light .navbar-nav .nav-link {
  font-size: 13px;
}

    
nav ul li:last-child a { padding: 10px 8px;}
 
.servicesBlock ul li h5{font-size: 15px;}
.servicesBlock ul li p{font-size: 11px; line-height: 18px;}
.servicesBlock ul li{height: auto;}
.service-offer .get-diamond{font-size: 20px;}
  .service-offer img {
    max-width: 100%;
    margin-bottom: 2px;
    margin-top: -61px;
  }
.service-offer .btn{margin-top: 20px; }
.service-offer{text-align: center;}

}



@media  only screen and (max-width:1040px)
{
.service-offer{padding:27px 0 10px;position:relative}
.homeBanner .homesliderContent h3{font-size:29px;line-height:32px}
.text-point li{margin:0 0 8px}  
}


@media  only screen and (max-width:995px)
{
.homeBanner .dskImg{object-fit:cover;display: block;height:450px;}
.homesliderContent hr{max-width:390px;float:left;width:100%}
.container{max-width:95%}
.vedioBox {right: 0;}
.serviceBox.firstBox:after{display: none;}
.diamondBlog .diamondform .typeRingBlock ul li{width: 33.333%;}
.banner-containt {margin: 20px 0;}
   .service-offer img {   
    display: none;
  }
  .service-offer {
    padding: 26px 0 20px;
    position: relative;
  }
   .service-offer .get-diamond h2 {
    font-size: 19px;
  }
  
   .headeTopLeft{
  margin: 0 0 20px;
  text-align: center;
}


    
}


@media (max-width: 980px)
{
nav ul li {float: left; width: 100%; padding: 10px 0; border-top:1px solid #ddd;}
nav ul li:first-child {border-top:none;}
nav ul li:last-child a{margin-top: 5px; display: inline-block;}
header .navbar-light .navbar-brand{width: 35%;}
header .navbar-light .navbar-brand img{max-width: 100%;}
.diamondBlog .diamondform .diamondShape ul{flex-wrap:wrap; }
.diamondBlog .diamondform .diamondShape ul li{ width: 20%;}
}


@media  only screen and (max-width:767px)
{
.a_1{margin-bottom:10px}
.wrapimage ul{padding:0;margin:10px}
.textmobile{text-align:center;font-size:14px;line-height:18px}
 .vedioBox h3 { font-size: 29px;
  color: #fff;}
.vdBoxes i {
  color: #fff; 
}
 .vdBoxes {  
  border: solid 4px #fff;
}

  
.right-site-button1{width:218px;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;color:#fff}
.site-button3{width:139px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;color:#fff;margin-left:110px}
.site-button-6{width:241px;background-color:#ab8a62;border-radius:36px;list-style:none;padding:0;text-align:center;font-size:16px;PADDING:7PX;font-weight:600;color:#fff;margin-top:51PX}
header .navbar-light .navbar-brand{width: 50%;}
.homeTestimonial .reviewsblock{padding: 10px;}
.main-header{padding: 0 2%;}
.homeBanner .banner-text, .homeAbout .about-ustext, .textmonial-heading, .title{font-size: 18px;}
.servicesBlock ul, .service-offer .row{flex-wrap:wrap;}
.servicesBlock ul:before, .servicesBlock ul li:before, .servicesBlock ul li:after{display: none;}
.servicesBlock ul li{width: 100%;}
.servicesBlock ul li{height: auto;padding: 30px;margin: 10px 0;}
.secondRow{margin: 0;}
.servicesBlock .col-md-4, .servicesBlock .col-md-8{padding-left: 15px!important; padding-right: 15px !important;}
.servicesBlock ul li h5, .servicesBlock ul li p{text-align: center; margin-top: 10px;}
.service-offer img { display: none;}
.aboutBox p{padding-right:0}
.info-service, .service-text1, .social-footer, .top-header .social-icon1{padding-left: 0;}
.diamondBlog .diamondform .diamondShape ul li{ width: 33.33%;}
.diamondBlog .diamondform .formBlog p{font-size: 14px;}
.diamondBlog .btn-primary{padding: 10px 25px; font-size: 14px;}
.fileupload-wrapper table td{font-size: 13px;}
.icon-service-2{font-size: 24px;}
.icon-service-3{font-size: 18px;}
#diamond_recaptcha{padding-left: 0!important;transform: scale(.77);display: flex;justify-content: center;}
.phone-text{font-size: 9px;}
.diamondBlog h2{text-align: center;font-size: 24px;}
.diamondBlog img {width: 40px;}
.diamondBlog .diamondform .diamondShape ul li .diaTitle {font-size: 12px;}
nav.navbar {padding: 13px 10px 6px;}
iframe[title="recaptcha challenge"]{position: relative!important;left: -122px;}
.wrapper{display:block;position:relative;width:100%;margin:auto}
h2.titlediamonds{font-size:12px!important;line-height:20px}
 
.brand-logo{background:#f8f8f7;padding:40px 0 40px;text-align:center}  
.diamondBlog .diamondform .typeRingBlock ul li img{max-width: 100%; width: auto;}
}


@media  only screen and (max-width:640px)
{
.mobImgImg {display: block;}
.dskImg{display:none!important}
.text-point li{margin:0 0 8px;font-size:16px}
.homesliderContent .slideBtns a{padding:13px 16px 15px;font-size:14px;margin-top:20px}
.topBoxes{justify-content:center}
.homeAbout{padding:40px 0 0}
.homeAbout .btn{line-height:41px;padding:0 20px;font-size:15px}
  .headeTopLeft, .headeTopMiddle  {
    margin: 0 0 10px;}
                   
 
 .serviceIconContent p {  
    margin: 0;
  }


}


@media  only screen and (max-width:580px)
{
.diamondBlog .diamondform .typeRingBlock ul li{width:50%}
.innerBanner .bannerImg .bannerText{width:100%}
.navbar-brand img {width: 90px;}
.navbar-toggler {padding: 2px 3px;font-size: 16px;}
.partners .partnersImg {
  width: 100%;
}
.partners .partnersContent {
  width: 100%;
  padding: 20px 20px;
}

  .aboutBox  h2 {
  font-size: 25px;
}
.service-offer .btn {  
  margin-left: 0;   
  margin: 10px 0 10px !important;
}
#light {
 
  top: 40%;
  left: 5px;
  max-width: 100%;
  margin-left: 0;
  z-index: 1002;
  overflow: visible;
  margin-right: 6px;
}
 #boxclose {    
  right: 0;    
  top: -30px;
}

        
}

@media  only screen and (max-width:480px)
{
 
.text-point li img{margin-right:6px;width:17px}
.text-point li{margin:0 0 3px}
.homesliderContent .slideBtns a{padding:10px 11px 12px;font-size:14px;margin-top:20px}
.serviceIconContent a{width:auto;font-size:13px;padding:11px 23px 9px}  
.headeTopRight {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
 .service-offer .btn { 
    width: 100%;
  }
 .info-service {   
  margin: 20px 0 0;
}
.copyText {      
  padding: 8px 40px; 
  color: #333;
  font-size: 11px;
}
.service-text1 li a { 
  font-size: 13px;      
}

.workBoxes h2 {         
  font-size: 22px; 
  margin: 80px 0 19px;
}

 .workBoxes ul {
  padding-left: 0;
}



}

@media  (min-width: 990px) 
{
header .navbar-light .navbar-brand{width: 20%;}
header .navbar-light .navbar-brand img{max-width: 100%;}
pd-left {padding-left: 0!important;}
.servicesBlock .twoservice{width: 70%; margin: 0 auto;}
.servicesBlock .twoservice ul li{width: 50%;margin: 0 40px;}
}  
      
      
@media only screen and (max-width:990px) {
  
 .visits {   
  margin: 20px 0 0;}
   
 .visitDes {
  font-size: 15px;
  margin: 10px 0 10px;
  line-height: 27px;
}


 
}    
@media only screen and (max-width:420px) {
  .homeBanner .homesliderContent h3 {
    font-size: 21px;
    line-height: 27px;
  }
    .homeBanner .homesliderContent p {
    margin: 11px 0 0;
    font-size: 14px;
    letter-spacing: 0;
  }
  
  
}


 #whychoose .serviceIconContent p{
  min-height: inherit;
  margin: 0;
}
#whychoose  .serviceIconBox {   
min-height: 265px;  
  }

  @media only screen and (max-width:990px)
 {  
.serviceIconBox { 
  padding: 20px 0 30px;
  min-height: 280px;   
}
   .serviceIconContent p {
    padding: 8px 12px 0;
    font-size: 14px;
    letter-spacing: 0;
  }
  .serviceIconContent a {
    width: 92%;
    font-size: 12px;
    margin: auto;
    padding: 11px 5px 10px;
  }
  
  
  }
  @media only screen and (max-width:800px)
 {  
  .serviceIconContent p {
    min-height: 130px;
  }
  
  }
  
  @media only screen and (max-width:767px) {
  .serviceIconContent p {
    min-height: 150px;
    margin: 0 0 20px;
  }
  
 
  
  
  
}
  @media only screen and (max-width:500px)
   {
#whychoose .serviceIconBox {
  min-height: inherit;
}
  
  
  
}


 .homeBanner {  
  background: #fff0db;
}
.homeBanner .SlideBoxes {
  display: flex;
  background: #fff0db;
  height: 100%;
}


 .homeContent {
padding:20px 30px 20px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 .homeContent h3 {
  text-align: center;
  margin:0 0 30px;
  font-size:28px;
  font-family: 'charterregular';
}


.homeContent p {
  font-size: 15px; color:#000;
  text-align: center;
  font-weight: 500;
}

 
 .homeContent ul {
  margin: auto;
  display: table;
}
.homeContent li {
  list-style-type: none;
  position: relative;
  margin: 0 0 10px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}

 .homeContent li:before {content:''; background: url(../img/slideTick.png);width: 30px;
  height: 30px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;} 
   .dsktopImg {width:100%; height:100%; object-fit:cover; }

  
  .sliderBtns a  {
  display: table;  font-size: 14px;
  margin: 10px auto 0;
  color: #fff;   border-radius: 5px;
  background: #ab8a62;
  padding: 13px 18px 11px;
}

 .sliderBtns a:hover {background: #000;}




  @media only screen and (max-width:992px)
   {
 
.hideTab {display:none;}
.homeContent div{
  width: 100%;
}
 .homeContent ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.homeContent h3 {  
  max-width: 380px;  
  margin: 0 auto 12px;

}
.homeContent li {   
  margin: 0 0 10px;
  max-width: 290px;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}




  
}

  @media only screen and (max-width:700px)
   {
 
  .homeContent li {
    margin: 0 0 10px;
    max-width: 50%;
    gap: 7px;
    width: 100%;
    font-size: 12px;
  }

  .homeContent li:last-child {
    max-width: 70%;
  }
  .homeContent {
  padding: 20px 0px;   
}
  .homeContent h3 {    
    font-size: 21px;
  }
 .homeContent li::before {  
  width: 15px;
  height: 15px;     
}




  
}

  @media only screen and (max-width:1500px)
{
.dsktopImg {width:550px; height:100%; object-fit:cover; }
  
}

@media only screen and (max-width:1200px) {
  .dsktopImg {
    width: 400px;
  }
} 
@media only screen and (max-width:1040px) {
.homeContent {
  padding: 20px 10px 20px 20px;  
}
.homeContent h3 {
  font-size:21px;
}
 .dsktopImg {
    width:300px;
  }

}


@media only screen and (max-width:992px) {
.homeContent {
  padding: 20px 10px 20px 20px;  
}
.homeContent h3 {
  font-size:28px;
}
 .dsktopImg {
    width:100%;
  }

}



.onlineTop h6{
  color: #ab8a62;
}
   
 
.onlineTabs span {
  display: block;
  width: 100%;
  color: #000;
  margin: 8px 0 10px;
}

.onlineTabs li {
  width:25%;
  text-align: center;
}
   
span.iconImg {
  height:60px;
  background: #f5f1f1;
  width:60px;
  margin: auto;
  border-radius: 50%;  display: flex;
  justify-content: center;
  align-items: center;
}
 .onlineTabs img {
  width: 37px;
  margin: auto;
  display: table;
}


 #msform {
 
  position: relative;
  margin-top: 20px;
}

 #msform #progressbar{
  text-align: center;  
}


#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey;
}

 #progressbar li {
  list-style-type: none;
  font-size: 15px;
  width:50%;
  float: left;
  position: relative;
  font-weight: 400;
}

 #progressbar .active {
  color:#ab8a62;
}

#progressbar li::before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
}

#progressbar #account::before {
   content: "1";
}
#progressbar #personal::before {
  content: "2";
}
#progressbar #payment::before {
  content: "3";
}

#progressbar #confirm::before {
  content: "4";
}

#progressbar li::after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}

#progressbar li.active::before, #progressbar li.active::after {
  background:#ab8a62;
}

 .stepForm h3   {
  font-size: 30px;
  text-transform: capitalize;
  font-weight: 400;
}

 .stepForm p {
  margin: 0 0 30px;
  font-size: 14px;
}
 .stepForm p a{
  color: #000;
  text-decoration: underline;
}




 #msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}
#msform fieldset:not(:first-of-type) {
    display: none
}

    
.stepForm textarea.form-control  {
  height: 110px!important;
}
.stepForm .form-control {
  height: 47px;
  font-weight: 300;
  font-size: 15px;
  box-shadow: inherit !important;
  color: #000;
}

.stepForm .btn-primary{
  color: #fff!important;
  padding: 8px 30px 10px;
  text-transform: uppercase;
  font-size: 15px;
}



.stepForm  .text-muted{
  text-align: left;
  font-size: 13px;
  font-weight: 300;
}

header a {color:#000; font-size: 11px;}

   .headeTopRight .form-check-label{
  position: relative;    padding: 5px 10px;  border-radius: 11px;
}
    .headeTopRight .form-check-input {display: none;}
     .headeTopRight   .form-check-label {  
  padding:7px 10px;
}
 .headeTopRight .form-check  .boderSelected {
  border: solid 1px #f8f8f7;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.headeTopRight .form-check img{
  width: 26px;
}
.headeTopRight .form-check input:checked ~ label {
  background: #ab8a62;


}

 .headeTopRight .form-check input:checked ~ label span {
color:#fff;
}


  .action-button  {
  float: right;           border-radius: 5px;
  background: #ab8a62;
  border: none;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 10px 22px 8px;
}

.action-button-previous {
  float: left;
  background: #ab8a62;
  border: none;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 10px 22px 8px;
}
 .action-button-previous:hover, .action-button:hover  {background: #000;
  color: #fff;}
   
   
   
   
   
   @media only screen and (max-width:700px)
   {
   span.iconImg {
  height:40px;  
  width:40px;  
}
.onlineTabs img {
  width:23px;   
}
 .onlineTabs span {  
  font-size:12px;
  word-wrap: break-word;
}


.nav-link {      
  padding: 9px 5px;
}

  .homeBanner img {
    height:200px;
  object-fit: cover;
  object-position: top;
} 
   
 .onlineTop  h2  {
  font-size: 21px;
}

 .diamondBlog .diamondform .diamondShape ul li label {
  cursor: pointer;
  width: 100%;
}

.diamondBlog .diamondform .diamondShape, .diamondBlog .diamondform .metalTypeForm, .diamondBlog .diamondform .typeRingBlock {
  padding: 10px 0 28px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 15px;
}


.diamondBlog .diamondform .diamondTitle {  
  padding: 0 10px;
}
.diamondBlog .diamondform .typeRingBlock ul {   
  margin: 0;
  padding: 0 10px;
}
 .diamondBlog .diamondform .metalTypeForm .selectDropdown { 
  padding: 0 10px;
}
  .diamondBlog .diamondform .metalTypeForm .selectDropdown::after {  
  right: 15px;
}
.diamondBlog .diamondform .diamondShape p {  
  padding: 0 10px;
}


    
   }
   
   
   .notesBox {
  font-weight: 100;
  font-size: 12px;
  margin: 5px 0 0;
}
   
   
   
   .diamondShape .diamondTitle{
  font-size: 17px;
  color: #ab8a62;
  font-weight: 500;
  margin: 0 0 4px;
}

.onlineForms .diamondShape ul.shapeBoxes {
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  gap: 9px;
}
.onlineForms .diamondShape li  input {
  display: none;
}

.onlineForms .diamondShape  li span {
  display: block;
  margin-top: 10px;width: 100%;
}

.onlineForms .diamondShape ul.shapeBoxes li {
     width:8%;
}
.onlineForms .diamondShape ul.shapeBoxes li label {
  width: 100%;
  padding: 10px 10px;
 
}
.onlineForms .diamondShape ul.shapeBoxes li input + span {
  background: url(../img/checkbox.png)left top no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
}
 
.onlineForms .diamondShape ul.shapeBoxes li input:checked + span {
  background: url(../img/tickcheckbox.png)left top no-repeat;
}
 

.onlineForms  .diamondShape ul.shapeBoxes li img {
width:80px;
}


.onlineForms .typeRingBlock  ul.typeRing {
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  gap: 9px;
}

.onlineForms   .typeRingBlock ul li label input {
  display: none;
}


.onlineForms .typeRingBlock ul li label span {
  display: inline-block;
  width: 100%;
  margin: 10px 0 11px;
}

.onlineForms .typeRingBlock .diamondTitle {
  font-size: 17px;
  color: #ab8a62;
  font-weight: 500;
  margin:0 0 10px;
}

.onlineForms .typeRingBlock ul.typeRing li label {
  width: 100%;
  padding:0px;
 
}
.onlineForms .typeRingBlock ul li label  div {text-align: center; }


.onlineForms .typeRingBlock ul li label input:checked + div {
  background: inherit;
  box-shadow: 0px 0px 9px 0px #cbcaca;
}


.onlineForms  .typeRingBlock ul li {
     width:16.6%;
}


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

.container  {
  max-width: 96%;
}

 
  
  
}

   
@media only screen and (min-width:993px) and (max-width:1100px)
{
 
   .navbar-brand img {
    width: 90px;
  }
 header .navbar-light .navbar-brand {
    width:14%;
  }
  nav ul li:last-child a {
    font-size: 12px;
  }
  
   .navbar-light .navbar-nav .nav-link {
    font-size: 12px;
  } 
  
}


 
   
@media only screen  and (max-width:1000px)
{
 
.onlineForms .typeRingBlock ul li label span {
  font-size: 14px;
}

.typeRingBlock img {
  max-width: 100%;
  width: 80px;
}

.onlineForms .diamondShape ul.shapeBoxes li img {
  width: 60px;
}

.onlineForms .diamondShape li span { 
  font-size: 14px;
}
}



    
@media only screen  and (max-width:992px)
{
 
.onlineForms .diamondShape ul.shapeBoxes {
  flex-wrap: wrap; justify-content: start;
}
.onlineForms .typeRingBlock ul.typeRing {
  flex-wrap: wrap; justify-content: start;
}
.onlineForms .typeRingBlock ul li {
  width:24%;
}
  .typeRingBlock img {
    max-width: 100%;
    width: 130px;
  }
.onlineForms .diamondShape ul.shapeBoxes li {
  width: 15%;
}



  
}


@media only screen and (max-width:767px) {
  .onlineForms .typeRingBlock ul li {
    width:32%;
  }

  header .navbar-light .navbar-toggler {
    border: none !important;
  }
}


@media only screen and (max-width:540px) {
  .onlineForms .typeRingBlock ul li {
    width: 48%;
  }
    .onlineForms .diamondShape ul.shapeBoxes li {
    width: 31%;
  }
  
 .headeTopRight .form-check-label {
  padding: 7px 9px;
  font-size: 12px;
}
.headeTopRight .form-check img {
  width: 13px;
}
 .diamondBlog img {
    width: 70px;
    margin: 0 0 7px;
  }
  
  .service-offer .get-diamond h2 {    
  flex-wrap: wrap;
}


 
}

.cust-mb{
  margin-bottom: 10px;
}

.marq-section{
}

.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
  padding-bottom: 30px;
}

.marquee {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 50s linear infinite;
}

.marquee:hover {
  animation-play-state: paused;
}

.marquee span {
  display: inline-block;
  margin-right: 50px; /* Adjust spacing */
  font-size: 1.5rem; /* Adjust font size */
  color: #333; /* Adjust text color */
}

.marquee span img{
  width: 100%;
  aspect-ratio: 5 / 1;
  max-width: 144px;

}

/* Keyframes for sliding effect */
@keyframes marquee {
  0% {
    transform: translateX(  00%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media only screen and (max-width:991px){
  .marquee {
    animation: marquee 18s linear infinite;
  }

}

@media only screen and (max-width:700px){
  .marquee {
    animation: marquee 12s linear infinite;
  }

  .marquee span {
    display: inline-block;
    margin-right: 25px; /* Adjust spacing */
    font-size: 1.5rem; /* Adjust font size */
    color: #333; /* Adjust text color */
  }
}

.address .col-cus-2{
  flex: 0 0 20%;
  max-width: 20%;
  text-align: center;
}

.address .col-cus-10{
  flex: 0 0 80%;
  max-width: 80%;
}

.flag-logo{
  width: 40px;
}