/*
    @Author: Owen Kalungwe
    Date: 06-01-2021
    Phindu CSS
 */
@import url('../fonts/zmdi/css/material-design-iconic-font.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

body,html{
    overflow-x:hidden;
}

.__container{
    width:90%;
    margin-left:5%;
    margin-right:5%;
    display:block;
}

.myHeader,
.myHeader2{
    width:100%;
    display:block;
    height:80px;
    padding-bottom:20px;
}

.stick-myHeader{
    position:fixed;
    z-index:1000;
    top:0;
    backface-visibility:hidden;
}

.myHead{
    width:100%;
    display:block;
    height:80px;
    background-color:#FFF159;
    /*background-color: #6770B7;*/
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-bottom:1px solid #f9f9f9;
    padding-bottom:20px;
}

.logo-box{
    width:75%;
    display:block;
    margin-right:25%;
    height:75px;
    margin-top:2px;
    margin-bottom:3px;
}

.logo-box img{
    object-fit:contain;
    height:inherit;
    width:inherit;
}

.myHeader_left, .myHeader_right, .myHeader_centre, .myHumburg{
    float:left;
    height:80px;
    display:block;
}

.myHeader_left{
    width:10%;
}
.myHumburg{
    width:5%;
}
.box-category{
    z-index: 2;
    position: relative;
    background-color:#FFF159;
    margin-top:0%;
    margin-left:1%;
    width:30%;
    padding:2%;
    overflow-y: scroll;
    line-height:30px;
    height:400px;

}




.main-left-category-ul
.box-category{
    z-index: 1;
    position: relative;

    margin-top:0%;
    margin-left:1%;
    width:100%;
    padding:2%;

    line-height:30px;
    height:400px;

}







.desktop_menu{

    font-size:30px;


}

.desktop_menu:hover{
    color: #0000a0;
    cursor: pointer;
}


.myHeader_centre{
    width:70%;
}

.myHeader_right{
    width:15%;
}

.myHeader_centre_row{
    width:100%;
    height:38px;
    display:block;
    float:left;
}
.desktop_menu{
    margin-top:30px;


}

.myHeader_centre_row:first-child{
    margin-top:10px
}

.myHeader_centre_row .search-box{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color:#fff;
    /*background-color: #6770B7;*/
}

.myHeader_centre_row .search-box span{
    float:right;
    height:38px;
    width:95%;
    display:block;
    background-color:#fff;
}

.myHeader_centre_row .search-box span:last-child{
    width:5%;
    text-align:center;
    font-size:20px;
    font-weight:lighter;
    line-height:38px;
    background-color:#fff;
}

.myHeader_centre_row .search-box input,
.myHeader_centre_row .search-box input:focus{
    height:35px;
    width:98%;
    border:none !important;
    padding-left:2%;
    font-size:13px;
}

.myHeader_centre_row ul{
    padding:0;
    margin:0;
    width:100%;
    height:38px;
    list-style:none;
}

.myHeader_centre_row ul li{
    float:left;
    width:20%;
    height:38px;
    font-weight: normal;
}

.myHeader_centre_row ul li span{
    float:left;
    width:12%;
    height:36px;
    margin-top:1px;
    text-align:center;
    font-size:17px;
    line-height:36px;
}

.myHeader_centre_row ul li span:last-child{
    width:88%;
    text-align:left;
    font-size:13px;
    text-transform:uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myHeader_centre_row ul li:last-child{

}

.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myHeader_cartButton{
    width:50%;
    float:left;
    height:42px;
}

.myHeader_cartButton span{
    width:50%;
    height:40px;
    display:block;
    float: left;
}

.myHeader_cartButton span:first-child{
    text-align:right;
    line-height:40px;
    font-size: 40px;
    color:#fff;
}

.myHeader_cartButton span:last-child{
    background-color: #cf0000;
    border-radius:50%;
    width:35px;
    height:35px;
    display:block;
    margin-left:-10px;
    line-height:35px;
    text-align:center;
    margin-top: 5px;
    color:#fff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    font-size: 12px;
    font-weight:lighter;
}

.myHeader_cartButton:last-child{
    width:100%;
    display:block;
    height:38px;
}

.myHeader_cartButton ul{
    padding:0;
    margin:0;
    width:100%;
    list-style:none;
    height:inherit;
}

.myHeader_cartButton ul li{
    width:33%;
    float:left;
    height:38px;
}

.myHeader_cartButton ul li section{
    padding:0;
    margin:0;
    width:100%;
    height:19px;
    line-height:19px;
    font-size:18px;
    text-align:center;
}

.myHeader_cartButton ul li section:last-child{
    line-height:19px;
    height:19px;
    font-size:12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float:left;
}

.mySlider{
    width:100%;
    height:350px;
    display:block;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

/*Main Menu Categories*/
.main-left-category-ul ol{
    width:95%;
    padding:0;
    line-height:35px;
    height:35px;
    background-color:#512DA8 !important;
    font-size:14px;
    text-align:center;
    color:#fff;
    margin: 20px 2.5% 0px;
}

.main-left-category-ul,
.main-left-sub-category-ul{
    width:100%;
    display:block;
    padding:0;
    margin:0;
    list-style:none;
}

.main-left-category-ul {
    /*box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
    margin-top:20px;
    padding-top:10px;
    padding-bottom:18px;
}

.main-left-category-ul li:not(.main-left-sub-category-ul li){
    min-height:40px;
    padding:0;
    line-height:40px;
    display:table;
    border-bottom:1px solid #f9f9f9;
    width:95%;
    margin: 0 0 4px 2.5%;
}

.cat_icon_img,.cat_text,.cat_icon_plus{
    float:left;
    height:40px;
    font-size:25px;
    line-height:40px;
    display:table;
}

.cat_icon_img{
    width:10%;
    color: #6b6b6b;
}

.cat_text{
    width:80%;
    font-size:13px;
    text-transform:uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #434343;
}

.in_slider_img{
    float:left;
    width:25%;
    height:120px;
}

.in_slider_img img{
    width:100%;
    height:98%;
    object-fit:cover;
}

.font10{font-size:10px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font25{font-size:25px;}
.font30{font-size:30px;}

.cat_icon_plus{
    width:10%;
    text-align:center;
    cursor: pointer;
}

.main-left-category-ul section{
    width:100%;
    display:none;
    float:left;
    padding:0;
    margin:0;
}

.main-left-sub-category-ul{
    width:90%;
    margin: 0 0 0 10%;
    display:table;
}

.main-left-sub-category-ul li{
    height: 35px;
    line-height:35px;
    width: 100%;
    padding:0;
    margin:0;
    display:table;
}

.main-left-sub-category-ul li span{
    height:35px;
    line-height:30px;
    width:10%;
    text-align:center;
    font-size:20px;
    display:block;
    float:left;
}

.main-left-category-ul a,
.row2 a,
.row2 a:hover,
.main-left-sub-category-ul a:hover{
    color:#000;
    text-decoration:none;
}

.main-left-sub-category-ul li span:last-child{
    width:90%;
    text-align:left;
    font-size:12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Raleway", sans-serif;
}

.main-left-sub-category-ul span .zmdi{
    color: #6b6b6b;
}

.row2{
    margin-top:5px;
}

.row_items_list, .row_items_list li{
    padding:0;
    width:100%;
    margin:0;
}

.row_items_list h1{
    width:100%;
    height: 40px;
    border-bottom:1px solid #ececec;
    padding:0;
    margin:0;
    line-height:40px;
    font-size: 20px;
}

.row_items_list li{
    height:140px;
    list-style:none;
    display:table;
    border-bottom:1px solid #eeeeee;
    margin-bottom:12px;
    float:left;
}

.row_items_list li:last-child{
    border-bottom:0px;
}

.row_items_list li div{
    float:left;
    width:40%;
}

.row_items_list li div:last-child{
    float:left;
    width:60%;
}

.row_items_list li div img, .my_similar_1 img, .person_container_left img{
    width:95%;
    height:95%;
    object-fit: contain;
}

.row_items_list li div span{
    width:100%;
    height:25px;
    line-height:25px;
    font-size:13px;
    display:block;
    float:left;
}

.row_items_list li div span:first-child{
    color: #636363;
    font-size:14px;
    font-family: "Raleway", sans-serif;
}

.row_items_list li div span:nth-child(even){
    color: #cbc539;
    font-size: 13px;
}

.row_items_list li div span:last-child{
    font-size:17px;
    color:#000;
    font-weight:bold;
    margin-top:6px;
}

.myH1 {
    position: relative;
    padding: 0;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #080808;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.myH1 span {
    display: block;
    font-size: 0.5em;
    line-height: 1.3;
}

.myH1 em {
    font-style: normal;
    font-weight: 600;
}
.one_two h1 {

    text-align: right;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.one h1 {
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.one h1:after {
    width: 100px;
    height: 1px;
    display: block;
    content: "";
    position: relative;
    margin-top: 25px;
    left: 3%;
    margin-left: -50px;
    background-color: #b80000;
}

.left-advert{
    width:100%;
    height:auto;
    background-color:#fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius:10px;
}

.left-advert img, .person_container_left img{
    width:95%;
    margin:2.5%;
    height: 95%;
}

.row_x{
    background-color:#EDEDED;
    margin-top:20px;
}

.threading-box{
    width:100%;
    height:370px;
    background-color:#fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin-bottom:25px;
    border-radius:13px;
    display:table;
}

.threading-box:hover{
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px,
    rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.threading-box .threading-box-img span{
    float:left;
    width:90%;
}

.threading-box .threading-box-img span:last-child{
    float:left;
    width:10%;
    margin-top:30px;
}

.threading-box .threading-box-img span button{
    width:95%;
    padding:0;
    border:0;
    background:#fff;
    font-size:20px;
    text-align:center;
    color: #c4ff18;
    margin: 2.5% 2.5% 20px;
    font-weight:bold;
}

.threading-box .threading-box-img{
    width:100%;
    height:250px;
    border-bottom:1px solid #d8d8d8;
}

.threading-box .threading-box-img img{
    width:95%;
    height:95%;
    display:block;
    object-fit:contain;
    margin:2.5%;
}

.threading-box .threading-box-info{
    height: 93px;
    border-bottom:3px solid #ebebeb;
    display:block;
    width:90%;
    object-fit:contain;
    margin-left:5%;
    margin-right:5%;
    margin-top:7px;
    font-family: "Raleway", sans-serif;
}

.threading-box .threading-box-info span{
    width:100%;
    float:left;
}

.threading-box .threading-box-info .threading-box-price_off{
    font-size:12px;
    height:13px;
    line-height:13px;
    color: #898989;
    text-decoration:line-through;
    margin-bottom:4px;
}

.threading-box .threading-box-info .threading-box-price_on{
    font-size:21px;
    height:25px;
    line-height:25px;
    color: #333333;
    font-weight:900;
    margin-bottom:6px;
}

.threading-box .threading-box-info .threading-box-price_on i{
    height: 17px;
    font-size:12px;
    line-height:17px;
    font-style: normal;
    color:#FFF159;
    margin-left:10px;
    margin-bottom: 20px;
}
._hot_item h1{
    width:90%;
    margin: 1%;

    overflow:hidden !important;
    font-family: 'Cairo', sans-serif;
    font-weight:bold;
    font-size: 13px;
    margin-left:3%;
    color:black;
}
.threading-box .threading-box-info .threading-box-desc{
    font-size:13px;
    height:30px;
    line-height:15px;
    color: #3f3f3f;
    overflow-x:hidden;
}

.threading-box section,
._item_container section{
    position:absolute;
    z-index:1;
    width: 60px;
    height:100px;
    padding:0;
    margin:0;
    top:3px;
    right:18px;
    display:none;
}


.threading-box section ul,
.threading-box section ul li
._item_container section ul,
._item_container section ul li{
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
}

.threading-box section ul li,
._item_container section ul li{
    text-align:center;
}

.threading-box section ul li:first-child,
._item_container section ul li:first-child{
    margin-bottom:12px;
    margin-top:13px;
}

.threading-box section ul li .fa{
    font-size:22px;
    color: #bfbfbf;
}

.threading-box section ul li .fa:hover{
    cursor:pointer;
    color: #59ff41;
}

.row_x3{
    margin-top:10px;
    height: 230px;
    display:table;
}

.row_x3_helper{
    margin-bottom:40px;
    height:auto;
}

.row_x3_helper p{
    position:absolute;
    bottom:0px;
    width:100%;
    background-color:rgba(0,0,0,0.25);
    padding:0;
    margin:0;
    height:40px;
    line-height:40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Raleway", sans-serif;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    display:none;
    font-weight: bold;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.row_x3 a img{
    width:100%;
    height:270px;
    object-fit:cover;
    display:block;
}

.row_x4{
    margin-top:40px;

}

.row_x4 a{
    color:#000;
}

._item_container{
    /*width:100%;*/
    /*display:table;*/
    height: 405px;
    margin-bottom:40px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    overflow:hidden;

    position:relative;
    /*position:absolute;*/
    left:10px;
    right:10px;
    bottom:10px;
    top:0;
}

._item_container:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    cursor:pointer;
}

._item_container .__img,
._item_container .__btn,
._item_container .__price{
    width:100%;
    height:230px;
    display:block;
}

._item_container .__img img{
    width:95%;
    height:99%;
    display:block;
    object-fit:contain;
    text-align:center;
    /*margin: 5% 2.5%;*/
    border-radius:8px !important;
}

._item_container .__btn{
    height:60px;
}

._item_container .__btn button{
    width:85%;
    height:45px;
    margin-top:10px;
    border-radius:10px;
    line-height:45px;
    text-align:center;
    border:0;
    margin-left:7.5%;
}

._item_container .__btn button:hover{
    background-color: #FFF159;
    cursor:pointer;
    color:#fff;
}

._item_container h1{
    width:90%;
    margin: 1%;
    /*text-align:center;*/
    /*height:20px;*/
    /*line-height:20px;*/
    /*display:block;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    overflow:hidden !important;
    font-family: 'Cairo', sans-serif;
    font-weight:bold;
    font-size: 13px;
    margin-left:3%;
}

._item_container .__price{
    height:20px;
    margin-left:3%;

}

._item_container .__price span{
    /*float:left;*/
    height:5px;
    width:10%;
    line-height:15px;
}

._item_container .__price span{
    font-family: "Raleway", sans-serif;
    /*text-align: center;*/
    /*font-weight:bold;*/
    font-size: 13px;
}

._item_container .__price span:last-child{
    /*width:50%;*/
    /*border-left:1px solid #d5d5d5;*/
    /*text-align:center;*/
    font-size:15px;
    color: #a10000;
}

._item_container section{
    font-size:25px;
    color: #a10000;
    top:15px;
    display:none;
}

._item_container section li:hover,
._item_container .__price span:last-child:hover{
    color: #d40000;
    cursor:pointer;
}

.secure-img-1{
    width:100%;
    display:block;
    max-height: 100px;
    padding-top:10px;
    padding-bottom:10px;
}

.secure-img-1 img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.carousel-inner .item{
    visibility:hidden;
}

.myCarouselLoader{
    position:absolute;
    left:0;
    right:0;
    height:430px;
    z-index:200;
}


@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.myCarouselLoader::after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    /* Choose any color */
    border: 5px solid #cf0000;
    /*--------------------------*/
    border-radius: 50%;
    border-left-color: transparent;
    animation-name: spin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.header_image{
    width:100%;
    display:block;
    height: 165px;
    padding-bottom:15px;
}

.header_image img{
    width:100%;
    display:block;
    height:150px;
    object-fit:cover;
}

/*Cart starts here*/

.my_cart_container{
    width:100%;
    display: block;
    font-family: "Raleway", sans-serif;
}

.my_cart_container .cart_header{
    width:100%;
    display:block;
    height:35px;
    font-size:35px;
    color: #dbdbdb;
    font-weight:bold;
    margin-bottom:15px;
    margin-top:65px;
    line-height:35px;
}



.my_cart_container ul,
.my_cart_container ul li{
    width:100%;
    display:block;
    margin:0;
    list-style:none;
}

.my_cart_container ul li.cart_row1{
    width:100%;
    display:block;
    height: 30px;
    background-color:#cf0000;
    color:#fff;
}

.my_cart_container ul li.cart_row1 div{
    float:left;
    height:30px;
    line-height:30px;
    text-align:center;
}

.my_cart_container ul li.cart_row1 .cart_product_count{
    width:5%;
}

.my_cart_container ul li.cart_row1 .cart_product_name{
    width:50%;
}

.my_cart_container ul li.cart_row1 .cart_product_qty{
    width:15%;
}

.my_cart_container ul li.cart_row1 .cart_product_subtotal{
    width:20%;
}

.my_cart_container ul li.cart_row1 .cart_product_love{
    width:10%;
}

.my_cart_container ul li.cart_row2{
    width:100%;
    display:table;
    margin-bottom:30px;
}

.my_cart_container ul li.cart_row2 div{
    height:175px;
    float:left;
    margin-bottom:10px;
}

.my_cart_container ul li.cart_row2 .cart_count_x{
    width:5%;
}

.my_cart_container ul li.cart_row2 .cart_left{
    width:50%;
}

.my_cart_container ul li.cart_row2 .cart_centre{
    width:15%;
}

.my_cart_container ul li.cart_row2 .cart_right{
    width:20%;
}

.my_cart_container ul li.cart_row2 .cart_far_right{
    width:10%;
}

.my_cart_container ul li.cart_row2 .cart_img,
.my_cart_container ul li.cart_row2 .cart_rows{
    float:left;
    height:175px;
    width:70%;
}

.my_cart_container ul li.cart_row2 .cart_img{
    width:30%;
}

.my_cart_container ul li.cart_row2 .cart_img img{
    width:95%;
    display:block;
    margin:2.5%;
    object-fit:contain;
    height:95%;
}

.my_cart_container ul li.cart_row2 .cart_row{
    float:left;
    width:100%;
    height:18px;
    line-height:18px;
}

.my_cart_container ul li.cart_row2 .cart_row:first-child{
    color: #555555;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:15px;
}

.my_cart_container ul li.cart_row2 .cart_row:nth-child(2n){
    color: #555555;
    font-size:13px;
    font-weight:bold;
}

.my_cart_container .fa,
.my_cart_container .zmdi{
    cursor: pointer;
}

.my_cart_container .fa-minus,
.my_cart_container .fa-plus:hover{
    color: #6F6F6F;
}

.my_cart_container .fa-trash{
    color: #cbcbcb;
}

.cart_centre div{
    float:left;
    width:33%;
    margin-top:70px;
    height: 30px;
    text-align:center;
}

.cart_centre div input{
    border:2px solid #f8f8f8;
    border-radius:10px;
    width:99%;
    height:30px;
}

.cart_centre div{
    font-weight:bold;
    font-size:19px;
    color: #404040;
}

.cart_centre input{
    font-weight:revert;
    font-size:12px;
    text-align:center;
}

.cart_right,.cart_far_right,
.cart_count_x{
    line-height:175px;
    text-align:center;
    color: #404040;
}

.cart_totals_{
    width:20%;
    float:left;
    margin-left:80%;
    height:110px;
    border-top:3px solid #FF523B;
}

.cart_totals_ span{
    float:left;
    height:30px;
    width:50%;
    line-height:30px;
    font-size:13px !important;
}

.fg1{
    text-align:left;
    text-transform:uppercase;
}

.checkout_card button, .checkout_card input{
    font-family: Lexend Deca, sans-serif;
    color: #eee;
}

.checkout_card, .writeReviewContainer{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.5);
    backface-visibility: hidden;
    z-index: 1001;
    display:none;
}

.checkout-loading{
    overflow:hidden;
    text-align: center;
    width: 400px;
    height: 240px;
    top:0;left:0;right:0;bottom:0;
    margin: auto;
    background: #232329;
    border-radius: 12px;
    box-shadow: 0px 4px 13px rgba(0,0,0,.2), 0px 3px 3px rgba(0,0,0,.3);
}

.checkout-head{
    overflow:hidden;
    line-height: 50px;
    width: 100%;
    font-size: 24px;
    box-sizing: border-box;
    height: 110px;
    text-align: right;
    padding: 30px;
    background: linear-gradient(to right, #56cb2f, #53AF2E);
    color:#fff;
}
.payment_page .check_header{
    width:100%;
    display:block;
    height:35px;
    font-size:35px;
    color: #dbdbdb;
    font-weight:bold;
    margin-bottom:15px;
    margin-top:65px;
    line-height:35px;
}
.shopping-icon{
    height: 170px;
    margin-top: -60px;
    margin-left: -50px;
    transform: rotate(-25deg);
    float: left;
}

.price{
    width: 100%;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: rgba(255,255,255,.25);
}

.payment-method{
    width: 100%;
    height: 50px;
    font-size: 18px;
    border: none;
    background: rgba(255,255,255,.05);
    transition: .1s ease;
}

.payment-method:hover{
    cursor: pointer;
    background: rgba(255,255,255,.1);
}

.payment-method:focus,*{
    outline: none;
}

.checkoutButton{
    width:18%;
    margin-left:25.5%;
    margin-right:5%;
    float:right;
    height: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    border-radius:10px;
    background-color: #2EE59D;
}

.checkoutButton:hover{
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    color: #fff;
    cursor:pointer;
    transform: translateY(-7px);
}

.checkoutButton span{
    float:left;
    height:45px;
    display:block;
}

.checkoutButton span:first-child{
    width:35px;
    height:35px;
    border-radius:50%;
    margin-top:5px;
    margin-left:10px;
    line-height:35px;
    text-align:center;
    background-color: rgba(23, 99, 68, 0.4);
    color: #fff;
}

.checkoutButton span:last-child{
    height:45px;
    width:auto;
    margin-left:auto;
    line-height:45px;
    text-align:center;
    font-weight:bold;
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Raleway", sans-serif;
}

/*
    Toast
 */
#toast {
    visibility: hidden;
    max-width:50px;
    height: 50px;
    /*margin-left: -125px;*/
    margin: auto;
    background-color: #00cb00;
    color: #fff;
    text-align: center;
    border-radius:10px;
    position: fixed;
    z-index: 10005005;
    left: 0;right:0;
    bottom: 30px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Raleway", sans-serif;
    display:block;
}

#toast #img{
    width: 50px;
    height: 50px;
    float: left;
    font-size: 17px;
    padding-top: 16px;
    padding-bottom: 16px;
    box-sizing: border-box;
    background-color: #007f00;
    color: #fff;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
}


