/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31 Aug, 2019, 1:08:11 PM
    Author     : nrupe
*/
html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    background-color: #fff;
}
:root{
    --headerclr: "";
    --boderclr: "";
    --textclr: "";
    --bgclr: "";
    --activeclr: "";
    --cntrollclr: "";
}
::-webkit-scrollbar {
    width: 5px;
    background: var(--headerclr);
    -webkit-appearance: none;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: var(--textclr); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}
.alert_box .help-cnt p, i, h3{color:var(--textclr) !important; font-size: 12px;}
.cd-accordion-menu label, .cd-accordion-menu a {
    box-shadow: inset 0 -1px var(--textclr) !important;
}
.popupclose {
    background: var(--bgclr);
    border:2px solid var(--headerclr);
    color:var(--textclr);
}
.popupclose:hover {
    background: var(--activeclr);
    border:2px solid var(--headerclr);
    color:var(--textclr);
}
.alert_box{
    background: var(--bgclr);
    color:var(--textclr);
    border:4px solid var(--headerclr);
}
.embeddedtour {
    background: var(--cntrollclr);
}
.activesec{
    background:var(--activeclr) !important;
    color:var(--textclr) !important;
}
.d-col-bg{
    background:var(--bgclr) !important;
}
.activehover:hover{
    background:var(--activeclr) !important;
    color:var(--textclr) !important;
}
.activehover a:hover{
    background:var(--activeclr) !important;
    color:var(--textclr) !important;
}
.d-col-txt{
    color:var(--textclr) !important;
}
.d-col-bg-hd{
    background: var(--headerclr)  none repeat scroll 0 0 !important;
    z-index:1;
}
.d-col-bg-bor{
    border-color:var(--boderclr)  !important;    
} 
a.d-col-bg.d-col-txt.sectionclick.activehover.activesec {
    background: var(--activeclr) !important; 
}
a.d-col-bg.d-col-txt.activehover.bbcclick.activesec{
    background: var(--activeclr) !important; 
}
a.d-col-txt.d-col-bg.activehover.activesec{
    background: var(--activeclr) !important;
}
.activesec{
    background:var(--activeclr) !important;
    color:var(--textclr) !important;
}
#cssmenu ul > li a{
    border-bottom: 1px solid var(--boderclr);
}
#cssmenu ul > li.has-sub > a:before {
    background:var(--textclr) ;
}
#cssmenu ul > li.has-sub > a:after {
    background:var(--textclr) ;
}
.et-like .et-likeOr {
    position: relative ;
    font-size: 1.5em ;
    color: #aaa ;
    margin-top: 10px ;
    margin-bottom: 10px ;
    padding-top: 0.5em ;
    padding-bottom: 0.5em ;
}
.et-like .et-likeOr .omb_hrOr {
    background-color: #cdcdcd ;
    height: 1px ;
    margin-top: 0px ;
    margin-bottom: 0px ;
}
.et-like .et-likeOr .omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -0.8em;
    margin-left: -17px;
    background-color: white;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    color: #333;
}
.welcome_modal .btn{ padding: 6px 8px;}

.enter_btn {
    margin: 0 auto;
    width: auto;
    /*height: 45px;*/
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
}
.enter_btn img{
    box-shadow: 0px 0px 12px -1px #4c4c4c;
    cursor: pointer;
    border-radius: 5px;
}

#successorfailmsg{display: none;}
.et-like .omb_socialButtons .omb_btn-facebook {
    background: #3b5998;
}



/*==================================================
* Effect 2
* ===============================================*/
.alert_box {
    -webkit-box-shadow: 0 8px 5px -3px #000;
    -moz-box-shadow: 0 8px 5px -3px #000;
    box-shadow: 0 8px 5px -3px #000;
}
.no-pad{ padding:0 !important;}
@media only screen and (max-width: 699px) {
    .nav-hd1{ width: 170px;}
    #cssmenu {width: 170px;}

}

.test1001{
    margin: 0 0 -15px 0px;
    z-index: 99999999;
    position: absolute;
    width: 100%;
}

