@-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
   --------------------------------------------------------------*/
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: #3a4a87; 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: #3a4a87 !important; }
.bg-primary { background-color: #3a4a87 !important; }
.border-primary2 { border-color: #3a4a87!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: #3a4a87 !important; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btn.btn-primary { background-color: #c28809; border-color: #c28809; color: #fff; }
.btn.btn-primary:hover,
 .btn.btn-primary:focus { background-color: #666; border-color: #666; color: #fff; }
.btn.btn-outline-primary { background-color: #fff; border-color: #3a4a87; color: #3a4a87; }
.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: #a39f96; color: #fff; 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: #fff; }
.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;*/ 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: 52px; transition: all 0.5s; }
.tagline .h4 { transition: all 0.5s; }
.nav-header { padding-top: 8px; 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: 100px; transition: all 0.5s; }
#header .right-menu-sec{padding-top:28px;}
#header.header-scrolled { /*height: 60px;*/ padding: 5px 0; }
#header.header-scrolled .nav-header { padding-top: 0px; }
#header.header-scrolled .tagline { padding-top: 15px; }
#header.header-scrolled .logo img { max-height: 70px; }
#header.header-scrolled .right-menu-sec {padding-top:18px;}

/*--------------------------------------------------------------
   # 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: #3a4a87; 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: #3a4a87; }
.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: 15px; 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: #3a4a87; }
.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.jpg"); background-size: cover; background-position: center top; background-repeat: no-repeat; background-color: #fff; height: calc(100vh - 0px); }*/
    
    #intro-2 {
       width: 100%;
     
       height: 600px;
       background-color: #282626;
   }

.intro-source { position: absolute; left: 15px; width: 272px; top: 8em; }
.intro-caption { position: absolute; bottom: 0; left: 0; right: 0; background-color: #cf8e00; color: #fff; }
.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: 160px 0; }
#page-header { text-align: center; color: #3a4a87; /*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 { }
.diamond-heading table, .diamond-cover table { border-bottom:none !important; }
.diamond-heading table tr { }
.diamond-heading table tr th, .diamond-cover table tr th { border-bottom:none !important; }
.no-table { padding: 0; background: transparent !important; }
.no-table td { border: none; padding: 0; height: 0; }
#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); }



/* login-section
   --------------------------------*/

   #Modal-signin.fade:not(.show) {
      opacity: 1;
  }

  #Modal-signin .modal-content {
  
   box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 50%)
   }

   #Modal-signin .modal-dialog {

      margin: 1.75rem auto;
   }
   
  
   #Modal-signin .modal-width-sign-in {
      margin-top: 220px;
      width: 410px;
  }



   .login-section .input-group-addon {
      background-color: #ccc;
      border: 1px solid #ccc;
      color: #444;
  }
  .login-section .input-group{margin-bottom: 10px;}
  
  .login-section .border-signup {
      padding: 5px 0;
      margin-top: 15px;
      float: left;
      border-top: 1px solid #eee;
      width: 100%;
      vertical-align: middle;
  }






/* 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: #c28809; border: 0; border-radius: 20px; padding: 8px 30px; color: #fff; 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: #010100; color: #eee; font-size: 14px; }
#footer .footer-top { background: #004a99; 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: #fff; 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: #ecf5ff; }
#footer .footer-top h4 { font-size: 14px; font-weight: bold; color: #fff; 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: #f1f7ff; font-size: 13px; }
.footer-btm a { color: #fff; }
.footer-btm a:hover { color: #f1f7ff; }
.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: #3a4a87; }
.copyright { }
.copyright img { max-height: 32px; }
.diamond-shapes input { max-height: 75px; }
.alert.alert-primary { background-color: #3a4a87; border-color: #3a4a87; color: #fff; }
.alert.alert-primary .nav .nav-link { color: #fff; 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: #fff; 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; }
.custom-control-label::before { top: 2px; }


   
/*--------------------------------------------------------------
# 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:10px; }
/*#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; }
#header .logo img{max-height:45px;}
#header.header-scrolled .logo img { max-height: 40px; }
 #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; }
#Modal-signin .modal-width-sign-in{max-width:95%;}
}
 @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) {
}