* {margin: 0;padding: 0;box-sizing: border-box;}
header, section, footer, aside, nav, main, article, figure {display: block;}
body {font-family: 'Poppins', sans-serif;font-size: 13px;font-weight: 300;color: #333; }
html {scroll-behavior: smooth;}

@media (min-width: 991px) {
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        padding-bottom: 15px;
    }

    ::-webkit-scrollbar-track {
        padding-bottom: 15px;
        background: #cacaca;
        box-shadow: inset 0px 0px 2px 0px #8a8989;
    }

    ::-webkit-scrollbar-thumb {
        background: #747474;
        padding-bottom: 15px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #444;
        padding-bottom: 15px;
    }
}

:root {
  --color-primary: var(--site-text);
}

/*---------- all ----------*/
input.invalid {
    border-color: #ff0000;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
.custom-container-90 {width: 90% !important;max-width: 1900px;}
.row {margin-right: 0px !important; margin-left: 0px !important; }
hr {margin: 0px !important;}
h3 {margin: 0px !important;}
.border-right {border-right: 1px solid #eeeeee;}
.font-size-10 {font-size: 10px;}
.padding-top-bootom {padding: 4px 0 2px 0;}
.color-red {color: red !important;}
.color-blue {color: blue;}
.color-primary {color: var(--site-text) !important;}
.margin-right-5 {margin-right: 5px;}
.rounded-0 {border-radius: 0px !important;}
.font-weight-600 {font-weight: 600;}
.btn-toggle-grey:hover , .btn-toggle-red:hover {color: #fff !important;opacity: .8; }
.btn-toggle-red {background-color: var(--site-text);color: #fff;padding: 5px 15px !important;/* text-transform: uppercase; */}
.padding-top-100 {padding-top: 95px;}
.main-color {color: var(--site-text);}
.list-style-none {list-style: none; }
.list-style {list-style: none;}
.text-decoration {text-decoration: none !important;}
.color-black {color: #000 !important;}
.margin-left-15 {margin-left: 15px !important;}
.margin-right-15 {margin-right: 15px !important;}
.margin-left-10 {margin-left: 10px !important;}
.padding-left-15 {padding-left: 15px;}
.btn-toggle-grey {background-color: #555;color: #fff !important;padding: 4px 10px !important;/* text-transform: uppercase; */}
.display-inline li {display: inline-block;}
.float-right {float: right;}
.float-left {float: left;}
.padding-right-0 {padding-right: 0px !important;}
 .container {background-color: transparent !important;}
 .btn-reset {background-color: #cdcbcb; color: #222 !important; padding: 5px 15px !important; text-transform: uppercase; }

/*---------- all ----------*/



/*---------- start-header ----------*/
#countdown a {text-decoration: none;}#countdown ul {color: #444;display: flex;list-style: none;padding: 0px;margin: 0;justify-content: center;background-color: #fff;/* box-shadow: 0 0 10px 0 rgba(0,0,0,0.19), 0 0 0 0 rgba(0,0,0,0.23); */align-content: center;transform: translateY(35%);} #countdown ul li span {line-height: 0; padding: 3px; font-size: 11px; background-color: #ccc; border-radius: 5px; } #countdown ul li {padding: 0 4px;text-align: center;/* display: inline-flex; *//* flex-direction: column; *//* justify-content: flex-end; */} #countdown ul li p {font-size: 10px;line-height: 1.4;margin-bottom: 0;margin-top: 4px;} #countdown ul li img {margin-top: 3px; }
/*.top-nav {border-bottom: #e7e7e7;}
ul.nav.navbar-nav.contact-details {padding-left: 8px;}
.top-nav ul li a {color: #666;font-size: 12px;font-weight: 600;padding: 0px !important;line-height: 32px;}
header i {font-size: 13px !important;}
.navbar {border: none !important; }
.top-nav ul.navbar-right {padding-right: 14px;}
.top-nav ul li.after-line a:after {content: "|";padding: 0px 5px;   }
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: transparent !important;   }
.main-nav .navbar-brand {padding: 0px !important;}
.main-nav ul li a {color: #999;font-size: 12px; padding: 20px 4px;}
header {box-shadow: 0px 6px 10px rgba(85, 85, 85, 0.27);}
.main-nav nav.navbar {margin: 0px;}
.main-nav ul.nav.navbar-right {margin-right: 15px;}
.main-nav li.active a {color: var(--site-text);}
.main-nav li.active > a, .main-nav li.active:hover > a {border-bottom: 2px solid;}*/

#sessionCounter {background: #f44336; color: #fff; text-align: center; }
#sessionCounter > span {color: var(--site-text); font-weight: 600; }
.top-nav {border-bottom: 1px solid #f5f5f5;background: #f5f5f5;}
.top-nav ul li a {color: #333;font-size: 14px;/* font-weight: 600; */padding: 0px !important;line-height: 32px;}
header i {font-size: 14px !important;color: var(--site-text);}
.navbar {border: none !important; }
/*.top-nav ul.navbar-right {padding-right: 15px;}*/
.top-nav ul li.after-line a:after {content: "|";padding: 0px 5px;color: #dddddd;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: transparent !important;   }
.main-nav .navbar-brand {padding: 0px !important;margin: 0 !important;}
.main-nav ul li a {    color: var(--site-text);font-size: 15px;padding: 20px 10px;margin-left: 6px;font-weight: 400;}
.main-nav ul li a:hover {color: #666;}
.main-nav nav.navbar {margin: 0px;}
header {    position: fixed !important;
    z-index: 1001;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
        /* box-shadow: 0px 6px 10px rgba(85, 85, 85, 0.27); */box-shadow: rgb(85 85 85 / 27%) 0px 3px 20px;position: fixed;line-height: 32px;width: 100%;background-color: #fff;}
.top-nav ul.contact-details li a:hover {color: var(--site-text);}
.main-nav li.active a {color: var(--site-text);}
.top-nav ul.navbar-right li a {color: #535353;font-size: 14px;/* font-weight: 600; */padding: 0px !important}
.sticky {position: fixed;top: 0;width: 100%; transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
a.blink_me.color-red {font-weight: 600;}
#main-nav {background-color: #fff; z-index: 9999; transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.main-nav li.active  a, .main-nav li:hover a {border-bottom: 2px solid var(--site-text);    }
/*.main-nav li.active a:after , .main-nav li a:hover {opacity: 1;}
.main-nav li.active a:after  {position: absolute;bottom: 0;content: '';left: 50%;display: block;height: 3px;width: 3px;margin: 0 0 -1px -2px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.main-nav li a:after , .main-nav li a:hover {background-color: var(--site-text);}*/
.blink_me {animation: blinker 1s linear infinite; }
 @keyframes blinker {50% {opacity: 0;}}
div#main-nav li span {margin-right: 2px;}
 .main-nav .nav .open>a, .main-nav .nav .open>a:focus, .main-nav .nav .open>a:hover { background-color: transparent !important; border-color: var(--site-text) !important;}
.main-nav li ul.dropdown-menu li a{background-color: transparent !important;background: transparent;}
.main-nav li ul.dropdown-menu.my-account {width: 200px;background: #fff !important;right: auto;left: 0 !important;padding: 0px !important;box-shadow: 0 0 6px 3px #ddd;}
.main-nav li ul.dropdown-menu.my-account li a {display: block;color: #666;font-size: 15px;padding: 10px 15px;text-decoration: none;text-transform: capitalize;transition: padding .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;margin-left: 0 !important;border: 1px solid rgba(0,0,0,0.04);}
.main-nav .dropdown:hover .dropdown-menu.my-account {display: block;}
.main-nav li ul.dropdown-menu.my-account li a:hover {color: var(--site-text);}
li.dropdown.open {color: var(--site-text);}

.dropdown-menu li{
  position: relative;
}
.nav-item .submenu{
  display: none;
  position: absolute;
  left: 100%;
  top: 0px;
  background-color: #fff !important;
  width: 200px;
  box-shadow: 1px 1px 8px 0px #e9e9e9;
}
    
.dropdown-menu > li:hover > .submenu{
  display: block;
}
/*---------- close-header ----------*/

/*sign-in*/
.modal-width-sign-in .modal-content {
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 50%);
    border: none;
}
.modal-width-sign-in h3 {
    font-size: 20px;
    text-align: center;
    color: var(--site-text);
}

.panel-body {padding: 4px 15px 0px;}
form div.input-group {margin: 10px 0 20px 0;box-shadow: 1px 1px 8px 0px #eee;}
.modal-width-sign-in { margin-top: 130px;width: 410px;}
.border-signup{padding: 5px 0;margin-top: 15px;float: left;border-top: 1px solid #eee;width: 100%;vertical-align: middle;}
.signin-checkbox {/* padding: 12px 0px 0px 3px; */font-size: 13px;color: #666;font-weight: 300;}
#Modal-signin a {color: var(--site-text);/* text-decoration: underline; */font-weight: 600;}
#Modal-signin .btn-toggle-red{font-size: 14px;width: 140px;}
.fancybox-close {cursor: pointer;height: 36px;position: absolute;right: -18px;top: -18px;width: 36px;z-index: 8040;background-image: url(../images/fancybox_sprite.png);}
#Modal-signin .panel {margin-bottom: 0px; border: none;box-shadow: none;}
#Modal-signin .form-group {margin-bottom: 0px ; }
.blink_me.float-right {font-weight: bold;font-size: 14px;}
.float-right {float: right;}
.float-left {float: left;}
#Modal-signin .input-group-addon {background-color: #ccc; border: 1px solid #ccc;color: #444; }
/*sign-in*/


/*footer*/

.footer {background-color: #222;padding-top: 20px;border-top: 4px solid #555;color: #ccc;}
ul.member-list li a img {margin: 3px;height: 35px;width: 140px;border: 2px solid;-moz-box-shadow: 0 0 2px #888;-webkit-box-shadow: 0 0 2px #888;box-shadow: 0 0 2px #888;}
ul.member-list li {list-style: none}
ul.member-list li a img.member-list-last {width: 140px; height: 60px;}
.footer h3 {color: #e2d9d9;font-size: 16px !important;text-align: left !important;margin: 0;line-height: 24px;font-weight: 600;}
.img-width-32 {width: 32px;}
.img-width-35 {width: 35px;}
ul.social-icon-list li {list-style: none;display: inline-block;}
.footer ul {margin: 0px }
.footer p {margin: 0px; font-size: 13px; line-height: 21px;}
.footer p img {width: 20px;}
.footer form p span {font-weight: 600;}
.footer a:hover {color: #666;text-decoration: underline;}
.footer a {color: #666;text-decoration: none;}
.copyright p {font-size: 13px;}
.copyright p a {font-size: 14px;color: var(--site-text);font-weight: 600;}
.footer .col-md-7 h3 {margin-bottom: 15px !important;margin-left: 15px !important;}

/*footer*/

@media (max-width: 991px) {.padding-top-100 {padding-top: 60px !important;}}

/*datepicker*/
.ui-widget.ui-widget-content {
    border: 1px solid var(--site-text) !important;
}
.ui-widget-header {
    border: 1px solid var(--site-text) !important;
    background: var(--site-text) !important;
    color: #ffffff !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    border: 1px solid #424242 !important;
    background: #f6f6f6 !important;
    color: #000000 !important;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
    color: #000;
    background-color: #f6f6f6;
    border-color: var(--site-text);
}
/*datepicker*/



#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #6b6b6b99;
    z-index: 2000;
    text-align: center;
    display: none;
}
.LoderImage {
    max-width: 100px;
    height: auto;
}
#loading-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 97px;
    height: 97px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 2px;
}
.alertify .ajs-header {
    color: #000;
    font-weight: 700;
    background: #fafafa;
    border-bottom: #eee 1px solid;
    border-radius: 2px 2px 0 0;
}

.alertify .ajs-header {
    margin: -24px -24px 0;
    padding: 16px 24px;
    background-color: #fff;
}
.alertify .ajs-body {
    color: #000;
}
.alertify .ajs-body {
    min-height: 56px;
}
.alertify .ajs-footer {
    background: #fbfbfb;
    border-top: #eee 1px solid;
    border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer {
    padding: 4px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 43px;
    background-color: #fff;
}

.ajs-button {
  transition: all 0.2s;
  border-radius: 5px;
    padding: 4px 8px;
}
.ajs-button.ajs-cancel {
    color: #fff;
    background-color: #ff2f2f;
    border-color: transparent;
    box-shadow: 0px 3px 10px rgb(85 85 85 / 27%);
}
.ajs-button.ajs-cancel:hover {
    color: #ff0000;
    background-color: #fff;
    border-color: #ff0000;
}
.ajs-button.ajs-ok {
    color: #fff;
    background-color: #379aef;
    border-color: transparent;
    box-shadow: 0px 3px 10px rgb(85 85 85 / 27%);
}
.ajs-button.ajs-ok:hover {
    color: #0189ff;
    background-color: #fff;
    border-color: #0189ff;
}
.alertify-notifier .ajs-message.ajs-success {
  background: rgba(91, 189, 114, 0.95);
  color: #000;
}
.alertify-notifier .ajs-message.ajs-error {
  background: #e33c3c;
    color: #fff;
}
.alertify-notifier .ajs-message {
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
/*    text-shadow: -1px -1px 0 rgba(0, 0, 0, 1);*/
}
/* .alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
    top: 100px !important;
} */
.alertify-notifier.ajs-top {
    top: 100px;
}
.alertify .ajs-body .ajs-content .ajs-input {
    display: block;
    width: 100%;
    padding: 8px;
    margin: 4px;
    border-radius: 5px;
    border: 1px solid #CCC;
}


.dashboard-heading {
        /* background-color: #f6f6f8; */
        margin-bottom: 10px;
}

.dashboard-heading h1 {
    color: #555;
    font-size: 22px;
    line-height: 30px;
    margin: 0px;
    padding-top: 10px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 6px;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #c1c1c1 !important;
}
table.dataTable.no-footer {
    border-bottom: none !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, 
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom: none;
    border-left: none;
}

.navbar-brand {
    position: absolute;
    left: 50%;
    display: block;
    transform: translateX(-50%);
}

@media (max-width:450px) {
.modal-width-sign-in { margin-top: 130px;width: 100%;margin-left: 0px;}
.fancybox-close {right: 1px !important;top: 0px !important;}
section.welcome-section h1 {font-size: 21px;}  
section.welcome-section h2 {font-size: 18px;}
}


/*footer*/
footer.new-footer { padding-bottom: 25px;border-top:0px solid #ccc;}
.contact_input_area .form-group input, .contact_input_area .form-group select, .contact_input_area .form-group textarea {
    border-radius: 4px;height: 40px;margin-bottom: 20px;padding: 15px;-webkit-transition-duration: 500ms;transition-duration: 500ms;width: 100%;}
.contact_input_area .form-group textarea {height: 150px;}
.single_contact_area i {color: var(--site-text);}
ul.contact-detail li a i {width: 30px;text-align: center;}
.royal-btn {background: var(--site-text) none repeat scroll 0 0;border: 2px solid transparent;color: #fff;font-size: 15px;margin-top: 15px;min-width: 150px;padding: 5px 20px;-webkit-transition-duration: 500ms;transition-duration: 500ms;}
.line {width: 100%;height: 1px;background-color: #ddd;margin: 10px auto;}
.second-part .section_heading {padding: 0px 15px;}
.second-part .line {width: 95% !important;height: 1px;background-color: #ddd;margin: 25 auto;}
.section_heading p , .single_contact_area p {font-size: 15px;font-weight: 400;line-height: 26px;color: #333;}
.section_heading h2 {font-size: 22px;font-weight: 400;color: #333;}
ul.contact-detail li a {color: #333333;font-size: 15px;line-height: 30px;text-decoration: none; font-weight: 400;}
ul.contact-detail li {list-style: none;}
button.btn.royal-btn:hover {background-color: #444;color: #fff;}
.social_links_area {padding: 15px 0;position: relative;z-index: 1;text-align: left;}
.social_links_area>li>a>i {border: 1px solid var(--site-text);border-radius: 50%;color: var(--site-text);display: inline-block;font-size: 14px;
/*  height: 30px;*/margin: 0 2px;text-align: center;width: 30px;}
.social_links_area>li>a>i {line-height: 28px;font-size: 17px;}
.social_links_area>li>a>i:hover {background-color: var(--site-text);color: #fff;border: 0px solid transparent;}
ul.social_links_area li {list-style: none;display: inline-block;}
.member-list li{list-style: none;display: inline-block;}
ul.member-list li a img {width: 155px;margin: 0px 4px 0px 0px;border: 1px solid #ccc;height: auto;box-shadow: none;border-radius: 4px;padding: 3px 8px;}
ul.member-list {margin: 0px;padding: 0;text-align: center;}
.member { padding: 50px 0px;}
.member h2 {margin: 0px;padding: 0px 0px 25px;    font-size: 26px;font-weight: 600;color: #444;}
.contact_address_area .app img {
  height: 35px;  
}
.contact_address_area .app h3 {
    font-size: 18px;
    padding-bottom: 8px; 
}
.autoplay img {margin: 3px;border: 2px solid;-moz-box-shadow: 0 0 2px #888;-webkit-box-shadow: 0 0 2px #888;box-shadow: 0 0 2px #888;width: 175px;}
.copyright {/*    border-top: 1px solid #ccc;*/background-color: #f8f8f8;}
.copyright p{margin-bottom: 0px;}
.copyright p {margin-bottom: 0px;padding: 5px 0px;text-align: center;}

.box-shadow-common {
  box-shadow: 0px 6px 10px rgb(85 85 85 / 27%);
  border-radius: 3px;
  padding: 20px;
}
.btn {
  transition: all 0.2s;
}
.btn-danger {
    color: #fff;
    background-color: #ff2f2f;
    border-color: transparent;
    box-shadow: 0px 3px 10px rgb(85 85 85 / 27%);
}
.btn-danger:hover {
    color: #ff0000;
    background-color: #fff;
    border-color: #ff0000;
}
.btn-primary {
    color: #fff;
    background-color: #379aef;
    border-color: transparent;
    box-shadow: 0px 3px 10px rgb(85 85 85 / 27%);
}
.btn-primary:hover {
    color: #0189ff;
    background-color: #fff;
    border-color: #0189ff;
}
.btn:focus {
    color: #ffffff;
}