*{margin:0;padding:0;box-sizing: border-box;}
body{padding-top: 70px; }
a{transition:all .3s ease-in-out 0s}
a:hover{text-decoration:none}
.wrapper{overflow:hidden}
.innerWrapper{position:relative;left:0}
#mainNavigation,.headerMidNav,.innerWrapper,.navContainer{transition:all .3s ease-in-out 0s}
.header-mid,.header-top,.homebanner,header{width:100%;float:left}
.main-logo{padding: 5px 0 0px;width: 60px;}
.header-mid{padding:15px 20px}
.home-main-logo{width: 46px;}
.header-mid ul{margin-bottom:0;display:inline-block}
.header-mid ul li{list-style:none;display:inline-block}
.header-mid ul li a{color:#1c1819;display:block}
.header-mid .fa{font-size:16px;font-weight:300}
.pos-releative{position:relative}
.mainNavication{width:100%;float:left;text-align:right;margin:0;padding:0}
nav{width:100%;float:left;padding:0;transition:all .3s ease-in-out 0s;position:relative}
nav li{display:inline-block;position:relative;}
nav li>a{display:block;padding:15px 11px;color:#000;font-size:12px;letter-spacing:1px;text-transform:uppercase;position:relative}
nav li>a:hover{color:#000;background:#dedede}
a.hideShowNav span{font-size:12px;margin-left:10px}
.mainNavication li .dropdown-menu{opacity:0;transition:all .5s ease-in-out 0s;right:0;left:inherit}
.mainNavication li:hover .dropdown-menu{opacity:1}
.mainNavication li .dropdown-menu li{border-top:1px solid #ddd;padding:6px 0;width:100%}
.mainNavication li .dropdown-menu:before{position:absolute;content:'\25B2';font-size:14px;color:#ddd;top:-16px;right:8%}
.mainNavication li .dropdown-menu li:first-child{border-top:none}
.mainNavication li .dropdown-menu li:hover{background:#f2f2f2}
.headingBg{background:#e4ecf1;width:100%;float:left;text-align:center;padding:10px 0 15px}
a.hideShowNav{font-size:16px;color:#222;padding:10px;border-bottom:1px solid #dedede}
.Vision360 .small {   display: none !important;}
a:focus{outline:0}
.top-slide{width:35px;height:35px;text-align:center;position:fixed;bottom:50px;right:40px;font-size:20px;display:none;z-index:999;background:#f53b14;border-radius:50%;color:#fff!important;line-height:35px}
.breadcrumbs{background: #000;margin-top: 0px;padding:5px 0;margin-bottom: 0;line-height:1.5em;width:100%;float:left;display: flex;justify-content: center;display: none;}
.breadcrumbs ul{padding-left:0}
.breadcrumbs li{float:left;font-size:.8em;list-style:none;color:#aaa}
.breadcrumbs a{display:block;float:left;color:#aaa}
.breadcrumbs ul li span{padding:0 4px}
.body-container .page-title h1{margin:0;text-align:center;text-transform: uppercase; font-size: 21px; letter-spacing: 5px; color: #000;}
.logo img{max-width:100%}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus{background-color: transparent;}
.leftArrow{position: absolute;left: 10%;color: #fff;}


footer .footerTop{background:#313131;padding:20px 0}
footer .footerTop h5{color:#fff;font-size:18px;text-transform:uppercase;line-height:26px;margin:0}
footer .footerTop h5 span{display:block;font-size:17px}
footer .footerTop h5 span a{color:#f53b14;text-decoration:none}
footer .footerTop .form-control{height:54px;line-height:54px;border-radius:0;border:1px solid #f53b14;width:70%;display:inline-block;float:left}
footer .footerTop .btn{border-radius:0;height:54px;line-height:54px;width:154px;padding:0;text-align:center;background:#f53b14;color:#fff;font-size:16px;text-transform:uppercase;margin-left:12px;border:none;transition:all .3s ease-in-out 0s}
footer .footerTop .btn:hover{background:#fff;color:#000}
.footerNav{padding-top:30px;text-transform:uppercase}
.footerNav h3,.footerNav h4{font-size:1.6666em;color:#313131;text-transform:uppercase;margin-top:0;margin-bottom:10px}
.footerNav ul{margin-bottom:0;padding:0}
.footerNav ul li{display:inline-block;width:100%;list-style:none;line-height:20px;text-transform:uppercase}
.footerNav ul li a{display:block;color:#222}
.footerNav ul li a:hover{text-decoration:underline}
.footerNav a.learn-more{display:inline-block;margin-top:10px;text-decoration:underline;color:#222}
.footerNav a.learn-more:hover{text-decoration:none}
.footerNav p{line-height:24px;color:#313131}
.footerNav h4{margin:20px 0 15px}
.footerNav .social-icon{width:100%;float:left}
.footerNav .social-icon a{color:#fff;background:#f53b14;width:30px;height:30px;text-align:center;line-height:30px;display:inline-block;margin-right:6px;font-size:16px;border-radius:50%}
.footerNav .social-icon a:hover{background:#000}
p.copyText{font-size:12px;margin-bottom:0;padding-bottom:6px}
.hoverEffect{width:100%;float:left;position:relative}
.body-container h3{font-size:20px;margin:30px 0}
.diamondsearch-large{background:#7e8a8c none repeat scroll 0 0;color:#fff!important;display:inline-block;font-size:16px;margin-bottom:15px;padding:12px 20px;border-radius: 4px;}
.diamondsearch-large:hover{background:#000}
.btn-default{border-radius:4px;background:#000;color:#fff!important;min-width:100px;text-align:center;border: 1px solid transparent;text-shadow:none; border-radius:0;}
.btn-secondary{border-radius:4;min-width:180px;text-align:center;border:none;text-shadow:none}
.btn-default:focus,.btn-default:hover{border-radius:4px;background:#000;color:#fff;border:none}
.body-container .panel-default>.panel-heading h3,.body-container .panel-info h3{margin:0}
.body-container .form-control{border-radius:0;font-size: 12px;}
.popup-right li{list-style:none;line-height:24px}
.popup-right h2{font-size:22px;margin-top:0}
.body-container .nav-tabs>li a{color:#000}
.retPortal{font-size:13px;color:#6fbf99;margin-right:10px}
@media(max-width:767px){
.headerMidLinks{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap;padding:0 20px 15px}
.headerMidLinks .retPortal{margin:0 5px}
.headerMidLinks .currencySelectBox{max-width:80px}
}
.featuredProduct{background:#fff none repeat scroll 0 0;border:1px solid #d5d5d5;display:block;margin:0 auto;padding:12px;position:relative;text-align:center;width:100%}
.productListing .featuredProduct{margin-bottom:30px}
.lblNewItem{background-color:#c3a333}
.lblBestSeller,.lblNewItem{color:#fff;font-size:9px;left:0;line-height:14px;padding:3px 5px;position:absolute;text-transform:uppercase;top:0;z-index:1}
.featuredProduct .productImage{display:block;height:300px;overflow:hidden}
.featuredProduct .productTitle{float:left;font-size:12px;height:46px;overflow:hidden;text-align:center;width:100%;color:#000}
.featuredProduct .productSize{bottom:125px;left:0;margin:0;padding:0;position:absolute;right:0}
.featuredProduct .block1{background-color:#fafafa;float:left;margin:10px 0;padding:10px;width:100%}
.featuredProduct .productPrice{font-weight:700}
.btn-block{display:block;width:100%}
.featuredProduct .block2 a{color:#e44b3c}
.productDetailContainer .btn-group .btn{border:1px solid #fff}
.requestViewingInfo li{list-style:none;width:100%;float:left;margin-bottom:10px}
.requestViewingInfo h2{font-size:24px;margin-top:0}
.modal-content{display:inline-block}
#videoModal .modal-content{display:inherit}
.header-mid form{display:inline-block}
@media(max-width:1370px){
nav li>a{letter-spacing:.4px}
}
@media(max-width:1281px){
nav li>a{padding:15px 6px}
}
@media(max-width:1030px){
nav li>a{padding:11px 4px;font-size:11px}
.product-item_info{bottom:0}
footer .footerTop .form-control{width:63%}
}
@media(max-width:780px){
nav li>a{padding:11px 7px;font-size:13px}
.mainNavication{text-align:center}
.logo{width:100%;float:left;text-align:center;margin-bottom:10px}
.footerNav h3{margin-top:20px}
}
@media (max-width:767px){
.logo{width:100%;text-align:center}
nav li{width:100%;border-top:1px solid #fff;text-align:left}
nav li a{padding:14px 10px;font-size:16px;text-decoration:none!important}
nav li>a{border-bottom:none}
.fa-angle-down{display:none}
nav li{padding:0}
header{position:static}
.mid-header{width:100%;float:left}
.navContainer #mainNavigation{display:none}
.hideShowNav{width:100%;float:left;padding:10px 0}
.navContainer #mainNavigation.showDiv{display:block}
.hideShowNav.selectshowDiv{background:#dedede}
.mobile-icon{float:right;margin-top:-44px;padding:0!important}
.mobile-icon li{border-top:none!important;padding:13px 20px 0}
.mobile-icon li a{padding:0}
.header-mid{padding:15px 0}
.mob-navHeader .siteLogo{width:100%}
nav li{position:inherit;line-height:30px}
nav .mainNavication a{padding:10px!important;font-size:15px}
.logo img{max-width:87%}
footer{text-align:center}
.header-mid,.header-top,.homebanner,header{overflow:hidden}
.body-container .page-title h1{font-size:24px}
}
.modal{background-color:rgba(0,0,0,.4)}
.modal-backdrop,.modal-backdrop.in{display:none!important}
.dia-cert{font-size:12px}
.currencySelectBox{width:110px;height:30px;font-size:12px}
.diamondMarkupRules .panel-title{font-size:18px}
.diamondMarkupRules .form-inline{text-align:center}
.diamondMarkupRules .form-inline .form-group+.form-group{margin-left:25px}
.diamondMarkupRules #standard-markup-btn,.diamondMarkupRules #standard-markup-div{position:relative;margin-top:12px}
.diamondMarkupRules #standard-markup-div small{display:block;font-size:10px;color:#bf770d}
.diamondMarkupRules table thead tr th{vertical-align:middle}
.diamondMarkupRules table thead tr th label{margin-left:15px}
.compareDiamond h3{font-size: 30px; margin-bottom: 20px;}
.compareDiamond table{border: 1px solid #D5D7D8;}
.compareDiamond table td{width: 16.66%; font-size: 15px;}
.compareDiamond table td img{max-width: 100%; }
.compareDiamond table th.titleCompare{padding: 13px 5px; text-align: center; font-size: 14px;  font-weight: normal;}
.compareDiamond table th, .compareDiamond table td{border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
/*.compareDiamond table td.imgCompare{border-bottom: none;}*/
.compareDiamond table td.leftTitle, .compareDiamond table td.compareValue{padding:13px 10px;}
.compareDiamond table td a{color: #000;}
.compareDiamond table tr:hover td{background : #f6f6f6;}
.compareDiamond table td a.viewText{color : #000;text-decoration: underline;}
.compareDiamond table tr th:nth-child(2), .compareDiamond table tr td:nth-child(2){border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.compareDiamond table tr th:nth-child(2) .titleCompare{border-top:1px solid #ddd}
.compareDiamond table tr:first-child th:nth-child(2){border-top:1px solid #ddd}
.compareDiamond table tr:last-child td:nth-child(2){border-bottom:1px solid #ddd}
@media(max-width:780px){
    .compareDiamond table{display: block; overflow: auto;}
}


.shopping-cart-box .billing-info {
    border-right: 1px solid #dfdede;
    float: left;
    height: auto;     
    min-height: 580px;
    padding: 0 10px;

    width: 100%
}

.shopping-cart-box .billing-info .billing-head, .shopping-cart-box .shipping-method .shipping-head, .shopping-cart-box .review-order .review-head {
    border-bottom: 1px solid #ddd;       
    color: #13322a;
    float: left;
    width: 100%;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 10px; 
  
}

.shopping-cart-box .billing-info .billing-field {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

.shopping-cart-box .billing-info .billing-field ul {
    margin: 0;
    padding: 0
}

.shopping-cart-box .billing-info .billing-field ul li {
  
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items:center;
    padding: 10px 0;
  
    
}

.shopping-cart-box .billing-info .billing-field ul li label {
    color: #333;
    display: block;
    float: left;
    font-size: 13px; 
    margin: 0;
    padding: 0;
    width: 110px
}

.shopping-cart-box .billing-info .billing-field ul li span {
    color: red;
    display: block;
    float: left;  
    margin: 0;
    padding: 0;
    width: 233px
}

.shopping-cart-box .billing-info .billing-field ul li span input[type=text] {
    border: 1px solid #ccc;
    color: #999;
    float: left;    
    padding: 5px;
    width: 90%
}

.shopping-cart-box .billing-info .billing-field ul li span textarea {
    border: 1px solid #ccc;
    height: 56px;
    vertical-align: middle;
    width: 90% !important;
}

.shopping-cart-box .billing-info .billing-field ul li span select {
    border: 1px solid #ccc;
    color: #999;
    float: left;    
    padding: 5px;
    width: 90%;
}

.shopping-cart-box .shipping-method {
    float: left;
    height: auto;
    margin: 0;
   
    width: 100%
}



.shopping-cart-box .shipping-method .radio-box {
    float: left;
    height: auto;
    margin: 5px 0 15px;
    padding: 0;
    width: 100%
}

.shopping-cart-box .shipping-method .delivery-box {
    background-color: #f5f5f5;
    color: #333;
    float: left;
     height: auto;
    margin: 10px 0 0;
    padding: 8px 12px 0;
    width: 100%
}

.shopping-cart-box .shipping-method .diamond-text {
    background-color: #f5f5f5;
    color: #333;
    float: left;
    font-size: 13px;
    
    height: auto;
    margin: 0;
    padding: 10px;
    line-height: 22px;
    width: 100%
}

.shopping-cart-box .shipping-method .radio-box ul {
    margin: 0;
    padding: 0
}

.shopping-cart-box .shipping-method .radio-box ul li {
    color: #333; 
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    font-size: 13px;
    line-height: 23px;
}

.shopping-cart-box .review-order {
    border-left: 1px solid #dfdede;
    float: right;
    height: auto;
    margin: 0;
    min-height: 580px;
    padding: 0 10px;
    width: 100%;
    font-size: 13px;
}


.shopping-cart-box .review-order .review-or-box {
    background-color: #f0f0f0;
    border-bottom: 1px solid #fece02;
    float: left; 
    padding: 5px 0;
    width: 100%
}

.shopping-cart-box .review-order .review-or-box .product-head {
    color: #333;
    float: left; 
    margin: 0; 
    width: 25%;
    padding: 5px;
}

.shopping-cart-box .review-order .review-or-box .des-head {
    color: #333;
    float: left;
    padding: 5px 10px; 
    width: 50%;
}

.shopping-cart-box .review-order .review-or-box .price-head {
    color: #333;
    float: left; 
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
    width: 25%
}

.shopping-cart-box .review-order .review-or-product {
    border-bottom: 1px dashed #999;
    float: left;
    height: auto;
    margin: 0;
    padding: 5px 0;
    width: 100%
}

.shopping-cart-box .review-order .review-or-product .main-product-box {
    float: left;
    height: auto;
    margin: 0;
    padding: 5px 0;
    position: relative;
    width: 327px
}

.shopping-cart-box .review-order .review-or-product .main-product-box .product-img {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 25%;
}
.shopping-cart-box .review-order .review-or-product .main-product-box .product-img img{max-width: 100%;}

.shopping-cart-box .review-order .review-or-product .main-product-box .des-text {
    color: #333;
    float: left;

    height: auto;
    margin: 0;
    padding: 0 10px;
    width: 50%
}

.shopping-cart-box .review-order .review-or-product .main-product-box .price-value {
    color: #333;
    float: left;

    height: auto;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
    width: 25%
}

.shopping-cart-box .review-order .review-or-product .main-product-box .remove-set {
    bottom: 0;
    color: #a5448b;
    float: left;

    height: auto;
    margin: 0;
    padding: 0 10px 0 0;
    position: absolute;
    right: 0;
    width: auto
}

.shopping-cart-box .review-order .pricing-box {
    background-color: #fcfdc4;
    border-bottom: 1px solid #fece02;
    color: #333;
    float: left;  
    margin: 10px 0 0;
    padding: 5px;    
    width: 100%
}

.shopping-cart-box .review-order .pricing-detail {
    border-bottom: 1px dashed #999;
    float: left;
    height: auto;
    margin: 0;
    padding: 7px 0;
    width: 100%;
    line-height: 22px;
}

.shopping-cart-box .review-order .pricing-detail .pricing-text {
    color: #333;
    float: left;

    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 60%
}

.shopping-cart-box .review-order .pricing-detail .pricing-price {
    color: #333;
    float: left;

    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 40%;
}

.product_not_available {
    color: #721c24;
    background-color: #f9ebed !important;
    border-color: #f5c6cb;
}
.green-head {
    background: #000 !important;
    color: #fff !important;
}

.listView .conditionalReport{display: none;}
#changeView .shortbyorder{border:1px solid #ddd; padding: 4px 10px; margin:0 20px 0 5px; display: inline-block;}
.clearfix{float: left;width: 100%;}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {height: 100%;width: 100%;color: rgb(68,68,68);-webkit-font-smoothing: antialiased;}
ul{padding-left: 0;margin: 0;}
ul li{list-style-type: none;}
a{color: #000;}

/*common css*/
.mysteryContainer{padding: 0 4%;}
.innerContainer{padding: 80px 10%;}
.mt-30{margin-top: 30px;}
.innerPage{padding: 80px 0;color: #000;}
.registerBtn{padding: 8px 30px; background: #7e8a8c;border: none;font-size: 18px;color: #fff;border:1px solid #fff; }
.innerBorder{border-top: 3px solid #808183;}
.commonBtn{background: #7e8a8c;color: #fff;font-weight: 600;font-size: 16px;width: 250px;height: 50px;text-transform: uppercase;transform: translateY(30px);}


/* start header */
header .nav-link{font-size: 14px;text-transform: uppercase;color: rgb(68,68,68)!important;}
header{z-index: 99;width: 100%;top: 0;transition: all 2s;}
header .nav-link:hover{color: #959698!important;}
.scroll-logo{display: none;}
#navigation {transition:all .7s ease-in-out 0s; top:-100px;}
#navigation.scroll-header{position:fixed;top:0; width:100%;z-index:999;}
#navigation.scroll-header .navbar{padding: 0 1rem;}
/*.scroll-header .navbar-nav > li > a{color: #fff!important} */

video#bgvid {top: 0;bottom: 0;position: relative;width: 100%;height: 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;}
.videoBlock{position: absolute;top: 50%;transform: translateY(-50%);left: 0;background: rgba(0,0,0,.4);padding: 15px 20px;color: #fff;border: 1px solid #54555b;}
.videoBlock p{font-size: 50px;}
.videoBlock span{font-weight: 600;display: block;margin-top: -21px;}

.bannerSection h3{text-transform: uppercase;font-size: 50px;}
.bannerSection p{font-size: 24px;}
.btn-primary{color: #fff;background-color: #7b8d8d;border-color: #7c8688;padding: 8px 25px;}
.btn-primary:hover{background: #000;border-color: #7b8d8d;}
.btn-outline-primary {border-color: #fff;color: #fff;padding: 8px 25px;text-transform:}
.btn-outline-primary:hover {color: #fff;background-color: #7b8d8d;border-color: #7b8d8d;}
.btn-primary.focus, .btn-primary:focus {color: #fff;background-color: #81888e;border-color: #81888e;box-shadow: 0 0 0 0.2rem rgb(129 136 142);}
.btn:hover {color: #fff;text-decoration: none;background: #000;border: 1px solid transparent;}

.info{background: #fff;font-size: 20px;padding: 50px 0;}
.info p{max-width: 1000px;margin: auto;}
.info li{font-size: 18px;color: #000; padding: 0 15px;text-transform: uppercase;font-weight: 500;}

.box{background: rgba(255,255,255,0.5);position: absolute;top: 50%;right: 10%;transform: translateY(-50%);text-align: center;max-width: 550px;padding: 70px 35px;}
.leftBox{left: 10%;right: auto;}
.box h3{font-size: 30px;font-weight: 600;text-transform: uppercase;transform: translate(0px,-24px);padding: 0 15px;}
/*.boxborder:before{content: "";width: 150px;height: 2px;background: #7e8a8c;position: absolute;left: 0px;top: 0px;}*/
/*.boxborder:after{content: "";width: 150px;height: 2px;background: #7e8a8c;position: absolute;right: 0px;top: 0px;}*/
.box p{font-size: 20px;line-height: 35px;padding: 20px 0;color: #000;}
.boxborder {border: 2px solid #7e8a8c;border-top: none;}
.box h3.no-background {position: relative;overflow: hidden;}
.box h3.no-background span {display: inline-block;position: relative;padding: 0 20px;}
.box h3.no-background span:before,
.box h3.no-background span:after {content: "";display: block;width: 200px;position: absolute;top: 24px;border-top: 2px solid #7e8a8c;}
.box h3.no-background span:before {right: 100%;}
.box h3.no-background span:after {left: 100%;}



footer{padding: 50px 10% 0;background: #fff;}
footer p{font-size: 16px;font-weight: 500;color: #000;}
footer li a{font-size: 14px;}
footer ul li{list-style-type: none;font-size: 14px;font-weight: 400;padding: 3px 0;}
footer ul li a{color: #000;text-decoration: none;}
footer ul li a:hover{text-decoration: none;color: #959698!important;}
.copyright{font-size: 12px;margin-top: 20px;}

.jarallax-keep-img {position: relative;z-index: 0;}
.jarallax-keep-img > .jarallax-img {position: relative;display: block;max-width: 100%;height: auto;z-index: -100;}
.jarallax {min-height: 700px;}
.jarallax-keep-img.demo-float-left {margin-right: 15px;margin-left: -60px;}
.jarallax-keep-img.demo-float-right {margin-left: 15px;margin-right: -60px;}

/*the story*/
.innerbg{background-color: #d3e6ed;}
.detailBox small{font-weight: 600;font-size: 15px;}
.detailBox h3{font-size: 25px;margin: 25px 0;}
.detailBox p{max-width: 450px;margin: auto;font-size: 14px;}
.innerContainer h3{font-size: 24px;}
.innerPage video#bgvid{height: 300px;object-fit: cover;}
.innerPage .bannerSection{padding-top: 8%;}

@media screen and (max-width: 600px) {
    .jarallax-keep-img.demo-float-left,
    .jarallax-keep-img.demo-float-right {margin-right: 0;margin-left: 0;float: none;}
}
@media(max-width: 991px){
    .navbar-nav{left: -300px;position: fixed;width: 300px;background: #fff;z-index: 99;transition: all 1s;padding: 20px;height: 100vh;top: 0;}
    .navbar-collapse.show .navbar-nav{left: 0;}
    .navbar-collapse:before{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);content: '';z-index: -999;opacity: 0;visibility: hidden;transition: all 1s;}
    .navbar-collapse.show:before{z-index: 99;opacity: 1;visibility: visible;}
    .collapse {display: block;}
    .navbar-default .navbar-nav>li>a{color: #fff;}
}

@media(max-width: 767px){
    .f-16{font-size: 16px!important;}
    .f-14{font-size: 14px!important;}
    .f-12{font-size: 12px!important;;}
    .f-18{font-size: 18px!important;;}
    .jarallax {min-height: 400px;}
    .videoBlock{padding: 5px 20px;}
    .videoBlock p{font-size: 20px;margin-bottom: 0;}
    .videoBlock span{margin-top: -7px;}
    .info {font-size: 12px;padding: 20px 5px;}
    .box{padding: 40px 13px;right: 0;}
    .box h3{font-size: 18px;transform: translate(0px,-16px);}
    .box p {font-size: 14px;line-height: 25px;padding: 0;margin-bottom: 0;}
    .commonBtn{font-size: 12px;width: 200px;height: 44px;}
    .leftBox {left: 0;}
    .boxborder{border: none;}
    .box h3{background: transparent;}
    .bannerSection h3{font-size: 20px;}
    .bannerSection p{font-size: 14px;}
    .btn-primary, .btn-outline-primary{padding: 6px 12px;font-size: 12px;}
    .innerPage {padding: 30px 0;}
    .detailBox h3{margin: 10px 0;}
    .innerContainer {padding: 30px 5%;}
    .registerBtn{font-size: 12px;}
    footer p{margin-top: 15px;margin-bottom: 0}
    .innerPage video#bgvid{height: auto;}
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: transparent;
}


/*new css*/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {float:left;height: 100%;width: 100%;font-family: 'TradeGothicLT-BoldTwo'; letter-spacing: 1px; color:#000; -webkit-font-smoothing: antialiased;}
ul{padding-left: 0;margin: 0;}
ul li{list-style-type: none;}
a{color: #000;}

/*common css*/
.mysteryContainer{padding: 0 4%;}
.innerContainer{padding: 50px 0;}
.mt-30{margin-top: 30px;}
.innerPage{padding: 80px 0;color: #000;}
.registerBtn{padding: 8px 30px; margin-bottom: 20px;background: #7e8a8c;border: none;font-size: 18px;color: #fff;border:1px solid #fff; }
.innerBorder{border-top: 3px solid #808183;}
.commonBtn{background: #7e8a8c;color: #fff;font-weight: 600;font-size: 16px;width: 250px;height: 50px;text-transform: uppercase;transform: translateY(30px);}
 h1, h2, h3, h4, h5{font-family: 'TradeGothicLT-Bold';}

/* start header */
header .nav-link{font-size: 14px;text-transform: uppercase;color: rgb(68,68,68)!important;}
header{z-index: 99;width: 100%;top: 0px;transition: all 2s;}
.homeHeaderClass{position: fixed; top:16px;}
.homeHeaderClass #navigation{background-color:#fff}
.homeHeaderClass .scroll-header{background-color:rgba(0,0,0,0.4)!important;}
.innerBodyContainer .homeHeaderClass .scroll-header{background-color:#fff!important;}
.homeHeaderClass .homeLogo, .homeHeaderClass .logoTitle{display: none;}
.innerBodyContainer .logoTitle{display:inline-block; font-size: 10px; letter-spacing: 7px; text-transform: uppercase; color: #808080; margin-left: 20px;}
.homeHeaderClass #navigation .navbar-default .navbar-nav > li > a{color: #808080;}
.homeHeaderClass.home-container-class #navigation .navbar-default .navbar-nav > li > a{color: #fff;}
.homeHeaderClass.home-container-class .home-main-logo.homeLogo{display: inline-block!important;}
.homeHeaderClass.home-container-class .innerLogo{display: none !important;}
.homeHeaderClass.home-container-class #navigation .navbar-default .navbar-nav > li > a:hover{color: #959698!important;}
.innerBodyContainer .main-logo{width: 46px;}
.scroll-logo{display: none;}
#navigation {transition:all .7s ease-in-out 0s; top:-100px;}
#navigation.scroll-header{position:fixed;top:0px; width:100%;z-index:999;padding:16px 0;background-color:#000;}
#navigation.scroll-header .navbar{padding: 0;}
header .navbar-default{background-color: #fff;border-color: #fff;}
.top-header{background: #f7f7f7;}
.top-header .dropdown-menu{left: inherit;right: 0;}
.top-header ul li{padding: 0px 10px;}
header .navbar-nav{padding-top: 11px;}
.count{background: #ccc;width: 12px;height: 12px;display: inline-block;border-radius: 50%;text-align: center;line-height: 12px;font-size: 8px;position: absolute;top: 1px;
right: -5px;}


video#bgvid {top: 0;bottom: 0;position: relative;width: 100%;height: 100%;object-fit: fill;display: inline-block;vertical-align: baseline;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.videoBlock{position: absolute;top: 50%;transform: translateY(-50%);left: 0;background: rgba(0,0,0,.4);padding: 15px 20px;color: #fff;border: 1px solid #54555b;}
.videoBlock p{font-size: 50px;}
.videoBlock span{font-weight: 600;display: block;margin-top: -21px;}

.bannerSection{position: absolute;top: 50%;bottom: 50%;transform: translateY(-50%);width: 100%;height: 100%;color: #fff;padding-top: 20%;background: rgba(0,0,0,.2);}
.bannerSection h3{text-transform: uppercase; font-size: 21px;   letter-spacing: 16px; margin-bottom: 22px;}
.bannerSection p{font-size: 14px;text-transform: uppercase; letter-spacing: 11px;}
.bannerSection .item{padding: 0 4%;}
.bannerSection .item .mt-5{margin-top: 48px !important;}
.bannerSection .btn-primary{color: #000; background: #fff; border-color: #fff;}
.bannerSection .btn-primary:hover{color: #fff; background: #000; border-color: #000;}
.btn-primary{color: #fff;background-color: #000;border-color: #000;padding: 8px 25px;}
.btn-primary:hover{background: #000;border-color: #7b8d8d;}
.btn-outline-primary {border-color: #fff;color: #fff;padding: 8px 25px;text-transform:}
.btn-outline-primary:hover {color: #fff;background-color: #000;border-color: #000;}
.btn-primary.focus, .btn-primary:focus {color: #fff;background-color: #000;border-color: #000;box-shadow: 0 0 0 0.2rem rgb(129 136 142);}
.btn:hover {color: #fff!important;text-decoration: none;background: #222;border: 1px solid transparent;}
.btn{border-radius:0;  font-family: 'TradeGothicLT-Bold'; letter-spacing: 1px; font-size: 12px;  padding: 12px 0 10px; width: 151px; text-align: center; text-transform: uppercase;}
.productSummary .btn{width: auto; padding-left: 20px; padding-right: 25px; border-radius:0; }
.homeStoryBlock, .homeStoryBlock.trustDiamond{padding: 85px 0;}
.homeStoryBlock{background: url(../images/stortyParrent.png)left top repeat;}
.homeStoryBlock.trustDiamond{background: url(../images/blackParrent.png)left top repeat;}
.homeTitle{font-size: 21px; letter-spacing: 5px; color: #000; margin-bottom: 21px;}
.homeStoryBlock p, .homeDiamondBlock p{font-size: 14px; letter-spacing: 2px;}
.productSummary .nav-tabs > li a { padding: 19px 15px;}
.productSummary .nav-tabs > li.diaAvailStatus a {display: inline-block; background: none !important; border: none !important; padding: 0 0 0 2px; font-size: 12px; font-weight: normal;
  text-decoration: underline;  }
.homeStoryBlock img{max-width: 100%;}
.homeStoryBlock.trustDiamond .btn-primary{background: #fff; color: #000; border-color: #fff;}
.homeStoryBlock.trustDiamond .btn-primary:hover{background: #000; color: #000; border-color: #000;}
.homeStoryBlock.trustDiamond .homeTitle, .homeStoryBlock.trustDiamond p{color: #fff;} 
.homeStoryBlock .btn, .homeDiamondBlock .btn{margin-top: 30px;}
.homeDiamondBlock{padding: 170px 0 ;}

@media (min-height: 900px) {
.body-container{min-height: 430px;}
}
@media (min-height: 1055px) {
.body-container{min-height: 700px;}
}
@media (min-height: 1300px) {
.body-container{min-height: 950px;}
}
@media (min-height: 1600px) {
.body-container{min-height: 1430px;}
}

 @media(min-width:960px){
     .container{width: 960px;}
     .row{margin: 0 -18px;}
     #dsResult .row{margin: 0 -10px;}
     [class*="col-"]{padding: 0 18px;}
    #dsResult .row [class*="col-"]{padding: 0 10px;}
 }

.cardBody .boxEven{background-color: #EDEBEB;margin-left: 0;}
.cardBody img{width: 100%;}

.info{background: #000;font-size: 20px;padding: 10px 0;margin-top: -5px;}
.info p{max-width: 1000px;margin: auto;}
.info li{font-size: 16px;color: #fff; padding: 0 15px;text-transform: uppercase;font-weight: 500;}
.info li a{color: #fff;}
.info li a:hover{color: #ccc;}
.box{background: rgba(255,255,255,0.5);position: absolute;top: 50%;right: 10%;transform: translateY(-50%);text-align: center;max-width: 550px;padding: 70px 35px;}
.leftBox{left: 10%;right: auto;}
.box h3{font-size: 30px;font-weight: 600;text-transform: uppercase;transform: translate(0px,-24px);padding: 0 15px;}
/*.boxborder:before{content: "";width: 150px;height: 2px;background: #7e8a8c;position: absolute;left: 0px;top: 0px;}*/
/*.boxborder:after{content: "";width: 150px;height: 2px;background: #7e8a8c;position: absolute;right: 0px;top: 0px;}*/
.box p{font-size: 20px;line-height: 30px;padding: 20px 1px;color: #000;}
.boxborder {border: 2px solid #7e8a8c;border-top: none;}
.box h3.no-background {position: relative;overflow: hidden;}
.box h3.no-background span {display: inline-block;position: relative;padding: 0 20px;}
.box h3.no-background span:before,
.box h3.no-background span:after {content: "";display: block;width: 200px;position: absolute;top: 24px;border-top: 2px solid #7e8a8c;}
.box h3.no-background span:before {right: 100%;}
.box h3.no-background span:after {left: 100%;}

.position-relative{position: relative;}
.btn-outline-primary{background:transparent;}

footer{padding: 30px 10% 0;background: #000;clear: both; color: #fff; margin-top: 144px;}
.footerbg footer{margin-top: 0;}
footer h4{font-size: 14px; letter-spacing: 2px; color: #fff; margin: 0 0 24px;}
footer li a{font-size: 10px;}
footer ul li{list-style-type: none;font-size: 10px;font-weight: 400; letter-spacing: 1px;}
footer ul.ourCompanyText li{line-height: 16px;}
footer ul li a{color: #fff;text-decoration: none;}
footer ul li a:hover{text-decoration: none;color: #666!important;}
.copyright{font-size: 8px;margin-top: 20px; color: #fff; text-align: center;}
.innerBodyContainer{padding-top: 116px;}
.jarallax-keep-img {position: relative;z-index: 0;}
.jarallax-keep-img > .jarallax-img {position: relative;display: block;max-width: 100%;height: auto;z-index: -100;}
.jarallax {min-height: 700px;}
.jarallax-keep-img.demo-float-left {margin-right: 15px;margin-left: -60px;}
.jarallax-keep-img.demo-float-right {margin-left: 15px;margin-right: -60px;}

/*the story*/
.innerbg{background-color: #d3e6ed;}
.detailBox small{font-weight: 600;font-size: 15px;}
.detailBox h3{font-size: 25px;margin: 25px 0;}
.detailBox p{max-width: 450px;margin: auto;font-size: 14px;}
.innerContainer h3{font-size: 24px;}
.innerPage video#bgvid{height: 300px;object-fit: cover;}
.innerPage .bannerSection{padding-top: 8%;}
.row{display: flex;flex-wrap: wrap;}
.mt-18{margin-top: -5px}

@media screen and (max-width: 600px) {
    .jarallax-keep-img.demo-float-left,
    .jarallax-keep-img.demo-float-right {margin-right: 0;margin-left: 0;float: none;}
}
@media(max-width: 991px){
    .navbar-nav{left: -300px;position: fixed;width: 300px;background: #363636;z-index: 99;transition: all 1s;padding: 20px;height: 100vh;top: -7px;}
    .navbar-collapse.in .navbar-nav{left: 0;    overflow-y: scroll;}
    .navbar-collapse:before{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);content: '';z-index: -999;opacity: 0;visibility: hidden;transition: all 1s;}
    .navbar-collapse.in:before{z-index: 99;opacity: 1;visibility: visible;}
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {border-color: transparent;background-color: transparent;}
    .jarallax-img{height: 100vh!important;object-fit: cover!important;position: static!important;}
    #jarallax-container-0, #jarallax-container-1, #jarallax-container-2{position: inherit!important;}
    .home-container-class #navigation{background-color:rgba(0,0,0,0.4)}
    .navbar-collapse.in{position: fixed; width: 100%; height: 100%; left:0; top:0;}
}

@media(max-width: 767px){
    .f-16{font-size: 16px!important;}
    .f-14{font-size: 14px!important;}
    .f-12{font-size: 12px!important;;}
    .f-18{font-size: 18px!important;;}
    .jarallax {min-height: 400px;}
    .info li{padding: 2px 7px;}
    .info li a{font-size: 14px;}
    .videoBlock{padding: 5px 20px;}
    .videoBlock p{font-size: 20px;margin-bottom: 0;}
    .videoBlock span{margin-top: -7px;}
    .info {font-size: 12px;padding: 20px 5px;}
    .box{padding: 40px 13px;right: 0;margin: auto;left: 0;}
    .box h3{font-size: 18px;transform: translate(0px,-16px);}
    .box p {font-size: 16px;line-height: 25px;padding: 0;margin-bottom: 0;}
    .commonBtn{font-size: 12px;width: 200px;height: 44px;transform: translateY(0px);margin-top: 20px;}
    .leftBox {left: 0;margin: auto;}
    .boxborder{border: none;}
    .box h3{background: transparent;}
    .innerPage {padding: 30px 0;}
    .detailBox h3{margin: 10px 0;}
    .innerContainer {padding: 30px 5%;}
    .registerBtn{font-size: 12px;}
    footer p{margin-top: 15px;margin-bottom: 0}
    .innerPage video#bgvid{height: auto;}
    .top-header ul li {padding: 0px 5px;}
    .top-header ul li span{display: none;}
    .top-header ul{justify-content: center;}
    /*.bannerSection{padding-top: 0;}*/
    header .navbar-default{padding: 0px 0;}
    .cardBody{text-align: center;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}
    .box h3.no-background span{font-size: 18px;line-height: 25px;}
}


.bgImage img, .contactBg>img{width: 100%;}

/*.whyBg{background: url(../images/whyDiamondBg.jpg)center center no-repeat;background-position: center;padding: 0 0 40px;}*/
.contentTop h4{margin-top: 15px; font-size: 14px; text-transform: uppercase;  letter-spacing: 5px;}
.contentBody{background: rgba(0,0,0,0.3);height: 100%;padding: 40px 50px 40px;margin: 0 40px;font-weight: 600; }
.bg-transparent{background:transparent;}
.page-title{width: 100%; margin-bottom: 50px;  }
.pageStory p{margin-bottom: 12px; font-size: 14px; letter-spacing: 1px; line-height: 24px;}
.pageStory h4{margin-bottom: 18px;}
.pageStory .contentTop{margin-top: 40px;}

/*sitemap*/
#siteMap {margin: 0;padding: 0;list-style: none;border-left: 1px solid gray;}
#siteMap li {width: 100%;font-size: 14px;padding: 0 0 0 20px;margin: 0 0 10px;position: relative;text-transform: uppercase;}
#siteMap li::before {content: "";width: 12px;height: 1px;background-color: gray;left: 0;top: 13px;position: absolute;}
#siteMap li a {font-weight: 700;text-align: left;text-decoration: none;display: inline-block;padding: 3px 5px;color: #38464f;}

.mainTitle{text-align: center;margin-bottom: 80px;font-size: 24px;}
.pageStory .mainTitle, .contactPageContainer .mainTitle {color: #fff;}
.contactPageContainer .contentTop{margin-top: 40px;}
.contactPageContainer .contentTop .form-group{margin-bottom: 10px;}
.contactPageContainer .heading{letter-spacing: 14px; font-size: 14px; text-transform: uppercase; margin-bottom: 15px;}
.contactPageContainer .contactAddress p{letter-spacing: 2px; font-size: 10px; }
.diamondLogin{padding: 100px 0 150px;float: left; width: 100%;}
.diamondLogin p{margin-bottom: 50px; font-size: 16px; letter-spacing: 2px;}
a:hover{color: #222;}
.contactAddress {margin-bottom: 64px;}
/*#fullpage footer{height: auto;}*/
.home-container-class{top: 16px;}
.home-container-class #navigation{background-color: transparent;}
.home-container-class .scroll-header{background-color: #fff!important;}
.panel-default, .panel-heading{border-radius:0;}
.diamondDashbord{padding-bottom: 60px;}

label{font-weight: normal;}
@media(min-width: 1100px)and (max-width:1400px){
    .newcontentTop .contentTop{top:52%}
    
}
@media(max-width: 980px){
.innerBodyContainer .logoTitle{display: none;}
    
}


@media(max-width: 991px){
    /*.whyBg .contentTop{top: 4%;}*/
    .mainTitle{    margin-bottom: 20px;font-size: 18px;}
      
    /*.contactBg .contentTop{width: 100%;top: 2%!important;}*/
    /*.contentTop{position: inherit;width: 100%;}*/
    .bgImage{background:none;}
    .contentBody{height: 100%;padding: 10px 20px;margin: 0;font-size: 12px;}
    .d-block{display: block;}
    /*.bg-transparent{background: #fff;}*/

    footer .row{display: inherit;}
    .navbar-toggle{display: block;margin-top: 4px;}
    .homeHeaderClass .navbar-toggle{margin-top: 5px;padding: 9px 0px;margin-right: 0;}
    .navbar-header {float: inherit;}
    .navbar-nav>li {float: initial;}
    .count {background: #000;}
    .home-main-logo{width: 40px!important;}
    .main-logo{width: 40px;padding: 5px 0 5px;}
    .bgImage img, .contactBg>img {object-fit: cover;}
    .homeHeaderClass .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .innerBodyContainer .homeHeaderClass .navbar-default .navbar-toggle .icon-bar {background-color: #000;}
    .contentBody{max-height: 100%;}
    .navbar-collapse{transition: all 1s ease 0s;}
    .homeTitle{font-size: 18px;}
    .homeDiamondBlock{padding: 100px 0;}
    .homeHeaderClass #navigation .navbar-default .navbar-nav > li > a{color: #fff !important;}
    .navbar-nav .home-main-logo{display: none !important;}
    .body-container{min-height: auto !important;}
     .count{position: relative;top: -5px;right: -2px;}
     #navigation .navbar-default .navbar-nav > li.dropdown .dropdown-toggle{display: none;}
}
@media(min-width: 768px){
    .d-none{display: none;}
    .d-md-block{display: block;}
}

@media(max-width: 767px){
    .midPage{height: auto;margin: 30px 0;}
    .mid-page-content{min-height: auto;}
    .breadcrumbs{display: none;}
    .homeHeaderClass{top:0;}
    video#bgvid{object-fit: cover;}
    .bannerSection .item{position: absolute;left: 0;right: 0;margin: auto;top: 50%;transform: translateY(-50%);}
     .newcontentTop .contentTop{top: 54%!important;}
     .mt-18{margin-top: 0;}      
 
    .footerbg{background: rgb(237, 235, 235);align-items: center;}
    .contentTop h4{font-size: 20px;}
    .pageStory p{font-size: 15px; line-height: 26px; margin-bottom: 20px;}
    .innerBodyContainer{padding-top: 90px;}
    .row{flex-wrap:wrap;}
    .homeStoryBlock .contentBlock{margin-top: 25px;}
    .homeStoryBlock p, .homeDiamondBlock p{font-size: 14px;}
    .contactPageContainer form h3{font-size: 18px; text-align: center;}
    .page-title{margin-bottom: 40px;}
    .diamondLogin{padding: 30px 0 80px;}
    
    .body-container .page-title{padding: 0 15px; }
    .body-container .page-title h1{font-size: 22px;}
 
}

.mainMenu{display: none;cursor: pointer;}
.activeMenu{transition: ease-in-out 1s;}

#videoCertModal{padding: 0 15px;}
#videoCertModal .modal-lg {width: 100%; padding: 20px 0; margin: 0;}
#videoCertModal .modal-content {border-radius:0;}

@media(min-width: 991px){
/*    .navbar-toggle, .cancel-menu, .activeMenu + .mainMenu .active-menu {display: none!important;}
    .scroll-header .nav.navbar-nav{margin-right: -100%;}
    .scroll-header .mainMenu{color: #fff;position: absolute;right: 0;top: 16px;font-size: 20px;display: block;}
    .activeMenu{margin-right: 30px!important;}
    .activeMenu + .mainMenu .cancel-menu{display: block!important;margin-top: 8px;}  */
    /*.activeMenu + .mainMenu .fa-bars:before{content: "\f00d";transition: all 1s;}*/    
    
}

@media screen and (max-width: 991px) and (min-width: 768px){
    .info li{font-size: 14px;}
    #navigation.scroll-header{padding: 0;}
    .listView .sarinReport img{position: absolute;top: -30px;}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
    .breadcrumbs{margin-top: -1px;margin-bottom: -1px;}
}

@media(max-width: 500px){
    .whyBg .contentTop{top: 43%!important;}
    .contactPageContainer .contentTop{top: 47%!important;}
    .newcontentTop .contentTop { top: 54% !important;}
        .bannerSection p{font-size: 12px;}
        .bannerSection h3{font-size: 16px;}
}

@media(max-width: 360px){
    .pageStory .contentBody h4{margin-top: 40px;}
    .pageStory .contentTop{top: 58%!important;}
    .whyBg .contentTop{top: 44%!important;}
}

@media(max-width: 350px){
    .whyBg .contentTop{top: 47%!important;}
    .bgImage.newcontentTop img {height: 1300px;}
}