body {
   font-family:'Lato';
   font-size:14px;
}

@media (max-width: 767px) {

	.pricing-col-1, .pricing-col-2, .pricing-col-3,.pricing-col-4,.pricing-col-5,.pricing-col-6 {

		width:100% !important;

	}

}

@media (max-width: 991px) {

	.pricing-col-1, .pricing-col-2, .pricing-col-3,.pricing-col-4,.pricing-col-5,.pricing-col-6 {

		width:50% !important;

	}

	.statistic2-col-1, .statistic2-col-2, .statistic2-col-3,.statistic2-col-4,.statistic2-col-5,.statistic2-col-6 {

		width:50% !important;

	}

}

@media (max-width: 581px) {

	.statistic2-col-1, .statistic2-col-2, .statistic2-col-3,.statistic2-col-4,.statistic2-col-5,.statistic2-col-6 {

		width:100% !important;

	}

}

.pricing-col-1{

		width:100% !important;

}

.pricing-col-2{

		width:50% !important;

}

.pricing-col-3{

		width:33.33333% !important;

}

.pricing-col-4{

		width:25% !important;

}

.pricing-col-5{

		width:20% !important;

}

.pricing-col-6{

		width:16.66667% !important;

}



.statistic2-col-1{

		width:100% !important;

}

.statistic2-col-2{

		width:50% !important;

}

.statistic2-col-3{

		width:33.33333% !important;

}

.statistic2-col-4{

		width:25% !important;

}

.statistic2-col-5{

		width:20% !important;

}

.statistic2-col-6{

		width:16.66667% !important;

}

.contact-area {
    background: #f9fafb none repeat scroll 0 0;
}
.contact-area .title-section {
    padding-bottom: 30px;
}
.contact-area #contact-form2 {
    padding-bottom: 30px;
}
.contact-area #contact-form2 p {
    color: #999999;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 auto 40px;
    max-width: 660px;
    text-align: center;
}
.contact-area #contact-form2 input[type="text"], .contact-area #contact-form2 textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    color: #999999;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    margin: 0 0 20px;
    outline: medium none;
    padding: 11px;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}
.contact-area #contact-form2 input[type="text"]:focus, .contact-area #contact-form2 textarea:focus {
    border: 1px solid #dfd7c2;
}
.contact-area #contact-form2 textarea {
    min-height: 122px;
}
.contact-area #contact-form2 input[type="submit"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 3px;
    color: #999999;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 12px;
    font-weight: 700;
    outline: medium none;
    padding: 10px 47px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}
.contact-area #contact-form2 input[type="submit"]:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 3px;
}
.contact-area #contact-form2 .submit-area {
    text-align: center;
}
.contact-area #contact-form2 .message {
    font-family: "Lato",sans-serif;
    font-size: 13px;
    height: 30px;
}
.contact-area #contact-form2 .message.error {
    color: #e74c3c;
}
.contact-area #contact-form2 .message.success {
    color: #3a3d41;
    padding: 30px 0;
}

/* Page banner */

.about-page-banner {

  background: url('../../../images/page-banner/about.jpg') center center !important;

}

.services-page-banner {

  background: url('../../../images/page-banner/services.jpg') !important;

}

.error-page-banner {

  background: url('../../../images/page-banner/error.jpg') !important;

}

.testimonial-page-banner {

  background: url('../../../images/page-banner/testimonial.jpg') !important;

}

.faqs-page-banner {

  background: url('../../../images/page-banner/faqs.jpg') !important;

}

.contact-page-banner {

	background: url('../../../images/page-banner/about.jpg') center center !important;

}

.blog-page-banner {

    background: url('../../../images/page-banner/blog.jpg') !important;

}

.shortcodes-page-banner {

	background: url('../../../images/page-banner/shortcodes.jpg') !important;

}

.portfolio-page-banner {

    background: url('../../../images/page-banner/portfolio.jpg') !important;

}





.form-signin {

  max-width: 100%;
  margin-top:40px;
  margin: 0 auto;

}

.form-signin .form-signin-heading,

.form-signin .checkbox {

  margin-bottom: 10px;

}

.form-signin .checkbox {

  font-weight: normal;

}

