@media only screen and (min-width: 300px) {
    .iframtmea1{width: 100%;border: 1px;height: 300px;}
.prodtssit{
        font-size: 13px;
        text-align: center;
        margin-top: 8px;
        color: #ffffff;
        font-weight: bold;
        background-color: #0000008f;
        font-family: psfont;
        height: 100%;
        padding-top: 100px;
        border-radius: 10px;
        width: 100%;
        margin-top: -228px;
        position: relative;
    }
      .productdivv{}
      .catetitleaa{
    margin: auto;
    width: 30%;
    margin-bottom: 40px;
}
      .ourteamsliders{:
    ;
    text-align: center;
    margin: 12px;
    font-size: 12px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 40%;
    margin: -17px auto 10px;
    }
.mainsera{border: 2px solid #a91827;border-left: 0px solid;height: 205px;margin-top: 42px;width: 99%;margin-left: 0%;border-radius: 0px 10px 10px 0px;margin-bottom: 20px;}
.btolat{border: 2px solid #a91827;border-left: 0px solid;height: 206px;margin-top: 42px;width: 99%;margin-left: 0%;border-radius: 0px 10px 10px 0px;margin-bottom: 20px;}
.worldnum{border: 2px solid #a91827;border-left: 0px solid;height: 246px;margin-top: 42px;width: 99%;margin-left: 0%;border-radius: 0px 10px 10px 0px;margin-bottom: 20px;}
.worldnumt1{
    text-align: center;
    margin: 12px;
    font-size: 13px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 40%;
    margin: -17px auto 30px;
    }.worldnumt2{
    text-align: center;
    margin: 12px;
    font-size: 11px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 30%;
    float: left;
    margin: -17px auto 10px;
    }.worldnumt3{
    text-align: center;
    margin: 12px;
    font-size: 11px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 30%;
    margin: -17px auto 10px;
    }.worldnumt4{
    text-align: center;
    margin: 12px;
    font-size: 11px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 30%;
    margin: -17px auto 10px;
    float: right;
    margin-top: -40px;
    }.activitysliders{
    text-align: center;
    margin: 12px;
    font-size: 12px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 40%;
    margin: -17px auto 10px;
    }
 .lastnewssliders{
    text-align: center;
    margin: 12px;
    font-size: 13px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 40%;
    margin: 326px auto 10px;
    }
.lastnewssliderbord{
    border-left: 0px solid;
    height: 286px;
    margin-top: 22px;
    width: 99%;
    margin-left: 0%;
    border-radius: 0px 10px 10px 0px;
    margin-bottom: 20px;
}
.ourteam{border: 2px solid #a91827;height: 226px;margin-top: 42px;width: 98%;margin-left: 0%;border-radius: 10px;margin-bottom: 20px;}
.activity{border: 2px solid #a91827;border-left: 0px solid;height: 206px;margin-top: -58px;width: 99%;margin-left: 0%;border-radius: 0px 10px 10px 0px;margin-bottom: 20px;}
.catetitlea1{
    color: #00112c;
    font-family: 'psfont';
    background-color: #fff;
    padding: 0px;
    border: 1px solid #00112c;
    padding-top: 12px;
    border-radius: 60px;
    font-size: 13px;
    text-align: center;
    margin: auto;
    display: block;
    width: 140px;
}
.catetitlea2{
    color: #ffffff;
    font-family: 'psfont';
    background-color: #00112c;
    padding: 0px;
    border: 1px solid #00112c;
    padding-top: 11px;
    border-radius: 60px;
    font-size: 14px;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 800px;
    width: 150px;
}
      .menuhdear{}
.menuinphone{
    position: absolute;
    background-color: #a91827;
    width: 100px;
    height: 32px;
    border-radius: 7px;
    text-align: center;
    font-family: 'psfont';
    padding-top: 6px;
    color: #fff;
    z-index: 999;
    top: 0;
    right: 0;
    margin-top: 14px;
    margin-right: 14px;
}
.menuintoppleftloginhed{}
.sshareehaayymnaysra{
    color: #00112c;
    float: right;
    margin-top: -36px;
    margin-right: -50px;
    visibility: hidden;
}
      .sshareehaayymna{
    color: #00112c;
    float: left;
    margin-top: -9%;
    margin-left: -25%;
    visibility: hidden;
}
      .videoinhome{
    width: 100%;
    float: left;
    height: auto;
    min-height: 380px;
}
      .menutoptap2{
        position: fixed;
        top: 0;
        background-color: #ffffff;
        right: 0;
        padding: 7px;
        margin-right: 11%;
        font-family: 'psfont';
        margin-top: 37px;
        padding-top: 13px;
        border-radius: 50px;
        font-size: 13px;
        padding-right: 20px;
        padding-left: 20px;
        color: #00112c;
        text-align: center;
        width: 113px;
        height: 30px;
        border: 1px solid #00112c;
        }
        .menutoptap3{
            position: fixed;
            top: 0;
            background-color: #ffffff;
            right: 0;
            padding: 7px;
            margin-right: 20%;
            font-family: 'psfont';
            margin-top: 37px;
            padding-top: 12px;
            border-radius: 50px;
            font-size: 13px;
            padding-right: 20px;
            padding-left: 20px;
            border: 1px solid #00112c;
            color: #00112c;
            text-align: center;
            height: 30px;
            width: 113px;
            }
            .menutoptap4{
                position: fixed;
                top: 0;
                background-color: #ffffff;
                right: 0;
                padding: 7px;
                margin-right: 29%;
                font-family: 'psfont';
                margin-top: 37px;
                padding-top: 12px;
                border-radius: 50px;
                font-size: 13px;
                padding-right: 20px;
                padding-left: 20px;
                color: #00112c;
                border: 1px solid #00112c;
                text-align: center;
                width: 113px;
                height: 30px;
                }
                .menutoptap5{
                    position: fixed;
                    top: 0;
                    background-color: #ffffff;
                    right: 0;
                    padding: 7px;
                    margin-right: 38%;
                    font-family: 'psfont';
                    margin-top: 37px;
                    padding-top: 13px;
                    border-radius: 50px;
                    font-size: 13px;
                    padding-right: 20px;
                    padding-left: 20px;
                    color: #00112c;
                    border: 1px solid #00112c;
                    text-align: center;
                    width: 113px;
                    height: 30px;
                    }
                    .menutoptap8{}
.tiltiinhder{
    visibility: hidden;
}
.menutoptap6{
                        position: fixed;
                        top: 0;
                        background-color: #ffffff;
                        right: 0;
                        padding: 7px;
                        margin-right: 47%;
                        font-family: 'psfont';
                        margin-top: 37px;
                        padding-top: 12px;
                        border-radius: 50px;
                        font-size: 13px;
                        padding-right: 20px;
                        padding-left: 20px;
                        color: #00112c;
                        text-align: center;
                        border: 1px solid #00112c;
                        width: 113px;
                        height: 30px;
                        }
  .menuintopp{}
.menuintoppleft{
    width: 25%;
}
.menutoptapleft{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    left: 0;
    padding: 6px;
    height: 30px;
    text-align: center;
    width: 25%;
    margin-left: -10px;
    font-family: 'psfont';
    margin-top: 37px;
    padding-top: 12px;
    border-radius: 0px;
    font-size: 13px;
    color: #00112c;
    border: 1px solid #00112c;
}
.menuintoppleftlogo{
    position: absolute;
    width: 97px;
    top: 0;
    margin-top: -3px;
    margin-left: 3%;
    visibility: inherit;
    background-color: #fff;
    padding: 11px;
    border-radius: 0px 0px 20px 20px;
    display: none;
}
    .frametemm{width: 100%;border: 1px;height: 240px;}

.menutoptasap1{
        position: absolute;
        top: 0;
        background-color: #ffffff;
        right: 0;
        padding: 7px;
        margin-right: 20px;
        font-family: 'psfont';
        margin-top: 8px;
        padding-top: 14px;
        border-radius: 13px;
        font-size: 15px;
        padding-right: 20px;
        padding-left: 20px;
        color: #2f2f2f;
        }
        .backgroundheaderlogoleft{
            margin-top: -63%;
            width: 19%;
            margin-right: -5px;
            position: absolute;
        }

       .backgroundheaderlogo{
    margin-top: -42%;
    width: 17%;
    margin-right: 6px;
    float: left;
    position: absolute;
    right: 0;
   }
   .backgroundheadertxt{margin: a;margin: -119px auto;text-align: center;width: 60%;color: #fff;font-family: 'psfont';font-size: 31px;}
   .backgroundheadertxt1{margin: a;margin: 131px auto;text-align: center;width: 60%;color: #fff;font-family: 'psfont';font-size: 41px;}
   .imgfotinfoo{
    width: 50px;
    float: right;
    margin-top: -25px;
    background-color: #fff;
    padding: 10px;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: -31px;
   }
       .txtfotinfoo{
    color: #fff;
    font-family: 'psfont';
    font-size: 20px;
    float: right;
    margin-right: 1%;
   }
       .mainfotcont{
   margin-top: 25px;
   width: 100%;
   HEIGHT: 599px;
   background-color: #a91827;
   margin-left: 0px;
   }
   .txtfotinfooa1{
    width: 80%;
    margin-top: 120px;
   }
   .txtfotinfooa2{
    width: 80%;
    margin-top: 180px;
   }
.menuitem1{
    background-color: #fff;
    margin-top: -22px;
    position: absolute;
    font-size: 14px;
    padding: 7px;
    display: block;
    margin-left: 3%;
    width: 94%;
    border-radius: 8px;
    text-align: center;
    font-family: 'psfont';
    border: 1px solid #a91827;
    color: #a91827;
    padding-top: 16px;
}
.menuitem2{}
.menuitem3{}
.menuitem4{}
.menuitem5{}
.menuitem6{}
 .txtfotinfooa3{
    width: 80%;
    margin-top: 240px;
   }
   .txtfotinfooa4{
    width: 80%;
    margin-top: 240px;
   }
   .txtfotinfooa4{
    width: 80%;
    margin-top: 300px;
   }
   .txtfotinfooa13{}
       .mainfotcontmap{
    position: absolute;
    margin-top: -54px;
    float: right;
    padding: 25px;
    left: 0;
    width: 100%;
   }
       .mainfotcontinfo{
    width: 101%;
    height: 456px;
    float: right;
    position: absolute;
    margin-top: 340px;
    margin-right: -4px;
    right: 0;
    border-left: 2px solid #00112c;
    background-color: #00112c;
    padding-right: 36px;
   }
       .aboutusd{width: 100%;float: left;height: auto;min-height: 340px;}
       .aboutustxt{
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    margin: 0% auto 3%;
    font-family: 'psfont';
    background-color: #a91827;
    border-radius: 0;
    padding: 58px 10px;
   }
       .footer-bottom {text-align: center;padding-top: 1em;background-color: #000000;MARGIN-TOP: 0px;position: fixed;bottom: 0;width: 100%;}
   .footer-bottom p {font-size: 14px;color: #ffffff;font-weight: 400;font-family: psfont;text-align: center;}
   .footer-bottom a {font-size: 19px;color: #0075c7;font-weight: 400;text-transform: capitalize;font-family: alghad;}
   .footer-bottom a:hover {
   color: #d5d6d7;
   }
   .footer-bottom p a {margin: 0 6px 0 6px;font-family: psfont;font-size: 15px;}
   .socialmediaimg{
     width: 3%;
     margin-top: -10px;
     margin-bottom: 10px;
   }
   .imageincrt1{
       width: 50%;
   }
       
   .searchforproductform{
       width: 77%;
       border: 1px solid #ffffff;
       margin-top: -42px;
       background-color: #fff;
       position: absolute;
       z-index: 43;
       border-radius: 11px;
       margin-left: 10%;
       padding-right: 14px;
   }
   .imageincrt2{
       width: 50%;
   }
       .imageincrt3{
       width: 124px;
       margin-left: -127px;
       margin-top: 210px;
   }
       .imageincrt4{
       width: 294px;
       margin-left: 16px;
       margin-top: 1px;
   }
       .imageincrt5{
       width: 25%;
       margin-top: -49%;
   }
   .cateimgincrt{
       width: 27%;
       margin-left: 6%;
       margin-top: -41px;
   }
   .imageincrt6{
       width: 24%;
       margin-top: -1%;
       margin-left: -364px;
   }
       .button.style-10, .button.style-12, .button.style-18{
       width: 53%;
       margin-top: -12%;
       margin-right: 3%;
   }
   
       .cantbuttonaddtcrt{}
   
       .proquaniti{}
   
       .swiper-wrapper{}
   
       .gocover {background: url("../images/loader.gif") no-repeat scroll center center rgba(45, 45, 45, 0.5);
           display:none;
           position: absolute;
           height: 100%;
           width: 100%;
           z-index: 9999;
           }
           body{
               background-color: #ffffff;
           }
           .closeico{
               width: 28px;
               margin-right: -7px;
             }
             .icon1{
               margin-left: -60%;
               margin-bottom: -22px;
             }
             .modal {
               display: none; 
               position: fixed; 
               z-index: 1;
               left: 0;
               top: 0;
               width: 100%; 
               height: 100%; 
               overflow: auto; 
               background-color: rgb(0,0,0); 
               background-color: rgba(0,0,0,0.4); 
             }
             
             .modal-content {
               background-color: #fefefe;
               padding: 11px;
               border: 3px solid #24c9d6;
               width: 100%;
               margin-left: -2%;
             }
             
             .close {
               color: #aaa;
               float: right;
               font-size: 28px;
               font-weight: bold;
             }
             
             .close:hover,
             .close:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
             }
             .modalDialog {
               position: fixed;
               font-family: Arial, Helvetica, sans-serif;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity:0;
               -webkit-transition: opacity 400ms ease-in;
               -moz-transition: opacity 400ms ease-in;
               transition: opacity 400ms ease-in;
               pointer-events: none;
           }
           .modalDialog:target {
               opacity:1;
               pointer-events: auto;
           }
           
           .modalDialog > div {
               width: 87%;
               margin: 10% auto;
               padding: 0px 20px 13px 20px;
               border-radius: 10px;
               background: #fff;
               background: -moz-linear-gradient(#fff, #999);
               background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
               background: -o-linear-gradient(#fff, #999);
               margin-top: 39px;
           }
           .closeimg{
               margin-top: -17px;
               width: 40px;
               position: absolute;
               margin-left: -26px;
               background-color: #fb8791;
               border-radius: 50%;
               border: 2px solid #f55462;
           }
           #cover {
                 background: url(../images/box.gif) no-repeat scroll center center #fff;
                 position: fixed;
                 height: 100%;
                 width: 100%;
                 background-size: 50px;
                 z-index: 9999;
               }
           
           
           .go-section .container{
               margin-top: 50px;
           }
           .home-section{
               max-width: 400px;
               margin-top: 10%;
               padding-bottom: 5%
           }
           .home-section p{
               color: #ffffff;
           }
           .home-section h1{
               color: #ffffff;
           }
           
           .help-block strong{
               color: red;
           }
           .form-control,.btn{
               border-radius: 30px;
           }
           
           /*User Account CSS Start*/
           
           .tabs > li{
               margin-bottom: 10px;
               width: 100%;
           }
           .tabs li a{
               color: #000000;
               line-height: 20px;
           }
           
           .tabs > li.active{
               color: #FFF;
               background-color:  #000000;
           }
           
           .tabs > li.active a{
               color: #FFF;
           }
           
           .tabs > li.active:focus a{
               color: #FFF;
           }
           
           .tabs > li:hover{
               background-color:  #000000;
               color: #FFF;
           }
           .tabs > li:hover a{
               color: #FFF;
           }
           
           
           /*Service Section CSS Start*/
           .go-services{
           margin-top:70px;
           }
           .service-list{
               width:100%;
               float:left;
               height:auto;
               margin:0 0 30px;
               padding:20px 20px 15px;
               background:#faf9f9;
               border: 1px solid #ddd;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover{
               border: 1px solid #000000;
           }
           .service-list img {
               padding: 10px;
               height: 80px;
               width: 80px;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               background-color: #000000;
           }
           .service-list .fa {
               border: none;
               font-size: 30px;
               height: auto;
               line-height: 80px;
               margin: 0 0 10px;
               vertical-align: middle;
               width: 80px;
               color:#000000;
               background:#fff;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover .fa{
               background:#000000;
               color:#fff;
           }
           .service-list h3{
               margin-top: 0;
           }
           
           
           /*Service Section CSS End*/
           
           /*Genius Testimonial CSS Start*/
           .testimonials {
               position: relative;
               padding-top: 80px;
           }
           .testimonials:after {
               content: '';
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               width: 100%;
               height: 30%;
           }
           
           #customers-testimonials .item-details {
               color: #fff;
               padding: 20px 20px;
               text-align: left;
           }
           #customers-testimonials .item-details h5 {
               color: #010101;
               margin: 15px 0 0;
               font-size: 18px;
               line-height: 18px;
           }
           #customers-testimonials .item-details h5 span {
               color: red;
               float: right;
               padding-right: 20px;
           }
           #customers-testimonials .item-details p {
               font-size: 14px;
               color: #6f6f6f;
           }
           #customers-testimonials .item-details .ctext {
               font-size: 14px;
               color: #6f6f6f;
               font-style: italic;
           }
           
           #customers-testimonials .item {
               text-align: center;
               margin-bottom: 80px;
               border: 1px solid #DDD;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           #customers-testimonials .item:hover {
               border: 1px solid #000000;
           }
           
           #customers-testimonials .item .fa{
               border-bottom: 1px solid #ddd;
               font-size: 40px;
               padding: 20px 45px;
           }
           .owl-carousel .owl-nav [class*='owl-'] {
               -webkit-transition: all .3s ease;
               transition: all .3s ease;
           }
           
           .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
               background-color: #D6D6D6;
           }
           
           .owl-carousel {
               position: relative;
           }
           
           .owl-carousel .owl-next,
           .owl-carousel .owl-prev {
               width: 50px;
               height: 50px;
               line-height: 50px;
               /*border-radius: 50%;*/
               position: absolute;
               top: 30%;
               font-size: 30px;
               color: #000000;
               /*border: 1px solid #000000;*/
               text-align: center;
           }
           
           .owl-carousel .owl-prev {
               left: -40px;
           }
           
           .owl-carousel .owl-next {
               right: -40px;
           }
           
           /*Genius Testimonial CSS END*/
           
           .go-products{
               margin-top:40px;
           }
           
           .home-tab > li, .nav-pills > li {
               float:none;
               display:inline-block;
           }
           
           .home-tab {
               text-align:center;
           }
           
           .go-top {
               /* width: auto; */
               float: right;
               /* height: auto; */
               position: fixed;
               right: 15px;
               bottom: 15px;
               z-index: 999;
               text-align: center;
               display: none;
               /* border: 2px solid #FFF; */
               /* border-radius: 50%; */
           }
           .go-top i {
               background: #000000 repeat scroll 0 0;
               color: #fff;
               border-radius: 50%;
               font-size: 24px;
               height: 40px;
               line-height: 40px;
               width: 40px;
           }
           
           a:hover { text-decoration: none; }
           
           .section-padding {
               padding: 80px 0;
           }
           .section-title {
               text-align: center;
               margin-bottom: 50px;
           }
           .section-title h2 span {color: #000000;}
           .single-pricing-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
               margin-bottom: 10px;
           }
           .single-pricing-box h3 {text-transform: uppercase;}
           .pricing-icon {
               margin-bottom: 20px;
               font-size: 40px;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-icon img {
               max-width: 88px;
               height: auto;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list {
               padding: 0px 10px;
               text-align: left;
               margin-bottom: -22px;
           }
           .single-pricing-box h3.pricing-count {
               text-transform: none;
           }
           .pricing-list ul {
               margin: 0;
               padding: 0;
               list-style: none;
               padding-left: 16px;
               line-height: 30px;
           }
           .pricing-list ul li .fa{
               color: #000000;
           }
           
           a.bordered-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               display: inline-block;
               color: #FFF;
               background-color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           
           .single-pricing-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           .single-pricing-box {-webkit-transition: .2s;transition: .2s;}
           a.bordered-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           .single-pricing-box:hover .pricing-icon {
               color: #000000;
           }
           .single-pricing-box:hover .pricing-icon img {
               opacity: .7;
               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
           }
           .pricing-list ul li {
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list ul li:hover {
               padding-left: 5px;
           }
           
           
           
           
           .btn-views{
               color: #ffffff;
               background: gray;
           }
           
           .genius-btn:hover {
               text-decoration: none;
               background-color: #000000;
               color: #FFF;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
           }
           
           .genius-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
               background-color: #FFF;
           }
           
           
           .nav-tabs {margin-bottom: 15px;}
           .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
           .nav-tabs > li > a {padding: 13px 0px 5px 0px;color: #3c3c3c;border: 1px solid;font-family: psfont;font-size: 14px;border-radius: 12px;}
           .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;border-radius: 12px;color: #fff !important;background: #ffffff;font-family: psfont;font-size: 14px;padding: 14px 0px 5px 0px;text-align: center;background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);border: 1px solid #79d8e4;}
           .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
           border-radius: 12px;
           color: #fff !important;
           background: #ffffff;
           font-family: psfont;
           font-size: 14px;
           padding: 14px 0px 5px 0px;
           text-align: center;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
           border: 1px solid #79d8e4;
       }
           /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
           .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
           .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
           .tab-pane { padding: 15px 0; }
           .tab-content{padding:0px}
           .card{margin-bottom: 30px;}
           
           /*Star Rating Start*/
           .starrr {
               margin: auto;
               display:block;
               margin-left: 15%;
               }
           .starrr a {
               font-size: 26px;
               padding: 0 1px;
               cursor: pointer;
               color: #3abdca;
               text-decoration: none;
               }
           /*Star Rating End*/
           
           
           
           .rating-row{
               padding-bottom: 10px;
               border-bottom: 1px solid #eee
           }
           .rating-date{
               font-size: 12px;
               color: rgba(17,7,0,0.49);
           }
           .rating-box{
               margin-bottom: 0px!important;
           }
           .col-item {
               background: #FFF;
               margin-bottom:12px;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
               border-radius: 6px;
               border: 1px solid #11b7c4;
               height: 199px;
           }
           
           .col-item .options {
               position:absolute;
               top:6px;
               right:22px;
           }
           
           .col-item .photo {
               overflow: hidden;
           }
           
           .col-item .photo .options {
               display:none;
           }
           
           .col-item .photo img {
               margin: 0 auto;
               width: 100%;
               -webkit-transition:all 0.5s ease-in-out;
               -moz-transition:all 0.5s ease-in-out;
               -ms-transition:all 0.5s ease-in-out;
               -o-transition:all 0.5s ease-in-out;
               transition:all 0.5s ease-in-out;
           }
           
           .col-item:hover .photo img{
               -webkit-transform:scale(1.1);
               -moz-transform:scale(1.1);
               -ms-transform:scale(1.1);
               transform:scale(1.1);
           }
           
           .col-item:hover{
           }
           
           .col-item .options-cart {
               position:absolute;
               left:22px;
               top:6px;
               display:none;
           }
           
           .col-item .photo:hover .options,
           .col-item .photo:hover .options-cart {
               display:block;
               -webkit-animation: fadeIn .5s ease;
               -moz-animation: fadeIn .5s ease;
               -ms-animation: fadeIn .5s ease;
               -o-animation: fadeIn .5s ease;
               animation: fadeIn .5s ease;
           }
           .col-item .options-cart-round {
               position:absolute;
               left:42%;
               top:22%;
               display:none;
           }
           .col-item .options-cart-round button {
               border-radius: 50%;
               padding:14px 16px;
           
           }
           .col-item .options-cart-round button .fa {
               font-size:22px;
           }
           .col-item .photo:hover .options-cart-round {
               display:block;
               -webkit-animation: fadeInDown .5s ease;
               -moz-animation: fadeInDown .5s ease;
               -ms-animation: fadeInDown .5s ease;
               -o-animation: fadeInDown .5s ease;
               animation: fadeInDown .5s ease;
           }
           .col-item .info {
               padding: 0px 10px;
               margin-top: 1px;
           }
           .col-item .price-details {
               width: 100%;
               margin-top: 8px;
           }
           
           .review i{
               color: #f5c10c;
           }
           
           #floating_alert {
               position: absolute;
               top: 20px;
               right: 20px;
               z-index: 5000;
           }
           
           .col-item .price-details h1 {
           }
           .col-item .price-details .details {
               margin-bottom: 0px;
               font-size:12px;
           }
           .col-item .price-details span {
               float:right;
           }
           .col-item .price-details .price-new {
           }
           
           .col-item .price-details .price-old {
               font-size:16px;
               margin-top: 3px;
               text-decoration:line-through;
               color: #9c9c9c;
           }
           .col-item .separator {
               border-top: 0px solid #E1E1E1;
           }
           
           .col-item .clear-left {
               clear: left;
           }
           .col-item .separator a {
               text-decoration:none;
           }
           .col-item .separator p {
               margin-bottom: 0;
               margin-top: 6px;
               text-align: center;
           }
           
           .col-item .separator p i {
               margin-right: 5px;
           }
           .col-item .btn-add {
               width: 60%;
               float: left;
           }
           .col-item .btn-add a {
               display:inline-block !important;
           }
           .col-item .btn-add {
               border-right: 1px solid #E1E1E1;
           }
           .col-item .btn-details {
               width: 40%;
               float: left;
               padding-left: 10px;
           }
           .col-item .btn-details a {
               display:inline-block !important;
           }
           .col-item .btn-details a:first-child {
               margin-right:12px;
           }
           
           
           
           
           .services{
           
               margin-top: 20px;
           }
           .services p{
               color: #000000;
               font-size: 18px;
           }
           .services h1{
               color: #000000;
               margin-bottom: 0;
               text-align: center;
               font-size: 14px;
           }
           
           .single-box {
               -webkit-transition: .2s;
               transition: .2s;
           }
           
           .single-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
           }
           .single-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           
           .services-div{
               padding: 11px 10px 15px 10px;
               border-radius: 17px;
           }
           
           .order-div{
               border: 1px solid #24c9d6;
               padding-left: 0;
               padding-right: 0;
               border-radius: 14px;
               margin-left: -5%;
               width: 110%;
               margin-top: 9px;
           }
           .order-div h4{
               color: #FFFFFF;
               background-color: #fe4242;
               padding: 10px;
               margin-top: 0;
               padding-left: 0;
               border-radius: 14px 14px 0px 0px;
               padding-right: 0;
           }
           
           .order-left{
               padding-bottom: 15px;
               padding-left: 0;
               padding-right: 0;
           }
           
           .order-right{
               padding-bottom: 15px;
               padding-left: 0;
               border: 1px solid #ff4040;
               padding-right: 0;
               border-radius: 6px;
               margin-top: 14px;
           }
           .order-right p{
               text-align: left;
               line-height: 1;
               padding: 0 10px;
               font-size: 14px;
           }
           .order-right p i{
               color: darkgreen;
           }
           
           .order-left form{
               padding-left: 15px;
               padding-right: 15px;
           }
           
           
           .btn-home{
               margin-bottom: 10px;
               margin-right: 5px;
               color: #ffffff;
               font-size: 20px;
               font-weight:600;
               padding: 10px 15px 10px 15px;
               border: 2px solid #ffffff;
               background: rgba(0,0,0,0.5);
           }
           
           .btn-home:hover{
               color: #ffffff;
               background-color: #337ab7;
           }
           
           .theme2{
               background-color: #ffffff;
           }
           .animate {
               -webkit-transition: all 0.3s ease-in-out;
               -moz-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               -ms-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
           }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
           .row{
               margin:0;
           }
           .navbar-bootsnipp {
               background-color: #000000;
               border-radius: 0px;
               margin-bottom: 0px;
               z-index: 100;
           }
           .margintop{
               margin-top: 10px;
           }
           .navbar-bootsnipp:nth-of-type(2) {
               border-top-width: 1px;
               z-index: 50
           }
           .nav > li > a:focus, .nav > li > a:hover{
               background-color: #000000;
               color: #FFF;
           }
           .navbar-bootsnipp.affix-top {
               position: absolute;
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp.affix {
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp .navbar-toggle .icon-bar {
               background-color: rgb(95, 176, 228);
           }
           
           .navbar-bootsnipp .navbar-brand {
               color: rgb(95, 176, 228);
               font-weight: 900;
               letter-spacing: 2px;
           }
           .service{
               width: 32%;
           }
           .navbar-bootsnipp .navbar-nav > li > a {
               border: 0px solid rgb(255, 255, 255);
               color: rgb(255, 255, 255);
               font-weight: 600;
           }
           
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
               border-radius: 0px;
           }
           
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
               border-left-width: 5px;
               color: #FFF;
           }
           .navbar-bootsnipp .navbar-nav > li.disabled > a {
               color: rgb(200, 200, 200);
           }
           
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
               border-radius: 0;
               margin-right: -1px;
               min-width: 220px;
               padding: 0px;
           }
           .navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
               left: 0px;
               margin-left: -1px;
               right: auto;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
               border-left: 0px solid rgb(95, 176, 228);
               color: rgb(120, 120, 120);
               font-size: 16px;
               font-weight: 400;
               padding: 10px 20px;
               white-space: nowrap;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
               background-color: rgb(245, 245, 245);
               border-left-width: 5px;
               padding-left: 15px;
           }
           
           
           .navbar .bootsnipp-profile > a {
               padding-bottom: 9px;
               padding-top: 9px;
           }
           .navbar .bootsnipp-profile > a > img {
               border-radius: 50%;
               width: 32px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu {
               width: 320px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
               padding: 5px 15px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
               width: 100%;
           }
           
           .navbar-bootsnipp .bootsnipp-search {
               display: none;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 30px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 25px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control:focus {
               border-color: transparent;
               outline: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
               padding: 14px 16px;
               border-radius: 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
               padding: 14px 16px 14px 15px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
               background-color: rgb(245, 245, 245);
           }
           .nav-padding {
               padding-top: 61px;
           }
           .listing{
               padding:10px 10px 10px 10px;
               color: #000000;
           }
           .single{
               margin-top: 20px;
           }
           .group{
               border: 2px solid #000000;
               border-radius: 5px 5px 0px 0px;
           }
           .group a{
               text-decoration: none;
           }
           .profile-image{
               width: 100%;
               height: auto;
           }
           .no-margin{
               margin: 0;
           }
           .single:hover .listing{
               background-color: #000000;
               color: #FFF;
           }
           .go-bold{
               font-weight: 700;
           }
           
           .go-section{
               padding: 40px 0px;
               min-height: 290px;
               /* margin-bottom: 35px; */
           }
           .profile-section{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-section h3{
               margin-top: 10px;
           }
           .contact-info{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-contact{
               margin: 5px 0px;
               padding: 0px 0px 10px 0px;
               /*border-bottom: 1px solid #DDD;*/
           }
           .profile-social{
               padding: 5px;
           }
           .profile-group{
               margin-bottom: 20px;
           }
           .specialities{
               width: 100%;
               margin-bottom:30px;
           }
           .specialitie{
               float: left;
           }
           .qualifications{
            list-style: none;
            padding: 0;
            margin-bottom:30px;
           }
           .qualification{
               padding: 5px 0px;
               list-style: none;
           }
           .qualification strong{
               width: 30%;
               float: left;
           }
           .qualification span{
               width: 70%;
               float: left;
           }
           .awards-section{
               margin-bottom: 40px;
           }
           .awards h5{
               font-weight: 600;
           }
           .awards p{
               font-weight: 500;
           }
           .banner-300x250{
               max-width:100%;
           }
           .banner-728x90{
               max-width:100%;
           }
           .cats{
               margin-top: 20px;
           }
           
           /*Contact Form CSS*/
           
               input.error{
                 border: 1px solid #e40606;
               }
               input.error:focus{
                 border: 1px solid #e40606;
               }
               select.error{
                 border: 1px solid #e40606;
               }
               select.error:focus{
                 border: 1px solid #e40606;
               }
               textarea.error{
                 border: 1px solid #e40606;
               }
               textarea.error:focus{
                 border: 1px solid #e40606;
               }
               .errorMsg{
                 padding: 0;
                 margin: 0;
                 color: #e40606;
               }
               .capcha{
                 margin-top: 6px;
               }
               #capchaError{
                 margin-top:  6px;
               }
               .gologo{
           
               padding: 10px;
           }
           .headad{
               padding: 10px;
           }
           /*Footer Styles*/
           footer{
               background-color: #000000;
               padding: 20px 50px;
               color: #FFF;
           }
           .address p{
                   margin: 0px;
           }
           .socicon{
               padding: 50px 0px;
           }
           .socicon a{
               color: #FFF;
               text-align: center;
               line-height: 45px;
               display: inline-block;
               font-size: 25px;
               width: 45px;
               height: 45px;
               border: 1px solid #FFF;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
           
               margin: 0 3px 10px
           }
           
           .facebook:hover{
               color: #FFF;
               border: 1px solid #3b5998;
               background: #3b5998;
           }
           .google:hover{
               color: #FFF;
               border: 1px solid #d34836;
               background: #d34836;
           }
           .twitter:hover{
               color: #FFF;
               border: 1px solid #0084b4;
               background: #0084b4;
           }
           .linkedin:hover{
               color: #FFF;
               border: 1px solid #0077B5;
               background: #0077B5;
           }
           #related-products{
               margin-bottom: 30px;
           }
           
           .c-line{
               border-top: 1px solid #FFF;
               margin: 10px 0px;
           }
           .btn-genius{
               border:1px solid #CCC;
               padding-top: 20px;
               padding-bottom: 20px;
               color: #161616;
               border-radius: 0;
               font-size: 17px;
           }
           .btn-genius:hover{
               color: #FFF;
               background-color: #0048B3;
           }
           .marginbottom{
               margin-bottom: 31px;
           }
           .login a, .login a:link, .login a:visited, .login a:active, .login a:hover{
               color: #fd3535;
           }
           
           .footerlink a, .footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover{
               color: #FFF;
           }
           
           .btn-ocean{
               border:1px solid #ddd;
               background-color: #ddd;
               color: #000000;
               font-weight: 700;
               font-size: 15px;
           }
           .btn-ocean:hover{
               color: #FFF;
               border:2px solid #ddd;
               background-color: transparent;
           }
           
           .gologo img{
               max-width: 100%;
           }
           
           .navbar-toggle{
               background-color: #FFF;
           }
           
           @media screen and (max-width: 991px) {
               .address{
                  text-align: center;
               }
               .about{
                  text-align: center;
               }
           
           }
           
           .carousel-caption{
               text-align:left;
           
           }
           .carousel-caption h3{
               font-size: 30px;
           }
           .carousel-caption p{
               font-size: 40px;
           }
           .carousel-caption {
               right: 20%;
               left: 10%;
               padding-bottom: 10%;
           }
           
           @media screen and (max-width: 1199px) and (min-width: 767px) {
               .button.style-10{
                   padding: 10px 20px;
               }
               .col-item .info{
                   padding:0!important;
               }
           }
           
           
           @media screen and (max-width: 550px) and (min-width: 451px) {
               .product{
                   width:100%;
               }
               .col-item .photo img{
                   height:580px!important;
               }
           }
           @media screen and (max-width: 450px) {
               .product{
                   width: 50%;
                   padding-left: 3px;
                   padding-right: 0px;
               }
               .col-item .photo img{
                   height: 130px;
                   border-radius: 6px 6px 0px 0px;
                   /* border: 1px #11b7c4 solid; */
               }
           }
           @media screen and (max-width: 767px) {
               .nav-overflow ul > li >a:hover{
               color:#fff;
           }
           .navbar-brand > img {
               max-width: 200px;
           }
               .carousel-caption h3{
                   font-size: 15px;
               }
               .carousel-caption p{
                   font-size: 20px;
               }
                   .qualification strong{
               width: 100%;
               float: left;
           }
           .qualification span{
               width: 100%;
               float: left;
           }
           .qualification{
               padding: 25px 0px;
               list-style: none;
           }
           }
           @media screen and (min-width: 768px) {
               .gologo{
               
               padding: 40px 10px 10px 80px;
           }
           .headad{
               padding: 10px 60px 10px 10px;
           }
               .carousel-caption {
                   right: 20%;
                   left: 10%;
                   padding-bottom: 10%;
               }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             max-height: 500px;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
               .navbar-bootsnipp .navbar-brand {
                   font-size: 20px;
                   height: auto;
                   padding: 20px 5px;
               }
               .navbar-bootsnipp .navbar-nav > li > a {
                   font-size: 16px;
               }
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
                   border-bottom-width: 5px;
                   border-left-width: 0px;
                   padding-bottom: 10px;
               }
           
               .navbar-bootsnipp .navbar-nav > li.disabled > a {
                   padding-left: 10px;
                   padding-right: 10px;
               }
           
           
               .navbar-bootsnipp .bootsnipp-search {
                   background-color: rgb(235, 235, 235);
                   display: block;
                   position: absolute;
                   top: 100%;
                   width: 100%;
                   -webkit-transform: rotateX(-90deg);
                   -moz-transform: rotateX(-90deg);
                   -o-transform: rotateX(-90deg);
                   -ms-transform: rotateX(-90deg);
                   transform: rotateX(-90deg);
                   -webkit-transform-origin: 0 0 0;
                   -moz-transform-origin: 0 0 0;
                   -o-transform-origin: 0 0 0;
                   -ms-transform-origin: 0 0 0;
                   transform-origin: 0 0 0;
                   visibility: hidden;
               }
               .navbar-bootsnipp .bootsnipp-search.open {
                   -webkit-transform: rotateX(0deg);
                   -moz-transform: rotateX(0deg);
                   -o-transform: rotateX(0deg);
                   -ms-transform: rotateX(0deg);
                   transform: rotateX(0deg);
                   visibility: visible;    
               }
               .navbar-bootsnipp .bootsnipp-search > .container {
                   padding: 0px;
               }    
           }
           
           /*The Left Sidebar Styles*/
           
           /* MENU-LEFT
           -------------------------- */
           /* layout */
           
           .allcats{
               padding-bottom: 15px;
               text-align: center;
               color: #fff;
           }
           
           #left{
               margin-bottom: 15px;
           }
           
           #left ul.nav {
               margin-bottom: 2px;
               font-size: 12px; /* to change font-size, please change instead .lbl */
           }
           #left ul.nav ul,
           #left ul.nav ul li {
               list-style: none!important;
               list-style-type: none!important;
               margin-top: 1px;
               margin-bottom: 1px;
           }
           #left ul.nav ul {
               padding-left: 0;
               width: auto;
           }
           #left ul.nav ul.children {
               padding-left: 12px;
               width: auto;
           }
           #left ul.nav ul.children li{
               margin-left: 0px;
           }
           #left ul.nav li a:hover {
               text-decoration: none;
           }
           
           #left ul.nav li a:focus {
               text-decoration: none;
               background-color: transparent;
           }
           
           #left ul.nav li a:hover .lbl {
               /*color: #999!important;*/
           }
           
           #left ul.nav li.current>a .lbl {
               /*background-color: #999;*/
               color: #fff!important;
           }
           
           /* parent item */
           #left ul.nav li.parent a {
               padding: 0px;
               color: #fff;
               text-align: center;
           }
           #left ul.nav>li.parent>a {
               border-bottom: solid 2px #fff;
               text-transform: uppercase;
               margin-bottom: 5px;
               border-top: solid 2px #fff;
               border-radius: 17px;
           }
           #left ul.nav li.parent a:hover {
               background-color: #f76471;
               /*-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
           }
           
           /* link tag (a)*/
           #left ul.nav li.parent ul li a {
               color: #fff;
               border: none;
               display:block;
               padding-left: 5px;
           }
           
           #left ul.nav li.parent ul li a:hover {
               background-color: #fff;
               -webkit-box-shadow:none;
               -moz-box-shadow:none;
               box-shadow:none;
           }
           
           /* sign for parent item */
           #left ul.nav li .sign {
               display: inline-block;
               width: 25px;
               padding: 5px 8px;
               background-color: transparent;
               color: #222;
           }
           #left ul.nav li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #999;*/
               color: #fff;
           }
           
           /* label */
           #left ul.nav li .lbl {
               padding: 5px 12px;
               display: inline-block;
           }
           #left ul.nav li.current>a>.lbl {
               color: #fff;
           }
           #left ul.nav  li a .lbl{
               font-size: 12px;
           }
           
           /* THEMATIQUE
           ------------------------- */
           /* theme 1 */
           #left ul.nav>li.item-1.parent>a {
               /*border: solid 1px #ff6307;*/
           }
           #left ul.nav>li.item-1.parent>a>.sign,
           #left ul.nav>li.item-1 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ff6307;*/
           }
           #left ul.nav>li.item-1 .lbl {
               /* color: #ff6307; */
               font-size: 15px;
           }
           #left ul.nav>li.item-1 li.current>a .lbl {
               /*background-color: #ff6307;*/
               color: #fff!important;
           }
           
           /* theme 2 */
           #left ul.nav>li.item-8.parent>a {
               border: solid 1px #51c3eb;
           }
           #left ul.nav>li.item-8.parent>a>.sign,
           #left ul.nav>li.item-8 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #51c3eb;
           }
           #left ul.nav>li.item-8 .lbl {
               color: #51c3eb;
           }
           #left ul.nav>li.item-8 li.current>a .lbl {
               background-color: #51c3eb;
               color: #fff!important;
           }
           
           /* theme 3 */
           #left ul.nav>li.item-15.parent>a {
               border: solid 1px #94cf00;
           }
           #left ul.nav>li.item-15.parent>a>.sign,
           #left ul.nav>li.item-15 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #94cf00;
           }
           #left ul.nav>li.item-15 .lbl {
               color: #94cf00;
           }
           #left ul.nav>li.item-15 li.current>a .lbl {
               background-color: #94cf00;
               color: #fff!important;
           }
           
           /* theme 4 */
           #left ul.nav>li.item-22.parent>a {
               /*border: solid 1px #ef409c;*/
           }
           #left ul.nav>li.item-22.parent>a>.sign,
           #left ul.nav>li.item-22 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ef409c;*/
           }
           #left ul.nav>li.item-22 .lbl {
               /*color: #ef409c;*/
           }
           #left ul.nav>li.item-22 li.current>a .lbl {
               /*background-color: #ef409c;*/
               color: #fff!important;
           }
           
           .filter-option{
               border-color: #ffffff!important;
               color: #d53435!important;
           }
           .control{
           height: 50px;
       }
           .hom{
           width: 27px;
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           }
           .set{
               width: 22px;
               float: right;
               margin-top: -25px;
               margin-right: 15px;
           }
           @font-face {
               font-family: ramifont;
               src: url(http://mcroshop.com/ramifont.tff);
           }
           .related{
               width: 136px;
               margin-left: 30%;
           }
           .noresul{
               width: 70%;
               margin-left: 15%;
               margin-top: 25%;
           }
           .nocomment{
               width: 50%;
               margin-top: -6%;
               margin-left: 25%;
           }
           .yourreqdone{
               
           }
           .bunnerh{
                   margin-top: 6px;
               width: 96%;
               margin-left: 7px;
               border: 1px #db2d4b solid;
               border-radius: 6px;
           }
           .cate{
               width: 160px;
           }
           
           div.category {
           }
           
           div.category a {
               display: inline-block;
               text-align: center;
               padding: 0px;
               text-decoration: none;
           }
           
           div.category a:hover {
           }
           .produc{
               width: 100px;
               background-color: #fff;
               height: 168px;
               border-radius: 5px;
               margin-left: 3%;
               float: left;
           }
           .imgproduct{
               width: 101%;
               height: 130px;
               border-radius: 10px 10px 0px 0px;
               margin-bottom: 7px;
           }
           
           
           .productslide {
             width: 100%;
             height: 200px;
             display: flex;
             overflow: auto;
             white-space: nowrap;
             direction: rtl;
             padding-right: 21px;
             -webkit-scrollbar {      display: none;  };
           }
           .produc {
             flex-shrink: 0;
             width: 104px;
             background-color: #fff;
             height: 183px;
             border-radius: 11px;
             margin-left: 3%;
             border: 1px solid #11b7c4;
             float: left;
           }
           .prodtit{
               font-size: 11px;
               text-align: center;
               color: #000000;
               font-weight: bold;
               font-family: psfont;
           }
           .prodpric{
               font-size: 13px;
               text-align: center;
               margin-top: -15px;
               color: #fff;
               font-family: psfont;
           }
           .prodpric1{
               font-size: 13px;
               text-align: center;
               margin-top: 2px;
               margin-left: 29px;
               color: #fff;
               font-family: psfont;
           }
           .prodpric2{
               font-size: 18px;
               margin-top: 0px;
               margin-top: 25px;
               color: #fff;
               text-align: center;
               font-family: psfont;
               margin-left: 43px;
           }
           .lastpro{
                   width: 157px;
                   margin-left: 30%;
                   margin-top: 9px;
                   margin-bottom: 10px;
           }
           .appcateg{
               width: 167px;
               margin-left: 24%;
               margin-top: 9px;
               margin-bottom: 10px;
       }
           .bunners{
           
             width: 300px;
             height: 300px;
             display: flex;
             overflow-x: auto;
             -webkit-scroll-snap-points-x: repeat(300px);
                 -ms-scroll-snap-points-x: repeat(300px);
                     scroll-snap-points-x: repeat(300px);
             -webkit-scroll-snap-type: mandatory;
                 -ms-scroll-snap-type: mandatory;
                     scroll-snap-type: mandatory;
           }
           .brands{
               margin-left: 3px;
               width: 100%;
           }
           .appcategorrrs{
               width: 100%;
               border-top: 2px solid #e43c3c;
               margin-bottom: 23%;
               padding: 10px;
               margin-top: -117%;
           }
           .appcategorrr{
               margin-left: 3px;
               width: 31%;
               margin-bottom: 1%;
           }
           .brand{
               width: 125px;
           }
           .prodprics{
               font-size: 17px;
               text-align: left;
               margin-left: 15px;
               margin-top: 13px;
           }
           .cartproduc{
               background-color: #fff;
               height: 115px;
               width: 96%;
               margin-left: 2%;
               border-radius: 7px;
               border: 1px #19b5c2 solid;
           }
           .cartproductimg{
               height: 111px;
               border-radius: 7px 0px 0px 7px;
               border-right: 1px solid #19b5c2;
               width: 70px;
           }
           .cartprod{
           margin-bottom: 100px;
           }
           .cartproductbuttimg{
               margin-top: -43px;
               width: 40px;
               float: right;
               margin-right: 0px;
           }
           .cartprodtx{
                   text-align: center;
                   margin-top: -95px;
                   font-size: 18px;
                   font-family: psfont;
                   color: #19b5c2;
                   font-weight: bold;
                   margin-left: 48px;
           }
           .cartdete{
               width: 96%;
               background-color: #fff;
               margin-left: 2%;
               height: 104px;
               border: 1px solid #f66673;
               border-radius: 6px;
           }
           .cartbtnsl{
               width: 43%;
               float: left;
               margin-top: 25px;
               margin-left: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnsr{
               width: 43%;
               float: right;
               margin-top: 25px;
               margin-right: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnt{
               text-align: center;
               font-size: 19px;
               color: #f66673;
           }
           .cartdet{
               text-align: right;
               margin-right: 23px;
               margin-top: 11px;
               font-size: 20px;
           }
           .cartdetl{
               text-align: left;
               margin-left: 13px;
               margin-top: -21px;
               font-size: 20px;
           }
           .homebac{
               width: 105.111%;
               margin-top: 0px;
           }
           
           .title6{
               width: 44%;
               margin-top: -322%;
               margin-bottom: 147%;
               margin-left: 27%;
           }
           .navbutt{
               width: 31px;  
               position: absolute;
               margin-left: 82%;
           }
            .infobutt{
               width: 10px;
               margin-bottom: -21px;
               margin-left: 5px;
               margin-top: -15px;
            }
           .control6{
               margin-top: -81%;
           }
           
           .logo6{
               width: 54%;
               margin-top: -411%;
               margin-bottom: 148%;
               margin-left: 24%;
           }
           .menubutt{
               float: right;
               width: 33px;
               position: relative;
               margin-right: 10px;
               margin-top: 5px;
           }
           .navibutt{
               float: left;
               width: 28px;
               position: relative;
               margin-left: 10px;
               margin-top: 5px;
           }
           .rightaccountsec{
           position: absolute;
           height: 0px;
       }
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -204%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{width: 108px;margin-top: 7%;float: right;margin-right: 15%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -80%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 4%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -31%;
           margin-top: 114%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -78%;
           }
           .ras1{
               width: 108px;
               margin-top: 61%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 60%;
               margin-right: 14%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -27%;
           margin-top: 103%;
       }
       .las2{width: 108px;margin-top: 12%;float: right;margin-right: 13%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -73%;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -17.3%;
       }
       .las2{width: 108px;margin-top: -17%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
           .leftaccountsec{
               position: absolute;
               height: 0px;
           }
       .modal2 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal-content2 {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close2 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         .closeghassele {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         .close2:hover,
         .close2:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog2 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog2:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog2 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #0199ff;
           border-radius: 50%;
           border: 2px solid #0199ff;
       }
       
       .modal3 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal3-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close3 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close3:hover,
         .close3:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog3 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog3:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog3 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #f65966;
           border-radius: 50%;
           border: 2px solid #f65966;
       }
       
       
       
       .modal4 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal4-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close4 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close4:hover,
         .close4:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       .tabekk{
           width: 20%;
           border: 2px solid #e43c3c;
           height: 60px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .tabekk1{
           width: 20%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 23px 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -20px;
           width: 33px;
           margin-left: -15px;
           background-color: #24c9d6;
           border-radius: 50%;
           border: 2px solid #24c9d6;
       }
       
           
       .bunnerimg{}
   .profbutt1{
           width: 73%;
           height: 29px;
           margin-left: 12%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
   .bunnerimg{}
   .profbutt{
           width: 73%;
           height: 29px;
           margin-left: 12%;
           background-color: #ffffff;
           border: 1px solid #232323;
           border-radius: 20px;
           color: #d44040;
       }
       .carttabek{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: 46%;
           background-color: #24c9d6;
       }
       .carttabekghaseely{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: 7%;
           background-color: #24c9d6;
       }
       .carttabekcheackout{
           width: 99%;
           border: 2px solid #3d3d3d;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           color: #ffffff;
           z-index: 10;
           margin-top: 19px;
           background-color: #ff4040;
       }
       .carttabekghazkm{
           width: 92%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 4%;
           z-index: 10;
           margin-top: 20px;
           background-color: #24c9d6;
       }
       .carttabek1{
           width: 94%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           border-radius: 8px;
           margin-bottom: 10px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #fd3535;
       }
       
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -205%;
           }
           .ras1{
               width: 108px;
               margin-top: 114%;
               margin-left: 12%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 113%;
               margin-right: -23%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 13%;
           margin-top: 183%;
       }
       .las2{width: 108px;margin-top: 182%;float: right;margin-right: -22%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -203%;
           }
           .ras1{
               width: 108px;
               margin-top: 130%;
               margin-left: 29%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 129%;
               margin-right: -44%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 29%;
           margin-top: 199%;
       }
       .las2{width: 108px;margin-top: 197%;float: right;margin-right: -44%;}
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -202%;
               margin-bottom: 71px;
           }
           .ras1{
               width: 108px;
               margin-top: 121%;
               margin-left: 30%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 118%;
               margin-right: -60%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 30%;
           margin-top: 188%;
       }
       .las2{width: 108px;margin-top: 188%;float: right;margin-right: -60%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -198%;
               margin-bottom: 160px;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -16%;
       }
       .las2{width: 108px;margin-top: -16%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: aleft;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       .brand{
           width: 77px;
       }
       .catetitle{width: 90%;margin-bottom: 19px;}
       .aboutitlee1{color: #22b8c4;width: 225px;text-align: right;font-size: 14px;float: right;margin-top: 9px;font-family: psfont;}
.catetitleh1{color: #22b8c4;width: 225px;text-align: right;font-size: 14px;float: right;margin-top: 9px;font-family: psfont;}
       .catetitleimg{width: 16px;}
       div.brands {
           overflow: auto;
           white-space: nowrap;
           direction: rtl;
           margin-top: 5px;
           margin-left: -20px;
           margin-bottom: -19px;
       }
       
       div.brands a {
           display: inline-block;
           text-align: center;
           padding: 1px;
           text-decoration: none;
       }
       
       div.brands a:hover {
       }
       #element::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: block;
       }
       .services{width: 33%;}
       .servimg{
       
       }
       .servh1{
           
       }
       .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       @font-face {
           font-family: psfont;
           src: url(../font/1.ttf);
         }
       
         .sidenav {
           height: 100%; /* 100% Full-height */
           width: 0; /* 0 width - change this with JavaScript */
           position: fixed; /* Stay in place */
           z-index: 31; /* Stay on top */
           top: 0; /* Stay at the top */
           top: 0;
           right: 0;
           background-color: #19b5c2; /* Black*/
           overflow-x: hidden; /* Disable horizontal scroll */
           padding-top: 60px; /* Place content 60px from the top */
           transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
         }
         
         /* The navigation menu links */
         .sidenav a {
           padding: 8px 8px 8px 32px;
           text-decoration: none;
           font-size: 25px;
           color: #ffffff;
           display: block;
           transition: 0.3s;
         }
         
         /* When you mouse over the navigation links, change their color */
         .sidenav a:hover {
           color: #f1f1f1;
         }
         
         /* Position and style the close button (top right corner) */
         .sidenav .closebtn {
           position: absolute;
           top: 0;
           left: -82px;
           font-family: psfont;
           font-size: 43px;
           margin-top: 4px;
           margin-left: 60px;
         }
         
         /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
         #main {
           transition: margin-left .5s;
           padding: 20px;
         }
         Q
         /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
         @media screen and (max-height: 450px) {
           .sidenav {padding-top: 15px;}
           .sidenav a {font-size: 18px;}
         }
         .menubutton1{margin-top: -31px;}
         .menubutton2{margin-top: 45px;}
         .menubutton3{margin-top: 45px;}
         .menubutton4{margin-top: 45px;}
         .menubutton5{margin-top: 45px;}
         .menubutton6{margin-top: 45px;}
         .menbuttimg{float: right;width: 54px;margin-top: -24px;margin-right: 12px;}
         .menbutttext{color: #fff;font-family: psfont;font-size: 14px;text-align: right;margin-right: 70px;}
       .menubuttons{
           
       }
       .signinnh1{text-align: right;margin-right: 25px;font-family: psfont;font-size: 20px;color: #19B5C2;}
       .backbutt{
           float: left;
           width: 22px;
           margin-top: -4px;
           margin-left: 20px;
       }
       .backbutt1{
           float: left;
           width: 22px;
           margin-top: 18px;
           margin-left: 20px;
       }
       .signbutt{width: 180px;height: 42px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;border-radius: 40px;color: #ffffff;}
       .regggggh1{text-align: center;font-size: 12px;font-family: psfont;}
   .regggggh1link{
       text-align: center;
       font-size: 12px;
       font-family: psfont;
       color: #3d3d3d;
       margin-top: 6px;
   }
   .regggggh2link{
       text-align: left;
       font-size: 12px;
       font-family: psfont;
       color: #3d3d3d;
       margin-left: -8%;
       float: left;
       margin-top: -24px;
   }    .nameintheamidd{
           width: 89%;
           text-align: center;
           font-size: 17px;
           margin-top: 26px;
           color: #24c9d6;
           font-family: psfont;
       }
       .buttonbottmaa1{
           background-color: #19B5C2;
           width: 43%;
           height: 43px;
           border-radius: 6px;
           padding: 10px 0px 0px 0px;
           margin-left: 51%;
           bottom:0;
           margin-bottom: 10px;
           float: left;
       }
       .buttonbottmaa2{
           background-color: #19B5C2;
           width: 43%;
           height: 43px;
           border-radius: 6px;
           padding: 10px 0px 0px 0px;
           margin-left: 5%;
           float: right;
           bottom:0;
       }
       .buttonbottmaaa1{color: #fff;font-family: psfont;text-align: center;margin-left: 27%;}
       .buttonbottmaaa2{color: #fff;font-family: psfont;text-align: center;margin-left: 14%;}
       .shippdetiil{
           text-align: right;
           font-size: 14px;
           font-family: psfont;
           margin-bottom: 10px;
           margin-right: 13px;
       }
       .shippdetiilss{
           text-align: right;
           font-size: 14px;
           font-family: psfont;
           margin-bottom: 10px;
           margin-right: 13px;
       }
       .butt{
           width: 100%;
           margin-left: 0%;
           margin-top: 15px;
       }
       .buttpromo{
           width: 92%;
           margin-left: 4%;
           margin-top: 15px;
       }
       .butt1{
           width: 100%;
           margin-left: 0%;
           height: 100px;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .selecttime{width: 100%;height: 124px;border: 1px solid #24c9d6;border-radius: 10px;}
       .selecttime1{width: 94%;height: 124px;border: 1px solid #24c9d6;border-radius: 10px;margin-left: 3%;}
       
       .selecttimeh1{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh22{
           font-size: 12px;
           float: right;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           margin-top: -9px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh21{
           font-size: 12px;
           margin-top: 10px;
           float: right;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .ratingdiv{margin-bottom: 110px;height: 51px;width: 124%;padding: 10px 10px 0px 0px;margin-left: -12%;margin-bottom: 52px;margin-top: -21px;}
       .ratingh1{
           background-color: #11b7c4;
           padding: 10px 0px 0px 9px;
           font-size: 19px;
           font-family: psfont;
           width: 50px;
           margin-top: -10px;
           float: right;
           color: #fff;
           border-radius: 5px;
       }
       .ratingdes{
           font-family: psfont;
           text-align: right;
           font-size: 17px;
           margin-right: 62px;
           margin-top: 8px;
       }
       .ratingdesr{
           font-family: psfont;
           text-align: left;
           font-size: 13px;
           color: #3b3b3b;
           margin-top: 10px;
       }
       .ghazimg12{width: 100%;height: 80px;padding: 13px;border-radius: 11px;margin-top: -11px;}
       
       .ghaztitle{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 17px;
       }
       .buttw{
           width: 94%;
           direction: rtl;
           margin-left: 3%;
       }
       .buttghaz{
           width: 90%;
           direction: rtl;
           margin-left: 5%;
       }
       .butt1w{
           height: 100px;
           width: 94%;
           margin-left: 3%;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .ghassele{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 10px;
       }
       .ghsseleno3img{
           
       }
       .categoryss{margin-top: 80px;}
       .maincategory{
       
       }
       .maincategorytxt{background-color: #ececec;font-family: psfont;text-align: right;font-size: 15px;color: #24c9d6;padding: 17px 12px 8px 0px;}
       .childcategorytxt{
           font-family: psfont;
           text-align: right;
           font-size: 14px;
           padding: 0px 17px;
           margin-top: 20px;
       }
       .ghasseleydiv1{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 4%;margin-top: 60px;}
       .ghasseleyimg{
           width: 40%;
           margin-left: 30%;
           margin-top: 16px;
       }
       .ghasseleydiv2{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 51%;margin-top: -156px;}
       .pricess1{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           float: left;
           margin-left: 15%;
           margin-top: 11px;
       }
       .pricess2{
           float: right;
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-right: 13%;
           margin-top: 12px;
       }
       .optionh1{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;font-size: 18px;height: 32px;margin-left: 9%;border-radius: 7px;width: 35%;}
       .option1{font-size: 18px;padding: 0;padding-top: 12px;font-family: psfont;}
       .option2{font-size: 18px;padding: 0;padding-top: 11px;font-family: psfont;}
       .optionh2{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;height: 32px;font-size: 18px;float: right;margin-right: -30%;border-radius: 7px;width: 35%;}
       .ghasseleyimginmodal{
           background-color: #24c9d6;
           border-radius: 23px;
           padding: 20px;
           width: 100%;
       }
       .pricesss{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-top: 20px;
       }
       .inpubutton{
           width: 100%;
           height: 80px;
           background-color: #fff;
           border: 1px;
       }
       .activerr, .ghazimg:hover{background-color: #24c9d6;}
       .inputdivbutt1{
           width: 44%;
           margin-left: 3%;
       }
       .inputdivbutt2{
           width: 44%;
           margin-right: 3%;
           float: right;
           margin-top: -109px;
       }
       .brandfouwed{width: 80%;margin-top: 81px;margin-left: 10%;}
       .brandfouwed1{width: 110px;float: left;}
       .brandfouwed2{
           width: 110px;
           float: right;
       }
       .ourservicess{
           margin-top: 70px;
           margin-left: 2%;
           width: 96%;
       }
       .center{
           width: 150px;
           margin: auto;
           margin-top: -3px;
           }
           .quantghazkm{
               width: 90%;
               margin: auto;
               margin-top: -3px;
               margin-bottom: 13px;
               }
           .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .serviceetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 32%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceee1{
           width: 32%;
           float: right;
       }
       .serviceee2{
           width: 32%;
           margin-left: 34%;
       }
       .serviceee3{
           width: 32%;
           float: left;
           margin-top: -25.4%;
       }
       .inpughassely{
           width: 100%;
           height: 60px;
           background-color: #0000;
           border: 1px;
       }
       .selectorforghaseely{
           width: 100%;
           margin-top: 10px;
           direction: rtl;
           height: 34px;
           color: #1a939c;
           border: 1px solid #20b2bd;
           border-radius: 6px;
           font-size: 10px;
           padding: 7px 8px 0px 0px;
           font-family: psfont;
       }
       .buttonhajsghaseely{
           margin: auto;
           display:block;
           width: 90%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           z-index: 10;
           margin-top: 11px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .ghaselytitle1{text-align: center;border: 1px solid #2dbac7;padding: 12px 0px 0px;font-size: 14px;height: 33px;margin-top: 47px;color: #21b7c4;margin-left: 4%;width: 92%;font-family: psfont;border-radius: 30px;}
       .ghaselytitle2{text-align: center;border: 1px solid #2dbac7;margin-top: 31px;padding: 12px 0px 0px;font-size: 14px;height: 33px;color: #21b7c4;margin-left: 4%;width: 92%;font-family: psfont;border-radius: 30px;}
       .activer, .ghaselytitle1:hover{background-color: #24c9d6;color: #fff;}
       .activer, .ghaselytitle2:hover{background-color: #24c9d6;color: #fff;}
       
       .inputdivbuttghassele1{margin-top: -24px;}
       .inputdivbuttghassele2{margin-top: -18px;}
       .ghaseelybuttoncheack{
           margin: auto;
           display: block;
           width: 90%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           z-index: 10;
           margin-top: 11px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .loadmorebuttonnnn{
           border: 1px;
           background-color: #0075c7;
           height: 30px;
           width: 110px;
           font-family: psfont;
           color: #fff;
           padding: 10px;
           margin: auto;
           display:block;
           font-size: 10px;
           margin-bottom: 20px;
           border-radius: 7px;
       }
       .mragaaadd{
           padding: 12px;
           margin-bottom: 14px;
           font-size: 15px;
           color: #ffffff;
           font-weight: 700;
           float: right;
           padding-right: 8px;
           margin-right: 0%;
           width: 100%;
           height: 31px;
           text-align: center;
           background-color: #ff4040;
           font-family: psfont;
           vertical-align: middle;
           border-radius: 19px;
           margin-top: -60px;
           border-right: 4px solid #252525;
           border-left: 4px solid #252525;
       }
       .mragaaadda{
           padding: 12px;
           margin-bottom: 14px;
           font-size: 15px;
           color: #ffffff;
           font-weight: 700;
           float: right;
           padding-right: 8px;
           margin-right: 0%;
           width: 100%;
           height: 31px;
           text-align: center;
           background-color: #ff4040;
           font-family: psfont;
           vertical-align: middle;
           border-radius: 19px;
           margin-top: -18px;
           border-right: 4px solid #252525;
           border-left: 4px solid #252525;
       }
       .nshrmragate{margin: auto;display: block;width: 100%;height: 42px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;margin-top: -12px;margin-bottom: 21px;border-radius: 6px;color: #ffffff;background-image: linear-gradient(to right, #ff4040 0%, #ff4040 100%);}
       .mragaainputs{
           border-radius: 12px;
       }
       .nameta3leg{
           text-align: right;
           font-family: psfont;
           font-size: 11px;
           color: #ffffff;
       }
       .alta3lekalns{
           text-align: right;
           font-family: psfont;
           margin-right: 15px;
           font-size: 10px;
           margin-top: 25px;
           margin-bottom: 10px;
           color: #fff;
       }
       .selectorrrdive{
           display: none;
       }
       .alta3lekal3aaam{
           border: 1px solid #000000;
           padding: 10px 0px 0px 0px;
           border-radius: 12px;
           margin-bottom: 10px;
           height: auto;
           background-color: #0000008f;
           min-height: 66px;
       }
       
       .rateeeggef{
           float: right;
           margin-left: -4%;
           margin-top: 3%;
       }
       .bookdatetext1{font-family: psfont;font-size: 13px;text-align: right;margin-top: 14px;}
       .bookdatetext2{font-family: psfont;font-size: 13px;text-align: right;width: 100px;float: right;margin-top: 12px;}
       .selectdateinputu{
           width: 12%;
           margin-top: 3px;
           direction: rtl;
           background-color: #fff;
           border: #fff;
           color: #24c9d6;
           margin-left: 7%;
       }
       .buttoncheackoutt{
           margin: auto;
           display: block;
           width: 58.5%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-right: 2.5%;
           float: right;
           margin-top: 19px;
           margin-bottom: 51px;
           border-radius: 6px;
           color: #ffffff;
           background-color: #3d3d3d;
       }
       .buttoncheackouttghaz{
           margin: auto;
           display: block;
           width: 100%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-top: 41px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .buttoncheackouttghassely{
           margin: auto;
           display: block;
           width: 100%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-top: 41px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .chaeckoutinfoo1{font-family: psfont;font-size: 10px;}
       .chaeckoutinfoo2{
           font-family: psfont;
           font-size: 9px;
           text-align: right;
       }
       .tatbekpromo{
           font-family: psfont;
           font-size: 12px;
           margin-top: -20px;
           margin-left: 28px;
           width: 70px;
       }
       .messageefd{
           visibility: hidden;
       }
       .modalnonee{
           z-index: -1;
       }
       .headerimg{
           
           width: 100px;
               
           float: right;
               
           margin-top: -118px;
               
           margin-right: 14px;
               
           }
                   .headrh1right1{
                   
               width: 100%;
                   
               text-align: center;
                   
               margin-top: 40px;
                   
               font-size: 19px;
                   
               font-family: psfont;
                   
               color: #329ca5;
                   }
                   .headrh1right2{
                       
               width: 100%;
                       
               text-align: center;
                       
               font-size: 15px;
                       
               font-family: psfont;
                       
               margin-top: -15px;
                   }
                   @font-face {
                 font-family: psfont;
                 src: url(assist/1.ttf);
               }
               
               .headrh1left1{
           
               }
               .headerimgleft{
               
           width: 100px;
               
           float: left;
               
           margin-top: -117px;
               
           margin-left: 14px;
           }
           .zapon{
           
           text-align: right;
           
           margin-top: -84px;
           
           font-family: psfont;
           
           font-size: 18px;
           
           margin-right: 9%;
           }
           .pointsngat{
           
           }
           .almhtrmc{
           
           margin-top: 60px;
           
           font-family: psfont;
           
           font-size: 18px;
           
           margin-left: 27px;
           }
           .namecoustmeer{
               
           margin-top: 93px;
               
           margin-left: 6%;
           }
           .invnumberr{
               
       text-align: right;
               
       font-family: psfont;
               
       font-size: 15px;
               
       margin-right: 8%;
               
       margin-top: 16px;
           }
           .invnumberl{
               
       text-align: left;
               
       font-family: psfont;
               
       font-size: 15px;
               
       margin-left: 28%;
               
       margin-top: -43px;
               }
               .productsss{
       
       border: 1px solid;
       
       width: 95%;
       
       border-radius: 10px;
       
       margin-left: 2%;
       
       height: 41px;
       }
               .rkmmntg{
       
       width: 5%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       text-align: right;
       
       float: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 14px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .ismalmntg{
       
       width: 25%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       text-align: end;
       
       float: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 59px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .s3ralmfrd{
       
       width: 25%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       float: right;
       
       text-align: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 58px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .al3dd{
                   
       width: 19%;
                   
       font-family: psfont;
                   
       font-size: 14px;
                   
       float: right;
                   
       margin-right: -16px;
               }
               
       
               .productsss1{
       
       border: 1px solid;
       
       width: 95%;
       
       border-radius: 10px;
       
       margin-left: 2%;
       
       min-height: 41px;
       
       margin-top: 14px;
       
       }
                           .rkmmntg1{
                   
                   width: 5%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   text-align: right;
                   
                   float: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 14px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .ismalmntg1{
                   
                   width: 25%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   text-align: end;
                   
                   float: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 59px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .s3ralmfrd1{
                   
                   width: 25%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   float: right;
                   
                   text-align: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 58px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .al3dd1{
                               
                   width: 19%;
                               
                   font-family: psfont;
                               
                   font-size: 14px;
                               
                   float: right;
                               
                   margin-right: -16px;
                           }
                           
       
       
       
                           .gocover {background: url("../images/loader.gif") no-repeat scroll center center rgba(45, 45, 45, 0.5);
           display:none;
           position: absolute;
           height: 100%;
           width: 100%;
           z-index: 9999;
           }
           body{
               background-color: #ffffff;
           }
           .closeico{
               width: 28px;
               margin-right: -7px;
             }
             .icon1{
               margin-left: -60%;
               margin-bottom: -22px;
             }
             .modal {
               display: none; 
               position: fixed; 
               z-index: 1;
               left: 0;
               top: 0;
               width: 100%; 
               height: 100%; 
               overflow: auto; 
               background-color: rgb(0,0,0); 
               background-color: rgba(0,0,0,0.4); 
             }
             
             .modal-content {
               background-color: #fefefe;
               padding: 11px;
               border: 5px solid #ff4040;
               width: 80%;
               margin-left: 9%;
               margin-top: 16px;
             }
             
             .close {
               color: #aaa;
               float: right;
               font-size: 28px;
               font-weight: bold;
             }
             
             .close:hover,
             .close:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
             }
             .modalDialog {
               position: fixed;
               font-family: Arial, Helvetica, sans-serif;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity:0;
               -webkit-transition: opacity 400ms ease-in;
               -moz-transition: opacity 400ms ease-in;
               transition: opacity 400ms ease-in;
               pointer-events: none;
           }
           .modalDialog:target {
               opacity:1;
               pointer-events: auto;
           }
           
           .modalDialog > div {
               width: 87%;
               margin: 10% auto;
               padding: 0px 20px 13px 20px;
               border-radius: 10px;
               background: #fff;
               background: -moz-linear-gradient(#fff, #999);
               background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
               background: -o-linear-gradient(#fff, #999);
               margin-top: 39px;
           }
           .closeimg{
               margin-top: -17px;
               width: 40px;
               position: absolute;
               margin-left: -26px;
               background-color: #fb8791;
               border-radius: 50%;
               border: 2px solid #f55462;
           }
           #cover {
                 background: url(../images/box.gif) no-repeat scroll center center #fff;
                 position: fixed;
                 height: 100%;
                 width: 100%;
                 background-size: 50px;
                 z-index: 9999;
               }
           
           
           .go-section .container{
               margin-top: 50px;
           }
           .home-section{
               max-width: 400px;
               margin-top: 10%;
               padding-bottom: 5%
           }
           .home-section p{
               color: #ffffff;
           }
           .home-section h1{
               color: #ffffff;
           }
           
           .help-block strong{
               color: red;
           }
           .form-control,.btn{
               border-radius: 30px;
           }
           
           /*User Account CSS Start*/
           
           .tabs > li{
               margin-bottom: 10px;
               width: 100%;
           }
           .tabs li a{
               color: #000000;
               line-height: 20px;
           }
           
           .tabs > li.active{
               color: #FFF;
               background-color:  #000000;
           }
           
           .tabs > li.active a{
               color: #FFF;
           }
           
           .tabs > li.active:focus a{
               color: #FFF;
           }
           
           .tabs > li:hover{
               background-color:  #000000;
               color: #FFF;
           }
           .tabs > li:hover a{
               color: #FFF;
           }
           
           
           /*Service Section CSS Start*/
           .go-services{
           margin-top:70px;
           }
           .service-list{
               width:100%;
               float:left;
               height:auto;
               margin:0 0 30px;
               padding:20px 20px 15px;
               background:#faf9f9;
               border: 1px solid #ddd;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover{
               border: 1px solid #000000;
           }
           .service-list img {
               padding: 10px;
               height: 80px;
               width: 80px;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               background-color: #000000;
           }
           .service-list .fa {
               border: none;
               font-size: 30px;
               height: auto;
               line-height: 80px;
               margin: 0 0 10px;
               vertical-align: middle;
               width: 80px;
               color:#000000;
               background:#fff;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover .fa{
               background:#000000;
               color:#fff;
           }
           .service-list h3{
               margin-top: 0;
           }
           
           
           /*Service Section CSS End*/
           
           /*Genius Testimonial CSS Start*/
           .testimonials {
               position: relative;
               padding-top: 80px;
           }
           .testimonials:after {
               content: '';
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               width: 100%;
               height: 30%;
           }
           
           #customers-testimonials .item-details {
               color: #fff;
               padding: 20px 20px;
               text-align: left;
           }
           #customers-testimonials .item-details h5 {
               color: #010101;
               margin: 15px 0 0;
               font-size: 18px;
               line-height: 18px;
           }
           #customers-testimonials .item-details h5 span {
               color: red;
               float: right;
               padding-right: 20px;
           }
           #customers-testimonials .item-details p {
               font-size: 14px;
               color: #6f6f6f;
           }
           #customers-testimonials .item-details .ctext {
               font-size: 14px;
               color: #6f6f6f;
               font-style: italic;
           }
           
           #customers-testimonials .item {
               text-align: center;
               margin-bottom: 80px;
               border: 1px solid #DDD;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           #customers-testimonials .item:hover {
               border: 1px solid #000000;
           }
           
           #customers-testimonials .item .fa{
               border-bottom: 1px solid #ddd;
               font-size: 40px;
               padding: 20px 45px;
           }
           .owl-carousel .owl-nav [class*='owl-'] {
               -webkit-transition: all .3s ease;
               transition: all .3s ease;
           }
           
           .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
               background-color: #D6D6D6;
           }
           
           .owl-carousel {
               position: relative;
           }
           
           .owl-carousel .owl-next,
           .owl-carousel .owl-prev {
               width: 50px;
               height: 50px;
               line-height: 50px;
               /*border-radius: 50%;*/
               position: absolute;
               top: 30%;
               font-size: 30px;
               color: #000000;
               /*border: 1px solid #000000;*/
               text-align: center;
           }
           
           .owl-carousel .owl-prev {
               left: -40px;
           }
           
           .owl-carousel .owl-next {
               right: -40px;
           }
           
           /*Genius Testimonial CSS END*/
           
           .go-products{
               margin-top:40px;
           }
           
           .home-tab > li, .nav-pills > li {
               float:none;
               display:inline-block;
           }
           
           .home-tab {
               text-align:center;
           }
           
           .go-top {
               /* width: auto; */
               float: right;
               /* height: auto; */
               position: fixed;
               right: 15px;
               bottom: 15px;
               z-index: 999;
               text-align: center;
               display: none;
               /* border: 2px solid #FFF; */
               /* border-radius: 50%; */
           }
           .go-top i {
               background: #000000 repeat scroll 0 0;
               color: #fff;
               border-radius: 50%;
               font-size: 24px;
               height: 40px;
               line-height: 40px;
               width: 40px;
           }
           
           a:hover { text-decoration: none; }
           
           .section-padding {
               padding: 80px 0;
           }
           .section-title {
               text-align: center;
               margin-bottom: 50px;
           }
           .section-title h2 span {color: #000000;}
           .single-pricing-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
               margin-bottom: 10px;
           }
           .single-pricing-box h3 {text-transform: uppercase;}
           .pricing-icon {
               margin-bottom: 20px;
               font-size: 40px;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-icon img {
               max-width: 88px;
               height: auto;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list {
               padding: 0px 10px;
               text-align: left;
               margin-bottom: -22px;
           }
           .single-pricing-box h3.pricing-count {
               text-transform: none;
           }
           .pricing-list ul {
               margin: 0;
               padding: 0;
               list-style: none;
               padding-left: 16px;
               line-height: 30px;
           }
           .pricing-list ul li .fa{
               color: #000000;
           }
           
           a.bordered-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               display: inline-block;
               color: #FFF;
               background-color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           
           .single-pricing-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           .single-pricing-box {-webkit-transition: .2s;transition: .2s;}
           a.bordered-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           .single-pricing-box:hover .pricing-icon {
               color: #000000;
           }
           .single-pricing-box:hover .pricing-icon img {
               opacity: .7;
               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
           }
           .pricing-list ul li {
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list ul li:hover {
               padding-left: 5px;
           }
           
           
           
           
           .btn-views{
               color: #ffffff;
               background: gray;
           }
           
           .genius-btn:hover {
               text-decoration: none;
               background-color: #000000;
               color: #FFF;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
           }
           
           .genius-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
               background-color: #FFF;
           }
           
           
           .nav-tabs {margin-bottom: 15px;}
           .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
           .nav-tabs > li > a {padding: 13px 0px 5px 0px;color: #db5757;border: 1px solid;font-family: psfont;font-size: 14px;border-radius: 12px;}
           .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;border-radius: 12px;color: #ffffff!important;background: #ffffff;font-family: psfont;font-size: 14px;padding: 14px 0px 5px 0px;text-align: center;background-image: linear-gradient(to right, #cb5757 0%, #d05858 100%);border: 1px solid #212121;}
           .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
           border-radius: 12px;
           color: #ffffff!important;
           background: #ffffff;
           font-family: psfont;
           font-size: 14px;
           padding: 14px 0px 5px 0px;
           text-align: center;
           background-image: linear-gradient(to right, #dc5858 0%, #d95a5a 100%);
           border: 1px solid #db5757;
       }
           /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
           .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
           .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
           .tab-pane { padding: 15px 0; }
           .tab-content{padding:0px;width: 100%;margin-right: 11%;margin-top: 104%;padding-right: 24px;float: right;}
           .card{margin-bottom: 30px;}
           
           /*Star Rating Start*/
           .starrr {
               display: inline-block;
               margin: auto;
               display:block;
               margin-left: 30%;
               }
           .starrr a {
               font-size: 16px;
               padding: 0 1px;
               cursor: pointer;
               color: #ff4040;
               text-decoration: none;
               }
           /*Star Rating End*/
           
           
           
           .rating-row{
               padding-bottom: 10px;
               border-bottom: 1px solid #eee
           }
           .rating-date{
               font-size: 12px;
               color: rgba(17,7,0,0.49);
           }
           .rating-box{
               margin-bottom: 0px!important;
           }
           .col-item {
               background: #2f2f2f;
               margin-bottom:12px;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
               border-radius: 11px;
               border: 1px solid #0075c7;
               min-height: 248px;
           }
           
           .col-item .options {
               position:absolute;
               top:6px;
               right:22px;
           }
           
           .col-item .photo {
               overflow: hidden;
           }
           
           .col-item .photo .options {
               display:none;
           }
           
           .col-item .photo img {
               margin: 33px auto;
               height: 213px;
               width: 100%;
               border-radius: 11px;
               -webkit-transition:all 0.5s ease-in-out;
               -moz-transition:all 0.5s ease-in-out;
               -ms-transition:all 0.5s ease-in-out;
               -o-transition:all 0.5s ease-in-out;
               transition:all 0.5s ease-in-out;
           }
           
           .col-item:hover .photo img{
               -webkit-transform:scale(1.1);
               -moz-transform:scale(1.1);
               -ms-transform:scale(1.1);
               transform:scale(1.1);
           }
           
           .col-item:hover{
           }
           
           .col-item .options-cart {
               position:absolute;
               left:22px;
               top:6px;
               display:none;
           }
           
           .col-item .photo:hover .options,
           .col-item .photo:hover .options-cart {
               display:block;
               -webkit-animation: fadeIn .5s ease;
               -moz-animation: fadeIn .5s ease;
               -ms-animation: fadeIn .5s ease;
               -o-animation: fadeIn .5s ease;
               animation: fadeIn .5s ease;
           }
           .col-item .options-cart-round {
               position:absolute;
               left:42%;
               top:22%;
               display:none;
           }
           .col-item .options-cart-round button {
               border-radius: 50%;
               padding:14px 16px;
           
           }
           .col-item .options-cart-round button .fa {
               font-size:22px;
           }
           .col-item .photo:hover .options-cart-round {
               display:block;
               -webkit-animation: fadeInDown .5s ease;
               -moz-animation: fadeInDown .5s ease;
               -ms-animation: fadeInDown .5s ease;
               -o-animation: fadeInDown .5s ease;
               animation: fadeInDown .5s ease;
           }
           .col-item .info {
               padding: 0px 10px;
               margin-top: 1px;
           }
           .col-item .price-details {
               width: 100%;
               margin-top: 8px;
           }
           
           .review i{
               color: #f5c10c;
           }
           
           #floating_alert {
               position: absolute;
               top: 20px;
               right: 20px;
               z-index: 5000;
           }
           
           .col-item .price-details h1 {
               font-size: 15px;
               color: #ffffff;
               font-family: psfont;
           }
           .col-item .price-details .details {
               margin-bottom: 0px;
               font-size:12px;
           }
           .col-item .price-details span {
               float:right;
           }
           .col-item .price-details .price-new {
           font-size: 12px;
           line-height: 21px;
           height: 13px;
           margin-right: -30%;
           color: #ffffff;
           font-family: psfont;
           text-align: center;
           margin-top: 34px;
           }
           
           .col-item .price-details .price-old {
               font-size:16px;
               margin-top: 3px;
               text-decoration:line-through;
               color: #9c9c9c;
           }
           .col-item .separator {
               border-top: 0px solid #E1E1E1;
           }
           
           .col-item .clear-left {
               clear: left;
           }
           .col-item .separator a {
               text-decoration:none;
           }
           .col-item .separator p {
               margin-bottom: 0;
               margin-top: 6px;
               text-align: center;
           }
           
           .col-item .separator p i {
               margin-right: 5px;
           }
           .col-item .btn-add {
               width: 60%;
               float: left;
           }
           .col-item .btn-add a {
               display:inline-block !important;
           }
           .col-item .btn-add {
               border-right: 1px solid #E1E1E1;
           }
           .col-item .btn-details {
               width: 40%;
               float: left;
               padding-left: 10px;
           }
           .col-item .btn-details a {
               display:inline-block !important;
           }
           .col-item .btn-details a:first-child {
               margin-right:12px;
           }
           
           
           
           
           .services{
           
               margin-top: 20px;
           }
           .services p{
               color: #000000;
               font-size: 18px;
           }
           .services h1{
               color: #000000;
               margin-bottom: 0;
               text-align: center;
               font-size: 14px;
           }
           
           .single-box {
               -webkit-transition: .2s;
               transition: .2s;
           }
           
           .single-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
           }
           .single-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           
           .services-div{
               padding: 11px 10px 15px 10px;
               border-radius: 17px;
           }
           
           .order-div{
               border: 1px solid #24c9d6;
               padding-left: 0;
               padding-right: 0;
               border-radius: 14px;
               margin-left: -5%;
               width: 110%;
               margin-top: 9px;
           }
           .order-div h4{
               color: #FFFFFF;
               background-color: #fe4242;
               padding: 10px;
               margin-top: 0;
               padding-left: 0;
               border-radius: 14px 14px 0px 0px;
               padding-right: 0;
           }
           
           .order-left{
               padding-bottom: 15px;
               padding-left: 0;
               padding-right: 0;
           }
           
           .order-right{
               padding-bottom: 5px;
               padding-left: 0;
               float: left;
               margin-top: -209px;
               padding-right: 0;
               margin-bottom: 65px;
               margin-left: -162%;
               width: 57%;
           }
           .order-right p{
               text-align: left;
               line-height: 1;
               padding: 0 10px;
               font-size: 14px;
           }
           .order-right p i{
               color: darkgreen;
           }
           
           .order-left form{
               padding-left: 15px;
               padding-right: 15px;
           }
           
           
           .btn-home{
               margin-bottom: 10px;
               margin-right: 5px;
               color: #ffffff;
               font-size: 20px;
               font-weight:600;
               padding: 10px 15px 10px 15px;
               border: 2px solid #ffffff;
               background: rgba(0,0,0,0.5);
           }
           
           .btn-home:hover{
               color: #ffffff;
               background-color: #337ab7;
           }
           
           .theme2{
               background-color: #ffffff;
           }
           .animate {
               -webkit-transition: all 0.3s ease-in-out;
               -moz-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               -ms-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
           }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
           .row{
               margin:0;
           }
           .navbar-bootsnipp {
               background-color: #000000;
               border-radius: 0px;
               margin-bottom: 0px;
               z-index: 100;
           }
           .margintop{
               margin-top: 10px;
           }
           .navbar-bootsnipp:nth-of-type(2) {
               border-top-width: 1px;
               z-index: 50
           }
           .nav > li > a:focus, .nav > li > a:hover{
               background-color: #000000;
               color: #FFF;
           }
           .navbar-bootsnipp.affix-top {
               position: absolute;
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp.affix {
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp .navbar-toggle .icon-bar {
               background-color: rgb(95, 176, 228);
           }
           
           .navbar-bootsnipp .navbar-brand {
               color: rgb(95, 176, 228);
               font-weight: 900;
               letter-spacing: 2px;
           }
           .service{
               width: 32%;
           }
           .navbar-bootsnipp .navbar-nav > li > a {
               border: 0px solid rgb(255, 255, 255);
               color: rgb(255, 255, 255);
               font-weight: 600;
           }
           
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
               border-radius: 0px;
           }
           
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
               border-left-width: 5px;
               color: #FFF;
           }
           .navbar-bootsnipp .navbar-nav > li.disabled > a {
               color: rgb(200, 200, 200);
           }
           
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
               border-radius: 0;
               margin-right: -1px;
               min-width: 220px;
               padding: 0px;
           }
           .navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
               left: 0px;
               margin-left: -1px;
               right: auto;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
               border-left: 0px solid rgb(95, 176, 228);
               color: rgb(120, 120, 120);
               font-size: 16px;
               font-weight: 400;
               padding: 10px 20px;
               white-space: nowrap;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
               background-color: rgb(245, 245, 245);
               border-left-width: 5px;
               padding-left: 15px;
           }
           
           
           .navbar .bootsnipp-profile > a {
               padding-bottom: 9px;
               padding-top: 9px;
           }
           .navbar .bootsnipp-profile > a > img {
               border-radius: 50%;
               width: 32px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu {
               width: 320px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
               padding: 5px 15px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
               width: 100%;
           }
           
           .navbar-bootsnipp .bootsnipp-search {
               display: none;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 30px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 25px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control:focus {
               border-color: transparent;
               outline: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
               padding: 14px 16px;
               border-radius: 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
               padding: 14px 16px 14px 15px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
               background-color: rgb(245, 245, 245);
           }
           .nav-padding {
               padding-top: 61px;
           }
           .listing{
               padding:10px 10px 10px 10px;
               color: #000000;
           }
           .single{
               margin-top: 20px;
           }
           .group{
               border: 2px solid #000000;
               border-radius: 5px 5px 0px 0px;
           }
           .group a{
               text-decoration: none;
           }
           .profile-image{
               width: 100%;
               height: auto;
           }
           .no-margin{
               margin: 0;
           }
           .single:hover .listing{
               background-color: #000000;
               color: #FFF;
           }
           .go-bold{
               font-weight: 700;
           }
           
           .go-section{
               /* padding: 40px 0px; */
               min-height: 250px;
               /* margin-bottom: 35px; */
           }
           .profile-section{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-section h3{
               margin-top: 10px;
           }
           .contact-info{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-contact{
               margin: 5px 0px;
               padding: 0px 0px 10px 0px;
               /*border-bottom: 1px solid #DDD;*/
           }
           .profile-social{
               padding: 5px;
           }
           .profile-group{
               margin-bottom: 20px;
           }
           .specialities{
               width: 100%;
               margin-bottom:30px;
           }
           .specialitie{
               float: left;
           }
           .qualifications{
            list-style: none;
            padding: 0;
            margin-bottom:30px;
           }
           .qualification{
               padding: 5px 0px;
               list-style: none;
           }
           .qualification strong{
               width: 30%;
               float: left;
           }
           .qualification span{
               width: 70%;
               float: left;
           }
           .awards-section{
               margin-bottom: 40px;
           }
           .awards h5{
               font-weight: 600;
           }
           .awards p{
               font-weight: 500;
           }
           .banner-300x250{
               max-width:100%;
           }
           .banner-728x90{
               max-width:100%;
           }
           .cats{
               margin-top: 20px;
           }
           
           /*Contact Form CSS*/
           
               input.error{
                 border: 1px solid #e40606;
               }
               input.error:focus{
                 border: 1px solid #e40606;
               }
               select.error{
                 border: 1px solid #e40606;
               }
               select.error:focus{
                 border: 1px solid #e40606;
               }
               textarea.error{
                 border: 1px solid #e40606;
               }
               textarea.error:focus{
                 border: 1px solid #e40606;
               }
               .errorMsg{
                 padding: 0;
                 margin: 0;
                 color: #e40606;
               }
               .capcha{
                 margin-top: 6px;
               }
               #capchaError{
                 margin-top:  6px;
               }
               .gologo{
           
               padding: 10px;
           }
           .headad{
               padding: 10px;
           }
           /*Footer Styles*/
           footer{
               background-color: #000000;
               padding: 20px 50px;
               color: #FFF;
           }
           .address p{
                   margin: 0px;
           }
           .socicon{
               padding: 50px 0px;
           }
           .socicon a{
               color: #FFF;
               text-align: center;
               line-height: 45px;
               display: inline-block;
               font-size: 25px;
               width: 45px;
               height: 45px;
               border: 1px solid #FFF;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
           
               margin: 0 3px 10px
           }
           
           .facebook:hover{
               color: #FFF;
               border: 1px solid #3b5998;
               background: #3b5998;
           }
           .google:hover{
               color: #FFF;
               border: 1px solid #d34836;
               background: #d34836;
           }
           .twitter:hover{
               color: #FFF;
               border: 1px solid #0084b4;
               background: #0084b4;
           }
           .linkedin:hover{
               color: #FFF;
               border: 1px solid #0077B5;
               background: #0077B5;
           }
           #related-products{
               margin-bottom: 30px;
           }
           
           .c-line{
               border-top: 1px solid #FFF;
               margin: 10px 0px;
           }
           .btn-genius{
               border:1px solid #CCC;
               padding-top: 20px;
               padding-bottom: 20px;
               color: #161616;
               border-radius: 0;
               font-size: 17px;
           }
           .btn-genius:hover{
               color: #FFF;
               background-color: #0048B3;
           }
           .marginbottom{
               margin-bottom: 31px;
           }
           .login a, .login a:link, .login a:visited, .login a:active, .login a:hover{
               color: #fd3535;
           }
           
           .footerlink a, .footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover{
               color: #FFF;
           }
           
           .btn-ocean{
               border:1px solid #ddd;
               background-color: #ddd;
               color: #000000;
               font-weight: 700;
               font-size: 15px;
           }
           .btn-ocean:hover{
               color: #FFF;
               border:2px solid #ddd;
               background-color: transparent;
           }
           
           .gologo img{
               max-width: 100%;
           }
           
           .navbar-toggle{
               background-color: #FFF;
           }
           
           @media screen and (max-width: 991px) {
               .address{
                  text-align: center;
               }
               .about{
                  text-align: center;
               }
           
           }
           
           .carousel-caption{
               text-align:left;
           
           }
           .carousel-caption h3{
               font-size: 30px;
           }
           .carousel-caption p{
               font-size: 40px;
           }
           .carousel-caption {
               right: 20%;
               left: 10%;
               padding-bottom: 10%;
           }
           
           @media screen and (max-width: 1199px) and (min-width: 767px) {
               .button.style-10{
                   padding: 15px 20px;
                   margin-top: -9.7%;
                   width: 50%;
                   margin-right: 14%;
               }
               .col-item .info{
                   padding:0!important;
               }
           }
           
           
           @media screen and (max-width: 550px) and (min-width: 451px) {
               .product{
                   width:100%;
               }
               .col-item .photo img{
                   height:580px!important;
               }
           }
           @media screen and (max-width: 450px) {
               .product{
                   width: 50%;
                   padding-left: 3px;
                   padding-right: 0px;
                   margin-top: 20px;
               }
               .col-item .photo img{
                   height: 227px;
                   border-radius: 6px 6px 0px 0px;
                   border-bottom: 1px #3a3a3a solid;
               }
           }
           @media screen and (max-width: 767px) {
               .nav-overflow ul > li >a:hover{
               color:#fff;
           }
           .navbar-brand > img {
               max-width: 200px;
           }
               .carousel-caption h3{
                   font-size: 15px;
               }
               .carousel-caption p{
                   font-size: 20px;
               }
                   .qualification strong{
               width: 100%;
               float: left;
           }
           .qualification span{
               width: 100%;
               float: left;
           }
           .qualification{
               padding: 25px 0px;
               list-style: none;
           }
           }
           @media screen and (min-width: 768px) {
               .gologo{
               
               padding: 40px 10px 10px 80px;
           }
           .headad{
               padding: 10px 60px 10px 10px;
           }
               .carousel-caption {
                   right: 20%;
                   left: 10%;
                   padding-bottom: 10%;
               }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             max-height: 660px;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
               .navbar-bootsnipp .navbar-brand {
                   font-size: 20px;
                   height: auto;
                   padding: 20px 5px;
               }
               .navbar-bootsnipp .navbar-nav > li > a {
                   font-size: 16px;
               }
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
                   border-bottom-width: 5px;
                   border-left-width: 0px;
                   padding-bottom: 10px;
               }
           
               .navbar-bootsnipp .navbar-nav > li.disabled > a {
                   padding-left: 10px;
                   padding-right: 10px;
               }
           
           
               .navbar-bootsnipp .bootsnipp-search {
                   background-color: rgb(235, 235, 235);
                   display: block;
                   position: absolute;
                   top: 100%;
                   width: 100%;
                   -webkit-transform: rotateX(-90deg);
                   -moz-transform: rotateX(-90deg);
                   -o-transform: rotateX(-90deg);
                   -ms-transform: rotateX(-90deg);
                   transform: rotateX(-90deg);
                   -webkit-transform-origin: 0 0 0;
                   -moz-transform-origin: 0 0 0;
                   -o-transform-origin: 0 0 0;
                   -ms-transform-origin: 0 0 0;
                   transform-origin: 0 0 0;
                   visibility: hidden;
               }
               .navbar-bootsnipp .bootsnipp-search.open {
                   -webkit-transform: rotateX(0deg);
                   -moz-transform: rotateX(0deg);
                   -o-transform: rotateX(0deg);
                   -ms-transform: rotateX(0deg);
                   transform: rotateX(0deg);
                   visibility: visible;    
               }
               .navbar-bootsnipp .bootsnipp-search > .container {
                   padding: 0px;
               }    
           }
           
           /*The Left Sidebar Styles*/
           
           /* MENU-LEFT
           -------------------------- */
           /* layout */
           
           .allcats{
               padding-bottom: 15px;
               text-align: center;
               color: #fff;
           }
           
           #left{
               margin-bottom: 15px;
           }
           
           #left ul.nav {
               margin-bottom: 2px;
               font-size: 12px; /* to change font-size, please change instead .lbl */
           }
           #left ul.nav ul,
           #left ul.nav ul li {
               list-style: none!important;
               list-style-type: none!important;
               margin-top: 1px;
               margin-bottom: 1px;
           }
           #left ul.nav ul {
               padding-left: 0;
               width: auto;
           }
           #left ul.nav ul.children {
               padding-left: 12px;
               width: auto;
           }
           #left ul.nav ul.children li{
               margin-left: 0px;
           }
           #left ul.nav li a:hover {
               text-decoration: none;
           }
           
           #left ul.nav li a:focus {
               text-decoration: none;
               background-color: transparent;
           }
           
           #left ul.nav li a:hover .lbl {
               /*color: #999!important;*/
           }
           
           #left ul.nav li.current>a .lbl {
               /*background-color: #999;*/
               color: #fff!important;
           }
           
           /* parent item */
           #left ul.nav li.parent a {
               padding: 0px;
               color: #fff;
               text-align: center;
           }
           #left ul.nav>li.parent>a {
               border-bottom: solid 2px #fff;
               text-transform: uppercase;
               margin-bottom: 5px;
               border-top: solid 2px #fff;
               border-radius: 17px;
           }
           #left ul.nav li.parent a:hover {
               background-color: #f76471;
               /*-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
           }
           
           /* link tag (a)*/
           #left ul.nav li.parent ul li a {
               color: #fff;
               border: none;
               display:block;
               padding-left: 5px;
           }
           
           #left ul.nav li.parent ul li a:hover {
               background-color: #fff;
               -webkit-box-shadow:none;
               -moz-box-shadow:none;
               box-shadow:none;
           }
           
           /* sign for parent item */
           #left ul.nav li .sign {
               display: inline-block;
               width: 25px;
               padding: 5px 8px;
               background-color: transparent;
               color: #222;
           }
           #left ul.nav li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #999;*/
               color: #fff;
           }
           
           /* label */
           #left ul.nav li .lbl {
               padding: 5px 12px;
               display: inline-block;
           }
           #left ul.nav li.current>a>.lbl {
               color: #fff;
           }
           #left ul.nav  li a .lbl{
               font-size: 12px;
           }
           
           /* THEMATIQUE
           ------------------------- */
           /* theme 1 */
           #left ul.nav>li.item-1.parent>a {
               /*border: solid 1px #ff6307;*/
           }
           #left ul.nav>li.item-1.parent>a>.sign,
           #left ul.nav>li.item-1 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ff6307;*/
           }
           #left ul.nav>li.item-1 .lbl {
               /* color: #ff6307; */
               font-size: 15px;
           }
           #left ul.nav>li.item-1 li.current>a .lbl {
               /*background-color: #ff6307;*/
               color: #fff!important;
           }
           
           /* theme 2 */
           #left ul.nav>li.item-8.parent>a {
               border: solid 1px #51c3eb;
           }
           #left ul.nav>li.item-8.parent>a>.sign,
           #left ul.nav>li.item-8 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #51c3eb;
           }
           #left ul.nav>li.item-8 .lbl {
               color: #51c3eb;
           }
           #left ul.nav>li.item-8 li.current>a .lbl {
               background-color: #51c3eb;
               color: #fff!important;
           }
           
           /* theme 3 */
           #left ul.nav>li.item-15.parent>a {
               border: solid 1px #94cf00;
           }
           #left ul.nav>li.item-15.parent>a>.sign,
           #left ul.nav>li.item-15 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #94cf00;
           }
           #left ul.nav>li.item-15 .lbl {
               color: #94cf00;
           }
           #left ul.nav>li.item-15 li.current>a .lbl {
               background-color: #94cf00;
               color: #fff!important;
           }
           
           /* theme 4 */
           #left ul.nav>li.item-22.parent>a {
               /*border: solid 1px #ef409c;*/
           }
           #left ul.nav>li.item-22.parent>a>.sign,
           #left ul.nav>li.item-22 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ef409c;*/
           }
           #left ul.nav>li.item-22 .lbl {
               /*color: #ef409c;*/
           }
           #left ul.nav>li.item-22 li.current>a .lbl {
               /*background-color: #ef409c;*/
               color: #fff!important;
           }
           
           .filter-option{
               border-color: #ffffff!important;
               color: #d53435!important;
           }
           .control{
           height: 50px;
       }
           .hom{
           width: 27px;
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           }
           .set{
               width: 27px;
               float: right;
               margin-top: -25px;
               margin-right: 15px;
           }
           @font-face {
               font-family: ramifont;
               src: url(http://mcroshop.com/ramifont.tff);
           }
           .related{
               width: 136px;
               margin-left: 30%;
           }
           .noresul{
               width: 50%;
               margin-left: 26%;
               margin-top: 5%;
               margin-bottom: 41px;
           }
           .yourreqdone{
               
           }
           .bunnerh{
                   margin-top: 6px;
               width: 96%;
               margin-left: 7px;
               border: 1px #db2d4b solid;
               border-radius: 6px;
           }
           .cate{
               width: 39%;
           }
           
           div.category {
           }
           
           div.category a {
               display: inline-block;
               text-align: center;
               padding: 0px;
               text-decoration: none;
           }
           
           div.category a:hover {
           }
           .produc{
               width: 100px;
               background-color: #fff;
               height: 168px;
               border-radius: 5px;
               margin-left: 3%;
               float: left;
           }
           .imgproduct{

               auto;: 10px;margin-top: 2px;mar;}
           
           
           .productslide {
             -webkit-scrollbar {      display: none;  };
             width: 100%;
             height: 281px;
             display: flex;
             overflow: auto;
             white-space: nowrap;
             direction: rtl;
             padding-right: 21px;
           }
                             .produc3 {
           flex-shrink: 0;
           width: 188px;
           background-color: #a91827;
           height: 144px;
           border-radius: 14px 14px 0px 0px;
           margin-left: 3%;
           float: left;
           }
.fedpres{
    background-color: #a91827;
}
.fedpresphoto{
}
.fedpresimg{
    border-radius: 30px;
    width: 40%;
    margin-left: 30%;
}
.fedpresname{
    background-color: #ffffff;
    width: 50%;
    border-radius: 30px;
    font-size: 16px;
    padding: 6px;
    color: #a91827;
    text-align: center;
    margin-left: 25%;
    margin-top: 3px;
    margin-bottom: 4px;
}
.fedpresword{}
.fedpreswordtxt{
    text-align: center;
    font-size: 15px;
    padding: 10px;
    background-color: #ffffff;
    border-bottom: 2px solid #a91827;
}
.produc2 {
           flex-shrink: 0;
           width: 188px;
           background-color: #a91827;
           height: 126px;
           border-radius: 14px 14px 0px 0px;
           margin-left: 3%;
           float: left;
           }
.produc1 {
             flex-shrink: 0;
             width: 188px;
             background-color: #a91827;
             height: 136px;
             border-radius: 14px 14px 14px 14px;
             margin-left: 3%;
             float: left;
           }

                       .prodtit3{
           font-size: 13px;
           text-align: center;
           color: #00112C;
           font-weight: bold;
           font-family: psfont;
           height: 38px;
           padding-top: 15px;
           border-radius: 0px 0px 14px 14px;
           width: 100%;
           margin-top: -15px;
           background-color: #a91827;
           }
 .productadv{
               font-size: 13px;
               text-align: center;
               margin-top: 8px;
               color: #00112C;
               font-weight: bold;
               background-color: #a91827;
               font-family: psfont;
               height: 29px;
               padding-top: 11px;
               border-radius: 0px 20px 20px 0px;
               width: 70%;
               margin-top: -75px;
               border: 1px solid #a91827;
               position: relative;
               float: left;
           }
.prodtit2{
           font-size: 13px;
           text-align: center;
           color: #00112C;
           font-weight: bold;
           font-family: psfont;
           height: 38px;
           padding-top: 15px;
           border-radius: 0px 0px 14px 14px;
           width: 100%;
           margin-top: -15px;
           background-color: #a91827;
           }
.prodtit1{
               font-size: 13px;
               text-align: center;
               color: #00112C;
               font-weight: bold;
               font-family: psfont;
               height: 38px;
               padding-top: 15px;
               border-radius: 0px 0px 14px 14px;
               width: 100%;
               margin-top: -15px;
               background-color: #a91827;
               z-index: 99999;
           }
           .prodpric{
           }
           .lastpro{
                   width: 157px;
                   margin-left: 30%;
                   margin-top: 9px;
                   margin-bottom: 10px;
           }
           .appcateg{
               width: 167px;
               margin-left: 24%;
               margin-top: 9px;
               margin-bottom: 10px;
       }
           .bunners{
           
             width: 300px;
             height: 300px;
             display: flex;
             overflow-x: auto;
             -webkit-scroll-snap-points-x: repeat(300px);
                 -ms-scroll-snap-points-x: repeat(300px);
                     scroll-snap-points-x: repeat(300px);
             -webkit-scroll-snap-type: mandatory;
                 -ms-scroll-snap-type: mandatory;
                     scroll-snap-type: mandatory;
           }
           .brands{
               margin-left: 3px;
               width: 100%;
           }
           .appcategorrrs{
               width: 100%;
               border-top: 2px solid #e43c3c;
               margin-bottom: 23%;
               padding: 10px;
               margin-top: -117%;
           }
           .appcategorrr{
               margin-left: 3px;
               width: 31%;
               margin-bottom: 1%;
           }
           .brand{
               width: 125px;
           }
           .prodprics{
               font-size: 17px;
               text-align: left;
               margin-left: 15px;
               margin-top: 13px;
           }
           .cartproduc{
               background-color: #fff;
               height: 95px;
               width: 89%;
               float: right;
               margin-bottom: 50px;
               margin-top: -33px;
               margin-right: 6%;
               border-radius: 7px;
               border: 1px #ff4040 solid;
           }
           .cartproductimg{
               height: 93px;
               border-radius: 7px 0px 0px 7px;
               border-right: 1px solid #ff4040;
               width: 70px;
           }
           .cartprod{
           margin-bottom: 0px;
           width: 60%;
           float: right;
           }
           .cartproductbuttimg{
               margin-top: -81px;
               width: 30px;
               float: right;
               margin-right: 5px;
           }
           .cartprodtx{
                   text-align: center;
                   margin-top: 14px;
                   font-size: 18px;
                   background-color: #ff4040;
                   font-family: psfont;
                   height: 38px;
                   color: #ffffff;
                   width: 110px;
                   font-weight: bold;
                   border-radius: 7px;
                   margin-left: 75px;
                   padding: 15px 0px 0px 0px;
           }
           .cartdete{
               width: 96%;
               background-color: #fff;
               margin-left: 2%;
               height: 104px;
               border: 1px solid #f66673;
               border-radius: 6px;
           }
           .cartbtnsl{
               width: 43%;
               float: left;
               margin-top: 25px;
               margin-left: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnsr{
               width: 43%;
               float: right;
               margin-top: 25px;
               margin-right: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnt{
               text-align: center;
               font-size: 19px;
               color: #f66673;
           }
           .cartdet{
               text-align: right;
               margin-right: 23px;
               margin-top: 11px;
               font-size: 20px;
           }
           .cartdetl{
               text-align: left;
               margin-left: 13px;
               margin-top: -21px;
               font-size: 20px;
           }
           .homebac{
               width: 105.111%;
               margin-top: 0px;
           }
           
           .title6{
               width: 44%;
               margin-top: -322%;
               margin-bottom: 147%;
               margin-left: 27%;
           }
           .navbutt{
               width: 31px;  
               position: absolute;
               margin-left: 82%;
           }
            .infobutt{
               width: 10px;
               margin-bottom: -21px;
               margin-left: 5px;
               margin-top: -15px;
            }
           .control6{
               margin-top: -81%;
           }
           
           .logo6{
               width: 54%;
               margin-top: -411%;
               margin-bottom: 148%;
               margin-left: 24%;
           }
           .menubutt{
               float: right;
               width: 33px;
               position: relative;
               margin-right: 10px;
               margin-top: 5px;
           }
           .navibutt{
               float: left;
               width: 28px;
               position: relative;
               margin-left: 10px;
               margin-top: 5px;
           }
           .rightaccountsec{
           position: absolute;
           height: 0px;
       }
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -204%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{width: 108px;margin-top: 7%;float: right;margin-right: 15%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -80%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 4%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -31%;
           margin-top: 114%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -78%;
           }
           .ras1{
               width: 108px;
               margin-top: 61%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 60%;
               margin-right: 14%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -27%;
           margin-top: 103%;
       }
       .las2{width: 108px;margin-top: 12%;float: right;margin-right: 13%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -73%;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -17.3%;
       }
       .las2{width: 108px;margin-top: -17%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
           .leftaccountsec{
               position: absolute;
               height: 0px;
           }
       .modal2 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal-content2 {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close2 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close2:hover,
         .close2:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog2 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog2:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog2 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .modalDialog1 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog1:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog1 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #0199ff;
           border-radius: 50%;
           border: 2px solid #0199ff;
       }
       
       .modal3 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal3-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close3 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close3:hover,
         .close3:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog3 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog3:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog3 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #f65966;
           border-radius: 50%;
           border: 2px solid #f65966;
       }
       
       
       
       .modal4 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal4-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close4 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close4:hover,
         .close4:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       .tabekk{
           width: 20%;
           border: 2px solid #e43c3c;
           height: 60px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .tabekk1{
           width: 20%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 23px 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .closeimg{
           margin-top: -26px;
           width: 33px;
           margin-left: -4px;
           background-color: #ff4040;
           border-radius: 50%;
           border: 2px solid #ff4040;
       }
       
           
       .bunnerimg{}
   .profbutt1{
           width: 73%;
           height: 29px;
           margin-left: 91%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
   .bunnerimg{
       width: 30%;
       margin-left: 2%;
   }
   .profbutt{
           width: 73%;
           height: 29px;
           margin-left: -18%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
       .carttabek{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: -24%;
           background-color: #24c9d6;
       }
       .carttabek1{
           width: 94%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           border-radius: 8px;
           margin-bottom: 10px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #fd3535;
       }
       
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -205%;
           }
           .ras1{
               width: 108px;
               margin-top: 114%;
               margin-left: 12%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 113%;
               margin-right: -23%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 13%;
           margin-top: 183%;
       }
       .las2{width: 108px;margin-top: 182%;float: right;margin-right: -22%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -203%;
           }
           .ras1{
               width: 108px;
               margin-top: 130%;
               margin-left: 29%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 129%;
               margin-right: -44%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 29%;
           margin-top: 199%;
       }
       .las2{width: 108px;margin-top: 197%;float: right;margin-right: -44%;}
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -202%;
               margin-bottom: 71px;
           }
           .ras1{
               width: 108px;
               margin-top: 121%;
               margin-left: 30%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 118%;
               margin-right: -60%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 30%;
           margin-top: 188%;
       }
       .las2{width: 108px;margin-top: 188%;float: right;margin-right: -60%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -198%;
               margin-bottom: 160px;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -16%;
       }
       .las2{width: 108px;margin-top: -16%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: aleft;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       .brand{
           width: 77px;
       }
       .catetitle{width: 100%;margin-bottom: 19px;}
       .aboutitlee1{color: #a91827;width: 40%;text-align: center;font-size: 14px;float: none;margin-top: 21px;font-family: psfont;background-color: #fff;padding-top: 11px;position: absolute;margin-left: 30%;border-radius: 20px;}
.catetitleh1{
    text-align: center;
    margin: 12px;
    font-size: 11px;
    font-family: 'psfont';
    background-color: #000000;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 40%;
    margin: 19px auto 10px auto;
    display: block;
    margin-right: 30%;
}
       .catetitleimg{width: 16px;}
       div.brands {
           overflow: auto;
           white-space: nowrap;
           direction: rtl;
           margin-top: 5px;
           margin-left: -20px;
           margin-bottom: -19px;
       }
       
       div.brands a {
           display: inline-block;
           text-align: center;
           padding: 1px;
           text-decoration: none;
       }
       
       div.brands a:hover {
       }
       #element::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: block;
       }
       .services{width: 33%;}
       .servimg{
       
       }
       .servh1{
           
       }
       .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .serviceetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 32%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceee1{
           width: 32%;
           float: right;
       }
       .serviceee2{
           width: 32%;
           margin-left: 34%;
       }
       .serviceee3{
           width: 32%;
           float: left;
           margin-top: -25.4%;
       }
       @font-face {
           font-family: psfont;
           src: url(../font/1.ttf);
         }
       
         .sidenav {
           height: 100%; /* 100% Full-height */
           width: 0; /* 0 width - change this with JavaScript */
           position: fixed; /* Stay in place */
           z-index: 9999; /* Stay on top */
           top: 0; /* Stay at the top */
           top: 0;
           right: 0;
           background-color: #a91827; /* Black*/
           overflow-x: hidden; /* Disable horizontal scroll */
           padding-top: 60px; /* Place content 60px from the top */
           transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
         }
         
         /* The navigation menu links */
         .sidenav a {
           padding: 10px 8px 5px 8px;
           text-decoration: none;
           font-size: 13px;
           color: #141e29;
           text-align: center;
           margin: 10px auto;
           display: block;
           transition: 0.3s;
           font-family: 'psfont';
           background-color: #fff;
           border-radius: 20px;
           width: 90%;
         }
         
         /* When you mouse over the navigation links, change their color */
         .sidenav a:hover {
           color: #f1f1f1;
           background-color: #00112c;
           border: 2px solid #fff;
         }
         
         /* Position and style the close button (top right corner) */
         .sidenav .closebtn {
         position: absolute;
         top: 0;
         left: -25px;
         font-family: psfont;
         font-size: 43px;
         padding-top: 7px;
         width: 45px;
         height: 43px;
         padding-left: 7px;
         font-size: 30px;
         margin-top: 13px;
         margin-left: 40px;
         }
         
         /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
         #main {
           transition: margin-left .5s;
           padding: 20px;
         }
         Q
         /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
         @media screen and (max-height: 450px) {
           .sidenav {padding-top: 15px;}
           .sidenav a {font-size: 18px;}
         }
         .menubutton1{margin-top: -31px;}
         .menubutton2{margin-top: 45px;}
         .menubutton3{margin-top: 45px;}
         .menubutton4{margin-top: 45px;}
         .menubutton5{margin-top: 45px;}
         .menubutton6{margin-top: 45px;}
         .menbuttimg{float: right;width: 54px;margin-top: -24px;margin-right: 12px;}
         .menbutttext{color: #fff;font-family: psfont;font-size: 14px;text-align: right;margin-right: 70px;}
       .menubuttons{
           
       }
       .signinnh1{text-align: right;margin-right: 29px;font-family: psfont;font-size: 16px;padding-top: 28px;color: #ffffff;}
       .backbutt{
           float: left;
           width: 22px;
           margin-top: -4px;
           margin-left: 20px;
       }
       .backbutt1{
           float: left;
           width: 22px;
           margin-top: 18px;
           margin-left: 20px;
       }
       .signbutt{width: 180px;height: 34px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;border-radius: 40px;border-right: 3px solid #272727;border-left: 3px solid #272727;color: #ffffff;background-color: #ff4040;}
       .regggggh1{text-align: center;font-size: 12px;font-family: psfont;}
       .regggggh1link{
           text-align: center;
           font-size: 12px;
           font-family: psfont;
           color: #3d3d3d;
           margin-top: 6px;
       }
       .nameintheamidd{
           width: 89%;
           text-align: center;
           font-size: 17px;
           margin-top: 26px;
           color: #24c9d6;
           font-family: psfont;
       }
       .buttonbottmaa1{
           background-color: #ff4040;
           width: 26%;
           height: 39px;
           position: absolute;
           border-radius: 6px;
           padding: 8px 3% 7px 1px;
           margin-left: 5%;
           bottom:0;
           text-align: center;
           margin-bottom: 40px;
           float: left;
       }
       .buttonbottmaa2{
           background-color: #ff4040;
           width: 26%;
           height: 39px;
           border-radius: 6px;
           padding: 8px 2% 7px 0px;
           margin-left: 32%;
           float: left;
           text-align: center;
           bottom: 40px;
           position: absolute;
       }
       .shippdetiil1{color: #ffffff;width: 157px;padding: 11px;margin-left: -148%;text-align: center;border-right: 3px solid #3d3d3d;border-left: 3px solid #3d3d3d;border-radius: 30px;height: 29px;margin-bottom: 14px;font-size: 14px;float: left;background-color: #ff4040;margin-top: -270px;font-family: psfont;}
       
       .buttonbottmaaa1{color: #ffffff;font-family: psfont;text-align: center;margin-left: 27%;}
       .buttonbottmaaa2{color: #ffffff;font-family: psfont;text-align: center;margin-left: 14%;}
       .shippdetiil{color: #ffffff;width: 157px;padding: 11px;margin-right: 25%;text-align: center;border-right: 3px solid #3d3d3d;border-left: 3px solid #3d3d3d;border-radius: 30px;height: 29px;margin-bottom: 14px;font-size: 14px;float: right;background-color: #ff4040;margin-top: 14px;font-family: psfont;}
       .butt{
           width: 100%;
           margin-left: 0%;
       }
       .buttaa{
           width: 86%;
           margin-left: 7%;
       }
       .butt1{
           width: 100%;
           margin-left: 0%;
           height: 100px;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .selecttime{width: 100%;height: 118px;border: 1px solid #24c9d6;border-radius: 10px;}
       .selecttime1{width: 94%;height: 121px;margin-left: 3%;border: 1px solid #24c9d6;border-radius: 10px;}
       
       .selecttimeh1{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh22{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .ratingdiv{width: 49%;padding: 8px 21px 8px 0px;margin-left: -1%;margin-bottom: 0px;height: 37px;background-color: #ff4040;margin-top: -16px;border-radius: 11px;}
       .ratingh1{
           background-color: #11b7c4;
           padding: 10px 0px 0px 9px;
           font-size: 19px;
           font-family: psfont;
           width: 50px;
           margin-top: -10px;
           float: right;
           color: #fff;
           border-radius: 5px;
       }
       .ratingdes{
           font-family: psfont;
           text-align: right;
           font-size: 17px;
           margin-right: 62px;
           margin-top: 8px;
       }
       .ratingdesr{
           font-family: psfont;
           text-align: center;
           font-size: 10px;
           width: 136%;
           color: #ffffff;
           margin-top: -12px;
           padding-top: 20px;
           padding-right: 20%;
       }
       .ghazimg{width: 100%;margin-top: -114px;height: 80px;background-color: #fff;border: 1px solid #24c9d6;padding: 13px;border-radius: 11px;}
       .ghaztitle{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: -11px;
       }
       .buttw{
           width: 94%;
           margin-left: 3%;
           direction: rtl;
       }
       .butt1w{
           height: 100px;
           width: 94%;
           margin-left: 3%;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .ghassele{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 10px;
       }
       .ghsseleno3img{
           
       }
       .categoryss{margin-top: 80px;}
       .maincategory{
       
       }
       .maincategorytxt{background-color: #ececec;font-family: psfont;text-align: right;font-size: 15px;color: #24c9d6;padding: 17px 12px 8px 0px;}
       .childcategorytxt{
           font-family: psfont;
           text-align: right;
           font-size: 14px;
           padding: 0px 17px;
           margin-top: 20px;
       }
       .ghasseleydiv1{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 4%;margin-top: 60px;}
       .ghasseleyimg{
           width: 35%;
           margin-left: 33%;
           margin-top: 16px;
       }
       .ghasseleydiv2{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 51%;margin-top: -156px;}
       .pricess1{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           float: left;
           margin-left: 15%;
           margin-top: 11px;
       }
       .pricess2{
           float: right;
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-right: 13%;
           margin-top: 12px;
       }
       .optionh1{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;font-size: 18px;height: 32px;margin-left: 9%;border-radius: 7px;width: 35%;}
       .option1{font-size: 18px;padding: 0;padding-top: 12px;}
       .option2{font-size: 18px;padding: 0;padding-top: 11px;}
       .optionh2{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;height: 32px;font-size: 18px;float: right;margin-right: -30%;border-radius: 7px;width: 35%;}
       .ghasseleyimginmodal{
           background-color: #24c9d6;
           border-radius: 23px;
           padding: 20px;
           width: 90%;
           margin-left: 5%;
           margin-top: 30px;
       }
       .pricesss{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-top: 20px;
       }
       .inpubutton{
           width: 100%;
           height: 80px;
           background-color: #fff;
           border: 1px;
       }
       .active2, .ghazimg:hover{background-color: #24c9d6;}
       .inputdivbutt1{
           width: 44%;
           margin-left: 3%;
       }
       .inputdivbutt2{
           width: 44%;
           margin-right: 3%;
           float: right;
           margin-top: -109px;
       }
       
       .inpughassely{
           width: 100%;
           height: 60px;
           background-color: #0000;
           border: 1px;
       }
       .ghaselytitle1{text-align: center;border: 1px solid #2dbac7;padding: 16px 0px 0px;font-size: 14px;height: 40px;width: 94%;margin-left: 3%;margin-top: 67px;color: #21b7c4;font-family: psfont;border-radius: 30px;}
       .ghaselytitle2{text-align: center;border: 1px solid #2dbac7;padding: 16px 0px 0px;font-size: 14px;height: 40px;margin-top: 27px;width: 94%;margin-left: 3%;color: #21b7c4;font-family: psfont;border-radius: 30px;}
       .active1, .ghaselytitle1:hover{background-color: #24c9d6;color: #fff;}
       .active1, .ghaselytitle2:hover{background-color: #24c9d6;color: #fff;}
       
       .inputdivbuttghassele1{margin-top: -24px;}
       .inputdivbuttghassele2{margin-top: -18px;}
       
       .lastordermod1{width: 100%;margin-top: 36px;height: 107px;background-color: #19b5c2;border: 1px solid #24c9d6;padding: 12px 49px 42px 49px;border-radius: 11px;transition: 0.3s;}
       .active2, .lastordermod1:hover{background-color: #42d6e2;}
       .lastordermoddiv1{
           width: 47%;
           margin-left: 2%;
           float: left;
       }
       .lastordermod2{width: 100%;margin-top: 36px;height: 107px;background-color: #19b5c2;border: 1px solid #24c9d6;padding: 12px 49px 42px 49px;border-radius: 11px;transition: 0.3s;}
       .active2, .lastordermod2:hover{background-color: #42d6e2;}
       .lastordermoddiv2{
           width: 47%;
           margin-right: 2%;
           float: right;
       }
       .lastorderh1{
           text-align: center;
           font-size: 13px;
           font-family: psfont;
           color: #fff;
           margin-top: -22px;
       }
       .brandfouwed{width: 80%;margin-top: 81px;margin-left: 10%;}
       .brandfouwed1{width: 110px;float: left;}
       .brandfouwed2{
           width: 110px;
           float: right;
       }
       .ourservicess{
           margin-top: 70px;
           margin-left: 2%;
           width: 96%;
       }
       .center{
           width: 150px;
           margin: auto;
           margin-top: -3px;
           }
       .selectorforghaseelyopt{
       
       }
       .selectorforghaseely{
           width: 160%;
           margin-left: -30%;
           margin-top: 10px;
           border: 1px solid #19b5c2;
           height: 34px;
           direction: rtl;
           padding: 7px 10px 0px;
           color: #127b86;
           font-size: 11px;
           font-family: psfont;
           border-radius: 17px;
       }
       .subminbts{
           width: 100%;
           margin-left: 0%;
           border-radius: 6px;
           color: #fff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
           font-size: 15px;
           padding: 6px 0px 0px 0px;
           border: 1px solid;
           font-family: psfont;
           height: 42px;
           margin-top: 40px;
       }
       .option1:hover {
           background-color: #078c96;
           border-radius: 6px;
           opacity: 1;
       }
       .option2:hover { 
           background-color: #078c96;
           border-radius: 6px;
           opacity: 1;
       }
       .selecttimeh221{float: right;}
       .selecttimeh222{float: right;}
       .timethisssss1{text-align: right;font-family: psfont;font-size: 11px;margin-right: 30px;margin-top: 8px;}
       .timethisssss2{
           text-align: right;
           font-family: psfont;
           font-size: 11px;
           margin-right: 30px;
           margin-top: 7px;
       }
       .chooseedateinput{
           text-align: right;
           height: 36px;
           font-family: psfont;
           font-size: 11px;
           border-radius: 30px;
           line-height: 1.42857143;
           border: 1px solid;
           width: 100%;
           padding: 8px 19px 0px 0px;
           color: #19B5C2;
           background-color: #fff;
       }
       .selectdateinputu::placeholder {
           color: #000;
           font-family: psfont;
           opacity: 1;
           font-size: 13px;
         }
       
       .fotteroptions{bottom: 0;position: fixed;z-index: 10;padding-top: 1px;width: 100%;height: 41px;background-color: #fff;border-top: 1px solid #424242;padding-left: 8%;background: linear-gradient(to bottom, #d43a3a 0%, #e86c6c 40%, #d43a3a 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);background-blend-mode: multiply;}
       .fotteroption1{width: 20%;}
       .fotteroption2{width: 20%;margin-left: 20%;margin-top: -30px;}
       .fotteroption3{margin-left: 40%;margin-top: -30px;width: 20%;}
       .fotteroption4{width: 20%;margin-left: 60%;margin-top: -30px;}
       .fotteroption5{width: 20%;margin-left: 80%;margin-top: -30px;}
       
       .menutoptap1{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    right: 0;
    padding: 6px;
    height: 30px;
    text-align: center;
    width: 113px;
    margin-right: 2%;
    font-family: 'psfont';
    margin-top: 37px;
    padding-top: 12px;
    border-radius: 50px;
    font-size: 13px;
    color: #00112c;
    border: 1px solid #00112c;
   }
   .backgroundheaderimg{}
   .backgroundheader{
           height: 57px;
           border-radius: 0px 0px 23px 21px;
           margin-bottom: -60px;
           background-blend-mode: multiply;
           background-color: #2f2f2f;
       }
       .fotteroptionimg1{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg2{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg3{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg4{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg5{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       
       .fotteroptionimg1:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg2:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg3:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg4:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg5:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .cartprodtilte{
           text-align: left;
           margin-left: 79px;
           font-size: 16px;
           color: #424242;
           font-family: psfont;
           margin-top: -73px;
       }
       
       .ratingdesrasas{
           text-align: center;
           padding-bottom: 0px;
           border-top: 1px solid;
           border-bottom: 1px solid;
           width: 50%;
           float: right;
           margin-right: 5%;
           margin-top: -24%;
       }
        ::placeholder {color: #ff4040}
       div.categorysliderr {
           overflow: auto;
           white-space: nowrap;
           margin-top: 79px;
           direction: rtl;
           margin-right: 6px;
       }
       .addtocrtbutt{
           width: 35px;
           height: 36px;
           margin-right: 47px;
           margin-top: -1px;
           padding: 5px;
           border-radius: 16px;
       }
       .seeitprof{
           background-color: #ff4040;
           width: 43px;
           height: 43px;
           margin-right: -87px;
           margin-top: -1px;
           padding: 9px;
           border-radius: 16px;
       }
       .addtocrtbutts{
           font-family: psfont;
           color: #fff;
           background-color: #ff4040;
           padding: 15px 10px;
           font-size: 12px;
           width: 141px;
           padding-right: 36px;
           border-radius: 16px;
           padding-top: 17px;
           margin-top: 0px;
           height: 41px;
           text-align: center;
           float: left;
       }
       .cat1img{
           width: 22%;
       }
       .cat2img{
           width: 14%;
           margin-top: -17%;
           margin-left: -1%;
       }
       .cat3img{
           width: 13%;
           margin-top: 23%;
           margin-left: -14%;
       }
       .cat4img{
           width: 38%;
       }
       .cat5img{
           width: 21%;
           margin-top: -19%;
       }
       .cat6img{
           width: 20%;
           margin-top: 22%;
           margin-left: -22%;
       }
       
       .catedivsect{
           margin: auto;
           width: 100%;
           padding: 12px 0px 12px 8%;
           border-bottom: 1px solid #ff4040;
       }
       .oldpriceh1t{text-decoration: line-through;font-size: 11px;text-align: right;margin-top: -10px;color: #ffffff;background-color: #2b2b2b;width: 61px;padding: 8px 4px 4px 4px;border-radius: 7px;margin-right: 4px;font-family: psfont;}
       .pricediv{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 27px;
           padding-top: 13px;
           border-radius: 0px 0px 10px 10px;
           width: 186px;
           margin-top: 170px;
       }
       .prodpricqu{
           font-size: 13px;
           text-align: left;
           margin-top: -14px;
           color: #fff;
           margin-left: 8px;
           font-family: psfont;
       }
       .cantaddtocrtbutts{
           font-family: psfont;
           color: #2b2b2b;
           background-color: #ff4040;
           padding: 15px 10px;
           font-size: 12px;
           width: 141px;
           padding-right: 36px;
           border-radius: 16px;
           padding-top: 17px;
           margin-top: 0px;
           height: 41px;
           text-align: center;
           float: left;
           padding-left: 22px;
       }
       .produdescrip{
           width: 100%;
           min-height: auto;
           height: auto;
           max-height: initial;
           background-color: #2f2f2f;
           float: right;
           margin-right: 1%;
           color: #fff;
           margin-top: 20px;
           border-radius: 11px;
           text-align: right;
           padding-right: 21px;
           font-family: psfont;
           padding: 14px;
       }
       .waseftit{
           font-family: psfont;
           font-size: 22px;
           margin-top: 11px;
           margin-bottom: 8px;
       }
       
       
       .oldpriceh1t1{text-decoration: line-through;font-size: 9px;text-align: right;margin-top: -6px;color: #ffffff;background-color: #2b2b2b;width: 50px;padding: 8px 4px 4px 4px;border-radius: 7px;margin-right: 4px;float: right;font-family: psfont;}
       .pricediv1{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 37px;
           padding-top: 13px;
           border-radius: 11px;
           width: 45%;
           margin-left: 50%;
           margin-top: -16px;
           position: absolute;
       }
       .prodpricqu1{
           font-size: 13px;
           text-align: left;
           margin-top: -14px;
           color: #fff;
           margin-left: 7px;
           font-family: psfont;
       }
       .producttitleincategory{
           background-color: #2f2f2f;
           margin-top: -278px;
           position: absolute;
           padding-top: 10px;
           margin-left: 0%;
           height: 22px;
           width: 86.6%;
           border-radius: 11px 11px 0px 0px;
           text-align: center;
           padding-top: 7px;
           margin-top: -283px;
       }
       .oldpriceh1t2{text-decoration: line-through;font-size: 11px;text-align: center;background-color: #2b2b2b;width: 112%;height: 23px;padding: 8px 6px 7px 3px;border-radius: 7px;font-family: psfont;}
       .slidertop{
    height: 236px;
}
.slidertoptxt{
    margin-top: 30px;
}
.pricediv2{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 30px;
           padding-top: 16px;
           border-radius: 0px 0px 11px 11px;
           width: 76%;
           margin-top: -30px;
           position: absolute;
       }
       .prodpricqu2{
           font-size: 13px;
           text-align: left;
           margin-top: -18px;
           color: #fff;
           margin-left: 16px;
           font-family: psfont;
       }
       .buttonpostiondiv{
           float: right;
           width: 62%;
       }
       
     
  }
   

  @media only screen and (min-width: 500px) {
    .iframtmea1{width: 100%;border: 1px;height: 350px;}
.prodtssit{
        font-size: 13px;
        text-align: center;
        margin-top: 8px;
        color: #ffffff;
        font-weight: bold;
        background-color: #0000008f;
        font-family: psfont;
        height: 100%;
        padding-top: 100px;
        border-radius: 10px;
        width: 100%;
        margin-top: -228px;
        position: relative;
    }
      .productdivv{}
      .catetitleaa{
    margin: auto;
    width: 30%;
    margin-bottom: 40px;
}
      .ourteamsliders{
    }
.mainsera{border: 2px solid #a91827;border-left: 0px solid;height: 202px;margin-top: 42px;width: 99%;margin-left: 0%;border-radius: 0px 10px 10px 0px;margin-bottom: 20px;}
.btolat{border: 2px solid #a91827;border-left: 0px solid;height: 196px;margin-top: 42px;width: 99%;margin-left: 0%;border-radius: 0px 10px 10px 0px;margin-bottom: 20px;}
.worldnum{border: 2px solid #a91827;border-left: 0px solid;height: 256px;margin-top: 42px;width: 99%;margin-left: 0%;border-radius: 0px 10px 10px 0px;margin-bottom: 20px;}
.worldnumt1{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 40%;
    margin: -17px auto 30px;
    }.worldnumt2{
    text-align: center;
    margin: 12px;
    font-size: 13px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 27%;
    margin: -17px auto 10px;
    }.worldnumt3{
    text-align: center;
    margin: 12px;
    font-size: 13px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 27%;
    margin: -17px auto 10px;
    }.worldnumt4{
    text-align: center;
    margin: 12px;
    font-size: 13px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 27%;
    margin: -17px auto 10px;
    margin-top: -42px;
    }.activitysliders{
    }
 .lastnewssliders{
    }
.lastnewssliderbord{}
.ourteam{
}
.activity{
    s: 14px;
}
.catetitlea1{
    color: #00112c;
    font-family: 'psfont';
    background-color: #fff;
    padding: 0px;
    border: 1px solid #00112c;
    padding-top: 16px;
    border-radius: 60px;
    font-size: 18px;
    text-align: center;
    margin: auto;
    display: block;
    width: 83%;
}
.catetitlea2{
    color: #ffffff;
    font-family: 'psfont';
    background-color: #00112c;
    padding: 0px;
    border: 1px solid #00112c;
    padding-top: 16px;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    margin: auto;
    display: block;
    width: 83%;
    margin-top: 420px;
}
      .menuhdear{}
.menuinphone{
    margin-top: 37px;
}
.menuintoppleftloginhed{}
.sshareehaayymnaysra{
    color: #00112c;
    float: right;
    margin-top: -10%;
}
      .sshareehaayymna{
    color: #00112c;
    float: left;
    margin-top: -2%;
}
      .videoinhome{
    width: 50%;
    float: right;
    margin-right: -13px;
    height: auto;
    min-height: 380px;
}
      .menutoptap2{
        position: fixed;
        top: 0;
        background-color: #ffffff;
        right: 0;
        padding: 7px;
        margin-right: 11%;
        font-family: 'psfont';
        margin-top: 37px;
        padding-top: 13px;
        border-radius: 50px;
        font-size: 13px;
        padding-right: 20px;
        padding-left: 20px;
        color: #00112c;
        text-align: center;
        width: 113px;
        height: 30px;
        border: 1px solid #00112c;
        }
        .menutoptap3{
            position: fixed;
            top: 0;
            background-color: #ffffff;
            right: 0;
            padding: 7px;
            margin-right: 20%;
            font-family: 'psfont';
            margin-top: 37px;
            padding-top: 12px;
            border-radius: 50px;
            font-size: 13px;
            padding-right: 20px;
            padding-left: 20px;
            border: 1px solid #00112c;
            color: #00112c;
            text-align: center;
            height: 30px;
            width: 113px;
            }
            .menutoptap4{
                position: fixed;
                top: 0;
                background-color: #ffffff;
                right: 0;
                padding: 7px;
                margin-right: 29%;
                font-family: 'psfont';
                margin-top: 37px;
                padding-top: 12px;
                border-radius: 50px;
                font-size: 13px;
                padding-right: 20px;
                padding-left: 20px;
                color: #00112c;
                border: 1px solid #00112c;
                text-align: center;
                width: 113px;
                height: 30px;
                }
                .menutoptap5{
                    position: fixed;
                    top: 0;
                    background-color: #ffffff;
                    right: 0;
                    padding: 7px;
                    margin-right: 38%;
                    font-family: 'psfont';
                    margin-top: 37px;
                    padding-top: 13px;
                    border-radius: 50px;
                    font-size: 13px;
                    padding-right: 20px;
                    padding-left: 20px;
                    color: #00112c;
                    border: 1px solid #00112c;
                    text-align: center;
                    width: 113px;
                    height: 30px;
                    }
                    .menutoptap8{}
.tiltiinhder{
    visibility: inherit;
    font-size: 17px;
    text-align: center;
    margin-top: 7px;
    color: #fff;
}
.menutoptap6{
                        position: fixed;
                        top: 0;
                        background-color: #ffffff;
                        right: 0;
                        padding: 7px;
                        margin-right: 47%;
                        font-family: 'psfont';
                        margin-top: 37px;
                        padding-top: 12px;
                        border-radius: 50px;
                        font-size: 13px;
                        padding-right: 20px;
                        padding-left: 20px;
                        color: #00112c;
                        text-align: center;
                        border: 1px solid #00112c;
                        width: 113px;
                        height: 30px;
                        }
  .menuintopp{}
.menuintoppleft{
    width: 25%;
}
.menutoptapleft{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    left: 0;
    padding: 6px;
    height: 30px;
    text-align: center;
    width: 25%;
    margin-left: -10px;
    font-family: 'psfont';
    margin-top: 37px;
    padding-top: 12px;
    border-radius: 0px;
    font-size: 13px;
    color: #00112c;
    border: 1px solid #00112c;
}
.menuintoppleftlogo{
    position: fixed;
    width: 90px;
    top: 0;
    margin-top: 9px;
    margin-left: 2%;
}
    .frametemm{width: 100%;border: 1px;height: 300px;}

.menutoptasap1{
        position: absolute;
        top: 0;
        background-color: #ffffff;
        right: 0;
        padding: 7px;
        margin-right: 20px;
        font-family: 'psfont';
        margin-top: 8px;
        padding-top: 14px;
        border-radius: 13px;
        font-size: 15px;
        padding-right: 20px;
        padding-left: 20px;
        color: #2f2f2f;
        }
        .backgroundheaderlogoleft{
            margin-top: -63%;
            width: 19%;
            margin-right: -5px;
            position: absolute;
        }

       .backgroundheaderlogo{
    margin-top: -42%;
    width: 17%;
    margin-right: 6px;
    float: left;
    position: absolute;
    right: 0;
   }
   .backgroundheadertxt{margin: a;margin: -119px auto;text-align: center;width: 60%;color: #fff;font-family: 'psfont';font-size: 31px;}
   .backgroundheadertxt1{margin: a;margin: 131px auto;text-align: center;width: 60%;color: #fff;font-family: 'psfont';font-size: 41px;}
   .imgfotinfoo{
    width: 50px;
    float: right;
    margin-top: -25px;
   }
       .txtfotinfoo{
    color: #fff;
    font-family: 'psfont';
    font-size: 20px;
    float: right;
    margin-right: 1%;
   }
       .mainfotcont{
   }
   .txtfotinfooa1{
    width: 80%;
    margin-top: 120px;
   }
   .txtfotinfooa2{
    width: 80%;
    margin-top: 180px;
   }
.menuitem1{
}
.menuitem2{}
.menuitem3{}
.menuitem4{}
.menuitem5{}
.menuitem6{}
 .txtfotinfooa3{
    width: 80%;
    margin-top: 240px;
   }
   .txtfotinfooa4{
    width: 80%;
    margin-top: 240px;
   }
   .txtfotinfooa4{
    width: 80%;
    margin-top: 300px;
   }
   .txtfotinfooa13{}
       .mainfotcontmap{
    left: 0;
   }
       .mainfotcontinfo{
   }
       .aboutusd{}
       .aboutustxt{
   }
       .footer-bottom {text-align: center;padding-top: 1em;background-color: #00112c;MARGIN-TOP: 0px;position: fixed;bottom: 0;width: 97%;}
   .footer-bottom p {font-size: 14px;color: #ffffff;font-weight: 400;font-family: psfont;text-align: center;}
   .footer-bottom a {font-size: 19px;color: #0075c7;font-weight: 400;text-transform: capitalize;font-family: alghad;}
   .footer-bottom a:hover {
   color: #d5d6d7;
   }
   .footer-bottom p a {margin: 0 6px 0 6px;font-family: psfont;font-size: 15px;}
   .socialmediaimg{
     width: 3%;
     margin-top: -10px;
     margin-bottom: 10px;
   }
   .imageincrt1{
       width: 50%;
   }
       
   .searchforproductform{
       width: 77%;
       border: 1px solid #ffffff;
       margin-top: -42px;
       background-color: #fff;
       position: absolute;
       z-index: 43;
       border-radius: 11px;
       margin-left: 10%;
       padding-right: 14px;
   }
   .imageincrt2{
       width: 50%;
   }
       .imageincrt3{
       width: 124px;
       margin-left: -127px;
       margin-top: 210px;
   }
       .imageincrt4{
       width: 294px;
       margin-left: 16px;
       margin-top: 1px;
   }
       .imageincrt5{
       width: 25%;
       margin-top: -49%;
   }
   .cateimgincrt{
       width: 27%;
       margin-left: 6%;
       margin-top: -41px;
   }
   .imageincrt6{
       width: 24%;
       margin-top: -1%;
       margin-left: -364px;
   }
       .button.style-10, .button.style-12, .button.style-18{
       width: 53%;
       margin-top: -12%;
       margin-right: 3%;
   }
   
       .cantbuttonaddtcrt{}
   
       .proquaniti{}
   
       .swiper-wrapper{}
   
       .gocover {background: url("../images/loader.gif") no-repeat scroll center center rgba(45, 45, 45, 0.5);
           display:none;
           position: absolute;
           height: 100%;
           width: 100%;
           z-index: 9999;
           }
           body{
               background-color: #ffffff;
           }
           .closeico{
               width: 28px;
               margin-right: -7px;
             }
             .icon1{
               margin-left: -60%;
               margin-bottom: -22px;
             }
             .modal {
               display: none; 
               position: fixed; 
               z-index: 1;
               left: 0;
               top: 0;
               width: 100%; 
               height: 100%; 
               overflow: auto; 
               background-color: rgb(0,0,0); 
               background-color: rgba(0,0,0,0.4); 
             }
             
             .modal-content {
               background-color: #fefefe;
               padding: 11px;
               border: 3px solid #24c9d6;
               width: 100%;
               margin-left: -2%;
             }
             
             .close {
               color: #aaa;
               float: right;
               font-size: 28px;
               font-weight: bold;
             }
             
             .close:hover,
             .close:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
             }
             .modalDialog {
               position: fixed;
               font-family: Arial, Helvetica, sans-serif;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity:0;
               -webkit-transition: opacity 400ms ease-in;
               -moz-transition: opacity 400ms ease-in;
               transition: opacity 400ms ease-in;
               pointer-events: none;
           }
           .modalDialog:target {
               opacity:1;
               pointer-events: auto;
           }
           
           .modalDialog > div {
               width: 87%;
               margin: 10% auto;
               padding: 0px 20px 13px 20px;
               border-radius: 10px;
               background: #fff;
               background: -moz-linear-gradient(#fff, #999);
               background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
               background: -o-linear-gradient(#fff, #999);
               margin-top: 39px;
           }
           .closeimg{
               margin-top: -17px;
               width: 40px;
               position: absolute;
               margin-left: -26px;
               background-color: #fb8791;
               border-radius: 50%;
               border: 2px solid #f55462;
           }
           #cover {
                 background: url(../images/box.gif) no-repeat scroll center center #fff;
                 position: fixed;
                 height: 100%;
                 width: 100%;
                 background-size: 50px;
                 z-index: 9999;
               }
           
           
           .go-section .container{
               margin-top: 50px;
           }
           .home-section{
               max-width: 400px;
               margin-top: 10%;
               padding-bottom: 5%
           }
           .home-section p{
               color: #ffffff;
           }
           .home-section h1{
               color: #ffffff;
           }
           
           .help-block strong{
               color: red;
           }
           .form-control,.btn{
               border-radius: 30px;
           }
           
           /*User Account CSS Start*/
           
           .tabs > li{
               margin-bottom: 10px;
               width: 100%;
           }
           .tabs li a{
               color: #000000;
               line-height: 20px;
           }
           
           .tabs > li.active{
               color: #FFF;
               background-color:  #000000;
           }
           
           .tabs > li.active a{
               color: #FFF;
           }
           
           .tabs > li.active:focus a{
               color: #FFF;
           }
           
           .tabs > li:hover{
               background-color:  #000000;
               color: #FFF;
           }
           .tabs > li:hover a{
               color: #FFF;
           }
           
           
           /*Service Section CSS Start*/
           .go-services{
           margin-top:70px;
           }
           .service-list{
               width:100%;
               float:left;
               height:auto;
               margin:0 0 30px;
               padding:20px 20px 15px;
               background:#faf9f9;
               border: 1px solid #ddd;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover{
               border: 1px solid #000000;
           }
           .service-list img {
               padding: 10px;
               height: 80px;
               width: 80px;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               background-color: #000000;
           }
           .service-list .fa {
               border: none;
               font-size: 30px;
               height: auto;
               line-height: 80px;
               margin: 0 0 10px;
               vertical-align: middle;
               width: 80px;
               color:#000000;
               background:#fff;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover .fa{
               background:#000000;
               color:#fff;
           }
           .service-list h3{
               margin-top: 0;
           }
           
           
           /*Service Section CSS End*/
           
           /*Genius Testimonial CSS Start*/
           .testimonials {
               position: relative;
               padding-top: 80px;
           }
           .testimonials:after {
               content: '';
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               width: 100%;
               height: 30%;
           }
           
           #customers-testimonials .item-details {
               color: #fff;
               padding: 20px 20px;
               text-align: left;
           }
           #customers-testimonials .item-details h5 {
               color: #010101;
               margin: 15px 0 0;
               font-size: 18px;
               line-height: 18px;
           }
           #customers-testimonials .item-details h5 span {
               color: red;
               float: right;
               padding-right: 20px;
           }
           #customers-testimonials .item-details p {
               font-size: 14px;
               color: #6f6f6f;
           }
           #customers-testimonials .item-details .ctext {
               font-size: 14px;
               color: #6f6f6f;
               font-style: italic;
           }
           
           #customers-testimonials .item {
               text-align: center;
               margin-bottom: 80px;
               border: 1px solid #DDD;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           #customers-testimonials .item:hover {
               border: 1px solid #000000;
           }
           
           #customers-testimonials .item .fa{
               border-bottom: 1px solid #ddd;
               font-size: 40px;
               padding: 20px 45px;
           }
           .owl-carousel .owl-nav [class*='owl-'] {
               -webkit-transition: all .3s ease;
               transition: all .3s ease;
           }
           
           .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
               background-color: #D6D6D6;
           }
           
           .owl-carousel {
               position: relative;
           }
           
           .owl-carousel .owl-next,
           .owl-carousel .owl-prev {
               width: 50px;
               height: 50px;
               line-height: 50px;
               /*border-radius: 50%;*/
               position: absolute;
               top: 30%;
               font-size: 30px;
               color: #000000;
               /*border: 1px solid #000000;*/
               text-align: center;
           }
           
           .owl-carousel .owl-prev {
               left: -40px;
           }
           
           .owl-carousel .owl-next {
               right: -40px;
           }
           
           /*Genius Testimonial CSS END*/
           
           .go-products{
               margin-top:40px;
           }
           
           .home-tab > li, .nav-pills > li {
               float:none;
               display:inline-block;
           }
           
           .home-tab {
               text-align:center;
           }
           
           .go-top {
               /* width: auto; */
               float: right;
               /* height: auto; */
               position: fixed;
               right: 15px;
               bottom: 15px;
               z-index: 999;
               text-align: center;
               display: none;
               /* border: 2px solid #FFF; */
               /* border-radius: 50%; */
           }
           .go-top i {
               background: #000000 repeat scroll 0 0;
               color: #fff;
               border-radius: 50%;
               font-size: 24px;
               height: 40px;
               line-height: 40px;
               width: 40px;
           }
           
           a:hover { text-decoration: none; }
           
           .section-padding {
               padding: 80px 0;
           }
           .section-title {
               text-align: center;
               margin-bottom: 50px;
           }
           .section-title h2 span {color: #000000;}
           .single-pricing-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
               margin-bottom: 10px;
           }
           .single-pricing-box h3 {text-transform: uppercase;}
           .pricing-icon {
               margin-bottom: 20px;
               font-size: 40px;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-icon img {
               max-width: 88px;
               height: auto;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list {
               padding: 0px 10px;
               text-align: left;
               margin-bottom: -22px;
           }
           .single-pricing-box h3.pricing-count {
               text-transform: none;
           }
           .pricing-list ul {
               margin: 0;
               padding: 0;
               list-style: none;
               padding-left: 16px;
               line-height: 30px;
           }
           .pricing-list ul li .fa{
               color: #000000;
           }
           
           a.bordered-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               display: inline-block;
               color: #FFF;
               background-color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           
           .single-pricing-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           .single-pricing-box {-webkit-transition: .2s;transition: .2s;}
           a.bordered-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           .single-pricing-box:hover .pricing-icon {
               color: #000000;
           }
           .single-pricing-box:hover .pricing-icon img {
               opacity: .7;
               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
           }
           .pricing-list ul li {
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list ul li:hover {
               padding-left: 5px;
           }
           
           
           
           
           .btn-views{
               color: #ffffff;
               background: gray;
           }
           
           .genius-btn:hover {
               text-decoration: none;
               background-color: #000000;
               color: #FFF;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
           }
           
           .genius-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
               background-color: #FFF;
           }
           
           
           .nav-tabs {margin-bottom: 15px;}
           .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
           .nav-tabs > li > a {padding: 13px 0px 5px 0px;color: #3c3c3c;border: 1px solid;font-family: psfont;font-size: 14px;border-radius: 12px;}
           .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;border-radius: 12px;color: #fff !important;background: #ffffff;font-family: psfont;font-size: 14px;padding: 14px 0px 5px 0px;text-align: center;background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);border: 1px solid #79d8e4;}
           .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
           border-radius: 12px;
           color: #fff !important;
           background: #ffffff;
           font-family: psfont;
           font-size: 14px;
           padding: 14px 0px 5px 0px;
           text-align: center;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
           border: 1px solid #79d8e4;
       }
           /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
           .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
           .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
           .tab-pane { padding: 15px 0; }
           .tab-content{padding:0px}
           .card{margin-bottom: 30px;}
           
           /*Star Rating Start*/
           .starrr {
               margin: auto;
               display:block;
               margin-left: 15%;
               }
           .starrr a {
               font-size: 26px;
               padding: 0 1px;
               cursor: pointer;
               color: #3abdca;
               text-decoration: none;
               }
           /*Star Rating End*/
           
           
           
           .rating-row{
               padding-bottom: 10px;
               border-bottom: 1px solid #eee
           }
           .rating-date{
               font-size: 12px;
               color: rgba(17,7,0,0.49);
           }
           .rating-box{
               margin-bottom: 0px!important;
           }
           .col-item {
               background: #FFF;
               margin-bottom:12px;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
               border-radius: 6px;
               border: 1px solid #11b7c4;
               height: 199px;
           }
           
           .col-item .options {
               position:absolute;
               top:6px;
               right:22px;
           }
           
           .col-item .photo {
               overflow: hidden;
           }
           
           .col-item .photo .options {
               display:none;
           }
           
           .col-item .photo img {
               margin: 0 auto;
               width: 100%;
               -webkit-transition:all 0.5s ease-in-out;
               -moz-transition:all 0.5s ease-in-out;
               -ms-transition:all 0.5s ease-in-out;
               -o-transition:all 0.5s ease-in-out;
               transition:all 0.5s ease-in-out;
           }
           
           .col-item:hover .photo img{
               -webkit-transform:scale(1.1);
               -moz-transform:scale(1.1);
               -ms-transform:scale(1.1);
               transform:scale(1.1);
           }
           
           .col-item:hover{
           }
           
           .col-item .options-cart {
               position:absolute;
               left:22px;
               top:6px;
               display:none;
           }
           
           .col-item .photo:hover .options,
           .col-item .photo:hover .options-cart {
               display:block;
               -webkit-animation: fadeIn .5s ease;
               -moz-animation: fadeIn .5s ease;
               -ms-animation: fadeIn .5s ease;
               -o-animation: fadeIn .5s ease;
               animation: fadeIn .5s ease;
           }
           .col-item .options-cart-round {
               position:absolute;
               left:42%;
               top:22%;
               display:none;
           }
           .col-item .options-cart-round button {
               border-radius: 50%;
               padding:14px 16px;
           
           }
           .col-item .options-cart-round button .fa {
               font-size:22px;
           }
           .col-item .photo:hover .options-cart-round {
               display:block;
               -webkit-animation: fadeInDown .5s ease;
               -moz-animation: fadeInDown .5s ease;
               -ms-animation: fadeInDown .5s ease;
               -o-animation: fadeInDown .5s ease;
               animation: fadeInDown .5s ease;
           }
           .col-item .info {
               padding: 0px 10px;
               margin-top: 1px;
           }
           .col-item .price-details {
               width: 100%;
               margin-top: 8px;
           }
           
           .review i{
               color: #f5c10c;
           }
           
           #floating_alert {
               position: absolute;
               top: 20px;
               right: 20px;
               z-index: 5000;
           }
           
           .col-item .price-details h1 {
           }
           .col-item .price-details .details {
               margin-bottom: 0px;
               font-size:12px;
           }
           .col-item .price-details span {
               float:right;
           }
           .col-item .price-details .price-new {
           }
           
           .col-item .price-details .price-old {
               font-size:16px;
               margin-top: 3px;
               text-decoration:line-through;
               color: #9c9c9c;
           }
           .col-item .separator {
               border-top: 0px solid #E1E1E1;
           }
           
           .col-item .clear-left {
               clear: left;
           }
           .col-item .separator a {
               text-decoration:none;
           }
           .col-item .separator p {
               margin-bottom: 0;
               margin-top: 6px;
               text-align: center;
           }
           
           .col-item .separator p i {
               margin-right: 5px;
           }
           .col-item .btn-add {
               width: 60%;
               float: left;
           }
           .col-item .btn-add a {
               display:inline-block !important;
           }
           .col-item .btn-add {
               border-right: 1px solid #E1E1E1;
           }
           .col-item .btn-details {
               width: 40%;
               float: left;
               padding-left: 10px;
           }
           .col-item .btn-details a {
               display:inline-block !important;
           }
           .col-item .btn-details a:first-child {
               margin-right:12px;
           }
           
           
           
           
           .services{
           
               margin-top: 20px;
           }
           .services p{
               color: #000000;
               font-size: 18px;
           }
           .services h1{
               color: #000000;
               margin-bottom: 0;
               text-align: center;
               font-size: 14px;
           }
           
           .single-box {
               -webkit-transition: .2s;
               transition: .2s;
           }
           
           .single-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
           }
           .single-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           
           .services-div{
               padding: 11px 10px 15px 10px;
               border-radius: 17px;
           }
           
           .order-div{
               border: 1px solid #24c9d6;
               padding-left: 0;
               padding-right: 0;
               border-radius: 14px;
               margin-left: -5%;
               width: 110%;
               margin-top: 9px;
           }
           .order-div h4{
               color: #FFFFFF;
               background-color: #fe4242;
               padding: 10px;
               margin-top: 0;
               padding-left: 0;
               border-radius: 14px 14px 0px 0px;
               padding-right: 0;
           }
           
           .order-left{
               padding-bottom: 15px;
               padding-left: 0;
               padding-right: 0;
           }
           
           .order-right{
               padding-bottom: 15px;
               padding-left: 0;
               border: 1px solid #ff4040;
               padding-right: 0;
               border-radius: 6px;
               margin-top: 14px;
           }
           .order-right p{
               text-align: left;
               line-height: 1;
               padding: 0 10px;
               font-size: 14px;
           }
           .order-right p i{
               color: darkgreen;
           }
           
           .order-left form{
               padding-left: 15px;
               padding-right: 15px;
           }
           
           
           .btn-home{
               margin-bottom: 10px;
               margin-right: 5px;
               color: #ffffff;
               font-size: 20px;
               font-weight:600;
               padding: 10px 15px 10px 15px;
               border: 2px solid #ffffff;
               background: rgba(0,0,0,0.5);
           }
           
           .btn-home:hover{
               color: #ffffff;
               background-color: #337ab7;
           }
           
           .theme2{
               background-color: #ffffff;
           }
           .animate {
               -webkit-transition: all 0.3s ease-in-out;
               -moz-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               -ms-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
           }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
           .row{
               margin:0;
           }
           .navbar-bootsnipp {
               background-color: #000000;
               border-radius: 0px;
               margin-bottom: 0px;
               z-index: 100;
           }
           .margintop{
               margin-top: 10px;
           }
           .navbar-bootsnipp:nth-of-type(2) {
               border-top-width: 1px;
               z-index: 50
           }
           .nav > li > a:focus, .nav > li > a:hover{
               background-color: #000000;
               color: #FFF;
           }
           .navbar-bootsnipp.affix-top {
               position: absolute;
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp.affix {
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp .navbar-toggle .icon-bar {
               background-color: rgb(95, 176, 228);
           }
           
           .navbar-bootsnipp .navbar-brand {
               color: rgb(95, 176, 228);
               font-weight: 900;
               letter-spacing: 2px;
           }
           .service{
               width: 32%;
           }
           .navbar-bootsnipp .navbar-nav > li > a {
               border: 0px solid rgb(255, 255, 255);
               color: rgb(255, 255, 255);
               font-weight: 600;
           }
           
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
               border-radius: 0px;
           }
           
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
               border-left-width: 5px;
               color: #FFF;
           }
           .navbar-bootsnipp .navbar-nav > li.disabled > a {
               color: rgb(200, 200, 200);
           }
           
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
               border-radius: 0;
               margin-right: -1px;
               min-width: 220px;
               padding: 0px;
           }
           .navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
               left: 0px;
               margin-left: -1px;
               right: auto;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
               border-left: 0px solid rgb(95, 176, 228);
               color: rgb(120, 120, 120);
               font-size: 16px;
               font-weight: 400;
               padding: 10px 20px;
               white-space: nowrap;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
               background-color: rgb(245, 245, 245);
               border-left-width: 5px;
               padding-left: 15px;
           }
           
           
           .navbar .bootsnipp-profile > a {
               padding-bottom: 9px;
               padding-top: 9px;
           }
           .navbar .bootsnipp-profile > a > img {
               border-radius: 50%;
               width: 32px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu {
               width: 320px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
               padding: 5px 15px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
               width: 100%;
           }
           
           .navbar-bootsnipp .bootsnipp-search {
               display: none;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 30px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 25px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control:focus {
               border-color: transparent;
               outline: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
               padding: 14px 16px;
               border-radius: 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
               padding: 14px 16px 14px 15px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
               background-color: rgb(245, 245, 245);
           }
           .nav-padding {
               padding-top: 61px;
           }
           .listing{
               padding:10px 10px 10px 10px;
               color: #000000;
           }
           .single{
               margin-top: 20px;
           }
           .group{
               border: 2px solid #000000;
               border-radius: 5px 5px 0px 0px;
           }
           .group a{
               text-decoration: none;
           }
           .profile-image{
               width: 100%;
               height: auto;
           }
           .no-margin{
               margin: 0;
           }
           .single:hover .listing{
               background-color: #000000;
               color: #FFF;
           }
           .go-bold{
               font-weight: 700;
           }
           
           .go-section{
               padding: 40px 0px;
               min-height: 290px;
               /* margin-bottom: 35px; */
           }
           .profile-section{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-section h3{
               margin-top: 10px;
           }
           .contact-info{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-contact{
               margin: 5px 0px;
               padding: 0px 0px 10px 0px;
               /*border-bottom: 1px solid #DDD;*/
           }
           .profile-social{
               padding: 5px;
           }
           .profile-group{
               margin-bottom: 20px;
           }
           .specialities{
               width: 100%;
               margin-bottom:30px;
           }
           .specialitie{
               float: left;
           }
           .qualifications{
            list-style: none;
            padding: 0;
            margin-bottom:30px;
           }
           .qualification{
               padding: 5px 0px;
               list-style: none;
           }
           .qualification strong{
               width: 30%;
               float: left;
           }
           .qualification span{
               width: 70%;
               float: left;
           }
           .awards-section{
               margin-bottom: 40px;
           }
           .awards h5{
               font-weight: 600;
           }
           .awards p{
               font-weight: 500;
           }
           .banner-300x250{
               max-width:100%;
           }
           .banner-728x90{
               max-width:100%;
           }
           .cats{
               margin-top: 20px;
           }
           
           /*Contact Form CSS*/
           
               input.error{
                 border: 1px solid #e40606;
               }
               input.error:focus{
                 border: 1px solid #e40606;
               }
               select.error{
                 border: 1px solid #e40606;
               }
               select.error:focus{
                 border: 1px solid #e40606;
               }
               textarea.error{
                 border: 1px solid #e40606;
               }
               textarea.error:focus{
                 border: 1px solid #e40606;
               }
               .errorMsg{
                 padding: 0;
                 margin: 0;
                 color: #e40606;
               }
               .capcha{
                 margin-top: 6px;
               }
               #capchaError{
                 margin-top:  6px;
               }
               .gologo{
           
               padding: 10px;
           }
           .headad{
               padding: 10px;
           }
           /*Footer Styles*/
           footer{
               background-color: #000000;
               padding: 20px 50px;
               color: #FFF;
           }
           .address p{
                   margin: 0px;
           }
           .socicon{
               padding: 50px 0px;
           }
           .socicon a{
               color: #FFF;
               text-align: center;
               line-height: 45px;
               display: inline-block;
               font-size: 25px;
               width: 45px;
               height: 45px;
               border: 1px solid #FFF;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
           
               margin: 0 3px 10px
           }
           
           .facebook:hover{
               color: #FFF;
               border: 1px solid #3b5998;
               background: #3b5998;
           }
           .google:hover{
               color: #FFF;
               border: 1px solid #d34836;
               background: #d34836;
           }
           .twitter:hover{
               color: #FFF;
               border: 1px solid #0084b4;
               background: #0084b4;
           }
           .linkedin:hover{
               color: #FFF;
               border: 1px solid #0077B5;
               background: #0077B5;
           }
           #related-products{
               margin-bottom: 30px;
           }
           
           .c-line{
               border-top: 1px solid #FFF;
               margin: 10px 0px;
           }
           .btn-genius{
               border:1px solid #CCC;
               padding-top: 20px;
               padding-bottom: 20px;
               color: #161616;
               border-radius: 0;
               font-size: 17px;
           }
           .btn-genius:hover{
               color: #FFF;
               background-color: #0048B3;
           }
           .marginbottom{
               margin-bottom: 31px;
           }
           .login a, .login a:link, .login a:visited, .login a:active, .login a:hover{
               color: #fd3535;
           }
           
           .footerlink a, .footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover{
               color: #FFF;
           }
           
           .btn-ocean{
               border:1px solid #ddd;
               background-color: #ddd;
               color: #000000;
               font-weight: 700;
               font-size: 15px;
           }
           .btn-ocean:hover{
               color: #FFF;
               border:2px solid #ddd;
               background-color: transparent;
           }
           
           .gologo img{
               max-width: 100%;
           }
           
           .navbar-toggle{
               background-color: #FFF;
           }
           
           @media screen and (max-width: 991px) {
               .address{
                  text-align: center;
               }
               .about{
                  text-align: center;
               }
           
           }
           
           .carousel-caption{
               text-align:left;
           
           }
           .carousel-caption h3{
               font-size: 30px;
           }
           .carousel-caption p{
               font-size: 40px;
           }
           .carousel-caption {
               right: 20%;
               left: 10%;
               padding-bottom: 10%;
           }
           
           @media screen and (max-width: 1199px) and (min-width: 767px) {
               .button.style-10{
                   padding: 10px 20px;
               }
               .col-item .info{
                   padding:0!important;
               }
           }
           
           
           @media screen and (max-width: 550px) and (min-width: 451px) {
               .product{
                   width:100%;
               }
               .col-item .photo img{
                   height:580px!important;
               }
           }
           @media screen and (max-width: 450px) {
               .product{
                   width: 50%;
                   padding-left: 3px;
                   padding-right: 0px;
               }
               .col-item .photo img{
                   height: 130px;
                   border-radius: 6px 6px 0px 0px;
                   /* border: 1px #11b7c4 solid; */
               }
           }
           @media screen and (max-width: 767px) {
               .nav-overflow ul > li >a:hover{
               color:#fff;
           }
           .navbar-brand > img {
               max-width: 200px;
           }
               .carousel-caption h3{
                   font-size: 15px;
               }
               .carousel-caption p{
                   font-size: 20px;
               }
                   .qualification strong{
               width: 100%;
               float: left;
           }
           .qualification span{
               width: 100%;
               float: left;
           }
           .qualification{
               padding: 25px 0px;
               list-style: none;
           }
           }
           @media screen and (min-width: 768px) {
               .gologo{
               
               padding: 40px 10px 10px 80px;
           }
           .headad{
               padding: 10px 60px 10px 10px;
           }
               .carousel-caption {
                   right: 20%;
                   left: 10%;
                   padding-bottom: 10%;
               }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             max-height: 500px;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
               .navbar-bootsnipp .navbar-brand {
                   font-size: 20px;
                   height: auto;
                   padding: 20px 5px;
               }
               .navbar-bootsnipp .navbar-nav > li > a {
                   font-size: 16px;
               }
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
                   border-bottom-width: 5px;
                   border-left-width: 0px;
                   padding-bottom: 10px;
               }
           
               .navbar-bootsnipp .navbar-nav > li.disabled > a {
                   padding-left: 10px;
                   padding-right: 10px;
               }
           
           
               .navbar-bootsnipp .bootsnipp-search {
                   background-color: rgb(235, 235, 235);
                   display: block;
                   position: absolute;
                   top: 100%;
                   width: 100%;
                   -webkit-transform: rotateX(-90deg);
                   -moz-transform: rotateX(-90deg);
                   -o-transform: rotateX(-90deg);
                   -ms-transform: rotateX(-90deg);
                   transform: rotateX(-90deg);
                   -webkit-transform-origin: 0 0 0;
                   -moz-transform-origin: 0 0 0;
                   -o-transform-origin: 0 0 0;
                   -ms-transform-origin: 0 0 0;
                   transform-origin: 0 0 0;
                   visibility: hidden;
               }
               .navbar-bootsnipp .bootsnipp-search.open {
                   -webkit-transform: rotateX(0deg);
                   -moz-transform: rotateX(0deg);
                   -o-transform: rotateX(0deg);
                   -ms-transform: rotateX(0deg);
                   transform: rotateX(0deg);
                   visibility: visible;    
               }
               .navbar-bootsnipp .bootsnipp-search > .container {
                   padding: 0px;
               }    
           }
           
           /*The Left Sidebar Styles*/
           
           /* MENU-LEFT
           -------------------------- */
           /* layout */
           
           .allcats{
               padding-bottom: 15px;
               text-align: center;
               color: #fff;
           }
           
           #left{
               margin-bottom: 15px;
           }
           
           #left ul.nav {
               margin-bottom: 2px;
               font-size: 12px; /* to change font-size, please change instead .lbl */
           }
           #left ul.nav ul,
           #left ul.nav ul li {
               list-style: none!important;
               list-style-type: none!important;
               margin-top: 1px;
               margin-bottom: 1px;
           }
           #left ul.nav ul {
               padding-left: 0;
               width: auto;
           }
           #left ul.nav ul.children {
               padding-left: 12px;
               width: auto;
           }
           #left ul.nav ul.children li{
               margin-left: 0px;
           }
           #left ul.nav li a:hover {
               text-decoration: none;
           }
           
           #left ul.nav li a:focus {
               text-decoration: none;
               background-color: transparent;
           }
           
           #left ul.nav li a:hover .lbl {
               /*color: #999!important;*/
           }
           
           #left ul.nav li.current>a .lbl {
               /*background-color: #999;*/
               color: #fff!important;
           }
           
           /* parent item */
           #left ul.nav li.parent a {
               padding: 0px;
               color: #fff;
               text-align: center;
           }
           #left ul.nav>li.parent>a {
               border-bottom: solid 2px #fff;
               text-transform: uppercase;
               margin-bottom: 5px;
               border-top: solid 2px #fff;
               border-radius: 17px;
           }
           #left ul.nav li.parent a:hover {
               background-color: #f76471;
               /*-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
           }
           
           /* link tag (a)*/
           #left ul.nav li.parent ul li a {
               color: #fff;
               border: none;
               display:block;
               padding-left: 5px;
           }
           
           #left ul.nav li.parent ul li a:hover {
               background-color: #fff;
               -webkit-box-shadow:none;
               -moz-box-shadow:none;
               box-shadow:none;
           }
           
           /* sign for parent item */
           #left ul.nav li .sign {
               display: inline-block;
               width: 25px;
               padding: 5px 8px;
               background-color: transparent;
               color: #222;
           }
           #left ul.nav li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #999;*/
               color: #fff;
           }
           
           /* label */
           #left ul.nav li .lbl {
               padding: 5px 12px;
               display: inline-block;
           }
           #left ul.nav li.current>a>.lbl {
               color: #fff;
           }
           #left ul.nav  li a .lbl{
               font-size: 12px;
           }
           
           /* THEMATIQUE
           ------------------------- */
           /* theme 1 */
           #left ul.nav>li.item-1.parent>a {
               /*border: solid 1px #ff6307;*/
           }
           #left ul.nav>li.item-1.parent>a>.sign,
           #left ul.nav>li.item-1 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ff6307;*/
           }
           #left ul.nav>li.item-1 .lbl {
               /* color: #ff6307; */
               font-size: 15px;
           }
           #left ul.nav>li.item-1 li.current>a .lbl {
               /*background-color: #ff6307;*/
               color: #fff!important;
           }
           
           /* theme 2 */
           #left ul.nav>li.item-8.parent>a {
               border: solid 1px #51c3eb;
           }
           #left ul.nav>li.item-8.parent>a>.sign,
           #left ul.nav>li.item-8 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #51c3eb;
           }
           #left ul.nav>li.item-8 .lbl {
               color: #51c3eb;
           }
           #left ul.nav>li.item-8 li.current>a .lbl {
               background-color: #51c3eb;
               color: #fff!important;
           }
           
           /* theme 3 */
           #left ul.nav>li.item-15.parent>a {
               border: solid 1px #94cf00;
           }
           #left ul.nav>li.item-15.parent>a>.sign,
           #left ul.nav>li.item-15 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #94cf00;
           }
           #left ul.nav>li.item-15 .lbl {
               color: #94cf00;
           }
           #left ul.nav>li.item-15 li.current>a .lbl {
               background-color: #94cf00;
               color: #fff!important;
           }
           
           /* theme 4 */
           #left ul.nav>li.item-22.parent>a {
               /*border: solid 1px #ef409c;*/
           }
           #left ul.nav>li.item-22.parent>a>.sign,
           #left ul.nav>li.item-22 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ef409c;*/
           }
           #left ul.nav>li.item-22 .lbl {
               /*color: #ef409c;*/
           }
           #left ul.nav>li.item-22 li.current>a .lbl {
               /*background-color: #ef409c;*/
               color: #fff!important;
           }
           
           .filter-option{
               border-color: #ffffff!important;
               color: #d53435!important;
           }
           .control{
           height: 50px;
       }
           .hom{
           width: 27px;
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           }
           .set{
               width: 22px;
               float: right;
               margin-top: -25px;
               margin-right: 15px;
           }
           @font-face {
               font-family: ramifont;
               src: url(http://mcroshop.com/ramifont.tff);
           }
           .related{
               width: 136px;
               margin-left: 30%;
           }
           .noresul{
               width: 70%;
               margin-left: 15%;
               margin-top: 25%;
           }
           .nocomment{
               width: 50%;
               margin-top: -6%;
               margin-left: 25%;
           }
           .yourreqdone{
               
           }
           .bunnerh{
                   margin-top: 6px;
               width: 96%;
               margin-left: 7px;
               border: 1px #db2d4b solid;
               border-radius: 6px;
           }
           .cate{
               width: 160px;
           }
           
           div.category {
           }
           
           div.category a {
               display: inline-block;
               text-align: center;
               padding: 0px;
               text-decoration: none;
           }
           
           div.category a:hover {
           }
           .produc{
               width: 100px;
               background-color: #fff;
               height: 168px;
               border-radius: 5px;
               margin-left: 3%;
               float: left;
           }
           .imgproduct{
           }
           
           
           .productslide {
             width: 100%;
             height: 200px;
             display: flex;
             overflow: auto;
             white-space: nowrap;
             direction: rtl;
             padding-right: 21px;
             -webkit-scrollbar {      display: none;  };
           }
           .produc {
             flex-shrink: 0;
             width: 104px;
             background-color: #fff;
             height: 183px;
             border-radius: 11px;
             margin-left: 3%;
             border: 1px solid #11b7c4;
             float: left;
           }
           .prodtit{
               font-size: 11px;
               text-align: center;
               color: #000000;
               font-weight: bold;
               font-family: psfont;
           }
           .prodpric{
               font-size: 13px;
               text-align: center;
               margin-top: -15px;
               color: #fff;
               font-family: psfont;
           }
           .prodpric1{
               font-size: 13px;
               text-align: center;
               margin-top: 2px;
               margin-left: 29px;
               color: #fff;
               font-family: psfont;
           }
           .prodpric2{
               font-size: 18px;
               margin-top: 0px;
               margin-top: 25px;
               color: #fff;
               text-align: center;
               font-family: psfont;
               margin-left: 43px;
           }
           .lastpro{
                   width: 157px;
                   margin-left: 30%;
                   margin-top: 9px;
                   margin-bottom: 10px;
           }
           .appcateg{
               width: 167px;
               margin-left: 24%;
               margin-top: 9px;
               margin-bottom: 10px;
       }
           .bunners{
           
             width: 300px;
             height: 300px;
             display: flex;
             overflow-x: auto;
             -webkit-scroll-snap-points-x: repeat(300px);
                 -ms-scroll-snap-points-x: repeat(300px);
                     scroll-snap-points-x: repeat(300px);
             -webkit-scroll-snap-type: mandatory;
                 -ms-scroll-snap-type: mandatory;
                     scroll-snap-type: mandatory;
           }
           .brands{
               margin-left: 3px;
               width: 100%;
           }
           .appcategorrrs{
               width: 100%;
               border-top: 2px solid #e43c3c;
               margin-bottom: 23%;
               padding: 10px;
               margin-top: -117%;
           }
           .appcategorrr{
               margin-left: 3px;
               width: 31%;
               margin-bottom: 1%;
           }
           .brand{
               width: 125px;
           }
           .prodprics{
               font-size: 17px;
               text-align: left;
               margin-left: 15px;
               margin-top: 13px;
           }
           .cartproduc{
               background-color: #fff;
               height: 115px;
               width: 96%;
               margin-left: 2%;
               border-radius: 7px;
               border: 1px #19b5c2 solid;
           }
           .cartproductimg{
               height: 111px;
               border-radius: 7px 0px 0px 7px;
               border-right: 1px solid #19b5c2;
               width: 70px;
           }
           .cartprod{
           margin-bottom: 100px;
           }
           .cartproductbuttimg{
               margin-top: -43px;
               width: 40px;
               float: right;
               margin-right: 0px;
           }
           .cartprodtx{
                   text-align: center;
                   margin-top: -95px;
                   font-size: 18px;
                   font-family: psfont;
                   color: #19b5c2;
                   font-weight: bold;
                   margin-left: 48px;
           }
           .cartdete{
               width: 96%;
               background-color: #fff;
               margin-left: 2%;
               height: 104px;
               border: 1px solid #f66673;
               border-radius: 6px;
           }
           .cartbtnsl{
               width: 43%;
               float: left;
               margin-top: 25px;
               margin-left: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnsr{
               width: 43%;
               float: right;
               margin-top: 25px;
               margin-right: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnt{
               text-align: center;
               font-size: 19px;
               color: #f66673;
           }
           .cartdet{
               text-align: right;
               margin-right: 23px;
               margin-top: 11px;
               font-size: 20px;
           }
           .cartdetl{
               text-align: left;
               margin-left: 13px;
               margin-top: -21px;
               font-size: 20px;
           }
           .homebac{
               width: 105.111%;
               margin-top: 0px;
           }
           
           .title6{
               width: 44%;
               margin-top: -322%;
               margin-bottom: 147%;
               margin-left: 27%;
           }
           .navbutt{
               width: 31px;  
               position: absolute;
               margin-left: 82%;
           }
            .infobutt{
               width: 10px;
               margin-bottom: -21px;
               margin-left: 5px;
               margin-top: -15px;
            }
           .control6{
               margin-top: -81%;
           }
           
           .logo6{
               width: 54%;
               margin-top: -411%;
               margin-bottom: 148%;
               margin-left: 24%;
           }
           .menubutt{
               float: right;
               width: 33px;
               position: relative;
               margin-right: 10px;
               margin-top: 5px;
           }
           .navibutt{
               float: left;
               width: 28px;
               position: relative;
               margin-left: 10px;
               margin-top: 5px;
           }
           .rightaccountsec{
           position: absolute;
           height: 0px;
       }
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -204%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{width: 108px;margin-top: 7%;float: right;margin-right: 15%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -80%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 4%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -31%;
           margin-top: 114%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -78%;
           }
           .ras1{
               width: 108px;
               margin-top: 61%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 60%;
               margin-right: 14%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -27%;
           margin-top: 103%;
       }
       .las2{width: 108px;margin-top: 12%;float: right;margin-right: 13%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -73%;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -17.3%;
       }
       .las2{width: 108px;margin-top: -17%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
           .leftaccountsec{
               position: absolute;
               height: 0px;
           }
       .modal2 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal-content2 {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close2 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         .closeghassele {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         .close2:hover,
         .close2:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog2 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog2:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog2 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #0199ff;
           border-radius: 50%;
           border: 2px solid #0199ff;
       }
       
       .modal3 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal3-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close3 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close3:hover,
         .close3:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog3 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog3:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog3 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #f65966;
           border-radius: 50%;
           border: 2px solid #f65966;
       }
       
       
       
       .modal4 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal4-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close4 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close4:hover,
         .close4:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       .tabekk{
           width: 20%;
           border: 2px solid #e43c3c;
           height: 60px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .tabekk1{
           width: 20%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 23px 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -20px;
           width: 33px;
           margin-left: -15px;
           background-color: #24c9d6;
           border-radius: 50%;
           border: 2px solid #24c9d6;
       }
       
           
       .bunnerimg{}
   .profbutt1{
           width: 73%;
           height: 29px;
           margin-left: 12%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
   .bunnerimg{}
   .profbutt{
           width: 73%;
           height: 29px;
           margin-left: 12%;
           background-color: #ffffff;
           border: 1px solid #232323;
           border-radius: 20px;
           color: #d44040;
       }
       .carttabek{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: 46%;
           background-color: #24c9d6;
       }
       .carttabekghaseely{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: 7%;
           background-color: #24c9d6;
       }
       .carttabekcheackout{
           width: 99%;
           border: 2px solid #3d3d3d;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           color: #ffffff;
           z-index: 10;
           margin-top: 19px;
           background-color: #ff4040;
       }
       .carttabekghazkm{
           width: 92%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 4%;
           z-index: 10;
           margin-top: 20px;
           background-color: #24c9d6;
       }
       .carttabek1{
           width: 94%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           border-radius: 8px;
           margin-bottom: 10px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #fd3535;
       }
       
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -205%;
           }
           .ras1{
               width: 108px;
               margin-top: 114%;
               margin-left: 12%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 113%;
               margin-right: -23%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 13%;
           margin-top: 183%;
       }
       .las2{width: 108px;margin-top: 182%;float: right;margin-right: -22%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -203%;
           }
           .ras1{
               width: 108px;
               margin-top: 130%;
               margin-left: 29%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 129%;
               margin-right: -44%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 29%;
           margin-top: 199%;
       }
       .las2{width: 108px;margin-top: 197%;float: right;margin-right: -44%;}
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -202%;
               margin-bottom: 71px;
           }
           .ras1{
               width: 108px;
               margin-top: 121%;
               margin-left: 30%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 118%;
               margin-right: -60%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 30%;
           margin-top: 188%;
       }
       .las2{width: 108px;margin-top: 188%;float: right;margin-right: -60%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -198%;
               margin-bottom: 160px;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -16%;
       }
       .las2{width: 108px;margin-top: -16%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: aleft;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       .brand{
           width: 77px;
       }
       .catetitle{}
       .aboutitlee1{color: #22b8c4;width: 225px;text-align: right;font-size: 14px;float: right;margin-top: 9px;font-family: psfont;}
.catetitleh1{te;ht;font-size;t;}
       .catetitleimg{width: 16px;}
       div.brands {
           overflow: auto;
           white-space: nowrap;
           direction: rtl;
           margin-top: 5px;
           margin-left: -20px;
           margin-bottom: -19px;
       }
       
       div.brands a {
           display: inline-block;
           text-align: center;
           padding: 1px;
           text-decoration: none;
       }
       
       div.brands a:hover {
       }
       #element::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: block;
       }
       .services{width: 33%;}
       .servimg{
       
       }
       .servh1{
           
       }
       .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       @font-face {
           font-family: psfont;
           src: url(../font/1.ttf);
         }
       
         .sidenav {
           height: 100%; /* 100% Full-height */
           width: 0; /* 0 width - change this with JavaScript */
           position: fixed; /* Stay in place */
           z-index: 31; /* Stay on top */
           top: 0; /* Stay at the top */
           top: 0;
           right: 0;
           background-color: #19b5c2; /* Black*/
           overflow-x: hidden; /* Disable horizontal scroll */
           padding-top: 60px; /* Place content 60px from the top */
           transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
         }
         
         /* The navigation menu links */
         .sidenav a {
           padding: 8px 8px 8px 32px;
           text-decoration: none;
           font-size: 25px;
           color: #ffffff;
           display: block;
           transition: 0.3s;
         }
         
         /* When you mouse over the navigation links, change their color */
         .sidenav a:hover {
           color: #f1f1f1;
         }
         
         /* Position and style the close button (top right corner) */
         .sidenav .closebtn {
           position: absolute;
           top: 0;
           left: -82px;
           font-family: psfont;
           font-size: 43px;
           margin-top: 4px;
           margin-left: 60px;
         }
         
         /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
         #main {
           transition: margin-left .5s;
           padding: 20px;
         }
         Q
         /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
         @media screen and (max-height: 450px) {
           .sidenav {padding-top: 15px;}
           .sidenav a {font-size: 18px;}
         }
         .menubutton1{margin-top: -31px;}
         .menubutton2{margin-top: 45px;}
         .menubutton3{margin-top: 45px;}
         .menubutton4{margin-top: 45px;}
         .menubutton5{margin-top: 45px;}
         .menubutton6{margin-top: 45px;}
         .menbuttimg{float: right;width: 54px;margin-top: -24px;margin-right: 12px;}
         .menbutttext{color: #fff;font-family: psfont;font-size: 14px;text-align: right;margin-right: 70px;}
       .menubuttons{
           
       }
       .signinnh1{text-align: right;margin-right: 25px;font-family: psfont;font-size: 20px;color: #19B5C2;}
       .backbutt{
           float: left;
           width: 22px;
           margin-top: -4px;
           margin-left: 20px;
       }
       .backbutt1{
           float: left;
           width: 22px;
           margin-top: 18px;
           margin-left: 20px;
       }
       .signbutt{width: 180px;height: 42px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;border-radius: 40px;color: #ffffff;}
       .regggggh1{text-align: center;font-size: 12px;font-family: psfont;}
   .regggggh1link{
       text-align: center;
       font-size: 12px;
       font-family: psfont;
       color: #3d3d3d;
       margin-top: 6px;
   }
   .regggggh2link{
       text-align: left;
       font-size: 12px;
       font-family: psfont;
       color: #3d3d3d;
       margin-left: -8%;
       float: left;
       margin-top: -24px;
   }    .nameintheamidd{
           width: 89%;
           text-align: center;
           font-size: 17px;
           margin-top: 26px;
           color: #24c9d6;
           font-family: psfont;
       }
       .buttonbottmaa1{
           background-color: #19B5C2;
           width: 43%;
           height: 43px;
           border-radius: 6px;
           padding: 10px 0px 0px 0px;
           margin-left: 51%;
           bottom:0;
           margin-bottom: 10px;
           float: left;
       }
       .buttonbottmaa2{
           background-color: #19B5C2;
           width: 43%;
           height: 43px;
           border-radius: 6px;
           padding: 10px 0px 0px 0px;
           margin-left: 5%;
           float: right;
           bottom:0;
       }
       .buttonbottmaaa1{color: #fff;font-family: psfont;text-align: center;margin-left: 27%;}
       .buttonbottmaaa2{color: #fff;font-family: psfont;text-align: center;margin-left: 14%;}
       .shippdetiil{
           text-align: right;
           font-size: 14px;
           font-family: psfont;
           margin-bottom: 10px;
           margin-right: 13px;
       }
       .shippdetiilss{
           text-align: right;
           font-size: 14px;
           font-family: psfont;
           margin-bottom: 10px;
           margin-right: 13px;
       }
       .butt{
           width: 100%;
           margin-left: 0%;
           margin-top: 15px;
       }
       .buttpromo{
           width: 92%;
           margin-left: 4%;
           margin-top: 15px;
       }
       .butt1{
           width: 100%;
           margin-left: 0%;
           height: 100px;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .selecttime{width: 100%;height: 124px;border: 1px solid #24c9d6;border-radius: 10px;}
       .selecttime1{width: 94%;height: 124px;border: 1px solid #24c9d6;border-radius: 10px;margin-left: 3%;}
       
       .selecttimeh1{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh22{
           font-size: 12px;
           float: right;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           margin-top: -9px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh21{
           font-size: 12px;
           margin-top: 10px;
           float: right;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .ratingdiv{margin-bottom: 110px;height: 51px;width: 124%;padding: 10px 10px 0px 0px;margin-left: -12%;margin-bottom: 52px;margin-top: -21px;}
       .ratingh1{
           background-color: #11b7c4;
           padding: 10px 0px 0px 9px;
           font-size: 19px;
           font-family: psfont;
           width: 50px;
           margin-top: -10px;
           float: right;
           color: #fff;
           border-radius: 5px;
       }
       .ratingdes{
           font-family: psfont;
           text-align: right;
           font-size: 17px;
           margin-right: 62px;
           margin-top: 8px;
       }
       .ratingdesr{
           font-family: psfont;
           text-align: left;
           font-size: 13px;
           color: #3b3b3b;
           margin-top: 10px;
       }
       .ghazimg12{width: 100%;height: 80px;padding: 13px;border-radius: 11px;margin-top: -11px;}
       
       .ghaztitle{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 17px;
       }
       .buttw{
           width: 94%;
           direction: rtl;
           margin-left: 3%;
       }
       .buttghaz{
           width: 90%;
           direction: rtl;
           margin-left: 5%;
       }
       .butt1w{
           height: 100px;
           width: 94%;
           margin-left: 3%;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .ghassele{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 10px;
       }
       .ghsseleno3img{
           
       }
       .categoryss{margin-top: 80px;}
       .maincategory{
       
       }
       .maincategorytxt{background-color: #ececec;font-family: psfont;text-align: right;font-size: 15px;color: #24c9d6;padding: 17px 12px 8px 0px;}
       .childcategorytxt{
           font-family: psfont;
           text-align: right;
           font-size: 14px;
           padding: 0px 17px;
           margin-top: 20px;
       }
       .ghasseleydiv1{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 4%;margin-top: 60px;}
       .ghasseleyimg{
           width: 40%;
           margin-left: 30%;
           margin-top: 16px;
       }
       .ghasseleydiv2{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 51%;margin-top: -156px;}
       .pricess1{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           float: left;
           margin-left: 15%;
           margin-top: 11px;
       }
       .pricess2{
           float: right;
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-right: 13%;
           margin-top: 12px;
       }
       .optionh1{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;font-size: 18px;height: 32px;margin-left: 9%;border-radius: 7px;width: 35%;}
       .option1{font-size: 18px;padding: 0;padding-top: 12px;font-family: psfont;}
       .option2{font-size: 18px;padding: 0;padding-top: 11px;font-family: psfont;}
       .optionh2{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;height: 32px;font-size: 18px;float: right;margin-right: -30%;border-radius: 7px;width: 35%;}
       .ghasseleyimginmodal{
           background-color: #24c9d6;
           border-radius: 23px;
           padding: 20px;
           width: 100%;
       }
       .pricesss{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-top: 20px;
       }
       .inpubutton{
           width: 100%;
           height: 80px;
           background-color: #fff;
           border: 1px;
       }
       .activerr, .ghazimg:hover{background-color: #24c9d6;}
       .inputdivbutt1{
           width: 44%;
           margin-left: 3%;
       }
       .inputdivbutt2{
           width: 44%;
           margin-right: 3%;
           float: right;
           margin-top: -109px;
       }
       .brandfouwed{width: 80%;margin-top: 81px;margin-left: 10%;}
       .brandfouwed1{width: 110px;float: left;}
       .brandfouwed2{
           width: 110px;
           float: right;
       }
       .ourservicess{
           margin-top: 70px;
           margin-left: 2%;
           width: 96%;
       }
       .center{
           width: 150px;
           margin: auto;
           margin-top: -3px;
           }
           .quantghazkm{
               width: 90%;
               margin: auto;
               margin-top: -3px;
               margin-bottom: 13px;
               }
           .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .serviceetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 32%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceee1{
           width: 32%;
           float: right;
       }
       .serviceee2{
           width: 32%;
           margin-left: 34%;
       }
       .serviceee3{
           width: 32%;
           float: left;
           margin-top: -25.4%;
       }
       .inpughassely{
           width: 100%;
           height: 60px;
           background-color: #0000;
           border: 1px;
       }
       .selectorforghaseely{
           width: 100%;
           margin-top: 10px;
           direction: rtl;
           height: 34px;
           color: #1a939c;
           border: 1px solid #20b2bd;
           border-radius: 6px;
           font-size: 10px;
           padding: 7px 8px 0px 0px;
           font-family: psfont;
       }
       .buttonhajsghaseely{
           margin: auto;
           display:block;
           width: 90%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           z-index: 10;
           margin-top: 11px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .ghaselytitle1{text-align: center;border: 1px solid #2dbac7;padding: 12px 0px 0px;font-size: 14px;height: 33px;margin-top: 47px;color: #21b7c4;margin-left: 4%;width: 92%;font-family: psfont;border-radius: 30px;}
       .ghaselytitle2{text-align: center;border: 1px solid #2dbac7;margin-top: 31px;padding: 12px 0px 0px;font-size: 14px;height: 33px;color: #21b7c4;margin-left: 4%;width: 92%;font-family: psfont;border-radius: 30px;}
       .activer, .ghaselytitle1:hover{background-color: #24c9d6;color: #fff;}
       .activer, .ghaselytitle2:hover{background-color: #24c9d6;color: #fff;}
       
       .inputdivbuttghassele1{margin-top: -24px;}
       .inputdivbuttghassele2{margin-top: -18px;}
       .ghaseelybuttoncheack{
           margin: auto;
           display: block;
           width: 90%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           z-index: 10;
           margin-top: 11px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .loadmorebuttonnnn{
           border: 1px;
           background-color: #0075c7;
           height: 30px;
           width: 110px;
           font-family: psfont;
           color: #fff;
           padding: 10px;
           margin: auto;
           display:block;
           font-size: 10px;
           margin-bottom: 20px;
           border-radius: 7px;
       }
       .mragaaadd{
           padding: 12px;
           margin-bottom: 14px;
           font-size: 15px;
           color: #ffffff;
           font-weight: 700;
           float: right;
           padding-right: 8px;
           margin-right: 0%;
           width: 100%;
           height: 31px;
           text-align: center;
           background-color: #ff4040;
           font-family: psfont;
           vertical-align: middle;
           border-radius: 19px;
           margin-top: -60px;
           border-right: 4px solid #252525;
           border-left: 4px solid #252525;
       }
       .mragaaadda{
           padding: 12px;
           margin-bottom: 14px;
           font-size: 15px;
           color: #ffffff;
           font-weight: 700;
           float: right;
           padding-right: 8px;
           margin-right: 0%;
           width: 100%;
           height: 31px;
           text-align: center;
           background-color: #ff4040;
           font-family: psfont;
           vertical-align: middle;
           border-radius: 19px;
           margin-top: -18px;
           border-right: 4px solid #252525;
           border-left: 4px solid #252525;
       }
       .nshrmragate{margin: auto;display: block;width: 100%;height: 42px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;margin-top: -12px;margin-bottom: 21px;border-radius: 6px;color: #ffffff;background-image: linear-gradient(to right, #ff4040 0%, #ff4040 100%);}
       .mragaainputs{
           border-radius: 12px;
       }
       .nameta3leg{
           text-align: right;
           font-family: psfont;
           font-size: 11px;
           color: #ffffff;
       }
       .alta3lekalns{
           text-align: right;
           font-family: psfont;
           margin-right: 15px;
           font-size: 10px;
           margin-top: 25px;
           margin-bottom: 10px;
           color: #fff;
       }
       .selectorrrdive{
           display: none;
       }
       .alta3lekal3aaam{
           border: 1px solid #000000;
           padding: 10px 0px 0px 0px;
           border-radius: 12px;
           margin-bottom: 10px;
           height: auto;
           background-color: #0000008f;
           min-height: 66px;
       }
       
       .rateeeggef{
           float: right;
           margin-left: -4%;
           margin-top: 3%;
       }
       .bookdatetext1{font-family: psfont;font-size: 13px;text-align: right;margin-top: 14px;}
       .bookdatetext2{font-family: psfont;font-size: 13px;text-align: right;width: 100px;float: right;margin-top: 12px;}
       .selectdateinputu{
           width: 12%;
           margin-top: 3px;
           direction: rtl;
           background-color: #fff;
           border: #fff;
           color: #24c9d6;
           margin-left: 7%;
       }
       .buttoncheackoutt{
           margin: auto;
           display: block;
           width: 58.5%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-right: 2.5%;
           float: right;
           margin-top: 19px;
           margin-bottom: 51px;
           border-radius: 6px;
           color: #ffffff;
           background-color: #3d3d3d;
       }
       .buttoncheackouttghaz{
           margin: auto;
           display: block;
           width: 100%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-top: 41px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .buttoncheackouttghassely{
           margin: auto;
           display: block;
           width: 100%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-top: 41px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .chaeckoutinfoo1{font-family: psfont;font-size: 10px;}
       .chaeckoutinfoo2{
           font-family: psfont;
           font-size: 9px;
           text-align: right;
       }
       .tatbekpromo{
           font-family: psfont;
           font-size: 12px;
           margin-top: -20px;
           margin-left: 28px;
           width: 70px;
       }
       .messageefd{
           visibility: hidden;
       }
       .modalnonee{
           z-index: -1;
       }
       .headerimg{
           
           width: 100px;
               
           float: right;
               
           margin-top: -118px;
               
           margin-right: 14px;
               
           }
                   .headrh1right1{
                   
               width: 100%;
                   
               text-align: center;
                   
               margin-top: 40px;
                   
               font-size: 19px;
                   
               font-family: psfont;
                   
               color: #329ca5;
                   }
                   .headrh1right2{
                       
               width: 100%;
                       
               text-align: center;
                       
               font-size: 15px;
                       
               font-family: psfont;
                       
               margin-top: -15px;
                   }
                   @font-face {
                 font-family: psfont;
                 src: url(assist/1.ttf);
               }
               
               .headrh1left1{
           
               }
               .headerimgleft{
               
           width: 100px;
               
           float: left;
               
           margin-top: -117px;
               
           margin-left: 14px;
           }
           .zapon{
           
           text-align: right;
           
           margin-top: -84px;
           
           font-family: psfont;
           
           font-size: 18px;
           
           margin-right: 9%;
           }
           .pointsngat{
           
           }
           .almhtrmc{
           
           margin-top: 60px;
           
           font-family: psfont;
           
           font-size: 18px;
           
           margin-left: 27px;
           }
           .namecoustmeer{
               
           margin-top: 93px;
               
           margin-left: 6%;
           }
           .invnumberr{
               
       text-align: right;
               
       font-family: psfont;
               
       font-size: 15px;
               
       margin-right: 8%;
               
       margin-top: 16px;
           }
           .invnumberl{
               
       text-align: left;
               
       font-family: psfont;
               
       font-size: 15px;
               
       margin-left: 28%;
               
       margin-top: -43px;
               }
               .productsss{
       
       border: 1px solid;
       
       width: 95%;
       
       border-radius: 10px;
       
       margin-left: 2%;
       
       height: 41px;
       }
               .rkmmntg{
       
       width: 5%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       text-align: right;
       
       float: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 14px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .ismalmntg{
       
       width: 25%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       text-align: end;
       
       float: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 59px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .s3ralmfrd{
       
       width: 25%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       float: right;
       
       text-align: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 58px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .al3dd{
                   
       width: 19%;
                   
       font-family: psfont;
                   
       font-size: 14px;
                   
       float: right;
                   
       margin-right: -16px;
               }
               
       
               .productsss1{
       
       border: 1px solid;
       
       width: 95%;
       
       border-radius: 10px;
       
       margin-left: 2%;
       
       min-height: 41px;
       
       margin-top: 14px;
       
       }
                           .rkmmntg1{
                   
                   width: 5%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   text-align: right;
                   
                   float: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 14px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .ismalmntg1{
                   
                   width: 25%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   text-align: end;
                   
                   float: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 59px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .s3ralmfrd1{
                   
                   width: 25%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   float: right;
                   
                   text-align: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 58px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .al3dd1{
                               
                   width: 19%;
                               
                   font-family: psfont;
                               
                   font-size: 14px;
                               
                   float: right;
                               
                   margin-right: -16px;
                           }
                           
       
       
       
                           .gocover {background: url("../images/loader.gif") no-repeat scroll center center rgba(45, 45, 45, 0.5);
           display:none;
           position: absolute;
           height: 100%;
           width: 100%;
           z-index: 9999;
           }
           body{
               background-color: #ffffff;
           }
           .closeico{
               width: 28px;
               margin-right: -7px;
             }
             .icon1{
               margin-left: -60%;
               margin-bottom: -22px;
             }
             .modal {
               display: none; 
               position: fixed; 
               z-index: 1;
               left: 0;
               top: 0;
               width: 100%; 
               height: 100%; 
               overflow: auto; 
               background-color: rgb(0,0,0); 
               background-color: rgba(0,0,0,0.4); 
             }
             
             .modal-content {
               background-color: #fefefe;
               padding: 11px;
               border: 5px solid #ff4040;
               width: 80%;
               margin-left: 9%;
               margin-top: 16px;
             }
             
             .close {
               color: #aaa;
               float: right;
               font-size: 28px;
               font-weight: bold;
             }
             
             .close:hover,
             .close:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
             }
             .modalDialog {
               position: fixed;
               font-family: Arial, Helvetica, sans-serif;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity:0;
               -webkit-transition: opacity 400ms ease-in;
               -moz-transition: opacity 400ms ease-in;
               transition: opacity 400ms ease-in;
               pointer-events: none;
           }
           .modalDialog:target {
               opacity:1;
               pointer-events: auto;
           }
           
           .modalDialog > div {
               width: 87%;
               margin: 10% auto;
               padding: 0px 20px 13px 20px;
               border-radius: 10px;
               background: #fff;
               background: -moz-linear-gradient(#fff, #999);
               background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
               background: -o-linear-gradient(#fff, #999);
               margin-top: 39px;
           }
           .closeimg{
               margin-top: -17px;
               width: 40px;
               position: absolute;
               margin-left: -26px;
               background-color: #fb8791;
               border-radius: 50%;
               border: 2px solid #f55462;
           }
           #cover {
                 background: url(../images/box.gif) no-repeat scroll center center #fff;
                 position: fixed;
                 height: 100%;
                 width: 100%;
                 background-size: 50px;
                 z-index: 9999;
               }
           
           
           .go-section .container{
               margin-top: 50px;
           }
           .home-section{
               max-width: 400px;
               margin-top: 10%;
               padding-bottom: 5%
           }
           .home-section p{
               color: #ffffff;
           }
           .home-section h1{
               color: #ffffff;
           }
           
           .help-block strong{
               color: red;
           }
           .form-control,.btn{
               border-radius: 30px;
           }
           
           /*User Account CSS Start*/
           
           .tabs > li{
               margin-bottom: 10px;
               width: 100%;
           }
           .tabs li a{
               color: #000000;
               line-height: 20px;
           }
           
           .tabs > li.active{
               color: #FFF;
               background-color:  #000000;
           }
           
           .tabs > li.active a{
               color: #FFF;
           }
           
           .tabs > li.active:focus a{
               color: #FFF;
           }
           
           .tabs > li:hover{
               background-color:  #000000;
               color: #FFF;
           }
           .tabs > li:hover a{
               color: #FFF;
           }
           
           
           /*Service Section CSS Start*/
           .go-services{
           margin-top:70px;
           }
           .service-list{
               width:100%;
               float:left;
               height:auto;
               margin:0 0 30px;
               padding:20px 20px 15px;
               background:#faf9f9;
               border: 1px solid #ddd;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover{
               border: 1px solid #000000;
           }
           .service-list img {
               padding: 10px;
               height: 80px;
               width: 80px;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               background-color: #000000;
           }
           .service-list .fa {
               border: none;
               font-size: 30px;
               height: auto;
               line-height: 80px;
               margin: 0 0 10px;
               vertical-align: middle;
               width: 80px;
               color:#000000;
               background:#fff;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover .fa{
               background:#000000;
               color:#fff;
           }
           .service-list h3{
               margin-top: 0;
           }
           
           
           /*Service Section CSS End*/
           
           /*Genius Testimonial CSS Start*/
           .testimonials {
               position: relative;
               padding-top: 80px;
           }
           .testimonials:after {
               content: '';
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               width: 100%;
               height: 30%;
           }
           
           #customers-testimonials .item-details {
               color: #fff;
               padding: 20px 20px;
               text-align: left;
           }
           #customers-testimonials .item-details h5 {
               color: #010101;
               margin: 15px 0 0;
               font-size: 18px;
               line-height: 18px;
           }
           #customers-testimonials .item-details h5 span {
               color: red;
               float: right;
               padding-right: 20px;
           }
           #customers-testimonials .item-details p {
               font-size: 14px;
               color: #6f6f6f;
           }
           #customers-testimonials .item-details .ctext {
               font-size: 14px;
               color: #6f6f6f;
               font-style: italic;
           }
           
           #customers-testimonials .item {
               text-align: center;
               margin-bottom: 80px;
               border: 1px solid #DDD;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           #customers-testimonials .item:hover {
               border: 1px solid #000000;
           }
           
           #customers-testimonials .item .fa{
               border-bottom: 1px solid #ddd;
               font-size: 40px;
               padding: 20px 45px;
           }
           .owl-carousel .owl-nav [class*='owl-'] {
               -webkit-transition: all .3s ease;
               transition: all .3s ease;
           }
           
           .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
               background-color: #D6D6D6;
           }
           
           .owl-carousel {
               position: relative;
           }
           
           .owl-carousel .owl-next,
           .owl-carousel .owl-prev {
               width: 50px;
               height: 50px;
               line-height: 50px;
               /*border-radius: 50%;*/
               position: absolute;
               top: 30%;
               font-size: 30px;
               color: #000000;
               /*border: 1px solid #000000;*/
               text-align: center;
           }
           
           .owl-carousel .owl-prev {
               left: -40px;
           }
           
           .owl-carousel .owl-next {
               right: -40px;
           }
           
           /*Genius Testimonial CSS END*/
           
           .go-products{
               margin-top:40px;
           }
           
           .home-tab > li, .nav-pills > li {
               float:none;
               display:inline-block;
           }
           
           .home-tab {
               text-align:center;
           }
           
           .go-top {
               /* width: auto; */
               float: right;
               /* height: auto; */
               position: fixed;
               right: 15px;
               bottom: 15px;
               z-index: 999;
               text-align: center;
               display: none;
               /* border: 2px solid #FFF; */
               /* border-radius: 50%; */
           }
           .go-top i {
               background: #000000 repeat scroll 0 0;
               color: #fff;
               border-radius: 50%;
               font-size: 24px;
               height: 40px;
               line-height: 40px;
               width: 40px;
           }
           
           a:hover { text-decoration: none; }
           
           .section-padding {
               padding: 80px 0;
           }
           .section-title {
               text-align: center;
               margin-bottom: 50px;
           }
           .section-title h2 span {color: #000000;}
           .single-pricing-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
               margin-bottom: 10px;
           }
           .single-pricing-box h3 {text-transform: uppercase;}
           .pricing-icon {
               margin-bottom: 20px;
               font-size: 40px;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-icon img {
               max-width: 88px;
               height: auto;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list {
               padding: 0px 10px;
               text-align: left;
               margin-bottom: -22px;
           }
           .single-pricing-box h3.pricing-count {
               text-transform: none;
           }
           .pricing-list ul {
               margin: 0;
               padding: 0;
               list-style: none;
               padding-left: 16px;
               line-height: 30px;
           }
           .pricing-list ul li .fa{
               color: #000000;
           }
           
           a.bordered-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               display: inline-block;
               color: #FFF;
               background-color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           
           .single-pricing-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           .single-pricing-box {-webkit-transition: .2s;transition: .2s;}
           a.bordered-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           .single-pricing-box:hover .pricing-icon {
               color: #000000;
           }
           .single-pricing-box:hover .pricing-icon img {
               opacity: .7;
               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
           }
           .pricing-list ul li {
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list ul li:hover {
               padding-left: 5px;
           }
           
           
           
           
           .btn-views{
               color: #ffffff;
               background: gray;
           }
           
           .genius-btn:hover {
               text-decoration: none;
               background-color: #000000;
               color: #FFF;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
           }
           
           .genius-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
               background-color: #FFF;
           }
           
           
           .nav-tabs {margin-bottom: 15px;}
           .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
           .nav-tabs > li > a {padding: 13px 0px 5px 0px;color: #db5757;border: 1px solid;font-family: psfont;font-size: 14px;border-radius: 12px;}
           .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;border-radius: 12px;color: #ffffff!important;background: #ffffff;font-family: psfont;font-size: 14px;padding: 14px 0px 5px 0px;text-align: center;background-image: linear-gradient(to right, #cb5757 0%, #d05858 100%);border: 1px solid #212121;}
           .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
           border-radius: 12px;
           color: #ffffff!important;
           background: #ffffff;
           font-family: psfont;
           font-size: 14px;
           padding: 14px 0px 5px 0px;
           text-align: center;
           background-image: linear-gradient(to right, #dc5858 0%, #d95a5a 100%);
           border: 1px solid #db5757;
       }
           /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
           .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
           .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
           .tab-pane { padding: 15px 0; }
           .tab-content{padding:0px;width: 100%;margin-right: 11%;margin-top: 104%;padding-right: 24px;float: right;}
           .card{margin-bottom: 30px;}
           
           /*Star Rating Start*/
           .starrr {
               display: inline-block;
               margin: auto;
               display:block;
               margin-left: 30%;
               }
           .starrr a {
               font-size: 16px;
               padding: 0 1px;
               cursor: pointer;
               color: #ff4040;
               text-decoration: none;
               }
           /*Star Rating End*/
           
           
           
           .rating-row{
               padding-bottom: 10px;
               border-bottom: 1px solid #eee
           }
           .rating-date{
               font-size: 12px;
               color: rgba(17,7,0,0.49);
           }
           .rating-box{
               margin-bottom: 0px!important;
           }
           .col-item {
               background: #2f2f2f;
               margin-bottom:12px;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
               border-radius: 11px;
               border: 1px solid #0075c7;
               min-height: 248px;
           }
           
           .col-item .options {
               position:absolute;
               top:6px;
               right:22px;
           }
           
           .col-item .photo {
               overflow: hidden;
           }
           
           .col-item .photo .options {
               display:none;
           }
           
           .col-item .photo img {
               margin: 33px auto;
               height: 213px;
               width: 100%;
               border-radius: 11px;
               -webkit-transition:all 0.5s ease-in-out;
               -moz-transition:all 0.5s ease-in-out;
               -ms-transition:all 0.5s ease-in-out;
               -o-transition:all 0.5s ease-in-out;
               transition:all 0.5s ease-in-out;
           }
           
           .col-item:hover .photo img{
               -webkit-transform:scale(1.1);
               -moz-transform:scale(1.1);
               -ms-transform:scale(1.1);
               transform:scale(1.1);
           }
           
           .col-item:hover{
           }
           
           .col-item .options-cart {
               position:absolute;
               left:22px;
               top:6px;
               display:none;
           }
           
           .col-item .photo:hover .options,
           .col-item .photo:hover .options-cart {
               display:block;
               -webkit-animation: fadeIn .5s ease;
               -moz-animation: fadeIn .5s ease;
               -ms-animation: fadeIn .5s ease;
               -o-animation: fadeIn .5s ease;
               animation: fadeIn .5s ease;
           }
           .col-item .options-cart-round {
               position:absolute;
               left:42%;
               top:22%;
               display:none;
           }
           .col-item .options-cart-round button {
               border-radius: 50%;
               padding:14px 16px;
           
           }
           .col-item .options-cart-round button .fa {
               font-size:22px;
           }
           .col-item .photo:hover .options-cart-round {
               display:block;
               -webkit-animation: fadeInDown .5s ease;
               -moz-animation: fadeInDown .5s ease;
               -ms-animation: fadeInDown .5s ease;
               -o-animation: fadeInDown .5s ease;
               animation: fadeInDown .5s ease;
           }
           .col-item .info {
               padding: 0px 10px;
               margin-top: 1px;
           }
           .col-item .price-details {
               width: 100%;
               margin-top: 8px;
           }
           
           .review i{
               color: #f5c10c;
           }
           
           #floating_alert {
               position: absolute;
               top: 20px;
               right: 20px;
               z-index: 5000;
           }
           
           .col-item .price-details h1 {
               font-size: 15px;
               color: #ffffff;
               font-family: psfont;
           }
           .col-item .price-details .details {
               margin-bottom: 0px;
               font-size:12px;
           }
           .col-item .price-details span {
               float:right;
           }
           .col-item .price-details .price-new {
           font-size: 12px;
           line-height: 21px;
           height: 13px;
           margin-right: -30%;
           color: #ffffff;
           font-family: psfont;
           text-align: center;
           margin-top: 34px;
           }
           
           .col-item .price-details .price-old {
               font-size:16px;
               margin-top: 3px;
               text-decoration:line-through;
               color: #9c9c9c;
           }
           .col-item .separator {
               border-top: 0px solid #E1E1E1;
           }
           
           .col-item .clear-left {
               clear: left;
           }
           .col-item .separator a {
               text-decoration:none;
           }
           .col-item .separator p {
               margin-bottom: 0;
               margin-top: 6px;
               text-align: center;
           }
           
           .col-item .separator p i {
               margin-right: 5px;
           }
           .col-item .btn-add {
               width: 60%;
               float: left;
           }
           .col-item .btn-add a {
               display:inline-block !important;
           }
           .col-item .btn-add {
               border-right: 1px solid #E1E1E1;
           }
           .col-item .btn-details {
               width: 40%;
               float: left;
               padding-left: 10px;
           }
           .col-item .btn-details a {
               display:inline-block !important;
           }
           .col-item .btn-details a:first-child {
               margin-right:12px;
           }
           
           
           
           
           .services{
           
               margin-top: 20px;
           }
           .services p{
               color: #000000;
               font-size: 18px;
           }
           .services h1{
               color: #000000;
               margin-bottom: 0;
               text-align: center;
               font-size: 14px;
           }
           
           .single-box {
               -webkit-transition: .2s;
               transition: .2s;
           }
           
           .single-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
           }
           .single-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           
           .services-div{
               padding: 11px 10px 15px 10px;
               border-radius: 17px;
           }
           
           .order-div{
               border: 1px solid #24c9d6;
               padding-left: 0;
               padding-right: 0;
               border-radius: 14px;
               margin-left: -5%;
               width: 110%;
               margin-top: 9px;
           }
           .order-div h4{
               color: #FFFFFF;
               background-color: #fe4242;
               padding: 10px;
               margin-top: 0;
               padding-left: 0;
               border-radius: 14px 14px 0px 0px;
               padding-right: 0;
           }
           
           .order-left{
               padding-bottom: 15px;
               padding-left: 0;
               padding-right: 0;
           }
           
           .order-right{
               padding-bottom: 5px;
               padding-left: 0;
               float: left;
               margin-top: -209px;
               padding-right: 0;
               margin-bottom: 65px;
               margin-left: -162%;
               width: 57%;
           }
           .order-right p{
               text-align: left;
               line-height: 1;
               padding: 0 10px;
               font-size: 14px;
           }
           .order-right p i{
               color: darkgreen;
           }
           
           .order-left form{
               padding-left: 15px;
               padding-right: 15px;
           }
           
           
           .btn-home{
               margin-bottom: 10px;
               margin-right: 5px;
               color: #ffffff;
               font-size: 20px;
               font-weight:600;
               padding: 10px 15px 10px 15px;
               border: 2px solid #ffffff;
               background: rgba(0,0,0,0.5);
           }
           
           .btn-home:hover{
               color: #ffffff;
               background-color: #337ab7;
           }
           
           .theme2{
               background-color: #ffffff;
           }
           .animate {
               -webkit-transition: all 0.3s ease-in-out;
               -moz-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               -ms-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
           }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
           .row{
               margin:0;
           }
           .navbar-bootsnipp {
               background-color: #000000;
               border-radius: 0px;
               margin-bottom: 0px;
               z-index: 100;
           }
           .margintop{
               margin-top: 10px;
           }
           .navbar-bootsnipp:nth-of-type(2) {
               border-top-width: 1px;
               z-index: 50
           }
           .nav > li > a:focus, .nav > li > a:hover{
               background-color: #000000;
               color: #FFF;
           }
           .navbar-bootsnipp.affix-top {
               position: absolute;
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp.affix {
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp .navbar-toggle .icon-bar {
               background-color: rgb(95, 176, 228);
           }
           
           .navbar-bootsnipp .navbar-brand {
               color: rgb(95, 176, 228);
               font-weight: 900;
               letter-spacing: 2px;
           }
           .service{
               width: 32%;
           }
           .navbar-bootsnipp .navbar-nav > li > a {
               border: 0px solid rgb(255, 255, 255);
               color: rgb(255, 255, 255);
               font-weight: 600;
           }
           
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
               border-radius: 0px;
           }
           
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
               border-left-width: 5px;
               color: #FFF;
           }
           .navbar-bootsnipp .navbar-nav > li.disabled > a {
               color: rgb(200, 200, 200);
           }
           
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
               border-radius: 0;
               margin-right: -1px;
               min-width: 220px;
               padding: 0px;
           }
           .navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
               left: 0px;
               margin-left: -1px;
               right: auto;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
               border-left: 0px solid rgb(95, 176, 228);
               color: rgb(120, 120, 120);
               font-size: 16px;
               font-weight: 400;
               padding: 10px 20px;
               white-space: nowrap;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
               background-color: rgb(245, 245, 245);
               border-left-width: 5px;
               padding-left: 15px;
           }
           
           
           .navbar .bootsnipp-profile > a {
               padding-bottom: 9px;
               padding-top: 9px;
           }
           .navbar .bootsnipp-profile > a > img {
               border-radius: 50%;
               width: 32px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu {
               width: 320px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
               padding: 5px 15px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
               width: 100%;
           }
           
           .navbar-bootsnipp .bootsnipp-search {
               display: none;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 30px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 25px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control:focus {
               border-color: transparent;
               outline: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
               padding: 14px 16px;
               border-radius: 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
               padding: 14px 16px 14px 15px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
               background-color: rgb(245, 245, 245);
           }
           .nav-padding {
               padding-top: 61px;
           }
           .listing{
               padding:10px 10px 10px 10px;
               color: #000000;
           }
           .single{
               margin-top: 20px;
           }
           .group{
               border: 2px solid #000000;
               border-radius: 5px 5px 0px 0px;
           }
           .group a{
               text-decoration: none;
           }
           .profile-image{
               width: 100%;
               height: auto;
           }
           .no-margin{
               margin: 0;
           }
           .single:hover .listing{
               background-color: #000000;
               color: #FFF;
           }
           .go-bold{
               font-weight: 700;
           }
           
           .go-section{
               /* padding: 40px 0px; */
               min-height: 250px;
               /* margin-bottom: 35px; */
           }
           .profile-section{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-section h3{
               margin-top: 10px;
           }
           .contact-info{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-contact{
               margin: 5px 0px;
               padding: 0px 0px 10px 0px;
               /*border-bottom: 1px solid #DDD;*/
           }
           .profile-social{
               padding: 5px;
           }
           .profile-group{
               margin-bottom: 20px;
           }
           .specialities{
               width: 100%;
               margin-bottom:30px;
           }
           .specialitie{
               float: left;
           }
           .qualifications{
            list-style: none;
            padding: 0;
            margin-bottom:30px;
           }
           .qualification{
               padding: 5px 0px;
               list-style: none;
           }
           .qualification strong{
               width: 30%;
               float: left;
           }
           .qualification span{
               width: 70%;
               float: left;
           }
           .awards-section{
               margin-bottom: 40px;
           }
           .awards h5{
               font-weight: 600;
           }
           .awards p{
               font-weight: 500;
           }
           .banner-300x250{
               max-width:100%;
           }
           .banner-728x90{
               max-width:100%;
           }
           .cats{
               margin-top: 20px;
           }
           
           /*Contact Form CSS*/
           
               input.error{
                 border: 1px solid #e40606;
               }
               input.error:focus{
                 border: 1px solid #e40606;
               }
               select.error{
                 border: 1px solid #e40606;
               }
               select.error:focus{
                 border: 1px solid #e40606;
               }
               textarea.error{
                 border: 1px solid #e40606;
               }
               textarea.error:focus{
                 border: 1px solid #e40606;
               }
               .errorMsg{
                 padding: 0;
                 margin: 0;
                 color: #e40606;
               }
               .capcha{
                 margin-top: 6px;
               }
               #capchaError{
                 margin-top:  6px;
               }
               .gologo{
           
               padding: 10px;
           }
           .headad{
               padding: 10px;
           }
           /*Footer Styles*/
           footer{
               background-color: #000000;
               padding: 20px 50px;
               color: #FFF;
           }
           .address p{
                   margin: 0px;
           }
           .socicon{
               padding: 50px 0px;
           }
           .socicon a{
               color: #FFF;
               text-align: center;
               line-height: 45px;
               display: inline-block;
               font-size: 25px;
               width: 45px;
               height: 45px;
               border: 1px solid #FFF;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
           
               margin: 0 3px 10px
           }
           
           .facebook:hover{
               color: #FFF;
               border: 1px solid #3b5998;
               background: #3b5998;
           }
           .google:hover{
               color: #FFF;
               border: 1px solid #d34836;
               background: #d34836;
           }
           .twitter:hover{
               color: #FFF;
               border: 1px solid #0084b4;
               background: #0084b4;
           }
           .linkedin:hover{
               color: #FFF;
               border: 1px solid #0077B5;
               background: #0077B5;
           }
           #related-products{
               margin-bottom: 30px;
           }
           
           .c-line{
               border-top: 1px solid #FFF;
               margin: 10px 0px;
           }
           .btn-genius{
               border:1px solid #CCC;
               padding-top: 20px;
               padding-bottom: 20px;
               color: #161616;
               border-radius: 0;
               font-size: 17px;
           }
           .btn-genius:hover{
               color: #FFF;
               background-color: #0048B3;
           }
           .marginbottom{
               margin-bottom: 31px;
           }
           .login a, .login a:link, .login a:visited, .login a:active, .login a:hover{
               color: #fd3535;
           }
           
           .footerlink a, .footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover{
               color: #FFF;
           }
           
           .btn-ocean{
               border:1px solid #ddd;
               background-color: #ddd;
               color: #000000;
               font-weight: 700;
               font-size: 15px;
           }
           .btn-ocean:hover{
               color: #FFF;
               border:2px solid #ddd;
               background-color: transparent;
           }
           
           .gologo img{
               max-width: 100%;
           }
           
           .navbar-toggle{
               background-color: #FFF;
           }
           
           @media screen and (max-width: 991px) {
               .address{
                  text-align: center;
               }
               .about{
                  text-align: center;
               }
           
           }
           
           .carousel-caption{
               text-align:left;
           
           }
           .carousel-caption h3{
               font-size: 30px;
           }
           .carousel-caption p{
               font-size: 40px;
           }
           .carousel-caption {
               right: 20%;
               left: 10%;
               padding-bottom: 10%;
           }
           
           @media screen and (max-width: 1199px) and (min-width: 767px) {
               .button.style-10{
                   padding: 15px 20px;
                   margin-top: -9.7%;
                   width: 50%;
                   margin-right: 14%;
               }
               .col-item .info{
                   padding:0!important;
               }
           }
           
           
           @media screen and (max-width: 550px) and (min-width: 451px) {
               .product{
                   width:100%;
               }
               .col-item .photo img{
                   height:580px!important;
               }
           }
           @media screen and (max-width: 450px) {
               .product{
                   width: 50%;
                   padding-left: 3px;
                   padding-right: 0px;
                   margin-top: 20px;
               }
               .col-item .photo img{
                   height: 227px;
                   border-radius: 6px 6px 0px 0px;
                   border-bottom: 1px #3a3a3a solid;
               }
           }
           @media screen and (max-width: 767px) {
               .nav-overflow ul > li >a:hover{
               color:#fff;
           }
           .navbar-brand > img {
               max-width: 200px;
           }
               .carousel-caption h3{
                   font-size: 15px;
               }
               .carousel-caption p{
                   font-size: 20px;
               }
                   .qualification strong{
               width: 100%;
               float: left;
           }
           .qualification span{
               width: 100%;
               float: left;
           }
           .qualification{
               padding: 25px 0px;
               list-style: none;
           }
           }
           @media screen and (min-width: 768px) {
               .gologo{
               
               padding: 40px 10px 10px 80px;
           }
           .headad{
               padding: 10px 60px 10px 10px;
           }
               .carousel-caption {
                   right: 20%;
                   left: 10%;
                   padding-bottom: 10%;
               }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             max-height: 660px;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
               .navbar-bootsnipp .navbar-brand {
                   font-size: 20px;
                   height: auto;
                   padding: 20px 5px;
               }
               .navbar-bootsnipp .navbar-nav > li > a {
                   font-size: 16px;
               }
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
                   border-bottom-width: 5px;
                   border-left-width: 0px;
                   padding-bottom: 10px;
               }
           
               .navbar-bootsnipp .navbar-nav > li.disabled > a {
                   padding-left: 10px;
                   padding-right: 10px;
               }
           
           
               .navbar-bootsnipp .bootsnipp-search {
                   background-color: rgb(235, 235, 235);
                   display: block;
                   position: absolute;
                   top: 100%;
                   width: 100%;
                   -webkit-transform: rotateX(-90deg);
                   -moz-transform: rotateX(-90deg);
                   -o-transform: rotateX(-90deg);
                   -ms-transform: rotateX(-90deg);
                   transform: rotateX(-90deg);
                   -webkit-transform-origin: 0 0 0;
                   -moz-transform-origin: 0 0 0;
                   -o-transform-origin: 0 0 0;
                   -ms-transform-origin: 0 0 0;
                   transform-origin: 0 0 0;
                   visibility: hidden;
               }
               .navbar-bootsnipp .bootsnipp-search.open {
                   -webkit-transform: rotateX(0deg);
                   -moz-transform: rotateX(0deg);
                   -o-transform: rotateX(0deg);
                   -ms-transform: rotateX(0deg);
                   transform: rotateX(0deg);
                   visibility: visible;    
               }
               .navbar-bootsnipp .bootsnipp-search > .container {
                   padding: 0px;
               }    
           }
           
           /*The Left Sidebar Styles*/
           
           /* MENU-LEFT
           -------------------------- */
           /* layout */
           
           .allcats{
               padding-bottom: 15px;
               text-align: center;
               color: #fff;
           }
           
           #left{
               margin-bottom: 15px;
           }
           
           #left ul.nav {
               margin-bottom: 2px;
               font-size: 12px; /* to change font-size, please change instead .lbl */
           }
           #left ul.nav ul,
           #left ul.nav ul li {
               list-style: none!important;
               list-style-type: none!important;
               margin-top: 1px;
               margin-bottom: 1px;
           }
           #left ul.nav ul {
               padding-left: 0;
               width: auto;
           }
           #left ul.nav ul.children {
               padding-left: 12px;
               width: auto;
           }
           #left ul.nav ul.children li{
               margin-left: 0px;
           }
           #left ul.nav li a:hover {
               text-decoration: none;
           }
           
           #left ul.nav li a:focus {
               text-decoration: none;
               background-color: transparent;
           }
           
           #left ul.nav li a:hover .lbl {
               /*color: #999!important;*/
           }
           
           #left ul.nav li.current>a .lbl {
               /*background-color: #999;*/
               color: #fff!important;
           }
           
           /* parent item */
           #left ul.nav li.parent a {
               padding: 0px;
               color: #fff;
               text-align: center;
           }
           #left ul.nav>li.parent>a {
               border-bottom: solid 2px #fff;
               text-transform: uppercase;
               margin-bottom: 5px;
               border-top: solid 2px #fff;
               border-radius: 17px;
           }
           #left ul.nav li.parent a:hover {
               background-color: #f76471;
               /*-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
           }
           
           /* link tag (a)*/
           #left ul.nav li.parent ul li a {
               color: #fff;
               border: none;
               display:block;
               padding-left: 5px;
           }
           
           #left ul.nav li.parent ul li a:hover {
               background-color: #fff;
               -webkit-box-shadow:none;
               -moz-box-shadow:none;
               box-shadow:none;
           }
           
           /* sign for parent item */
           #left ul.nav li .sign {
               display: inline-block;
               width: 25px;
               padding: 5px 8px;
               background-color: transparent;
               color: #222;
           }
           #left ul.nav li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #999;*/
               color: #fff;
           }
           
           /* label */
           #left ul.nav li .lbl {
               padding: 5px 12px;
               display: inline-block;
           }
           #left ul.nav li.current>a>.lbl {
               color: #fff;
           }
           #left ul.nav  li a .lbl{
               font-size: 12px;
           }
           
           /* THEMATIQUE
           ------------------------- */
           /* theme 1 */
           #left ul.nav>li.item-1.parent>a {
               /*border: solid 1px #ff6307;*/
           }
           #left ul.nav>li.item-1.parent>a>.sign,
           #left ul.nav>li.item-1 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ff6307;*/
           }
           #left ul.nav>li.item-1 .lbl {
               /* color: #ff6307; */
               font-size: 15px;
           }
           #left ul.nav>li.item-1 li.current>a .lbl {
               /*background-color: #ff6307;*/
               color: #fff!important;
           }
           
           /* theme 2 */
           #left ul.nav>li.item-8.parent>a {
               border: solid 1px #51c3eb;
           }
           #left ul.nav>li.item-8.parent>a>.sign,
           #left ul.nav>li.item-8 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #51c3eb;
           }
           #left ul.nav>li.item-8 .lbl {
               color: #51c3eb;
           }
           #left ul.nav>li.item-8 li.current>a .lbl {
               background-color: #51c3eb;
               color: #fff!important;
           }
           
           /* theme 3 */
           #left ul.nav>li.item-15.parent>a {
               border: solid 1px #94cf00;
           }
           #left ul.nav>li.item-15.parent>a>.sign,
           #left ul.nav>li.item-15 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #94cf00;
           }
           #left ul.nav>li.item-15 .lbl {
               color: #94cf00;
           }
           #left ul.nav>li.item-15 li.current>a .lbl {
               background-color: #94cf00;
               color: #fff!important;
           }
           
           /* theme 4 */
           #left ul.nav>li.item-22.parent>a {
               /*border: solid 1px #ef409c;*/
           }
           #left ul.nav>li.item-22.parent>a>.sign,
           #left ul.nav>li.item-22 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ef409c;*/
           }
           #left ul.nav>li.item-22 .lbl {
               /*color: #ef409c;*/
           }
           #left ul.nav>li.item-22 li.current>a .lbl {
               /*background-color: #ef409c;*/
               color: #fff!important;
           }
           
           .filter-option{
               border-color: #ffffff!important;
               color: #d53435!important;
           }
           .control{
           height: 50px;
       }
           .hom{
           width: 27px;
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           }
           .set{
               width: 27px;
               float: right;
               margin-top: -25px;
               margin-right: 15px;
           }
           @font-face {
               font-family: ramifont;
               src: url(http://mcroshop.com/ramifont.tff);
           }
           .related{
               width: 136px;
               margin-left: 30%;
           }
           .noresul{
               width: 50%;
               margin-left: 26%;
               margin-top: 5%;
               margin-bottom: 41px;
           }
           .yourreqdone{
               
           }
           .bunnerh{
                   margin-top: 6px;
               width: 96%;
               margin-left: 7px;
               border: 1px #db2d4b solid;
               border-radius: 6px;
           }
           .cate{
               width: 39%;
           }
           
           div.category {
           }
           
           div.category a {
               display: inline-block;
               text-align: center;
               padding: 0px;
               text-decoration: none;
           }
           
           div.category a:hover {
           }
           .produc{
               width: 100px;
               background-color: #fff;
               height: 168px;
               border-radius: 5px;
               margin-left: 3%;
               float: left;
           }
           .imgproduct{
           height: 100%;
           }
           
           
           .productslide {
             width: 100%;
             height: 100%;
             -webkit-scrollbar {      display: none;  };
           }
                             .produc3 {
           }
.fedpres{}
.fedpresphoto{}
.fedpresimg{}
.fedpresname{}
.fedpresword{}
.fedpreswordtxt{}
.produc2 {
             
             :;
           }
.produc1 {
             
                     :;
             height: 120px;
             border-radius: 14px 14px 0px 0px;
           }

                       .prodtit3{
           }
 .productadv{
               

               
               15px;
               x;
           }
.prodtit2{
           }
.prodtit1{
               margin-top: -15px;
           }
           .prodpric{
           }
           .lastpro{
                   width: 157px;
                   margin-left: 30%;
                   margin-top: 9px;
                   margin-bottom: 10px;
           }
           .appcateg{
               width: 167px;
               margin-left: 24%;
               margin-top: 9px;
               margin-bottom: 10px;
       }
           .bunners{
           
             width: 300px;
             height: 300px;
             display: flex;
             overflow-x: auto;
             -webkit-scroll-snap-points-x: repeat(300px);
                 -ms-scroll-snap-points-x: repeat(300px);
                     scroll-snap-points-x: repeat(300px);
             -webkit-scroll-snap-type: mandatory;
                 -ms-scroll-snap-type: mandatory;
                     scroll-snap-type: mandatory;
           }
           .brands{
               margin-left: 3px;
               width: 100%;
           }
           .appcategorrrs{
               width: 100%;
               border-top: 2px solid #e43c3c;
               margin-bottom: 23%;
               padding: 10px;
               margin-top: -117%;
           }
           .appcategorrr{
               margin-left: 3px;
               width: 31%;
               margin-bottom: 1%;
           }
           .brand{
               width: 125px;
           }
           .prodprics{
               font-size: 17px;
               text-align: left;
               margin-left: 15px;
               margin-top: 13px;
           }
           .cartproduc{
               background-color: #fff;
               height: 95px;
               width: 89%;
               float: right;
               margin-bottom: 50px;
               margin-top: -33px;
               margin-right: 6%;
               border-radius: 7px;
               border: 1px #ff4040 solid;
           }
           .cartproductimg{
               height: 93px;
               border-radius: 7px 0px 0px 7px;
               border-right: 1px solid #ff4040;
               width: 70px;
           }
           .cartprod{
           margin-bottom: 0px;
           width: 60%;
           float: right;
           }
           .cartproductbuttimg{
               margin-top: -81px;
               width: 30px;
               float: right;
               margin-right: 5px;
           }
           .cartprodtx{
                   text-align: center;
                   margin-top: 14px;
                   font-size: 18px;
                   background-color: #ff4040;
                   font-family: psfont;
                   height: 38px;
                   color: #ffffff;
                   width: 110px;
                   font-weight: bold;
                   border-radius: 7px;
                   margin-left: 75px;
                   padding: 15px 0px 0px 0px;
           }
           .cartdete{
               width: 96%;
               background-color: #fff;
               margin-left: 2%;
               height: 104px;
               border: 1px solid #f66673;
               border-radius: 6px;
           }
           .cartbtnsl{
               width: 43%;
               float: left;
               margin-top: 25px;
               margin-left: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnsr{
               width: 43%;
               float: right;
               margin-top: 25px;
               margin-right: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnt{
               text-align: center;
               font-size: 19px;
               color: #f66673;
           }
           .cartdet{
               text-align: right;
               margin-right: 23px;
               margin-top: 11px;
               font-size: 20px;
           }
           .cartdetl{
               text-align: left;
               margin-left: 13px;
               margin-top: -21px;
               font-size: 20px;
           }
           .homebac{
               width: 105.111%;
               margin-top: 0px;
           }
           
           .title6{
               width: 44%;
               margin-top: -322%;
               margin-bottom: 147%;
               margin-left: 27%;
           }
           .navbutt{
               width: 31px;  
               position: absolute;
               margin-left: 82%;
           }
            .infobutt{
               width: 10px;
               margin-bottom: -21px;
               margin-left: 5px;
               margin-top: -15px;
            }
           .control6{
               margin-top: -81%;
           }
           
           .logo6{
               width: 54%;
               margin-top: -411%;
               margin-bottom: 148%;
               margin-left: 24%;
           }
           .menubutt{
               float: right;
               width: 33px;
               position: relative;
               margin-right: 10px;
               margin-top: 5px;
           }
           .navibutt{
               float: left;
               width: 28px;
               position: relative;
               margin-left: 10px;
               margin-top: 5px;
           }
           .rightaccountsec{
           position: absolute;
           height: 0px;
       }
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -204%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{width: 108px;margin-top: 7%;float: right;margin-right: 15%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -80%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 4%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -31%;
           margin-top: 114%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -78%;
           }
           .ras1{
               width: 108px;
               margin-top: 61%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 60%;
               margin-right: 14%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -27%;
           margin-top: 103%;
       }
       .las2{width: 108px;margin-top: 12%;float: right;margin-right: 13%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -73%;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -17.3%;
       }
       .las2{width: 108px;margin-top: -17%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
           .leftaccountsec{
               position: absolute;
               height: 0px;
           }
       .modal2 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal-content2 {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close2 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close2:hover,
         .close2:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog2 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog2:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog2 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .modalDialog1 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog1:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog1 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #0199ff;
           border-radius: 50%;
           border: 2px solid #0199ff;
       }
       
       .modal3 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal3-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close3 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close3:hover,
         .close3:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog3 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog3:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog3 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #f65966;
           border-radius: 50%;
           border: 2px solid #f65966;
       }
       
       
       
       .modal4 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal4-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close4 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close4:hover,
         .close4:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       .tabekk{
           width: 20%;
           border: 2px solid #e43c3c;
           height: 60px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .tabekk1{
           width: 20%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 23px 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .closeimg{
           margin-top: -26px;
           width: 33px;
           margin-left: -4px;
           background-color: #ff4040;
           border-radius: 50%;
           border: 2px solid #ff4040;
       }
       
           
       .bunnerimg{}
   .profbutt1{
           width: 73%;
           height: 29px;
           margin-left: 91%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
   .bunnerimg{
       width: 30%;
       margin-left: 2%;
   }
   .profbutt{
           width: 73%;
           height: 29px;
           margin-left: -18%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
       .carttabek{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: -24%;
           background-color: #24c9d6;
       }
       .carttabek1{
           width: 94%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           border-radius: 8px;
           margin-bottom: 10px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #fd3535;
       }
       
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -205%;
           }
           .ras1{
               width: 108px;
               margin-top: 114%;
               margin-left: 12%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 113%;
               margin-right: -23%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 13%;
           margin-top: 183%;
       }
       .las2{width: 108px;margin-top: 182%;float: right;margin-right: -22%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -203%;
           }
           .ras1{
               width: 108px;
               margin-top: 130%;
               margin-left: 29%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 129%;
               margin-right: -44%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 29%;
           margin-top: 199%;
       }
       .las2{width: 108px;margin-top: 197%;float: right;margin-right: -44%;}
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -202%;
               margin-bottom: 71px;
           }
           .ras1{
               width: 108px;
               margin-top: 121%;
               margin-left: 30%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 118%;
               margin-right: -60%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 30%;
           margin-top: 188%;
       }
       .las2{width: 108px;margin-top: 188%;float: right;margin-right: -60%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -198%;
               margin-bottom: 160px;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -16%;
       }
       .las2{width: 108px;margin-top: -16%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: aleft;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       .brand{
           width: 77px;
       }
       .catetitle{}
       .aboutitlee1{color: #a91827;width: 225px;text-align: center;font-size: 14px;margin-top: 20px;font-family: psfont;}
.catetitleh1{}
       .catetitleimg{width: 16px;}
       div.brands {
           overflow: auto;
           white-space: nowrap;
           direction: rtl;
           margin-top: 5px;
           margin-left: -20px;
           margin-bottom: -19px;
       }
       
       div.brands a {
           display: inline-block;
           text-align: center;
           padding: 1px;
           text-decoration: none;
       }
       
       div.brands a:hover {
       }
       #element::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: block;
       }
       .services{width: 33%;}
       .servimg{
       
       }
       .servh1{
           
       }
       .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .serviceetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 32%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceee1{
           width: 32%;
           float: right;
       }
       .serviceee2{
           width: 32%;
           margin-left: 34%;
       }
       .serviceee3{
           width: 32%;
           float: left;
           margin-top: -25.4%;
       }
       @font-face {
           font-family: psfont;
           src: url(../font/1.ttf);
         }
       
         .sidenav {
           height: 100%; /* 100% Full-height */
           width: 0; /* 0 width - change this with JavaScript */
           position: fixed; /* Stay in place */
           z-index: 9999; /* Stay on top */
           top: 0; /* Stay at the top */
           top: 0;
           right: 0;
           background-color: #a91827; /* Black*/
           overflow-x: hidden; /* Disable horizontal scroll */
           padding-top: 60px; /* Place content 60px from the top */
           transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
         }
         
         /* The navigation menu links */
         .sidenav a {
           padding: 10px 8px 5px 8px;
           text-decoration: none;
           font-size: 13px;
           color: #141e29;
           text-align: center;
           margin: 10px auto;
           display: block;
           transition: 0.3s;
           font-family: 'psfont';
           background-color: #fff;
           border-radius: 20px;
           width: 90%;
         }
         
         /* When you mouse over the navigation links, change their color */
         .sidenav a:hover {
           color: #f1f1f1;
           background-color: #0075c7;
           border: 2px solid #fff;
         }
         
         /* Position and style the close button (top right corner) */
         .sidenav .closebtn {
         position: absolute;
         top: 0;
         left: -25px;
         font-family: psfont;
         font-size: 43px;
         padding-top: 7px;
         width: 45px;
         height: 43px;
         padding-left: 7px;
         font-size: 30px;
         margin-top: 13px;
         margin-left: 40px;
         }
         
         /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
         #main {
           transition: margin-left .5s;
           padding: 20px;
         }
         Q
         /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
         @media screen and (max-height: 450px) {
           .sidenav {padding-top: 15px;}
           .sidenav a {font-size: 18px;}
         }
         .menubutton1{margin-top: -31px;}
         .menubutton2{margin-top: 45px;}
         .menubutton3{margin-top: 45px;}
         .menubutton4{margin-top: 45px;}
         .menubutton5{margin-top: 45px;}
         .menubutton6{margin-top: 45px;}
         .menbuttimg{float: right;width: 54px;margin-top: -24px;margin-right: 12px;}
         .menbutttext{color: #fff;font-family: psfont;font-size: 14px;text-align: right;margin-right: 70px;}
       .menubuttons{
           
       }
       .signinnh1{text-align: right;margin-right: 29px;font-family: psfont;font-size: 16px;padding-top: 28px;color: #ffffff;}
       .backbutt{
           float: left;
           width: 22px;
           margin-top: -4px;
           margin-left: 20px;
       }
       .backbutt1{
           float: left;
           width: 22px;
           margin-top: 18px;
           margin-left: 20px;
       }
       .signbutt{width: 180px;height: 34px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;border-radius: 40px;border-right: 3px solid #272727;border-left: 3px solid #272727;color: #ffffff;background-color: #ff4040;}
       .regggggh1{text-align: center;font-size: 12px;font-family: psfont;}
       .regggggh1link{
           text-align: center;
           font-size: 12px;
           font-family: psfont;
           color: #3d3d3d;
           margin-top: 6px;
       }
       .nameintheamidd{
           width: 89%;
           text-align: center;
           font-size: 17px;
           margin-top: 26px;
           color: #24c9d6;
           font-family: psfont;
       }
       .buttonbottmaa1{
           background-color: #ff4040;
           width: 26%;
           height: 39px;
           position: absolute;
           border-radius: 6px;
           padding: 8px 3% 7px 1px;
           margin-left: 5%;
           bottom:0;
           text-align: center;
           margin-bottom: 40px;
           float: left;
       }
       .buttonbottmaa2{
           background-color: #ff4040;
           width: 26%;
           height: 39px;
           border-radius: 6px;
           padding: 8px 2% 7px 0px;
           margin-left: 32%;
           float: left;
           text-align: center;
           bottom: 40px;
           position: absolute;
       }
       .shippdetiil1{color: #ffffff;width: 157px;padding: 11px;margin-left: -148%;text-align: center;border-right: 3px solid #3d3d3d;border-left: 3px solid #3d3d3d;border-radius: 30px;height: 29px;margin-bottom: 14px;font-size: 14px;float: left;background-color: #ff4040;margin-top: -270px;font-family: psfont;}
       
       .buttonbottmaaa1{color: #ffffff;font-family: psfont;text-align: center;margin-left: 27%;}
       .buttonbottmaaa2{color: #ffffff;font-family: psfont;text-align: center;margin-left: 14%;}
       .shippdetiil{color: #ffffff;width: 157px;padding: 11px;margin-right: 25%;text-align: center;border-right: 3px solid #3d3d3d;border-left: 3px solid #3d3d3d;border-radius: 30px;height: 29px;margin-bottom: 14px;font-size: 14px;float: right;background-color: #ff4040;margin-top: 14px;font-family: psfont;}
       .butt{
           width: 100%;
           margin-left: 0%;
       }
       .buttaa{
           width: 86%;
           margin-left: 7%;
       }
       .butt1{
           width: 100%;
           margin-left: 0%;
           height: 100px;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .selecttime{width: 100%;height: 118px;border: 1px solid #24c9d6;border-radius: 10px;}
       .selecttime1{width: 94%;height: 121px;margin-left: 3%;border: 1px solid #24c9d6;border-radius: 10px;}
       
       .selecttimeh1{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh22{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .ratingdiv{width: 49%;padding: 8px 21px 8px 0px;margin-left: -1%;margin-bottom: 0px;height: 37px;background-color: #ff4040;margin-top: -16px;border-radius: 11px;}
       .ratingh1{
           background-color: #11b7c4;
           padding: 10px 0px 0px 9px;
           font-size: 19px;
           font-family: psfont;
           width: 50px;
           margin-top: -10px;
           float: right;
           color: #fff;
           border-radius: 5px;
       }
       .ratingdes{
           font-family: psfont;
           text-align: right;
           font-size: 17px;
           margin-right: 62px;
           margin-top: 8px;
       }
       .ratingdesr{
           font-family: psfont;
           text-align: center;
           font-size: 10px;
           width: 136%;
           color: #ffffff;
           margin-top: -12px;
           padding-top: 20px;
           padding-right: 20%;
       }
       .ghazimg{width: 100%;margin-top: -114px;height: 80px;background-color: #fff;border: 1px solid #24c9d6;padding: 13px;border-radius: 11px;}
       .ghaztitle{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: -11px;
       }
       .buttw{
           width: 94%;
           margin-left: 3%;
           direction: rtl;
       }
       .butt1w{
           height: 100px;
           width: 94%;
           margin-left: 3%;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .ghassele{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 10px;
       }
       .ghsseleno3img{
           
       }
       .categoryss{margin-top: 80px;}
       .maincategory{
       
       }
       .maincategorytxt{background-color: #ececec;font-family: psfont;text-align: right;font-size: 15px;color: #24c9d6;padding: 17px 12px 8px 0px;}
       .childcategorytxt{
           font-family: psfont;
           text-align: right;
           font-size: 14px;
           padding: 0px 17px;
           margin-top: 20px;
       }
       .ghasseleydiv1{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 4%;margin-top: 60px;}
       .ghasseleyimg{
           width: 35%;
           margin-left: 33%;
           margin-top: 16px;
       }
       .ghasseleydiv2{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 51%;margin-top: -156px;}
       .pricess1{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           float: left;
           margin-left: 15%;
           margin-top: 11px;
       }
       .pricess2{
           float: right;
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-right: 13%;
           margin-top: 12px;
       }
       .optionh1{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;font-size: 18px;height: 32px;margin-left: 9%;border-radius: 7px;width: 35%;}
       .option1{font-size: 18px;padding: 0;padding-top: 12px;}
       .option2{font-size: 18px;padding: 0;padding-top: 11px;}
       .optionh2{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;height: 32px;font-size: 18px;float: right;margin-right: -30%;border-radius: 7px;width: 35%;}
       .ghasseleyimginmodal{
           background-color: #24c9d6;
           border-radius: 23px;
           padding: 20px;
           width: 90%;
           margin-left: 5%;
           margin-top: 30px;
       }
       .pricesss{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-top: 20px;
       }
       .inpubutton{
           width: 100%;
           height: 80px;
           background-color: #fff;
           border: 1px;
       }
       .active2, .ghazimg:hover{background-color: #24c9d6;}
       .inputdivbutt1{
           width: 44%;
           margin-left: 3%;
       }
       .inputdivbutt2{
           width: 44%;
           margin-right: 3%;
           float: right;
           margin-top: -109px;
       }
       
       .inpughassely{
           width: 100%;
           height: 60px;
           background-color: #0000;
           border: 1px;
       }
       .ghaselytitle1{text-align: center;border: 1px solid #2dbac7;padding: 16px 0px 0px;font-size: 14px;height: 40px;width: 94%;margin-left: 3%;margin-top: 67px;color: #21b7c4;font-family: psfont;border-radius: 30px;}
       .ghaselytitle2{text-align: center;border: 1px solid #2dbac7;padding: 16px 0px 0px;font-size: 14px;height: 40px;margin-top: 27px;width: 94%;margin-left: 3%;color: #21b7c4;font-family: psfont;border-radius: 30px;}
       .active1, .ghaselytitle1:hover{background-color: #24c9d6;color: #fff;}
       .active1, .ghaselytitle2:hover{background-color: #24c9d6;color: #fff;}
       
       .inputdivbuttghassele1{margin-top: -24px;}
       .inputdivbuttghassele2{margin-top: -18px;}
       
       .lastordermod1{width: 100%;margin-top: 36px;height: 107px;background-color: #19b5c2;border: 1px solid #24c9d6;padding: 12px 49px 42px 49px;border-radius: 11px;transition: 0.3s;}
       .active2, .lastordermod1:hover{background-color: #42d6e2;}
       .lastordermoddiv1{
           width: 47%;
           margin-left: 2%;
           float: left;
       }
       .lastordermod2{width: 100%;margin-top: 36px;height: 107px;background-color: #19b5c2;border: 1px solid #24c9d6;padding: 12px 49px 42px 49px;border-radius: 11px;transition: 0.3s;}
       .active2, .lastordermod2:hover{background-color: #42d6e2;}
       .lastordermoddiv2{
           width: 47%;
           margin-right: 2%;
           float: right;
       }
       .lastorderh1{
           text-align: center;
           font-size: 13px;
           font-family: psfont;
           color: #fff;
           margin-top: -22px;
       }
       .brandfouwed{width: 80%;margin-top: 81px;margin-left: 10%;}
       .brandfouwed1{width: 110px;float: left;}
       .brandfouwed2{
           width: 110px;
           float: right;
       }
       .ourservicess{
           margin-top: 70px;
           margin-left: 2%;
           width: 96%;
       }
       .center{
           width: 150px;
           margin: auto;
           margin-top: -3px;
           }
       .selectorforghaseelyopt{
       
       }
       .selectorforghaseely{
           width: 160%;
           margin-left: -30%;
           margin-top: 10px;
           border: 1px solid #19b5c2;
           height: 34px;
           direction: rtl;
           padding: 7px 10px 0px;
           color: #127b86;
           font-size: 11px;
           font-family: psfont;
           border-radius: 17px;
       }
       .subminbts{
           width: 100%;
           margin-left: 0%;
           border-radius: 6px;
           color: #fff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
           font-size: 15px;
           padding: 6px 0px 0px 0px;
           border: 1px solid;
           font-family: psfont;
           height: 42px;
           margin-top: 40px;
       }
       .option1:hover {
           background-color: #078c96;
           border-radius: 6px;
           opacity: 1;
       }
       .option2:hover { 
           background-color: #078c96;
           border-radius: 6px;
           opacity: 1;
       }
       .selecttimeh221{float: right;}
       .selecttimeh222{float: right;}
       .timethisssss1{text-align: right;font-family: psfont;font-size: 11px;margin-right: 30px;margin-top: 8px;}
       .timethisssss2{
           text-align: right;
           font-family: psfont;
           font-size: 11px;
           margin-right: 30px;
           margin-top: 7px;
       }
       .chooseedateinput{
           text-align: right;
           height: 36px;
           font-family: psfont;
           font-size: 11px;
           border-radius: 30px;
           line-height: 1.42857143;
           border: 1px solid;
           width: 100%;
           padding: 8px 19px 0px 0px;
           color: #19B5C2;
           background-color: #fff;
       }
       .selectdateinputu::placeholder {
           color: #000;
           font-family: psfont;
           opacity: 1;
           font-size: 13px;
         }
       
       .fotteroptions{bottom: 0;position: fixed;z-index: 10;padding-top: 1px;width: 100%;height: 41px;background-color: #fff;border-top: 1px solid #424242;padding-left: 8%;background: linear-gradient(to bottom, #d43a3a 0%, #e86c6c 40%, #d43a3a 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);background-blend-mode: multiply;}
       .fotteroption1{width: 20%;}
       .fotteroption2{width: 20%;margin-left: 20%;margin-top: -30px;}
       .fotteroption3{margin-left: 40%;margin-top: -30px;width: 20%;}
       .fotteroption4{width: 20%;margin-left: 60%;margin-top: -30px;}
       .fotteroption5{width: 20%;margin-left: 80%;margin-top: -30px;}
       
       .menutoptap1{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    right: 0;
    padding: 6px;
    height: 30px;
    text-align: center;
    width: 113px;
    margin-right: 2%;
    font-family: 'psfont';
    margin-top: 37px;
    padding-top: 12px;
    border-radius: 50px;
    font-size: 13px;
    color: #00112c;
    border: 1px solid #00112c;
   }
   .backgroundheaderimg{}
   .backgroundheader{
           height: 57px;
           border-radius: 0px 0px 23px 21px;
           margin-bottom: -60px;
           background-blend-mode: multiply;
           background-color: #2f2f2f;
       }
       .fotteroptionimg1{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg2{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg3{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg4{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg5{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       
       .fotteroptionimg1:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg2:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg3:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg4:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg5:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .cartprodtilte{
           text-align: left;
           margin-left: 79px;
           font-size: 16px;
           color: #424242;
           font-family: psfont;
           margin-top: -73px;
       }
       
       .ratingdesrasas{
           text-align: center;
           padding-bottom: 0px;
           border-top: 1px solid;
           border-bottom: 1px solid;
           width: 50%;
           float: right;
           margin-right: 5%;
           margin-top: -24%;
       }
        ::placeholder {color: #ff4040}
       div.categorysliderr {
           overflow: auto;
           white-space: nowrap;
           margin-top: 79px;
           direction: rtl;
           margin-right: 6px;
       }
       .addtocrtbutt{
           width: 35px;
           height: 36px;
           margin-right: 47px;
           margin-top: -1px;
           padding: 5px;
           border-radius: 16px;
       }
       .seeitprof{
           background-color: #ff4040;
           width: 43px;
           height: 43px;
           margin-right: -87px;
           margin-top: -1px;
           padding: 9px;
           border-radius: 16px;
       }
       .addtocrtbutts{
           font-family: psfont;
           color: #fff;
           background-color: #ff4040;
           padding: 15px 10px;
           font-size: 12px;
           width: 141px;
           padding-right: 36px;
           border-radius: 16px;
           padding-top: 17px;
           margin-top: 0px;
           height: 41px;
           text-align: center;
           float: left;
       }
       .cat1img{
           width: 22%;
       }
       .cat2img{
           width: 14%;
           margin-top: -17%;
           margin-left: -1%;
       }
       .cat3img{
           width: 13%;
           margin-top: 23%;
           margin-left: -14%;
       }
       .cat4img{
           width: 38%;
       }
       .cat5img{
           width: 21%;
           margin-top: -19%;
       }
       .cat6img{
           width: 20%;
           margin-top: 22%;
           margin-left: -22%;
       }
       
       .catedivsect{
           margin: auto;
           width: 100%;
           padding: 12px 0px 12px 8%;
           border-bottom: 1px solid #ff4040;
       }
       .oldpriceh1t{text-decoration: line-through;font-size: 11px;text-align: right;margin-top: -10px;color: #ffffff;background-color: #2b2b2b;width: 61px;padding: 8px 4px 4px 4px;border-radius: 7px;margin-right: 4px;font-family: psfont;}
       .pricediv{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 27px;
           padding-top: 13px;
           border-radius: 0px 0px 10px 10px;
           width: 186px;
           margin-top: 170px;
       }
       .prodpricqu{
           font-size: 13px;
           text-align: left;
           margin-top: -14px;
           color: #fff;
           margin-left: 8px;
           font-family: psfont;
       }
       .cantaddtocrtbutts{
           font-family: psfont;
           color: #2b2b2b;
           background-color: #ff4040;
           padding: 15px 10px;
           font-size: 12px;
           width: 141px;
           padding-right: 36px;
           border-radius: 16px;
           padding-top: 17px;
           margin-top: 0px;
           height: 41px;
           text-align: center;
           float: left;
           padding-left: 22px;
       }
       .produdescrip{
           width: 100%;
           min-height: auto;
           height: auto;
           max-height: initial;
           background-color: #2f2f2f;
           float: right;
           margin-right: 1%;
           color: #fff;
           margin-top: 20px;
           border-radius: 11px;
           text-align: right;
           padding-right: 21px;
           font-family: psfont;
           padding: 14px;
       }
       .waseftit{
           font-family: psfont;
           font-size: 22px;
           margin-top: 11px;
           margin-bottom: 8px;
       }
       
       
       .oldpriceh1t1{text-decoration: line-through;font-size: 9px;text-align: right;margin-top: -6px;color: #ffffff;background-color: #2b2b2b;width: 50px;padding: 8px 4px 4px 4px;border-radius: 7px;margin-right: 4px;float: right;font-family: psfont;}
       .pricediv1{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 37px;
           padding-top: 13px;
           border-radius: 11px;
           width: 45%;
           margin-left: 50%;
           margin-top: -16px;
           position: absolute;
       }
       .prodpricqu1{
           font-size: 13px;
           text-align: left;
           margin-top: -14px;
           color: #fff;
           margin-left: 7px;
           font-family: psfont;
       }
       .producttitleincategory{
           background-color: #2f2f2f;
           margin-top: -278px;
           position: absolute;
           padding-top: 10px;
           margin-left: 0%;
           height: 22px;
           width: 86.6%;
           border-radius: 11px 11px 0px 0px;
           text-align: center;
           padding-top: 7px;
           margin-top: -283px;
       }
       .oldpriceh1t2{text-decoration: line-through;font-size: 11px;text-align: center;background-color: #2b2b2b;width: 112%;height: 23px;padding: 8px 6px 7px 3px;border-radius: 7px;font-family: psfont;}
       .slidertop{
    height: 379px;
}
.slidertoptxt{}
.pricediv2{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 30px;
           padding-top: 16px;
           border-radius: 0px 0px 11px 11px;
           width: 76%;
           margin-top: -30px;
           position: absolute;
       }
       .prodpricqu2{
           font-size: 13px;
           text-align: left;
           margin-top: -18px;
           color: #fff;
           margin-left: 16px;
           font-family: psfont;
       }
       .buttonpostiondiv{
           float: right;
           width: 62%;
       }
       
     
  }
   

  @media only screen and (min-width: 750px) {
    .iframtmea1{width: 100%;border: 1px;height: 320px;}
.prodtssit{
        font-size: 13px;
        text-align: center;
        margin-top: 8px;
        color: #ffffff;
        font-weight: bold;
        background-color: #0000008f;
        font-family: psfont;
        height: 100%;
        padding-top: 100px;
        border-radius: 10px;
        width: 100%;
        margin-top: -228px;
        position: relative;
    }
      .productdivv{}
      .catetitleaa{
    margin: auto;
    width: 30%;
    margin-bottom: 40px;
}
      .ourteamsliders{
    width: 30%;
    padding: 13px 0px 5px 0px;
    margin-top: -17px;
    font-size: 13px;
    }
.mainsera{border: 2px solid #a91827;height: 306px;margin-top: 42px;width: 96%;margin-left: 2%;border-radius: 10px;margin-bottom: 20px;}
.btolat{border: 2px solid #a91827;height: 306px;margin-top: 42px;width: 96%;margin-left: 2%;border-radius: 10px;margin-bottom: 20px;}
.worldnum{border: 2px solid #a91827;height: 306px;margin-top: 42px;width: 96%;margin-left: 2%;border-radius: 10px;margin-bottom: 20px;}
.worldnumt1{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 40%;
    margin: -17px auto 10px;
    }.worldnumt2{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 30%;
    margin: 5px auto 10px;
    }.worldnumt3{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 30%;
    margin: 15px auto 10px;
    }.worldnumt4{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 30%;
    margin: -46px auto 10px;
    }.activitysliders{
    width: 30%;
    padding: 13px 0px 5px 0px;
    margin-top: -17px;
    font-size: 13px;
    }
 .lastnewssliders{
    width: 30%;
    padding: 13px 0px 5px 0px;
    margin-top: 403px;
    font-size: 13px;
    }
.lastnewssliderbord{
    width: 96%;
    margin-left: 2%;
    border-radius: 10px;
    margin-top: -143px;
}
.ourteam{
    width: 96%;
    height: 622px;
    border: 2px solid #a91827;
    margin-top: 30px;
    margin-left: 2%;
    border-radius: 14px;
}
.activity{
    width: 96%;
    height: 262px;
    border: 2px solid #a91827;
    margin-top: 410px;
    margin-left: 2%;
    border-radius: 14px;
}
.catetitlea1{
    color: #00112c;
    font-family: 'psfont';
    background-color: #fff;
    padding: 0px;
    border: 1px solid #00112c;
    padding-top: 16px;
    border-radius: 60px;
    font-size: 18px;
    text-align: center;
    margin: auto;
    display: block;
    width: 83%;
}
.catetitlea2{
    color: #ffffff;
    font-family: 'psfont';
    background-color: #00112c;
    padding: 0px;
    border: 1px solid #00112c;
    padding-top: 16px;
    border-radius: 60px;
    font-size: 15px;
    text-align: center;
    margin: auto;
    display: block;
    width: 83%;
    margin-top: 420px;
}
      .menuhdear{
    display: block;
    visibility: inherit;
    width: 100;
    width: 50%;
    height: 40px;
    background-color: #ffffff;
    position: absolute;
    z-index: 5;
    top: 34px;
    margin-left: 25%;
    border-radius: 10px;
}
.menuinphone{
    margin-top: 38px;
    display: none;
}
.menuintoppleftloginhed{}
.sshareehaayymnaysra{
    color: #00112c;
    float: right;
    margin-top: -10%;
}
      .sshareehaayymna{
    color: #00112c;
    float: left;
    margin-top: -2%;
}
      .videoinhome{
    width: 50%;
    float: right;
    margin-right: -13px;
    height: auto;
    min-height: 380px;
}
      .menutoptap2{
        position: fixed;
        top: 0;
        background-color: #ffffff;
        right: 0;
        padding: 7px;
        margin-right: 11%;
        font-family: 'psfont';
        margin-top: 37px;
        padding-top: 13px;
        border-radius: 50px;
        font-size: 13px;
        padding-right: 20px;
        padding-left: 20px;
        color: #00112c;
        text-align: center;
        width: 113px;
        height: 30px;
        border: 1px solid #00112c;
        }
        .menutoptap3{
            position: fixed;
            top: 0;
            background-color: #ffffff;
            right: 0;
            padding: 7px;
            margin-right: 20%;
            font-family: 'psfont';
            margin-top: 37px;
            padding-top: 12px;
            border-radius: 50px;
            font-size: 13px;
            padding-right: 20px;
            padding-left: 20px;
            border: 1px solid #00112c;
            color: #00112c;
            text-align: center;
            height: 30px;
            width: 113px;
            }
            .menutoptap4{
                position: fixed;
                top: 0;
                background-color: #ffffff;
                right: 0;
                padding: 7px;
                margin-right: 29%;
                font-family: 'psfont';
                margin-top: 37px;
                padding-top: 12px;
                border-radius: 50px;
                font-size: 13px;
                padding-right: 20px;
                padding-left: 20px;
                color: #00112c;
                border: 1px solid #00112c;
                text-align: center;
                width: 113px;
                height: 30px;
                }
                .menutoptap5{
                    position: fixed;
                    top: 0;
                    background-color: #ffffff;
                    right: 0;
                    padding: 7px;
                    margin-right: 38%;
                    font-family: 'psfont';
                    margin-top: 37px;
                    padding-top: 13px;
                    border-radius: 50px;
                    font-size: 13px;
                    padding-right: 20px;
                    padding-left: 20px;
                    color: #00112c;
                    border: 1px solid #00112c;
                    text-align: center;
                    width: 113px;
                    height: 30px;
                    }
                    .menutoptap8{}
.tiltiinhder{
    font-size: 22px;
}
.menutoptap6{
                        position: fixed;
                        top: 0;
                        background-color: #ffffff;
                        right: 0;
                        padding: 7px;
                        margin-right: 47%;
                        font-family: 'psfont';
                        margin-top: 37px;
                        padding-top: 12px;
                        border-radius: 50px;
                        font-size: 13px;
                        padding-right: 20px;
                        padding-left: 20px;
                        color: #00112c;
                        text-align: center;
                        border: 1px solid #00112c;
                        width: 113px;
                        height: 30px;
                        }
  .menuintopp{}
.menuintoppleft{
    width: 11%;
    height: 128px;
    background-color: #fff;
    margin: auto;
    margin-top: -40px;
    border-radius: 0px 0px 30px 30px;
    border: 2px solid #a91827;
}
.menutoptapleft{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    left: 0;
    padding: 6px;
    height: 30px;
    text-align: center;
    width: 25%;
    margin-left: -10px;
    font-family: 'psfont';
    margin-top: 37px;
    padding-top: 12px;
    border-radius: 0px;
    font-size: 13px;
    color: #00112c;
    border: 1px solid #00112c;
}
.menuintoppleftlogo{
    position: fixed;
    width: 90px;
    top: 0;
    margin-top: 9px;
    margin-left: 2%;
    position: absolute;
    width: 61px;
    top: 0;
    margin-top: -14px;
    margin-left: 0%;
    padding: 11px;
    display: block;
    z-index: 1000;
    background-color: #fff0;
    float: left;
}
    .frametemm{width: 100%;border: 1px;height: 310px;}

.menutoptasap1{
        position: absolute;
        top: 0;
        background-color: #ffffff;
        right: 0;
        padding: 7px;
        margin-right: 20px;
        font-family: 'psfont';
        margin-top: 8px;
        padding-top: 14px;
        border-radius: 13px;
        font-size: 15px;
        padding-right: 20px;
        padding-left: 20px;
        color: #2f2f2f;
        }
        .backgroundheaderlogoleft{
            margin-top: -63%;
            width: 19%;
            margin-right: -5px;
            position: absolute;
        }

       .backgroundheaderlogo{
    margin-top: -42%;
    width: 17%;
    margin-right: 6px;
    float: left;
    position: absolute;
    right: 0;
   }
   .backgroundheadertxt{margin: a;margin: -119px auto;text-align: center;width: 60%;color: #fff;font-family: 'psfont';font-size: 31px;}
   .backgroundheadertxt1{margin: a;margin: 131px auto;text-align: center;width: 60%;color: #fff;font-family: 'psfont';font-size: 41px;}
   .imgfotinfoo{
    width: 50px;
    float: right;
    margin-top: -25px;
   }
       .txtfotinfoo{
    color: #fff;
    font-family: 'psfont';
    font-size: 20px;
    float: right;
    margin-right: 1%;
   }
       .mainfotcont{
   margin-top: 3%;
   width: 100%;
   HEIGHT: 599px;
   background-color: #a91827;
   margin-left: 0px;
   }
   .txtfotinfooa1{
    width: 80%;
    margin-top: 120px;
   }
   .txtfotinfooa2{
    width: 80%;
    margin-top: 180px;
   }
.menuitem1{
    width: 87%;
    font-family: psfont;
    font-size: 11px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
    border: 1px;
    font-size: 12px;
    margin-left: 50px;
    color: #a91827;
}
.menuitem2{
    background-color: #ffff;
    width: 95px;
    font-family: psfont;
    font-size: 11px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
}
.menuitem3{
    background-color: #ffff;
    width: 95px;
    font-family: psfont;
    font-size: 11px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
}
.menuitem4{
    background-color: #ffff;
    width: 95px;
    font-family: psfont;
    font-size: 11px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: left;
    margin-left: 10px;
}
.menuitem5{
    background-color: #ffff;
    width: 95px;
    font-family: psfont;
    font-size: 11px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: left;
    margin-left: 10px;
}
.menuitem6{
    background-color: #ffff;
    width: 95px;
    font-family: psfont;
    font-size: 11px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: left;
    margin-left: 10px;
}
 .txtfotinfooa3{
    width: 80%;
    margin-top: 240px;
   }
   .txtfotinfooa4{
    width: 80%;
    margin-top: 240px;
   }
   .txtfotinfooa4{
    width: 80%;
    margin-top: 300px;
   }
   .txtfotinfooa13{}
       .mainfotcontmap{
    position: absolute;
    margin-top: 56px;
    float: right;
    padding: 24px;
    left: 38px;
    width: 48%;
   }
       .mainfotcontinfo{
    width: 49%;
    height: 456px;
    float: right;
    position: absolute;
    margin-top: 50px;
    right: 5px;
    border-left: 2px solid #a91827;
    background-color: #a91827;
    padding-right: 40px;
   }
       .aboutusd{width: 100%;float: left;margin-left: 0;height: auto;min-height: 270px;}
       .aboutustxt{
    width: 100%;
    margin-top: 70%;
    text-align: center;
    font-size: 18px;
    color: #f8f9f9;
    margin: 0% auto 3%;
    font-family: 'psfont';
    padding-top: 55px;
    border-radius: 0px;
   }
       .footer-bottom {text-align: center;padding-top: 1em;background-color: #00112c;MARGIN-TOP: 0px;position: fixed;bottom: 0;width: 100%;}
   .footer-bottom p {font-size: 14px;color: #ffffff;font-weight: 400;font-family: psfont;text-align: center;}
   .footer-bottom a {font-size: 19px;color: #0075c7;font-weight: 400;text-transform: capitalize;font-family: alghad;}
   .footer-bottom a:hover {
   color: #d5d6d7;
   }
   .footer-bottom p a {margin: 0 6px 0 6px;font-family: psfont;font-size: 15px;}
   .socialmediaimg{
     width: 3%;
     margin-top: -10px;
     margin-bottom: 10px;
   }
   .imageincrt1{
       width: 50%;
   }
       
   .searchforproductform{
       width: 77%;
       border: 1px solid #ffffff;
       margin-top: -42px;
       background-color: #fff;
       position: absolute;
       z-index: 43;
       border-radius: 11px;
       margin-left: 10%;
       padding-right: 14px;
   }
   .imageincrt2{
       width: 50%;
   }
       .imageincrt3{
       width: 124px;
       margin-left: -127px;
       margin-top: 210px;
   }
       .imageincrt4{
       width: 294px;
       margin-left: 16px;
       margin-top: 1px;
   }
       .imageincrt5{
       width: 25%;
       margin-top: -49%;
   }
   .cateimgincrt{
       width: 27%;
       margin-left: 6%;
       margin-top: -41px;
   }
   .imageincrt6{
       width: 24%;
       margin-top: -1%;
       margin-left: -364px;
   }
       .button.style-10, .button.style-12, .button.style-18{
       width: 53%;
       margin-top: -12%;
       margin-right: 3%;
   }
   
       .cantbuttonaddtcrt{}
   
       .proquaniti{}
   
       .swiper-wrapper{}
   
       .gocover {background: url("../images/loader.gif") no-repeat scroll center center rgba(45, 45, 45, 0.5);
           display:none;
           position: absolute;
           height: 100%;
           width: 100%;
           z-index: 9999;
           }
           body{
               background-color: #ffffff;
           }
           .closeico{
               width: 28px;
               margin-right: -7px;
             }
             .icon1{
               margin-left: -60%;
               margin-bottom: -22px;
             }
             .modal {
               display: none; 
               position: fixed; 
               z-index: 1;
               left: 0;
               top: 0;
               width: 100%; 
               height: 100%; 
               overflow: auto; 
               background-color: rgb(0,0,0); 
               background-color: rgba(0,0,0,0.4); 
             }
             
             .modal-content {
               background-color: #fefefe;
               padding: 11px;
               border: 3px solid #24c9d6;
               width: 100%;
               margin-left: -2%;
             }
             
             .close {
               color: #aaa;
               float: right;
               font-size: 28px;
               font-weight: bold;
             }
             
             .close:hover,
             .close:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
             }
             .modalDialog {
               position: fixed;
               font-family: Arial, Helvetica, sans-serif;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity:0;
               -webkit-transition: opacity 400ms ease-in;
               -moz-transition: opacity 400ms ease-in;
               transition: opacity 400ms ease-in;
               pointer-events: none;
           }
           .modalDialog:target {
               opacity:1;
               pointer-events: auto;
           }
           
           .modalDialog > div {
               width: 87%;
               margin: 10% auto;
               padding: 0px 20px 13px 20px;
               border-radius: 10px;
               background: #fff;
               background: -moz-linear-gradient(#fff, #999);
               background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
               background: -o-linear-gradient(#fff, #999);
               margin-top: 39px;
           }
           .closeimg{
               margin-top: -17px;
               width: 40px;
               position: absolute;
               margin-left: -26px;
               background-color: #fb8791;
               border-radius: 50%;
               border: 2px solid #f55462;
           }
           #cover {
                 background: url(../images/box.gif) no-repeat scroll center center #fff;
                 position: fixed;
                 height: 100%;
                 width: 100%;
                 background-size: 50px;
                 z-index: 9999;
               }
           
           
           .go-section .container{
               margin-top: 50px;
           }
           .home-section{
               max-width: 400px;
               margin-top: 10%;
               padding-bottom: 5%
           }
           .home-section p{
               color: #ffffff;
           }
           .home-section h1{
               color: #ffffff;
           }
           
           .help-block strong{
               color: red;
           }
           .form-control,.btn{
               border-radius: 30px;
           }
           
           /*User Account CSS Start*/
           
           .tabs > li{
               margin-bottom: 10px;
               width: 100%;
           }
           .tabs li a{
               color: #000000;
               line-height: 20px;
           }
           
           .tabs > li.active{
               color: #FFF;
               background-color:  #000000;
           }
           
           .tabs > li.active a{
               color: #FFF;
           }
           
           .tabs > li.active:focus a{
               color: #FFF;
           }
           
           .tabs > li:hover{
               background-color:  #000000;
               color: #FFF;
           }
           .tabs > li:hover a{
               color: #FFF;
           }
           
           
           /*Service Section CSS Start*/
           .go-services{
           margin-top:70px;
           }
           .service-list{
               width:100%;
               float:left;
               height:auto;
               margin:0 0 30px;
               padding:20px 20px 15px;
               background:#faf9f9;
               border: 1px solid #ddd;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover{
               border: 1px solid #000000;
           }
           .service-list img {
               padding: 10px;
               height: 80px;
               width: 80px;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               background-color: #000000;
           }
           .service-list .fa {
               border: none;
               font-size: 30px;
               height: auto;
               line-height: 80px;
               margin: 0 0 10px;
               vertical-align: middle;
               width: 80px;
               color:#000000;
               background:#fff;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover .fa{
               background:#000000;
               color:#fff;
           }
           .service-list h3{
               margin-top: 0;
           }
           
           
           /*Service Section CSS End*/
           
           /*Genius Testimonial CSS Start*/
           .testimonials {
               position: relative;
               padding-top: 80px;
           }
           .testimonials:after {
               content: '';
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               width: 100%;
               height: 30%;
           }
           
           #customers-testimonials .item-details {
               color: #fff;
               padding: 20px 20px;
               text-align: left;
           }
           #customers-testimonials .item-details h5 {
               color: #010101;
               margin: 15px 0 0;
               font-size: 18px;
               line-height: 18px;
           }
           #customers-testimonials .item-details h5 span {
               color: red;
               float: right;
               padding-right: 20px;
           }
           #customers-testimonials .item-details p {
               font-size: 14px;
               color: #6f6f6f;
           }
           #customers-testimonials .item-details .ctext {
               font-size: 14px;
               color: #6f6f6f;
               font-style: italic;
           }
           
           #customers-testimonials .item {
               text-align: center;
               margin-bottom: 80px;
               border: 1px solid #DDD;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           #customers-testimonials .item:hover {
               border: 1px solid #000000;
           }
           
           #customers-testimonials .item .fa{
               border-bottom: 1px solid #ddd;
               font-size: 40px;
               padding: 20px 45px;
           }
           .owl-carousel .owl-nav [class*='owl-'] {
               -webkit-transition: all .3s ease;
               transition: all .3s ease;
           }
           
           .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
               background-color: #D6D6D6;
           }
           
           .owl-carousel {
               position: relative;
           }
           
           .owl-carousel .owl-next,
           .owl-carousel .owl-prev {
               width: 50px;
               height: 50px;
               line-height: 50px;
               /*border-radius: 50%;*/
               position: absolute;
               top: 30%;
               font-size: 30px;
               color: #000000;
               /*border: 1px solid #000000;*/
               text-align: center;
           }
           
           .owl-carousel .owl-prev {
               left: -40px;
           }
           
           .owl-carousel .owl-next {
               right: -40px;
           }
           
           /*Genius Testimonial CSS END*/
           
           .go-products{
               margin-top:40px;
           }
           
           .home-tab > li, .nav-pills > li {
               float:none;
               display:inline-block;
           }
           
           .home-tab {
               text-align:center;
           }
           
           .go-top {
               /* width: auto; */
               float: right;
               /* height: auto; */
               position: fixed;
               right: 15px;
               bottom: 15px;
               z-index: 999;
               text-align: center;
               display: none;
               /* border: 2px solid #FFF; */
               /* border-radius: 50%; */
           }
           .go-top i {
               background: #000000 repeat scroll 0 0;
               color: #fff;
               border-radius: 50%;
               font-size: 24px;
               height: 40px;
               line-height: 40px;
               width: 40px;
           }
           
           a:hover { text-decoration: none; }
           
           .section-padding {
               padding: 80px 0;
           }
           .section-title {
               text-align: center;
               margin-bottom: 50px;
           }
           .section-title h2 span {color: #000000;}
           .single-pricing-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
               margin-bottom: 10px;
           }
           .single-pricing-box h3 {text-transform: uppercase;}
           .pricing-icon {
               margin-bottom: 20px;
               font-size: 40px;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-icon img {
               max-width: 88px;
               height: auto;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list {
               padding: 0px 10px;
               text-align: left;
               margin-bottom: -22px;
           }
           .single-pricing-box h3.pricing-count {
               text-transform: none;
           }
           .pricing-list ul {
               margin: 0;
               padding: 0;
               list-style: none;
               padding-left: 16px;
               line-height: 30px;
           }
           .pricing-list ul li .fa{
               color: #000000;
           }
           
           a.bordered-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               display: inline-block;
               color: #FFF;
               background-color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           
           .single-pricing-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           .single-pricing-box {-webkit-transition: .2s;transition: .2s;}
           a.bordered-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           .single-pricing-box:hover .pricing-icon {
               color: #000000;
           }
           .single-pricing-box:hover .pricing-icon img {
               opacity: .7;
               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
           }
           .pricing-list ul li {
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list ul li:hover {
               padding-left: 5px;
           }
           
           
           
           
           .btn-views{
               color: #ffffff;
               background: gray;
           }
           
           .genius-btn:hover {
               text-decoration: none;
               background-color: #000000;
               color: #FFF;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
           }
           
           .genius-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
               background-color: #FFF;
           }
           
           
           .nav-tabs {margin-bottom: 15px;}
           .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
           .nav-tabs > li > a {padding: 13px 0px 5px 0px;color: #3c3c3c;border: 1px solid;font-family: psfont;font-size: 14px;border-radius: 12px;}
           .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;border-radius: 12px;color: #fff !important;background: #ffffff;font-family: psfont;font-size: 14px;padding: 14px 0px 5px 0px;text-align: center;background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);border: 1px solid #79d8e4;}
           .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
           border-radius: 12px;
           color: #fff !important;
           background: #ffffff;
           font-family: psfont;
           font-size: 14px;
           padding: 14px 0px 5px 0px;
           text-align: center;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
           border: 1px solid #79d8e4;
       }
           /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
           .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
           .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
           .tab-pane { padding: 15px 0; }
           .tab-content{padding:0px}
           .card{margin-bottom: 30px;}
           
           /*Star Rating Start*/
           .starrr {
               margin: auto;
               display:block;
               margin-left: 15%;
               }
           .starrr a {
               font-size: 26px;
               padding: 0 1px;
               cursor: pointer;
               color: #3abdca;
               text-decoration: none;
               }
           /*Star Rating End*/
           
           
           
           .rating-row{
               padding-bottom: 10px;
               border-bottom: 1px solid #eee
           }
           .rating-date{
               font-size: 12px;
               color: rgba(17,7,0,0.49);
           }
           .rating-box{
               margin-bottom: 0px!important;
           }
           .col-item {
               background: #FFF;
               margin-bottom:12px;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
               border-radius: 6px;
               border: 1px solid #11b7c4;
               height: 199px;
           }
           
           .col-item .options {
               position:absolute;
               top:6px;
               right:22px;
           }
           
           .col-item .photo {
               overflow: hidden;
           }
           
           .col-item .photo .options {
               display:none;
           }
           
           .col-item .photo img {
               margin: 0 auto;
               width: 100%;
               -webkit-transition:all 0.5s ease-in-out;
               -moz-transition:all 0.5s ease-in-out;
               -ms-transition:all 0.5s ease-in-out;
               -o-transition:all 0.5s ease-in-out;
               transition:all 0.5s ease-in-out;
           }
           
           .col-item:hover .photo img{
               -webkit-transform:scale(1.1);
               -moz-transform:scale(1.1);
               -ms-transform:scale(1.1);
               transform:scale(1.1);
           }
           
           .col-item:hover{
           }
           
           .col-item .options-cart {
               position:absolute;
               left:22px;
               top:6px;
               display:none;
           }
           
           .col-item .photo:hover .options,
           .col-item .photo:hover .options-cart {
               display:block;
               -webkit-animation: fadeIn .5s ease;
               -moz-animation: fadeIn .5s ease;
               -ms-animation: fadeIn .5s ease;
               -o-animation: fadeIn .5s ease;
               animation: fadeIn .5s ease;
           }
           .col-item .options-cart-round {
               position:absolute;
               left:42%;
               top:22%;
               display:none;
           }
           .col-item .options-cart-round button {
               border-radius: 50%;
               padding:14px 16px;
           
           }
           .col-item .options-cart-round button .fa {
               font-size:22px;
           }
           .col-item .photo:hover .options-cart-round {
               display:block;
               -webkit-animation: fadeInDown .5s ease;
               -moz-animation: fadeInDown .5s ease;
               -ms-animation: fadeInDown .5s ease;
               -o-animation: fadeInDown .5s ease;
               animation: fadeInDown .5s ease;
           }
           .col-item .info {
               padding: 0px 10px;
               margin-top: 1px;
           }
           .col-item .price-details {
               width: 100%;
               margin-top: 8px;
           }
           
           .review i{
               color: #f5c10c;
           }
           
           #floating_alert {
               position: absolute;
               top: 20px;
               right: 20px;
               z-index: 5000;
           }
           
           .col-item .price-details h1 {
           }
           .col-item .price-details .details {
               margin-bottom: 0px;
               font-size:12px;
           }
           .col-item .price-details span {
               float:right;
           }
           .col-item .price-details .price-new {
           }
           
           .col-item .price-details .price-old {
               font-size:16px;
               margin-top: 3px;
               text-decoration:line-through;
               color: #9c9c9c;
           }
           .col-item .separator {
               border-top: 0px solid #E1E1E1;
           }
           
           .col-item .clear-left {
               clear: left;
           }
           .col-item .separator a {
               text-decoration:none;
           }
           .col-item .separator p {
               margin-bottom: 0;
               margin-top: 6px;
               text-align: center;
           }
           
           .col-item .separator p i {
               margin-right: 5px;
           }
           .col-item .btn-add {
               width: 60%;
               float: left;
           }
           .col-item .btn-add a {
               display:inline-block !important;
           }
           .col-item .btn-add {
               border-right: 1px solid #E1E1E1;
           }
           .col-item .btn-details {
               width: 40%;
               float: left;
               padding-left: 10px;
           }
           .col-item .btn-details a {
               display:inline-block !important;
           }
           .col-item .btn-details a:first-child {
               margin-right:12px;
           }
           
           
           
           
           .services{
           
               margin-top: 20px;
           }
           .services p{
               color: #000000;
               font-size: 18px;
           }
           .services h1{
               color: #000000;
               margin-bottom: 0;
               text-align: center;
               font-size: 14px;
           }
           
           .single-box {
               -webkit-transition: .2s;
               transition: .2s;
           }
           
           .single-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
           }
           .single-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           
           .services-div{
               padding: 11px 10px 15px 10px;
               border-radius: 17px;
           }
           
           .order-div{
               border: 1px solid #24c9d6;
               padding-left: 0;
               padding-right: 0;
               border-radius: 14px;
               margin-left: -5%;
               width: 110%;
               margin-top: 9px;
           }
           .order-div h4{
               color: #FFFFFF;
               background-color: #fe4242;
               padding: 10px;
               margin-top: 0;
               padding-left: 0;
               border-radius: 14px 14px 0px 0px;
               padding-right: 0;
           }
           
           .order-left{
               padding-bottom: 15px;
               padding-left: 0;
               padding-right: 0;
           }
           
           .order-right{
               padding-bottom: 15px;
               padding-left: 0;
               border: 1px solid #ff4040;
               padding-right: 0;
               border-radius: 6px;
               margin-top: 14px;
           }
           .order-right p{
               text-align: left;
               line-height: 1;
               padding: 0 10px;
               font-size: 14px;
           }
           .order-right p i{
               color: darkgreen;
           }
           
           .order-left form{
               padding-left: 15px;
               padding-right: 15px;
           }
           
           
           .btn-home{
               margin-bottom: 10px;
               margin-right: 5px;
               color: #ffffff;
               font-size: 20px;
               font-weight:600;
               padding: 10px 15px 10px 15px;
               border: 2px solid #ffffff;
               background: rgba(0,0,0,0.5);
           }
           
           .btn-home:hover{
               color: #ffffff;
               background-color: #337ab7;
           }
           
           .theme2{
               background-color: #ffffff;
           }
           .animate {
               -webkit-transition: all 0.3s ease-in-out;
               -moz-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               -ms-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
           }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
           .row{
               margin:0;
           }
           .navbar-bootsnipp {
               background-color: #000000;
               border-radius: 0px;
               margin-bottom: 0px;
               z-index: 100;
           }
           .margintop{
               margin-top: 10px;
           }
           .navbar-bootsnipp:nth-of-type(2) {
               border-top-width: 1px;
               z-index: 50
           }
           .nav > li > a:focus, .nav > li > a:hover{
               background-color: #000000;
               color: #FFF;
           }
           .navbar-bootsnipp.affix-top {
               position: absolute;
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp.affix {
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp .navbar-toggle .icon-bar {
               background-color: rgb(95, 176, 228);
           }
           
           .navbar-bootsnipp .navbar-brand {
               color: rgb(95, 176, 228);
               font-weight: 900;
               letter-spacing: 2px;
           }
           .service{
               width: 32%;
           }
           .navbar-bootsnipp .navbar-nav > li > a {
               border: 0px solid rgb(255, 255, 255);
               color: rgb(255, 255, 255);
               font-weight: 600;
           }
           
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
               border-radius: 0px;
           }
           
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
               border-left-width: 5px;
               color: #FFF;
           }
           .navbar-bootsnipp .navbar-nav > li.disabled > a {
               color: rgb(200, 200, 200);
           }
           
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
               border-radius: 0;
               margin-right: -1px;
               min-width: 220px;
               padding: 0px;
           }
           .navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
               left: 0px;
               margin-left: -1px;
               right: auto;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
               border-left: 0px solid rgb(95, 176, 228);
               color: rgb(120, 120, 120);
               font-size: 16px;
               font-weight: 400;
               padding: 10px 20px;
               white-space: nowrap;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
               background-color: rgb(245, 245, 245);
               border-left-width: 5px;
               padding-left: 15px;
           }
           
           
           .navbar .bootsnipp-profile > a {
               padding-bottom: 9px;
               padding-top: 9px;
           }
           .navbar .bootsnipp-profile > a > img {
               border-radius: 50%;
               width: 32px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu {
               width: 320px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
               padding: 5px 15px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
               width: 100%;
           }
           
           .navbar-bootsnipp .bootsnipp-search {
               display: none;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 30px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 25px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control:focus {
               border-color: transparent;
               outline: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
               padding: 14px 16px;
               border-radius: 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
               padding: 14px 16px 14px 15px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
               background-color: rgb(245, 245, 245);
           }
           .nav-padding {
               padding-top: 61px;
           }
           .listing{
               padding:10px 10px 10px 10px;
               color: #000000;
           }
           .single{
               margin-top: 20px;
           }
           .group{
               border: 2px solid #000000;
               border-radius: 5px 5px 0px 0px;
           }
           .group a{
               text-decoration: none;
           }
           .profile-image{
               width: 100%;
               height: auto;
           }
           .no-margin{
               margin: 0;
           }
           .single:hover .listing{
               background-color: #000000;
               color: #FFF;
           }
           .go-bold{
               font-weight: 700;
           }
           
           .go-section{
               padding: 40px 0px;
               min-height: 290px;
               /* margin-bottom: 35px; */
           }
           .profile-section{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-section h3{
               margin-top: 10px;
           }
           .contact-info{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-contact{
               margin: 5px 0px;
               padding: 0px 0px 10px 0px;
               /*border-bottom: 1px solid #DDD;*/
           }
           .profile-social{
               padding: 5px;
           }
           .profile-group{
               margin-bottom: 20px;
           }
           .specialities{
               width: 100%;
               margin-bottom:30px;
           }
           .specialitie{
               float: left;
           }
           .qualifications{
            list-style: none;
            padding: 0;
            margin-bottom:30px;
           }
           .qualification{
               padding: 5px 0px;
               list-style: none;
           }
           .qualification strong{
               width: 30%;
               float: left;
           }
           .qualification span{
               width: 70%;
               float: left;
           }
           .awards-section{
               margin-bottom: 40px;
           }
           .awards h5{
               font-weight: 600;
           }
           .awards p{
               font-weight: 500;
           }
           .banner-300x250{
               max-width:100%;
           }
           .banner-728x90{
               max-width:100%;
           }
           .cats{
               margin-top: 20px;
           }
           
           /*Contact Form CSS*/
           
               input.error{
                 border: 1px solid #e40606;
               }
               input.error:focus{
                 border: 1px solid #e40606;
               }
               select.error{
                 border: 1px solid #e40606;
               }
               select.error:focus{
                 border: 1px solid #e40606;
               }
               textarea.error{
                 border: 1px solid #e40606;
               }
               textarea.error:focus{
                 border: 1px solid #e40606;
               }
               .errorMsg{
                 padding: 0;
                 margin: 0;
                 color: #e40606;
               }
               .capcha{
                 margin-top: 6px;
               }
               #capchaError{
                 margin-top:  6px;
               }
               .gologo{
           
               padding: 10px;
           }
           .headad{
               padding: 10px;
           }
           /*Footer Styles*/
           footer{
               background-color: #000000;
               padding: 20px 50px;
               color: #FFF;
           }
           .address p{
                   margin: 0px;
           }
           .socicon{
               padding: 50px 0px;
           }
           .socicon a{
               color: #FFF;
               text-align: center;
               line-height: 45px;
               display: inline-block;
               font-size: 25px;
               width: 45px;
               height: 45px;
               border: 1px solid #FFF;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
           
               margin: 0 3px 10px
           }
           
           .facebook:hover{
               color: #FFF;
               border: 1px solid #3b5998;
               background: #3b5998;
           }
           .google:hover{
               color: #FFF;
               border: 1px solid #d34836;
               background: #d34836;
           }
           .twitter:hover{
               color: #FFF;
               border: 1px solid #0084b4;
               background: #0084b4;
           }
           .linkedin:hover{
               color: #FFF;
               border: 1px solid #0077B5;
               background: #0077B5;
           }
           #related-products{
               margin-bottom: 30px;
           }
           
           .c-line{
               border-top: 1px solid #FFF;
               margin: 10px 0px;
           }
           .btn-genius{
               border:1px solid #CCC;
               padding-top: 20px;
               padding-bottom: 20px;
               color: #161616;
               border-radius: 0;
               font-size: 17px;
           }
           .btn-genius:hover{
               color: #FFF;
               background-color: #0048B3;
           }
           .marginbottom{
               margin-bottom: 31px;
           }
           .login a, .login a:link, .login a:visited, .login a:active, .login a:hover{
               color: #fd3535;
           }
           
           .footerlink a, .footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover{
               color: #FFF;
           }
           
           .btn-ocean{
               border:1px solid #ddd;
               background-color: #ddd;
               color: #000000;
               font-weight: 700;
               font-size: 15px;
           }
           .btn-ocean:hover{
               color: #FFF;
               border:2px solid #ddd;
               background-color: transparent;
           }
           
           .gologo img{
               max-width: 100%;
           }
           
           .navbar-toggle{
               background-color: #FFF;
           }
           
           @media screen and (max-width: 991px) {
               .address{
                  text-align: center;
               }
               .about{
                  text-align: center;
               }
           
           }
           
           .carousel-caption{
               text-align:left;
           
           }
           .carousel-caption h3{
               font-size: 30px;
           }
           .carousel-caption p{
               font-size: 40px;
           }
           .carousel-caption {
               right: 20%;
               left: 10%;
               padding-bottom: 10%;
           }
           
           @media screen and (max-width: 1199px) and (min-width: 767px) {
               .button.style-10{
                   padding: 10px 20px;
               }
               .col-item .info{
                   padding:0!important;
               }
           }
           
           
           @media screen and (max-width: 550px) and (min-width: 451px) {
               .product{
                   width:100%;
               }
               .col-item .photo img{
                   height:580px!important;
               }
           }
           @media screen and (max-width: 450px) {
               .product{
                   width: 50%;
                   padding-left: 3px;
                   padding-right: 0px;
               }
               .col-item .photo img{
                   height: 130px;
                   border-radius: 6px 6px 0px 0px;
                   /* border: 1px #11b7c4 solid; */
               }
           }
           @media screen and (max-width: 767px) {
               .nav-overflow ul > li >a:hover{
               color:#fff;
           }
           .navbar-brand > img {
               max-width: 200px;
           }
               .carousel-caption h3{
                   font-size: 15px;
               }
               .carousel-caption p{
                   font-size: 20px;
               }
                   .qualification strong{
               width: 100%;
               float: left;
           }
           .qualification span{
               width: 100%;
               float: left;
           }
           .qualification{
               padding: 25px 0px;
               list-style: none;
           }
           }
           @media screen and (min-width: 768px) {
               .gologo{
               
               padding: 40px 10px 10px 80px;
           }
           .headad{
               padding: 10px 60px 10px 10px;
           }
               .carousel-caption {
                   right: 20%;
                   left: 10%;
                   padding-bottom: 10%;
               }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             max-height: 500px;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
               .navbar-bootsnipp .navbar-brand {
                   font-size: 20px;
                   height: auto;
                   padding: 20px 5px;
               }
               .navbar-bootsnipp .navbar-nav > li > a {
                   font-size: 16px;
               }
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
                   border-bottom-width: 5px;
                   border-left-width: 0px;
                   padding-bottom: 10px;
               }
           
               .navbar-bootsnipp .navbar-nav > li.disabled > a {
                   padding-left: 10px;
                   padding-right: 10px;
               }
           
           
               .navbar-bootsnipp .bootsnipp-search {
                   background-color: rgb(235, 235, 235);
                   display: block;
                   position: absolute;
                   top: 100%;
                   width: 100%;
                   -webkit-transform: rotateX(-90deg);
                   -moz-transform: rotateX(-90deg);
                   -o-transform: rotateX(-90deg);
                   -ms-transform: rotateX(-90deg);
                   transform: rotateX(-90deg);
                   -webkit-transform-origin: 0 0 0;
                   -moz-transform-origin: 0 0 0;
                   -o-transform-origin: 0 0 0;
                   -ms-transform-origin: 0 0 0;
                   transform-origin: 0 0 0;
                   visibility: hidden;
               }
               .navbar-bootsnipp .bootsnipp-search.open {
                   -webkit-transform: rotateX(0deg);
                   -moz-transform: rotateX(0deg);
                   -o-transform: rotateX(0deg);
                   -ms-transform: rotateX(0deg);
                   transform: rotateX(0deg);
                   visibility: visible;    
               }
               .navbar-bootsnipp .bootsnipp-search > .container {
                   padding: 0px;
               }    
           }
           
           /*The Left Sidebar Styles*/
           
           /* MENU-LEFT
           -------------------------- */
           /* layout */
           
           .allcats{
               padding-bottom: 15px;
               text-align: center;
               color: #fff;
           }
           
           #left{
               margin-bottom: 15px;
           }
           
           #left ul.nav {
               margin-bottom: 2px;
               font-size: 12px; /* to change font-size, please change instead .lbl */
           }
           #left ul.nav ul,
           #left ul.nav ul li {
               list-style: none!important;
               list-style-type: none!important;
               margin-top: 1px;
               margin-bottom: 1px;
           }
           #left ul.nav ul {
               padding-left: 0;
               width: auto;
           }
           #left ul.nav ul.children {
               padding-left: 12px;
               width: auto;
           }
           #left ul.nav ul.children li{
               margin-left: 0px;
           }
           #left ul.nav li a:hover {
               text-decoration: none;
           }
           
           #left ul.nav li a:focus {
               text-decoration: none;
               background-color: transparent;
           }
           
           #left ul.nav li a:hover .lbl {
               /*color: #999!important;*/
           }
           
           #left ul.nav li.current>a .lbl {
               /*background-color: #999;*/
               color: #fff!important;
           }
           
           /* parent item */
           #left ul.nav li.parent a {
               padding: 0px;
               color: #fff;
               text-align: center;
           }
           #left ul.nav>li.parent>a {
               border-bottom: solid 2px #fff;
               text-transform: uppercase;
               margin-bottom: 5px;
               border-top: solid 2px #fff;
               border-radius: 17px;
           }
           #left ul.nav li.parent a:hover {
               background-color: #f76471;
               /*-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
           }
           
           /* link tag (a)*/
           #left ul.nav li.parent ul li a {
               color: #fff;
               border: none;
               display:block;
               padding-left: 5px;
           }
           
           #left ul.nav li.parent ul li a:hover {
               background-color: #fff;
               -webkit-box-shadow:none;
               -moz-box-shadow:none;
               box-shadow:none;
           }
           
           /* sign for parent item */
           #left ul.nav li .sign {
               display: inline-block;
               width: 25px;
               padding: 5px 8px;
               background-color: transparent;
               color: #222;
           }
           #left ul.nav li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #999;*/
               color: #fff;
           }
           
           /* label */
           #left ul.nav li .lbl {
               padding: 5px 12px;
               display: inline-block;
           }
           #left ul.nav li.current>a>.lbl {
               color: #fff;
           }
           #left ul.nav  li a .lbl{
               font-size: 12px;
           }
           
           /* THEMATIQUE
           ------------------------- */
           /* theme 1 */
           #left ul.nav>li.item-1.parent>a {
               /*border: solid 1px #ff6307;*/
           }
           #left ul.nav>li.item-1.parent>a>.sign,
           #left ul.nav>li.item-1 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ff6307;*/
           }
           #left ul.nav>li.item-1 .lbl {
               /* color: #ff6307; */
               font-size: 15px;
           }
           #left ul.nav>li.item-1 li.current>a .lbl {
               /*background-color: #ff6307;*/
               color: #fff!important;
           }
           
           /* theme 2 */
           #left ul.nav>li.item-8.parent>a {
               border: solid 1px #51c3eb;
           }
           #left ul.nav>li.item-8.parent>a>.sign,
           #left ul.nav>li.item-8 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #51c3eb;
           }
           #left ul.nav>li.item-8 .lbl {
               color: #51c3eb;
           }
           #left ul.nav>li.item-8 li.current>a .lbl {
               background-color: #51c3eb;
               color: #fff!important;
           }
           
           /* theme 3 */
           #left ul.nav>li.item-15.parent>a {
               border: solid 1px #94cf00;
           }
           #left ul.nav>li.item-15.parent>a>.sign,
           #left ul.nav>li.item-15 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #94cf00;
           }
           #left ul.nav>li.item-15 .lbl {
               color: #94cf00;
           }
           #left ul.nav>li.item-15 li.current>a .lbl {
               background-color: #94cf00;
               color: #fff!important;
           }
           
           /* theme 4 */
           #left ul.nav>li.item-22.parent>a {
               /*border: solid 1px #ef409c;*/
           }
           #left ul.nav>li.item-22.parent>a>.sign,
           #left ul.nav>li.item-22 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ef409c;*/
           }
           #left ul.nav>li.item-22 .lbl {
               /*color: #ef409c;*/
           }
           #left ul.nav>li.item-22 li.current>a .lbl {
               /*background-color: #ef409c;*/
               color: #fff!important;
           }
           
           .filter-option{
               border-color: #ffffff!important;
               color: #d53435!important;
           }
           .control{
           height: 50px;
       }
           .hom{
           width: 27px;
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           }
           .set{
               width: 22px;
               float: right;
               margin-top: -25px;
               margin-right: 15px;
           }
           @font-face {
               font-family: ramifont;
               src: url(http://mcroshop.com/ramifont.tff);
           }
           .related{
               width: 136px;
               margin-left: 30%;
           }
           .noresul{
               width: 70%;
               margin-left: 15%;
               margin-top: 25%;
           }
           .nocomment{
               width: 50%;
               margin-top: -6%;
               margin-left: 25%;
           }
           .yourreqdone{
               
           }
           .bunnerh{
                   margin-top: 6px;
               width: 96%;
               margin-left: 7px;
               border: 1px #db2d4b solid;
               border-radius: 6px;
           }
           .cate{
               width: 160px;
           }
           
           div.category {
           }
           
           div.category a {
               display: inline-block;
               text-align: center;
               padding: 0px;
               text-decoration: none;
           }
           
           div.category a:hover {
           }
           .produc{
               width: 100px;
               background-color: #fff;
               height: 168px;
               border-radius: 5px;
               margin-left: 3%;
               float: left;
           }
           .imgproduct{
               width: 101%;
               height: 130px;
               border-radius: 10px 10px 0px 0px;
               margin-bottom: 7px;
           }
           
           
           .productslide {
             width: 100%;
             height: 200px;
             display: flex;
             overflow: auto;
             white-space: nowrap;
             direction: rtl;
             padding-right: 21px;
             -webkit-scrollbar {      display: none;  };
           }
           .produc {
             flex-shrink: 0;
             width: 104px;
             background-color: #fff;
             height: 183px;
             border-radius: 11px;
             margin-left: 3%;
             border: 1px solid #11b7c4;
             float: left;
           }
           .prodtit{
               font-size: 11px;
               text-align: center;
               color: #000000;
               font-weight: bold;
               font-family: psfont;
           }
           .prodpric{
               font-size: 13px;
               text-align: center;
               margin-top: -15px;
               color: #fff;
               font-family: psfont;
           }
           .prodpric1{
               font-size: 13px;
               text-align: center;
               margin-top: 2px;
               margin-left: 29px;
               color: #fff;
               font-family: psfont;
           }
           .prodpric2{
               font-size: 18px;
               margin-top: 0px;
               margin-top: 25px;
               color: #fff;
               text-align: center;
               font-family: psfont;
               margin-left: 43px;
           }
           .lastpro{
                   width: 157px;
                   margin-left: 30%;
                   margin-top: 9px;
                   margin-bottom: 10px;
           }
           .appcateg{
               width: 167px;
               margin-left: 24%;
               margin-top: 9px;
               margin-bottom: 10px;
       }
           .bunners{
           
             width: 300px;
             height: 300px;
             display: flex;
             overflow-x: auto;
             -webkit-scroll-snap-points-x: repeat(300px);
                 -ms-scroll-snap-points-x: repeat(300px);
                     scroll-snap-points-x: repeat(300px);
             -webkit-scroll-snap-type: mandatory;
                 -ms-scroll-snap-type: mandatory;
                     scroll-snap-type: mandatory;
           }
           .brands{
               margin-left: 3px;
               width: 100%;
           }
           .appcategorrrs{
               width: 100%;
               border-top: 2px solid #e43c3c;
               margin-bottom: 23%;
               padding: 10px;
               margin-top: -117%;
           }
           .appcategorrr{
               margin-left: 3px;
               width: 31%;
               margin-bottom: 1%;
           }
           .brand{
               width: 125px;
           }
           .prodprics{
               font-size: 17px;
               text-align: left;
               margin-left: 15px;
               margin-top: 13px;
           }
           .cartproduc{
               background-color: #fff;
               height: 115px;
               width: 96%;
               margin-left: 2%;
               border-radius: 7px;
               border: 1px #19b5c2 solid;
           }
           .cartproductimg{
               height: 111px;
               border-radius: 7px 0px 0px 7px;
               border-right: 1px solid #19b5c2;
               width: 70px;
           }
           .cartprod{
           margin-bottom: 100px;
           }
           .cartproductbuttimg{
               margin-top: -43px;
               width: 40px;
               float: right;
               margin-right: 0px;
           }
           .cartprodtx{
                   text-align: center;
                   margin-top: -95px;
                   font-size: 18px;
                   font-family: psfont;
                   color: #19b5c2;
                   font-weight: bold;
                   margin-left: 48px;
           }
           .cartdete{
               width: 96%;
               background-color: #fff;
               margin-left: 2%;
               height: 104px;
               border: 1px solid #f66673;
               border-radius: 6px;
           }
           .cartbtnsl{
               width: 43%;
               float: left;
               margin-top: 25px;
               margin-left: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnsr{
               width: 43%;
               float: right;
               margin-top: 25px;
               margin-right: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnt{
               text-align: center;
               font-size: 19px;
               color: #f66673;
           }
           .cartdet{
               text-align: right;
               margin-right: 23px;
               margin-top: 11px;
               font-size: 20px;
           }
           .cartdetl{
               text-align: left;
               margin-left: 13px;
               margin-top: -21px;
               font-size: 20px;
           }
           .homebac{
               width: 105.111%;
               margin-top: 0px;
           }
           
           .title6{
               width: 44%;
               margin-top: -322%;
               margin-bottom: 147%;
               margin-left: 27%;
           }
           .navbutt{
               width: 31px;  
               position: absolute;
               margin-left: 82%;
           }
            .infobutt{
               width: 10px;
               margin-bottom: -21px;
               margin-left: 5px;
               margin-top: -15px;
            }
           .control6{
               margin-top: -81%;
           }
           
           .logo6{
               width: 54%;
               margin-top: -411%;
               margin-bottom: 148%;
               margin-left: 24%;
           }
           .menubutt{
               float: right;
               width: 33px;
               position: relative;
               margin-right: 10px;
               margin-top: 5px;
           }
           .navibutt{
               float: left;
               width: 28px;
               position: relative;
               margin-left: 10px;
               margin-top: 5px;
           }
           .rightaccountsec{
           position: absolute;
           height: 0px;
       }
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -204%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{width: 108px;margin-top: 7%;float: right;margin-right: 15%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -80%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 4%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -31%;
           margin-top: 114%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -78%;
           }
           .ras1{
               width: 108px;
               margin-top: 61%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 60%;
               margin-right: 14%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -27%;
           margin-top: 103%;
       }
       .las2{width: 108px;margin-top: 12%;float: right;margin-right: 13%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -73%;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -17.3%;
       }
       .las2{width: 108px;margin-top: -17%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
           .leftaccountsec{
               position: absolute;
               height: 0px;
           }
       .modal2 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal-content2 {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close2 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         .closeghassele {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         .close2:hover,
         .close2:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog2 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog2:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog2 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #0199ff;
           border-radius: 50%;
           border: 2px solid #0199ff;
       }
       
       .modal3 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal3-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close3 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close3:hover,
         .close3:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog3 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog3:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog3 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #f65966;
           border-radius: 50%;
           border: 2px solid #f65966;
       }
       
       
       
       .modal4 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal4-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close4 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close4:hover,
         .close4:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       .tabekk{
           width: 20%;
           border: 2px solid #e43c3c;
           height: 60px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .tabekk1{
           width: 20%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 23px 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -20px;
           width: 33px;
           margin-left: -15px;
           background-color: #24c9d6;
           border-radius: 50%;
           border: 2px solid #24c9d6;
       }
       
           
       .bunnerimg{}
   .profbutt1{
           width: 73%;
           height: 29px;
           margin-left: 12%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
   .bunnerimg{}
   .profbutt{
           width: 73%;
           height: 29px;
           margin-left: 12%;
           background-color: #ffffff;
           border: 1px solid #232323;
           border-radius: 20px;
           color: #d44040;
       }
       .carttabek{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: 46%;
           background-color: #24c9d6;
       }
       .carttabekghaseely{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: 7%;
           background-color: #24c9d6;
       }
       .carttabekcheackout{
           width: 99%;
           border: 2px solid #3d3d3d;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           color: #ffffff;
           z-index: 10;
           margin-top: 19px;
           background-color: #ff4040;
       }
       .carttabekghazkm{
           width: 92%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 4%;
           z-index: 10;
           margin-top: 20px;
           background-color: #24c9d6;
       }
       .carttabek1{
           width: 94%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           border-radius: 8px;
           margin-bottom: 10px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #fd3535;
       }
       
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -205%;
           }
           .ras1{
               width: 108px;
               margin-top: 114%;
               margin-left: 12%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 113%;
               margin-right: -23%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 13%;
           margin-top: 183%;
       }
       .las2{width: 108px;margin-top: 182%;float: right;margin-right: -22%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -203%;
           }
           .ras1{
               width: 108px;
               margin-top: 130%;
               margin-left: 29%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 129%;
               margin-right: -44%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 29%;
           margin-top: 199%;
       }
       .las2{width: 108px;margin-top: 197%;float: right;margin-right: -44%;}
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -202%;
               margin-bottom: 71px;
           }
           .ras1{
               width: 108px;
               margin-top: 121%;
               margin-left: 30%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 118%;
               margin-right: -60%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 30%;
           margin-top: 188%;
       }
       .las2{width: 108px;margin-top: 188%;float: right;margin-right: -60%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -198%;
               margin-bottom: 160px;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -16%;
       }
       .las2{width: 108px;margin-top: -16%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: aleft;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       .brand{
           width: 77px;
       }
       .catetitle{width: 90%;margin-left: 11px;margin-bottom: 19px;}
       .aboutitlee1{color: #22b8c4;width: 225px;font-size: 14px;margin-top: 9px;font-family: psfont;}
.catetitleh1{color: #22b8c4;width: 225px;text-align: right;font-size: 14px;float: right;margin-top: 9px;font-family: psfont;}
       .catetitleimg{width: 16px;}
       div.brands {
           overflow: auto;
           white-space: nowrap;
           direction: rtl;
           margin-top: 5px;
           margin-left: -20px;
           margin-bottom: -19px;
       }
       
       div.brands a {
           display: inline-block;
           text-align: center;
           padding: 1px;
           text-decoration: none;
       }
       
       div.brands a:hover {
       }
       #element::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: block;
       }
       .services{width: 33%;}
       .servimg{
       
       }
       .servh1{
           
       }
       .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       @font-face {
           font-family: psfont;
           src: url(../font/1.ttf);
         }
       
         .sidenav {
           height: 100%; /* 100% Full-height */
           width: 0; /* 0 width - change this with JavaScript */
           position: fixed; /* Stay in place */
           z-index: 31; /* Stay on top */
           top: 0; /* Stay at the top */
           top: 0;
           right: 0;
           background-color: #19b5c2; /* Black*/
           overflow-x: hidden; /* Disable horizontal scroll */
           padding-top: 60px; /* Place content 60px from the top */
           transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
         }
         
         /* The navigation menu links */
         .sidenav a {
           padding: 8px 8px 8px 32px;
           text-decoration: none;
           font-size: 25px;
           color: #ffffff;
           display: block;
           transition: 0.3s;
         }
         
         /* When you mouse over the navigation links, change their color */
         .sidenav a:hover {
           color: #f1f1f1;
         }
         
         /* Position and style the close button (top right corner) */
         .sidenav .closebtn {
           position: absolute;
           top: 0;
           left: -82px;
           font-family: psfont;
           font-size: 43px;
           margin-top: 4px;
           margin-left: 60px;
         }
         
         /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
         #main {
           transition: margin-left .5s;
           padding: 20px;
         }
         Q
         /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
         @media screen and (max-height: 450px) {
           .sidenav {padding-top: 15px;}
           .sidenav a {font-size: 18px;}
         }
         .menubutton1{margin-top: -31px;}
         .menubutton2{margin-top: 45px;}
         .menubutton3{margin-top: 45px;}
         .menubutton4{margin-top: 45px;}
         .menubutton5{margin-top: 45px;}
         .menubutton6{margin-top: 45px;}
         .menbuttimg{float: right;width: 54px;margin-top: -24px;margin-right: 12px;}
         .menbutttext{color: #fff;font-family: psfont;font-size: 14px;text-align: right;margin-right: 70px;}
       .menubuttons{
           
       }
       .signinnh1{text-align: right;margin-right: 25px;font-family: psfont;font-size: 20px;color: #19B5C2;}
       .backbutt{
           float: left;
           width: 22px;
           margin-top: -4px;
           margin-left: 20px;
       }
       .backbutt1{
           float: left;
           width: 22px;
           margin-top: 18px;
           margin-left: 20px;
       }
       .signbutt{width: 180px;height: 42px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;border-radius: 40px;color: #ffffff;}
       .regggggh1{text-align: center;font-size: 12px;font-family: psfont;}
   .regggggh1link{
       text-align: center;
       font-size: 12px;
       font-family: psfont;
       color: #3d3d3d;
       margin-top: 6px;
   }
   .regggggh2link{
       text-align: left;
       font-size: 12px;
       font-family: psfont;
       color: #3d3d3d;
       margin-left: -8%;
       float: left;
       margin-top: -24px;
   }    .nameintheamidd{
           width: 89%;
           text-align: center;
           font-size: 17px;
           margin-top: 26px;
           color: #24c9d6;
           font-family: psfont;
       }
       .buttonbottmaa1{
           background-color: #19B5C2;
           width: 43%;
           height: 43px;
           border-radius: 6px;
           padding: 10px 0px 0px 0px;
           margin-left: 51%;
           bottom:0;
           margin-bottom: 10px;
           float: left;
       }
       .buttonbottmaa2{
           background-color: #19B5C2;
           width: 43%;
           height: 43px;
           border-radius: 6px;
           padding: 10px 0px 0px 0px;
           margin-left: 5%;
           float: right;
           bottom:0;
       }
       .buttonbottmaaa1{color: #fff;font-family: psfont;text-align: center;margin-left: 27%;}
       .buttonbottmaaa2{color: #fff;font-family: psfont;text-align: center;margin-left: 14%;}
       .shippdetiil{
           text-align: right;
           font-size: 14px;
           font-family: psfont;
           margin-bottom: 10px;
           margin-right: 13px;
       }
       .shippdetiilss{
           text-align: right;
           font-size: 14px;
           font-family: psfont;
           margin-bottom: 10px;
           margin-right: 13px;
       }
       .butt{
           width: 100%;
           margin-left: 0%;
           margin-top: 15px;
       }
       .buttpromo{
           width: 92%;
           margin-left: 4%;
           margin-top: 15px;
       }
       .butt1{
           width: 100%;
           margin-left: 0%;
           height: 100px;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .selecttime{width: 100%;height: 124px;border: 1px solid #24c9d6;border-radius: 10px;}
       .selecttime1{width: 94%;height: 124px;border: 1px solid #24c9d6;border-radius: 10px;margin-left: 3%;}
       
       .selecttimeh1{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh22{
           font-size: 12px;
           float: right;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           margin-top: -9px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh21{
           font-size: 12px;
           margin-top: 10px;
           float: right;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .ratingdiv{margin-bottom: 110px;height: 51px;width: 124%;padding: 10px 10px 0px 0px;margin-left: -12%;margin-bottom: 52px;margin-top: -21px;}
       .ratingh1{
           background-color: #11b7c4;
           padding: 10px 0px 0px 9px;
           font-size: 19px;
           font-family: psfont;
           width: 50px;
           margin-top: -10px;
           float: right;
           color: #fff;
           border-radius: 5px;
       }
       .ratingdes{
           font-family: psfont;
           text-align: right;
           font-size: 17px;
           margin-right: 62px;
           margin-top: 8px;
       }
       .ratingdesr{
           font-family: psfont;
           text-align: left;
           font-size: 13px;
           color: #3b3b3b;
           margin-top: 10px;
       }
       .ghazimg12{width: 100%;height: 80px;padding: 13px;border-radius: 11px;margin-top: -11px;}
       
       .ghaztitle{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 17px;
       }
       .buttw{
           width: 94%;
           direction: rtl;
           margin-left: 3%;
       }
       .buttghaz{
           width: 90%;
           direction: rtl;
           margin-left: 5%;
       }
       .butt1w{
           height: 100px;
           width: 94%;
           margin-left: 3%;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .ghassele{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 10px;
       }
       .ghsseleno3img{
           
       }
       .categoryss{margin-top: 80px;}
       .maincategory{
       
       }
       .maincategorytxt{background-color: #ececec;font-family: psfont;text-align: right;font-size: 15px;color: #24c9d6;padding: 17px 12px 8px 0px;}
       .childcategorytxt{
           font-family: psfont;
           text-align: right;
           font-size: 14px;
           padding: 0px 17px;
           margin-top: 20px;
       }
       .ghasseleydiv1{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 4%;margin-top: 60px;}
       .ghasseleyimg{
           width: 40%;
           margin-left: 30%;
           margin-top: 16px;
       }
       .ghasseleydiv2{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 51%;margin-top: -156px;}
       .pricess1{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           float: left;
           margin-left: 15%;
           margin-top: 11px;
       }
       .pricess2{
           float: right;
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-right: 13%;
           margin-top: 12px;
       }
       .optionh1{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;font-size: 18px;height: 32px;margin-left: 9%;border-radius: 7px;width: 35%;}
       .option1{font-size: 18px;padding: 0;padding-top: 12px;font-family: psfont;}
       .option2{font-size: 18px;padding: 0;padding-top: 11px;font-family: psfont;}
       .optionh2{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;height: 32px;font-size: 18px;float: right;margin-right: -30%;border-radius: 7px;width: 35%;}
       .ghasseleyimginmodal{
           background-color: #24c9d6;
           border-radius: 23px;
           padding: 20px;
           width: 100%;
       }
       .pricesss{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-top: 20px;
       }
       .inpubutton{
           width: 100%;
           height: 80px;
           background-color: #fff;
           border: 1px;
       }
       .activerr, .ghazimg:hover{background-color: #24c9d6;}
       .inputdivbutt1{
           width: 44%;
           margin-left: 3%;
       }
       .inputdivbutt2{
           width: 44%;
           margin-right: 3%;
           float: right;
           margin-top: -109px;
       }
       .brandfouwed{width: 80%;margin-top: 81px;margin-left: 10%;}
       .brandfouwed1{width: 110px;float: left;}
       .brandfouwed2{
           width: 110px;
           float: right;
       }
       .ourservicess{
           margin-top: 70px;
           margin-left: 2%;
           width: 96%;
       }
       .center{
           width: 150px;
           margin: auto;
           margin-top: -3px;
           }
           .quantghazkm{
               width: 90%;
               margin: auto;
               margin-top: -3px;
               margin-bottom: 13px;
               }
           .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .serviceetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 32%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceee1{
           width: 32%;
           float: right;
       }
       .serviceee2{
           width: 32%;
           margin-left: 34%;
       }
       .serviceee3{
           width: 32%;
           float: left;
           margin-top: -25.4%;
       }
       .inpughassely{
           width: 100%;
           height: 60px;
           background-color: #0000;
           border: 1px;
       }
       .selectorforghaseely{
           width: 100%;
           margin-top: 10px;
           direction: rtl;
           height: 34px;
           color: #1a939c;
           border: 1px solid #20b2bd;
           border-radius: 6px;
           font-size: 10px;
           padding: 7px 8px 0px 0px;
           font-family: psfont;
       }
       .buttonhajsghaseely{
           margin: auto;
           display:block;
           width: 90%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           z-index: 10;
           margin-top: 11px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .ghaselytitle1{text-align: center;border: 1px solid #2dbac7;padding: 12px 0px 0px;font-size: 14px;height: 33px;margin-top: 47px;color: #21b7c4;margin-left: 4%;width: 92%;font-family: psfont;border-radius: 30px;}
       .ghaselytitle2{text-align: center;border: 1px solid #2dbac7;margin-top: 31px;padding: 12px 0px 0px;font-size: 14px;height: 33px;color: #21b7c4;margin-left: 4%;width: 92%;font-family: psfont;border-radius: 30px;}
       .activer, .ghaselytitle1:hover{background-color: #24c9d6;color: #fff;}
       .activer, .ghaselytitle2:hover{background-color: #24c9d6;color: #fff;}
       
       .inputdivbuttghassele1{margin-top: -24px;}
       .inputdivbuttghassele2{margin-top: -18px;}
       .ghaseelybuttoncheack{
           margin: auto;
           display: block;
           width: 90%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           z-index: 10;
           margin-top: 11px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .loadmorebuttonnnn{
           border: 1px;
           background-color: #0075c7;
           height: 30px;
           width: 110px;
           font-family: psfont;
           color: #fff;
           padding: 10px;
           margin: auto;
           display:block;
           font-size: 10px;
           margin-bottom: 20px;
           border-radius: 7px;
       }
       .mragaaadd{
           padding: 12px;
           margin-bottom: 14px;
           font-size: 15px;
           color: #ffffff;
           font-weight: 700;
           float: right;
           padding-right: 8px;
           margin-right: 0%;
           width: 100%;
           height: 31px;
           text-align: center;
           background-color: #ff4040;
           font-family: psfont;
           vertical-align: middle;
           border-radius: 19px;
           margin-top: -60px;
           border-right: 4px solid #252525;
           border-left: 4px solid #252525;
       }
       .mragaaadda{
           padding: 12px;
           margin-bottom: 14px;
           font-size: 15px;
           color: #ffffff;
           font-weight: 700;
           float: right;
           padding-right: 8px;
           margin-right: 0%;
           width: 100%;
           height: 31px;
           text-align: center;
           background-color: #ff4040;
           font-family: psfont;
           vertical-align: middle;
           border-radius: 19px;
           margin-top: -18px;
           border-right: 4px solid #252525;
           border-left: 4px solid #252525;
       }
       .nshrmragate{margin: auto;display: block;width: 100%;height: 42px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;margin-top: -12px;margin-bottom: 21px;border-radius: 6px;color: #ffffff;background-image: linear-gradient(to right, #ff4040 0%, #ff4040 100%);}
       .mragaainputs{
           border-radius: 12px;
       }
       .nameta3leg{
           text-align: right;
           font-family: psfont;
           font-size: 11px;
           color: #ffffff;
       }
       .alta3lekalns{
           text-align: right;
           font-family: psfont;
           margin-right: 15px;
           font-size: 10px;
           margin-top: 25px;
           margin-bottom: 10px;
           color: #fff;
       }
       .selectorrrdive{
           display: none;
       }
       .alta3lekal3aaam{
           border: 1px solid #000000;
           padding: 10px 0px 0px 0px;
           border-radius: 12px;
           margin-bottom: 10px;
           height: auto;
           background-color: #0000008f;
           min-height: 66px;
       }
       
       .rateeeggef{
           float: right;
           margin-left: -4%;
           margin-top: 3%;
       }
       .bookdatetext1{font-family: psfont;font-size: 13px;text-align: right;margin-top: 14px;}
       .bookdatetext2{font-family: psfont;font-size: 13px;text-align: right;width: 100px;float: right;margin-top: 12px;}
       .selectdateinputu{
           width: 12%;
           margin-top: 3px;
           direction: rtl;
           background-color: #fff;
           border: #fff;
           color: #24c9d6;
           margin-left: 7%;
       }
       .buttoncheackoutt{
           margin: auto;
           display: block;
           width: 58.5%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-right: 2.5%;
           float: right;
           margin-top: 19px;
           margin-bottom: 51px;
           border-radius: 6px;
           color: #ffffff;
           background-color: #3d3d3d;
       }
       .buttoncheackouttghaz{
           margin: auto;
           display: block;
           width: 100%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-top: 41px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .buttoncheackouttghassely{
           margin: auto;
           display: block;
           width: 100%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-top: 41px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .chaeckoutinfoo1{font-family: psfont;font-size: 10px;}
       .chaeckoutinfoo2{
           font-family: psfont;
           font-size: 9px;
           text-align: right;
       }
       .tatbekpromo{
           font-family: psfont;
           font-size: 12px;
           margin-top: -20px;
           margin-left: 28px;
           width: 70px;
       }
       .messageefd{
           visibility: hidden;
       }
       .modalnonee{
           z-index: -1;
       }
       .headerimg{
           
           width: 100px;
               
           float: right;
               
           margin-top: -118px;
               
           margin-right: 14px;
               
           }
                   .headrh1right1{
                   
               width: 100%;
                   
               text-align: center;
                   
               margin-top: 40px;
                   
               font-size: 19px;
                   
               font-family: psfont;
                   
               color: #329ca5;
                   }
                   .headrh1right2{
                       
               width: 100%;
                       
               text-align: center;
                       
               font-size: 15px;
                       
               font-family: psfont;
                       
               margin-top: -15px;
                   }
                   @font-face {
                 font-family: psfont;
                 src: url(assist/1.ttf);
               }
               
               .headrh1left1{
           
               }
               .headerimgleft{
               
           width: 100px;
               
           float: left;
               
           margin-top: -117px;
               
           margin-left: 14px;
           }
           .zapon{
           
           text-align: right;
           
           margin-top: -84px;
           
           font-family: psfont;
           
           font-size: 18px;
           
           margin-right: 9%;
           }
           .pointsngat{
           
           }
           .almhtrmc{
           
           margin-top: 60px;
           
           font-family: psfont;
           
           font-size: 18px;
           
           margin-left: 27px;
           }
           .namecoustmeer{
               
           margin-top: 93px;
               
           margin-left: 6%;
           }
           .invnumberr{
               
       text-align: right;
               
       font-family: psfont;
               
       font-size: 15px;
               
       margin-right: 8%;
               
       margin-top: 16px;
           }
           .invnumberl{
               
       text-align: left;
               
       font-family: psfont;
               
       font-size: 15px;
               
       margin-left: 28%;
               
       margin-top: -43px;
               }
               .productsss{
       
       border: 1px solid;
       
       width: 95%;
       
       border-radius: 10px;
       
       margin-left: 2%;
       
       height: 41px;
       }
               .rkmmntg{
       
       width: 5%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       text-align: right;
       
       float: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 14px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .ismalmntg{
       
       width: 25%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       text-align: end;
       
       float: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 59px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .s3ralmfrd{
       
       width: 25%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       float: right;
       
       text-align: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 58px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .al3dd{
                   
       width: 19%;
                   
       font-family: psfont;
                   
       font-size: 14px;
                   
       float: right;
                   
       margin-right: -16px;
               }
               
       
               .productsss1{
       
       border: 1px solid;
       
       width: 95%;
       
       border-radius: 10px;
       
       margin-left: 2%;
       
       min-height: 41px;
       
       margin-top: 14px;
       
       }
                           .rkmmntg1{
                   
                   width: 5%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   text-align: right;
                   
                   float: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 14px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .ismalmntg1{
                   
                   width: 25%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   text-align: end;
                   
                   float: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 59px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .s3ralmfrd1{
                   
                   width: 25%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   float: right;
                   
                   text-align: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 58px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .al3dd1{
                               
                   width: 19%;
                               
                   font-family: psfont;
                               
                   font-size: 14px;
                               
                   float: right;
                               
                   margin-right: -16px;
                           }
                           
       
       
       
                           .gocover {background: url("../images/loader.gif") no-repeat scroll center center rgba(45, 45, 45, 0.5);
           display:none;
           position: absolute;
           height: 100%;
           width: 100%;
           z-index: 9999;
           }
           body{
               background-color: #ffffff;
           }
           .closeico{
               width: 28px;
               margin-right: -7px;
             }
             .icon1{
               margin-left: -60%;
               margin-bottom: -22px;
             }
             .modal {
               display: none; 
               position: fixed; 
               z-index: 1;
               left: 0;
               top: 0;
               width: 100%; 
               height: 100%; 
               overflow: auto; 
               background-color: rgb(0,0,0); 
               background-color: rgba(0,0,0,0.4); 
             }
             
             .modal-content {
               background-color: #fefefe;
               padding: 11px;
               border: 5px solid #ff4040;
               width: 80%;
               margin-left: 9%;
               margin-top: 16px;
             }
             
             .close {
               color: #aaa;
               float: right;
               font-size: 28px;
               font-weight: bold;
             }
             
             .close:hover,
             .close:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
             }
             .modalDialog {
               position: fixed;
               font-family: Arial, Helvetica, sans-serif;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity:0;
               -webkit-transition: opacity 400ms ease-in;
               -moz-transition: opacity 400ms ease-in;
               transition: opacity 400ms ease-in;
               pointer-events: none;
           }
           .modalDialog:target {
               opacity:1;
               pointer-events: auto;
           }
           
           .modalDialog > div {
               width: 87%;
               margin: 10% auto;
               padding: 0px 20px 13px 20px;
               border-radius: 10px;
               background: #fff;
               background: -moz-linear-gradient(#fff, #999);
               background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
               background: -o-linear-gradient(#fff, #999);
               margin-top: 39px;
           }
           .closeimg{
               margin-top: -17px;
               width: 40px;
               position: absolute;
               margin-left: -26px;
               background-color: #fb8791;
               border-radius: 50%;
               border: 2px solid #f55462;
           }
           #cover {
                 background: url(../images/box.gif) no-repeat scroll center center #fff;
                 position: fixed;
                 height: 100%;
                 width: 100%;
                 background-size: 50px;
                 z-index: 9999;
               }
           
           
           .go-section .container{
               margin-top: 50px;
           }
           .home-section{
               max-width: 400px;
               margin-top: 10%;
               padding-bottom: 5%
           }
           .home-section p{
               color: #ffffff;
           }
           .home-section h1{
               color: #ffffff;
           }
           
           .help-block strong{
               color: red;
           }
           .form-control,.btn{
               border-radius: 30px;
           }
           
           /*User Account CSS Start*/
           
           .tabs > li{
               margin-bottom: 10px;
               width: 100%;
           }
           .tabs li a{
               color: #000000;
               line-height: 20px;
           }
           
           .tabs > li.active{
               color: #FFF;
               background-color:  #000000;
           }
           
           .tabs > li.active a{
               color: #FFF;
           }
           
           .tabs > li.active:focus a{
               color: #FFF;
           }
           
           .tabs > li:hover{
               background-color:  #000000;
               color: #FFF;
           }
           .tabs > li:hover a{
               color: #FFF;
           }
           
           
           /*Service Section CSS Start*/
           .go-services{
           margin-top:70px;
           }
           .service-list{
               width:100%;
               float:left;
               height:auto;
               margin:0 0 30px;
               padding:20px 20px 15px;
               background:#faf9f9;
               border: 1px solid #ddd;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover{
               border: 1px solid #000000;
           }
           .service-list img {
               padding: 10px;
               height: 80px;
               width: 80px;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               background-color: #000000;
           }
           .service-list .fa {
               border: none;
               font-size: 30px;
               height: auto;
               line-height: 80px;
               margin: 0 0 10px;
               vertical-align: middle;
               width: 80px;
               color:#000000;
               background:#fff;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover .fa{
               background:#000000;
               color:#fff;
           }
           .service-list h3{
               margin-top: 0;
           }
           
           
           /*Service Section CSS End*/
           
           /*Genius Testimonial CSS Start*/
           .testimonials {
               position: relative;
               padding-top: 80px;
           }
           .testimonials:after {
               content: '';
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               width: 100%;
               height: 30%;
           }
           
           #customers-testimonials .item-details {
               color: #fff;
               padding: 20px 20px;
               text-align: left;
           }
           #customers-testimonials .item-details h5 {
               color: #010101;
               margin: 15px 0 0;
               font-size: 18px;
               line-height: 18px;
           }
           #customers-testimonials .item-details h5 span {
               color: red;
               float: right;
               padding-right: 20px;
           }
           #customers-testimonials .item-details p {
               font-size: 14px;
               color: #6f6f6f;
           }
           #customers-testimonials .item-details .ctext {
               font-size: 14px;
               color: #6f6f6f;
               font-style: italic;
           }
           
           #customers-testimonials .item {
               text-align: center;
               margin-bottom: 80px;
               border: 1px solid #DDD;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           #customers-testimonials .item:hover {
               border: 1px solid #000000;
           }
           
           #customers-testimonials .item .fa{
               border-bottom: 1px solid #ddd;
               font-size: 40px;
               padding: 20px 45px;
           }
           .owl-carousel .owl-nav [class*='owl-'] {
               -webkit-transition: all .3s ease;
               transition: all .3s ease;
           }
           
           .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
               background-color: #D6D6D6;
           }
           
           .owl-carousel {
               position: relative;
           }
           
           .owl-carousel .owl-next,
           .owl-carousel .owl-prev {
               width: 50px;
               height: 50px;
               line-height: 50px;
               /*border-radius: 50%;*/
               position: absolute;
               top: 30%;
               font-size: 30px;
               color: #000000;
               /*border: 1px solid #000000;*/
               text-align: center;
           }
           
           .owl-carousel .owl-prev {
               left: -40px;
           }
           
           .owl-carousel .owl-next {
               right: -40px;
           }
           
           /*Genius Testimonial CSS END*/
           
           .go-products{
               margin-top:40px;
           }
           
           .home-tab > li, .nav-pills > li {
               float:none;
               display:inline-block;
           }
           
           .home-tab {
               text-align:center;
           }
           
           .go-top {
               /* width: auto; */
               float: right;
               /* height: auto; */
               position: fixed;
               right: 15px;
               bottom: 15px;
               z-index: 999;
               text-align: center;
               display: none;
               /* border: 2px solid #FFF; */
               /* border-radius: 50%; */
           }
           .go-top i {
               background: #000000 repeat scroll 0 0;
               color: #fff;
               border-radius: 50%;
               font-size: 24px;
               height: 40px;
               line-height: 40px;
               width: 40px;
           }
           
           a:hover { text-decoration: none; }
           
           .section-padding {
               padding: 80px 0;
           }
           .section-title {
               text-align: center;
               margin-bottom: 50px;
           }
           .section-title h2 span {color: #000000;}
           .single-pricing-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
               margin-bottom: 10px;
           }
           .single-pricing-box h3 {text-transform: uppercase;}
           .pricing-icon {
               margin-bottom: 20px;
               font-size: 40px;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-icon img {
               max-width: 88px;
               height: auto;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list {
               padding: 0px 10px;
               text-align: left;
               margin-bottom: -22px;
           }
           .single-pricing-box h3.pricing-count {
               text-transform: none;
           }
           .pricing-list ul {
               margin: 0;
               padding: 0;
               list-style: none;
               padding-left: 16px;
               line-height: 30px;
           }
           .pricing-list ul li .fa{
               color: #000000;
           }
           
           a.bordered-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               display: inline-block;
               color: #FFF;
               background-color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           
           .single-pricing-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           .single-pricing-box {-webkit-transition: .2s;transition: .2s;}
           a.bordered-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           .single-pricing-box:hover .pricing-icon {
               color: #000000;
           }
           .single-pricing-box:hover .pricing-icon img {
               opacity: .7;
               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
           }
           .pricing-list ul li {
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list ul li:hover {
               padding-left: 5px;
           }
           
           
           
           
           .btn-views{
               color: #ffffff;
               background: gray;
           }
           
           .genius-btn:hover {
               text-decoration: none;
               background-color: #000000;
               color: #FFF;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
           }
           
           .genius-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
               background-color: #FFF;
           }
           
           
           .nav-tabs {margin-bottom: 15px;}
           .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
           .nav-tabs > li > a {padding: 13px 0px 5px 0px;color: #db5757;border: 1px solid;font-family: psfont;font-size: 14px;border-radius: 12px;}
           .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;border-radius: 12px;color: #ffffff!important;background: #ffffff;font-family: psfont;font-size: 14px;padding: 14px 0px 5px 0px;text-align: center;background-image: linear-gradient(to right, #cb5757 0%, #d05858 100%);border: 1px solid #212121;}
           .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
           border-radius: 12px;
           color: #ffffff!important;
           background: #ffffff;
           font-family: psfont;
           font-size: 14px;
           padding: 14px 0px 5px 0px;
           text-align: center;
           background-image: linear-gradient(to right, #dc5858 0%, #d95a5a 100%);
           border: 1px solid #db5757;
       }
           /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
           .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
           .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
           .tab-pane { padding: 15px 0; }
           .tab-content{padding:0px;width: 100%;margin-right: 11%;margin-top: 104%;padding-right: 24px;float: right;}
           .card{margin-bottom: 30px;}
           
           /*Star Rating Start*/
           .starrr {
               display: inline-block;
               margin: auto;
               display:block;
               margin-left: 30%;
               }
           .starrr a {
               font-size: 16px;
               padding: 0 1px;
               cursor: pointer;
               color: #ff4040;
               text-decoration: none;
               }
           /*Star Rating End*/
           
           
           
           .rating-row{
               padding-bottom: 10px;
               border-bottom: 1px solid #eee
           }
           .rating-date{
               font-size: 12px;
               color: rgba(17,7,0,0.49);
           }
           .rating-box{
               margin-bottom: 0px!important;
           }
           .col-item {
               background: #2f2f2f;
               margin-bottom:12px;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
               border-radius: 11px;
               border: 1px solid #0075c7;
               min-height: 248px;
           }
           
           .col-item .options {
               position:absolute;
               top:6px;
               right:22px;
           }
           
           .col-item .photo {
               overflow: hidden;
           }
           
           .col-item .photo .options {
               display:none;
           }
           
           .col-item .photo img {
               margin: 33px auto;
               height: 213px;
               width: 100%;
               border-radius: 11px;
               -webkit-transition:all 0.5s ease-in-out;
               -moz-transition:all 0.5s ease-in-out;
               -ms-transition:all 0.5s ease-in-out;
               -o-transition:all 0.5s ease-in-out;
               transition:all 0.5s ease-in-out;
           }
           
           .col-item:hover .photo img{
               -webkit-transform:scale(1.1);
               -moz-transform:scale(1.1);
               -ms-transform:scale(1.1);
               transform:scale(1.1);
           }
           
           .col-item:hover{
           }
           
           .col-item .options-cart {
               position:absolute;
               left:22px;
               top:6px;
               display:none;
           }
           
           .col-item .photo:hover .options,
           .col-item .photo:hover .options-cart {
               display:block;
               -webkit-animation: fadeIn .5s ease;
               -moz-animation: fadeIn .5s ease;
               -ms-animation: fadeIn .5s ease;
               -o-animation: fadeIn .5s ease;
               animation: fadeIn .5s ease;
           }
           .col-item .options-cart-round {
               position:absolute;
               left:42%;
               top:22%;
               display:none;
           }
           .col-item .options-cart-round button {
               border-radius: 50%;
               padding:14px 16px;
           
           }
           .col-item .options-cart-round button .fa {
               font-size:22px;
           }
           .col-item .photo:hover .options-cart-round {
               display:block;
               -webkit-animation: fadeInDown .5s ease;
               -moz-animation: fadeInDown .5s ease;
               -ms-animation: fadeInDown .5s ease;
               -o-animation: fadeInDown .5s ease;
               animation: fadeInDown .5s ease;
           }
           .col-item .info {
               padding: 0px 10px;
               margin-top: 1px;
           }
           .col-item .price-details {
               width: 100%;
               margin-top: 8px;
           }
           
           .review i{
               color: #f5c10c;
           }
           
           #floating_alert {
               position: absolute;
               top: 20px;
               right: 20px;
               z-index: 5000;
           }
           
           .col-item .price-details h1 {
               font-size: 15px;
               color: #ffffff;
               font-family: psfont;
           }
           .col-item .price-details .details {
               margin-bottom: 0px;
               font-size:12px;
           }
           .col-item .price-details span {
               float:right;
           }
           .col-item .price-details .price-new {
           font-size: 12px;
           line-height: 21px;
           height: 13px;
           margin-right: -30%;
           color: #ffffff;
           font-family: psfont;
           text-align: center;
           margin-top: 34px;
           }
           
           .col-item .price-details .price-old {
               font-size:16px;
               margin-top: 3px;
               text-decoration:line-through;
               color: #9c9c9c;
           }
           .col-item .separator {
               border-top: 0px solid #E1E1E1;
           }
           
           .col-item .clear-left {
               clear: left;
           }
           .col-item .separator a {
               text-decoration:none;
           }
           .col-item .separator p {
               margin-bottom: 0;
               margin-top: 6px;
               text-align: center;
           }
           
           .col-item .separator p i {
               margin-right: 5px;
           }
           .col-item .btn-add {
               width: 60%;
               float: left;
           }
           .col-item .btn-add a {
               display:inline-block !important;
           }
           .col-item .btn-add {
               border-right: 1px solid #E1E1E1;
           }
           .col-item .btn-details {
               width: 40%;
               float: left;
               padding-left: 10px;
           }
           .col-item .btn-details a {
               display:inline-block !important;
           }
           .col-item .btn-details a:first-child {
               margin-right:12px;
           }
           
           
           
           
           .services{
           
               margin-top: 20px;
           }
           .services p{
               color: #000000;
               font-size: 18px;
           }
           .services h1{
               color: #000000;
               margin-bottom: 0;
               text-align: center;
               font-size: 14px;
           }
           
           .single-box {
               -webkit-transition: .2s;
               transition: .2s;
           }
           
           .single-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
           }
           .single-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           
           .services-div{
               padding: 11px 10px 15px 10px;
               border-radius: 17px;
           }
           
           .order-div{
               border: 1px solid #24c9d6;
               padding-left: 0;
               padding-right: 0;
               border-radius: 14px;
               margin-left: -5%;
               width: 110%;
               margin-top: 9px;
           }
           .order-div h4{
               color: #FFFFFF;
               background-color: #fe4242;
               padding: 10px;
               margin-top: 0;
               padding-left: 0;
               border-radius: 14px 14px 0px 0px;
               padding-right: 0;
           }
           
           .order-left{
               padding-bottom: 15px;
               padding-left: 0;
               padding-right: 0;
           }
           
           .order-right{
               padding-bottom: 5px;
               padding-left: 0;
               float: left;
               margin-top: -209px;
               padding-right: 0;
               margin-bottom: 65px;
               margin-left: -162%;
               width: 57%;
           }
           .order-right p{
               text-align: left;
               line-height: 1;
               padding: 0 10px;
               font-size: 14px;
           }
           .order-right p i{
               color: darkgreen;
           }
           
           .order-left form{
               padding-left: 15px;
               padding-right: 15px;
           }
           
           
           .btn-home{
               margin-bottom: 10px;
               margin-right: 5px;
               color: #ffffff;
               font-size: 20px;
               font-weight:600;
               padding: 10px 15px 10px 15px;
               border: 2px solid #ffffff;
               background: rgba(0,0,0,0.5);
           }
           
           .btn-home:hover{
               color: #ffffff;
               background-color: #337ab7;
           }
           
           .theme2{
               background-color: #ffffff;
           }
           .animate {
               -webkit-transition: all 0.3s ease-in-out;
               -moz-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               -ms-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
           }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
           .row{
               margin:0;
           }
           .navbar-bootsnipp {
               background-color: #000000;
               border-radius: 0px;
               margin-bottom: 0px;
               z-index: 100;
           }
           .margintop{
               margin-top: 10px;
           }
           .navbar-bootsnipp:nth-of-type(2) {
               border-top-width: 1px;
               z-index: 50
           }
           .nav > li > a:focus, .nav > li > a:hover{
               background-color: #000000;
               color: #FFF;
           }
           .navbar-bootsnipp.affix-top {
               position: absolute;
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp.affix {
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp .navbar-toggle .icon-bar {
               background-color: rgb(95, 176, 228);
           }
           
           .navbar-bootsnipp .navbar-brand {
               color: rgb(95, 176, 228);
               font-weight: 900;
               letter-spacing: 2px;
           }
           .service{
               width: 32%;
           }
           .navbar-bootsnipp .navbar-nav > li > a {
               border: 0px solid rgb(255, 255, 255);
               color: rgb(255, 255, 255);
               font-weight: 600;
           }
           
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
               border-radius: 0px;
           }
           
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
               border-left-width: 5px;
               color: #FFF;
           }
           .navbar-bootsnipp .navbar-nav > li.disabled > a {
               color: rgb(200, 200, 200);
           }
           
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
               border-radius: 0;
               margin-right: -1px;
               min-width: 220px;
               padding: 0px;
           }
           .navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
               left: 0px;
               margin-left: -1px;
               right: auto;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
               border-left: 0px solid rgb(95, 176, 228);
               color: rgb(120, 120, 120);
               font-size: 16px;
               font-weight: 400;
               padding: 10px 20px;
               white-space: nowrap;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
               background-color: rgb(245, 245, 245);
               border-left-width: 5px;
               padding-left: 15px;
           }
           
           
           .navbar .bootsnipp-profile > a {
               padding-bottom: 9px;
               padding-top: 9px;
           }
           .navbar .bootsnipp-profile > a > img {
               border-radius: 50%;
               width: 32px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu {
               width: 320px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
               padding: 5px 15px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
               width: 100%;
           }
           
           .navbar-bootsnipp .bootsnipp-search {
               display: none;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 30px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 25px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control:focus {
               border-color: transparent;
               outline: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
               padding: 14px 16px;
               border-radius: 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
               padding: 14px 16px 14px 15px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
               background-color: rgb(245, 245, 245);
           }
           .nav-padding {
               padding-top: 61px;
           }
           .listing{
               padding:10px 10px 10px 10px;
               color: #000000;
           }
           .single{
               margin-top: 20px;
           }
           .group{
               border: 2px solid #000000;
               border-radius: 5px 5px 0px 0px;
           }
           .group a{
               text-decoration: none;
           }
           .profile-image{
               width: 100%;
               height: auto;
           }
           .no-margin{
               margin: 0;
           }
           .single:hover .listing{
               background-color: #000000;
               color: #FFF;
           }
           .go-bold{
               font-weight: 700;
           }
           
           .go-section{
               /* padding: 40px 0px; */
               min-height: 250px;
               /* margin-bottom: 35px; */
           }
           .profile-section{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-section h3{
               margin-top: 10px;
           }
           .contact-info{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-contact{
               margin: 5px 0px;
               padding: 0px 0px 10px 0px;
               /*border-bottom: 1px solid #DDD;*/
           }
           .profile-social{
               padding: 5px;
           }
           .profile-group{
               margin-bottom: 20px;
           }
           .specialities{
               width: 100%;
               margin-bottom:30px;
           }
           .specialitie{
               float: left;
           }
           .qualifications{
            list-style: none;
            padding: 0;
            margin-bottom:30px;
           }
           .qualification{
               padding: 5px 0px;
               list-style: none;
           }
           .qualification strong{
               width: 30%;
               float: left;
           }
           .qualification span{
               width: 70%;
               float: left;
           }
           .awards-section{
               margin-bottom: 40px;
           }
           .awards h5{
               font-weight: 600;
           }
           .awards p{
               font-weight: 500;
           }
           .banner-300x250{
               max-width:100%;
           }
           .banner-728x90{
               max-width:100%;
           }
           .cats{
               margin-top: 20px;
           }
           
           /*Contact Form CSS*/
           
               input.error{
                 border: 1px solid #e40606;
               }
               input.error:focus{
                 border: 1px solid #e40606;
               }
               select.error{
                 border: 1px solid #e40606;
               }
               select.error:focus{
                 border: 1px solid #e40606;
               }
               textarea.error{
                 border: 1px solid #e40606;
               }
               textarea.error:focus{
                 border: 1px solid #e40606;
               }
               .errorMsg{
                 padding: 0;
                 margin: 0;
                 color: #e40606;
               }
               .capcha{
                 margin-top: 6px;
               }
               #capchaError{
                 margin-top:  6px;
               }
               .gologo{
           
               padding: 10px;
           }
           .headad{
               padding: 10px;
           }
           /*Footer Styles*/
           footer{
               background-color: #000000;
               padding: 20px 50px;
               color: #FFF;
           }
           .address p{
                   margin: 0px;
           }
           .socicon{
               padding: 50px 0px;
           }
           .socicon a{
               color: #FFF;
               text-align: center;
               line-height: 45px;
               display: inline-block;
               font-size: 25px;
               width: 45px;
               height: 45px;
               border: 1px solid #FFF;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
           
               margin: 0 3px 10px
           }
           
           .facebook:hover{
               color: #FFF;
               border: 1px solid #3b5998;
               background: #3b5998;
           }
           .google:hover{
               color: #FFF;
               border: 1px solid #d34836;
               background: #d34836;
           }
           .twitter:hover{
               color: #FFF;
               border: 1px solid #0084b4;
               background: #0084b4;
           }
           .linkedin:hover{
               color: #FFF;
               border: 1px solid #0077B5;
               background: #0077B5;
           }
           #related-products{
               margin-bottom: 30px;
           }
           
           .c-line{
               border-top: 1px solid #FFF;
               margin: 10px 0px;
           }
           .btn-genius{
               border:1px solid #CCC;
               padding-top: 20px;
               padding-bottom: 20px;
               color: #161616;
               border-radius: 0;
               font-size: 17px;
           }
           .btn-genius:hover{
               color: #FFF;
               background-color: #0048B3;
           }
           .marginbottom{
               margin-bottom: 31px;
           }
           .login a, .login a:link, .login a:visited, .login a:active, .login a:hover{
               color: #fd3535;
           }
           
           .footerlink a, .footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover{
               color: #FFF;
           }
           
           .btn-ocean{
               border:1px solid #ddd;
               background-color: #ddd;
               color: #000000;
               font-weight: 700;
               font-size: 15px;
           }
           .btn-ocean:hover{
               color: #FFF;
               border:2px solid #ddd;
               background-color: transparent;
           }
           
           .gologo img{
               max-width: 100%;
           }
           
           .navbar-toggle{
               background-color: #FFF;
           }
           
           @media screen and (max-width: 991px) {
               .address{
                  text-align: center;
               }
               .about{
                  text-align: center;
               }
           
           }
           
           .carousel-caption{
               text-align:left;
           
           }
           .carousel-caption h3{
               font-size: 30px;
           }
           .carousel-caption p{
               font-size: 40px;
           }
           .carousel-caption {
               right: 20%;
               left: 10%;
               padding-bottom: 10%;
           }
           
           @media screen and (max-width: 1199px) and (min-width: 767px) {
               .button.style-10{
                   padding: 15px 20px;
                   margin-top: -9.7%;
                   width: 50%;
                   margin-right: 14%;
               }
               .col-item .info{
                   padding:0!important;
               }
           }
           
           
           @media screen and (max-width: 550px) and (min-width: 451px) {
               .product{
                   width:100%;
               }
               .col-item .photo img{
                   height:580px!important;
               }
           }
           @media screen and (max-width: 450px) {
               .product{
                   width: 50%;
                   padding-left: 3px;
                   padding-right: 0px;
                   margin-top: 20px;
               }
               .col-item .photo img{
                   height: 227px;
                   border-radius: 6px 6px 0px 0px;
                   border-bottom: 1px #3a3a3a solid;
               }
           }
           @media screen and (max-width: 767px) {
               .nav-overflow ul > li >a:hover{
               color:#fff;
           }
           .navbar-brand > img {
               max-width: 200px;
           }
               .carousel-caption h3{
                   font-size: 15px;
               }
               .carousel-caption p{
                   font-size: 20px;
               }
                   .qualification strong{
               width: 100%;
               float: left;
           }
           .qualification span{
               width: 100%;
               float: left;
           }
           .qualification{
               padding: 25px 0px;
               list-style: none;
           }
           }
           @media screen and (min-width: 768px) {
               .gologo{
               
               padding: 40px 10px 10px 80px;
           }
           .headad{
               padding: 10px 60px 10px 10px;
           }
               .carousel-caption {
                   right: 20%;
                   left: 10%;
                   padding-bottom: 10%;
               }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             max-height: 660px;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
               .navbar-bootsnipp .navbar-brand {
                   font-size: 20px;
                   height: auto;
                   padding: 20px 5px;
               }
               .navbar-bootsnipp .navbar-nav > li > a {
                   font-size: 16px;
               }
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
                   border-bottom-width: 5px;
                   border-left-width: 0px;
                   padding-bottom: 10px;
               }
           
               .navbar-bootsnipp .navbar-nav > li.disabled > a {
                   padding-left: 10px;
                   padding-right: 10px;
               }
           
           
               .navbar-bootsnipp .bootsnipp-search {
                   background-color: rgb(235, 235, 235);
                   display: block;
                   position: absolute;
                   top: 100%;
                   width: 100%;
                   -webkit-transform: rotateX(-90deg);
                   -moz-transform: rotateX(-90deg);
                   -o-transform: rotateX(-90deg);
                   -ms-transform: rotateX(-90deg);
                   transform: rotateX(-90deg);
                   -webkit-transform-origin: 0 0 0;
                   -moz-transform-origin: 0 0 0;
                   -o-transform-origin: 0 0 0;
                   -ms-transform-origin: 0 0 0;
                   transform-origin: 0 0 0;
                   visibility: hidden;
               }
               .navbar-bootsnipp .bootsnipp-search.open {
                   -webkit-transform: rotateX(0deg);
                   -moz-transform: rotateX(0deg);
                   -o-transform: rotateX(0deg);
                   -ms-transform: rotateX(0deg);
                   transform: rotateX(0deg);
                   visibility: visible;    
               }
               .navbar-bootsnipp .bootsnipp-search > .container {
                   padding: 0px;
               }    
           }
           
           /*The Left Sidebar Styles*/
           
           /* MENU-LEFT
           -------------------------- */
           /* layout */
           
           .allcats{
               padding-bottom: 15px;
               text-align: center;
               color: #fff;
           }
           
           #left{
               margin-bottom: 15px;
           }
           
           #left ul.nav {
               margin-bottom: 2px;
               font-size: 12px; /* to change font-size, please change instead .lbl */
           }
           #left ul.nav ul,
           #left ul.nav ul li {
               list-style: none!important;
               list-style-type: none!important;
               margin-top: 1px;
               margin-bottom: 1px;
           }
           #left ul.nav ul {
               padding-left: 0;
               width: auto;
           }
           #left ul.nav ul.children {
               padding-left: 12px;
               width: auto;
           }
           #left ul.nav ul.children li{
               margin-left: 0px;
           }
           #left ul.nav li a:hover {
               text-decoration: none;
           }
           
           #left ul.nav li a:focus {
               text-decoration: none;
               background-color: transparent;
           }
           
           #left ul.nav li a:hover .lbl {
               /*color: #999!important;*/
           }
           
           #left ul.nav li.current>a .lbl {
               /*background-color: #999;*/
               color: #fff!important;
           }
           
           /* parent item */
           #left ul.nav li.parent a {
               padding: 0px;
               color: #fff;
               text-align: center;
           }
           #left ul.nav>li.parent>a {
               border-bottom: solid 2px #fff;
               text-transform: uppercase;
               margin-bottom: 5px;
               border-top: solid 2px #fff;
               border-radius: 17px;
           }
           #left ul.nav li.parent a:hover {
               background-color: #f76471;
               /*-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
           }
           
           /* link tag (a)*/
           #left ul.nav li.parent ul li a {
               color: #fff;
               border: none;
               display:block;
               padding-left: 5px;
           }
           
           #left ul.nav li.parent ul li a:hover {
               background-color: #fff;
               -webkit-box-shadow:none;
               -moz-box-shadow:none;
               box-shadow:none;
           }
           
           /* sign for parent item */
           #left ul.nav li .sign {
               display: inline-block;
               width: 25px;
               padding: 5px 8px;
               background-color: transparent;
               color: #222;
           }
           #left ul.nav li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #999;*/
               color: #fff;
           }
           
           /* label */
           #left ul.nav li .lbl {
               padding: 5px 12px;
               display: inline-block;
           }
           #left ul.nav li.current>a>.lbl {
               color: #fff;
           }
           #left ul.nav  li a .lbl{
               font-size: 12px;
           }
           
           /* THEMATIQUE
           ------------------------- */
           /* theme 1 */
           #left ul.nav>li.item-1.parent>a {
               /*border: solid 1px #ff6307;*/
           }
           #left ul.nav>li.item-1.parent>a>.sign,
           #left ul.nav>li.item-1 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ff6307;*/
           }
           #left ul.nav>li.item-1 .lbl {
               /* color: #ff6307; */
               font-size: 15px;
           }
           #left ul.nav>li.item-1 li.current>a .lbl {
               /*background-color: #ff6307;*/
               color: #fff!important;
           }
           
           /* theme 2 */
           #left ul.nav>li.item-8.parent>a {
               border: solid 1px #51c3eb;
           }
           #left ul.nav>li.item-8.parent>a>.sign,
           #left ul.nav>li.item-8 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #51c3eb;
           }
           #left ul.nav>li.item-8 .lbl {
               color: #51c3eb;
           }
           #left ul.nav>li.item-8 li.current>a .lbl {
               background-color: #51c3eb;
               color: #fff!important;
           }
           
           /* theme 3 */
           #left ul.nav>li.item-15.parent>a {
               border: solid 1px #94cf00;
           }
           #left ul.nav>li.item-15.parent>a>.sign,
           #left ul.nav>li.item-15 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #94cf00;
           }
           #left ul.nav>li.item-15 .lbl {
               color: #94cf00;
           }
           #left ul.nav>li.item-15 li.current>a .lbl {
               background-color: #94cf00;
               color: #fff!important;
           }
           
           /* theme 4 */
           #left ul.nav>li.item-22.parent>a {
               /*border: solid 1px #ef409c;*/
           }
           #left ul.nav>li.item-22.parent>a>.sign,
           #left ul.nav>li.item-22 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ef409c;*/
           }
           #left ul.nav>li.item-22 .lbl {
               /*color: #ef409c;*/
           }
           #left ul.nav>li.item-22 li.current>a .lbl {
               /*background-color: #ef409c;*/
               color: #fff!important;
           }
           
           .filter-option{
               border-color: #ffffff!important;
               color: #d53435!important;
           }
           .control{
           height: 50px;
       }
           .hom{
           width: 27px;
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           }
           .set{
               width: 27px;
               float: right;
               margin-top: -25px;
               margin-right: 15px;
           }
           @font-face {
               font-family: ramifont;
               src: url(http://mcroshop.com/ramifont.tff);
           }
           .related{
               width: 136px;
               margin-left: 30%;
           }
           .noresul{
               width: 50%;
               margin-left: 26%;
               margin-top: 5%;
               margin-bottom: 41px;
           }
           .yourreqdone{
               
           }
           .bunnerh{
                   margin-top: 6px;
               width: 96%;
               margin-left: 7px;
               border: 1px #db2d4b solid;
               border-radius: 6px;
           }
           .cate{
               width: 39%;
           }
           
           div.category {
           }
           
           div.category a {
               display: inline-block;
               text-align: center;
               padding: 0px;
               text-decoration: none;
           }
           
           div.category a:hover {
           }
           .produc{
               width: 100px;
               background-color: #fff;
               height: 168px;
               border-radius: 5px;
               margin-left: 3%;
               float: left;
           }
           .imgproduct{
               width: 100%;
               height: 100%;
               border-radius: 10px;
               margin-bottom: 7px;
               margin-top: 2px;
           }
           
           
           .productslide {
             width: 100%;
             height: 100%;
             display: block;
             overflow: auto;
             white-space: nowrap;
             direction: rtl;
             border-bottom: 1px solid #ff404000;
             padding-right: 21px;
             -webkit-scrollbar {      display: none;  };
           }
                             .produc3 {
             flex-shrink: 0;
             width: 188px;
             background-color: #a91827;
             height: 224px;
             border-radius: 11px 11px 0px 0px;
             margin-left: 3%;
             float: left;
             margin-bottom: 60px;
           }
.fedpres{
    margin-top: 30px;
    height: 210px;
}
.fedpresphoto{
    float: left;
}
.fedpresimg{
    width: 150px;
    float: left;
    margin-top: 3%;
    margin-left: 0;
    margin-left: 12%;
}
.fedpresname{
    width: 61%;
    float: left;
    margin-left: 6%;
    margin-top: 5px;
}
.fedpresword{
    width: 70%;
    margin-left: 30%;
}
.fedpreswordtxt{
    height: 100%;
    padding-top: 34px;
    padding-right: 19px;
    width: 100%;
    font-family: 'psfont';
    font-size: 15px;
    text-align: right;
    direction: rtl;
}
.produc2 {
             flex-shrink: 0;
             width: 30%;
             background-color: #a91827;
             height: 185px;
             border-radius: 11px 11px 0px 0px;
             margin-left: 3%;
             float: left;
           }
.produc1 {
             flex-shrink: 0;
             width: 30%;
             height: 224px;
             border-radius: 11px 11px 0px 0px;
             margin-left: 3%;
             /* border: 1.3px solid #a91827; */
             float: left;
           }

                       .prodtit3{
               font-size: 13px;
               text-align: center;
               margin-top: 8px;
               color: #00112C;
               font-weight: bold;
               background-color: #a91827;
               font-family: psfont;
               height: 48px;
               padding-top: 25px;
               border-radius: 0px 0px 11px 11px;
               width: 100%;
               margin-top: -13px;
           }
 .productadv{
               font-size: 12px;
               text-align: center;
               margin-top: 8px;
               color: #00112C;
               font-weight: bold;
               background-color: #ffffff;
               font-family: psfont;
               height: 28px;
               padding-top: 11px;
               border-radius: 80px;
               width: 80%;
               margin: auto;
               margin-top: -60px;
           }
.prodtit2{
               font-size: 13px;
               text-align: center;
               margin-top: 8px;
               color: #00112C;
               background-color: #000;
               font-weight: bold;
               background-color: #a91827;
               font-family: psfont;
               height: 38px;
               padding-top: 15px;
               border-radius: 0px 0px 11px 11px;
               width: 100%;
               margin-top: -12px;
           }
.prodtit1{
               font-size: 13px;
               text-align: center;
               margin-top: 8px;
               color: #00112C;
               font-weight: bold;
               background-color: #a91827;
               font-family: psfont;
               height: 38px;
               padding-top: 15px;
               border-radius: 0px 0px 10px 10px;
               width: 100%;
               margin-top: -10px;
           }
           .prodpric{
           }
           .lastpro{
                   width: 157px;
                   margin-left: 30%;
                   margin-top: 9px;
                   margin-bottom: 10px;
           }
           .appcateg{
               width: 167px;
               margin-left: 24%;
               margin-top: 9px;
               margin-bottom: 10px;
       }
           .bunners{
           
             width: 300px;
             height: 300px;
             display: flex;
             overflow-x: auto;
             -webkit-scroll-snap-points-x: repeat(300px);
                 -ms-scroll-snap-points-x: repeat(300px);
                     scroll-snap-points-x: repeat(300px);
             -webkit-scroll-snap-type: mandatory;
                 -ms-scroll-snap-type: mandatory;
                     scroll-snap-type: mandatory;
           }
           .brands{
               margin-left: 3px;
               width: 100%;
           }
           .appcategorrrs{
               width: 100%;
               border-top: 2px solid #e43c3c;
               margin-bottom: 23%;
               padding: 10px;
               margin-top: -117%;
           }
           .appcategorrr{
               margin-left: 3px;
               width: 31%;
               margin-bottom: 1%;
           }
           .brand{
               width: 125px;
           }
           .prodprics{
               font-size: 17px;
               text-align: left;
               margin-left: 15px;
               margin-top: 13px;
           }
           .cartproduc{
               background-color: #fff;
               height: 95px;
               width: 89%;
               float: right;
               margin-bottom: 50px;
               margin-top: -33px;
               margin-right: 6%;
               border-radius: 7px;
               border: 1px #ff4040 solid;
           }
           .cartproductimg{
               height: 93px;
               border-radius: 7px 0px 0px 7px;
               border-right: 1px solid #ff4040;
               width: 70px;
           }
           .cartprod{
           margin-bottom: 0px;
           width: 60%;
           float: right;
           }
           .cartproductbuttimg{
               margin-top: -81px;
               width: 30px;
               float: right;
               margin-right: 5px;
           }
           .cartprodtx{
                   text-align: center;
                   margin-top: 14px;
                   font-size: 18px;
                   background-color: #ff4040;
                   font-family: psfont;
                   height: 38px;
                   color: #ffffff;
                   width: 110px;
                   font-weight: bold;
                   border-radius: 7px;
                   margin-left: 75px;
                   padding: 15px 0px 0px 0px;
           }
           .cartdete{
               width: 96%;
               background-color: #fff;
               margin-left: 2%;
               height: 104px;
               border: 1px solid #f66673;
               border-radius: 6px;
           }
           .cartbtnsl{
               width: 43%;
               float: left;
               margin-top: 25px;
               margin-left: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnsr{
               width: 43%;
               float: right;
               margin-top: 25px;
               margin-right: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnt{
               text-align: center;
               font-size: 19px;
               color: #f66673;
           }
           .cartdet{
               text-align: right;
               margin-right: 23px;
               margin-top: 11px;
               font-size: 20px;
           }
           .cartdetl{
               text-align: left;
               margin-left: 13px;
               margin-top: -21px;
               font-size: 20px;
           }
           .homebac{
               width: 105.111%;
               margin-top: 0px;
           }
           
           .title6{
               width: 44%;
               margin-top: -322%;
               margin-bottom: 147%;
               margin-left: 27%;
           }
           .navbutt{
               width: 31px;  
               position: absolute;
               margin-left: 82%;
           }
            .infobutt{
               width: 10px;
               margin-bottom: -21px;
               margin-left: 5px;
               margin-top: -15px;
            }
           .control6{
               margin-top: -81%;
           }
           
           .logo6{
               width: 54%;
               margin-top: -411%;
               margin-bottom: 148%;
               margin-left: 24%;
           }
           .menubutt{
               float: right;
               width: 33px;
               position: relative;
               margin-right: 10px;
               margin-top: 5px;
           }
           .navibutt{
               float: left;
               width: 28px;
               position: relative;
               margin-left: 10px;
               margin-top: 5px;
           }
           .rightaccountsec{
           position: absolute;
           height: 0px;
       }
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -204%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{width: 108px;margin-top: 7%;float: right;margin-right: 15%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -80%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 4%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -31%;
           margin-top: 114%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -78%;
           }
           .ras1{
               width: 108px;
               margin-top: 61%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 60%;
               margin-right: 14%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -27%;
           margin-top: 103%;
       }
       .las2{width: 108px;margin-top: 12%;float: right;margin-right: 13%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -73%;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -17.3%;
       }
       .las2{width: 108px;margin-top: -17%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
           .leftaccountsec{
               position: absolute;
               height: 0px;
           }
       .modal2 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal-content2 {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close2 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close2:hover,
         .close2:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog2 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog2:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog2 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .modalDialog1 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog1:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog1 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #0199ff;
           border-radius: 50%;
           border: 2px solid #0199ff;
       }
       
       .modal3 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal3-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close3 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close3:hover,
         .close3:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog3 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog3:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog3 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #f65966;
           border-radius: 50%;
           border: 2px solid #f65966;
       }
       
       
       
       .modal4 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal4-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close4 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close4:hover,
         .close4:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       .tabekk{
           width: 20%;
           border: 2px solid #e43c3c;
           height: 60px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .tabekk1{
           width: 20%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 23px 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .closeimg{
           margin-top: -26px;
           width: 33px;
           margin-left: -4px;
           background-color: #ff4040;
           border-radius: 50%;
           border: 2px solid #ff4040;
       }
       
           
       .bunnerimg{}
   .profbutt1{
           width: 73%;
           height: 29px;
           margin-left: 91%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
   .bunnerimg{
       width: 30%;
       margin-left: 2%;
   }
   .profbutt{
           width: 73%;
           height: 29px;
           margin-left: -18%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
       .carttabek{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: -24%;
           background-color: #24c9d6;
       }
       .carttabek1{
           width: 94%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           border-radius: 8px;
           margin-bottom: 10px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #fd3535;
       }
       
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -205%;
           }
           .ras1{
               width: 108px;
               margin-top: 114%;
               margin-left: 12%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 113%;
               margin-right: -23%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 13%;
           margin-top: 183%;
       }
       .las2{width: 108px;margin-top: 182%;float: right;margin-right: -22%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -203%;
           }
           .ras1{
               width: 108px;
               margin-top: 130%;
               margin-left: 29%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 129%;
               margin-right: -44%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 29%;
           margin-top: 199%;
       }
       .las2{width: 108px;margin-top: 197%;float: right;margin-right: -44%;}
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -202%;
               margin-bottom: 71px;
           }
           .ras1{
               width: 108px;
               margin-top: 121%;
               margin-left: 30%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 118%;
               margin-right: -60%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 30%;
           margin-top: 188%;
       }
       .las2{width: 108px;margin-top: 188%;float: right;margin-right: -60%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -198%;
               margin-bottom: 160px;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -16%;
       }
       .las2{width: 108px;margin-top: -16%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: aleft;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       .brand{
           width: 77px;
       }
       .catetitle{
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
}
       .aboutitlee1{color: #a91827;width: 30%;font-size: 14px;font-family: psfont;background-color: #fff;border: 1px solid;border-radius: 30px;float: none;padding: 1px;padding-top: 10px;text-align: center;margin: auto;display: block;position: absolute;margin-left: 35%;}
.catetitleh1{color: #ffffff;width: 71%;padding: 11px;margin: auto;display:block;text-align: center;border-radius: 0;height: 26px;margin-bottom: -20px;font-size: 14px;background-color: #ffffff00;margin-top: 0px;font-family: psfont;margin-right: 0%;background-color: #a91827;}
       .catetitleimg{width: 16px;}
       div.brands {
           overflow: auto;
           white-space: nowrap;
           direction: rtl;
           margin-top: 5px;
           margin-left: -20px;
           margin-bottom: -19px;
       }
       
       div.brands a {
           display: inline-block;
           text-align: center;
           padding: 1px;
           text-decoration: none;
       }
       
       div.brands a:hover {
       }
       #element::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: block;
       }
       .services{width: 33%;}
       .servimg{
       
       }
       .servh1{
           
       }
       .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .serviceetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 32%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceee1{
           width: 32%;
           float: right;
       }
       .serviceee2{
           width: 32%;
           margin-left: 34%;
       }
       .serviceee3{
           width: 32%;
           float: left;
           margin-top: -25.4%;
       }
       @font-face {
           font-family: psfont;
           src: url(../font/1.ttf);
         }
       
         .sidenav {
           height: 100%; /* 100% Full-height */
           width: 0; /* 0 width - change this with JavaScript */
           position: fixed; /* Stay in place */
           z-index: 99999; /* Stay on top */
           top: 0; /* Stay at the top */
           top: 0;
           right: 0;
           background-color: #a91827; /* Black*/
           overflow-x: hidden; /* Disable horizontal scroll */
           padding-top: 60px; /* Place content 60px from the top */
           transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
         }
         
         /* The navigation menu links */
         .sidenav a {
           padding: 10px 8px 5px 8px;
           text-decoration: none;
           font-size: 13px;
           color: #141e29;
           text-align: center;
           margin: 10px auto;
           display: block;
           transition: 0.3s;
           font-family: 'psfont';
           background-color: #fff;
           border-radius: 20px;
           width: 90%;
         }
         
         /* When you mouse over the navigation links, change their color */
         .sidenav a:hover {
           color: #f1f1f1;
           background-color: #0075c7;
           border: 2px solid #fff;
         }
         
         /* Position and style the close button (top right corner) */
         .sidenav .closebtn {
         position: absolute;
         top: 0;
         left: -25px;
         font-family: psfont;
         font-size: 43px;
         padding-top: 7px;
         width: 45px;
         height: 43px;
         padding-left: 7px;
         font-size: 30px;
         margin-top: 13px;
         margin-left: 40px;
         }
         
         /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
         #main {
           transition: margin-left .5s;
           padding: 20px;
         }
         Q
         /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
         @media screen and (max-height: 450px) {
           .sidenav {padding-top: 15px;}
           .sidenav a {font-size: 18px;}
         }
         .menubutton1{margin-top: -31px;}
         .menubutton2{margin-top: 45px;}
         .menubutton3{margin-top: 45px;}
         .menubutton4{margin-top: 45px;}
         .menubutton5{margin-top: 45px;}
         .menubutton6{margin-top: 45px;}
         .menbuttimg{float: right;width: 54px;margin-top: -24px;margin-right: 12px;}
         .menbutttext{color: #fff;font-family: psfont;font-size: 14px;text-align: right;margin-right: 70px;}
       .menubuttons{
           
       }
       .signinnh1{text-align: right;margin-right: 29px;font-family: psfont;font-size: 16px;padding-top: 28px;color: #ffffff;}
       .backbutt{
           float: left;
           width: 22px;
           margin-top: -4px;
           margin-left: 20px;
       }
       .backbutt1{
           float: left;
           width: 22px;
           margin-top: 18px;
           margin-left: 20px;
       }
       .signbutt{width: 180px;height: 34px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;border-radius: 40px;border-right: 3px solid #272727;border-left: 3px solid #272727;color: #ffffff;background-color: #ff4040;}
       .regggggh1{text-align: center;font-size: 12px;font-family: psfont;}
       .regggggh1link{
           text-align: center;
           font-size: 12px;
           font-family: psfont;
           color: #3d3d3d;
           margin-top: 6px;
       }
       .nameintheamidd{
           width: 89%;
           text-align: center;
           font-size: 17px;
           margin-top: 26px;
           color: #24c9d6;
           font-family: psfont;
       }
       .buttonbottmaa1{
           background-color: #ff4040;
           width: 26%;
           height: 39px;
           position: absolute;
           border-radius: 6px;
           padding: 8px 3% 7px 1px;
           margin-left: 5%;
           bottom:0;
           text-align: center;
           margin-bottom: 40px;
           float: left;
       }
       .buttonbottmaa2{
           background-color: #ff4040;
           width: 26%;
           height: 39px;
           border-radius: 6px;
           padding: 8px 2% 7px 0px;
           margin-left: 32%;
           float: left;
           text-align: center;
           bottom: 40px;
           position: absolute;
       }
       .shippdetiil1{color: #ffffff;width: 157px;padding: 11px;margin-left: -148%;text-align: center;border-right: 3px solid #3d3d3d;border-left: 3px solid #3d3d3d;border-radius: 30px;height: 29px;margin-bottom: 14px;font-size: 14px;float: left;background-color: #ff4040;margin-top: -270px;font-family: psfont;}
       
       .buttonbottmaaa1{color: #ffffff;font-family: psfont;text-align: center;margin-left: 27%;}
       .buttonbottmaaa2{color: #ffffff;font-family: psfont;text-align: center;margin-left: 14%;}
       .shippdetiil{color: #ffffff;width: 157px;padding: 11px;margin-right: 25%;text-align: center;border-right: 3px solid #3d3d3d;border-left: 3px solid #3d3d3d;border-radius: 30px;height: 29px;margin-bottom: 14px;font-size: 14px;float: right;background-color: #ff4040;margin-top: 14px;font-family: psfont;}
       .butt{
           width: 100%;
           margin-left: 0%;
       }
       .buttaa{
           width: 86%;
           margin-left: 7%;
       }
       .butt1{
           width: 100%;
           margin-left: 0%;
           height: 100px;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .selecttime{width: 100%;height: 118px;border: 1px solid #24c9d6;border-radius: 10px;}
       .selecttime1{width: 94%;height: 121px;margin-left: 3%;border: 1px solid #24c9d6;border-radius: 10px;}
       
       .selecttimeh1{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh22{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .ratingdiv{width: 49%;padding: 8px 21px 8px 0px;margin-left: -1%;margin-bottom: 0px;height: 37px;background-color: #ff4040;margin-top: -16px;border-radius: 11px;}
       .ratingh1{
           background-color: #11b7c4;
           padding: 10px 0px 0px 9px;
           font-size: 19px;
           font-family: psfont;
           width: 50px;
           margin-top: -10px;
           float: right;
           color: #fff;
           border-radius: 5px;
       }
       .ratingdes{
           font-family: psfont;
           text-align: right;
           font-size: 17px;
           margin-right: 62px;
           margin-top: 8px;
       }
       .ratingdesr{
           font-family: psfont;
           text-align: center;
           font-size: 10px;
           width: 136%;
           color: #ffffff;
           margin-top: -12px;
           padding-top: 20px;
           padding-right: 20%;
       }
       .ghazimg{width: 100%;margin-top: -114px;height: 80px;background-color: #fff;border: 1px solid #24c9d6;padding: 13px;border-radius: 11px;}
       .ghaztitle{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: -11px;
       }
       .buttw{
           width: 94%;
           margin-left: 3%;
           direction: rtl;
       }
       .butt1w{
           height: 100px;
           width: 94%;
           margin-left: 3%;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .ghassele{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 10px;
       }
       .ghsseleno3img{
           
       }
       .categoryss{margin-top: 80px;}
       .maincategory{
       
       }
       .maincategorytxt{background-color: #ececec;font-family: psfont;text-align: right;font-size: 15px;color: #24c9d6;padding: 17px 12px 8px 0px;}
       .childcategorytxt{
           font-family: psfont;
           text-align: right;
           font-size: 14px;
           padding: 0px 17px;
           margin-top: 20px;
       }
       .ghasseleydiv1{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 4%;margin-top: 60px;}
       .ghasseleyimg{
           width: 35%;
           margin-left: 33%;
           margin-top: 16px;
       }
       .ghasseleydiv2{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 51%;margin-top: -156px;}
       .pricess1{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           float: left;
           margin-left: 15%;
           margin-top: 11px;
       }
       .pricess2{
           float: right;
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-right: 13%;
           margin-top: 12px;
       }
       .optionh1{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;font-size: 18px;height: 32px;margin-left: 9%;border-radius: 7px;width: 35%;}
       .option1{font-size: 18px;padding: 0;padding-top: 12px;}
       .option2{font-size: 18px;padding: 0;padding-top: 11px;}
       .optionh2{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;height: 32px;font-size: 18px;float: right;margin-right: -30%;border-radius: 7px;width: 35%;}
       .ghasseleyimginmodal{
           background-color: #24c9d6;
           border-radius: 23px;
           padding: 20px;
           width: 90%;
           margin-left: 5%;
           margin-top: 30px;
       }
       .pricesss{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-top: 20px;
       }
       .inpubutton{
           width: 100%;
           height: 80px;
           background-color: #fff;
           border: 1px;
       }
       .active2, .ghazimg:hover{background-color: #24c9d6;}
       .inputdivbutt1{
           width: 44%;
           margin-left: 3%;
       }
       .inputdivbutt2{
           width: 44%;
           margin-right: 3%;
           float: right;
           margin-top: -109px;
       }
       
       .inpughassely{
           width: 100%;
           height: 60px;
           background-color: #0000;
           border: 1px;
       }
       .ghaselytitle1{text-align: center;border: 1px solid #2dbac7;padding: 16px 0px 0px;font-size: 14px;height: 40px;width: 94%;margin-left: 3%;margin-top: 67px;color: #21b7c4;font-family: psfont;border-radius: 30px;}
       .ghaselytitle2{text-align: center;border: 1px solid #2dbac7;padding: 16px 0px 0px;font-size: 14px;height: 40px;margin-top: 27px;width: 94%;margin-left: 3%;color: #21b7c4;font-family: psfont;border-radius: 30px;}
       .active1, .ghaselytitle1:hover{background-color: #24c9d6;color: #fff;}
       .active1, .ghaselytitle2:hover{background-color: #24c9d6;color: #fff;}
       
       .inputdivbuttghassele1{margin-top: -24px;}
       .inputdivbuttghassele2{margin-top: -18px;}
       
       .lastordermod1{width: 100%;margin-top: 36px;height: 107px;background-color: #19b5c2;border: 1px solid #24c9d6;padding: 12px 49px 42px 49px;border-radius: 11px;transition: 0.3s;}
       .active2, .lastordermod1:hover{background-color: #42d6e2;}
       .lastordermoddiv1{
           width: 47%;
           margin-left: 2%;
           float: left;
       }
       .lastordermod2{width: 100%;margin-top: 36px;height: 107px;background-color: #19b5c2;border: 1px solid #24c9d6;padding: 12px 49px 42px 49px;border-radius: 11px;transition: 0.3s;}
       .active2, .lastordermod2:hover{background-color: #42d6e2;}
       .lastordermoddiv2{
           width: 47%;
           margin-right: 2%;
           float: right;
       }
       .lastorderh1{
           text-align: center;
           font-size: 13px;
           font-family: psfont;
           color: #fff;
           margin-top: -22px;
       }
       .brandfouwed{width: 80%;margin-top: 81px;margin-left: 10%;}
       .brandfouwed1{width: 110px;float: left;}
       .brandfouwed2{
           width: 110px;
           float: right;
       }
       .ourservicess{
           margin-top: 70px;
           margin-left: 2%;
           width: 96%;
       }
       .center{
           width: 150px;
           margin: auto;
           margin-top: -3px;
           }
       .selectorforghaseelyopt{
       
       }
       .selectorforghaseely{
           width: 160%;
           margin-left: -30%;
           margin-top: 10px;
           border: 1px solid #19b5c2;
           height: 34px;
           direction: rtl;
           padding: 7px 10px 0px;
           color: #127b86;
           font-size: 11px;
           font-family: psfont;
           border-radius: 17px;
       }
       .subminbts{
           width: 100%;
           margin-left: 0%;
           border-radius: 6px;
           color: #fff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
           font-size: 15px;
           padding: 6px 0px 0px 0px;
           border: 1px solid;
           font-family: psfont;
           height: 42px;
           margin-top: 40px;
       }
       .option1:hover {
           background-color: #078c96;
           border-radius: 6px;
           opacity: 1;
       }
       .option2:hover { 
           background-color: #078c96;
           border-radius: 6px;
           opacity: 1;
       }
       .selecttimeh221{float: right;}
       .selecttimeh222{float: right;}
       .timethisssss1{text-align: right;font-family: psfont;font-size: 11px;margin-right: 30px;margin-top: 8px;}
       .timethisssss2{
           text-align: right;
           font-family: psfont;
           font-size: 11px;
           margin-right: 30px;
           margin-top: 7px;
       }
       .chooseedateinput{
           text-align: right;
           height: 36px;
           font-family: psfont;
           font-size: 11px;
           border-radius: 30px;
           line-height: 1.42857143;
           border: 1px solid;
           width: 100%;
           padding: 8px 19px 0px 0px;
           color: #19B5C2;
           background-color: #fff;
       }
       .selectdateinputu::placeholder {
           color: #000;
           font-family: psfont;
           opacity: 1;
           font-size: 13px;
         }
       
       .fotteroptions{bottom: 0;position: fixed;z-index: 10;padding-top: 1px;width: 100%;height: 41px;background-color: #fff;border-top: 1px solid #424242;padding-left: 8%;background: linear-gradient(to bottom, #d43a3a 0%, #e86c6c 40%, #d43a3a 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);background-blend-mode: multiply;}
       .fotteroption1{width: 20%;}
       .fotteroption2{width: 20%;margin-left: 20%;margin-top: -30px;}
       .fotteroption3{margin-left: 40%;margin-top: -30px;width: 20%;}
       .fotteroption4{width: 20%;margin-left: 60%;margin-top: -30px;}
       .fotteroption5{width: 20%;margin-left: 80%;margin-top: -30px;}
       
       .menutoptap1{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    right: 0;
    padding: 6px;
    height: 30px;
    text-align: center;
    width: 113px;
    margin-right: 2%;
    font-family: 'psfont';
    margin-top: 37px;
    padding-top: 12px;
    border-radius: 50px;
    font-size: 13px;
    color: #00112c;
    border: 1px solid #00112c;
   }
   .backgroundheaderimg{}
   .backgroundheader{
           height: 57px;
           border-radius: 0px 0px 23px 21px;
           margin-bottom: -60px;
           background-blend-mode: multiply;
           background-color: #2f2f2f;
       }
       .fotteroptionimg1{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg2{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg3{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg4{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg5{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       
       .fotteroptionimg1:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg2:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg3:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg4:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg5:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .cartprodtilte{
           text-align: left;
           margin-left: 79px;
           font-size: 16px;
           color: #424242;
           font-family: psfont;
           margin-top: -73px;
       }
       
       .ratingdesrasas{
           text-align: center;
           padding-bottom: 0px;
           border-top: 1px solid;
           border-bottom: 1px solid;
           width: 50%;
           float: right;
           margin-right: 5%;
           margin-top: -24%;
       }
        ::placeholder {color: #ff4040}
       div.categorysliderr {
           overflow: auto;
           white-space: nowrap;
           margin-top: 79px;
           direction: rtl;
           margin-right: 6px;
       }
       .addtocrtbutt{
           width: 35px;
           height: 36px;
           margin-right: 47px;
           margin-top: -1px;
           padding: 5px;
           border-radius: 16px;
       }
       .seeitprof{
           background-color: #ff4040;
           width: 43px;
           height: 43px;
           margin-right: -87px;
           margin-top: -1px;
           padding: 9px;
           border-radius: 16px;
       }
       .addtocrtbutts{
           font-family: psfont;
           color: #fff;
           background-color: #ff4040;
           padding: 15px 10px;
           font-size: 12px;
           width: 141px;
           padding-right: 36px;
           border-radius: 16px;
           padding-top: 17px;
           margin-top: 0px;
           height: 41px;
           text-align: center;
           float: left;
       }
       .cat1img{
           width: 22%;
       }
       .cat2img{
           width: 14%;
           margin-top: -17%;
           margin-left: -1%;
       }
       .cat3img{
           width: 13%;
           margin-top: 23%;
           margin-left: -14%;
       }
       .cat4img{
           width: 38%;
       }
       .cat5img{
           width: 21%;
           margin-top: -19%;
       }
       .cat6img{
           width: 20%;
           margin-top: 22%;
           margin-left: -22%;
       }
       
       .catedivsect{
           margin: auto;
           width: 100%;
           padding: 12px 0px 12px 8%;
           border-bottom: 1px solid #ff4040;
       }
       .oldpriceh1t{text-decoration: line-through;font-size: 11px;text-align: right;margin-top: -10px;color: #ffffff;background-color: #2b2b2b;width: 61px;padding: 8px 4px 4px 4px;border-radius: 7px;margin-right: 4px;font-family: psfont;}
       .pricediv{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 27px;
           padding-top: 13px;
           border-radius: 0px 0px 10px 10px;
           width: 186px;
           margin-top: 170px;
       }
       .prodpricqu{
           font-size: 13px;
           text-align: left;
           margin-top: -14px;
           color: #fff;
           margin-left: 8px;
           font-family: psfont;
       }
       .cantaddtocrtbutts{
           font-family: psfont;
           color: #2b2b2b;
           background-color: #ff4040;
           padding: 15px 10px;
           font-size: 12px;
           width: 141px;
           padding-right: 36px;
           border-radius: 16px;
           padding-top: 17px;
           margin-top: 0px;
           height: 41px;
           text-align: center;
           float: left;
           padding-left: 22px;
       }
       .produdescrip{
           width: 100%;
           min-height: auto;
           height: auto;
           max-height: initial;
           background-color: #2f2f2f;
           float: right;
           margin-right: 1%;
           color: #fff;
           margin-top: 20px;
           border-radius: 11px;
           text-align: right;
           padding-right: 21px;
           font-family: psfont;
           padding: 14px;
       }
       .waseftit{
           font-family: psfont;
           font-size: 22px;
           margin-top: 11px;
           margin-bottom: 8px;
       }
       
       
       .oldpriceh1t1{text-decoration: line-through;font-size: 9px;text-align: right;margin-top: -6px;color: #ffffff;background-color: #2b2b2b;width: 50px;padding: 8px 4px 4px 4px;border-radius: 7px;margin-right: 4px;float: right;font-family: psfont;}
       .pricediv1{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 37px;
           padding-top: 13px;
           border-radius: 11px;
           width: 45%;
           margin-left: 50%;
           margin-top: -16px;
           position: absolute;
       }
       .prodpricqu1{
           font-size: 13px;
           text-align: left;
           margin-top: -14px;
           color: #fff;
           margin-left: 7px;
           font-family: psfont;
       }
       .producttitleincategory{
           background-color: #2f2f2f;
           margin-top: -278px;
           position: absolute;
           padding-top: 10px;
           margin-left: 0%;
           height: 22px;
           width: 86.6%;
           border-radius: 11px 11px 0px 0px;
           text-align: center;
           padding-top: 7px;
           margin-top: -283px;
       }
       .oldpriceh1t2{text-decoration: line-through;font-size: 11px;text-align: center;background-color: #2b2b2b;width: 112%;height: 23px;padding: 8px 6px 7px 3px;border-radius: 7px;font-family: psfont;}
       .slidertop{
    height: 480px;
}
.slidertoptxt{}
.pricediv2{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 30px;
           padding-top: 16px;
           border-radius: 0px 0px 11px 11px;
           width: 76%;
           margin-top: -30px;
           position: absolute;
       }
       .prodpricqu2{
           font-size: 13px;
           text-align: left;
           margin-top: -18px;
           color: #fff;
           margin-left: 16px;
           font-family: psfont;
       }
       .buttonpostiondiv{
           float: right;
           width: 62%;
       }
       
     
  }
   

  @media only screen and (min-width: 1000px) {
    .iframtmea1{width: 100%;border: 1px;height: 550px;}
.prodtssit{
        font-size: 13px;
        text-align: center;
        margin-top: 8px;
        color: #ffffff;
        font-weight: bold;
        background-color: #0000008f;
        font-family: psfont;
        height: 100%;
        padding-top: 100px;
        border-radius: 10px;
        width: 100%;
        margin-top: -228px;
        position: relative;
    }
      .productdivv{}
      .catetitleaa{
    margin: auto;
    width: 30%;
    margin-bottom: 40px;
}
      .ourteamsliders{
    text-align: center;
    margin: 12px;
    font-size: 20px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding-top: 15px;
    width: 28%;
    margin: -17px auto;
    margin-bottom: 20px;
    }
.mainsera{border: 2px solid #a91827;height: 306px;margin-top: 42px;width: 94%;margin-left: 3%;border-radius: 20px;margin-bottom: 20px;background-color: #a91827;}
.btolat{border: 2px solid #a91827;border-left: 0px solid;height: 306px;margin-top: 42px;width: 94%;margin-left: 3%;border-radius: 18px;margin-bottom: 20px;background-color: #a91827;}
.worldnum{border: 2px solid #a91827;height: 306px;margin-top: 42px;width: 94%;margin-left: 0%;border-radius: 10px;margin-bottom: 20px;margin-left: 3%;}
.worldnumt1{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #a91827;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 40%;
    margin: -17px auto 10px;
    }.worldnumt2{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #2a2a2a;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 25%;
    }.worldnumt3{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #2a2a2a;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 25%;
    margin-left: 37%;
    margin-top: 18px;
    }.worldnumt4{
    text-align: center;
    margin: 12px;
    font-size: 16px;
    font-family: 'psfont';
    background-color: #2a2a2a;
    color: #fff;
    border-radius: 30px;
    padding: 13px 0px 5px 0px;
    width: 25%;
    float: right;
    margin-top: -45px;
    }.activitysliders{
    
    px;
    text-align: center;
    font-size: 20px;
    font-family: ssfont;
    background-color: #ffffff;
    color: #a91827;
    border-radius: 18px;
    padding: 5px;
    width: 28%;
    margin: 10px auto;
    margin-top: 11px;
    font-family: psfont;
    padding-top: 11px;
    }
 .lastnewssliders{
    text-align: center;
    font-size: 20px;
    font-family: ssfont;
    background-color: #a91827;
    color: #fff;
    border-radius: 18px;
    padding: 5px;
    width: 28%;
    margin: 15px auto;
    margin-top: -7px;
    font-family: psfont;
    padding-top: 11px;
    }
.lastnewssliderbord{
    width: 94%;
    height: 532px;
    margin-top: 390px;
    margin-left: 3%;
    border-radius: 14px;
}
.ourteam{
    width: 94%;
    height: 622px;
    border: 2px solid #a91827;
    margin-top: 30px;
    margin-left: 3%;
    border-radius: 14px;
}
.activity{
    width: 95%;
    height: 282px;
    border: 2px solid #a91827;
    margin-top: 15px;
    background-color: #a91827;
    margin-left: 3%;
    border-radius: 14px;
}
.catetitlea1{
    color: #00112c;
    font-family: 'psfont';
    background-color: #fff;
    padding: 0px;
    border: 1px solid #00112c;
    padding-top: 16px;
    border-radius: 60px;
    font-size: 18px;
    text-align: center;
    margin: auto;
    display: block;
    width: 83%;
}
.catetitlea2{
    color: #ffffff;
    font-family: 'psfont';
    background-color: #00112c;
    padding: 0px;
    border: 1px solid #00112c;
    padding-top: 16px;
    border-radius: 60px;
    font-size: 18px;
    text-align: center;
    margin: auto;
    margin-top: 430px;
    display: block;
    width: 83%;
}
      .menuhdear{
    visibility: ;
    width: 100;
    width: 36%;
    height: 40px;
    background-color: #ffffff;
    z-index: 5;
    top: 52px;
    margin-left: 32%;
    border-radius: 10px;
    margin: ;
    position: absolute;
}
.menuinphone{margin-top: 37px;display: block;}
.menuintoppleftloginhed{}
.sshareehaayymnaysra{
    color: #00112c;
    float: right;
    margin-top: -10%;
    visibility: inherit;
}
      .sshareehaayymna{
    color: #00112c;
    float: left;
    visibility: inherit;
    margin-top: -2%;
}
      .videoinhome{
    width: 49.9%;
    float: right;
    margin-right: -13px;
    height: auto;
    min-height: 380px;
}
      .menutoptap2{
        position: fixed;
        top: 0;
        background-color: #00112c;
        right: 0;
        padding: 7px;
        margin-right: 14%;
        font-family: 'psfont';
        margin-top: 37px;
        padding-top: 13px;
        border-radius: 10px;
        font-size: 8px;
        padding-right: 20px;
        padding-left: 20px;
        color: #ffffff;
        text-align: center;
        width: 113px;
        height: 30px;
        border: 1px solid #ffffff;
        }
        .menutoptap3{
            position: fixed;
            top: 0;
            background-color: #00112c;
            right: 0;
            padding: 7px;
            margin-right: 26%;
            font-family: 'psfont';
            margin-top: 37px;
            padding-top: 12px;
            border-radius: 10px;
            font-size: 8px;
            padding-right: 20px;
            padding-left: 20px;
            border: 1px solid #ffffff;
            color: #ffffff;
            text-align: center;
            height: 30px;
            width: 113px;
            }
            .menutoptap4{
                position: fixed;
                top: 0;
                background-color: #00112c;
                right: 0;
                padding: 7px;
                margin-right: 38%;
                font-family: 'psfont';
                margin-top: 37px;
                padding-top: 12px;
                border-radius: 10px;
                font-size: 8px;
                padding-right: 20px;
                padding-left: 20px;
                color: #ffffff;
                border: 1px solid #ffffff;
                text-align: center;
                width: 113px;
                height: 30px;
                }
                .menutoptap5{
                    position: fixed;
                    top: 0;
                    background-color: #00112c;
                    right: 0;
                    padding: 7px;
                    margin-right: 50%;
                    font-family: 'psfont';
                    margin-top: 37px;
                    padding-top: 13px;
                    border-radius: 10px;
                    font-size: 8px;
                    padding-right: 20px;
                    padding-left: 20px;
                    color: #ffffff;
                    border: 1px solid #ffffff;
                    text-align: center;
                    width: 113px;
                    height: 30px;
                    }
                    .menutoptap8{}
.tiltiinhder{}
.menutoptap6{
                        position: fixed;
                        top: 0;
                        background-color: #00112c;
                        right: 0;
                        padding: 7px;
                        margin-right: 62%;
                        font-family: 'psfont';
                        margin-top: 37px;
                        padding-top: 12px;
                        border-radius: 10px;
                        font-size: 11px;
                        padding-right: 20px;
                        padding-left: 20px;
                        color: #ffffff;
                        text-align: center;
                        border: 1px solid #ffffff;
                        width: 113px;
                        height: 30px;
                        }
                        .menutoptap7{
                            position: fixed;
                            top: 0;
                            background-color: #00112c;
                            right: 0;
                            padding: 7px;
                            margin-right: 74%;
                            font-family: 'psfont';
                            margin-top: 37px;
                            padding-top: 12px;
                            border-radius: 9px;
                            font-size: 11px;
                            padding-right: 20px;
                            padding-left: 20px;
                            color: #ffffff;
                            text-align: center;
                            border: 1px solid #ffffff;
                            width: 113px;
                            height: 30px;
                            }
  .menuintopp{}
.menuintoppleft{
    width: 10%;
    height: 158px;
    background-color: #fff;
    margin: auto;
    margin-top: -40px;
    border-radius: 0px 0px 30px 30px;
    border: 2px solid #a91827;
}
.menutoptapleft{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    left: 0;
    padding: 6px;
    height: 30px;
    text-align: center;
    width: 25%;
    margin-left: -10px;
    font-family: 'psfont';
    margin-top: 37px;
    padding-top: 12px;
    border-radius: 0px;
    font-size: 13px;
    color: #00112c;
    border: 1px solid #00112c;
}
.menuintoppleftlogo{
    position: absolute;
    width: 47px;
    top: 0;
    margin-top: -7px;
    margin-left: 0%;
    /* background-colaor: #fff; */
    padding: 3px;
    /* margin: auto; */
    display: block;
    z-index: 1000;
    border-radius: 50%;
    background-color: #0000;
}
    .frametemm{width: 100%;border: 1px;height: 315px;}

.menutoptasap1{
        position: absolute;
        top: 0;
        background-color: #ffffff;
        right: 0;
        padding: 7px;
        margin-right: 20px;
        font-family: 'psfont';
        margin-top: 8px;
        padding-top: 14px;
        border-radius: 13px;
        font-size: 15px;
        padding-right: 20px;
        padding-left: 20px;
        color: #2f2f2f;
        }
        .backgroundheaderlogoleft{
            margin-top: -63%;
            width: 19%;
            margin-right: -5px;
            position: absolute;
        }

       .backgroundheaderlogo{
    margin-top: -42%;
    width: 17%;
    margin-right: 6px;
    float: left;
    position: absolute;
    right: 0;
   }
   .backgroundheadertxt{margin: a;margin: -119px auto;text-align: center;width: 60%;color: #fff;font-family: 'psfont';font-size: 31px;}
   .backgroundheadertxt1{margin: a;margin: 131px auto;text-align: center;width: 60%;color: #fff;font-family: 'psfont';font-size: 41px;}
   .imgfotinfoo{
    width: 50px;
    float: right;
    margin-top: -22px;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
    margin-left: 20px;
   }
       .txtfotinfoo{
    color: #fff;
    font-family: 'psfont';
    font-size: 20px;
    float: right;
    background-color: #fff;
    margin-right: 1%;
    width: 70%;
    height: 50px;
    margin-top: -20px;
    border-radius: 10px;
    color: #000;
    text-align: right;
    padding-top: 20px;
    padding-right: 12px;
   }
       .mainfotcont{
   margin-top: 3%;
   width: 101%;
   HEIGHT: 461px;
   background-color: #a91827;
   margin-left: 0px;
   }
   .txtfotinfooa1{
    width: 80%;
    margin-top: 120px;
   }
   .txtfotinfooa2{
    width: 80%;
    margin-top: 180px;
   }
.menuitem1{
    width: 90%;
    font-family: psfont;
    font-size: 17px;
    padding: 5px;
    padding-top: 13px;
    color: #a91827;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
}
.menuitem2{
    background-color: #ffff;
    width: 120px;
    font-family: psfont;
    font-size: 13px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
}
.menuitem3{
    background-color: #ffff;
    width: 120px;
    font-family: psfont;
    font-size: 13px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
}
.menuitem4{
    background-color: #ffff;
    width: 120px;
    font-family: psfont;
    font-size: 13px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: left;
    margin-left: 10px;
}
.menuitem5{
    background-color: #ffff;
    width: 120px;
    font-family: psfont;
    font-size: 13px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: left;
    margin-left: 10px;
}
.menuitem6{
    background-color: #ffff;
    width: 120px;
    font-family: psfont;
    font-size: 13px;
    padding: 5px;
    padding-top: 13px;
    margin-top: 4px;
    text-align: center;
    border-radius: 10px;
    float: left;
    margin-left: 10px;
}
 .txtfotinfooa3{
    width: 80%;
    margin-top: 240px;
   }
   .txtfotinfooa4{
    width: 80%;
    margin-top: 240px;
   }
   .txtfotinfooa4{
    width: 80%;
    margin-top: 300px;
   }
   .txtfotinfooa13{}
       .mainfotcontmap{
    position: absolute;
    margin-top: 0px;
    float: right;
    padding: 1px;
    left: 0;
    padding-top: 0px;
    width: 49%;
   }
       .mainfotcontinfo{
    width: 50%;
    height: 456px;
    float: right;
    position: absolute;
    margin-top: 50px;
    right: 0;
    border-left: 2px solid #a91827;
    background-color: #a91827;
    padding-right: 40px;
   }
       .aboutusd{width: 100%;background-color: #a91827;float: left;margin-left: 0%;height: auto;min-height: 380px;margin-top: -2px;border-radius: 0px;}
       .aboutustxt{
    width: 88%;
    margin-top: 70%;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin: 6% auto 3%;
    font-family: 'psfont';
   }
       .footer-bottom {text-align: center;padding-top: 1em;background-color: #a91827;MARGIN-TOP: 0px;position: fixed;bottom: 0;width: 100%;}
   .footer-bottom p {font-size: 14px;color: #ffffff;font-weight: 400;font-family: psfont;text-align: center;}
   .footer-bottom a {font-size: 19px;color: #000000;font-weight: 400;text-transform: capitalize;font-family: alghad;}
   .footer-bottom a:hover {
   color: #d5d6d7;
   }
   .footer-bottom p a {margin: 0 6px 0 6px;font-family: psfont;font-size: 15px;}
   .socialmediaimg{
     width: 3%;
     margin-top: -10px;
     margin-bottom: 10px;
   }
   .imageincrt1{
       width: 50%;
   }
       
   .searchforproductform{
       width: 77%;
       border: 1px solid #ffffff;
       margin-top: -42px;
       background-color: #fff;
       position: absolute;
       z-index: 43;
       border-radius: 11px;
       margin-left: 10%;
       padding-right: 14px;
   }
   .imageincrt2{
       width: 50%;
   }
       .imageincrt3{
       width: 124px;
       margin-left: -127px;
       margin-top: 210px;
   }
       .imageincrt4{
       width: 294px;
       margin-left: 16px;
       margin-top: 1px;
   }
       .imageincrt5{
       width: 25%;
       margin-top: -49%;
   }
   .cateimgincrt{
       width: 27%;
       margin-left: 6%;
       margin-top: -41px;
   }
   .imageincrt6{
       width: 24%;
       margin-top: -1%;
       margin-left: -364px;
   }
       .button.style-10, .button.style-12, .button.style-18{
       width: 53%;
       margin-top: -12%;
       margin-right: 3%;
   }
   
       .cantbuttonaddtcrt{}
   
       .proquaniti{}
   
       .swiper-wrapper{}
   
       .gocover {background: url("../images/loader.gif") no-repeat scroll center center rgba(45, 45, 45, 0.5);
           display:none;
           position: absolute;
           height: 100%;
           width: 100%;
           z-index: 9999;
           }
           body{
               background-color: #ffffff;
           }
           .closeico{
               width: 28px;
               margin-right: -7px;
             }
             .icon1{
               margin-left: -60%;
               margin-bottom: -22px;
             }
             .modal {
               display: none; 
               position: fixed; 
               z-index: 1;
               left: 0;
               top: 0;
               width: 100%; 
               height: 100%; 
               overflow: auto; 
               background-color: rgb(0,0,0); 
               background-color: rgba(0,0,0,0.4); 
             }
             
             .modal-content {
               background-color: #fefefe;
               padding: 11px;
               border: 3px solid #24c9d6;
               width: 100%;
               margin-left: -2%;
             }
             
             .close {
               color: #aaa;
               float: right;
               font-size: 28px;
               font-weight: bold;
             }
             
             .close:hover,
             .close:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
             }
             .modalDialog {
               position: fixed;
               font-family: Arial, Helvetica, sans-serif;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity:0;
               -webkit-transition: opacity 400ms ease-in;
               -moz-transition: opacity 400ms ease-in;
               transition: opacity 400ms ease-in;
               pointer-events: none;
           }
           .modalDialog:target {
               opacity:1;
               pointer-events: auto;
           }
           
           .modalDialog > div {
               width: 87%;
               margin: 10% auto;
               padding: 0px 20px 13px 20px;
               border-radius: 10px;
               background: #fff;
               background: -moz-linear-gradient(#fff, #999);
               background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
               background: -o-linear-gradient(#fff, #999);
               margin-top: 39px;
           }
           .closeimg{
               margin-top: -17px;
               width: 40px;
               position: absolute;
               margin-left: -26px;
               background-color: #fb8791;
               border-radius: 50%;
               border: 2px solid #f55462;
           }
           #cover {
                 background: url(../images/box.gif) no-repeat scroll center center #fff;
                 position: fixed;
                 height: 100%;
                 width: 100%;
                 background-size: 50px;
                 z-index: 9999;
               }
           
           
           .go-section .container{
               margin-top: 50px;
           }
           .home-section{
               max-width: 400px;
               margin-top: 10%;
               padding-bottom: 5%
           }
           .home-section p{
               color: #ffffff;
           }
           .home-section h1{
               color: #ffffff;
           }
           
           .help-block strong{
               color: red;
           }
           .form-control,.btn{
               border-radius: 30px;
           }
           
           /*User Account CSS Start*/
           
           .tabs > li{
               margin-bottom: 10px;
               width: 100%;
           }
           .tabs li a{
               color: #000000;
               line-height: 20px;
           }
           
           .tabs > li.active{
               color: #FFF;
               background-color:  #000000;
           }
           
           .tabs > li.active a{
               color: #FFF;
           }
           
           .tabs > li.active:focus a{
               color: #FFF;
           }
           
           .tabs > li:hover{
               background-color:  #000000;
               color: #FFF;
           }
           .tabs > li:hover a{
               color: #FFF;
           }
           
           
           /*Service Section CSS Start*/
           .go-services{
           margin-top:70px;
           }
           .service-list{
               width:100%;
               float:left;
               height:auto;
               margin:0 0 30px;
               padding:20px 20px 15px;
               background:#faf9f9;
               border: 1px solid #ddd;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover{
               border: 1px solid #000000;
           }
           .service-list img {
               padding: 10px;
               height: 80px;
               width: 80px;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               background-color: #000000;
           }
           .service-list .fa {
               border: none;
               font-size: 30px;
               height: auto;
               line-height: 80px;
               margin: 0 0 10px;
               vertical-align: middle;
               width: 80px;
               color:#000000;
               background:#fff;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover .fa{
               background:#000000;
               color:#fff;
           }
           .service-list h3{
               margin-top: 0;
           }
           
           
           /*Service Section CSS End*/
           
           /*Genius Testimonial CSS Start*/
           .testimonials {
               position: relative;
               padding-top: 80px;
           }
           .testimonials:after {
               content: '';
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               width: 100%;
               height: 30%;
           }
           
           #customers-testimonials .item-details {
               color: #fff;
               padding: 20px 20px;
               text-align: left;
           }
           #customers-testimonials .item-details h5 {
               color: #010101;
               margin: 15px 0 0;
               font-size: 18px;
               line-height: 18px;
           }
           #customers-testimonials .item-details h5 span {
               color: red;
               float: right;
               padding-right: 20px;
           }
           #customers-testimonials .item-details p {
               font-size: 14px;
               color: #6f6f6f;
           }
           #customers-testimonials .item-details .ctext {
               font-size: 14px;
               color: #6f6f6f;
               font-style: italic;
           }
           
           #customers-testimonials .item {
               text-align: center;
               margin-bottom: 80px;
               border: 1px solid #DDD;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           #customers-testimonials .item:hover {
               border: 1px solid #000000;
           }
           
           #customers-testimonials .item .fa{
               border-bottom: 1px solid #ddd;
               font-size: 40px;
               padding: 20px 45px;
           }
           .owl-carousel .owl-nav [class*='owl-'] {
               -webkit-transition: all .3s ease;
               transition: all .3s ease;
           }
           
           .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
               background-color: #D6D6D6;
           }
           
           .owl-carousel {
               position: relative;
           }
           
           .owl-carousel .owl-next,
           .owl-carousel .owl-prev {
               width: 50px;
               height: 50px;
               line-height: 50px;
               /*border-radius: 50%;*/
               position: absolute;
               top: 30%;
               font-size: 30px;
               color: #000000;
               /*border: 1px solid #000000;*/
               text-align: center;
           }
           
           .owl-carousel .owl-prev {
               left: -40px;
           }
           
           .owl-carousel .owl-next {
               right: -40px;
           }
           
           /*Genius Testimonial CSS END*/
           
           .go-products{
               margin-top:40px;
           }
           
           .home-tab > li, .nav-pills > li {
               float:none;
               display:inline-block;
           }
           
           .home-tab {
               text-align:center;
           }
           
           .go-top {
               /* width: auto; */
               float: right;
               /* height: auto; */
               position: fixed;
               right: 15px;
               bottom: 15px;
               z-index: 999;
               text-align: center;
               display: none;
               /* border: 2px solid #FFF; */
               /* border-radius: 50%; */
           }
           .go-top i {
               background: #000000 repeat scroll 0 0;
               color: #fff;
               border-radius: 50%;
               font-size: 24px;
               height: 40px;
               line-height: 40px;
               width: 40px;
           }
           
           a:hover { text-decoration: none; }
           
           .section-padding {
               padding: 80px 0;
           }
           .section-title {
               text-align: center;
               margin-bottom: 50px;
           }
           .section-title h2 span {color: #000000;}
           .single-pricing-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
               margin-bottom: 10px;
           }
           .single-pricing-box h3 {text-transform: uppercase;}
           .pricing-icon {
               margin-bottom: 20px;
               font-size: 40px;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-icon img {
               max-width: 88px;
               height: auto;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list {
               padding: 0px 10px;
               text-align: left;
               margin-bottom: -22px;
           }
           .single-pricing-box h3.pricing-count {
               text-transform: none;
           }
           .pricing-list ul {
               margin: 0;
               padding: 0;
               list-style: none;
               padding-left: 16px;
               line-height: 30px;
           }
           .pricing-list ul li .fa{
               color: #000000;
           }
           
           a.bordered-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               display: inline-block;
               color: #FFF;
               background-color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           
           .single-pricing-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           .single-pricing-box {-webkit-transition: .2s;transition: .2s;}
           a.bordered-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           .single-pricing-box:hover .pricing-icon {
               color: #000000;
           }
           .single-pricing-box:hover .pricing-icon img {
               opacity: .7;
               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
           }
           .pricing-list ul li {
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list ul li:hover {
               padding-left: 5px;
           }
           
           
           
           
           .btn-views{
               color: #ffffff;
               background: gray;
           }
           
           .genius-btn:hover {
               text-decoration: none;
               background-color: #000000;
               color: #FFF;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
           }
           
           .genius-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
               background-color: #FFF;
           }
           
           
           .nav-tabs {margin-bottom: 15px;}
           .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
           .nav-tabs > li > a {padding: 13px 0px 5px 0px;color: #3c3c3c;border: 1px solid;font-family: psfont;font-size: 14px;border-radius: 12px;}
           .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;border-radius: 12px;color: #fff !important;background: #ffffff;font-family: psfont;font-size: 14px;padding: 14px 0px 5px 0px;text-align: center;background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);border: 1px solid #79d8e4;}
           .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
           border-radius: 12px;
           color: #fff !important;
           background: #ffffff;
           font-family: psfont;
           font-size: 14px;
           padding: 14px 0px 5px 0px;
           text-align: center;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
           border: 1px solid #79d8e4;
       }
           /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
           .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
           .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
           .tab-pane { padding: 15px 0; }
           .tab-content{padding:0px}
           .card{margin-bottom: 30px;}
           
           /*Star Rating Start*/
           .starrr {
               margin: auto;
               display:block;
               margin-left: 15%;
               }
           .starrr a {
               font-size: 26px;
               padding: 0 1px;
               cursor: pointer;
               color: #3abdca;
               text-decoration: none;
               }
           /*Star Rating End*/
           
           
           
           .rating-row{
               padding-bottom: 10px;
               border-bottom: 1px solid #eee
           }
           .rating-date{
               font-size: 12px;
               color: rgba(17,7,0,0.49);
           }
           .rating-box{
               margin-bottom: 0px!important;
           }
           .col-item {
               background: #FFF;
               margin-bottom:12px;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
               border-radius: 6px;
               border: 1px solid #11b7c4;
               height: 199px;
           }
           
           .col-item .options {
               position:absolute;
               top:6px;
               right:22px;
           }
           
           .col-item .photo {
               overflow: hidden;
           }
           
           .col-item .photo .options {
               display:none;
           }
           
           .col-item .photo img {
               margin: 0 auto;
               width: 100%;
               -webkit-transition:all 0.5s ease-in-out;
               -moz-transition:all 0.5s ease-in-out;
               -ms-transition:all 0.5s ease-in-out;
               -o-transition:all 0.5s ease-in-out;
               transition:all 0.5s ease-in-out;
           }
           
           .col-item:hover .photo img{
               -webkit-transform:scale(1.1);
               -moz-transform:scale(1.1);
               -ms-transform:scale(1.1);
               transform:scale(1.1);
           }
           
           .col-item:hover{
           }
           
           .col-item .options-cart {
               position:absolute;
               left:22px;
               top:6px;
               display:none;
           }
           
           .col-item .photo:hover .options,
           .col-item .photo:hover .options-cart {
               display:block;
               -webkit-animation: fadeIn .5s ease;
               -moz-animation: fadeIn .5s ease;
               -ms-animation: fadeIn .5s ease;
               -o-animation: fadeIn .5s ease;
               animation: fadeIn .5s ease;
           }
           .col-item .options-cart-round {
               position:absolute;
               left:42%;
               top:22%;
               display:none;
           }
           .col-item .options-cart-round button {
               border-radius: 50%;
               padding:14px 16px;
           
           }
           .col-item .options-cart-round button .fa {
               font-size:22px;
           }
           .col-item .photo:hover .options-cart-round {
               display:block;
               -webkit-animation: fadeInDown .5s ease;
               -moz-animation: fadeInDown .5s ease;
               -ms-animation: fadeInDown .5s ease;
               -o-animation: fadeInDown .5s ease;
               animation: fadeInDown .5s ease;
           }
           .col-item .info {
               padding: 0px 10px;
               margin-top: 1px;
           }
           .col-item .price-details {
               width: 100%;
               margin-top: 8px;
           }
           
           .review i{
               color: #f5c10c;
           }
           
           #floating_alert {
               position: absolute;
               top: 20px;
               right: 20px;
               z-index: 5000;
           }
           
           .col-item .price-details h1 {
           }
           .col-item .price-details .details {
               margin-bottom: 0px;
               font-size:12px;
           }
           .col-item .price-details span {
               float:right;
           }
           .col-item .price-details .price-new {
           }
           
           .col-item .price-details .price-old {
               font-size:16px;
               margin-top: 3px;
               text-decoration:line-through;
               color: #9c9c9c;
           }
           .col-item .separator {
               border-top: 0px solid #E1E1E1;
           }
           
           .col-item .clear-left {
               clear: left;
           }
           .col-item .separator a {
               text-decoration:none;
           }
           .col-item .separator p {
               margin-bottom: 0;
               margin-top: 6px;
               text-align: center;
           }
           
           .col-item .separator p i {
               margin-right: 5px;
           }
           .col-item .btn-add {
               width: 60%;
               float: left;
           }
           .col-item .btn-add a {
               display:inline-block !important;
           }
           .col-item .btn-add {
               border-right: 1px solid #E1E1E1;
           }
           .col-item .btn-details {
               width: 40%;
               float: left;
               padding-left: 10px;
           }
           .col-item .btn-details a {
               display:inline-block !important;
           }
           .col-item .btn-details a:first-child {
               margin-right:12px;
           }
           
           
           
           
           .services{
           
               margin-top: 20px;
           }
           .services p{
               color: #000000;
               font-size: 18px;
           }
           .services h1{
               color: #000000;
               margin-bottom: 0;
               text-align: center;
               font-size: 14px;
           }
           
           .single-box {
               -webkit-transition: .2s;
               transition: .2s;
           }
           
           .single-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
           }
           .single-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           
           .services-div{
               padding: 11px 10px 15px 10px;
               border-radius: 17px;
           }
           
           .order-div{
               border: 1px solid #24c9d6;
               padding-left: 0;
               padding-right: 0;
               border-radius: 14px;
               margin-left: -5%;
               width: 110%;
               margin-top: 9px;
           }
           .order-div h4{
               color: #FFFFFF;
               background-color: #fe4242;
               padding: 10px;
               margin-top: 0;
               padding-left: 0;
               border-radius: 14px 14px 0px 0px;
               padding-right: 0;
           }
           
           .order-left{
               padding-bottom: 15px;
               padding-left: 0;
               padding-right: 0;
           }
           
           .order-right{
               padding-bottom: 15px;
               padding-left: 0;
               border: 1px solid #ff4040;
               padding-right: 0;
               border-radius: 6px;
               margin-top: 14px;
           }
           .order-right p{
               text-align: left;
               line-height: 1;
               padding: 0 10px;
               font-size: 14px;
           }
           .order-right p i{
               color: darkgreen;
           }
           
           .order-left form{
               padding-left: 15px;
               padding-right: 15px;
           }
           
           
           .btn-home{
               margin-bottom: 10px;
               margin-right: 5px;
               color: #ffffff;
               font-size: 20px;
               font-weight:600;
               padding: 10px 15px 10px 15px;
               border: 2px solid #ffffff;
               background: rgba(0,0,0,0.5);
           }
           
           .btn-home:hover{
               color: #ffffff;
               background-color: #337ab7;
           }
           
           .theme2{
               background-color: #ffffff;
           }
           .animate {
               -webkit-transition: all 0.3s ease-in-out;
               -moz-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               -ms-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
           }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
           .row{
               margin:0;
           }
           .navbar-bootsnipp {
               background-color: #000000;
               border-radius: 0px;
               margin-bottom: 0px;
               z-index: 100;
           }
           .margintop{
               margin-top: 10px;
           }
           .navbar-bootsnipp:nth-of-type(2) {
               border-top-width: 1px;
               z-index: 50
           }
           .nav > li > a:focus, .nav > li > a:hover{
               background-color: #000000;
               color: #FFF;
           }
           .navbar-bootsnipp.affix-top {
               position: absolute;
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp.affix {
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp .navbar-toggle .icon-bar {
               background-color: rgb(95, 176, 228);
           }
           
           .navbar-bootsnipp .navbar-brand {
               color: rgb(95, 176, 228);
               font-weight: 900;
               letter-spacing: 2px;
           }
           .service{
               width: 32%;
           }
           .navbar-bootsnipp .navbar-nav > li > a {
               border: 0px solid rgb(255, 255, 255);
               color: rgb(255, 255, 255);
               font-weight: 600;
           }
           
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
               border-radius: 0px;
           }
           
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
               border-left-width: 5px;
               color: #FFF;
           }
           .navbar-bootsnipp .navbar-nav > li.disabled > a {
               color: rgb(200, 200, 200);
           }
           
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
               border-radius: 0;
               margin-right: -1px;
               min-width: 220px;
               padding: 0px;
           }
           .navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
               left: 0px;
               margin-left: -1px;
               right: auto;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
               border-left: 0px solid rgb(95, 176, 228);
               color: rgb(120, 120, 120);
               font-size: 16px;
               font-weight: 400;
               padding: 10px 20px;
               white-space: nowrap;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
               background-color: rgb(245, 245, 245);
               border-left-width: 5px;
               padding-left: 15px;
           }
           
           
           .navbar .bootsnipp-profile > a {
               padding-bottom: 9px;
               padding-top: 9px;
           }
           .navbar .bootsnipp-profile > a > img {
               border-radius: 50%;
               width: 32px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu {
               width: 320px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
               padding: 5px 15px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
               width: 100%;
           }
           
           .navbar-bootsnipp .bootsnipp-search {
               display: none;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 30px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 25px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control:focus {
               border-color: transparent;
               outline: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
               padding: 14px 16px;
               border-radius: 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
               padding: 14px 16px 14px 15px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
               background-color: rgb(245, 245, 245);
           }
           .nav-padding {
               padding-top: 61px;
           }
           .listing{
               padding:10px 10px 10px 10px;
               color: #000000;
           }
           .single{
               margin-top: 20px;
           }
           .group{
               border: 2px solid #000000;
               border-radius: 5px 5px 0px 0px;
           }
           .group a{
               text-decoration: none;
           }
           .profile-image{
               width: 100%;
               height: auto;
           }
           .no-margin{
               margin: 0;
           }
           .single:hover .listing{
               background-color: #000000;
               color: #FFF;
           }
           .go-bold{
               font-weight: 700;
           }
           
           .go-section{
               padding: 40px 0px;
               min-height: 290px;
               /* margin-bottom: 35px; */
           }
           .profile-section{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-section h3{
               margin-top: 10px;
           }
           .contact-info{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-contact{
               margin: 5px 0px;
               padding: 0px 0px 10px 0px;
               /*border-bottom: 1px solid #DDD;*/
           }
           .profile-social{
               padding: 5px;
           }
           .profile-group{
               margin-bottom: 20px;
           }
           .specialities{
               width: 100%;
               margin-bottom:30px;
           }
           .specialitie{
               float: left;
           }
           .qualifications{
            list-style: none;
            padding: 0;
            margin-bottom:30px;
           }
           .qualification{
               padding: 5px 0px;
               list-style: none;
           }
           .qualification strong{
               width: 30%;
               float: left;
           }
           .qualification span{
               width: 70%;
               float: left;
           }
           .awards-section{
               margin-bottom: 40px;
           }
           .awards h5{
               font-weight: 600;
           }
           .awards p{
               font-weight: 500;
           }
           .banner-300x250{
               max-width:100%;
           }
           .banner-728x90{
               max-width:100%;
           }
           .cats{
               margin-top: 20px;
           }
           
           /*Contact Form CSS*/
           
               input.error{
                 border: 1px solid #e40606;
               }
               input.error:focus{
                 border: 1px solid #e40606;
               }
               select.error{
                 border: 1px solid #e40606;
               }
               select.error:focus{
                 border: 1px solid #e40606;
               }
               textarea.error{
                 border: 1px solid #e40606;
               }
               textarea.error:focus{
                 border: 1px solid #e40606;
               }
               .errorMsg{
                 padding: 0;
                 margin: 0;
                 color: #e40606;
               }
               .capcha{
                 margin-top: 6px;
               }
               #capchaError{
                 margin-top:  6px;
               }
               .gologo{
           
               padding: 10px;
           }
           .headad{
               padding: 10px;
           }
           /*Footer Styles*/
           footer{
               background-color: #000000;
               padding: 20px 50px;
               color: #FFF;
           }
           .address p{
                   margin: 0px;
           }
           .socicon{
               padding: 50px 0px;
           }
           .socicon a{
               color: #FFF;
               text-align: center;
               line-height: 45px;
               display: inline-block;
               font-size: 25px;
               width: 45px;
               height: 45px;
               border: 1px solid #FFF;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
           
               margin: 0 3px 10px
           }
           
           .facebook:hover{
               color: #FFF;
               border: 1px solid #3b5998;
               background: #3b5998;
           }
           .google:hover{
               color: #FFF;
               border: 1px solid #d34836;
               background: #d34836;
           }
           .twitter:hover{
               color: #FFF;
               border: 1px solid #0084b4;
               background: #0084b4;
           }
           .linkedin:hover{
               color: #FFF;
               border: 1px solid #0077B5;
               background: #0077B5;
           }
           #related-products{
               margin-bottom: 30px;
           }
           
           .c-line{
               border-top: 1px solid #FFF;
               margin: 10px 0px;
           }
           .btn-genius{
               border:1px solid #CCC;
               padding-top: 20px;
               padding-bottom: 20px;
               color: #161616;
               border-radius: 0;
               font-size: 17px;
           }
           .btn-genius:hover{
               color: #FFF;
               background-color: #0048B3;
           }
           .marginbottom{
               margin-bottom: 31px;
           }
           .login a, .login a:link, .login a:visited, .login a:active, .login a:hover{
               color: #fd3535;
           }
           
           .footerlink a, .footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover{
               color: #FFF;
           }
           
           .btn-ocean{
               border:1px solid #ddd;
               background-color: #ddd;
               color: #000000;
               font-weight: 700;
               font-size: 15px;
           }
           .btn-ocean:hover{
               color: #FFF;
               border:2px solid #ddd;
               background-color: transparent;
           }
           
           .gologo img{
               max-width: 100%;
           }
           
           .navbar-toggle{
               background-color: #FFF;
           }
           
           @media screen and (max-width: 991px) {
               .address{
                  text-align: center;
               }
               .about{
                  text-align: center;
               }
           
           }
           
           .carousel-caption{
               text-align:left;
           
           }
           .carousel-caption h3{
               font-size: 30px;
           }
           .carousel-caption p{
               font-size: 40px;
           }
           .carousel-caption {
               right: 20%;
               left: 10%;
               padding-bottom: 10%;
           }
           
           @media screen and (max-width: 1199px) and (min-width: 767px) {
               .button.style-10{
                   padding: 10px 20px;
               }
               .col-item .info{
                   padding:0!important;
               }
           }
           
           
           @media screen and (max-width: 550px) and (min-width: 451px) {
               .product{
                   width:100%;
               }
               .col-item .photo img{
                   height:580px!important;
               }
           }
           @media screen and (max-width: 450px) {
               .product{
                   width: 50%;
                   padding-left: 3px;
                   padding-right: 0px;
               }
               .col-item .photo img{
                   height: 130px;
                   border-radius: 6px 6px 0px 0px;
                   /* border: 1px #11b7c4 solid; */
               }
           }
           @media screen and (max-width: 767px) {
               .nav-overflow ul > li >a:hover{
               color:#fff;
           }
           .navbar-brand > img {
               max-width: 200px;
           }
               .carousel-caption h3{
                   font-size: 15px;
               }
               .carousel-caption p{
                   font-size: 20px;
               }
                   .qualification strong{
               width: 100%;
               float: left;
           }
           .qualification span{
               width: 100%;
               float: left;
           }
           .qualification{
               padding: 25px 0px;
               list-style: none;
           }
           }
           @media screen and (min-width: 768px) {
               .gologo{
               
               padding: 40px 10px 10px 80px;
           }
           .headad{
               padding: 10px 60px 10px 10px;
           }
               .carousel-caption {
                   right: 20%;
                   left: 10%;
                   padding-bottom: 10%;
               }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             max-height: 500px;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
               .navbar-bootsnipp .navbar-brand {
                   font-size: 20px;
                   height: auto;
                   padding: 20px 5px;
               }
               .navbar-bootsnipp .navbar-nav > li > a {
                   font-size: 16px;
               }
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
                   border-bottom-width: 5px;
                   border-left-width: 0px;
                   padding-bottom: 10px;
               }
           
               .navbar-bootsnipp .navbar-nav > li.disabled > a {
                   padding-left: 10px;
                   padding-right: 10px;
               }
           
           
               .navbar-bootsnipp .bootsnipp-search {
                   background-color: rgb(235, 235, 235);
                   display: block;
                   position: absolute;
                   top: 100%;
                   width: 100%;
                   -webkit-transform: rotateX(-90deg);
                   -moz-transform: rotateX(-90deg);
                   -o-transform: rotateX(-90deg);
                   -ms-transform: rotateX(-90deg);
                   transform: rotateX(-90deg);
                   -webkit-transform-origin: 0 0 0;
                   -moz-transform-origin: 0 0 0;
                   -o-transform-origin: 0 0 0;
                   -ms-transform-origin: 0 0 0;
                   transform-origin: 0 0 0;
                   visibility: hidden;
               }
               .navbar-bootsnipp .bootsnipp-search.open {
                   -webkit-transform: rotateX(0deg);
                   -moz-transform: rotateX(0deg);
                   -o-transform: rotateX(0deg);
                   -ms-transform: rotateX(0deg);
                   transform: rotateX(0deg);
                   visibility: visible;    
               }
               .navbar-bootsnipp .bootsnipp-search > .container {
                   padding: 0px;
               }    
           }
           
           /*The Left Sidebar Styles*/
           
           /* MENU-LEFT
           -------------------------- */
           /* layout */
           
           .allcats{
               padding-bottom: 15px;
               text-align: center;
               color: #fff;
           }
           
           #left{
               margin-bottom: 15px;
           }
           
           #left ul.nav {
               margin-bottom: 2px;
               font-size: 12px; /* to change font-size, please change instead .lbl */
           }
           #left ul.nav ul,
           #left ul.nav ul li {
               list-style: none!important;
               list-style-type: none!important;
               margin-top: 1px;
               margin-bottom: 1px;
           }
           #left ul.nav ul {
               padding-left: 0;
               width: auto;
           }
           #left ul.nav ul.children {
               padding-left: 12px;
               width: auto;
           }
           #left ul.nav ul.children li{
               margin-left: 0px;
           }
           #left ul.nav li a:hover {
               text-decoration: none;
           }
           
           #left ul.nav li a:focus {
               text-decoration: none;
               background-color: transparent;
           }
           
           #left ul.nav li a:hover .lbl {
               /*color: #999!important;*/
           }
           
           #left ul.nav li.current>a .lbl {
               /*background-color: #999;*/
               color: #fff!important;
           }
           
           /* parent item */
           #left ul.nav li.parent a {
               padding: 0px;
               color: #fff;
               text-align: center;
           }
           #left ul.nav>li.parent>a {
               border-bottom: solid 2px #fff;
               text-transform: uppercase;
               margin-bottom: 5px;
               border-top: solid 2px #fff;
               border-radius: 17px;
           }
           #left ul.nav li.parent a:hover {
               background-color: #f76471;
               /*-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
           }
           
           /* link tag (a)*/
           #left ul.nav li.parent ul li a {
               color: #fff;
               border: none;
               display:block;
               padding-left: 5px;
           }
           
           #left ul.nav li.parent ul li a:hover {
               background-color: #fff;
               -webkit-box-shadow:none;
               -moz-box-shadow:none;
               box-shadow:none;
           }
           
           /* sign for parent item */
           #left ul.nav li .sign {
               display: inline-block;
               width: 25px;
               padding: 5px 8px;
               background-color: transparent;
               color: #222;
           }
           #left ul.nav li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #999;*/
               color: #fff;
           }
           
           /* label */
           #left ul.nav li .lbl {
               padding: 5px 12px;
               display: inline-block;
           }
           #left ul.nav li.current>a>.lbl {
               color: #fff;
           }
           #left ul.nav  li a .lbl{
               font-size: 12px;
           }
           
           /* THEMATIQUE
           ------------------------- */
           /* theme 1 */
           #left ul.nav>li.item-1.parent>a {
               /*border: solid 1px #ff6307;*/
           }
           #left ul.nav>li.item-1.parent>a>.sign,
           #left ul.nav>li.item-1 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ff6307;*/
           }
           #left ul.nav>li.item-1 .lbl {
               /* color: #ff6307; */
               font-size: 15px;
           }
           #left ul.nav>li.item-1 li.current>a .lbl {
               /*background-color: #ff6307;*/
               color: #fff!important;
           }
           
           /* theme 2 */
           #left ul.nav>li.item-8.parent>a {
               border: solid 1px #51c3eb;
           }
           #left ul.nav>li.item-8.parent>a>.sign,
           #left ul.nav>li.item-8 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #51c3eb;
           }
           #left ul.nav>li.item-8 .lbl {
               color: #51c3eb;
           }
           #left ul.nav>li.item-8 li.current>a .lbl {
               background-color: #51c3eb;
               color: #fff!important;
           }
           
           /* theme 3 */
           #left ul.nav>li.item-15.parent>a {
               border: solid 1px #94cf00;
           }
           #left ul.nav>li.item-15.parent>a>.sign,
           #left ul.nav>li.item-15 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #94cf00;
           }
           #left ul.nav>li.item-15 .lbl {
               color: #94cf00;
           }
           #left ul.nav>li.item-15 li.current>a .lbl {
               background-color: #94cf00;
               color: #fff!important;
           }
           
           /* theme 4 */
           #left ul.nav>li.item-22.parent>a {
               /*border: solid 1px #ef409c;*/
           }
           #left ul.nav>li.item-22.parent>a>.sign,
           #left ul.nav>li.item-22 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ef409c;*/
           }
           #left ul.nav>li.item-22 .lbl {
               /*color: #ef409c;*/
           }
           #left ul.nav>li.item-22 li.current>a .lbl {
               /*background-color: #ef409c;*/
               color: #fff!important;
           }
           
           .filter-option{
               border-color: #ffffff!important;
               color: #d53435!important;
           }
           .control{
           height: 50px;
       }
           .hom{
           width: 27px;
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           }
           .set{
               width: 22px;
               float: right;
               margin-top: -25px;
               margin-right: 15px;
           }
           @font-face {
               font-family: ramifont;
               src: url(http://mcroshop.com/ramifont.tff);
           }
           .related{
               width: 136px;
               margin-left: 30%;
           }
           .noresul{
               width: 70%;
               margin-left: 15%;
               margin-top: 25%;
           }
           .nocomment{
               width: 50%;
               margin-top: -6%;
               margin-left: 25%;
           }
           .yourreqdone{
               
           }
           .bunnerh{
                   margin-top: 6px;
               width: 96%;
               margin-left: 7px;
               border: 1px #db2d4b solid;
               border-radius: 6px;
           }
           .cate{
               width: 160px;
           }
           
           div.category {
           }
           
           div.category a {
               display: inline-block;
               text-align: center;
               padding: 0px;
               text-decoration: none;
           }
           
           div.category a:hover {
           }
           .produc{
               width: 100px;
               background-color: #fff;
               height: 168px;
               border-radius: 5px;
               margin-left: 3%;
               float: left;
           }
           .imgproduct{
               width: 101%;
               height: 130px;
               border-radius: 10px 10px 0px 0px;
               margin-bottom: 7px;
           }
           
           
           .productslide {
             width: 100%;
             height: 200px;
             display: flex;
             overflow: auto;
             white-space: nowrap;
             direction: rtl;
             padding-right: 21px;
             -webkit-scrollbar {      display: none;  };
           }
           .produc {
             flex-shrink: 0;
             width: 104px;
             background-color: #fff;
             height: 183px;
             border-radius: 11px;
             margin-left: 3%;
             border: 1px solid #11b7c4;
             float: left;
           }
           .prodtit{
               font-size: 11px;
               text-align: center;
               color: #000000;
               font-weight: bold;
               font-family: psfont;
           }
           .prodpric{
               font-size: 13px;
               text-align: center;
               margin-top: -15px;
               color: #fff;
               font-family: psfont;
           }
           .prodpric1{
               font-size: 13px;
               text-align: center;
               margin-top: 2px;
               margin-left: 29px;
               color: #fff;
               font-family: psfont;
           }
           .prodpric2{
               font-size: 18px;
               margin-top: 0px;
               margin-top: 25px;
               color: #fff;
               text-align: center;
               font-family: psfont;
               margin-left: 43px;
           }
           .lastpro{
                   width: 157px;
                   margin-left: 30%;
                   margin-top: 9px;
                   margin-bottom: 10px;
           }
           .appcateg{
               width: 167px;
               margin-left: 24%;
               margin-top: 9px;
               margin-bottom: 10px;
       }
           .bunners{
           
             width: 300px;
             height: 300px;
             display: flex;
             overflow-x: auto;
             -webkit-scroll-snap-points-x: repeat(300px);
                 -ms-scroll-snap-points-x: repeat(300px);
                     scroll-snap-points-x: repeat(300px);
             -webkit-scroll-snap-type: mandatory;
                 -ms-scroll-snap-type: mandatory;
                     scroll-snap-type: mandatory;
           }
           .brands{
               margin-left: 3px;
               width: 100%;
           }
           .appcategorrrs{
               width: 100%;
               border-top: 2px solid #e43c3c;
               margin-bottom: 23%;
               padding: 10px;
               margin-top: -117%;
           }
           .appcategorrr{
               margin-left: 3px;
               width: 31%;
               margin-bottom: 1%;
           }
           .brand{
               width: 125px;
           }
           .prodprics{
               font-size: 17px;
               text-align: left;
               margin-left: 15px;
               margin-top: 13px;
           }
           .cartproduc{
               background-color: #fff;
               height: 115px;
               width: 96%;
               margin-left: 2%;
               border-radius: 7px;
               border: 1px #19b5c2 solid;
           }
           .cartproductimg{
               height: 111px;
               border-radius: 7px 0px 0px 7px;
               border-right: 1px solid #19b5c2;
               width: 70px;
           }
           .cartprod{
           margin-bottom: 100px;
           }
           .cartproductbuttimg{
               margin-top: -43px;
               width: 40px;
               float: right;
               margin-right: 0px;
           }
           .cartprodtx{
                   text-align: center;
                   margin-top: -95px;
                   font-size: 18px;
                   font-family: psfont;
                   color: #19b5c2;
                   font-weight: bold;
                   margin-left: 48px;
           }
           .cartdete{
               width: 96%;
               background-color: #fff;
               margin-left: 2%;
               height: 104px;
               border: 1px solid #f66673;
               border-radius: 6px;
           }
           .cartbtnsl{
               width: 43%;
               float: left;
               margin-top: 25px;
               margin-left: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnsr{
               width: 43%;
               float: right;
               margin-top: 25px;
               margin-right: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnt{
               text-align: center;
               font-size: 19px;
               color: #f66673;
           }
           .cartdet{
               text-align: right;
               margin-right: 23px;
               margin-top: 11px;
               font-size: 20px;
           }
           .cartdetl{
               text-align: left;
               margin-left: 13px;
               margin-top: -21px;
               font-size: 20px;
           }
           .homebac{
               width: 105.111%;
               margin-top: 0px;
           }
           
           .title6{
               width: 44%;
               margin-top: -322%;
               margin-bottom: 147%;
               margin-left: 27%;
           }
           .navbutt{
               width: 31px;  
               position: absolute;
               margin-left: 82%;
           }
            .infobutt{
               width: 10px;
               margin-bottom: -21px;
               margin-left: 5px;
               margin-top: -15px;
            }
           .control6{
               margin-top: -81%;
           }
           
           .logo6{
               width: 54%;
               margin-top: -411%;
               margin-bottom: 148%;
               margin-left: 24%;
           }
           .menubutt{
               float: right;
               width: 33px;
               position: relative;
               margin-right: 10px;
               margin-top: 5px;
           }
           .navibutt{
               float: left;
               width: 28px;
               position: relative;
               margin-left: 10px;
               margin-top: 5px;
           }
           .rightaccountsec{
           position: absolute;
           height: 0px;
       }
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -204%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{width: 108px;margin-top: 7%;float: right;margin-right: 15%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -80%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 4%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -31%;
           margin-top: 114%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -78%;
           }
           .ras1{
               width: 108px;
               margin-top: 61%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 60%;
               margin-right: 14%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -27%;
           margin-top: 103%;
       }
       .las2{width: 108px;margin-top: 12%;float: right;margin-right: 13%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -73%;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -17.3%;
       }
       .las2{width: 108px;margin-top: -17%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
           .leftaccountsec{
               position: absolute;
               height: 0px;
           }
       .modal2 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal-content2 {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close2 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         .closeghassele {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         .close2:hover,
         .close2:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog2 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog2:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog2 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #0199ff;
           border-radius: 50%;
           border: 2px solid #0199ff;
       }
       
       .modal3 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal3-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close3 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close3:hover,
         .close3:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog3 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog3:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog3 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #f65966;
           border-radius: 50%;
           border: 2px solid #f65966;
       }
       
       
       
       .modal4 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal4-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close4 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close4:hover,
         .close4:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       .tabekk{
           width: 20%;
           border: 2px solid #e43c3c;
           height: 60px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .tabekk1{
           width: 20%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 23px 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -20px;
           width: 33px;
           margin-left: -15px;
           background-color: #24c9d6;
           border-radius: 50%;
           border: 2px solid #24c9d6;
       }
       
           
       .bunnerimg{}
   .profbutt1{
           width: 73%;
           height: 29px;
           margin-left: 12%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
   .bunnerimg{}
   .profbutt{
           width: 73%;
           height: 29px;
           margin-left: 12%;
           background-color: #ffffff;
           border: 1px solid #232323;
           border-radius: 20px;
           color: #d44040;
       }
       .carttabek{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: 46%;
           background-color: #24c9d6;
       }
       .carttabekghaseely{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: 7%;
           background-color: #24c9d6;
       }
       .carttabekcheackout{
           width: 99%;
           border: 2px solid #3d3d3d;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           color: #ffffff;
           z-index: 10;
           margin-top: 19px;
           background-color: #ff4040;
       }
       .carttabekghazkm{
           width: 92%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 4%;
           z-index: 10;
           margin-top: 20px;
           background-color: #24c9d6;
       }
       .carttabek1{
           width: 94%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           border-radius: 8px;
           margin-bottom: 10px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #fd3535;
       }
       
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -205%;
           }
           .ras1{
               width: 108px;
               margin-top: 114%;
               margin-left: 12%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 113%;
               margin-right: -23%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 13%;
           margin-top: 183%;
       }
       .las2{width: 108px;margin-top: 182%;float: right;margin-right: -22%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -203%;
           }
           .ras1{
               width: 108px;
               margin-top: 130%;
               margin-left: 29%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 129%;
               margin-right: -44%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 29%;
           margin-top: 199%;
       }
       .las2{width: 108px;margin-top: 197%;float: right;margin-right: -44%;}
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -202%;
               margin-bottom: 71px;
           }
           .ras1{
               width: 108px;
               margin-top: 121%;
               margin-left: 30%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 118%;
               margin-right: -60%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 30%;
           margin-top: 188%;
       }
       .las2{width: 108px;margin-top: 188%;float: right;margin-right: -60%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -198%;
               margin-bottom: 160px;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -16%;
       }
       .las2{width: 108px;margin-top: -16%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: aleft;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       .brand{
           width: 77px;
       }
       .catetitle{width: 90%;margin-left: 11px;margin-bottom: 19px;}
       .aboutitlee1{color: #22b8c4;width: 225px;text-align: right;font-size: 14px;float: right;margin-top: 9px;font-family: psfont;}
.catetitleh1{color: #22b8c4;width: 225px;text-align: right;font-size: 14px;float: right;margin-top: 9px;font-family: psfont;}

h1.catetitleh1 {
    margin: auto;
    display: block;
    position: absolute;
    margin-top: -2px;
    background-color: #a91827;
    margin-left: 28%;
    color: #ffffff;
    border-radius: 20px 20px 0px 0px;
    width: 67%;
}
       .catetitleimg{width: 16px;}
       div.brands {
           overflow: auto;
           white-space: nowrap;
           direction: rtl;
           margin-top: 5px;
           margin-left: -20px;
           margin-bottom: -19px;
       }
       
       div.brands a {
           display: inline-block;
           text-align: center;
           padding: 1px;
           text-decoration: none;
       }
       
       div.brands a:hover {
       }
       #element::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: block;
       }
       .services{width: 33%;}
       .servimg{
       
       }
       .servh1{
           
       }
       .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       @font-face {
           font-family: psfont;
           src: url(../font/1.ttf);
         }
       
         .sidenav {
           height: 100%; /* 100% Full-height */
           width: 0; /* 0 width - change this with JavaScript */
           position: fixed; /* Stay in place */
           z-index: 31; /* Stay on top */
           top: 0; /* Stay at the top */
           top: 0;
           right: 0;
           background-color: #19b5c2; /* Black*/
           overflow-x: hidden; /* Disable horizontal scroll */
           padding-top: 60px; /* Place content 60px from the top */
           transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
         }
         
         /* The navigation menu links */
         .sidenav a {
           padding: 8px 8px 8px 32px;
           text-decoration: none;
           font-size: 25px;
           color: #ffffff;
           display: block;
           transition: 0.3s;
         }
         
         /* When you mouse over the navigation links, change their color */
         .sidenav a:hover {
           color: #f1f1f1;
         }
         
         /* Position and style the close button (top right corner) */
         .sidenav .closebtn {
           position: absolute;
           top: 0;
           left: -82px;
           font-family: psfont;
           font-size: 43px;
           margin-top: 4px;
           margin-left: 60px;
         }
         
         /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
         #main {
           transition: margin-left .5s;
           padding: 20px;
         }
         Q
         /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
         @media screen and (max-height: 450px) {
           .sidenav {padding-top: 15px;}
           .sidenav a {font-size: 18px;}
         }
         .menubutton1{margin-top: -31px;}
         .menubutton2{margin-top: 45px;}
         .menubutton3{margin-top: 45px;}
         .menubutton4{margin-top: 45px;}
         .menubutton5{margin-top: 45px;}
         .menubutton6{margin-top: 45px;}
         .menbuttimg{float: right;width: 54px;margin-top: -24px;margin-right: 12px;}
         .menbutttext{color: #fff;font-family: psfont;font-size: 14px;text-align: right;margin-right: 70px;}
       .menubuttons{
           
       }
       .signinnh1{text-align: right;margin-right: 25px;font-family: psfont;font-size: 20px;color: #19B5C2;}
       .backbutt{
           float: left;
           width: 22px;
           margin-top: -4px;
           margin-left: 20px;
       }
       .backbutt1{
           float: left;
           width: 22px;
           margin-top: 18px;
           margin-left: 20px;
       }
       .signbutt{width: 180px;height: 42px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;border-radius: 40px;color: #ffffff;}
       .regggggh1{text-align: center;font-size: 12px;font-family: psfont;}
   .regggggh1link{
       text-align: center;
       font-size: 12px;
       font-family: psfont;
       color: #3d3d3d;
       margin-top: 6px;
   }
   .regggggh2link{
       text-align: left;
       font-size: 12px;
       font-family: psfont;
       color: #3d3d3d;
       margin-left: -8%;
       float: left;
       margin-top: -24px;
   }    .nameintheamidd{
           width: 89%;
           text-align: center;
           font-size: 17px;
           margin-top: 26px;
           color: #24c9d6;
           font-family: psfont;
       }
       .buttonbottmaa1{
           background-color: #19B5C2;
           width: 43%;
           height: 43px;
           border-radius: 6px;
           padding: 10px 0px 0px 0px;
           margin-left: 51%;
           bottom:0;
           margin-bottom: 10px;
           float: left;
       }
       .buttonbottmaa2{
           background-color: #19B5C2;
           width: 43%;
           height: 43px;
           border-radius: 6px;
           padding: 10px 0px 0px 0px;
           margin-left: 5%;
           float: right;
           bottom:0;
       }
       .buttonbottmaaa1{color: #fff;font-family: psfont;text-align: center;margin-left: 27%;}
       .buttonbottmaaa2{color: #fff;font-family: psfont;text-align: center;margin-left: 14%;}
       .shippdetiil{
           text-align: right;
           font-size: 14px;
           font-family: psfont;
           margin-bottom: 10px;
           margin-right: 13px;
       }
       .shippdetiilss{
           text-align: right;
           font-size: 14px;
           font-family: psfont;
           margin-bottom: 10px;
           margin-right: 13px;
       }
       .butt{
           width: 100%;
           margin-left: 0%;
           margin-top: 15px;
       }
       .buttpromo{
           width: 92%;
           margin-left: 4%;
           margin-top: 15px;
       }
       .butt1{
           width: 100%;
           margin-left: 0%;
           height: 100px;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .selecttime{width: 100%;height: 124px;border: 1px solid #24c9d6;border-radius: 10px;}
       .selecttime1{width: 94%;height: 124px;border: 1px solid #24c9d6;border-radius: 10px;margin-left: 3%;}
       
       .selecttimeh1{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh22{
           font-size: 12px;
           float: right;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           margin-top: -9px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh21{
           font-size: 12px;
           margin-top: 10px;
           float: right;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .ratingdiv{margin-bottom: 110px;height: 51px;width: 124%;padding: 10px 10px 0px 0px;margin-left: -12%;margin-bottom: 52px;margin-top: -21px;}
       .ratingh1{
           background-color: #11b7c4;
           padding: 10px 0px 0px 9px;
           font-size: 19px;
           font-family: psfont;
           width: 50px;
           margin-top: -10px;
           float: right;
           color: #fff;
           border-radius: 5px;
       }
       .ratingdes{
           font-family: psfont;
           text-align: right;
           font-size: 17px;
           margin-right: 62px;
           margin-top: 8px;
       }
       .ratingdesr{
           font-family: psfont;
           text-align: left;
           font-size: 13px;
           color: #3b3b3b;
           margin-top: 10px;
       }
       .ghazimg12{width: 100%;height: 80px;padding: 13px;border-radius: 11px;margin-top: -11px;}
       
       .ghaztitle{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 17px;
       }
       .buttw{
           width: 94%;
           direction: rtl;
           margin-left: 3%;
       }
       .buttghaz{
           width: 90%;
           direction: rtl;
           margin-left: 5%;
       }
       .butt1w{
           height: 100px;
           width: 94%;
           margin-left: 3%;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .ghassele{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 10px;
       }
       .ghsseleno3img{
           
       }
       .categoryss{margin-top: 80px;}
       .maincategory{
       
       }
       .maincategorytxt{background-color: #ececec;font-family: psfont;text-align: right;font-size: 15px;color: #24c9d6;padding: 17px 12px 8px 0px;}
       .childcategorytxt{
           font-family: psfont;
           text-align: right;
           font-size: 14px;
           padding: 0px 17px;
           margin-top: 20px;
       }
       .ghasseleydiv1{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 4%;margin-top: 60px;}
       .ghasseleyimg{
           width: 40%;
           margin-left: 30%;
           margin-top: 16px;
       }
       .ghasseleydiv2{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 51%;margin-top: -156px;}
       .pricess1{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           float: left;
           margin-left: 15%;
           margin-top: 11px;
       }
       .pricess2{
           float: right;
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-right: 13%;
           margin-top: 12px;
       }
       .optionh1{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;font-size: 18px;height: 32px;margin-left: 9%;border-radius: 7px;width: 35%;}
       .option1{font-size: 18px;padding: 0;padding-top: 12px;font-family: psfont;}
       .option2{font-size: 18px;padding: 0;padding-top: 11px;font-family: psfont;}
       .optionh2{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;height: 32px;font-size: 18px;float: right;margin-right: -30%;border-radius: 7px;width: 35%;}
       .ghasseleyimginmodal{
           background-color: #24c9d6;
           border-radius: 23px;
           padding: 20px;
           width: 100%;
       }
       .pricesss{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-top: 20px;
       }
       .inpubutton{
           width: 100%;
           height: 80px;
           background-color: #fff;
           border: 1px;
       }
       .activerr, .ghazimg:hover{background-color: #24c9d6;}
       .inputdivbutt1{
           width: 44%;
           margin-left: 3%;
       }
       .inputdivbutt2{
           width: 44%;
           margin-right: 3%;
           float: right;
           margin-top: -109px;
       }
       .brandfouwed{width: 80%;margin-top: 81px;margin-left: 10%;}
       .brandfouwed1{width: 110px;float: left;}
       .brandfouwed2{
           width: 110px;
           float: right;
       }
       .ourservicess{
           margin-top: 70px;
           margin-left: 2%;
           width: 96%;
       }
       .center{
           width: 150px;
           margin: auto;
           margin-top: -3px;
           }
           .quantghazkm{
               width: 90%;
               margin: auto;
               margin-top: -3px;
               margin-bottom: 13px;
               }
           .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .serviceetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 32%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceee1{
           width: 32%;
           float: right;
       }
       .serviceee2{
           width: 32%;
           margin-left: 34%;
       }
       .serviceee3{
           width: 32%;
           float: left;
           margin-top: -25.4%;
       }
       .inpughassely{
           width: 100%;
           height: 60px;
           background-color: #0000;
           border: 1px;
       }
       .selectorforghaseely{
           width: 100%;
           margin-top: 10px;
           direction: rtl;
           height: 34px;
           color: #1a939c;
           border: 1px solid #20b2bd;
           border-radius: 6px;
           font-size: 10px;
           padding: 7px 8px 0px 0px;
           font-family: psfont;
       }
       .buttonhajsghaseely{
           margin: auto;
           display:block;
           width: 90%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           z-index: 10;
           margin-top: 11px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .ghaselytitle1{text-align: center;border: 1px solid #2dbac7;padding: 12px 0px 0px;font-size: 14px;height: 33px;margin-top: 47px;color: #21b7c4;margin-left: 4%;width: 92%;font-family: psfont;border-radius: 30px;}
       .ghaselytitle2{text-align: center;border: 1px solid #2dbac7;margin-top: 31px;padding: 12px 0px 0px;font-size: 14px;height: 33px;color: #21b7c4;margin-left: 4%;width: 92%;font-family: psfont;border-radius: 30px;}
       .activer, .ghaselytitle1:hover{background-color: #24c9d6;color: #fff;}
       .activer, .ghaselytitle2:hover{background-color: #24c9d6;color: #fff;}
       
       .inputdivbuttghassele1{margin-top: -24px;}
       .inputdivbuttghassele2{margin-top: -18px;}
       .ghaseelybuttoncheack{
           margin: auto;
           display: block;
           width: 90%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           z-index: 10;
           margin-top: 11px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .loadmorebuttonnnn{
           border: 1px;
           background-color: #0075c7;
           height: 30px;
           width: 110px;
           font-family: psfont;
           color: #fff;
           padding: 10px;
           margin: auto;
           display:block;
           font-size: 10px;
           margin-bottom: 20px;
           border-radius: 7px;
       }
       .mragaaadd{
           padding: 12px;
           margin-bottom: 14px;
           font-size: 15px;
           color: #ffffff;
           font-weight: 700;
           float: right;
           padding-right: 8px;
           margin-right: 0%;
           width: 100%;
           height: 31px;
           text-align: center;
           background-color: #ff4040;
           font-family: psfont;
           vertical-align: middle;
           border-radius: 19px;
           margin-top: -60px;
           border-right: 4px solid #252525;
           border-left: 4px solid #252525;
       }
       .mragaaadda{
           padding: 12px;
           margin-bottom: 14px;
           font-size: 15px;
           color: #ffffff;
           font-weight: 700;
           float: right;
           padding-right: 8px;
           margin-right: 0%;
           width: 100%;
           height: 31px;
           text-align: center;
           background-color: #ff4040;
           font-family: psfont;
           vertical-align: middle;
           border-radius: 19px;
           margin-top: -18px;
           border-right: 4px solid #252525;
           border-left: 4px solid #252525;
       }
       .nshrmragate{margin: auto;display: block;width: 100%;height: 42px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;margin-top: -12px;margin-bottom: 21px;border-radius: 6px;color: #ffffff;background-image: linear-gradient(to right, #ff4040 0%, #ff4040 100%);}
       .mragaainputs{
           border-radius: 12px;
       }
       .nameta3leg{
           text-align: right;
           font-family: psfont;
           font-size: 11px;
           color: #ffffff;
       }
       .alta3lekalns{
           text-align: right;
           font-family: psfont;
           margin-right: 15px;
           font-size: 10px;
           margin-top: 25px;
           margin-bottom: 10px;
           color: #fff;
       }
       .selectorrrdive{
           display: none;
       }
       .alta3lekal3aaam{
           border: 1px solid #000000;
           padding: 10px 0px 0px 0px;
           border-radius: 12px;
           margin-bottom: 10px;
           height: auto;
           background-color: #0000008f;
           min-height: 66px;
       }
       
       .rateeeggef{
           float: right;
           margin-left: -4%;
           margin-top: 3%;
       }
       .bookdatetext1{font-family: psfont;font-size: 13px;text-align: right;margin-top: 14px;}
       .bookdatetext2{font-family: psfont;font-size: 13px;text-align: right;width: 100px;float: right;margin-top: 12px;}
       .selectdateinputu{
           width: 12%;
           margin-top: 3px;
           direction: rtl;
           background-color: #fff;
           border: #fff;
           color: #24c9d6;
           margin-left: 7%;
       }
       .buttoncheackoutt{
           margin: auto;
           display: block;
           width: 58.5%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-right: 2.5%;
           float: right;
           margin-top: 19px;
           margin-bottom: 51px;
           border-radius: 6px;
           color: #ffffff;
           background-color: #3d3d3d;
       }
       .buttoncheackouttghaz{
           margin: auto;
           display: block;
           width: 100%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-top: 41px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .buttoncheackouttghassely{
           margin: auto;
           display: block;
           width: 100%;
           height: 42px;
           padding: 6px 0px 0px 0px;
           font-family: psfont;
           font-size: 15px;
           border: 1px;
           margin-top: 41px;
           margin-bottom: 21px;
           border-radius: 6px;
           color: #ffffff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
       }
       .chaeckoutinfoo1{font-family: psfont;font-size: 10px;}
       .chaeckoutinfoo2{
           font-family: psfont;
           font-size: 9px;
           text-align: right;
       }
       .tatbekpromo{
           font-family: psfont;
           font-size: 12px;
           margin-top: -20px;
           margin-left: 28px;
           width: 70px;
       }
       .messageefd{
           visibility: hidden;
       }
       .modalnonee{
           z-index: -1;
       }
       .headerimg{
           
           width: 100px;
               
           float: right;
               
           margin-top: -118px;
               
           margin-right: 14px;
               
           }
                   .headrh1right1{
                   
               width: 100%;
                   
               text-align: center;
                   
               margin-top: 40px;
                   
               font-size: 19px;
                   
               font-family: psfont;
                   
               color: #329ca5;
                   }
                   .headrh1right2{
                       
               width: 100%;
                       
               text-align: center;
                       
               font-size: 15px;
                       
               font-family: psfont;
                       
               margin-top: -15px;
                   }
                   @font-face {
                 font-family: psfont;
                 src: url(assist/1.ttf);
               }
               
               .headrh1left1{
           
               }
               .headerimgleft{
               
           width: 100px;
               
           float: left;
               
           margin-top: -117px;
               
           margin-left: 14px;
           }
           .zapon{
           
           text-align: right;
           
           margin-top: -84px;
           
           font-family: psfont;
           
           font-size: 18px;
           
           margin-right: 9%;
           }
           .pointsngat{
           
           }
           .almhtrmc{
           
           margin-top: 60px;
           
           font-family: psfont;
           
           font-size: 18px;
           
           margin-left: 27px;
           }
           .namecoustmeer{
               
           margin-top: 93px;
               
           margin-left: 6%;
           }
           .invnumberr{
               
       text-align: right;
               
       font-family: psfont;
               
       font-size: 15px;
               
       margin-right: 8%;
               
       margin-top: 16px;
           }
           .invnumberl{
               
       text-align: left;
               
       font-family: psfont;
               
       font-size: 15px;
               
       margin-left: 28%;
               
       margin-top: -43px;
               }
               .productsss{
       
       border: 1px solid;
       
       width: 95%;
       
       border-radius: 10px;
       
       margin-left: 2%;
       
       height: 41px;
       }
               .rkmmntg{
       
       width: 5%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       text-align: right;
       
       float: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 14px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .ismalmntg{
       
       width: 25%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       text-align: end;
       
       float: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 59px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .s3ralmfrd{
       
       width: 25%;
       
       font-family: psfont;
       
       font-size: 14px;
       
       float: right;
       
       text-align: right;
       
       border-left: 1px solid;
       
       margin-top: 0px;
       
       margin-right: 58px;
       
       padding: 10px 0px 0px 0px;
       
       }
               .al3dd{
                   
       width: 19%;
                   
       font-family: psfont;
                   
       font-size: 14px;
                   
       float: right;
                   
       margin-right: -16px;
               }
               
       
               .productsss1{
       
       border: 1px solid;
       
       width: 95%;
       
       border-radius: 10px;
       
       margin-left: 2%;
       
       min-height: 41px;
       
       margin-top: 14px;
       
       }
                           .rkmmntg1{
                   
                   width: 5%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   text-align: right;
                   
                   float: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 14px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .ismalmntg1{
                   
                   width: 25%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   text-align: end;
                   
                   float: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 59px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .s3ralmfrd1{
                   
                   width: 25%;
                   
                   font-family: psfont;
                   
                   font-size: 14px;
                   
                   float: right;
                   
                   text-align: right;
                   
                   border-left: 1px solid;
                   
                   margin-top: 0px;
                   
                   margin-right: 58px;
                   
                   padding: 10px 0px 0px 0px;
                   
                   }
                           .al3dd1{
                               
                   width: 19%;
                               
                   font-family: psfont;
                               
                   font-size: 14px;
                               
                   float: right;
                               
                   margin-right: -16px;
                           }
                           
       
       
       
                           .gocover {background: url("../images/loader.gif") no-repeat scroll center center rgba(45, 45, 45, 0.5);
           display:none;
           position: absolute;
           height: 100%;
           width: 100%;
           z-index: 9999;
           }
           body{
               background-color: #ffffff;
           }
           .closeico{
               width: 28px;
               margin-right: -7px;
             }
             .icon1{
               margin-left: -60%;
               margin-bottom: -22px;
             }
             .modal {
               display: none; 
               position: fixed; 
               z-index: 1;
               left: 0;
               top: 0;
               width: 100%; 
               height: 100%; 
               overflow: auto; 
               background-color: rgb(0,0,0); 
               background-color: rgba(0,0,0,0.4); 
             }
             
             .modal-content {
               background-color: #fefefe;
               padding: 11px;
               border: 5px solid #ff4040;
               width: 80%;
               margin-left: 9%;
               margin-top: 16px;
             }
             
             .close {
               color: #aaa;
               float: right;
               font-size: 28px;
               font-weight: bold;
             }
             
             .close:hover,
             .close:focus {
               color: black;
               text-decoration: none;
               cursor: pointer;
             }
             .modalDialog {
               position: fixed;
               font-family: Arial, Helvetica, sans-serif;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity:0;
               -webkit-transition: opacity 400ms ease-in;
               -moz-transition: opacity 400ms ease-in;
               transition: opacity 400ms ease-in;
               pointer-events: none;
           }
           .modalDialog:target {
               opacity:1;
               pointer-events: auto;
           }
           
           .modalDialog > div {
               width: 87%;
               margin: 10% auto;
               padding: 0px 20px 13px 20px;
               border-radius: 10px;
               background: #fff;
               background: -moz-linear-gradient(#fff, #999);
               background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
               background: -o-linear-gradient(#fff, #999);
               margin-top: 39px;
           }
           .closeimg{
               margin-top: -17px;
               width: 40px;
               position: absolute;
               margin-left: -26px;
               background-color: #fb8791;
               border-radius: 50%;
               border: 2px solid #f55462;
           }
           #cover {
                 background: url(../images/box.gif) no-repeat scroll center center #fff;
                 position: fixed;
                 height: 100%;
                 width: 100%;
                 background-size: 50px;
                 z-index: 9999;
               }
           
           
           .go-section .container{
               margin-top: 50px;
           }
           .home-section{
               max-width: 400px;
               margin-top: 10%;
               padding-bottom: 5%
           }
           .home-section p{
               color: #ffffff;
           }
           .home-section h1{
               color: #ffffff;
           }
           
           .help-block strong{
               color: red;
           }
           .form-control,.btn{
               border-radius: 30px;
           }
           
           /*User Account CSS Start*/
           
           .tabs > li{
               margin-bottom: 10px;
               width: 100%;
           }
           .tabs li a{
               color: #000000;
               line-height: 20px;
           }
           
           .tabs > li.active{
               color: #FFF;
               background-color:  #000000;
           }
           
           .tabs > li.active a{
               color: #FFF;
           }
           
           .tabs > li.active:focus a{
               color: #FFF;
           }
           
           .tabs > li:hover{
               background-color:  #000000;
               color: #FFF;
           }
           .tabs > li:hover a{
               color: #FFF;
           }
           
           
           /*Service Section CSS Start*/
           .go-services{
           margin-top:70px;
           }
           .service-list{
               width:100%;
               float:left;
               height:auto;
               margin:0 0 30px;
               padding:20px 20px 15px;
               background:#faf9f9;
               border: 1px solid #ddd;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover{
               border: 1px solid #000000;
           }
           .service-list img {
               padding: 10px;
               height: 80px;
               width: 80px;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               background-color: #000000;
           }
           .service-list .fa {
               border: none;
               font-size: 30px;
               height: auto;
               line-height: 80px;
               margin: 0 0 10px;
               vertical-align: middle;
               width: 80px;
               color:#000000;
               background:#fff;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           .service-list:hover .fa{
               background:#000000;
               color:#fff;
           }
           .service-list h3{
               margin-top: 0;
           }
           
           
           /*Service Section CSS End*/
           
           /*Genius Testimonial CSS Start*/
           .testimonials {
               position: relative;
               padding-top: 80px;
           }
           .testimonials:after {
               content: '';
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               width: 100%;
               height: 30%;
           }
           
           #customers-testimonials .item-details {
               color: #fff;
               padding: 20px 20px;
               text-align: left;
           }
           #customers-testimonials .item-details h5 {
               color: #010101;
               margin: 15px 0 0;
               font-size: 18px;
               line-height: 18px;
           }
           #customers-testimonials .item-details h5 span {
               color: red;
               float: right;
               padding-right: 20px;
           }
           #customers-testimonials .item-details p {
               font-size: 14px;
               color: #6f6f6f;
           }
           #customers-testimonials .item-details .ctext {
               font-size: 14px;
               color: #6f6f6f;
               font-style: italic;
           }
           
           #customers-testimonials .item {
               text-align: center;
               margin-bottom: 80px;
               border: 1px solid #DDD;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
           }
           #customers-testimonials .item:hover {
               border: 1px solid #000000;
           }
           
           #customers-testimonials .item .fa{
               border-bottom: 1px solid #ddd;
               font-size: 40px;
               padding: 20px 45px;
           }
           .owl-carousel .owl-nav [class*='owl-'] {
               -webkit-transition: all .3s ease;
               transition: all .3s ease;
           }
           
           .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
               background-color: #D6D6D6;
           }
           
           .owl-carousel {
               position: relative;
           }
           
           .owl-carousel .owl-next,
           .owl-carousel .owl-prev {
               width: 50px;
               height: 50px;
               line-height: 50px;
               /*border-radius: 50%;*/
               position: absolute;
               top: 30%;
               font-size: 30px;
               color: #000000;
               /*border: 1px solid #000000;*/
               text-align: center;
           }
           
           .owl-carousel .owl-prev {
               left: -40px;
           }
           
           .owl-carousel .owl-next {
               right: -40px;
           }
           
           /*Genius Testimonial CSS END*/
           
           .go-products{
               margin-top:40px;
           }
           
           .home-tab > li, .nav-pills > li {
               float:none;
               display:inline-block;
           }
           
           .home-tab {
               text-align:center;
           }
           
           .go-top {
               /* width: auto; */
               float: right;
               /* height: auto; */
               position: fixed;
               right: 15px;
               bottom: 15px;
               z-index: 999;
               text-align: center;
               display: none;
               /* border: 2px solid #FFF; */
               /* border-radius: 50%; */
           }
           .go-top i {
               background: #000000 repeat scroll 0 0;
               color: #fff;
               border-radius: 50%;
               font-size: 24px;
               height: 40px;
               line-height: 40px;
               width: 40px;
           }
           
           a:hover { text-decoration: none; }
           
           .section-padding {
               padding: 80px 0;
           }
           .section-title {
               text-align: center;
               margin-bottom: 50px;
           }
           .section-title h2 span {color: #000000;}
           .single-pricing-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
               margin-bottom: 10px;
           }
           .single-pricing-box h3 {text-transform: uppercase;}
           .pricing-icon {
               margin-bottom: 20px;
               font-size: 40px;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-icon img {
               max-width: 88px;
               height: auto;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list {
               padding: 0px 10px;
               text-align: left;
               margin-bottom: -22px;
           }
           .single-pricing-box h3.pricing-count {
               text-transform: none;
           }
           .pricing-list ul {
               margin: 0;
               padding: 0;
               list-style: none;
               padding-left: 16px;
               line-height: 30px;
           }
           .pricing-list ul li .fa{
               color: #000000;
           }
           
           a.bordered-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               display: inline-block;
               color: #FFF;
               background-color: #000000;
               -webkit-transition: .3s;
               transition: .3s;
           }
           .addtocart-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           
           .single-pricing-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           .single-pricing-box {-webkit-transition: .2s;transition: .2s;}
           a.bordered-btn:hover {
               background-color: #000000;
               color: #fff;
           }
           .single-pricing-box:hover .pricing-icon {
               color: #000000;
           }
           .single-pricing-box:hover .pricing-icon img {
               opacity: .7;
               -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
           }
           .pricing-list ul li {
               -webkit-transition: .3s;
               transition: .3s;
           }
           .pricing-list ul li:hover {
               padding-left: 5px;
           }
           
           
           
           
           .btn-views{
               color: #ffffff;
               background: gray;
           }
           
           .genius-btn:hover {
               text-decoration: none;
               background-color: #000000;
               color: #FFF;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
           }
           
           .genius-btn {
               border: 1px solid #000000;
               padding: 10px 30px;
               border-radius: 50px;
               display: inline-block;
               color: #000000;
               font-weight: 600;
               -webkit-transition: .3s;
               transition: .3s;
               background-color: #FFF;
           }
           
           
           .nav-tabs {margin-bottom: 15px;}
           .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
           .nav-tabs > li > a {padding: 13px 0px 5px 0px;color: #db5757;border: 1px solid;font-family: psfont;font-size: 14px;border-radius: 12px;}
           .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;border-radius: 12px;color: #ffffff!important;background: #ffffff;font-family: psfont;font-size: 14px;padding: 14px 0px 5px 0px;text-align: center;background-image: linear-gradient(to right, #cb5757 0%, #d05858 100%);border: 1px solid #212121;}
           .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
           border-radius: 12px;
           color: #ffffff!important;
           background: #ffffff;
           font-family: psfont;
           font-size: 14px;
           padding: 14px 0px 5px 0px;
           text-align: center;
           background-image: linear-gradient(to right, #dc5858 0%, #d95a5a 100%);
           border: 1px solid #db5757;
       }
           /*.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
           .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
           .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
           .tab-pane { padding: 15px 0; }
           .tab-content{padding:0px;width: 100%;margin-right: 11%;margin-top: 104%;padding-right: 24px;float: right;}
           .card{margin-bottom: 30px;}
           
           /*Star Rating Start*/
           .starrr {
               display: inline-block;
               margin: auto;
               display:block;
               margin-left: 30%;
               }
           .starrr a {
               font-size: 16px;
               padding: 0 1px;
               cursor: pointer;
               color: #ff4040;
               text-decoration: none;
               }
           /*Star Rating End*/
           
           
           
           .rating-row{
               padding-bottom: 10px;
               border-bottom: 1px solid #eee
           }
           .rating-date{
               font-size: 12px;
               color: rgba(17,7,0,0.49);
           }
           .rating-box{
               margin-bottom: 0px!important;
           }
           .col-item {
               background: #2f2f2f;
               margin-bottom:12px;
               -webkit-transition:all 0.4s ease-in-out;
               -moz-transition:all 0.4s ease-in-out;
               -ms-transition:all 0.4s ease-in-out;
               -o-transition:all 0.4s ease-in-out;
               transition:all 0.4s ease-in-out;
               border-radius: 11px;
               border: 1px solid #0075c7;
               min-height: 248px;
           }
           
           .col-item .options {
               position:absolute;
               top:6px;
               right:22px;
           }
           
           .col-item .photo {
               overflow: hidden;
           }
           
           .col-item .photo .options {
               display:none;
           }
           
           .col-item .photo img {
               margin: 33px auto;
               height: 213px;
               width: 100%;
               border-radius: 11px;
               -webkit-transition:all 0.5s ease-in-out;
               -moz-transition:all 0.5s ease-in-out;
               -ms-transition:all 0.5s ease-in-out;
               -o-transition:all 0.5s ease-in-out;
               transition:all 0.5s ease-in-out;
           }
           
           .col-item:hover .photo img{
               -webkit-transform:scale(1.1);
               -moz-transform:scale(1.1);
               -ms-transform:scale(1.1);
               transform:scale(1.1);
           }
           
           .col-item:hover{
           }
           
           .col-item .options-cart {
               position:absolute;
               left:22px;
               top:6px;
               display:none;
           }
           
           .col-item .photo:hover .options,
           .col-item .photo:hover .options-cart {
               display:block;
               -webkit-animation: fadeIn .5s ease;
               -moz-animation: fadeIn .5s ease;
               -ms-animation: fadeIn .5s ease;
               -o-animation: fadeIn .5s ease;
               animation: fadeIn .5s ease;
           }
           .col-item .options-cart-round {
               position:absolute;
               left:42%;
               top:22%;
               display:none;
           }
           .col-item .options-cart-round button {
               border-radius: 50%;
               padding:14px 16px;
           
           }
           .col-item .options-cart-round button .fa {
               font-size:22px;
           }
           .col-item .photo:hover .options-cart-round {
               display:block;
               -webkit-animation: fadeInDown .5s ease;
               -moz-animation: fadeInDown .5s ease;
               -ms-animation: fadeInDown .5s ease;
               -o-animation: fadeInDown .5s ease;
               animation: fadeInDown .5s ease;
           }
           .col-item .info {
               padding: 0px 10px;
               margin-top: 1px;
           }
           .col-item .price-details {
               width: 100%;
               margin-top: 8px;
           }
           
           .review i{
               color: #f5c10c;
           }
           
           #floating_alert {
               position: absolute;
               top: 20px;
               right: 20px;
               z-index: 5000;
           }
           
           .col-item .price-details h1 {
               font-size: 15px;
               color: #ffffff;
               font-family: psfont;
           }
           .col-item .price-details .details {
               margin-bottom: 0px;
               font-size:12px;
           }
           .col-item .price-details span {
               float:right;
           }
           .col-item .price-details .price-new {
           font-size: 12px;
           line-height: 21px;
           height: 13px;
           margin-right: -30%;
           color: #ffffff;
           font-family: psfont;
           text-align: center;
           margin-top: 34px;
           }
           
           .col-item .price-details .price-old {
               font-size:16px;
               margin-top: 3px;
               text-decoration:line-through;
               color: #9c9c9c;
           }
           .col-item .separator {
               border-top: 0px solid #E1E1E1;
           }
           
           .col-item .clear-left {
               clear: left;
           }
           .col-item .separator a {
               text-decoration:none;
           }
           .col-item .separator p {
               margin-bottom: 0;
               margin-top: 6px;
               text-align: center;
           }
           
           .col-item .separator p i {
               margin-right: 5px;
           }
           .col-item .btn-add {
               width: 60%;
               float: left;
           }
           .col-item .btn-add a {
               display:inline-block !important;
           }
           .col-item .btn-add {
               border-right: 1px solid #E1E1E1;
           }
           .col-item .btn-details {
               width: 40%;
               float: left;
               padding-left: 10px;
           }
           .col-item .btn-details a {
               display:inline-block !important;
           }
           .col-item .btn-details a:first-child {
               margin-right:12px;
           }
           
           
           
           
           .services{
           
               margin-top: 20px;
           }
           .services p{
               color: #000000;
               font-size: 18px;
           }
           .services h1{
               color: #000000;
               margin-bottom: 0;
               text-align: center;
               font-size: 14px;
           }
           
           .single-box {
               -webkit-transition: .2s;
               transition: .2s;
           }
           
           .single-box {
               border: 1px solid #ddd;
               padding: 20px;
               text-align: center;
           }
           .single-box:hover {
               border-color: #000000;
               box-shadow: 0 0 50px #f1f1f1;
           }
           
           .services-div{
               padding: 11px 10px 15px 10px;
               border-radius: 17px;
           }
           
           .order-div{
               border: 1px solid #24c9d6;
               padding-left: 0;
               padding-right: 0;
               border-radius: 14px;
               margin-left: -5%;
               width: 110%;
               margin-top: 9px;
           }
           .order-div h4{
               color: #FFFFFF;
               background-color: #fe4242;
               padding: 10px;
               margin-top: 0;
               padding-left: 0;
               border-radius: 14px 14px 0px 0px;
               padding-right: 0;
           }
           
           .order-left{
               padding-bottom: 15px;
               padding-left: 0;
               padding-right: 0;
           }
           
           .order-right{
               padding-bottom: 5px;
               padding-left: 0;
               float: left;
               margin-top: -209px;
               padding-right: 0;
               margin-bottom: 65px;
               margin-left: -162%;
               width: 57%;
           }
           .order-right p{
               text-align: left;
               line-height: 1;
               padding: 0 10px;
               font-size: 14px;
           }
           .order-right p i{
               color: darkgreen;
           }
           
           .order-left form{
               padding-left: 15px;
               padding-right: 15px;
           }
           
           
           .btn-home{
               margin-bottom: 10px;
               margin-right: 5px;
               color: #ffffff;
               font-size: 20px;
               font-weight:600;
               padding: 10px 15px 10px 15px;
               border: 2px solid #ffffff;
               background: rgba(0,0,0,0.5);
           }
           
           .btn-home:hover{
               color: #ffffff;
               background-color: #337ab7;
           }
           
           .theme2{
               background-color: #ffffff;
           }
           .animate {
               -webkit-transition: all 0.3s ease-in-out;
               -moz-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               -ms-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
           }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
           .row{
               margin:0;
           }
           .navbar-bootsnipp {
               background-color: #000000;
               border-radius: 0px;
               margin-bottom: 0px;
               z-index: 100;
           }
           .margintop{
               margin-top: 10px;
           }
           .navbar-bootsnipp:nth-of-type(2) {
               border-top-width: 1px;
               z-index: 50
           }
           .nav > li > a:focus, .nav > li > a:hover{
               background-color: #000000;
               color: #FFF;
           }
           .navbar-bootsnipp.affix-top {
               position: absolute;
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp.affix {
               top: 0px;
               width: 100%;
           }
           .navbar-bootsnipp .navbar-toggle .icon-bar {
               background-color: rgb(95, 176, 228);
           }
           
           .navbar-bootsnipp .navbar-brand {
               color: rgb(95, 176, 228);
               font-weight: 900;
               letter-spacing: 2px;
           }
           .service{
               width: 32%;
           }
           .navbar-bootsnipp .navbar-nav > li > a {
               border: 0px solid rgb(255, 255, 255);
               color: rgb(255, 255, 255);
               font-weight: 600;
           }
           
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > input,
           .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
               border-radius: 0px;
           }
           
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover,
           .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
               border-left-width: 5px;
               color: #FFF;
           }
           .navbar-bootsnipp .navbar-nav > li.disabled > a {
               color: rgb(200, 200, 200);
           }
           
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
               border-radius: 0;
               margin-right: -1px;
               min-width: 220px;
               padding: 0px;
           }
           .navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
               left: 0px;
               margin-left: -1px;
               right: auto;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
               border-left: 0px solid rgb(95, 176, 228);
               color: rgb(120, 120, 120);
               font-size: 16px;
               font-weight: 400;
               padding: 10px 20px;
               white-space: nowrap;
           }
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover,
           .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
               background-color: rgb(245, 245, 245);
               border-left-width: 5px;
               padding-left: 15px;
           }
           
           
           .navbar .bootsnipp-profile > a {
               padding-bottom: 9px;
               padding-top: 9px;
           }
           .navbar .bootsnipp-profile > a > img {
               border-radius: 50%;
               width: 32px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu {
               width: 320px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
               padding: 5px 15px;
           }
           .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
               width: 100%;
           }
           
           .navbar-bootsnipp .bootsnipp-search {
               display: none;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 30px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control {
               background-color: rgb(235, 235, 235);
               border-radius: 0px;
               border-width: 0px;
               font-size: 24px;
               padding: 25px 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .form-control:focus {
               border-color: transparent;
               outline: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
               padding: 14px 16px;
               border-radius: 0px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover,
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
               padding: 14px 16px 14px 15px;
           }
           .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
               background-color: rgb(245, 245, 245);
           }
           .nav-padding {
               padding-top: 61px;
           }
           .listing{
               padding:10px 10px 10px 10px;
               color: #000000;
           }
           .single{
               margin-top: 20px;
           }
           .group{
               border: 2px solid #000000;
               border-radius: 5px 5px 0px 0px;
           }
           .group a{
               text-decoration: none;
           }
           .profile-image{
               width: 100%;
               height: auto;
           }
           .no-margin{
               margin: 0;
           }
           .single:hover .listing{
               background-color: #000000;
               color: #FFF;
           }
           .go-bold{
               font-weight: 700;
           }
           
           .go-section{
               /* padding: 40px 0px; */
               min-height: 250px;
               /* margin-bottom: 35px; */
           }
           .profile-section{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-section h3{
               margin-top: 10px;
           }
           .contact-info{
               margin-bottom: 30px;
               border: 1px solid #DDD;
               padding: 10px;
           }
           .profile-contact{
               margin: 5px 0px;
               padding: 0px 0px 10px 0px;
               /*border-bottom: 1px solid #DDD;*/
           }
           .profile-social{
               padding: 5px;
           }
           .profile-group{
               margin-bottom: 20px;
           }
           .specialities{
               width: 100%;
               margin-bottom:30px;
           }
           .specialitie{
               float: left;
           }
           .qualifications{
            list-style: none;
            padding: 0;
            margin-bottom:30px;
           }
           .qualification{
               padding: 5px 0px;
               list-style: none;
           }
           .qualification strong{
               width: 30%;
               float: left;
           }
           .qualification span{
               width: 70%;
               float: left;
           }
           .awards-section{
               margin-bottom: 40px;
           }
           .awards h5{
               font-weight: 600;
           }
           .awards p{
               font-weight: 500;
           }
           .banner-300x250{
               max-width:100%;
           }
           .banner-728x90{
               max-width:100%;
           }
           .cats{
               margin-top: 20px;
           }
           
           /*Contact Form CSS*/
           
               input.error{
                 border: 1px solid #e40606;
               }
               input.error:focus{
                 border: 1px solid #e40606;
               }
               select.error{
                 border: 1px solid #e40606;
               }
               select.error:focus{
                 border: 1px solid #e40606;
               }
               textarea.error{
                 border: 1px solid #e40606;
               }
               textarea.error:focus{
                 border: 1px solid #e40606;
               }
               .errorMsg{
                 padding: 0;
                 margin: 0;
                 color: #e40606;
               }
               .capcha{
                 margin-top: 6px;
               }
               #capchaError{
                 margin-top:  6px;
               }
               .gologo{
           
               padding: 10px;
           }
           .headad{
               padding: 10px;
           }
           /*Footer Styles*/
           footer{
               background-color: #000000;
               padding: 20px 50px;
               color: #FFF;
           }
           .address p{
                   margin: 0px;
           }
           .socicon{
               padding: 50px 0px;
           }
           .socicon a{
               color: #FFF;
               text-align: center;
               line-height: 45px;
               display: inline-block;
               font-size: 25px;
               width: 45px;
               height: 45px;
               border: 1px solid #FFF;
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               border-radius: 50%;
           
               margin: 0 3px 10px
           }
           
           .facebook:hover{
               color: #FFF;
               border: 1px solid #3b5998;
               background: #3b5998;
           }
           .google:hover{
               color: #FFF;
               border: 1px solid #d34836;
               background: #d34836;
           }
           .twitter:hover{
               color: #FFF;
               border: 1px solid #0084b4;
               background: #0084b4;
           }
           .linkedin:hover{
               color: #FFF;
               border: 1px solid #0077B5;
               background: #0077B5;
           }
           #related-products{
               margin-bottom: 30px;
           }
           
           .c-line{
               border-top: 1px solid #FFF;
               margin: 10px 0px;
           }
           .btn-genius{
               border:1px solid #CCC;
               padding-top: 20px;
               padding-bottom: 20px;
               color: #161616;
               border-radius: 0;
               font-size: 17px;
           }
           .btn-genius:hover{
               color: #FFF;
               background-color: #0048B3;
           }
           .marginbottom{
               margin-bottom: 31px;
           }
           .login a, .login a:link, .login a:visited, .login a:active, .login a:hover{
               color: #fd3535;
           }
           
           .footerlink a, .footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover{
               color: #FFF;
           }
           
           .btn-ocean{
               border:1px solid #ddd;
               background-color: #ddd;
               color: #000000;
               font-weight: 700;
               font-size: 15px;
           }
           .btn-ocean:hover{
               color: #FFF;
               border:2px solid #ddd;
               background-color: transparent;
           }
           
           .gologo img{
               max-width: 100%;
           }
           
           .navbar-toggle{
               background-color: #FFF;
           }
           
           @media screen and (max-width: 991px) {
               .address{
                  text-align: center;
               }
               .about{
                  text-align: center;
               }
           
           }
           
           .carousel-caption{
               text-align:left;
           
           }
           .carousel-caption h3{
               font-size: 30px;
           }
           .carousel-caption p{
               font-size: 40px;
           }
           .carousel-caption {
               right: 20%;
               left: 10%;
               padding-bottom: 10%;
           }
           
           @media screen and (max-width: 1199px) and (min-width: 767px) {
               .button.style-10{
                   padding: 15px 20px;
                   margin-top: -9.7%;
                   width: 50%;
                   margin-right: 14%;
               }
               .col-item .info{
                   padding:0!important;
               }
           }
           
           
           @media screen and (max-width: 550px) and (min-width: 451px) {
               .product{
                   width:100%;
               }
               .col-item .photo img{
                   height:580px!important;
               }
           }
           @media screen and (max-width: 450px) {
               .product{
                   width: 50%;
                   padding-left: 3px;
                   padding-right: 0px;
                   margin-top: 20px;
               }
               .col-item .photo img{
                   height: 227px;
                   border-radius: 6px 6px 0px 0px;
                   border-bottom: 1px #3a3a3a solid;
               }
           }
           @media screen and (max-width: 767px) {
               .nav-overflow ul > li >a:hover{
               color:#fff;
           }
           .navbar-brand > img {
               max-width: 200px;
           }
               .carousel-caption h3{
                   font-size: 15px;
               }
               .carousel-caption p{
                   font-size: 20px;
               }
                   .qualification strong{
               width: 100%;
               float: left;
           }
           .qualification span{
               width: 100%;
               float: left;
           }
           .qualification{
               padding: 25px 0px;
               list-style: none;
           }
           }
           @media screen and (min-width: 768px) {
               .gologo{
               
               padding: 40px 10px 10px 80px;
           }
           .headad{
               padding: 10px 60px 10px 10px;
           }
               .carousel-caption {
                   right: 20%;
                   left: 10%;
                   padding-bottom: 10%;
               }
           .carousel-inner > .item > img,
           .carousel-inner > .item > a > img {
             width: 100%;
             max-height: 660px;
             margin: auto;
           }
           #slider{
               margin-top: 70px;
           }
               .navbar-bootsnipp .navbar-brand {
                   font-size: 20px;
                   height: auto;
                   padding: 20px 5px;
               }
               .navbar-bootsnipp .navbar-nav > li > a {
                   font-size: 16px;
               }
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a,
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, 
               .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
                   border-bottom-width: 5px;
                   border-left-width: 0px;
                   padding-bottom: 10px;
               }
           
               .navbar-bootsnipp .navbar-nav > li.disabled > a {
                   padding-left: 10px;
                   padding-right: 10px;
               }
           
           
               .navbar-bootsnipp .bootsnipp-search {
                   background-color: rgb(235, 235, 235);
                   display: block;
                   position: absolute;
                   top: 100%;
                   width: 100%;
                   -webkit-transform: rotateX(-90deg);
                   -moz-transform: rotateX(-90deg);
                   -o-transform: rotateX(-90deg);
                   -ms-transform: rotateX(-90deg);
                   transform: rotateX(-90deg);
                   -webkit-transform-origin: 0 0 0;
                   -moz-transform-origin: 0 0 0;
                   -o-transform-origin: 0 0 0;
                   -ms-transform-origin: 0 0 0;
                   transform-origin: 0 0 0;
                   visibility: hidden;
               }
               .navbar-bootsnipp .bootsnipp-search.open {
                   -webkit-transform: rotateX(0deg);
                   -moz-transform: rotateX(0deg);
                   -o-transform: rotateX(0deg);
                   -ms-transform: rotateX(0deg);
                   transform: rotateX(0deg);
                   visibility: visible;    
               }
               .navbar-bootsnipp .bootsnipp-search > .container {
                   padding: 0px;
               }    
           }
           
           /*The Left Sidebar Styles*/
           
           /* MENU-LEFT
           -------------------------- */
           /* layout */
           
           .allcats{
               padding-bottom: 15px;
               text-align: center;
               color: #fff;
           }
           
           #left{
               margin-bottom: 15px;
           }
           
           #left ul.nav {
               margin-bottom: 2px;
               font-size: 12px; /* to change font-size, please change instead .lbl */
           }
           #left ul.nav ul,
           #left ul.nav ul li {
               list-style: none!important;
               list-style-type: none!important;
               margin-top: 1px;
               margin-bottom: 1px;
           }
           #left ul.nav ul {
               padding-left: 0;
               width: auto;
           }
           #left ul.nav ul.children {
               padding-left: 12px;
               width: auto;
           }
           #left ul.nav ul.children li{
               margin-left: 0px;
           }
           #left ul.nav li a:hover {
               text-decoration: none;
           }
           
           #left ul.nav li a:focus {
               text-decoration: none;
               background-color: transparent;
           }
           
           #left ul.nav li a:hover .lbl {
               /*color: #999!important;*/
           }
           
           #left ul.nav li.current>a .lbl {
               /*background-color: #999;*/
               color: #fff!important;
           }
           
           /* parent item */
           #left ul.nav li.parent a {
               padding: 0px;
               color: #fff;
               text-align: center;
           }
           #left ul.nav>li.parent>a {
               border-bottom: solid 2px #fff;
               text-transform: uppercase;
               margin-bottom: 5px;
               border-top: solid 2px #fff;
               border-radius: 17px;
           }
           #left ul.nav li.parent a:hover {
               background-color: #f76471;
               /*-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
               /*box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
           }
           
           /* link tag (a)*/
           #left ul.nav li.parent ul li a {
               color: #fff;
               border: none;
               display:block;
               padding-left: 5px;
           }
           
           #left ul.nav li.parent ul li a:hover {
               background-color: #fff;
               -webkit-box-shadow:none;
               -moz-box-shadow:none;
               box-shadow:none;
           }
           
           /* sign for parent item */
           #left ul.nav li .sign {
               display: inline-block;
               width: 25px;
               padding: 5px 8px;
               background-color: transparent;
               color: #222;
           }
           #left ul.nav li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #999;*/
               color: #fff;
           }
           
           /* label */
           #left ul.nav li .lbl {
               padding: 5px 12px;
               display: inline-block;
           }
           #left ul.nav li.current>a>.lbl {
               color: #fff;
           }
           #left ul.nav  li a .lbl{
               font-size: 12px;
           }
           
           /* THEMATIQUE
           ------------------------- */
           /* theme 1 */
           #left ul.nav>li.item-1.parent>a {
               /*border: solid 1px #ff6307;*/
           }
           #left ul.nav>li.item-1.parent>a>.sign,
           #left ul.nav>li.item-1 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ff6307;*/
           }
           #left ul.nav>li.item-1 .lbl {
               /* color: #ff6307; */
               font-size: 15px;
           }
           #left ul.nav>li.item-1 li.current>a .lbl {
               /*background-color: #ff6307;*/
               color: #fff!important;
           }
           
           /* theme 2 */
           #left ul.nav>li.item-8.parent>a {
               border: solid 1px #51c3eb;
           }
           #left ul.nav>li.item-8.parent>a>.sign,
           #left ul.nav>li.item-8 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #51c3eb;
           }
           #left ul.nav>li.item-8 .lbl {
               color: #51c3eb;
           }
           #left ul.nav>li.item-8 li.current>a .lbl {
               background-color: #51c3eb;
               color: #fff!important;
           }
           
           /* theme 3 */
           #left ul.nav>li.item-15.parent>a {
               border: solid 1px #94cf00;
           }
           #left ul.nav>li.item-15.parent>a>.sign,
           #left ul.nav>li.item-15 li.parent>a>.sign{
               margin-left: 0px;
               background-color: #94cf00;
           }
           #left ul.nav>li.item-15 .lbl {
               color: #94cf00;
           }
           #left ul.nav>li.item-15 li.current>a .lbl {
               background-color: #94cf00;
               color: #fff!important;
           }
           
           /* theme 4 */
           #left ul.nav>li.item-22.parent>a {
               /*border: solid 1px #ef409c;*/
           }
           #left ul.nav>li.item-22.parent>a>.sign,
           #left ul.nav>li.item-22 li.parent>a>.sign{
               margin-left: 0px;
               /*background-color: #ef409c;*/
           }
           #left ul.nav>li.item-22 .lbl {
               /*color: #ef409c;*/
           }
           #left ul.nav>li.item-22 li.current>a .lbl {
               /*background-color: #ef409c;*/
               color: #fff!important;
           }
           
           .filter-option{
               border-color: #ffffff!important;
               color: #d53435!important;
           }
           .control{
           height: 50px;
       }
           .hom{
           width: 27px;
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           }
           .set{
               width: 27px;
               float: right;
               margin-top: -25px;
               margin-right: 15px;
           }
           @font-face {
               font-family: ramifont;
               src: url(http://mcroshop.com/ramifont.tff);
           }
           .related{
               width: 136px;
               margin-left: 30%;
           }
           .noresul{
               width: 50%;
               margin-left: 26%;
               margin-top: 5%;
               margin-bottom: 41px;
           }
           .yourreqdone{
               
           }
           .bunnerh{
                   margin-top: 6px;
               width: 96%;
               margin-left: 7px;
               border: 1px #db2d4b solid;
               border-radius: 6px;
           }
           .cate{
               width: 39%;
           }
           
           div.category {
           }
           
           div.category a {
               display: inline-block;
               text-align: center;
               padding: 0px;
               text-decoration: none;
           }
           
           div.category a:hover {
           }
           .produc{
               width: 100px;
               background-color: #fff;
               height: 168px;
               border-radius: 5px;
               margin-left: 3%;
               float: left;
           }
           .imgproduct{
               width: 100%;
               height: 100%;
               border-radius: 18px 18px 0px 0px;
               border-bottom: 2px solid #a91827;
               margin-bottom: 4px;
               margin-top: 2px;
           }
           
           
           .productslide {
             width: 100%;
             height: 100%;
             display: block;
             overflow: auto;
             white-space: nowrap;
             direction: rtl;
             border-bottom: 1px solid #ff404000;
             padding-right: 21px;
             -webkit-scrollbar {      display: none;  };
           }
                             .produc3 {
             flex-shrink: 0;
             width: 22%;
             background-color: #a91827;
             height: 216px;
             border-radius: 18px 18px 0px 0px;
             margin-left: 3%;
             border: 1.3px solid #a91827;
             float: left;
           }
.fedpres{width: 95%;margin-left: 3%;border: 2px solid #a91827;margin-top: 28px;height: 292px;border-radius: 20px;}
.fedpresphoto{
    width: 330px;
    background-color: #a91827;
    float: left;
    height: 289px;
    margin-top: -1px;
    border-radius: 20px 0px 0px 20px;
}
.fedpresimg{width: 200px;margin: auto;display: block;margin-top: 10px;border-radius: 20px;border: 2px solid;margin-left: 17%;}
.fedpresname{
    background-color: #fff;
    font-family: 'psfont';
    font-size: 22px;
    padding-top: 13px;
    width: 86%;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    border-radius: 30px;
    margin-left: 7%;
}
.fedpresword{width: 70%;direction: rtl;margin-left: 30%;border-radius: 60px;}
.fedpreswordtxt{
    font-family: psfont;
    font-size: 20px;
    padding: 25px;
    padding-top: 50px;
    border-radius: 20px;
}
.produc2 {
             flex-shrink: 0;
             width: 30%;
             background-color: #ffffff;
             height: 164px;
             border-radius: 18px 18px 0px 0px;
             margin-left: 3%;
             border: 1.3px solid #ffffff;
             float: left;
           }
.produc1 {
             flex-shrink: 0;
             width: 30%;
             background-color: #a91827;
             height: 164px;
             border-radius: 18px 18px 0px 0px;
             margin-left: 3%;
             border: 1.3px solid #a91827;
             float: left;
           }

                       .prodtit3{
               font-size: 13px;
               text-align: center;
               margin-top: 8px;
               color: #000000;
               font-weight: bold;
               background-color: #ffffff;
               font-family: psfont;
               height: 48px;
               border: 2px solid #a91827;
               padding-top: 25px;
               border-radius: 0px 0px 18px 18px;
               width: 100%;
               margin-top: -7px;
           }
 .productadv{
               font-size: 12px;
               text-align: center;
               margin-top: 8px;
               color: #ffffff;
               font-weight: bold;
               background-color: #a91827;
               font-family: psfont;
               height: 31px;
               padding-top: 13px;
               border-radius: 0px 30px 30px 0px;
               width: 70%;
               margin: auto;
               margin-top: -77px;
               position: relative;
               margin-left: -2px;
           }
.prodtit2{
           font-size: 13px;
           text-align: center;
           margin-top: 8px;
           color: #ffffff;
           font-weight: bold;
           background-color: #a91827;
           font-family: psfont;
           height: 38px;
           padding-top: 16px;
           border-radius: 0px 0px 18px 18px;
           width: 100%;
           margin-top: -7px;
           border: 1px solid;
           }
.prodtit1{
               font-size: 13px;
               text-align: center;
               margin-top: 8px;
               color: #ffffff;
               font-weight: bold;
               background-color: #a91827;
               font-family: psfont;
               height: 38px;
               padding-top: 16px;
               border-radius: 0px 0px 18px 18px;
               width: 100%;
               margin-top: -7px;
           }
           .prodpric{
           }
           .lastpro{
                   width: 157px;
                   margin-left: 30%;
                   margin-top: 9px;
                   margin-bottom: 10px;
           }
           .appcateg{
               width: 167px;
               margin-left: 24%;
               margin-top: 9px;
               margin-bottom: 10px;
       }
           .bunners{
           
             width: 300px;
             height: 300px;
             display: flex;
             overflow-x: auto;
             -webkit-scroll-snap-points-x: repeat(300px);
                 -ms-scroll-snap-points-x: repeat(300px);
                     scroll-snap-points-x: repeat(300px);
             -webkit-scroll-snap-type: mandatory;
                 -ms-scroll-snap-type: mandatory;
                     scroll-snap-type: mandatory;
           }
           .brands{
               margin-left: 3px;
               width: 100%;
           }
           .appcategorrrs{
               width: 100%;
               border-top: 2px solid #e43c3c;
               margin-bottom: 23%;
               padding: 10px;
               margin-top: -117%;
           }
           .appcategorrr{
               margin-left: 3px;
               width: 31%;
               margin-bottom: 1%;
           }
           .brand{
               width: 125px;
           }
           .prodprics{
               font-size: 17px;
               text-align: left;
               margin-left: 15px;
               margin-top: 13px;
           }
           .cartproduc{
               background-color: #fff;
               height: 95px;
               width: 89%;
               float: right;
               margin-bottom: 50px;
               margin-top: -33px;
               margin-right: 6%;
               border-radius: 7px;
               border: 1px #ff4040 solid;
           }
           .cartproductimg{
               height: 93px;
               border-radius: 7px 0px 0px 7px;
               border-right: 1px solid #ff4040;
               width: 70px;
           }
           .cartprod{
           margin-bottom: 0px;
           width: 60%;
           float: right;
           }
           .cartproductbuttimg{
               margin-top: -81px;
               width: 30px;
               float: right;
               margin-right: 5px;
           }
           .cartprodtx{
                   text-align: center;
                   margin-top: 14px;
                   font-size: 18px;
                   background-color: #ff4040;
                   font-family: psfont;
                   height: 38px;
                   color: #ffffff;
                   width: 110px;
                   font-weight: bold;
                   border-radius: 7px;
                   margin-left: 75px;
                   padding: 15px 0px 0px 0px;
           }
           .cartdete{
               width: 96%;
               background-color: #fff;
               margin-left: 2%;
               height: 104px;
               border: 1px solid #f66673;
               border-radius: 6px;
           }
           .cartbtnsl{
               width: 43%;
               float: left;
               margin-top: 25px;
               margin-left: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnsr{
               width: 43%;
               float: right;
               margin-top: 25px;
               margin-right: 9px;
               height: 33px;
               border-radius: 30px;
               border: 1px solid #f66673;
               background-color: #fff;
           }
           .cartbtnt{
               text-align: center;
               font-size: 19px;
               color: #f66673;
           }
           .cartdet{
               text-align: right;
               margin-right: 23px;
               margin-top: 11px;
               font-size: 20px;
           }
           .cartdetl{
               text-align: left;
               margin-left: 13px;
               margin-top: -21px;
               font-size: 20px;
           }
           .homebac{
               width: 105.111%;
               margin-top: 0px;
           }
           
           .title6{
               width: 44%;
               margin-top: -322%;
               margin-bottom: 147%;
               margin-left: 27%;
           }
           .navbutt{
               width: 31px;  
               position: absolute;
               margin-left: 82%;
           }
            .infobutt{
               width: 10px;
               margin-bottom: -21px;
               margin-left: 5px;
               margin-top: -15px;
            }
           .control6{
               margin-top: -81%;
           }
           
           .logo6{
               width: 54%;
               margin-top: -411%;
               margin-bottom: 148%;
               margin-left: 24%;
           }
           .menubutt{
               float: right;
               width: 33px;
               position: relative;
               margin-right: 10px;
               margin-top: 5px;
           }
           .navibutt{
               float: left;
               width: 28px;
               position: relative;
               margin-left: 10px;
               margin-top: 5px;
           }
           .rightaccountsec{
           position: absolute;
           height: 0px;
       }
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -204%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{width: 108px;margin-top: 7%;float: right;margin-right: 15%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -80%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 4%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -31%;
           margin-top: 114%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -78%;
           }
           .ras1{
               width: 108px;
               margin-top: 61%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 60%;
               margin-right: 14%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -27%;
           margin-top: 103%;
       }
       .las2{width: 108px;margin-top: 12%;float: right;margin-right: 13%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -73%;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -17.3%;
       }
       .las2{width: 108px;margin-top: -17%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
           .leftaccountsec{
               position: absolute;
               height: 0px;
           }
       .modal2 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal-content2 {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close2 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close2:hover,
         .close2:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog2 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog2:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog2 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .modalDialog1 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog1:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog1 > div {
           width: 87%;
           position: relative;
           /* height: 600px; */
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #0199ff;
           border-radius: 50%;
           border: 2px solid #0199ff;
       }
       
       .modal3 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal3-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close3 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close3:hover,
         .close3:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog3 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog3:target {
           opacity:1;
           pointer-events: auto;
       }
       
       .modalDialog3 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           background: -moz-linear-gradient(#fff, #999);
           background: -webkit-linear-gradient(#fe3334cc, #ff494acc);
           background: -o-linear-gradient(#fff, #999);
           margin-top: 39px;
       }
       .closeimg{
           margin-top: -22px;
           width: 33px;
           margin-left: -26px;
           background-color: #f65966;
           border-radius: 50%;
           border: 2px solid #f65966;
       }
       
       
       
       .modal4 {
           display: none; 
           position: fixed; 
           z-index: 1;
           left: 0;
           top: 0;
           width: 100%; 
           height: 100%; 
           overflow: auto; 
           background-color: rgb(0,0,0); 
           background-color: rgba(0,0,0,0.4); 
         }
         
         .modal4-content {
           background-color: #fefefe;
           margin: 15% auto; 
           padding: 20px;
           border: 1px solid #888;
           width: 80%; 
         }
         
         .close4 {
           color: #aaa;
           float: right;
           font-size: 28px;
           font-weight: bold;
         }
         
         .close4:hover,
         .close4:focus {
           color: black;
           text-decoration: none;
           cursor: pointer;
         }
         .modalDialog4 {
           position: fixed;
           font-family: Arial, Helvetica, sans-serif;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           background: rgba(0,0,0,0.8);
           z-index: 99999;
           opacity:0;
           -webkit-transition: opacity 400ms ease-in;
           -moz-transition: opacity 400ms ease-in;
           transition: opacity 400ms ease-in;
           pointer-events: none;
       }
       .modalDialog4:target {
           opacity:1;
           pointer-events: auto;
       }
       .tabekk{
           width: 20%;
           border: 2px solid #e43c3c;
           height: 60px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .tabekk1{
           width: 20%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           margin-bottom: 10px;
           border-radius: 8px;
           padding: 23px 11px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #ffffff;
       }
       .modalDialog4 > div {
           width: 87%;
           position: relative;
           margin: 10% auto;
           padding: 0px 20px 13px 20px;
           border-radius: 10px;
           background: #fff;
           margin-top: 39px;
           border: 4px solid #19b5c2;
       }
       .closeimg{
           margin-top: -26px;
           width: 33px;
           margin-left: -4px;
           background-color: #ff4040;
           border-radius: 50%;
           border: 2px solid #ff4040;
       }
       
           
       .bunnerimg{}
   .profbutt1{
           width: 73%;
           height: 29px;
           margin-left: 91%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
   .bunnerimg{
       width: 30%;
       margin-left: 2%;
   }
   .profbutt{
           width: 73%;
           height: 29px;
           margin-left: -18%;
           background-color: #ff4040;
           border: 1px solid #232323;
           border-radius: 10px;
           color: #ffffff;
       }
       .carttabek{
           width: 100%;
           border: 2px solid #24c9d6;
           height: 60px;
           border-radius: 8px;
           margin-left: 0%;
           margin-bottom: 66px;
           z-index: 10;
           margin-top: -24%;
           background-color: #24c9d6;
       }
       .carttabek1{
           width: 94%;
           border: 2px solid #4e4e4e;
           height: 90px;
           margin-left: 3%;
           border-radius: 8px;
           margin-bottom: 10px;
           z-index: 10;
           position: fixed;
           bottom: 0;
           background-color: #fd3535;
       }
       
       @media screen and (min-width: 300px) {
           .control6{
               margin-top: -205%;
           }
           .ras1{
               width: 108px;
               margin-top: 114%;
               margin-left: 12%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 113%;
               margin-right: -23%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 13%;
           margin-top: 183%;
       }
       .las2{width: 108px;margin-top: 182%;float: right;margin-right: -22%;}
       }
       @media screen and (min-width: 375px) {
           .control6{
               margin-top: -203%;
           }
           .ras1{
               width: 108px;
               margin-top: 130%;
               margin-left: 29%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 129%;
               margin-right: -44%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 29%;
           margin-top: 199%;
       }
       .las2{width: 108px;margin-top: 197%;float: right;margin-right: -44%;}
       }
       @media screen and (min-width: 425px) {
           .control6{
               margin-top: -202%;
               margin-bottom: 71px;
           }
           .ras1{
               width: 108px;
               margin-top: 121%;
               margin-left: 30%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 118%;
               margin-right: -60%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 30%;
           margin-top: 188%;
       }
       .las2{width: 108px;margin-top: 188%;float: right;margin-right: -60%;}
       }
       @media screen and (min-width: 768px) {
           .control6{
               margin-top: -198%;
               margin-bottom: 160px;
           }
           .ras1{
               width: 108px;
               margin-top: 64%;
               margin-left: 8%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 64%;
               margin-right: 59%;
           }
       
       .las1{
           width: 108px;
           float: left;
           margin-left: 44%;
           margin-top: -16%;
       }
       .las2{width: 108px;margin-top: -16%;float: right;margin-right: 22%;}
       }
       @media screen and (width: 623px) {
           .control6{
               margin-top: -81%;
           }
           .ras1{
               width: 108px;
               margin-top: 75%;
               margin-left: 0%;
               float: left;
           }
           .ras2{
               width: 108px;
               float: right;
               margin-top: 75%;
           }
       
       .las1{
           width: 108px;
           float: aleft;
           margin-left: -36%;
           margin-top: 120%;
       }
       .las2{
       width: 108px;
       margin-top: 3%;
       float: right;
       margin-right: 12%;
       }
       }
       .brand{
           width: 77px;
       }
       .catetitle{width: 100%;margin-left: 0;margin-bottom: 29px;}
       .aboutitlee1{color: #a91827;width: 30%;text-align: center;font-size: 15px;float: right;margin-top: 9px;font-family: psfont;}
.catetitleh1{color: #ffffff;width: 28%;padding: 12px;margin: auto;text-align: center;border-radius: 21px;height: 34px;margin-bottom: 93px;font-size: 21px;background-color: #000000;margin-top: 14px;font-family: psfont;}
       .catetitleimg{width: 16px;}
       div.brands {
           overflow: auto;
           white-space: nowrap;
           direction: rtl;
           margin-top: 5px;
           margin-left: -20px;
           margin-bottom: -19px;
       }
       
       div.brands a {
           display: inline-block;
           text-align: center;
           padding: 1px;
           text-decoration: none;
       }
       
       div.brands a:hover {
       }
       #element::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: none;
       }
       ::-webkit-scrollbar {
           display: block;
       }
       .services{width: 33%;}
       .servimg{
       
       }
       .servh1{
           
       }
       .servicess{overflow: auto;white-space: nowrap;direction: rtl;padding-right: 6%;margin-bottom: 25px;}
       .servicetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .servicetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .servicetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 4%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle1{
           font-size: 11px;
           text-align: right;
           margin-right: 5%;
           font-family: psfont;
       }
       .serviceetitle2{
           text-align: center;
           margin-top: -13px;
           margin-left: 32%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceetitle3{
           text-align: left;
           margin-top: -11px;
           margin-left: 2%;
           font-size: 11px;
           font-family: psfont;
       }
       .serviceee1{
           width: 32%;
           float: right;
       }
       .serviceee2{
           width: 32%;
           margin-left: 34%;
       }
       .serviceee3{
           width: 32%;
           float: left;
           margin-top: -25.4%;
       }
       @font-face {
           font-family: psfont;
           src: url(../font/1.ttf);
         }
       
         .sidenav {
           height: 100%; /* 100% Full-height */
           width: 0; /* 0 width - change this with JavaScript */
           position: fixed; /* Stay in place */
           z-index: 99999; /* Stay on top */
           top: 0; /* Stay at the top */
           top: 0;
           right: 0;
           background-color: #a91827; /* Black*/
           overflow-x: hidden; /* Disable horizontal scroll */
           padding-top: 60px; /* Place content 60px from the top */
           transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
         }
         
         /* The navigation menu links */
         .sidenav a {
           padding: 10px 8px 5px 8px;
           text-decoration: none;
           font-size: 13px;
           color: #141e29;
           text-align: center;
           margin: 10px auto;
           display: block;
           transition: 0.3s;
           font-family: 'psfont';
           background-color: #fff;
           border-radius: 20px;
           width: 90%;
         }
         
         /* When you mouse over the navigation links, change their color */
         .sidenav a:hover {
           color: #f1f1f1;
           background-color: #0075c7;
           border: 2px solid #fff;
         }
         
         /* Position and style the close button (top right corner) */
         .sidenav .closebtn {
         position: absolute;
         top: 0;
         left: -25px;
         font-family: psfont;
         font-size: 43px;
         padding-top: 7px;
         width: 45px;
         height: 43px;
         padding-left: 7px;
         font-size: 30px;
         margin-top: 13px;
         margin-left: 40px;
         }
         
         /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
         #main {
           transition: margin-left .5s;
           padding: 20px;
         }
         Q
         /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
         @media screen and (max-height: 450px) {
           .sidenav {padding-top: 15px;}
           .sidenav a {font-size: 18px;}
         }
         .menubutton1{margin-top: -31px;}
         .menubutton2{margin-top: 45px;}
         .menubutton3{margin-top: 45px;}
         .menubutton4{margin-top: 45px;}
         .menubutton5{margin-top: 45px;}
         .menubutton6{margin-top: 45px;}
         .menbuttimg{float: right;width: 54px;margin-top: -24px;margin-right: 12px;}
         .menbutttext{color: #fff;font-family: psfont;font-size: 14px;text-align: right;margin-right: 70px;}
       .menubuttons{
           
       }
       .signinnh1{text-align: right;margin-right: 29px;font-family: psfont;font-size: 16px;padding-top: 28px;color: #ffffff;}
       .backbutt{
           float: left;
           width: 22px;
           margin-top: -4px;
           margin-left: 20px;
       }
       .backbutt1{
           float: left;
           width: 22px;
           margin-top: 18px;
           margin-left: 20px;
       }
       .signbutt{width: 180px;height: 34px;padding: 6px 0px 0px 0px;font-family: psfont;font-size: 12px;border: 1px;border-radius: 40px;border-right: 3px solid #272727;border-left: 3px solid #272727;color: #ffffff;background-color: #ff4040;}
       .regggggh1{text-align: center;font-size: 12px;font-family: psfont;}
       .regggggh1link{
           text-align: center;
           font-size: 12px;
           font-family: psfont;
           color: #3d3d3d;
           margin-top: 6px;
       }
       .nameintheamidd{
           width: 89%;
           text-align: center;
           font-size: 17px;
           margin-top: 26px;
           color: #24c9d6;
           font-family: psfont;
       }
       .buttonbottmaa1{
           background-color: #ff4040;
           width: 26%;
           height: 39px;
           position: absolute;
           border-radius: 6px;
           padding: 8px 3% 7px 1px;
           margin-left: 5%;
           bottom:0;
           text-align: center;
           margin-bottom: 40px;
           float: left;
       }
       .buttonbottmaa2{
           background-color: #ff4040;
           width: 26%;
           height: 39px;
           border-radius: 6px;
           padding: 8px 2% 7px 0px;
           margin-left: 32%;
           float: left;
           text-align: center;
           bottom: 40px;
           position: absolute;
       }
       .shippdetiil1{color: #ffffff;width: 157px;padding: 11px;margin-left: -148%;text-align: center;border-right: 3px solid #3d3d3d;border-left: 3px solid #3d3d3d;border-radius: 30px;height: 29px;margin-bottom: 14px;font-size: 14px;float: left;background-color: #ff4040;margin-top: -270px;font-family: psfont;}
       
       .buttonbottmaaa1{color: #ffffff;font-family: psfont;text-align: center;margin-left: 27%;}
       .buttonbottmaaa2{color: #ffffff;font-family: psfont;text-align: center;margin-left: 14%;}
       .shippdetiil{color: #ffffff;width: 157px;padding: 11px;margin-right: 25%;text-align: center;border-right: 3px solid #3d3d3d;border-left: 3px solid #3d3d3d;border-radius: 30px;height: 29px;margin-bottom: 14px;font-size: 14px;float: right;background-color: #ff4040;margin-top: 14px;font-family: psfont;}
       .butt{
           width: 100%;
           margin-left: 0%;
       }
       .buttaa{
           width: 86%;
           margin-left: 7%;
       }
       .butt1{
           width: 100%;
           margin-left: 0%;
           height: 100px;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .selecttime{width: 100%;height: 118px;border: 1px solid #24c9d6;border-radius: 10px;}
       .selecttime1{width: 94%;height: 121px;margin-left: 3%;border: 1px solid #24c9d6;border-radius: 10px;}
       
       .selecttimeh1{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .selecttimeh22{
           text-align: right;
           font-size: 12px;
           margin-top: 10px;
           padding-bottom: 5px;
           font-family: psfont;
           margin-right: 10px;
           color: #24c9d6;
           margin-left: 10px;
           border-bottom: 1px solid #24c9d6;
       }
       .ratingdiv{width: 49%;padding: 8px 21px 8px 0px;margin-left: -1%;margin-bottom: 0px;height: 37px;background-color: #ff4040;margin-top: -16px;border-radius: 11px;}
       .ratingh1{
           background-color: #11b7c4;
           padding: 10px 0px 0px 9px;
           font-size: 19px;
           font-family: psfont;
           width: 50px;
           margin-top: -10px;
           float: right;
           color: #fff;
           border-radius: 5px;
       }
       .ratingdes{
           font-family: psfont;
           text-align: right;
           font-size: 17px;
           margin-right: 62px;
           margin-top: 8px;
       }
       .ratingdesr{
           font-family: psfont;
           text-align: center;
           font-size: 10px;
           width: 136%;
           color: #ffffff;
           margin-top: -12px;
           padding-top: 20px;
           padding-right: 20%;
       }
       .ghazimg{width: 100%;margin-top: -114px;height: 80px;background-color: #fff;border: 1px solid #24c9d6;padding: 13px;border-radius: 11px;}
       .ghaztitle{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: -11px;
       }
       .buttw{
           width: 94%;
           margin-left: 3%;
           direction: rtl;
       }
       .butt1w{
           height: 100px;
           width: 94%;
           margin-left: 3%;
           border-radius: 13px;
           padding: 0px 13px 61px 0px;
       }
       .ghassele{
           text-align: center;
           font-family: psfont;
           font-size: 14px;
           margin-top: 10px;
       }
       .ghsseleno3img{
           
       }
       .categoryss{margin-top: 80px;}
       .maincategory{
       
       }
       .maincategorytxt{background-color: #ececec;font-family: psfont;text-align: right;font-size: 15px;color: #24c9d6;padding: 17px 12px 8px 0px;}
       .childcategorytxt{
           font-family: psfont;
           text-align: right;
           font-size: 14px;
           padding: 0px 17px;
           margin-top: 20px;
       }
       .ghasseleydiv1{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 4%;margin-top: 60px;}
       .ghasseleyimg{
           width: 35%;
           margin-left: 33%;
           margin-top: 16px;
       }
       .ghasseleydiv2{width: 45%;background-color: #24c9d6;height: 90px;border-radius: 10px;margin-left: 51%;margin-top: -156px;}
       .pricess1{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           float: left;
           margin-left: 15%;
           margin-top: 11px;
       }
       .pricess2{
           float: right;
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-right: 13%;
           margin-top: 12px;
       }
       .optionh1{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;font-size: 18px;height: 32px;margin-left: 9%;border-radius: 7px;width: 35%;}
       .option1{font-size: 18px;padding: 0;padding-top: 12px;}
       .option2{font-size: 18px;padding: 0;padding-top: 11px;}
       .optionh2{background-color: #24c9d6;margin-top: 34px;font-family: psfont;color: #fff;text-align: center;height: 32px;font-size: 18px;float: right;margin-right: -30%;border-radius: 7px;width: 35%;}
       .ghasseleyimginmodal{
           background-color: #24c9d6;
           border-radius: 23px;
           padding: 20px;
           width: 90%;
           margin-left: 5%;
           margin-top: 30px;
       }
       .pricesss{
           text-align: center;
           font-family: psfont;
           font-size: 20px;
           margin-top: 20px;
       }
       .inpubutton{
           width: 100%;
           height: 80px;
           background-color: #fff;
           border: 1px;
       }
       .active2, .ghazimg:hover{background-color: #24c9d6;}
       .inputdivbutt1{
           width: 44%;
           margin-left: 3%;
       }
       .inputdivbutt2{
           width: 44%;
           margin-right: 3%;
           float: right;
           margin-top: -109px;
       }
       
       .inpughassely{
           width: 100%;
           height: 60px;
           background-color: #0000;
           border: 1px;
       }
       .ghaselytitle1{text-align: center;border: 1px solid #2dbac7;padding: 16px 0px 0px;font-size: 14px;height: 40px;width: 94%;margin-left: 3%;margin-top: 67px;color: #21b7c4;font-family: psfont;border-radius: 30px;}
       .ghaselytitle2{text-align: center;border: 1px solid #2dbac7;padding: 16px 0px 0px;font-size: 14px;height: 40px;margin-top: 27px;width: 94%;margin-left: 3%;color: #21b7c4;font-family: psfont;border-radius: 30px;}
       .active1, .ghaselytitle1:hover{background-color: #24c9d6;color: #fff;}
       .active1, .ghaselytitle2:hover{background-color: #24c9d6;color: #fff;}
       
       .inputdivbuttghassele1{margin-top: -24px;}
       .inputdivbuttghassele2{margin-top: -18px;}
       
       .lastordermod1{width: 100%;margin-top: 36px;height: 107px;background-color: #19b5c2;border: 1px solid #24c9d6;padding: 12px 49px 42px 49px;border-radius: 11px;transition: 0.3s;}
       .active2, .lastordermod1:hover{background-color: #42d6e2;}
       .lastordermoddiv1{
           width: 47%;
           margin-left: 2%;
           float: left;
       }
       .lastordermod2{width: 100%;margin-top: 36px;height: 107px;background-color: #19b5c2;border: 1px solid #24c9d6;padding: 12px 49px 42px 49px;border-radius: 11px;transition: 0.3s;}
       .active2, .lastordermod2:hover{background-color: #42d6e2;}
       .lastordermoddiv2{
           width: 47%;
           margin-right: 2%;
           float: right;
       }
       .lastorderh1{
           text-align: center;
           font-size: 13px;
           font-family: psfont;
           color: #fff;
           margin-top: -22px;
       }
       .brandfouwed{width: 80%;margin-top: 81px;margin-left: 10%;}
       .brandfouwed1{width: 110px;float: left;}
       .brandfouwed2{
           width: 110px;
           float: right;
       }
       .ourservicess{
           margin-top: 70px;
           margin-left: 2%;
           width: 96%;
       }
       .center{
           width: 150px;
           margin: auto;
           margin-top: -3px;
           }
       .selectorforghaseelyopt{
       
       }
       .selectorforghaseely{
           width: 160%;
           margin-left: -30%;
           margin-top: 10px;
           border: 1px solid #19b5c2;
           height: 34px;
           direction: rtl;
           padding: 7px 10px 0px;
           color: #127b86;
           font-size: 11px;
           font-family: psfont;
           border-radius: 17px;
       }
       .subminbts{
           width: 100%;
           margin-left: 0%;
           border-radius: 6px;
           color: #fff;
           background-image: linear-gradient(to right, #19b5c2, #43c0cd, #5ecbd8, #75d6e2, #8ae1ed);
           font-size: 15px;
           padding: 6px 0px 0px 0px;
           border: 1px solid;
           font-family: psfont;
           height: 42px;
           margin-top: 40px;
       }
       .option1:hover {
           background-color: #078c96;
           border-radius: 6px;
           opacity: 1;
       }
       .option2:hover { 
           background-color: #078c96;
           border-radius: 6px;
           opacity: 1;
       }
       .selecttimeh221{float: right;}
       .selecttimeh222{float: right;}
       .timethisssss1{text-align: right;font-family: psfont;font-size: 11px;margin-right: 30px;margin-top: 8px;}
       .timethisssss2{
           text-align: right;
           font-family: psfont;
           font-size: 11px;
           margin-right: 30px;
           margin-top: 7px;
       }
       .chooseedateinput{
           text-align: right;
           height: 36px;
           font-family: psfont;
           font-size: 11px;
           border-radius: 30px;
           line-height: 1.42857143;
           border: 1px solid;
           width: 100%;
           padding: 8px 19px 0px 0px;
           color: #19B5C2;
           background-color: #fff;
       }
       .selectdateinputu::placeholder {
           color: #000;
           font-family: psfont;
           opacity: 1;
           font-size: 13px;
         }
       
       .fotteroptions{bottom: 0;position: fixed;z-index: 10;padding-top: 1px;width: 100%;height: 41px;background-color: #fff;border-top: 1px solid #424242;padding-left: 8%;background: linear-gradient(to bottom, #d43a3a 0%, #e86c6c 40%, #d43a3a 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);background-blend-mode: multiply;}
       .fotteroption1{width: 20%;}
       .fotteroption2{width: 20%;margin-left: 20%;margin-top: -30px;}
       .fotteroption3{margin-left: 40%;margin-top: -30px;width: 20%;}
       .fotteroption4{width: 20%;margin-left: 60%;margin-top: -30px;}
       .fotteroption5{width: 20%;margin-left: 80%;margin-top: -30px;}
       
       .menutoptap1{
    position: fixed;
    top: 0;
    background-color: #00112c;
    right: 0;
    padding: 6px;
    height: 30px;
    text-align: center;
    width: 113px;
    margin-right: 2%;
    font-family: 'psfont';
    margin-top: 37px;
    padding-top: 12px;
    border-radius: 10px;
    font-size: 11px;
    color: #ffffff;
    border: 1px solid #ffffff;
   }
   .backgroundheaderimg{}
   .backgroundheader{
           height: 57px;
           border-radius: 0px 0px 23px 21px;
           margin-bottom: -60px;
           background-blend-mode: multiply;
           background-color: #2f2f2f;
       }
       .fotteroptionimg1{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg2{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg3{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg4{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       .fotteroptionimg5{height: 24px;width: auto;margin-top: 6px;margin-left: 10%;}
       
       .fotteroptionimg1:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg2:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg3:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg4:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .fotteroptionimg5:hover{border-bottom: 1px solid #fff;padding-bottom: 2px;}
       .cartprodtilte{
           text-align: left;
           margin-left: 79px;
           font-size: 16px;
           color: #424242;
           font-family: psfont;
           margin-top: -73px;
       }
       
       .ratingdesrasas{
           text-align: center;
           padding-bottom: 0px;
           border-top: 1px solid;
           border-bottom: 1px solid;
           width: 50%;
           float: right;
           margin-right: 5%;
           margin-top: -24%;
       }
        ::placeholder {color: #ff4040}
       div.categorysliderr {
           overflow: auto;
           white-space: nowrap;
           margin-top: 79px;
           direction: rtl;
           margin-right: 6px;
       }
       .addtocrtbutt{
           width: 35px;
           height: 36px;
           margin-right: 47px;
           margin-top: -1px;
           padding: 5px;
           border-radius: 16px;
       }
       .seeitprof{
           background-color: #ff4040;
           width: 43px;
           height: 43px;
           margin-right: -87px;
           margin-top: -1px;
           padding: 9px;
           border-radius: 16px;
       }
       .addtocrtbutts{
           font-family: psfont;
           color: #fff;
           background-color: #ff4040;
           padding: 15px 10px;
           font-size: 12px;
           width: 141px;
           padding-right: 36px;
           border-radius: 16px;
           padding-top: 17px;
           margin-top: 0px;
           height: 41px;
           text-align: center;
           float: left;
       }
       .cat1img{
           width: 22%;
       }
       .cat2img{
           width: 14%;
           margin-top: -17%;
           margin-left: -1%;
       }
       .cat3img{
           width: 13%;
           margin-top: 23%;
           margin-left: -14%;
       }
       .cat4img{
           width: 38%;
       }
       .cat5img{
           width: 21%;
           margin-top: -19%;
       }
       .cat6img{
           width: 20%;
           margin-top: 22%;
           margin-left: -22%;
       }
       
       .catedivsect{
           margin: auto;
           width: 100%;
           padding: 12px 0px 12px 8%;
           border-bottom: 1px solid #ff4040;
       }
       .oldpriceh1t{text-decoration: line-through;font-size: 11px;text-align: right;margin-top: -10px;color: #ffffff;background-color: #2b2b2b;width: 61px;padding: 8px 4px 4px 4px;border-radius: 7px;margin-right: 4px;font-family: psfont;}
       .pricediv{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 27px;
           padding-top: 13px;
           border-radius: 0px 0px 10px 10px;
           width: 186px;
           margin-top: 170px;
       }
       .prodpricqu{
           font-size: 13px;
           text-align: left;
           margin-top: -14px;
           color: #fff;
           margin-left: 8px;
           font-family: psfont;
       }
       .cantaddtocrtbutts{
           font-family: psfont;
           color: #2b2b2b;
           background-color: #ff4040;
           padding: 15px 10px;
           font-size: 12px;
           width: 141px;
           padding-right: 36px;
           border-radius: 16px;
           padding-top: 17px;
           margin-top: 0px;
           height: 41px;
           text-align: center;
           float: left;
           padding-left: 22px;
       }
       .produdescrip{
           width: 100%;
           min-height: auto;
           height: auto;
           max-height: initial;
           background-color: #2f2f2f;
           float: right;
           margin-right: 1%;
           color: #fff;
           margin-top: 20px;
           border-radius: 11px;
           text-align: right;
           padding-right: 21px;
           font-family: psfont;
           padding: 14px;
       }
       .waseftit{
           font-family: psfont;
           font-size: 22px;
           margin-top: 11px;
           margin-bottom: 8px;
       }
       
       
       .oldpriceh1t1{text-decoration: line-through;font-size: 9px;text-align: right;margin-top: -6px;color: #ffffff;background-color: #2b2b2b;width: 50px;padding: 8px 4px 4px 4px;border-radius: 7px;margin-right: 4px;float: right;font-family: psfont;}
       .pricediv1{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 37px;
           padding-top: 13px;
           border-radius: 11px;
           width: 45%;
           margin-left: 50%;
           margin-top: -16px;
           position: absolute;
       }
       .prodpricqu1{
           font-size: 13px;
           text-align: left;
           margin-top: -14px;
           color: #fff;
           margin-left: 7px;
           font-family: psfont;
       }
       .producttitleincategory{
           background-color: #2f2f2f;
           margin-top: -278px;
           position: absolute;
           padding-top: 10px;
           margin-left: 0%;
           height: 22px;
           width: 86.6%;
           border-radius: 11px 11px 0px 0px;
           text-align: center;
           padding-top: 7px;
           margin-top: -283px;
       }
       .oldpriceh1t2{text-decoration: line-through;font-size: 11px;text-align: center;background-color: #2b2b2b;width: 112%;height: 23px;padding: 8px 6px 7px 3px;border-radius: 7px;font-family: psfont;}
       .slidertop{
    height: 540px;
}
.slidertoptxt{}
.pricediv2{
           font-size: 11px;
           background-color: #ff4040;
           font-family: psfont;
           height: 30px;
           padding-top: 16px;
           border-radius: 0px 0px 11px 11px;
           width: 76%;
           margin-top: -30px;
           position: absolute;
       }
       .prodpricqu2{
           font-size: 13px;
           text-align: left;
           margin-top: -18px;
           color: #fff;
           margin-left: 16px;
           font-family: psfont;
       }
       .buttonpostiondiv{
           float: right;
           width: 62%;
       }
       
     
  }