.MT0{margin-top: 0 !important;} .MR0{margin-right: 0 !important;} .MB0{margin-bottom: 0 !important;} .ML0{margin-left: 0 !important;}
.PR0{padding-right: 0 !important;} .PL0{padding-left: 0 !important;} .PB0{Padding-bottom: 0 !important;} .PT0{Padding-top: 0 !important;}
.PR10{padding-right: 10px !important;} .PL10{padding-left: 10px !important;} .PB10{Padding-bottom: 10px !important;} .PT10{Padding-top:10px !important;}
.well{background-color: #F2F2F2;}
.MT20{margin-top: 20px!important;}
.MT50{margin-top: 50px!important;}
.MT40{margin-top: 40px!important;}
.MT30{margin-top: 30px!important;}
.MB60{margin-bottom: 60px!important;}
.MB20{margin-bottom: 20px!important;}
.MB40{margin-bottom: 40px!important;}
.text-uppar{text-transform: uppercase;}
.bluecolor{color: #0072bb!important;}
.darkpinkcolor{color: #eca45e!important;}
.pinkcolor{color: #f0b57d!important;}
.darkgreencolor{color: #40a07d!important;}
.darkgreenborder{border-color: #40a07d!important;}
.darkpinkborder{border-color: #eca45e!important;}
.greencolor{color: #4cb992!important;}
.fontitly{font-style: italic;}
a{transition:all 0.6s ease-in-out 0s;}
a:hover{text-decoration: none;}



body{ font-size: 13px; color: #000;  background: #edf2f5; font-family: 'HelveticaNeue';}
.wrapper{overflow: hidden;}
.innerWrapper{position: relative; left:0;}  
.innerWrapper, .headerMidNav, .navContainer, #mainNavigation {
    transition: all 0.3s ease-in-out 0s;
}
header, .topHeader, .whiteBg, .midHeader, nav, .body-container, .trendingdiv, .homecontent, .homelisting, footer, .newsletter, #main-banner{width: 100%; float: left;}
.body-container h3{ font-size: 16px;}
.topHeader{background: #3c3c3c; color: #bfbfbf; font-size: 10px; padding: 10px 0;}
.topHeader ul{padding-left: 0; margin-bottom: 0;}
.topHeader li{list-style: none; display: inline-block;}
.topHeader li a{color: #bfbfbf; padding: 4px 8px; text-transform: uppercase; }
.topHeader li a:hover{color: #fff;}
.whiteBg, .body-container, footer{background: #fff;box-shadow:0 5px 5px #ddd}
.midHeader{padding: 3px 9px;}
.midHeader address{font-size: 11px; display: inline-block;margin-top: 10px; margin-bottom: 0;}
.midHeader ul{padding-left: 0;margin-bottom: 0;}
.midHeader li{list-style: none;display: inline-block; margin-left: 20px;}
.midHeader li a{color: #a3a3a3; font-size: 28px;}
.midHeader li a span{font-size: 18px;margin-left: 5px;}
.midHeader li a:hover{color: #912d25;}
nav{padding: 10px; border-bottom: 1px solid #d8d8d8;}
nav ul{margin: 0; padding-left: 0; text-align: center;}
nav li{display: inline-block;}
nav li > a{color: #000; padding: 15px 22px;text-transform: uppercase;}
nav li a:hover{color:#000;}
.body-container{padding: 15px;}
.trendingdiv h1{font-size:16px;text-transform: uppercase;}
.productBox{width: 100%; float: left; border: 1px solid #ededed; margin-bottom: 20px;text-align: center; overflow: hidden; position: relative;}
.productBox .btnLabels {  position: absolute;  right: 28px;  top: 5px;  z-index: 1; color: #b2b2b2;}
.productBox .btnLabels .saveForLater {  display: inline-block;}
.productBox .btnLabels a {  color: #b2b2b2;   display: inline-block;   margin-left: 10px;}
.productBox img{width: 100%; height: auto;}
.productBox .productDesc a{font-size: 11px; color: #000; }
.productBox .thumbnail img{width: 100%; height: auto;}
.productBox .productDesc{display: block; text-align: center; margin: 0; padding: 0 12px; text-transform: uppercase; font-size: 12px; height: 36px;}
.productBox .productDesc a{display: inline-block; color: #000;}
.btn{border-radius:0;}


.productBox .productPrice .salePrice,
.productBox .productPrice .retailPrice{display: inline-block; vertical-align: top;}
.productBox .productPrice .salePrice{color: #f60000; width: 100%; display: inline-block; font-size: 14px; }
.productBox .productPrice .retailPrice{color: #7c7c7c;  text-decoration: line-through;  width: 100%; display: inline-block;}
.btnShopNow{color: #000;text-decoration: underline; letter-spacing: 1px; margin-top: 10px; display: inline-block; font-size: 11px;} 
.productPrice{width: 100%; float: left; margin: 17px 0;font-size: 14px;  }
.productBox:hover {border-color: #f60000;}
.financingdiv{background: #f3f3f3 url('../images/finace-bg.jpg') no-repeat 0 0 / 100%;margin-top: 20px;text-align: center;font-size: 28px;padding-top: 25px; padding-bottom: 25px; width: 100%; float: left;}
.financingdiv a{text-decoration: underline;color: #f60000; text-decoration: none; display: inline-block;}
.financingdiv a:hover{text-decoration: underline;}
.homecontent{text-align: center; margin-bottom: 30px;}
.homecontent h1{font-size: 28px; margin-bottom: 25px;}
.homecontent p, .homecontent a{font-size: 14px;color: #898989; line-height: 24px;}
.homecontent a{text-decoration: underline;}
.homelisting .education-pro-name{position: absolute;bottom: 0;left:0; width: 100%;background: rgba(0,0,0, 0.5);color: #fff;font-size: 20px;text-align: center;padding: 5px; text-transform: capitalize;}
.homelisting .box1{width: 100%; float: left; position: relative; overflow: hidden;}
.homelisting .education-pro-name a{color: #fff;}
.homelisting .box1 img{width: 100%; height: auto; transition: all 0.6s ease-in-out; transform: scale(1);}
.homelisting .box1:hover img{ transform: scale(1.1);}
.homelisting .row{margin-left: -1px; margin-right: -1px;}
.homelisting .row [class*="col-"]{padding-left: 1px; padding-right: 1px;}

 .productBox .imgBar{width: 100%; display: inline-block; height: 250px; overflow: hidden;}
.productBox .imgBar img{transition: all 0.6s ease-in-out; transform: scale(1);}
.productBox:hover .imgBar img{ transform: scale(1.1);}
.newsletter{border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 7px 0;text-align: center;}
footer {padding-top: 15px;  box-shadow: 0 4px 5px #ddd;}
footer p{text-align: center;font-size: 10px;text-transform: uppercase; margin: 30px 0;}
.newsletter label{font-size: 14px; margin-top: 8px;text-transform: uppercase; font-weight: normal;}
.newsletter input[type="text"]{background: #f3f3f3;border:none;width: 297px; border:1px solid #ddd; display: inline-block; height: 36px; line-height: 36px; padding: 5px 10px;}
.newsletter input[type="submit"]{background: #3c3c3c;border:none;width: 118px;display: inline-block; height: 35px; line-height: 35px; color: #fff; font-size: 14px;text-transform: uppercase; margin-left: 5px;}
footer h3{font-size: 11px; font-weight: bold;text-transform: uppercase; margin-top: 23px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
footer ul{margin-bottom: 0;padding-left: 0;}
footer li{display: inline-block;width: 100%;list-style: none;}
footer li a{color: #000;font-size: 10px;text-transform: uppercase;}
.footerbot{width: 100%;float: left; background: #3c3c3c; text-align: center; padding: 15px 0;}
.footerbot a{margin: 0 10px;}
.showNavScroll{position: fixed;z-index: 9999;background: #fff;left:0; text-align: center; width: 100%;top:0;border-bottom: 1px solid #ddd;}
/*fade in out slider css start*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
 .socialicon{width: 100%; float: left; margin-top: 21px;}
  .socialicon a{display: inline-block; margin-left: 10px; font-size: 20px; color: #484848;  vertical-align: middle; }
  .socialicon a .fa-facebook{color: #3b5998;}
  .socialicon a .fa-facebook:hover{opacity:0.7}
  .socialicon a .fa-twitter{color: #55acee;}
  .socialicon a .fa-twitter:hover{opacity:0.7}
  .socialicon a .fa-google-plus{color: #dc4a38;}
  .socialicon a .fa-google-plus:hover{opacity:0.7}
  .socialicon a .fa-pinterest{color: #bd2125;}
  .socialicon a .fa-pinterest:hover{opacity:0.7;}
  .socialicon a .fa-instagram{color: #a4765c;}
  .socialicon a .fa-instagram:hover{opacity:0.7}
  .socialicon a.blog-icon{width: 17px;height: 16px; background: url(../images/blog-icon.png)left  bottom no-repeat;transition:inherit; }
  .socialicon a.blog-icon:hover{opacity:0.7}
  .socialLinks li{display: inline-block;}
  
  
  /*nav dropdown css start*/
    #mainNavigation li{transition: all 0.3s ease-in-out 0s;  position: relative;}
#mainNavigation li .subnav-content{visibility: hidden; opacity:0; background: #fff; width: 468px;  position: absolute; left:0; top:28px; margin: 0; padding: 10px;border: 1px solid rgba(0, 0, 0, 0.15);  border-radius: 4px;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border-top:5px solid #000; text-align: left;z-index: 9999;}
#mainNavigation li ul{padding-left: 0;}
#mainNavigation li ul li{width: 100%; float: left; line-height: 24px; font-size:13px; color: #000; list-style: none; text-align: left; }
#mainNavigation li ul li:first-child{border-top: none; }
#mainNavigation li ul li a{color: #606060; display: block; padding: 5px 10px;}
#mainNavigation li ul li:hover a{color: #000; background: #f9f9f9; }
#mainNavigation li:hover .subnav-content{visibility:visible; opacity:1;} 


#mainNavigation li .subnav-content .caret{
  border-color: transparent transparent #000;
    border-style: dashed dashed solid;
    border-width: 0 10px 10px;
    height: 0;
    left: 30px;
    overflow: hidden;
    position: absolute;
    top: -12px;
    width: 0;  
}
#mainNavigation li.lastClass .subnav-content{right:0; left:inherit}
#mainNavigation li.lastClass .subnav-content .caret{right:30px; left:inherit}
#mainNavigation li .subnav-content .sub-nav{border-right: 1px solid #ddd; height:300px; overflow-y: auto;}
#mainNavigation li .subnav-content h6{margin-bottom: 15px; font-size: 16px; color: #002052;}
#mainNavigation li .subnav-content .text-dark{color: #000; font-size: 14px;}
#mainNavigation li .subnav-content .text-dark:hover{text-decoration: underline;}
.MT10{margin-top: 10px!important;}
.subnav-content .imghover{display: none;}

.mainNavigation > li.dropdown div{padding: 10px; width: 220px; margin-top: 10px; right:-11px; left:inherit;}
.mainNavigation > li.dropdown div input[type="text"]{width: 100%; padding: 6px 35px 6px 12px;}
.mainNavigation > li.dropdown > a{padding-right: 0;}
.mainNavigation > li.dropdown button{position: absolute;right:18px; top:13px;background: none;border:none;font-size: 18px;}
.mainNavigation > li .dropdown-menu:before{content: '\25B2'; position: absolute; right: 7px; top:-15px; color: #ccc; text-shadow: 0 -1px 1px 0 #d5d5d5; font-size: 14px; font-family: arial;}
.visa-card{margin-top: 18px; display: inline-block; vertical-align: top;}
.modal-dialog{margin-top: 60px;}

 .socialLinks li{display:inline-block; margin: 0 5px;}
 .socialLinks li a.facbook{ border-radius: 50%;  display: block; font-size: 20px; border:2px solid #3b5998;  color: #3b5998; height: 35px;  line-height: 32px; width: 35px;}
 .socialLinks li a.facbook:hover{ background-color: #3b5998; color: #fff; border:2px solid #3b5998;}
 .socialLinks li a.twitter{ border-radius: 50%;  display: block; font-size: 20px; border:2px solid #55acee;  color: #55acee; height: 35px;  line-height: 32px; width: 35px;}
 .socialLinks li a.twitter:hover{ background-color: #55acee; color: #fff; border:2px solid #55acee;}
 .socialLinks li a.pinterest{ border-radius: 50%;  display: block; font-size: 20px; border:2px solid #bd2125;  color: #bd2125; height: 35px;  line-height: 32px; width: 35px;}
 .socialLinks li a.pinterest:hover{ background-color: #bd2125; color: #fff; border:2px solid #bd2125;}
.body-container h2{font-size: 18px;}
.productBox .addToCartDiv, .productBox .alert {position: absolute; top:53%; width: 100%;}
.productBox .addToCartDiv{background: #f9f9f9; padding: 10px 0;}
.addToCartDiv .form-control{width: 70%; display: inline-block; height: 35px; line-height: 35px; vertical-align:top;} 

.fixed-right-part .pagination a{float: none; width: 100%; display: inline-block;}

@media(max-width:1030px){
    nav li a{padding: 15px 9px;} 
    .preview_box_image img{max-width: 100%!important;} 

}

@media(max-width:780px){
    nav li a{padding: 15px 7px; font-size: 11px;}
.topHeader, .topHeader ul{text-align: center;}
.topHeader ul{margin-bottom: 5px;}
.productBox .imgBar{height: 210px;}
.verticleOr{display: none;}
.newsletter input[type="text"]{width: 253px;}
.MR5 {
    margin-right: 2px !important;
}
.action_box .btn {margin-bottom: 10px;}
#mainNavigation li .subnav-content{width: 400px;}

}




@media(max-width:766px){
    .navContainer {position: fixed; left: 0; top: 0; width: 100%; visibility: hidden; opacity: 0; max-height: 100%;
    height: 100%; padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0.5); z-index: -1;}
.navContainer #mainNavigation {position: absolute; top: 0; right: 0; bottom: 0; left: -88%; width: 88%; background-color: #000; height: 100%; margin: 0;}
.mob-navHeader {   background-color: #fff;  border-bottom: 1px solid #787878;  float: left;  margin: 0;  padding: 8px 9px;  width: 100%;}
.mob-navHeader .siteLogo {    margin-top: 0; float: left; width: 85%;}
.mob-navHeader .fa {  color: #000;  font-size: 28px;  padding: 5px 10px;}
.toggleMainNav .navContainer {  opacity: 1;  visibility: visible;   z-index: 9999;}
.mainNavigation {  float: left;  list-style: outside none none;  margin: 17px 0 0;  padding: 0;  width: 100%;}
.mainNavigation > li                    {width: 100%; float: left; margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.2)}
.mainNavigation > li > a                {font-size: 14px; display: block; padding: 12px; color: #fff; text-transform:uppercase; text-align: left; position: relative; background-color: #000; font-weight: normal;}
.mainNavigation > li.specialLink > a    {background-color: #ff8c00; width: auto; display: block;}
.mainNavigation > li:hover > a:before,
.mainNavigation > li.active > a:before  {display: none;}
.homeAction .first-box{display: none;} 
.toggleMainNav .navContainer #mainNavigation {  left: 0; height: 100%; overflow-y: auto;  display: block;}
.toggleMainNav .innerWrapper {  /*left: 88%;*/  overflow: hidden;}
.siteLogo img{width: 70%;}
.tollFreeInfo li a{font-size: 20px; color: #fff;}
nav li a:hover{color:#fff;}
nav{background: #000;}
.midHeader ul{text-align: center;}
.financingdiv, .homecontent h1{font-size: 18px;}
.newsletter input[type="text"]{margin: 10px 0;}
.footerbot a{display: inline-block;margin: 10px;}
.productBox .imgBar{height:auto;}
.showNavScroll{background: #000; text-align: left;}
#mainNavigation li .subnav-content {   border: medium none;  opacity: 1; visibility: visible; top:0;  border-radius: 0;   display: none;   float: left;   position: relative;   width: 100%;}
#mainNavigation li .subnav-content .caret {   display: none;}
#mainNavigation li .subnav-content .sub-nav {   border-right: medium none;}
a:focus{outline: none; border:none;}
nav li a{font-size: 14px;}
.showdrop{display: /*block;*/}
.mainNavigation > li.dropdown div{width: 100%; right: 0;}
#mainNavigation li ul li{ border-top: 1px solid #d5d5d5;}
.mainNavigation > li .dropdown-menu:before{left:7px;}
.customdesginpage .owl-carousel{padding: 0 30px;}

.newAccountForm{margin-top: 20px;}
nav ul{ text-align: left;}
#mainNavigation li .subnav-content .sub-nav{height: auto; max-height: 400px;}
.callUsForm .form-control{margin-bottom: 20px;}
.callUsForm .form-group{margin-bottom:0px;}
.gemstone-peridot .gemstone-peridot-earring, .gemstone-peridot-ring{display: none;}
.gemstones-diamond-img img{width: 100%;}
.gemstones-right-container{text-align: center;}
.gemstones-right-container p{margin: 0; font-size: 14px;}
.gemstones-right-container .birthstone, .overview-head, .gemstone-olovine .olovine-head, .mainHeading-pageAll, .education-diamonds .education-diamonds-head{font-size: 16px; text-align: center;}
.gemstone-olovine p, .education-head{font-size: 14px;}
.gemstone-olovine{border:none; margin-bottom: 20px; padding: 0;}
.gemstone-peridot-para{text-align: center;}
.gemstone-peridot-bracelet{padding: 0;}
.newsletter .text-right{text-align: center!important;}
#shoppingCartList table{display: block; overflow-x: auto;}
.support_list{text-align: center;}
.paymentSecureVoucher li{padding: 0 ; margin: 0; border:none;text-align: center; width: 100%; float: left;}
.shopping_div .btn{width: 100%; margin-bottom: 10px;}
.newAccountForm  img{display: inline-block;}
.shopping-cart-box .billing-info, .shopping-cart-box .review-order{ min-height:auto; margin-bottom: 20px;}
.product-img img, .shopping-cart-box .shipping-method .delivery-box, .shopping-cart-box .shipping-method .diamond-text{width: 100%;}
    .wish_list li a{font-size: 9px!important;}
    .action_box .btn{width: 100%; margin-bottom: 0;}
    .selectRingSizeBox label{width: 100%;}
    .createYourAccount h1{font-size: 16px!important;}
    .TabbedPanelsTab1, .TabbedPanelsTabSelected1{width: 100%; margin-bottom: 25px; margin-right: 0;}
    .zoomPad, .product-sample table{width: 100%!important;}
    .financing-card h3{margin-top: 15px;}
    


}