.toast2 {
    background-color: #f44336 !important;
}

.toast #img{
    background-color: #ba000d !important;
}


#toast #desc{
    color: #fff;
    padding: 16px;
    overflow: hidden;
    white-space: nowrap;
}

#toast.show {
    visibility: visible;
    -webkit-animation: fadein_toast 0.5s,expand_toast 0.5s 0.5s,stay_toast 3s 1s,shrink_toast 0.5s 2s,fadeout_toast 0.5s 2.5s;
    animation: fadein_toast 0.5s, expand_toast 0.5s 0.5s,stay_toast 3s 1s, shrink_toast 0.5s 4s, fadeout_toast 0.5s 4.5s;
}

@-webkit-keyframes fadein_toast {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein_toast {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes expand_toast {
    from {min-width: 50px}
    to {min-width: 350px}
}

@keyframes expand_toast {
    from {min-width: 50px}
    to {min-width: 350px}
}

@-webkit-keyframes stay_toast {
    from {min-width: 350px}
    to {min-width: 350px}
}

@keyframes stay_toast {
    from {min-width: 350px}
    to {min-width: 350px}
}
@-webkit-keyframes shrink_toast {
    from {min-width: 350px;}
    to {min-width: 50px;}
}

@keyframes shrink_toast {
    from {min-width: 350px;}
    to {min-width: 50px;}
}

@-webkit-keyframes fadeout_toast {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 60px; opacity: 0;}
}

@keyframes fadeout_toast {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 60px; opacity: 0;}
}