.fullsc-btns {
    width: 25px;
    height: 25px;
    position: absolute;
    text-align: center;
    top: 10px;
    right: 20px;
    color: #D8D8D8;
    font-weight: 100;
    font-size: 18px;
}
.vr {
    height: 32px;
    list-style: outside none none;
    margin: 5px 2px;
    padding: 0;
    width: 32px;
    font-size: 22px;
    line-height: 32px;
    border-radius: 3px;
    text-align:center;
    cursor:pointer;
}
.top-menu {
    position: absolute;
    right: 50px;
    width: auto;
    display: inline-flex;
    display: -webkit-flex;
    display: -webkit-box;
    z-index: 2;
    top: 0;
}
/* Screen Enter Button */
.screen-enter {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 1;
    cursor: pointer;
}
.screen-enter img {
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid #fff;
}
.screen-enter-form {
    width: 330px;
    height: 327px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 1;
}

@media only screen and (max-width: 699px) {
    .bbcbutton {width:32px !important;}
}
@media only screen and (max-width: 767px) {
    .bbcbutton {width:32px !important; font-size: 18px;}
}

.alert_box {
    position: absolute;
    /* display: table; 
    display: -webkit-inline;*/
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    height: fit-content;
    text-align: left;
    margin: auto;
    padding: 10px;
    border-radius: 5px;
    /* margin-bottom: 30px; */
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ 
    ::i-block-chrome, 
    .alert_box {position: relative;}
}
/*==================================================
* Effect 2
* ===============================================*/

.alert_box {
    -webkit-box-shadow: 0 8px 5px -3px #000;
    -moz-box-shadow: 0 8px 5px -3px #000;
    box-shadow: 0 8px 5px -3px #000;
}
.items-sides {
    width: 250px;
    height: 250px;
    line-height: 250px;
    text-align: center;
}
.resize_fit_center {
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}
.menu-side-item {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    display:inline-block;
}
.menu-rm-item {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    display:inline-block;
    background: white;
}
.menu-sm-item {
    width: 225px;
    height: 225px;
    line-height: 225px;
    text-align: center;
    display:inline-block;
}
.bbc-item {
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    display:inline-block;
}
.brow-cat-head {
    padding: 2px 5px !important;
    background: #000 ;
    color: #fff !important;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: inline-block;
    width:100%;
}
#bbcprdlist .alert_box {
    background: #fff;
    border: 0;
    padding: 0;
}
#productlistbycat{ overflow-y:auto;}
.no-padding {
    padding: 0 !important;
} 

.loginmodal-container {
    padding: 15px 10px 25px 10px;
    max-width: 330px;
    width: 100% !important;
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.loginmodal-container h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #464646;
}
.loginmodal-container h5{margin-bottom: 10px;}

.loginmodal-container input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.loginmodal-container input[type=text], input[type=email] {
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.loginmodal-container input[type=text]:hover, input[type=email]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.intl-tel-input .country-list.dropup {
    width: 270px !important;
}
@media (max-width: 500px)
.intl-tel-input .country-list {
    width: 270px !important;
}
.intl-tel-input .country-list {
    width: 270px !important;
}
.emailerrormessage {
    color: #f43d47;
    font-size:12px;
    margin: 4px 2px;
}
.phoneerrormessage {
    color: #f43d47;
    font-size:12px;
    margin: 4px 2px;
}
.pointer-none{pointer-events: none;}
.popupmaskbbc {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(51, 51, 51, 0.3);
    z-index: 9999999999;
    overflow-y: auto;
}
.brow-cat-head {
    padding: 2px 5px !important;
    background: #000 ;
    color: #fff !important;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: inline-block;
    width:100%;
}
#bbcprdlist .alert_box {
    background: #fff;
    border: 0;
    padding: 0;
}
#productlistbycat{ overflow-y:auto;}
.sad a {
    position: absolute;
    right: 0px;
    margin-right: -5px;
    z-index: 99999;
    top: -3px;
    font-size: 15px;
    padding: 0px 6px !important;
}
.btn-black {
    background-color: #fff;
    border: 0px !important;
    border-color: #fff;
    color: black;
    border-radius: 50%;
}