.form-signin .form-control {
max-width: 35%;
float:left;
margin-right: 20px;
  position: relative;
border-radius: 0 !important;
  height: 40px;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  padding: 10px;

  font-size: 16px;

}

.form-signin .form-control:focus {

  z-index: 2;

}

.form-signin input[type="text"],

.form-signin input[type="email"] {

  margin-bottom: -1px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.form-signin input[type="password"] {

  margin-bottom: 10px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.single-post .comment-section ul li .comment-content h4 a{

    color: #3A3D41;

    font-family: 'Raleway',sans-serif;

    font-weight: 700;

    margin: 0px;

    font-size: 13px;

    text-transform: inherit;

}



.social-box li {

    vertical-align: top;

}

.blog-section.full-width { padding: 50px 0px;}

.blog-post.single-post.full-width iframe {

    width: 100%;

    height: 360px;

}

.section-content.search-section{position: relative;

  padding-bottom: 50px;

}

.pt20{

  padding: 15px 0px;

}





/* onepage */

ul#onepage-menu>li{

  margin-left: 0px !important;

}

.navbar-brand>h1{margin: -5px 0 !important;}

.item.blog-post iframe {height:174px; width:100%;}

.post-gal iframe { height: 145px; width:100%;}



/*search */

.search-results .content-data {

    padding: 15px 0px;

    background: none repeat scroll 0% 0% #F9FAFB;

    min-height: 30px;

}

.search-results .content-data h2 {

    color: #3A3D41;

    font-size: 14px;

    font-family: 'Raleway',sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 20px;

    margin: 0px;

}

.search-results .content-data p {

    font-family: 'Raleway',sans-serif;

    font-weight: 400;

    line-height: 20px;

    color: #999;

    font-size: 12px;

    margin: 0px;

}

.search-results > p {

    font-size: 13px;

    font-family: 'Raleway',sans-serif;

    font-weight: 400;

    line-height: 20px;

    padding: 16px 0px;

    margin: 0px 0px 0px 0px;

    color: #999;

}

/* -- Font Family -- */
@font-face { font-family: 'museo_sans300'; src: url('../font/museosans_300-webfont.eot'); src: url('../font/museosans_300-webfont.eot?#iefix') format('embedded-opentype'), url('../font/museosans_300-webfont.woff') format('woff'), url('../font/museosans_300-webfont.ttf') format('truetype'), url('../font/museosans_300-webfont.svg#museo_sans300') format('svg'); font-weight: normal; font-style: normal; }

/* Strip top */
.left-side i {color:#b7ad8a; padding-right: 7px;}
.right-time {float:right;}
.doubleline { letter-spacing: -0.5px; padding-left: 5px; padding-right: 5px; float: left;}
.right-side span {float:left;}
.right-side .menu li {float:left; padding-left:5px; padding-right:5px;}
.right-side .menu li:hover {background:none; color: #b7ad8a;}
.right-side .menu li:focus {background:none; color: #b7ad8a;}
.right-side .menu li a{padding:0; font-size: 14px; color:#ffffff;}
.gold {color: #b7ad8a; float: right !important; padding-left: 5px;}
.right-side p {float:left;}
@media (max-width: 791px) {
.header-bar {display:none !important;}
}
@media (min-width: 991px) and (max-width: 1200px) {
.navbar-collapse.collapse .navbar-nav > li > a {
    color: #000000;
    font-family:'Lato' !important;
    font-size: 14px !important;}
}
@media (min-width: 766px) and (max-width: 991px) {
.navbar-nav {width:60%; margin-top: 10px;}
.navbar-right li {
    float: right;
}
}

/* Banner top */
.header-bar {background: #000000 none repeat scroll 0 0; display: block; height: 40px; color: #ffffff; font-size:14px !important;}
.header-bar .container {padding-top:8px;}
.header-bar .left-side {float:left;}
.header-bar .right-side {float:right;}
.page-banner.about-page-banner {padding: 59px 0 61px;}
.page-banner::after {background:none;}
.navbar-default {background: #ffffff none repeat scroll 0 0;}

/* logo */
.navbar-default.navbar-fixed-top div.container div.navbar-header a.navbar-brand {padding: 4px 0 0;}


@media (min-width: 768px) {
.navbar-default.navbar-fixed-top div.container {padding-bottom: 11px;padding-top: 11px;}
}



/* footer */
.hide-header h1 {display:none;}
.footer-widget ul { color: #7d7f81; font-family:'Lato'; font-weight: 400; font-size: 13px;}
.footer-widget li {padding-bottom:20px;}
.footer-widget p { color: #7d7f81  !important; font-family:'Lato' !important; font-weight: 400; font-size: 13px;}

.footer-contact { list-style-type: none; }
.footer-contact .address:before {font-family: 'FontAwesome'; content: '\f041'; margin:0 5px 0 -15px;}
.footer-contact .telephone:before {font-family: 'FontAwesome'; content: '\f095'; margin:0 5px 0 -15px;}
.footer-contact .email:before {font-family: 'FontAwesome'; content: '\f0e0'; margin:0 5px 0 -15px;}

.footer-widget .nav li:hover {background:none; color: #b7ad8a;}
.footer-widget .nav li a:hover {background:none; color: #b7ad8a;}
.footer-widget .nav li:focus {background:none; color: #b7ad8a;}
.footer-widget .nav li a:focus {background:none; color: #b7ad8a;}
.footer-widget .nav li a {color: #7d7f81; padding: 0 15px;}
.footer-widget .nav {list-style-type: circle;}

/* Contact Page */
.contact-area .title-section .container h1 {  color: #000000;font-family:'Lato' !important; font-size: 41px; font-weight: lighter;margin: 0 0 7px; text-transform: uppercase;}
.contact-info span a {background:none; margin: 0 !important; width:auto; height:auto;}
.contact-info p span a  {background:none; margin: 0 !important; width:auto; height:auto;}

/*Login / signup */
.signup-area {background: #e7eded none repeat scroll 0 0; padding: 60px 0;}
.signup-area h1 {  color: #000000;font-family:'Lato' !important; font-size: 39px; font-weight: lighter;margin: 0 0 7px; text-transform: uppercase;}
.signup-area h2 {font-size: 17px; margin-top: 0;}
.signup-area .col-md-5 p {margin-top:30px;}
.form-signin .list-unstyled li a {color: #000000;}
.signup-area .col-md-7 .form-signin {padding-top:15px;}
.k2ProfileHeading {padding-bottom: 30px; color: #000000;font-family:'Lato' !important; font-size: 39px; font-weight: lighter;margin: 0 0 7px; text-transform: uppercase;}
#josForm .col-md-6 td {padding-bottom:20px;}
.k2AccountPageNotice  {padding-bottom:20px;}
#josForm.form-validate .key {padding-right:15px;}
#josForm.form-validate .admintable {width:100%;}
@media (max-width: 991px) {
 .form-signin .form-control {float:none !important; max-width:100% !important; margin-bottom:15px !important;}
.signup-area .col-md-5 {padding-top:40px;}
}


/* about Page */
.image-box img {width:100%;}
.about-page {padding-bottom: 60px; padding-top: 60px;}
.about-page-bottom {padding-bottom: 60px; padding-top: 60px; background-color: #e5e9ea;}
.offer-box {background: #dfd7c2 url("../images/offer-box-bg.png") no-repeat scroll right bottom; padding: 20px;}
.offer-box h2 {font-size:16px; margin-top: 0; font-weight: normal;}
.offer-box h2 span {display: block; padding-top: 5px;
    font-size: 41px;
    font-weight: lighter;
    margin-top: 1px;
    text-transform: uppercase;}
.offer-box .text-box {width:70%; padding-bottom: 20px; padding-top: 10px;}
.offer-box a {background: #4b442a none repeat scroll 0 0 !important;}
.about-page-bottom a {color:#828c8e;}
.about-page-bottom a:hover {color:#484e50;}
@media (max-width: 991px) {
  .float-right { float:none !important;
}
.section-content.about-page .container .col-md-5 {padding-top:40px;}
.about-page-bottom .container .col-md-5 {padding-top:40px;}
.section-content-dark .col-md-7 {padding-top:40px;}
}

/* sub header */
#sub-header .menu li {float: left; text-transform: uppercase; font-size: 16px; padding-bottom: 16px;
    padding-top: 20px;}
#sub-header a {padding:0px; padding-right: 35px; color: #000000; font-family:'Lato';  font-size: 16px;}
#sub-header a:focus {background:none;  color: #786d44;}
#sub-header a:hover {background:none;  color: #786d44;}


footer .up-footer p {
 font-family:'Lato' !important;
}
#sub-header .active a {padding:0px; padding-right: 35px; color: #786d44; font-family:'Lato';  font-size: 16px;}

a.small-btn {
font-family:'Lato' !important;
}

/* Education page */
.accord-content ul {font-family:'Lato' !important;
    font-size: 16px !important;}
.accord-title h2 {
    color: #3a3d41;
   font-family:'Lato' !important;
    font-size: 18px !important;
    margin: 0;
    font-weight:400;
    padding-right: 52px;
    text-transform: inherit;
}
.accord-content p {
    color: #000000 !important;
   font-family:'Lato' !important;
    font-size: 16px !important;
     font-weight:400 !important;
    line-height: 20px;
    margin: 0 0 24px;
}
footer .up-footer h1 {
    font-family:'Lato' !important;
  }
.page-banner .container h1 {
  font-family:'Lato' !important;
  }
  .navbar-nav > li > a {
     font-family:'Lato' !important;
  }
.clear {display: block;
    float: left;
    height: 35px;
    margin-top: 2px;
    width: 100%;}
.accord-content {
    background: #ffffff none repeat scroll 0 0;
}
.item-page h1 {  color: #000000;font-family:'Lato' !important; font-size: 36px; font-weight: lighter;margin: 0 0 7px; text-transform: uppercase;}
.float-right {float:right;}
.section-content-dark {background-color:#e5e9ea; padding-bottom: 60px; padding-top: 60px;}

/* diamond search */
@media (max-width: 991px) {
  .settings-opener { display:block !important; float: left;
    padding-top: 10px;
    width: 100%; z-index: 1000;}

}

@media (min-width: 1000px)  and (max-width: 1200px) {
   .single-shape {
    float: left;
    height: 60px;
    padding-top: 10px;
    width: 14% !important;
} 
.dsearch-button {margin-bottom:15px;}
.lite-orange-check {
    background-image: url("../images/lite-orange-check.png");
   margin-left: 33% !important;
}
}

@media (max-width: 670px) {
.button-right2 {
    float: left !important;
    margin-top: 1px;
    width: 100%;
}
.button-right2 a{
    float: left !important;

}
}

@media (min-width: 1200px) {
.cthink2 {display:none;}
}

@media (min-width: 990px) and (max-width: 1200px) {
.cthink2 {display:block;}
.cthink1 {display:none;}

}


@media (min-width: 0px) and (max-width: 990px) {
.cthink2 {display:none;}
.cthink1 {display:block;}

}


@media (max-width: 350px) {
.navbar-brand img {width:150px;}
}
@media (max-width: 750px) {
.text-center {padding-bottom:30px;}
}
.sample-image img {width:100%; max-width:168px;}
@media (max-width: 1000px) {

#enquireactive2 {width:100%;margin-right:-15px;margin-left:-15px; margin-bottom:10px;}
.button-right2 {float:left;}
.text-details {text-align:center;}
.button-right {margin-right: -15px;};
.buttons-item .col-md-4 {padding-bottom:20px;}
  .dsearch-button {margin-bottom:15px;}
    .single-shape {
    float: left;
    height: 60px;
    padding-top: 10px;
    width: 14% !important;}
}
.breadcrumb-new {font-family:'Lato' !important;
    margin-top: -50px;
    position: absolute;}
.breadcrumb-new a {
    color: #000000;
    font-weight: 500;
    text-decoration: none;
}
.breadcrumb-new a:hover {color:#b7ad89;}
@media (min-width: 1000px) and (max-width: 1200px) {
.lite-orange-check {
    background-image: url("../images/lite-orange-check.png");
   margin-left: 42% !important;
}
  }
.row-place {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-place.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}

.row-Round {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-round-brilliant.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Cushion {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-cushion-norm.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Cushion-Traditional {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-cushion-trad.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Cushion-Modern {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-cushion-cut.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Emerald {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-emerald-cut.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Flanders {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-flanders.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Heart {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-heart.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Marquise {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-marquise.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Oval {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-oval.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Pear {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-pear.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Princess {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-princess-cut.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Radiant {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-radiant.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Tycoon-Square,
.row-Tycoon-Eight,
.row-Tycoon {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-tycoon.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}
.row-Trilliant {background: rgba(0, 0, 0, 0) url("../../../images/search-icons/shape-trilliant.png") no-repeat scroll 6px center / 30px auto; margin-left: 0; padding-left: 40px !important;}

.pagination {
    border-radius: 4px;
    display: inline-block;
    font-family: lato;
    margin: 20px 0;
    padding-left: 0;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000000 !important;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #d3cdb7 !important;
    border-color: #d3cdb7 !important;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.header-bar .container .left-side .custom {float:right;}
#contact-form2 label,
#contact-form label {font-family: "Conv_Luxury-Platinum",sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: uppercase;}
.stocknosmaller {font-size: 24px !important;}

.single-shape{float:left; height: 90px; width: 7.4%; padding-top: 10px; background: #000000 none repeat scroll 0 0; margin-right: 10px;}
.single-shape:hover { cursor: pointer;}
.mheader {margin-bottom:10px;}
.single-shape input {bottom: 0; margin-left: 6px;
    display: none;
    position: absolute;}
.hauto {height:65px; text-align: center;}
.search-box {background: #e7eded none repeat scroll 0 0; padding-bottom: 60px;
    padding-top: 60px;}
.dsearch-button {background: #d3cdb7 none repeat scroll 0 0;
    color: #ffffff;
  font-family:'Lato' !important;
    font-size: 18px;
    margin-top: 49px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;}
.dsearch-button:hover {background: #b0ab98; cursor: pointer;}
#diamonds { width: 100%;}
#diamonds thead {background: #313131 none repeat scroll 0 0; width: 100%;}
.sectiontableheader span {color: #ffffff;
 font-family:'Lato' !important;
    font-size: 18px;
    margin-top: 1px;}
    .sectiontableheader2 span {color: #ffffff;
    font-family: lato;
    font-size: 18px;
    margin-top: 1px;}
.row0 {background: #ffffff none repeat scroll 0 0; border:1px solid #dddddd; height: 35px;}
.row1 {background: #ffffff none repeat scroll 0 0; border:1px solid #dddddd; height: 35px;}
.table-button {background: #b7ad8a; font-family:'Lato' !important; text-transform:uppercase;
    color: #ffffff !important;
    margin-top: 1px;
    padding: 3px 15px;}
#diamonds tbody tr td {padding-left:20px;}
#diamonds tbody {font-family:'Lato';}
.sectiontableheader {padding-bottom: 15px;
    padding-left: 20px; 
    padding-top: 15px;}
    .sectiontableheader2 {padding-bottom: 15px;
    padding-left: 20px; 
    padding-top: 15px;}
.pbox {padding-left:15px; padding-right:15px; float: left; width: 100%;}
.slidercontainer {height:90px;}
.search-page {
  background-color:#fbfbfb;
    padding-bottom: 60px;
    padding-top: 60px;
    border-top: 1px solid #e6e7e9;
}
.search-module {background-color: #f6f6f6;
    border: 1px solid #e1e1e1;}

.mheader {border-bottom: 1px solid  #e1e1e1;
 font-family:'Lato' !important;
  
    font-size: 18px;
    font-weight: 300;
    margin-top: 1px;
    padding-bottom: 0;
    padding-top: 10px;
    text-transform: uppercase;
    width: 70%;}
.mheader2 {border-bottom: 1px solid  #e1e1e1;
    font-family: lato;
    font-size: 18px;
    font-weight: 300;
    margin-top: 1px;
    padding-bottom: 0;
    padding-top: 10px;
    text-transform: uppercase;
    width: 70%;}
/* standard page */
.articleBody .item-page h2 {padding-bottom: 20px; color: #000000;
   font-family:'Lato' !important;
    font-size: 41px;
    font-weight: lighter;
    margin: 0 0 7px;
    text-transform: uppercase;}


/* tidy up */
.pagenav {display:none;}
.data-table .pagination .pagenav {display:block;}
/* buttons */
.small-btn {background: #989898 none repeat scroll 0 0 !important;
  font-size: 14px;
    font-weight: normal;
    border: 1px solid #989898 !important;
    border-radius: 0px;
    box-shadow: 0 3px 0 #c6c6c6 !important; margin-right:20px !important;}
.small-btn:hover {color: #989898 !important; background: #ffffff none repeat scroll 0 0 !important;
    border: 1px solid #999999 !important;}




    /* CSS Created by CSS CHECKBOX */
/**********************************/
/**** www.CSScheckbox.com *********/

/*general styles for all CSS Checkboxes*/
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left:20px;
  height:15px; 
  display:inline-block;
  line-height:15px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:14px;
  vertical-align:middle;
  cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -15px;
}

.css-label{
  background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);
}

/*specific classes related to Checkbox skins*/


.lite-orange-check{background-image:url('../images/lite-orange-check.png'); margin-left: 7px;}


input[type=checkbox].css-checkbox.med + label.css-label.med {
  padding-left:22px;
    height:17px; 
  display:inline-block;
  line-height:17px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:14px;
  vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
  padding-left:22px;
    height:16px; 
  display:inline-block;
  line-height:16px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:14px;
  vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
  padding-left:22px;
    height:20px; 
  display:inline-block;
  line-height:20px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:14px;
  vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -20px;
}



/* single diamond page */
.search-page h1 {color: #000000;
   font-family:'Lato' !important;
    font-size: 39px;
    font-weight: lighter;
    margin: 0 0 7px;
    text-transform: uppercase;}
.text-details {color: #000000; padding-top: 10px;
 font-family:'Lato' !important;
    font-size: 24px;
    font-weight: lighter;
}
.contact-area .title-section .container h1 b {color: #4b4b4b;}
.text-details span {color: #4b4b4b;
  font-family:'Lato' !important;
    font-size: 24px;
    font-weight: 400;
}
.btn-primary {
    line-height: 1.8em;
}
.termsr2 { margin-bottom: 10px;
    margin-top: 10px;}
.buttons-item .button-right .btn.btn-primary {float:right;}
.buttons-item .button-right2 .btn.btn-primary {float:right; margin-right: 20px;}
.buttons-item .col-md-6 .btn.btn-primary {float:right;}
.buttons-item .btn.btn-primary {text-transform:uppercase;}
.buttons-item {padding-top:25px;}
.text-center span {color: #000000;
    display: block;
   font-family:'Lato' !important;
    font-size: 16px;
    margin-top: 0;
    padding-top: 15px;
    text-transform: uppercase;}
.text-center {text-align:center;}
.sample-image img {border: 1px solid #d2d8d8;}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
/* 14% = 100% (full-width row) divided by 7 */

.colour-prev { background: red none repeat scroll 0 0;
    height: 40px;
    width: 40px; float: left; border:1px solid #e1e1e1;}
.colour-text {float:left;}
.seven-cols .col-lg-1 {padding-top:10px; padding-bottom: 10px;}
.ind-t {font-family: lato;
    padding-left: 10px;}
.b-champagne {background: url("../images/diamond-overlay.png") no-repeat #eedca2;}
.b-pink {background: url("../images/diamond-overlay.png") no-repeat #e393db;}
.b-yellow {background: url("../images/diamond-overlay.png") no-repeat #f8e72e;}
.b-orange {background: url("../images/diamond-overlay.png") no-repeat #f8bd2e;}
.b-blue {background: url("../images/diamond-overlay.png") no-repeat #2eb3f8;}
.b-red {background: url("../images/diamond-overlay.png") no-repeat #f44141;}
.b-green {background: url("../images/diamond-overlay.png") no-repeat #55a834;}

@media (min-width: 1200px) {
.color-dd {width: 20% !important;}
.color-rr {width: 22% !important;}
}

@media (max-width: 1215px) {
.dsearch-button { font-size: 13px !important;}

}

.search-module .seven-cols .col-md-6 {margin-bottom: 15px;
    margin-left: -15px;
    margin-top: 15px;}

.origin-yes {background: #8f8f8f none repeat scroll 0 0;
    color: #fff;}

@media (max-width: 600px) {

.sectiontableheader {
    padding-left: 5px !important;
}
.sectiontableheader2 {
    padding-left: 5px !important;
}
.sectiontableheader span {
    color: #ffffff;
    font-family: lato;
    font-size: 14px !important;
    margin-top: 1px;
}
.sectiontableheader2 span {
    color: #ffffff;
    font-family: lato;
    font-size: 14px !important;
    margin-top: 1px;
}
#diamonds tbody tr td {
    font-size: 11px;
    padding-left: 5px;
}

}

.right-side .menu li a:hover {background:none !important;  color: #b7ad8a !important;}

.right-side .gold b a {color: #ffffff !important;}
.search-page .col-md-7 p { font-family:'Lato' !important;
}
.selectedsort {background: #464646 none repeat scroll 0 0 !important;}
.sectiontableheader:hover {background: #464646 none repeat scroll 0 0 !important; cursor: pointer;}
.arrowdown {background: url('../../../images/down-arrow.png') no-repeat center center !important;
    float: right;
    height: 20px;
    margin-left: -10px;
    margin-right: 10px;
    margin-top: 4px;
    padding-right: 0;
    width: 20px;}
.arrowup {background: url('../../../images/down-up.png') no-repeat center center !important;
    float: right;
    height: 20px;
    margin-left: -10px;
    margin-right: 10px;
    margin-top: 4px;
    padding-right: 0;
    width: 20px;}

.dropdown-button-color {background-color: #e7eded;
    border: 1px solid #e1e1e1; font-family:'Lato' !important;
    font-size: 15px; margin-top: -1px;
    font-weight: 300; padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
    text-transform: uppercase;}

.dropdown-advanced {background-color: #eff6f6;
    border: 1px solid #e1e1e1; font-family: lato;
    font-size: 18px; margin-top: -1px;
    font-weight: 300; padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
    text-transform: uppercase;}

  .color-dd {padding-left:0 !important; cursor: pointer;} 
.color-rr {padding-left:0 !important; cursor: pointer;} 

.silver2 {background: #989898 none repeat scroll 0 0 !important;
  font-size: 17px;
    font-weight: normal;
    border: 1px solid #989898 !important;
    border-radius: 0px;}


.infob {
    background: #989898 none repeat scroll 0 0;
    border-radius: 50px;
    color: white !important;
    display: block;
    float: left;
    font-size: 13px !important;
    height: 17px !important;
    margin-right: 5px;
    margin-top: 1px;
    padding-right: 0;
    text-align: center;
    width: 17px !important;
}
.btn-primary {font-size:14px;}
.infob:hover {
    background: #b7ad8a none repeat scroll 0 0;
    border-radius: 50px;
    color: white;
    display: block;
    float: left;
    font-size: 13px;
    height: 17px !important;
    margin-right: 5px;
    margin-top: 1px;
    padding-right: 0;
    text-align: center;
    width: 17px !important; cursor: pointer;
}


.mtitle {color: #000000;
   font-family:'Lato' !important;
    font-size: 36px;
    font-weight: lighter;
    margin-bottom: 15px;
    margin-top: 5px;
    line-height: 1;
    text-transform: uppercase;}


.dotdotdot {display: block;
    float: left;
    margin-top: 1px;
    padding: 8px 10px 5px;
    vertical-align: bottom;}

.bolded-details { font-weight: 800 !important;
    letter-spacing: -0.9px !important;}

.single-shape img {max-height: 61px;}

.gst-text {font-size: 12px !important;
    font-weight: 200;
    margin-top: 1px;
    padding-left: 10px;}

#cloak {background: white none repeat scroll 0 0;
    bottom: 0;
    height: 550px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 90%;
    z-index: 1000; }
#fader  {background: black none repeat scroll 0 0;
    height: 100%;
    left: 0;
    margin-top: 1px;
    opacity: 0.3;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 500;}
#cloak2 {height: 100%;
    margin-top: 0;
    width: 100%;}
#closert { background: #b7ad8a none repeat scroll 0 0;
    border-color: #b7ad8a;
    border-radius: 20px;
    color: #ffffff;
    font-size: 20px;
    height: 30px;
    margin-top: 1px;
    padding-top: 0;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 30px;
    z-index: 100000;}
#closert:hover {background: #a49b7b none repeat scroll 0 0; cursor: pointer;}


.option-button {background: #e7eded;
    margin-top: 1px;
    padding: 5px; float: left;
    text-align: center;
    margin-right: 10px;
    margin-top: 3px;
    width: 47%;}
.option-button:hover {background: #d3cdb7 none repeat scroll 0 0 !important;
    color: #ffffff !important; cursor: pointer;}
.option-on {background: #d3cdb7 none repeat scroll 0 0 !important;
    color: #ffffff !important;}

.shape-on {background: #d3cdb7 none repeat scroll 0 0 !important;}
.single-shape .lite-orange-check {display:none !important;}



@media (min-width: 1005px) and (max-width: 1215px) {
.option-button {width:45% !important;}
.single-shape {margin-right: 23px; margin-bottom:10px;}
}

@media (min-width: 0px) and (max-width: 1004px) {
.search-module .col-md-4 {width:100%; float:left;}
.single-shape {margin-bottom:10px;}

}

@media (min-width: 401px) and (max-width: 560px) {
.single-shape img {
    max-height: 61px;
    width: 100%;
    
}
.single-shape {margin-bottom:10px; height: 60px !important; width: 13% !important; padding-left: 5px;
    padding-right: 5px;}
.option-button {width:45% !important;}
}


@media (min-width: 0px) and (max-width: 400px) {
.single-shape img {
    max-height: 61px;
    width: 100%;
    
}
.single-shape {margin-bottom:10px; height: 60px !important; width: 20% !important; padding-left: 5px;
    padding-right: 5px; margin-right: 8px;}
.option-button {width:44% !important;}
}

.navbar-nav > li {
    margin-left: 0;
}

#productMainTable {background: #e5e9ea;}
#prodDescription {padding-bottom:0px !important;}
#productMainDiv td {padding-bottom:0px !important;}
#prodTitle {padding-top:0px !important;}
#productMainDiv {border: 1px solid #c7c7c7; width:22% !important; float:left; background-color: #ffffff !important;}
#prodTitle {background-color: #ffffff !important; color: #000000 !important; padding-left: 15px !important;
    padding-right: 5px !important;
    padding-top: 10px !important;font-family:'Lato' !important;}
  #productMainDiv td { background-color: #ffffff !important;}
    #productMainDiv p {font-size:14px;}
    #productMainDiv .prod_attr {font-size:15px ;}

.nodeLabel .editable span {font-size: 15px !important;}

.small-btn {padding: 10px 30px !important; font-size: 12px; font-family:'Lato' !important;}
#prodMiddle {
    display: none;
    width: 100%;
}

.secondline { font-size: 16px !important; padding-right:10px;}



@media (min-width: 1216px) {
#productMainDiv {width:22% !important; float:left; background-color: #ffffff !important;}
}


@media (min-width: 1008px) and (max-width: 1215px) {
#productMainDiv {width:30% !important; float:left; background-color: #ffffff !important;}
}

@media (min-width: 665px) and (max-width: 1007px) {
#productMainDiv {width:45% !important; float:left; background-color: #ffffff !important;}
}

@media (min-width: 0px) and (max-width: 664px) {
#productMainDiv {width:95% !important; float:left; background-color: #ffffff !important;}
}

.product-page-banner {background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url("../../../images/page-banner/about.jpg") !important;
    background-origin: padding-box !important;
    background-position: center center !important;
    background-repeat: repeat !important;
    background-size: cover;}
.product-page-banner h1 {max-width:400px;}

.productimage img {width:100%;}

.text-17 {font-size:17px;}

#productMainDiv #prodTitle {
    font-weight: lighter !important;
}


.loaddiv {
    height: 100%;
    background: black url("spinner.gif") no-repeat scroll center center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000000;
  opacity: 0.4;}