/*
    Item review
 */
.item_review_details .a1{
    width:100%;
    display:block;
    height:13px;
    line-height:13px;
    color: rgba(0, 0, 255, 0.63);
    font-size:13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "Raleway", sans-serif;
}

.item_review_details .a1:hover{
    color: rgba(0, 0, 88, 0.72);
    text-decoration:underline;
}

.item_review_details .h_a1{
    color: #5a5d5d;
    width:100%;
    display:block;
    font-family: 'Cairo', sans-serif;
    font-size:22px;
    padding:0;
    margin-top:2px;
    margin-bottom:5px;
    font-weight:bold;
}

.item_review_images_list,
.item_review_images_prev{
    float:left;
}

.item_review_images_list{
    width:10%;
}

.item_review_images_list ul,
.item_review_images_list ul li{
    list-style:none;
    width:100%;
    display:block;
}

.item_review_images_list ul li{
    height:50px;
    border:1px solid #d0d0d0;
    border-radius:5px;
    margin-bottom:6px;
}

.item_review_images_list ul li:hover,
.item_review_images_list ul li.imgHovered{
    cursor:pointer;
    border:1px solid #f3f908;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.item_review_images_list ul li img,
.item_review_images_prev div img{
    width:95%;
    height:95%;
    margin:2.5%;
    object-fit:contain;
}

.item_review_images_prev{
    width:90%;
}

.item_review_images_prev div{
    width:95%;
    display:block;
    height:400px;
    background-color:#fff;
}

.item_review_images_prev_zoom{
    position:fixed;
    width:40%;
    height:80%;
    margin-top:0%;
    background-color:transparent;
    left:35%;
    z-index:2;
    border-radius:5px;
    display:none;
}

.item_score_data{
    border-bottom:1px solid #efefef;
    height:36px;
    width:100%;
    display:block;
}

.item_score_data span{
    float:left;
    height:35px;
    line-height:35px;
    width:33%;
}

.item_score_data span{
    font-size:13px;
    color:#444C55;
    font-family: "Raleway", sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    display:block;
}

.item_score_data span:first-child .zmdi{
    color:#DE7921;
    font-size:17px;
}

.add_to_cart_row{
    width:100%;
    display:block;
    height:135px;
    margin-top:10px;
}

.add_to_cart_row h2{
    width:100%;
    height:25px;
    font-size:25px;
    line-height:25px;
    font-family: Lexend Deca, sans-serif;
    margin-bottom:30px;
    color: #606060;
    display:table;
}

.add_to_cart_row h2 span{
    float:left;
    height:25px;
}

.add_to_cart_row h2 span:last-child{
    font-size:13px;
    margin-left:2%;
    text-decoration: line-through;
    text-align:left;
    font-weight:bold;
}

.add_to_cart_row h2 span:last-child i{
    text-decoration:none;
    height:25px;
    width:25px;
    font-weight:normal;
    line-height:25px;
    border-radius:50%;
    text-align:center;
    font-size:10px;
    background-color: #b40000;
    color:#fff;
    margin-left:2px;
    position:absolute;
}

.add_to_cart_row .fa-cart-plus{
    background:#0652DD;
}

.add_to_cart_row .addtocart{
    display:block;
    padding:0.5em 1em 0.5em 1em;
    border-radius:100px;
    border:none;
    font-size:14px;
    position:relative;
    background: #065aff;
    cursor:pointer;
    height:50px;
    width:100%;
    overflow:hidden;
    transition:transform 0.1s;
    z-index:1;
}

.add_to_cart_row .addtocart:hover{
    transform:scale(1.1);
}

.add_to_cart_row .pretext{
    color:#fff;
    background:#FFF159;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family: 'Quicksand', sans-serif;
}

.add_to_cart_row i{
    margin-right:10px;
}

.add_to_cart_row .done{
    background:#FFF159;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    transition:transform 0.3s ease;
    transform:translate(-110%) skew(-40deg);
}

.add_to_cart_row .posttext{
    background:#FFF159;
}

.add_to_cart_row .fa-check{
    background:#be2edd;
}

.item_state{
    width:100%;
    display:block;
    height: 35px;
    margin-bottom:10px;
}

.item_state i{
    width:100%;
    float:left;
    height:17px;
    line-height:17px;
    font-style:normal;
    font-family: 'Cairo', sans-serif;
}

.item_state i:first-child{
    font-size:15px;
    color:#B12704;
    font-weight:bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    display:block;
}

.item_state i:last-child{
    font-size:13px;
    color: #007d00;
    white-space: nowrap;
    text-overflow: ellipsis;
    display:block;
    font-weight:bold;
}

.description_row{
    width:100%;
    min-height:150px;
    overflow:hidden;
}

.description_row h1{
    width:100%;
    height:25px;
    line-height:25px;
    margin-bottom:5px;
    font-size:17px;
    color: rgba(87, 87, 87, 0.84);
    font-family: "Raleway", sans-serif;
    font-weight:bold;
}

.description_row p{
    font-size:15px;
    font-family: 'Cairo', sans-serif;
    font-weight:bold;
    color: #494949;
}

.item_review_images_prev span{
    width:100%;
    display:block;
    height:20px;
    line-height:20px;
    font-size:12px;
    color: #7a7a7a;
    font-family: 'Cairo', sans-serif;
    font-weight:bold;
}

.other_item_info{
    display:block;
    margin-top:20px;
    overflow:hidden;
}

#exTab1 .tab-content {
    color:#000;
    padding : 5px 15px;
}

