::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 11px;
}

::-webkit-scrollbar:horizontal {
    height: 11px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid darkgray; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track { 
    background-color: darkgray; 
    /*border-radius: 8px;*/ 
}

.ss_menu_down {
    display: none;
    background-color: red;
    bottom: 4%;
    width: 40px;
    height: 40px;
    position: fixed;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    right: 5%;
    z-index: 2;
    background: transparent url(../../../public/uploads/assets/arrows-pointing-down2.png) no-repeat center center;
    background-size: 40px 40px;
    cursor: pointer;
}
.ss_menu_up {
    display: none;
    background-color: red;
    bottom: 14%;
    width: 40px;
    height: 40px;
    position: fixed;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    right: 5%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 2;
    background: transparent url(../../../public/uploads/assets/arrows-pointing-down2.png) no-repeat center center;
    background-size: 40px 40px;
    cursor: pointer;
}

.subTitle2 {
    background: #ffcd00 none repeat scroll 0 0;
    color: #fff;
    font-size: 22px;
    height: 90px;
    margin: auto;
}

/*.Absolute-Center {
    margin: auto;
    position: fixed;
    top: 0px; left: 0; bottom: 0; right: 0;
}

*/
/*.Absolute-Center{
    min-width: 320px;
    min-width: 600px;
    max-width: 680px;
    padding: 40px;
    border-radius: 0;
    margin: auto;
}*/
.btnRight_logout{
    background: #14D0AD url(../../../public/uploads/assets/arrow_right_white.png) no-repeat center right 3%;
    background-size: 18px 18px;
    /*margin: 18px 30px 0;*/
    margin: 12px 30px 0 0;
    padding: 3px 10px;
    border: 2px solid white;
    border-radius: 25px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    width: 100px;
}
.btnRight_logout:hover,.btnRight_logout:focus{
    background: #fff url(../../../public/uploads/assets/arrow_right_green.png) no-repeat center right 3%;
    background-size: 18px 18px;
    /*margin: 16px 30px 0 0;*/
    padding: 3px 10px;
    border: 2px solid white;
    border-radius: 25px;
    color: #14D0AD;
    font-weight: bold;
    text-transform: uppercase;
    width: 100px;
    box-shadow: 1px 1px 7px #808080;
}

.btnLeft_save{
    background: #14D0AD url(../../../public/uploads/assets/arrow_left_white.png) no-repeat center left 3%;
    background-size: 18px 18px;
    margin: 12px 0 0 30px;
    padding: 3px 10px;
    border: 2px solid white;
    border-radius: 25px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    width: 75px;
}
.btnLeft_save:hover,.btnLeft_save:focus{
    background: #fff url(../../../public/uploads/assets/arrow_left_green.png) no-repeat center left 3%;
    background-size: 18px 18px;
    /*margin: 16px 0 0 30px;*/
    padding: 3px 10px;
    border: 2px solid white;
    border-radius: 25px;
    color: #14D0AD;
    font-weight: bold;
    text-transform: uppercase;
    width: 75px;
}

.btnSaveMyResult{
    display: none;
    background: #14d0ad;
    /*margin: 16px 0 0 30px;*/
    background-size: 20px 20px;
    padding: 5px 10px;
    border: 2px solid white;
    border-radius: 25px;
    color: white;
    font-weight: bold;
    width: 160px;
    text-transform: uppercase;
}
.btnSaveMyResult:hover,.btnSaveMyResult:focus{
    background: #14d0ad;
    /*margin: 16px 0 0 30px;*/
    background-size: 20px 20px;
    background-color: white;
    padding: 5px 10px;
    border: 2px solid white;
    border-radius: 25px;
    color: #14d0ad;
    font-weight: bold;
    width: 160px;
    text-transform: uppercase;
    box-shadow: 1px 1px 7px #808080;
}

.inputfields1{ resize: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; display: block; width: 90%; margin: auto; background: transparent; font-weight:normal; font-size: 1.2em;  padding-left: 5px; }

/*POP-UP*/
#mask {
    display: none;
    background: #828381;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 9999;
}
.logout-popup {
    display: none;
    background: transparent;
    padding-top: 10px;
    /*border: 1px solid #ddd;*/
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: 40%;
    /*CSS3*/ 
    -moz-box-shadow: 0px 0px 20px #999;
    /*Firefox*/ 
    -webkit-box-shadow: 0px 0px 20px #999;
    /*Safari, Chrome*/ 
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /*Firefox*/ 
    -webkit-border-radius: 3px;
    /*Safari, Chrome ;*/
}

.square{
    background: #fff url(../../../public/uploads/assets/square1.png) no-repeat center;
    background-size: 16px 16px;
}
.check{
    background: #fff url(../../../public/uploads/assets/check1.png) no-repeat center;
    background-size: 16px 16px;
}

