@-webkit-keyframes animate-preloader { 0% {

 transform: rotate(0deg);

}

 100% {

 transform: rotate(360deg);

}

}

 @keyframes animate-preloader { 0% {

 transform: rotate(0deg);

}

 100% {

 transform: rotate(360deg);

}

}

 @-webkit-keyframes animate-loading { 0% {

 transform: rotate(0deg);

}

 100% {

 transform: rotate(360deg);

}

}

 @keyframes animate-loading { 0% {

 transform: rotate(0deg);

}

 100% {

 transform: rotate(360deg);

}

}

body,

input,

button,

textarea,

select { /*font-family: "Open Sans", sans-serif;*/ font-family: Arial, Helvetica, sans-serif; }

h1,

h2,

h3,

h4,

h5,

h6,

.main-nav a,

#intro .intro-info .btn-get-started,

#intro .intro-info .btn-services,

#why-us .counters span,

#why-us .counters p,

#contact .contact-about h3,

#contact .contact-about p,

#footer .footer-top .footer-info h3,

#footer .footer-top .footer-info p,

#page-header h1 { /*font-family: "Montserrat", sans-serif;*/ }

.main-nav .drop-down > a:after,

.mobile-nav .drop-down > a:after { font-family: FontAwesome; }

/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/
 .required, .un-available {
    background: #e53a40;
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-right: 5px;
}
.available {
    background: #16a765 !important;
	 width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-right: 5px;
} 
.legend {
    padding: 5px 0;
    /*background: rgba(51, 51, 51, .1);*/
    font-size: .7em;
	width:100%;
}
body { background: #fff; color: #444; font-size: 14px; line-height: 1.4; }

img { max-width: 100%; height: auto; }

a { color: #000; transition: 0.5s; }

a:hover,

a:active,

a:focus { color: #e7e7e7; outline: none; text-decoration: underline; }

p { /*padding: 0; margin: 0 0 30px 0;*/ }

h1,

h2,

h3,

h4,

h5,

h6 { /*font-weight: 400; margin: 0 0 20px 0; padding: 0;*/ }

.badge-primary { background-color: #e7e7e7 !important; }

.bg-primary { background-color: #e7e7e7 !important; }

.border-primary2 { border-color: #e7e7e7!important; }

.border-md { border: 5px solid #dee2e6!important; }

.border-light2 { border-color: #eeedf2!important; }

.bg-light2 { background-color: #eeedf2!important; }

.border-light3 { border-color: #c1c1c1!important; }

.bg-light3 { background-color: #c1c1c1!important; }

.show { display: block !important; }

.text-black { color: #000 !important; }

.text-primary { color: #000 !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.btn.btn-primary { background-color: #e7e7e7; border-color: #e7e7e7; color: #000; }

.btn.btn-primary:hover,

.btn.btn-primary:focus { background-color: #666; border-color: #666; color: #333; }

.btn.btn-outline-primary { background-color: #fff; border-color: #e7e7e7; color: #333; }

.btn.btn-outline-primary:hover,

.btn.btn-outline-primary:focus { background-color: #fff; border-color: #666; color: #666; }

/* Back to top button */

.back-to-top { opacity: 0.6; position: fixed; display: none; background: #e7e7e7; color: #000; width: 44px; height: 44px; text-align: center; line-height: 1; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 11; }

.back-to-top i { padding-top: 12px; color: #333; }

.back-to-top:hover { opacity: 1; }

/* Prelaoder */

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; }

#preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #f2f2f2; border-top: 6px solid #007bff; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite; }

.v-bar-1 { background-color: #c1c1c1; width: 5px; margin: 0 auto; height: 30px; }

/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header { /*height: 80px; overflow: hidden;*/ transition: all 0.5s; z-index: 997; transition: all 0.5s; padding: 10px 0 5px; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); }

.tagline { padding-top: 57px; transition: all 0.5s; }

.tagline .h5 { transition: all 0.5s; }

.nav-header { padding-top: 28px; transition: all 0.5s; }

#header .logo h1 { font-size: 36px; margin: 0; padding: 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; }

#header .logo h1 a,

#header .logo h1 a:hover { color: #00366f; text-decoration: none; }

#header .logo img { padding: 0; margin: 7px 0; max-height: 70px; transition: all 0.5s; }

/*#header.header-scrolled { padding: 5px 0; }

#header.header-scrolled .nav-header { padding-top: 0px; }

#header.header-scrolled .tagline { padding-top: 22px; }

#header.header-scrolled .logo img { max-height: 45px; }*/

/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Desktop Navigation */





#results {/*overflow-x:hidden*/ }

.close-details { cursor: pointer }

.main-nav { /* Drop Down */ /* Deep Drop Down */ }

.main-nav,

.main-nav * { margin: 0; padding: 0; list-style: none; }

.main-nav > ul > li { position: relative; white-space: nowrap; float: left; }

.main-nav a { display: block; position: relative; color: #000; padding: 10px 6px; transition: 0.3s; font-size: 12px; font-weight: 500; }

.main-nav a:hover,

.main-nav .active > a,

.main-nav li:hover > a { color: #e7e7e7; text-decoration: none; }

.main-nav .drop-down ul { display: block; position: absolute; right: 50%; transform: translateX(50%); top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s; text-align: center; }

.main-nav .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; }

.main-nav .drop-down li { min-width: 180px; position: relative; }

.main-nav .drop-down ul a { padding: 10px 20px; font-size: 13px; color: #000; }

.main-nav .drop-down ul a:hover,

.main-nav .drop-down ul .active > a,

.main-nav .drop-down ul li:hover > a { color: #e7e7e7; }

.main-nav .drop-down > a:after { content: "\f107"; padding-left: 10px; }

.main-nav .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); }

.main-nav .drop-down .drop-down:hover > ul { opacity: 1; top: 0; left: 100%; }

.main-nav .drop-down .drop-down > a { padding-right: 35px; }

.main-nav .drop-down .drop-down > a:after { content: "\f105"; position: absolute; right: 15px; }

/* Mobile Navigation */

.mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -260px; width: 260px; padding-top: 18px; background: rgba(19, 39, 57, 0.8); transition: 0.4s; }

.mobile-nav * { margin: 0; padding: 0; list-style: none; }

.mobile-nav a { display: block; position: relative; color: #fff; padding: 10px 20px; font-weight: 500; }

.mobile-nav a:hover,

.mobile-nav .active > a,

.mobile-nav li:hover > a { color: #74b5fc; text-decoration: none; }

.mobile-nav .drop-down > a:after { content: "\f078"; padding-left: 10px; position: absolute; right: 15px; }

.mobile-nav .active.drop-down > a:after { content: "\f077"; }

.mobile-nav .drop-down > a { padding-right: 35px; }

.mobile-nav .drop-down ul { display: none; overflow: hidden; }

.mobile-nav .drop-down li { padding-left: 20px; }

.mobile-nav-toggle { /*position: fixed; */ right: 0; top: 30px; z-index: 9998; border: 0; background: none; font-size: 24px; transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right; padding: 5px 10px; }

.mobile-nav-toggle i { color: #e7e7e7; }

.mobile-nav-overly { width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19, 39, 57, 0.8); overflow: hidden; display: none; }

.mobile-nav-active { overflow: hidden; }

.mobile-nav-active .mobile-nav { left: 0; }

.mobile-nav-active .mobile-nav-toggle i { color: #fff; }

/*--------------------------------------------------------------

# Intro Section

--------------------------------------------------------------*/

#intro-cover { position: relative; }

#intro-2 { width: 100%; background-image: url("../img/intro-bg-03.jpg"); background-size: cover; background-position: center top; background-repeat: no-repeat; background-color: #fff; height: calc(100vh - 0px); }

.intro-source { position: absolute; left: 15px; width: 272px; top: 8em; }

.intro-caption { position: absolute; bottom: 0; left: 0; right: 0; background-color: #e7e7e7; color: #000; }

.intro-caption sup { font-size: 11px; line-height: 1; top: -22px; }

.intro-img { }

.intro-img img { max-height: 320px; }

#intro .intro-info h2 { color: #fff; margin-bottom: 40px; font-size: 32px; font-weight: 700; }

#intro .intro-info h2 span { color: #74b5fc; text-decoration: underline; }

#intro .intro-info .btn-get-started,

#intro .intro-info .btn-services { font-size: 14px; font-weight: 600; letter-spacing: 1px; display: inline-block; padding: 10px 32px; border-radius: 50px; transition: 0.5s; margin: 0 20px 20px 0; color: #fff; }

#intro .intro-info .btn-get-started { background: #007bff; border: 2px solid #007bff; color: #fff; }

#intro .intro-info .btn-get-started:hover { background: none; border-color: #fff; color: #fff; }

#intro .intro-info .btn-services { border: 2px solid #fff; }

#intro .intro-info .btn-services:hover { background: #007bff; border-color: #007bff; color: #fff; }

/*--------------------------------------------------------------

# Sections

--------------------------------------------------------------*/

section { overflow: hidden; }

/* Sections Header

--------------------------------*/

.section-header h3 { font-size: 36px; color: #283d50; text-align: center; font-weight: 500; position: relative; }

.section-header p { text-align: center; margin: auto; font-size: 15px; padding-bottom: 60px; color: #556877; width: 50%; }

/* Section with background

--------------------------------*/

.section-bg { background: #ecf5ff; }

#main.columns {/* padding-top: 104px; */ min-height: calc(100vh - 96px); }

.wrap { padding: 3.8rem 0; }

#page-header { text-align: center; color: #e7e7e7; /*text-transform: uppercase;*/ }

#page-header h1 { /*font-weight: bold;*/ font-size: 30px; }

#results { font-size: 11px; line-height: 14px; width: 1110px; }

#results_share { font-size: 11px; line-height: 14px; }

.table-outer { overflow-x: auto; overflow-y: hidden; }

.diamond-heading th {
    position: sticky;
    top: -1px;
    background: #e7e7e7;
    color:#000;
    z-index: 1;
}
.diamond-heading th a{color:#000;}
.dropdown-toggle::after{color:#333;}

#diamonds { }

#diamonds .figure { position: relative; }

.prod-thumb { position: relative; overflow: hidden; background-color: #fff; }

.prod-thumb:after { display: block; content: " "; width: 100%; padding-top: 100%; }

.prod-thumb figure { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

.table-striped2 tbody tr:nth-child(4n-7) { background-color: rgba(0,0,0,.05); }

/* Contact Section

--------------------------------*/

#contact { /*box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);*/ padding: 10px 0 30px; overflow: hidden; }

#contact .section-header { padding-bottom: 30px; }

#contact .contact-about h3 { font-size: 36px; margin: 0 0 10px 0; padding: 0; line-height: 1; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #007bff; }

#contact .contact-about p { font-size: 14px; line-height: 24px; color: #888; }

#contact .social-links { padding-bottom: 20px; }

#contact .social-links a { font-size: 18px; display: inline-block; background: #fff; color: #007bff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; border: 1px solid #007bff; }

#contact .social-links a:hover { background: #007bff; color: #fff; }

#contact .info { color: #283d50; }

#contact .info i { font-size: 32px; color: #007bff; float: left; line-height: 1; }

#contact .info p { padding: 0 0 10px 36px; line-height: 28px; font-size: 14px; }

#contact .php-email-form .validate { display: none; color: red; margin: 0 0 15px 0; font-weight: 400; font-size: 13px; }

#contact .php-email-form .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600; }

#contact .php-email-form .error-message br + br { margin-top: 25px; }

#contact .php-email-form .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }

#contact .php-email-form .loading { display: none; background: #fff; text-align: center; padding: 15px; }

#contact .php-email-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite; }

#contact .php-email-form input,

#contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; }

 #contact .php-email-form input::focus, #contact .php-email-form textarea::focus {

 background-color: #007bff;

}

#contact .php-email-form input { padding: 20px 15px; }

#contact .php-email-form textarea { padding: 12px 15px; }

#contact .php-email-form button[type="submit"] { background: #e7e7e7; border: 0; border-radius: 20px; padding: 8px 30px; color: #000; transition: 0.3s; }

#contact .php-email-form button[type="submit"]:hover { background: #000; cursor: pointer; }

.diamond-icon img { max-height: 16px; }

.diamond-details { max-width: 66rem; }

.diamond-cover { max-height: 20rem; overflow-y: auto; overflow-x: hidden; }

#pagination-2 { flex-direction: column; text-align: center; font-size: 14px; }

#pagination-2 .pagination { justify-content: center; }

/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/



#footer { background: #fff; color: #fff; font-size: 14px; }

#footer .footer-top { background: #fff; padding: 60px 0 30px 0; }

#footer .footer-top .footer-info { margin-bottom: 30px; }

#footer .footer-top .footer-info h3 { font-size: 34px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; color: #333; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; }

#footer .footer-top .footer-info p { font-size: 13px; line-height: 24px; margin-bottom: 0; color: #333; }

#footer .footer-top h4 { font-size: 14px; font-weight: bold; color: #333; text-transform: uppercase; position: relative; padding-bottom: 10px; }

#footer .footer-top .footer-links { margin-bottom: 30px; }

#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }

#footer .footer-top .footer-links ul li { padding: 8px 0; }

#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }

#footer .footer-top .footer-links ul a { color: #ecf5ff; }

#footer .footer-top .footer-links ul a:hover { color: #74b5fc; }

#footer .footer-top .footer-contact { margin-bottom: 30px; }

#footer .footer-top .footer-contact p { line-height: 26px; }

#footer .footer-top .footer-newsletter { margin-bottom: 30px; }

#footer .footer-top .footer-newsletter input[type="email"] { border: 0; padding: 6px 8px; width: 65%; }

#footer .footer-top .footer-newsletter input[type="submit"] { background: #007bff; border: 0; width: 35%; padding: 6px 0; text-align: center; color: #fff; transition: 0.3s; cursor: pointer; }

#footer .footer-top .footer-newsletter input[type="submit"]:hover { background: #0062cc; }

.footer-btm { padding: 30px 0; color: #333; font-size: 13px; }

.footer-btm a { color: #333; }

.footer-btm a:hover { color: #333; }

.social-links a { font-size: 18px; display: inline-block; background: rgba(255,255,255,0.3); color: #fff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; }

.social-links a:hover { background: rgba(255,255,255,1); color: #e7e7e7; }

.copyright { }

.copyright img { max-height: 32px; }

.diamond-shapes input { max-height: 75px; }

.alert.alert-primary { background-color: #e7e7e7; border-color: #e7e7e7; color: #000; }

.alert.alert-primary .nav .nav-link { color: #000; opacity: 1; }

.alert.alert-primary .nav .nav-link.active { font-weight: 700; color: #a0b5ff; }

.alert.alert-primary .nav .nav-link:hover,

.alert.alert-primary .nav .nav-link:focus { color: #000; opacity: 0.8; }

.error p { margin: 0; font-size: inherit; }

.swal-form { text-align: left; }

.swal-form .patch-swal-styles-for-inputs { margin-left: 15px; margin-right: 5px; }

.dropdown-toggle { outline:none !important; }

.checkbox-menu { min-width: 4rem; }

.checkbox-menu li { }

.checkbox-menu li label { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; margin: 0; transition: background-color .4s ease; font-size:11px; }

.checkbox-menu li input { margin-right: 5px; top: 2px; position: relative; }

.checkbox-menu li.active label { background-color: #cbcbff; }

.checkbox-menu li label:hover,

.checkbox-menu li label:focus { background-color: #f5f5f5; }

.checkbox-menu li.active label:hover,

.checkbox-menu li.active label:focus { background-color: #b8b8ff; }





/*--------------------------------------------------------------

# Responsive

--------------------------------------------------------------*/

@media (max-width: 575px) {

body { /*padding-top: 122px;*/ }

#intro { padding: 100px 0 20px 0; }

.tagline { padding-top: 5px; }

.nav-header { padding-top: 0; }

.mobile-nav-toggle { top: 3px; }

/*#header.header-scrolled .tagline { padding-top: 0px; }

#header.header-scrolled .tagline .h5 { font-size: 0; }*/

#intro-2 { height: calc(100vh - 180px); }

}

 @media (max-width: 767px) {

.back-to-top { bottom: 15px; }

#intro .intro-info h2 { font-size: 34px; margin-bottom: 30px; }

.section-header p { width: 100%; }

.breadcrumbs .d-flex { display: block !important; }

.breadcrumbs ol { display: block; }

.breadcrumbs ol li { display: inline-block; }

.portfolio-details .portfolio-description h2 { width: 100%; }

.portfolio-details .portfolio-info { position: static; margin-top: 30px; }

#testimonials .testimonial-item { text-align: center; }

#testimonials .testimonial-item .testimonial-img { float: none; margin: auto; }

#testimonials .testimonial-item h3,

#testimonials .testimonial-item h4,

#testimonials .testimonial-item p { margin-left: 0; }

#main.columns { padding-top: 0; min-height: calc(100vh - 120px); }

#intro-cover { }

#intro-2 { padding-top: calc(100vh - 180px); }

.intro-source { position: static; width: auto; padding: 15px; }

.intro-caption { position: static; padding: 15px 0; }

.footer-btm { padding-bottom: 72px; }

#page-header h1 { font-size: 24px; }

}

 @media (max-width: 991px) {

#header { /*height: 60px;*/ padding: 10px 0; }

#header .logo h1 { font-size: 28px; padding: 8px 0; }

#intro { padding: 140px 0 60px 0; }

.breadcrumbs { margin-top: 60px; }

.breadcrumbs h2 { margin: 0 0 10px 0; }

#why-us .card { margin: 0; }

#testimonials .testimonial-item p { width: 80%; }

}

 @media (min-width: 768px) and (max-width: 991px) {

.tagline { padding-top: 5px; }

#header.header-scrolled .tagline { /*padding-top: 0px;*/ }

#main.columns { min-height: calc(100vh - 164px); }

.form h5 { font-size: 14px; }

}

@media (min-width: 992px) and (max-width: 1199px) {

.tagline { padding-top: 14px; }

#header.header-scrolled .tagline { /*padding-top: 6px;*/ }

.main-nav a { /*padding: 5px 2px;*/ }

.main-nav .drop-down > a:after { padding-left: 2px; }

}

 @media (min-width: 1200px) {

}