#exTab2 h3 {
    color : white;
    background-color: #428bca;
    padding : 5px 15px;
}

/* remove border radius for the tab */
#exTab1 .nav-pills > li > a {
    border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/
#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
    padding : 5px 15px;
    color:#000;
}

.item_covers_box,
.item_covers_box ul,
.item_covers_box ul li{
    width:100%;
    display:block;
}

.item_covers_box ul li{
    height:35px;
    list-style:none;
}

.item_covers_box ul li span{
    float:left;
    width:5%;
}

.item_covers_box ul li span{
    float:left;
    width:15%;
}

.item_covers_box ul li span:last-child{
    font-size:13px;
    line-height:35px;
    font-family: 'Cairo', sans-serif;
    font-weight:bold;
}

.circle {
    display: inline-table;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-color: #bbb;
    border-radius: 50%;
}

.circle__content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.slider2{
    height:290px;
    margin-top:10px;
    display:table;
}

.slider3 .carousel-control{
    font-size:12px !important;
}

.my_history{
    min-height:290px;
    margin-top:10px;
    display:table;
}

.slider_image_height{
    width:100%;
    height:350px;
}

.ui-slider-horizontal {
    height: .6em;
}

.ui-slider-horizontal {
    margin-bottom: 15px;
    width:40%;
}

.ui-widget-header {
    background: #3FE331;
}



.price-range-field{
    width:60%;
    min-width: 16%;
    background-color:#f9f9f9;
    border: 1px solid #6e6666;
    color: black;
    font: normal 14px Arial, Helvetica, sans-serif;
    border-radius: 5px;
    height:26px;
    padding:5px;
}

.myPriceRange{
    padding-bottom:15px;
}

#slider-range{
    width:100%;
    display:block;
}

.price-range-block input[type='number']{
    float:left;
    width:49%;
    height:35px;
    display:table;
    margin:0.5%;
    border:1px solid #dcdcdc !important;
    background-color:#fff !important;
}

.myBrandList ul,
.myBrandList li{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    height:30px;
    margin-bottom:3px;
}

.myBrandList li span{
    float:left;
    height:30px;
    width:10%;
    line-height:30px;
}

.myBrandList li span:last-child{
    width:90%;
}

.myBrandList li a{
    color: #bfbfbf;
    width:100%;
    display:block;
    height:30px;
}

.plain_h1{
    width:100%;
    height:30px;
    font-size:17px;
    margin: 0 0 10px;
    padding:0;
    font-family: 'Cairo', sans-serif;
    font-weight:bold;
}

.stage {/*
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    position:absolute;
    top:50%;
    left:50%;
    margin-right:50%;
    transform:translate(-50%, -50%);*/
}

.stage{
    display:table;
    height: 370px;
    position:absolute;
    overflow:hidden;
}

.actf {
    height:10px;
    width:100px;
    margin-left:10px
}

.acta {
    height:40px;
    width:40px;
    border-radius:50%;
}

.profile {
    display:flex;
    align-items:center;
}