.btnRight_ok{background: #14D0AD url(../../../public/uploads/assets/arrow_right_white.png) no-repeat center right 3%;background-size: 18px 18px;margin: 16px 30px 0 0;padding: 5px 10px;border: 2px solid white;border-radius: 25px;color: white;font-weight: bold;text-transform: uppercase;width: 70px;}
.btnRight_ok:hover,.btnRight_ok:focus{background: #fff url(../../../public/uploads/assets/arrow_right_green.png) no-repeat center right 3%;background-size: 18px 18px;margin: 16px 30px 0 0;padding: 5px 10px;border: 2px solid white;border-radius: 25px;color: #14D0AD;font-weight: bold;text-transform: uppercase;width: 70px;}
/*#mask_internet {
    display: none;
    background: #828381;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 9999;
}*/
@media only screen and (max-width: 1200px){
    .logout-popup {
        /*background-color:gray;*/
        width: 60%;
    }
}
@media only screen and (max-width: 960px){
    .logout-popup {
        width: 60%;
        /*background-color:red;*/
        /*margin-left:0;*/
    }

}
@media only screen and (max-width: 720px){
    .logout-popup {
        width: 90%;
        /*background-color:green;*/
        /*margin-left:0;*/
    }
}
@media only screen and (max-width: 480px){

    .logout-popup {
        width: 90%;
        /*background-color:yellow;*/
        /*margin-left:0;*/
    }
}
@media only screen and (max-width: 450px){body{font-size: 14px;}.inputfields1{font-size: 1.0em}.btnLeft_save{width: 70px;}.btnLeft_save:hover,.btnLeft_save:focus{width: 70px;}.btnRight_logout{width: 92px;}.btnRight_logout:hover,.btnRight_logout:focus{width: 92px;}}
@media only screen and (max-width: 320px){
    .logout-popup {
        width: 90%;
        /*background-color:white;*/
        /*margin-left:0;*/
    }
}


/*shoping cart + Shop now*/
#got_it2{border: none; background: transparent url(../../../public/uploads/assets/got_it.png)no-repeat center center; background-size: 160px 40px;}
#got_it2:hover,#got_it2:focus{border: none; background: transparent url(../../../public/uploads/assets/got_it_fill.png)  no-repeat center center; background-size: 160px 40px;}
#got_it_cart{border: none; background: transparent url(../../../public/uploads/assets/got_it.png)no-repeat center center; background-size: 160px 40px;}
#got_it_cart:hover,#got_it_cart:focus{border: none; background: transparent url(../../../public/uploads/assets/got_it_fill.png)  no-repeat center center; background-size: 160px 40px;}
#got_it1{border: none; background: transparent url(../../../public/uploads/assets/got_it.png)no-repeat center center; background-size: 160px 40px;}
#got_it1:hover,#got_it1:focus{border: none; background: transparent url(../../../public/uploads/assets/got_it_fill.png)  no-repeat center center; background-size: 160px 40px;}
.btnLeft_register{margin: auto;display: none;background-color: #fff;padding: 5px;border: 2px solid #14D0AD;border-radius: 25px;color: #14D0AD;font-weight: bold;text-transform: uppercase;width: 180px; font-size: 18px;}
.btnLeft_register:hover,.btnLeft_register:focus{margin: auto;background-color: #14D0AD;padding: 5px;border: 2px solid white;border-radius: 25px;color: #fff;font-weight: bold;text-transform: uppercase;width: 180px;} 
.alertPopupMessage1{display: none; z-index: 99999;background-clip: padding-box;background-color: white; border: 1px solid black; border-radius: 7px;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);left: 0;margin: auto;outline: 0 none; padding: 1%;position: fixed;right: 0;text-align: center;top: 0;transition: opacity 0.15s linear 0s;width: 40%;}
@media only screen and (max-width: 450px){.alertPopupMessage{width: 80%;}.pdesc{font-size:12px;}.btnRight_short{display: block;width: 85px;}.btnRight_short:hover,.btnRight_short:focus{width: 85px;}.btnRight{display: block;}.btnLeft{width: 85px;}.btnLeft:hover,.btnLeft:focus{width: 85px;}.btnRight{width: 85px;}.btnRight:hover,.btnRight:focus{width: 85px;}}
@media only screen and (max-width: 1600px) {.alertPopupMessage{width: 45%;}}
@media only screen and (max-width: 1280px) {.alertPopupMessage{width: 50%;}}
@media only screen and (max-width:1091px){.alertPopupMessage{width: 62%;}}
@media only screen and (max-width: 960px){.login-popup {width: 90%;/*background-color:red;*/margin-left:0;}.login-popup1 {width: 90%;/*background-color:red;*/margin-left:0;}.alertPopupMessage{width: 90%;}}
@media only screen and (max-width: 760px){.cell2{border: 1px solid lightgray;background-color:#000;padding:10px;color:#fff;border-bottom: none;}.cell1{border: 1px solid lightgray;/*background-color:#fff;*/padding:10px;color:#333333;}.alertPopupMessage{width: 75%;}.pdesc{font-size:17px;}}