@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    -webkit-appearance: none;
}
html { top: 0; }
body{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
.mheader {
    background-color: rgba(217,217,217,0.3);
    height: 140px;
    width: 100%;

    box-sizing:border-box;
    position: static;
    display: block;
    clear: left;
}
.mLogo{ position: relative; width: 120px; height: 120px;
    margin: 10px 5%;  float: left; }
.product-display{ width: 100%; margin: 0px auto;}


.success {width: 100%; height: 50px; position: relative; display: block; text-align: center; line-height: 50px; color: white; font-size: 13px; inline-box-align:initial; box-sizing:content-box; background-color: white; color: #2ecc71;}
.error {width: 100%; height: 50px; position: relative; display: block; text-align: center; line-height: 50px; color: white; font-size: 13px; inline-box-align:initial; box-sizing:content-box; background-color: red; color: white;}
.success, .error{ opacity:0; animation-name: bounceIn; animation-duration: 450ms; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.1s;}

/*KEYFRAME*/
@keyframes bounceIn{
    0% { opacity: 0; transform: scale(0.3) translate3d(0,0,0);}
    50%{opacity: 0.9; transform: scale(1.1);}
    80%{ opacity: 1; transform: scale(0.89);}
    100%{opacity: 1; transform: scale(1) translate3d(0,0,0);}

}
.spamCtrl { display: none}
/*END OF KEYFRAME*/

/* Navigation menu  LOWER DEVICE*/
@media only screen and (min-width : 800px ){
    .mSearch { float: right; margin: 20px auto; position: relative; width: 600px; height: 100px;}
    .mobileMenu { display: none;}
    #mMenubk{ width:100%; height: 50px; background: #2ecc71/*#595959*/; border-bottom: 3px solid #ED3237; box-sizing:border-box; position: relative; z-index: 5;}
    .nav_wrap{ width: 100%; margin:0; padding:0px;}
    #navigation{ font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size: 1em; width: 100%; z-index: 999; display:inline-block;}
    #navigation ul { margin:0; padding:0; position: relative; box-sizing:border-box;}
    #navigation li { list-style-type: none; display: inline-block; float:left; }
    ul.top-level li { border-right: 1px solid #FFF; height: 47px; padding: 0;}
    #navigation li a { color: #FFF;  height: 50px;  line-height: 50px; text-decoration: none;
        width: 170px; text-align: center; display:block; }
    #navigation li ul li  { display: block; float: none; margin: 0; border:none;  }
    #navigation li:hover ul { background: #555; z-index: 999; }
    #navigation a:hover, #navigation a.active, #navigation a:focus { color: #FFF; background:#ED3237;  width: 170px; }
    .active{background:#ED3237;}
    ul.sub-level { display:none; }
    li:hover .sub-level { display: block;}

    .slida_space { z-index: 1;  position: relative;}

    .services {
        height: 70px;
        width: 100%;
        box-sizing:border-box;
    }
    .prdt-label {
        height: 80px;
        width: 100%;
        margin-top: 30px;
        box-sizing:border-box;
        background: #2ecc71;
    }
    .reco{ width: 100%; height: 80px; text-align:center; font-family: "Lucida Grande"; font-size: 1.5em; color: #555; line-height: 80px;  color: white;}
    div.reco > a{
        color: #fff !important;}
    .feature{ padding-left: 17%; text-align: left}
    .imgLogo { width: 25%; height: auto; margin: 0px 3%; float:left;}
    .imgLogo img {float: left;}
    .descp{ padding-left: 10px; padding-top: 10px; float:left; width: auto;  height: 60px; font-family: Segeo UI; font-size: 18px; color: #555; text-align: left;}
    .services_holder {position: relative; width: 90%; margin: 5px auto; padding-left: 3%;  }


    .abt-us{ width: 80%; height: auto; padding: 10px; color: #555; text-align:justify; font-family:Lucida grande; font-size: 1.4em; margin: 20px auto; line-height: 1.7em; text-wrap:normal; background-color: #F9F9F9; border-radius: 10px;}
    /* ---------------SERVICE AND SUPPORTS----------------*/
    .ssp{ width: 90%; height: auto; margin: 20px auto;}
    .ssp-input{ width: 25%; height: auto; padding: 0px 12px; border: 2px solid #555; float: left; margin: 0px 4%; overflow: hidden; border-radius: 10px;}
    .ssp-input:hover { border: 2px solid #0534B3;}
    div.ssp-input img { width: 100%; height: auto;}
    /* ---------------CONTACT SUPPORTS---------------*/
    .quickct{ width:90%; height: auto; position:relative; margin: 10px auto;}
    .qc{ width: 25%; height: auto; padding: 0px 12px;  float: left; margin: 0px 4%; overflow: hidden;   text-wrap:normal; font-family: segoe ui; font-size: 1.1em; text-height:font-size; }
    .qc a {color: red; text-decoration: none; font-size:18px; font-weight:bold;}
    .qc a:hover{ color: #3E0303;}

    .foot{ width: 100%; height: auto; background: #2c3e50; color: #ccc; font-family: segoe ui; font-size: 14px; bottom:0px;}
    .ft-input { width: 25%; height: auto; padding: 10px 12px;  float: left; margin: 0 4%; overflow: hidden; white-space: wrap; vertical-align:bottom; bottom: 0px; }
    /* SUBSCRIBE FORM*/

    .social{ width: 100%; height: 50px; background: black; border-bottom: 1px solid #2ecc71; text-align: center; font-size: 15px; color: white; line-height: 50px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}

    #footer{ width: 100%; height: 300px; background: #27ae60; padding-top: 30px;} .more{display: none; } .subpdt{display: none; }
    .left-footer {width: 60%; height: 200px; float: left; margin-left: 2.5%; margin-right: 5%; position: relative; }
    .right-footer {width: 30%; height: 200px;  border: 1px dashed #27ae60; border-radius: 5px; float: left; margin-right: 2.5%; position: relative;} .buy-on-zandaz, .link-zandaz,.payment-zandaz  { width: 75%; margin: auto; height: 50px; position: relative; border-bottom: 1px solid #27ae60;} .base-footer { width: 95%; height: 50px; position: relative; display: block; border: 1px dashed #27ae60; margin: auto; top: 10px;} .newsletter-footer{ width: 100%; height: 150px; border-bottom: 1px dashed #27ae60; position: relative;}

    .social-footer{ width: 100%; height: 50px; position: relative;}
    .news-1 {width: 100%; height: 50px; position: relative; display: block; text-align: center; line-height: 50px; color: white; font-size: 13px; inline-box-align:initial; box-sizing:content-box;}
    .news-2 li{display: inline; position:relative; font-size:14px; line-height: 50px; list-style-type: none; text-decoration: none;} .news-2 li:not(:first-child){ padding-left: 15px; font-size: 20px;}
    .news-2 li:first-child{ color:#fff;} .news-email { width: 70%; height: 50px; color: #2D2929;} .social-ctrl{width: 100%; height: 50px; position: relative; display: block; text-align: center; line-height: 50px; color: black; font-size: 30px;}
    .social-ctrl i { padding-right: 15px;}
    .social-ctrl > a > .fa-facebook-square:hover, .social-ctrl > a > .fa-twitter-square:hover, .social-ctrl > a > .fa-google-plus-square:hover, .social-ctrl > a > .fa-twitter-square:hover, .social-ctrl > a > .fa-whatsapp:hover, .social-ctrl > a > .fa-youtube-play:hover{color: #ecf0f1; cursor: pointer; transition: 0.3s ease-out;} .social-ctrl a i {color: black;}


    .buying-link li { display: inline; position:relative; font-size:14px; padding-right: 15px; border-right: 1px solid white; line-height: 50px; list-style-type: none; text-decoration: none; font-family: Helvetica Neue} .buying-link li:not(:first-child){ padding-left: 15px;} .buying-link li a {color: white; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
    .buying-link li:not(:first-child) a:hover{ color: #fff;}
    .buying-link li:first-child{ color: #fff; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
    .buying-link li:last-child{ border-right: none;}
    .base li {display: inline; text-decoration: none; font-size: 14px; position: relative; line-height: 50px; list-style-type: none; color: #fff; padding-right: 8%; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .base li img{ width: 60px; height: 11px;}

    /*END OF NEW FOOTER*/






    .letter{ border: none; height: 35px; line-height: 35px; color: #555; margin: 0px; float:left; padding-left: 3px;}
    input.letter:-ms-input-placeholder { color: #CFCFCF; font-family: segoe ui;}
    .lettersubmit { border: none; text-decoration: none; line-height: 35px; margin: 0; float:left; padding: 0px 5px; background-color: #F42B2F; color: #FFF; margin-top: 10px; position: relative;  border-radius: 0px 3px 3px 0px; text-align: center;}
    .letter { margin-top: 10px; position: relative;  border-radius: 3px 0 0 3px; text-align: center;}
    #floater{
        border-radius: 4px 4px 0px 0px;
        background: #333333;
        opacity: 0.9;
        text-align: center;
        text-transform: uppercase;
        font-size: 2em;
        line-height: 40px;
        width: 40px;
        height: 32px;
        bottom: 0px;
        margin-left:95%;
        position: fixed;
        z-index:1000;
    }
    #floater:hover{ background: #2ecc71; opacity: 0.8; transition: 0.5s linear;}
    #stick{positon: fixed;}
    #floater.hide{ visibility: hidden;}

    .where { width:45%; background-color:#555; color:#FFFFFF; padding: 7px; border:none; font-family: segoe ui; margin-right: 2px;}
    .where:hover { cursor:pointer;}
    .details{ width:45%; background-color: rgba(1,0,111,0.78); color:#FFFFFF; padding: 7px; border:none; font-family: segoe ui; margin-left: 2px; }
    .details:hover { cursor:pointer;}


    .pdt-top-label{ width: 100%; height: auto; background-color: rgba(224,224,224,0.2); box-shadow: 0px 4px 4px 0px rgba(151,145,145,0.20);}
    .pdt-top-desc { width: 80%; margin: 0px auto; padding: 10px 0px; font-family:segoe ui; font-size:24px; color: #000; position: relative; text-align: center; line-height: 50px; font-weight:600;}
    .backLk{ width: 50%; height:auto; margin: 0px auto; text-align: center; font-family: segoe ui; font-size:1.3em; }
    .backLk a { text-decoration: none; color:#555;}
    .backLk a:hover{ color: #000;}

    .ind-pdt-holder {width: 100%; height: auto;}
    .ind-pdt{ width: 90%; height: auto; margin: 0 auto;}
    .table1, .table2{ width: 35%; height: auto; margin: 30px 10px; padding: 0px 6px; float:left; position:relative; overflow: hidden;}
    .table1{border: 1px solid rgba(0,0,0,0.1); border-radius: 10px;}
    .table1 img {width: 100%; padding:0px; height:auto;}
    .table2{ font-family:segoe ui; font-size: 1.3em; color:#555; padding: 10px;}
    .table2 a { text-decoration: none; color: #0100AB;} .table2 a:hover { color: black;}
    .table3{width: 23%; height: auto; margin: 30px 10px; padding: 0px 25px; border: 1px solid rgba(0,0,0,0.1); float:left; text-align:left; font-family: "Segeo UI"; font-size: 1.3em; color:#555;  overflow: auto; word-wrap:break-word; position:relative; border-radius: 10px}

    .pdtdetailContainer {width: 100%; height:auto; position:relative;}
    .pdtdetailcontainerholder {width: 90%; height: auto; margin: 10px auto; overflow-y:hidden; }

    /* ----------- SPRY TAB SECTION -------------*/
    .tabs-holder{ width: 100%; height: auto; border-bottom: 4px solid #2ecc71; display:table;}
    .tabs1, .tabs2 {width: 150px;  padding: 9px; font-family:segoe ui; font-size: 1.1em; background: #2ecc71; color: white; border-radius: 10px 10px 0 0; text-align: center; float: left; display:block; cursor:pointer;}
    .contents1{width: 100%; height: auto;  padding: 10px; font-family:segoe ui; font-size: 1.1em; text-align:left; border-left: 1px solid rgba(159,159,159,0.4); border-right: 1px solid rgba(159,159,159,0.4); border-bottom: 1px solid rgba(159,159,159,0.4); box-sizing:border-box;  color: #555; }
    .contents2{width: 100%; height: auto;  padding: 10px; font-family:segoe ui; font-size: 1.1em; text-align:left; border-left: 1px solid rgba(159,159,159,0.4); border-right: 1px solid rgba(159,159,159,0.4); border-bottom: 1px solid rgba(159,159,159,0.4); box-sizing:border-box;  color: #555;}
    .contents1 { display: block;} .contents2 {display: none;}

    table {
        width:100%;
    }
    table, th, td {
        border: 1px solid #CDCDCD;
        border-collapse: collapse;
    }
    th, td {
        padding: 10px !important;
        text-align: left;
    }
    table#t01 tr:nth-child(even) {
        background-color: #eee;
    }
    table#t01 tr:nth-child(odd) {
        background-color:#fff;
    }
    table#t01 th	{
        background-color: white;
        color: black;
    }

    /* -------------------- CONNECTION---------------*/
    #myForm {
        width: 50%;
        float: left;
    }

    #cf_name, #cf_phone, #cf_email, #cf_location{
        width:100%;
        height:30px;
        margin-bottom:1%;
        border: 2px solid rgba(102, 102, 102, 0.4);
        font-family:Segoe ui;
        font-size:1.2em;
        color:#333;
    }

    #cf_message{
        width: 100%;
        height:120px;
        border:2px solid rgba(102, 102, 102, 0.4);
        margin-bottom:3%;
        font-family: "Segeo UI";
        padding: 20px;
        font-size:1.3em;
        color:#333;

    }
    #cf_message:hover {
        border:2px solid rgba(214, 75, 10, 0.4);

    }

    #cf_name:hover, #cf_phone:hover, #cf_email:hover, #cf_location:hover{
        width:100%;
        height:30px;
        margin-bottom:1%;
        border:2px solid rgba(214, 75, 10, 0.4);
    }

    .sendButton{
        padding: 3px 10px;
        height: auto;
        background-color:#555;
        color:#FFF;
        font-size:1.5em;
        font-family: "Times New Roman", Times, serif;
        border: none;
        width: 20%;
    }
    .sendButton:hover{
        background-color:#333;}

    .myLabel{
        font-family: "Segeo UI";
        font-size:1.3em;
        font-weight:300;
        color: #666;
        font-family: segoe ui;

    }
    .googlemap{ float: left; width: 40%; height: auto; border: 1px solid grey; margin-left: 5%; box-sizing: border-box; overflow: hidden; }


    .about-holder{width: 90%; height:auto; margin: 10px auto; border-bottom: 3px solid #555; display:table;}

    .about, .policy, .delivery{width: auto;  padding: 9px; font-family:segoe ui; font-size: 0.9em; background: #555; color: white;  text-align: center; float: left; display:block; border-right: 1px solid white; cursor: pointer; }
    .abtcontent{width: 90%; height: auto;  padding: 40px; font-family:segoe ui; font-size: 1.1em; text-align:left; border-left: 1px solid rgba(159,159,159,0.4); border-right: 1px solid rgba(159,159,159,0.4); border-bottom: 1px solid rgba(159,159,159,0.4); box-sizing:border-box; color: #555; margin: 0px auto; text-align: justify;}

    .abtcontent2, .abtcontent3{width: 90%; height: auto;  padding: 40px; font-family:segoe ui; font-size: 1.1em; text-align: justify; border-left: 1px solid rgba(159,159,159,0.4); border-right: 1px solid rgba(159,159,159,0.4); border-bottom: 1px solid rgba(159,159,159,0.4); box-sizing:border-box;  color: #555;  display: none; margin: 0px auto;}

    .adsense {display: none;}
    .srchdrop{ width: 100%; height: 100px; position: relative; display: none; overflow: visible; margin-top:-11px; z-index: 1;}
    .srchdrop-holder{ width: 40%; height: 80px; margin: 10px auto; background-color: #2c3e50; }

    .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
        width: auto !important;
        height: auto !important;
        border-color: #474747;
        background-color: #474747;
        background-image: none;
        filter: none;}

    .bigMobileAd{ display:none;}
    .error.contact { margin-top: 10px; background: #FF282C; border-radius: 4px; color: white}
    .success.contact { margin-top: 10px; background: #2ecc71; border-radius: 4px; color: white}
}
#price_tag{ display: none; }
@media only screen and (max-width : 500px )
{ .tabs1, .tabs2 {width: 100px; height: auto; padding: 10px; font-family:segoe ui; font-size: 0.9em; background: #2ecc71; color: white; border-radius: 8px 8px 0 0; text-align: center; float: left; display:block;}


}
/*    ----------- SPRY TAB ENDS HERE --------------*/

@media only screen and (max-width : 800px ){

    #price_tag{ display: block; width: 100%; height: 50px; background: red; opacity: 0; z-index: 5; position: relative;}
    .error.contact { margin-top: 10px; background: #FF282C; border-radius: 4px; color: white}
    .success.contact { margin-top: 10px; background: #2ecc71; border-radius: 4px; color: white}

    #mMenubk{ z-index: 100; position: relative; content: ""; float: none; clear: both; width: 100%;}
    .mMenubkfixed { top: 0px; position: fixed; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}

    #flip {
        text-align: center;
        color: #FFF;
        padding-left: 10px;
        font-family: Segoe UI;
        font-size:17px;
        line-height: 50px;
        width: 100%;
        height: 50px;
        background-color: #2ecc71;
        z-index: 99;
    }

    #panel {
        width: 100%;
        display: none;
        text-align: center;
        padding-left:1%;
        background-color: #2c3e50;
        z-index: 99;

    }
    .slida_space { z-index: 1;  position: relative;}

    .nav_wrap{ width: 100%; height: 50%;  margin:0;}
    #navigation{ font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size: 16px; width: 100%; z-index: 1000;}
    #navigation ul { margin:0; padding:0; text-decoration: none;}
    #navigation li { list-style-type: none;}
    /*ul.top-level li:first-child { border-top: 1px solid #FFF;}*/
    #navigation a { color: #FFF; cursor: pointer; height: 25px;  line-height: 25px;
        width: 100%; text-align: center;}
    #navigation a:hover, #navigation a:active, #navigation a:focus { color: #ED3237; }
    ul li > ul li {  padding-left: 1%; text-transform:uppercase; font-size:0.8em;}
    ul.sub-level { display:none;}
    li:hover .sub-level { display:block;}

    .mheader{ overflow:hidden; position: relative; width: 100%; height: 100px;}

    .mLogo{ position: relative; width: 100px; height: 100px; margin: 10px auto; text-align: center; content: ""; float: none; clear:right; }
    .imgMobile{ position: relative; width: 80px; height: 80px;}
    .mSearch{ display: none;}

    .services {
        height: 50px;
        width: 100%;
        box-sizing:border-box;
    }

    /*.imgLogo { width: 30%; height: auto; margin: 0px auto; float:left;}
    .imgLogo img {float: left; width: 40px; height: 30px;}
    .descp{ padding-left: 1px; padding-top: 7px; float:left; width: auto;  height: auto; font-family: Segeo UI; font-size: 8px; color: #555; text-align: left;}*/
    .services_holder {position: relative; width: 100%; margin: 5px auto; padding-left: 10%;  }

    .prdt-label {
        height: 50px;
        width: 100%;
        margin-top: 30px;
        box-sizing:border-box;
        background: #2ecc71;
    }
    .reco{ width: 90%; height: 50px; text-align:center; font-family: "Comic Sans MS"; font-size: 1em; color: #555; line-height: 50px; margin: 0px auto; color: white;}
    div.reco > a:visited{
        color: #fff;}

    .abt-us{ width: 90%; height: auto; overflow: auto; padding: 10px; color: #7f8c8d; text-align:justify; font-family:Lucida grande; font-size: 1em; margin: 20px auto; line-height: 1.2em; border: 1px solid #ecf0f1; background-color: white; border-radius: 5px;}
    .abt-us p > a {color: rgba(122,0,2,1.00); text-decoration: none; font-size:0.8em; font-weight:bold;}
    .abt-us p a:hover{ color: #3E0303;}

    .ssp{ width: 90%; height: auto; margin: 20px auto;}
    .ssp-input{ width: 25%; height: auto; padding: 0px 12px; border: 2px solid #555; float: left; margin: 0px 4%; overflow: hidden; border-radius: 10px;}
    .ssp-input:hover { border: 2px solid #0534B3;}
    div.ssp-input img { width: 100%; height: auto;}

    .quickct{ width:90%; height: auto; position:relative; margin: 10px auto;}
    .qc{ width: 27%; height: auto; padding: 0px 2px;  float: left; margin: 0px 2%; overflow: hidden;   text-wrap:normal; font-family: segoe ui; font-size: 0.6em; text-height:0.2em;}
    .qc a {color: red; text-decoration: none; font-size:18px; font-weight:bold;}
    .qc a:hover{ color: #3E0303;}

    /* SUBSCRIBE FORM*/


    .social{ width: 100%; height: 50px; background: black; border-bottom: 1px solid #2ecc71; text-align: center; font-size: 12px; color: white; line-height: 50px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}

    #footer{ width: 100%; height: auto; background: #2ecc71; padding-top: 30px; bottom: 0px; position: relative; box-sizing: border-box; overflow: hidden; }
    .left-footer {width: 90%; height: 200px; float: left; margin: 10px 5% 0 5%; position: relative; }
    .right-footer {width: 90%; height: 200px;  border: 1px dashed #2ecc71; border-radius: 5px; float: left; margin: 10px 5% 0 5%; position: relative;}
    .buy-on-zandaz, .link-zandaz,.payment-zandaz  { width: 100%; margin: auto; height: 50px; position: relative; border-bottom: 1px solid #2ecc71;}
    .base-footer { width: 90%; height: 50px; position: relative; display: block; border: 1px dashed #2ecc71; margin: auto; top: 10px;}
    .newsletter-footer{ width: 100%; height: 150px; border-bottom: 1px dashed #2ecc71; position: relative;}

    .social-footer{ width: 100%; height: 50px; position: relative;}
    .news-1 {width: 100%; height: 50px; position: relative; display: block; text-align: center; line-height: 50px; color: white; font-size: 13px; inline-box-align:initial; box-sizing:content-box; border-bottom: 1px solid #27ae60; }
    .news-2 li{display: inline; position:relative; font-size:14px; line-height: 50px; list-style-type: none; text-decoration: none;} .news-2 li:not(:first-child){ padding-left: 15px; font-size: 20px;}
    .news-2 li:first-child{ display: none;} .news-email { width: 70%; height: 50px; color: #2D2929;}
    .social-ctrl{width: 100%; height: 50px; position: relative; display: block; text-align: center; line-height: 50px; color: black; font-size: 30px; margin: auto; border-bottom: 1px solid #27ae60;}
    .social-ctrl i { padding-right: 15px;} .social-ctrl > a > .fa-facebook-square:hover, .social-ctrl > a > .fa-twitter-square:hover, .social-ctrl > a > .fa-google-plus-square:hover, .social-ctrl > a > .fa-twitter-square:hover, .social-ctrl > a > .fa-whatsapp:hover, .social-ctrl > a > .fa-youtube-play:hover{color: #ecf0f1; cursor: pointer; transition: 0.3s ease-out;} .social-ctrl a i {color: black;}

    .buying-link { text-align: center; border-bottom: 1px solid #27ae60}
    .buying-link li { display: inline; position:relative; font-size:11px; padding-right: 15px; border-right: 1px solid white; line-height: 50px; list-style-type: none; text-decoration: none; font-family: Helvetica Neue}
    .buying-link li:not(:first-child){ padding-left: 15px;}
    .buying-link li a {color: white; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
    .buying-link li:not(:first-child) a:hover{ color: #2ecc71;}  .buying-link li:first-child{display: none;} .buying-link li:last-child{ border-right: none;}
    .base{ box-sizing: border-box; text-align: center;}
    .base li {display: inline; text-decoration: none; font-size: 12px; position: relative; line-height: 50px; list-style-type: none; color: #fff; padding-right: 15px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .base li img{ width: 60px; height: 11px;}


    /*END OF NEW FOOTER*/
    /*.foot{ width: 100%; height: auto; background: #2c3e50; color: #ccc; font-family: segoe ui; font-size: 14px; bottom:0px;}
    .ft-input { width: 70%; height: auto; padding: 5px 6px;   margin: 0px auto; overflow: hidden; white-space: wrap; vertical-align:bottom; bottom: 0px; text-align:center;}
    .letter{ border: none; line-height: 25px; color: #555; margin: 0px ; }
    .lettersubmit { border: none; text-decoration: none; line-height: 25px; margin: 0px; padding: 0px 5px; background-color: #F42B2F; color: #FFF; }
    .letter, .lettersubmit { margin-top: 10px; position: relative;  border-radius: 3px; text-align: center;}
    */
    #floater{
        border-radius: 4px 4px 0px 0px;
        background: #2ecc71;
        opacity: 0.9;
        text-align: center;
        text-transform: uppercase;
        font-size: 2em;
        line-height: 50px;
        width: 40px;
        height: 40px;
        bottom: 0px;
        margin-left:87%;
        position: fixed;
        z-index:1000;
    }
    #stick{positon: fixed;}
    #floater.hide{ visibility: hidden;}

    .where { width:45%; background-color:#555; color:#FFFFFF; padding: 7px; border:none; font-family: segoe ui; margin-right: 2px;}
    .where:hover { cursor:pointer;}
    .details{ width:100%; background-color: rgba(1,0,111,0.78); color:#FFFFFF; padding: 0px 2px; border:none; font-family: segoe ui;
        margin-left: 2px; line-height: 50px; height: 50px; top: -50px; font-size: 1.2em}
    .details:hover { cursor:pointer;}



    .pdt-top-label{ width: 100%; height: auto; background-color: rgba(224,224,224,0.2); box-shadow: 0px 4px 4px 0px rgba(151,145,145,0.20);}
    .pdt-top-desc { width: 80%; margin: 0px auto; padding: 7px 0px; font-family:segoe ui; font-size:0.8em; color: #000; position: relative; text-align: center; line-height: 30px; font-weight:600;}
    .backLk{ width: 50%; height:auto; margin: 0px auto; text-align: center; font-family: tahoma; font-size:0.7em; color:blue;}
    .backLk a { text-decoration: none; color: blue;}
    .backLk a:hover{ color: red;}

    .table1 { width: 60%; height: auto; margin: 30px auto; padding: 0px 6px;  position:relative; overflow: hidden;}
    .table1 {border: 1px solid rgba(0,0,0,0.2); border-radius: 5px;}
    .table1 img {width: 100%; padding:0px; height:auto;}
    .table2{ width: 60%; height: auto; margin: 30px 10px; padding: 0px 6px;  float:left; position:relative; overflow: hidden; border: 1px solid rgba(0,0,0,0.2); border-radius: 5px;}
    .table2{ font-family:segoe ui; font-size: 0.8em; color:#555;}
    .table2 a { text-decoration: none; color: #0100AB;} .table2 a:hover { color: black;}
    .table3{width: 30%; height: auto; margin: 30px 0px; padding: 0px 6px; border: 1px solid rgba(0,0,0,0.2); float:left; text-align:left; font-family:tahoma; color:#555; font-size: smaller; overflow: auto; word-wrap:break-word; position:relative; border-radius: 5px;}

    .pdtdetailContainer {width: 100%; height:auto; position:relative;}
    .pdtdetailcontainerholder {width: 90%; height: auto; margin: 10px auto;  box-sizing:border-box;}

    /* ----------- SPRY TAB SECTION -------------*/
    .tabs-holder{ width: 100%; height: auto; border-bottom: 4px solid #2ecc71; display:table;}
    .tabs1, .tabs2 {width: 150px;  padding: 9px; font-family:segoe ui; font-size: 1.1em; background: #2ecc71; color: white; border-radius: 10px 10px 0 0; text-align: center; float: left; display:block;}
    .contents1{width: 100%; height: auto;  padding: 10px; font-family:segoe ui; font-size: 0.9em; text-align:left; border-left: 1px solid rgba(159,159,159,0.4); border-right: 1px solid rgba(159,159,159,0.4); border-bottom: 1px solid rgba(159,159,159,0.4); box-sizing:border-box; text-align: justify; color: #555;}
    .contents2{width: 100%; height: auto;  padding: 10px; font-family:segoe ui; font-size: 1em; text-align:left; border-left: 1px solid rgba(159,159,159,0.4); border-right: 1px solid rgba(159,159,159,0.4); border-bottom: 1px solid rgba(159,159,159,0.4); box-sizing:border-box; text-align: justify; color: #555; }
    .contents1 { display: block;} .contents2 {display: none;}

    table {
        width:100%;
    }
    table, th, td {
        border: 1px solid #CDCDCD;
        border-collapse: collapse;
    }
    th, td {
        padding: 5px !important;
        text-align: left;
    }
    table#t01 tr:nth-child(even) {
        background-color: #eee;
    }
    table#t01 tr:nth-child(odd) {
        background-color:#fff;
    }
    table#t01 th	{
        background-color: white;
        color: black;
    }

    /* -------------------- CONNECTION---------------*/
    #myForm {
        margin: auto 10%;
    }

    #cf_name, #cf_phone, #cf_email, #cf_location{
        width:100%;
        height:30px;
        margin-bottom:1%;
        border: 2px solid rgba(102, 102, 102, 0.4);
        font-family:Segoe ui;
        font-size:1.2em;
        color:#333;
    }

    #cf_message{
        width: 100%;
        height:120px;
        border:2px solid rgba(102, 102, 102, 0.4);
        margin-bottom:3%;
        font-family:"Segeo UI";
        padding: 20px;
        font-size:1.3em;
        color:#333;
        box-sizing:border-box;

    }
    #cf_message:hover {
        border:2px solid rgba(214, 75, 10, 0.4);

    }

    #cf_name:hover, #cf_phone:hover, #cf_email:hover, #cf_location:hover{
        width:100%;
        height:30px;
        margin-bottom:1%;
        border:2px solid rgba(214, 75, 10, 0.4);
    }

    .sendButton{
        padding: 3px 10px;
        height: auto;
        background-color: rgba(255,127,61,1.00);
        color:#FFF;
        font-size:1.5em;
        font-family:"Times New Roman", Times, serif;
        border: none;
        width: 40%;
    }
    .sendButton:hover{	background-color:#333;}

    .myLabel{
        font-family: "Segeo UI";
        font-size:1.3em;
        font-weight:300;
        color: #666;

    }
    .googlemap{ float: left; width: 90%; height: auto; border: 1px solid grey; margin-left: 5%; box-sizing: border-box; overflow: hidden; }

    .about-holder{width: 90%; height:auto; margin: 10px auto; display:table;}

    .about, .policy, .delivery{width: auto;  padding: 9px; font-family:segoe ui; font-size: 0.9em; background: #555; color: white;  text-align: center; float: left; display:block; cursor: pointer;}
    .abtcontent{width: 90%; height: auto;  padding: 10px; font-family:segoe ui; font-size: 0.8em; text-align:left; border-left: 1px solid rgba(159,159,159,0.4); border-right: 1px solid rgba(159,159,159,0.4); border-bottom: 1px solid rgba(159,159,159,0.4); box-sizing:border-box; word-break:break-all; color: #555; margin: 0px auto; text-align: justify;}

    .abtcontent2, .abtcontent3{width: 90%; height: auto;  padding: 10px; font-family:segoe ui; font-size: 0.8em; text-align: justify; border-left: 1px solid rgba(159,159,159,0.4); border-right: 1px solid rgba(159,159,159,0.4); border-bottom: 1px solid rgba(159,159,159,0.4); box-sizing:border-box;  color: #555;  display: none; margin: 0px auto;}

    .adsense { width: 100%; height: 50px; position: relative; display: inline-block; text-align: center;}
    .srchdrop{ width: 100%; height: 70px; background: #2c3e50; position: relative; display: none; overflow:auto; margin-top:-1px; z-index: 1;}
    .srchdrop-holder{ width: 90%; height: 80px; margin: auto; float: none;}

    .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
        width: auto !important;
        height: auto !important;
        border-color: #474747;
        background-color: #474747;
        background-image: none;
        filter: none;}

    .bigMobileAd{ display: block; position: relative; width: 90%; height: auto; margin: 0px auto;}
    .adsense { width: 100%; height: 50px; position: relative; display: inline-block; text-align: center;}

}