.profile > .acta {
    margin-right:10px;
}

.profile > .actf {
    width:150px;
}

.action {
    background-color:rgb(236,238,239);
    background-image:url(https://facebook.com/rsrc.php/v3/yg/r/3pkFbIT7_rn.gif);
    /*   background-size:cover; */
    background-repeat:repeat-y;
    background-position:center;
    margin-top:5px;
    margin-bottom:5px;
}

.action:not(.acta) {
    border-radius:1.5px;
}

.loader {
    background-color:#999;
    overflow: hidden;
    width: 100%;
    height:4px;
    position: fixed;
    top: 0; left: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    z-index: 100000;
}

.loader__element {
    height: 3px;
    width: 100%;
    background:#A5D6A7;
}

.loader__element:before {
    content: '';
    display: block;
    background-color: #4CAF50;
    height: 3px;
    width: 0;
    animation: getWidth 3s ease-in infinite;
}

@keyframes getWidth {
    100% { width: 100%; }
}

#loader{
    position:fixed;
    z-index:1001;
    top:0;
    left:0;
    right:0;
    height:4px;
    width:100%;
    display:none;
}

.productHidden{
    display:none;
}

.itemListHelper{
    display:inline-block;
    height:500px;
}

.spanOO1{
    width:100%;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.show_more_description{
    width:100%;
    display:none;
    height:100px;
    line-height:100px;
    text-align:center;
    text-transform:uppercase;
    color:#000;
    position:absolute;
    margin-top:-100px;
    font-size:13px;
    background: linear-gradient(to bottom, transparent 0%, #dadada 100%);
}

.show_more_description:hover{
    color: #223b76;
    cursor:pointer;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid #6F5727;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.cLoader{
    height:175px;
    width:100%;
    display:table;
}

.PLoader{
    width:50%;
    margin:25%;
    display:block;
}

.h1x{
    width:100%;
    height:60px;
    line-height:60px;
    padding:0;
    color:#5EE471;
    background-color:#0E4A6C;
    text-indent:30px;
    font-size:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 50px 0 0;
}

.h1x span{
    float:right;
    height:60px;
    width:15%;
    display:block;
    background-color:#02A2AC;
    font-size:12px;
    color:#fff;
    text-align:center;
}

.h1x span:last-child{
    background-color:#9EF4A6;
}

.category_card{
    width:95%;
    display:table;
    margin:2.5%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius:10px;
}

.category_card:hover{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: coral;
}

.category_card span{
    float:left;
    height:50px;
    line-height:50px;
    text-align:center;
}

.category_card span:first-child{
    background-color:coral;
    font-size:15px;
    color:#fff;
    font-weight:bold;
    width:15%;
}

.category_card span:last-child{
    background-color:#fff;
    width:84%;
    margin-left:1%;
    font-size:13px;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Cairo', sans-serif;
}

.one a{
    display:block  !important;
    height:30px  !important;
    line-height:30px  !important;
    font-size:12px  !important;
    color: #434649  !important;
    width:20%  !important;
    text-align:center  !important;
    position:absolute;
    right:0;
    text-transform: revert !important;
}

.search_btn:hover{
    color: darkcyan;
    cursor:pointer;
}

.pre_search_results{
    width:1%;
    position:absolute;
    top:44px;
    background:#fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height:400px;
    z-index:1000;
    display:none;
}

.auth-container{
    width:50%;
    display:block;
    margin-left:25%;
    margin-right:25%;
}

.auth-container .auth-row{
    width:100%;
    display:block;
    margin-bottom:5px;
}

.auth-container .auth-form,
.auth-container .auth-a{
    width:60%;
    display:block;
    margin:20%;
}

.auth-container .auth-a{
    height: 20px;
    line-height:20px;
    font-size:13px;
    width:90%;
    margin: 10px 2.5% 20px;
}

.auth-container .auth-a a{
    float:right;
    height:20px;
    font-size:12px;
}

.auth-container .auth-row img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.auth-row2{
    margin-top:135px;
}

.auth-container .logo-img{
    width:70%;
    height:100px;
    margin-left:15%;
    margin-bottom:15px;
    visibility:hidden;
}

.auth-container label{
    width: 85%;
    height:25px;
    line-height:25px;
    font-weight:bold;
    margin: 0 7.5%;
    padding:0;
    font-size:13px;
    color: #767676;
    display:block;
}

.auth-container input,
.auth-container button,
.auth-container h2{
    width: 85%;
    margin: 0 7.5%;
    padding:2%;
    height:45px;
    border:2px solid #bec5b7;
    border-radius:10px;
}

.auth-container input:focus{
    border:2px solid #558b2f;
}

.auth-container h2{
    height: 20px;
    line-height:20px;
    text-align:center;
    font-size:12px;
    margin-top:12px;
    margin-bottom:15px;
    border:none;
}

.auth-container button{
    border:0;
}

.auth-container button.submit-action,
.auth-container button.submit-action2{
    text-align:center;
    background-color:#3d5afe;
    color:#fff;
    height:40px;
    margin-bottom:6px;
    font-size:13px;
}

.auth-container button.submit-action:hover{
    background-color:#8187ff;
    cursor:pointer;
}

.auth-container button.submit-action2{
    background-color: #fafafa;
    color:#000;
    border-color:#000;
    /*box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;*/
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.auth-container button.submit-action2:hover{
    background-color:#c7c7c7;
}

.auth-container input[type='checkbox']{
    height:20px;
    width:20px;
}

.auth-row-col .auth-row{
    float:left;
    width:50%;
}

.auth-row-col .auth-row input{
    width:98%;
    margin:1%;
}
.auth-row  select{
	width: 85%;
	margin: 0 7.5%;
	padding:2%;
	height:45px;
	border:2px solid #bec5b7;
	border-radius:10px;
}


.first_search_ul,
.second_search_ul,
.third_search_ul{
    width:95%;
    display:table;
    margin-bottom:25px;
    margin-left:2.5%;
    margin-right:2.5%;
    padding:0;
    list-style:none;
    height: 43px;
    font-family: "Raleway", sans-serif;
    font-weight:300;
}

.third_search_ul{
    margin-bottom:2px;
}

.first_search_ul li, .third_search_ul li{
    margin-top:3px;
    float:left;
    height:40px;
    width:23%;
    margin-left:1.5%;
    margin-right:1.5%;
    display:block;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-radius:7px;
}

.first_search_ul li:hover, .third_search_ul li:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.first_search_ul li span, .third_search_ul li span{
    float:left;
    height:40px;
    line-height:40px;
    text-align:center !important;
    font-size:25px;
    font-weight:bold;
    width:20%;
}

.first_search_ul li span:last-child, .third_search_ul li span:last-child{
    font-size:13px;
    font-weight:bold;
    width:80%;
    color: #9a9a9a;
}

.third_search_ul li span img,
.second_search_ul li div img{
    width:95%;
    height:95%;
    margin:2.5%;
    object-fit:contain;
    display:block;
    text-align:center;
    padding:3px;
}

.search_term{
    width:95%;
    margin:2.5%;
    height: 25px;
    line-height:25px;
    font-size: 14px;
    color: #515151;
    padding:0;
}

.second_search_ul li{
    width: 100% !important;;
    height:60px  !important;;
    display:table  !important;
    margin-bottom:6px;
}

.second_search_ul li:first-child{
    margin-top:10px;
}

.ccv{
    float:left !important;
    height:70px !important;
    width:20% !important;
    border-bottom:1px solid #eeeeee;
}

.ccv2{
    width:80% !important;;
}

.second_search_ul li div a{
    width:100%;
    display:table;
    float:left;
    color:#1976d2;
}

.second_search_ul li div a:first-child{
    margin-top:20px;
}

.cover_x_c_vv1{
    background: #f6f6f6;
    display:table;
    padding:10px;
    width:100% !important;
}

.shipping-form{
    width:100%;
    margin-top:4px;
    padding-bottom:30px;
    padding-top:4px;
    border-radius:10px;
}

.shipping-form .input-float{
    width:48%;
    float:left;
    display:table;
    height:50px;
    margin-left:1%;
    margin-bottom:12px;
}

.shipping-form .input-float2{
    width:49%;
}

.input-holder{
    width:98%;
    display:table;
    height:50px;
    margin-right:1%;
    margin-left:1%;
    margin-bottom:12px;
}

.input-holder input::placeholder{
    font-size:12px;
}

.shipping-form input, .shipping-form select{
    width:100%;
    display:block;
    height: 40px;
    border: 1px solid #dadada;
    text-indent:7px;
    color: #888;
}

.shipping-form input:focus, .shipping-form select:focus{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(127, 127, 127) 0px 0px 0px 3px;
}

.shipping-form label{
    width: 85%;
    height:17px;
    line-height:17px;
    font-weight:bold;
    margin-bottom:3px;
    padding:0;
    font-size:13px;
    color: #767676;
    display:block;
}

.place_order_summary{
    width:100%;
    display:block;
    padding:0;
    margin: 10px 0 10px 0;
    list-style:none;
    font-family: 'Roboto Condensed', sans-serif;
    color: #262626;
    background: #f6f6f6;
    border-radius: 0 0 5px 5px;
    border: 1px solid #dadada;
}

.place_order_summary ol{
    width:100%;
    margin:8px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    height:60px;
    padding: 20px 0 0;
}

.delivery_address{
    width:100%;

    text-align:center;
    font-size:18px;
    font-weight:bold;
    height:60px;
    padding: 20px 0 0;
}


.place_order_summary li{
    width:95%;
    margin:2.5%;
    border-bottom:1px solid #DADADA;
    height:40px;
}

.place_order_summary li span{
    float:left;
    width:68%;
    margin-left:1%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
    height:40px;
    line-height:20px;
    font-size:14px;
}

.place_order_summary li span:last-child{
    width:28%;
    text-align:right;
    color:#52AD9C;
    margin-right:2%;
}

.last_li{
    height:160px !important;
    border:none !important;
}

.last_li label{
    width:100%;
    height:20px;
    line-height:20px;
    font-size:13px;
    padding:0;
    margin: 0 0 4px;
}

.last_li input{
    width:100%;
    height:40px;
    line-height:40px;
    font-size:20px;
    padding-top:3px;
    padding-bottom:3px;
    text-indent:10px;
    border: 1px solid #dadada;
    color: #888;
    background-image: url("https://www.phindu.com/phindu_v.2/images/kakupaylogo.png");
    background-position:right center;
    background-repeat:no-repeat;
    background-size:60px 15px;
}

.last_li input::placeholder{
    font-size:13px;
}

.last_li button{
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    border: none;
    border-radius: 30px;
    background: #52ad9c;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.last_li button:hover{
    cursor: pointer;
    background: #428a7d;
}

.success_page{
    width:40%;
    padding:2%;
    margin-left:30%;
    margin-top:70px;
    background-color:#fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius:10px;
    display:none;
}

.success_page .icon_success{
    width:50%;
    display:block;
    height:60px;
    text-align:center;
    font-size:65px;
    color:#33B57A;
    margin-left:25%;
    font-weight:bold;
}

.success_page h1{
    color: #5b7a6a;
    width:95%;
    text-align:center;
    height:30px;
    margin: 10px 2.5% 20px;
    font-size:15px;
}

.success_page ul{
    width:90%;
    margin-left:5%;
    display:block;
    list-style:none;
}

.success_page ul li{
    height:40px;
    width: 100%;
    display:table;
}

.success_page ul li span{
    float:left;
    width:40%;
    font-size:13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
    font-family: 'Roboto Condensed', sans-serif;
    color: #262626;
}

.success_page ul li span:last-child{
    width:58%;
}

.pure-material-button-contained {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    padding: 0 16px;
    min-width: 64px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.pure-material-button-contained::-moz-focus-inner {
    border: none;
}

/* Overlay */
.pure-material-button-contained::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transition: opacity 0.2s;
}

/* Ripple */
.pure-material-button-contained::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px; /* Safari */
    height: 32px; /* Safari */
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

/* Hover, Focus */
.pure-material-button-contained:hover,
.pure-material-button-contained:focus {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.pure-material-button-contained:hover::before {
    opacity: 0.08;
}

.pure-material-button-contained:focus::before {
    opacity: 0.24;
}

.pure-material-button-contained:hover:focus::before {
    opacity: 0.3;
}

/* Active */
.pure-material-button-contained:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.pure-material-button-contained:active::after {
    opacity: 0.32;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

/* Disabled */
.pure-material-button-contained:disabled {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
    box-shadow: none;
    cursor: initial;
}

.pure-material-button-contained:disabled::before {
    opacity: 0;
}

.pure-material-button-contained:disabled::after {
    opacity: 0;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

#fbLoader{
    top:0;
    bottom:0;
    left:0;
    right:0;
    position:fixed;
    z-index:1000;
    backface-visibility:hidden;
    background-color:rgb(0,0,0,0.5);
    display:none;
}

#fbLoader .fbLoader{
    width:20%;
    display:block;
    height:60px;
    margin-left:40%;
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
}

ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}

ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}

ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 2.2em;
    bottom: -1.2em;
}

.order_container{
    width:100%;
    display:table;
}

.order_parent{
    width:100%;
    border:2px solid #e5e5e5;
    height:250px;
    display:table;
    border-radius:6px;
    margin-bottom:28px;
}

.order_parent .order_parent_info,
.order_parent .order_parent_details{
    width:100%;
    background-color:#F6F6F6;
    height:45px;
    padding-right:7px;
    padding-left:7px;
}

.order_parent .order_parent_details{
    background-color:#fff;
}

.order_parent .order_parent_info div{
    float:left;
    height:40px;
    width:25%;
}

.order_parent .order_parent_info div span{
    float:left;
    height:20px;
    width:100%;
    line-height:20px;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:13px;
    color:#4f5b62;
}

.order_parent .order_parent_info div:nth-child(3) span:last-child{
    color: #0029b6;
}

.order_parent .order_parent_details{
    height:160px;
    display:table;
    padding-bottom:5px;
}

.order_parent .order_parent_details div{
    float:left;
    height:160px;
}

.order_parent .order_parent_details div.order_parent_details_div1{
    position:relative;
    width:13%;
}

.order_parent .order_parent_details div.order_parent_details_div3{
    width:15%;
}

.order_parent .order_parent_details div.order_parent_details_div1 img{
    width:95%;
    height:95%;
    display:block;
    object-fit:contain;
    text-align:center;
}

.order_parent .order_parent_details div.order_parent_details_div2{
    width:71%;
    margin-left:1%;
}

.order_parent .order_parent_details div.order_parent_details_div2 span{
    float:left;
    width:100%;
    height: 30px;
    line-height:30px;
    font-size:13px;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order_parent .order_parent_details div.order_parent_details_div2 span:first-child{
    margin-top:30px;
}

.order_parent .order_parent_details div.order_parent_details_div1 span{
    position:absolute;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    left:10px;
    top:10px;
    background-color:rgba(0,0,0,0.5);
    color:#fff;
    border-radius:6px;
}

.order_parent .order_parent_details div.order_parent_details_div3 button,
.order_parent .order_parent_details div.order_parent_details_div2 button{
    background: #F4F4E3; /* old browsers */
    background: -moz-linear-gradient(top,
    #F4F4E3 0%, #F5F5E4 34%, #EAEAC5 35%, #D6D6B4 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0%,#F4F4E3), color-stop(34%,#F5F5E4),
    color-stop(35%,#EAEAC5), color-stop(100%,#D6D6B4)); /* webkit */
    width:95%;
    margin:2.5%;
    height:35px;
    line-height:35px;
    border-radius: 5px;
    box-shadow: inset 0 -4px 4px #b9b99b;
    border: 1px solid #9d9d74;
    font-size:13px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;

}

.order_parent .order_parent_details div.order_parent_details_div2 button{
    width:200px;
    margin:1px;
}

.order_parent .order_parent_details div.order_parent_details_div3 button:hover,
.order_parent .order_parent_details div.order_parent_details_div2 button:hover{
    background: #ececdb; /* old browsers */
}

.order_parent h2{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:13px;
    margin:0;
    color:#263238;
    padding: 0 7px;
}

.orders_list_h1{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:23px;
    color:#263238;
    padding: 0 7px;
    margin: 0 0 15px;
    font-family: 'Cairo', sans-serif;
    font-weight:bold;
}

.order_search_container{
    height: 50px;
    width:100%;
    display:table;
}

.order_search_container div{
    float:left;
    width:80%;
}

.order_search_container div:last-child{
    width:20%;
}

.order_search_container input{
    width:100%;
    height:35px;
    border: 1px solid #dadada;
    border-radius:6px;
    font-size:13px;
}

/*Track order starts*/
#trackOrder .invoice {
    width: 1090px;
    margin: 0px auto;
    font-family: Arial;
}

#trackOrder .backpayments {
    width: 100%;
}

#trackOrder .backpayments a {
    display: inline-block;
    float: right;
    width: 140px;
    background: #6a0048;
    padding: 15px;
    color: #ffffff;
    border: 1px solid #6a0048;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

#trackOrder .backpayments a:hover {
    display: inline-block;
    float: right;
    width: 140px;
    background: transparent;
    padding: 15px;
    color: #6a0048;
    border: 1px solid #6a0048;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

#trackOrder .makepayment {
    width: 90%;
    margin-right: 20px;
}

#trackOrder .makepayment a {
    display: inline-block;
    float: right;
    width: 140px;
    background: #6a0048;
    padding: 15px;
    color: #ffffff;
    border: 1px solid #6a0048;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

#trackOrder .makepayment a:hover {
    display: inline-block;
    float: right;
    width: 140px;
    background: transparent;
    padding: 15px;
    color: #6a0048;
    border: 1px solid #6a0048;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

#trackOrder .header {
    width: 100%;
}
#trackOrder .header img {
    width: 100%;
}
#trackOrder .thanks {
    width: 100%;
    text-align: left;
    font-family: Arial;
    margin-bottom: 10px;
    margin-top:40px;
}
#trackOrder .thanks p {
    font-size: 25px;
    font-weight: bold;
    color: #6a0048;
    margin-bottom: 4px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
#trackOrder .deliver {
    display: inline-block;
    width: 220px;
    height: 190px;
    float: left;
    line-height: 150%;
    margin-left: 10px;
    margin-right: 10px;
}
#trackOrder .deliver p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #6a0048;
}
#trackOrder .client {
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    width: 325px;
    height: 190px;
    float: left;
    line-height: 150%;
    padding-left: 15px;
    border-left: 1px dashed;
}
#trackOrder .client p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #6a0048;
}
#trackOrder .orderinfo {
    float: left;
    margin-left: 30px;
    width: 430px;
    line-height: 150%;
    padding-left: 15px;
    border-left: 1px dashed;
    height: 190px;
}
#trackOrder .orderinfo p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #6a0048;
}
#trackOrder .spacing hr {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    border: 1px dashed;
}
#trackOrder .payinfo {
    width: 1070px;
    margin-top: px;
    display: inline-block;
    line-height: 20px;
    border: 1px solid;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}
#trackOrder .payinfo p {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #6a0048;
    text-align: center;
}
#trackOrder .productinfo {
    display: inline-block;
    margin-top: 20px;
    float: left;
    width: 98#trackOrder .3%;
    background: #6a0048;
    padding: 10px;
    margin-right: 30px;
    border-radius: 5px;
}
#trackOrder .productinfo p {
    margin-top: 0px;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}
#trackOrder .productinfo table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 6px 6px;
}

#trackOrder .productinfo th#trackOrder .name {
    width: 35%;
    background: #ffffff;
    border-radius: 5px;
    line-height: 150%;
    color: #6a0048;
    padding-bottom: 10px;
}
#trackOrder .productinfo th#trackOrder .detail {
    width: 50%;
    background: #ffffff;
    border-radius: 5px;
    line-height: 150%;
    color: #6a0048;
    padding-bottom: 10px;
}
#trackOrder .productinfo td#trackOrder .name {
    background: #ffffff;
    border-radius: 5px;
    line-height: 150%;
    color: #000000;
    padding: 3px;
    padding-bottom: 10px;
}
#trackOrder .productinfo td#trackOrder .detail {
    background: #ffffff;
    border-radius: 5px;
    line-height: 150%;
    color: #000000;
    padding: 3px;
    padding-bottom: 10px;
}
#trackOrder .productinfo th#trackOrder .qty {
    width: 5%;
    background: #ffffff;
    border-radius: 5px;
    line-height: 150%;
    color: #6a0048;
    padding-bottom: 10px;
}
#trackOrder .productinfo th#trackOrder .cost {
    width: 10%;
    background: #ffffff;
    border-radius: 5px;
    line-height: 150%;
    color: #6a0048;
    padding-bottom: 10px;
}
#trackOrder .productinfo td#trackOrder .qty {
    background: #ffffff;
    border-radius: 5px;
    line-height: 150%;
    color: #000000;
    padding-left: 3px;
    text-align: center;
    padding-bottom: 10px;
}
#trackOrder .productinfo td#trackOrder .cost {
    background: #ffffff;
    border-radius: 5px;
    line-height: 150%;
    color: #000000;
    padding-left: 3px;
    text-align: center;
    padding-bottom: 10px;

}
#trackOrder .ordernotes{
    display: inline-block;
    float: left;
    width: 700px;
    height: 150px;
    padding-right: 10px;
    border-right: 1px dashed;
}
#trackOrder .ordernotes p {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #6a0048;
}
#trackOrder .paymenttotal {
    float: right;
    margin-top: 10px;
    margin-bottom: 0px;
    display: inline-block;
    width: 365px;
    line-height: 140%;
    font-size: 12pt;
    height: 150px;
}
#trackOrder .payment strong {
    color: #6a0048;
}
#trackOrder .note{
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}
#trackOrder .note p {
    font-weight: bold;
    color: #6a0048;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 12pt;
}
#trackOrder .invoicefooter{
    width: 100%;
    font-size: 10pt;
    margin-top: 0px;
}
#trackOrder .invoicefooter p {
    font-size: 13pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #6a0048;
}
#trackOrder .invoicefooter img {
    width: 100%;
    margin-top: 15px;
}

#trackOrder .payment {
    width: 100%;
    margin: 0px auto;
    font-family: arial;
    border-radius: 0px;
    font-size: 12px;

}

#trackOrder .paymenthead {
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

#trackOrder .type img {
    width: 40px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 15px;
}

#trackOrder .type {
    width: 240px;
    display: inline-block;
    float: left;
    height: 90px;
    padding-top: 20px;
}

#trackOrder .email {
    width: 0px;
    display: inline-block;
    float: left;
}


#trackOrder .invoicepay .cat_textbox {
    width: 70px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #a1a1a1;
    border-radius: 8px;
}

#trackOrder .invoicepay {
    width: 260px;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
    float: left;
    margin-left: 5px;
    border-left: 1px dashed;
    padding-left: 5px;
    height: 90px;
}

.order-info-box{
    width:100%;
    display:table;
    height:220px;
    background-color:#fff;
    float:left;
    margin-bottom:15px;
    border-bottom: 1px dotted #9d9d74;
}

.order-info-box .left-order,
.order-info-box .centre-order,
.order-info-box .right-order{
    float:left;
    height:220px;
}

.order-info-box .left-order{
    width:15%;
}

.order-info-box .left-order div{
    float:left;
    width:10%;
}

.order-info-box .left-order div:first-child{
    text-align:center;
    font-weight:bold;
    font-size:15px;
    line-height:220px;
}

.order-info-box .centre-order h1,
.order-info-box .centre-order h2{
    width:95%;
    height:30px;
    line-height:30px;
    font-size:13px;
    padding:0;
    margin: 0 2.5%;
}

.order-info-box .left-order h1{
    font-size:12px;
}

.order-info-box .left-order h1{
    font-size:12px;
}

.order-info-box .left-order div:last-child{
    width:90%;
}

.order-info-box .left-order div:last-child img{
    width:95%;
    height:95%;
    display:block;
    object-fit:contain;
    margin:2.5%;
}

.order-info-box .centre-order{
    width:65%;
}

.order-info-box .right-order{
    width:20%;
}

.order-info-box .centre-order h1{
    font-weight:bold;
}

.order-info-box .centre-order span{
    float: left;
    height:30px;
    width:10%;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #717172;
}

.order-info-box .centre-order span:last-child{
    width:90%;
    color:#000;
}

.order-info-box .right-order button{
    width:95%;
    margin: 60px 2.5% 2.5%;
    border:2px #717172 solid;
    border-radius:7px;
    height:50px;
    line-height:25px;
    font-size:13px;
}

.hhh3{
    width:100%;
    display:block;
    height:25px;
    line-height:25px;
    font-size:14px;
    font-weight:bold;
    padding:0;
    margin:0;
}

.writeReviewContainerForm{
    width:40%;
    display:block;
    background-color:#fff;
    margin: 15% 30% 30%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius:10px;
}

.myClose{
    width:100%;
    height:60px;
    display:table;
    margin-bottom:15px;
    background-color:#FFF159;
}

.myClose div{
    float:left;
    width:50%;
    height:60px;
}

.myClose i{
    float:right;
    margin-right:30px;
    margin-top:10px;
    font-size:20px;
    font-weight:bold;
    color: #7b165e;
}

.myClose i:hover{
    cursor:pointer;
    color: #42467b;
}

.writeReviewContainerForm h1{
    width:95%;
    margin:2.5%;
    height:60px;
    font-size:20px;
    line-height:50px;
    color:#000;
}

.writeReviewContainerForm textarea{
    width:95%;
    margin:2.5%;
    height:90px;
}

.writeReviewContainerForm .ratingContainer{
    width:95%;
    margin:2.5%;
    height:25px;
    display:table;
}

.writeReviewContainerForm .ratingContainer span{
    float:left;
    height:20px;
    line-height:20px;
    margin:2px;
    text-align:center;
    font-size:20px;
    color:#757575;
    width:20px;
    cursor: pointer;
}

.starSelected{
    color: #ffd817 !important;
}

.writeReviewContainerForm button{
    margin:2.5%;
    height:35px;
    background-color:#FF7F50;
    border:1px solid #dd6f4b;
    border-radius:6px;
    color:#fff;
    width:120px;
    text-align:center;
}

.ratingContainer div{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:12px;
    color: #404040;
}

.similar_products_container{
    width:100%;
    background-color:#FBFBFB;
    height:450px;
    display:table;
    margin-top:15px;
    margin-bottom:15px;
}

.x_similar_h1{
    width:95%;
    height:30px;
    line-height:30px;
    font-size:20px;
    margin:2.5%;
    padding:0;
}

.similar_content{
    width:95%;
    margin:2.5%;
    display:table;
    height:320px;
}

.similar_product:hover{
    -webkit-transform: scale(1.1);
    -moz-transform:scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.similar_product{
    width:23%;
    margin:1%;
    float:left;
    height:340px;
    background-color:#fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.similar_product .my_similar{
    width:100%;
    display:block;
}

.my_similar_1{
    height:200px;
    width:93%;
    display:block;
    margin:2.5%;
}

.my_similar_2 h1{
    height:20px;
    line-height:20px;
    font-size:14px;
    color: #797979;
    margin:0;
    padding:0;
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Raleway", sans-serif;
    overflow:hidden;
    width:100%;
}

.my_similar_2 h2{
    margin:0;
    padding:0;
    height:20px;
    line-height:20px;
    font-size:20px;
    color: #137924;
    font-weight:bold;
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Raleway", sans-serif;
    overflow:hidden;
    width:100%;
}

.my_similar_2 h2, .my_similar_2 h1{
    width:95%;
    margin: 0 2.5%;
}

.my_similar_2{
    height:50px;
}

.my_similar_3{
    height:50px;
    width:100%;
    display:block;
    overflow:hidden;
}

.my_similar_3 a{
    padding:10px;
    background:salmon;
    margin:10px;
    display:block;
    text-align:center;
    color:#fff;
    transition:all 1s linear;
    text-decoration:none;
    text-shadow:1px 1px 3px rgba(0,0,0,0.3);
    border-radius:3px;
    border-bottom:3px solid #ff6536;
    box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

.my_similar_3 a:hover{
    background:#ff6536;
    border-bottom:3px solid salmon;
    color:#f1f2f3;
}

.my_review_form_container .writeReviewContainer{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.5);
    backface-visibility: hidden;
    z-index: 1001;
    display:none;
}

.our_reviews_container{
    display:table;
    height:auto;
    margin-bottom:30px;
    width:100%;
}

.person_container{
    width:95%;
    margin:2.5%;
    display:table;
    height:100px;
}

.person_container_left, .person_container_right{
    float:left;
    min-height:100px;
    width:15%;
}

.person_container_left{
    background-color: #f1f1f2;
}

.person_container_right{
    width:80%;
    margin-right:2.5%;
    margin-left:2.5%;
}

.person_container_right h1, .person_container_right h2{
    width:95%;
    margin: 0 2.5% 0 0;
    display:block;
    height:20px;
    font-size:15px;
    font-weight:bold;
    line-height:20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Raleway", sans-serif;
    padding:0;
}

.person_container_right h2{
    color: #493e44;
    font-size:12px;
}

.person_container_right p, .myRatings{
    width:95%;
    margin: 0 2.5% 0 0;
    display:block;
    padding:0;
    font-size:13px;
}

.myRatings i{
    font-size:19px;
    color: #cacacb;
    margin: 5px;
}

.myReviewTotalAndButton{
    width:100%;
    display:table;
    height:55px;
}

.myReviewTotalAndButton div{
    float:left;
    height:50px;
    margin:2px;
}

.phindu-button {
    height:45px;
    padding:4px;
    background-color:#fff;
    border:2px solid #643bf8;
    line-height:30px;
    text-align:center;
    font-size:13px;
    margin: 0 0 0 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-radius:10px;
}

.phindu-button:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    cursor: pointer;
}

.input_x_aaa_aa input{
    width: 85%;
    margin: 0 7.5%;
    padding:2%;
    height:45px;
    border:2px solid #bec5b7;
    border-radius:10px;
    text-align:center;
}

.input_x_aaa_aa button{
    width:50%;
    margin-left:25%;
}

.input_x_aaa_aa:first-child{
    margin-bottom:30px;
}


.input_x_aaa_aa span{
    width:50%;
    margin-left:19%;
    margin-right:25%;
    text-align:center;
    margin-top:20px;
    padding:0;
}
/*Track order ends*/

/*Only used on mobile*/
.el_to_12{}
.mobile_menu{display:none;}
.mobile_menu_float{}
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #cf0000;
}

.animated-icon2 span {
    background: #e3f2fd;
}

.animated-icon3 span {
    background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
    top: 0px;
}

.animated-icon1 span:nth-child(2) {
    top: 10px;
}

.animated-icon1 span:nth-child(3) {
    top: 20px;
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
    top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
    top: 10px;
}

.animated-icon2 span:nth-child(4) {
    top: 20px;
}

.animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}

.animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
}

.animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px;
}
.nav-footer-item ul {
    list-style: none;
    padding-left: 3px;
}

.open h4 {
    opacity: 0.3;
}

h4 {
    font-size: 30px;
}
.nav-footer-item {
    padding: 5px !important;
}

@media (max-width : 768px) {

    .nav-footer .nav h4 {
        cursor: pointer;
    }
    .nav-footer ul {
        max-height: 0;
        overflow:hidden;
        transition: max-height 1s ease-out; }

    .nav-footer .nav h4:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10'%3E%3C/path%3E%3C/svg%3E");
        width: 25px;
        float: right;
    }
    .nav-footer .nav.open h4:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z'%3E%3C/path%3E%3C/svg%3E");
        width: 25px;
    }

    .nav-footer .nav.open ul {
        height:auto;
        max-height: 500px;
        transition: max-height 1s ease-in !important; }
}
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
}
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}


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


    .auth-container{
        width:95%;
        margin-left:2.5%;
        margin-right:2.5%;
        display:table;
    }

    .auth-container .auth-form,
    .auth-container .auth-a{
        width:95%;
        display:block;
        margin:2.5%;
    }

    .auth-container .auth-a{
        width:80%;
        margin:10%;
    }

    .auth-row2{
        margin-top:5px;
    }



    .__container{
        width:100%;
        margin:0px;
        display:block;
    }















}