input[readonly]
{
    pointer-events:none;
}
select[readonly]
{
    pointer-events:none;
}
textarea[readonly]
{
    pointer-events:none;
}
.carousel-inner .active.left { left: -20%; }
.carousel-inner .next        { left:  20%; }
.carousel-control.left,.carousel-control.right {background-image:none;}

.col-lg-2 {/*width: 20%;*/}
.cart-minheight{min-height: 200px;}
.trader-profile-no{
    text-align: center;
    margin-top: 40px;
}
.cat-select{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-color: #7d7d7d !important;
    border-right-color: #FFF !important;
}
.frmSearch{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-color: #7d7d7d !important;
   
}
.show-plate{
    height: 90px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.mailsucc
{
    position: relative;
    left: -66px;  
}
.details_anc:hover
{
    color:black;
}
.videoeditpost {
    position: absolute;
    z-index: 1;
    height: 85px;
    width: 86px;
    border-radius: 6px;
    background-color: black;
}
.nomsgdiv{
    position: relative;
    right: 0px;
}
.bnomsgdiv{
    position: relative;
    right: 40px;
}
.edit_main_row{
    height:32px;
}
.edit_adddet_div{
    margin-top: -179px;
}
.vid{
    width: 85px;
    height: 85px;
    border-radius: 6px;
    background-color: black;

}
.mainlogohome{
    padding-left: 5%;
}
.langlbl{
    float:right;
    font-size:14px;
    font-weight: bold;
    padding-right: 15%;
}
@media (max-width: 768px) {
    .langlbl{
        float:right;
        font-size:14px;
        font-weight: bold;
        padding-right: 0;
    }

}
.otherprof_mainrow{
    margin-top: 2%;
}
.ckhamts{
    float:right;
}
.chouthr{
    margin-top:4%;
    margin-bottom:4%;
}
.checkout-mat-calcdiv{
    float:right;
}
input[name=txtmob], select{
    border: 1px solid #7d7d7d;
    width: 100%; }

#admin_drop_video
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    color: black;
    position: absolute;
    top: 0px;
    left: 5px;
    padding-left: 8%;
    padding-top: 3%;
    background-color: #f7f7f7;
    width: 46%;
    height: 91px;
    border-radius: 9px;
}
.prof_bikewdiv
{
    position: relative;
    left: 30px;
    /*    top: -366px;*/
}
#admin_drop_camera
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    color: black;
    position: absolute;
    top: -16px;
    left: 51%;
    padding-left: 8%;
    padding-top: 3%;
    background-color: #f7f7f7;
    width: 46%;
    height: 91px;
    border-radius: 9px; 
}



.error p {
    font-size: 12px !important;
    color:red;
}
.emailchecking{
    color: red;
}
.wait{
    display: none
}
.excl{
    color : #d8d8d8;
}
.user
{
    position: relative;
    top: -1px;
}
#notif_div
{
    display: none;
    position: relative;
    top: 27px;
}
#img_user
{
    position: relative;
    left: 125px;
    top: 10px;
}
.mainVideoImg{
    margin-top: 20px;
    margin-left: 20px;
}
/*#logged_user
{
    width: 46px;
    height: 46px;
    margin-top: -1%;
    position: relative;
    left: 120px;
    border-radius: 23px;
    border: 2px solid #d8d8d8;
}*/
#img_watch
{
    margin-top: 10px;
    cursor: pointer;
}
#watch_circle
{
    position: relative;
    top: 5px;  
}
#lbl_attach
{
    margin-left: 270px;
    text-align: center;
}
#img_cart
{
    position: relative;
    cursor: pointer;
    top: 10px; 
}
#cart_circle
{
    position: relative;
    top: 11px;
}
.owl-one .owl-nav
{
    position: relative;
    top: -131px;
}
.owl-carousel .owl-dots
{
    display:none;
}
#mdl_tw
{
    height: 34px;
    position: relative;
    left: -1px;
    top: -25px;
    border-radius: 9px;
}
#mdl_fb
{
    width: 35px;
    height: 34px;
    position: relative;
    top: -25px;
    left: 16px;
    cursor:pointer;
}
#autoSuggestionsList > li {
    background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #E3E3E3;
    list-style: none outside none;
    padding: 3px 15px 3px 15px;
    text-align: left;
    width:340px;
}

#autoSuggestionsList > li a { color: #FFFFF; }
#txtcategory
{
    height: 35px;
    color: #7d7d7d;
    width: 30%

}
#txtcategory:active, #txtcategory:focus {
    /*    border: 1px;*/
}
#srchfor:active, #srchfor:focus {
    /*    border: none; */
}
#err_msg_div
{
    margin-top: 139px;
    position: relative;
    left: 23px;
}
.usricon1tr
{
    color: #FF8333;
    margin-top: 41%;
    font-size: x-large;
    position: relative;
    left: 115px;
}
.mostv_prddiv{
    display:inline-block;
    background-color: white;
    width:223px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#btn_update_pass_modal
{
    background-color: #f5821f;
    width: 123px;
    border-radius: 6px;
    color: white;
    position: relative;
    top: -21px;
}
#err_trader_postadd{
    display: inline-block;
    position: relative;
    top: 61px;
    left: -272px;
}
.imgerrdiv
{
    width: 18%;

}
#video_prev
{
    width: 110px;
    height: 56px;
    margin-top: 2%;
    margin-left: 1%;
}
#audio_prev{
    width: 110px;
    height: 56px;
    margin-top: 2%;
    margin-left: 4%;
}
#caraudio_prev
{
    width: 110px;
    height: 56px;
    margin-top: 2%;
    margin-left: 4%; 
}
#carsidebar
{
    display: none;
    width: 196px;
    height: 154px;
    position: relative;
    left: 13px;
    top: 16px;
}
.most_prd
{
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 12px;
    padding-left: 11%;
    padding-top: 1%; 
}
.most_prd_price{
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight:bold;

    line-height: 12px;
    padding-left: 11%;
    padding-top: 1%; 
    margin-top:-20px;
}
.most_prd_vals
{
    color: black;
    font-family: 'Lato', sans-serif;
    font-size:12px;
    font-weight:bold;
    position: relative;
    left: 80px;
    top: -27px;

}
.avr{
    width: 30px;
    height: 30px;
    margin-top: 8px;
    border-radius: 15px;
    border: 1px solid #d8d8d8;
    z-index: 90;
}
.dropdown11 {
    display: inline-block;
}
.res-search{
    height:80px!important;
}
.search-heading{
    margin-left: 20px;
}
.dropdown-content {
    display: none;
    position: absolute;
    left:35px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 100;
    border-radius: 6px;
}
.profilevw:hover .dropdown-content {
    display: block;
}
.avr:hover .dropdown-content {
    display: block;
}
#crtdrop {
    position: relative;
    display: none;
    /*border: 1px solid red;*/

}

.d-inline-flex {
    display:inline-flex !important;
}
#crtsdrop {
    display: none;
    position: relative;
    left:137px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}
.txt_errors{
    color:red;
    display:none;
    font-family: 'Lato', sans-serif;
}
#err_txtplace{
    display:none;
}
#category_txt
{
    height: 35px;
    color: #7d7d7d;

}
#srchfor
{
    height: 35px; 
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color:#7d7d7d;
    width: 70%;
    border-right: none;

}
/*#sidebar {
    display: none;
}*/
.sidecrtdiv{
    display: none;
}
/*.cart:hover #sidebar {
    display:block;
}*/
.trader_details_div:hover #cart_details_div {
    display:block;
}
#newp_video_Carousel
{
    width: 46%;

    height: 300px;
}
#newp_main_video_Carousel
{
    width: 190%;
    height: 300px;
}
#newp_video_right_carousel
{
    border-radius: 9px;
    right: -126px;
}
.cat_anc
{
  padding-top: 18px !important;  
}
#tr_hm_div
{
    position: relative;
    top: -15px;
}
.loganc{
    position: relative;
    left:113px;
}
#hidcatdiv
{
    margin-top: 4px;
    display: none;
    padding-top: 0px;
    padding-bottom: 0px;
}
.acat_anch
{
    color:white;
}
.acat_hr
{
    background-color:white;
}
.postcol{
    padding-bottom: 20px;
}
#mobtemplate_coldiv{
    margin-left: 185px;
}
#edit_template_coldiv{
        margin-left: 185px;
}    
/* dashboard page*/

#ad_sidebar
{

    width: 22%;
    height: 800px;
    margin-left: -8%;
    background-color: #A9A9A9;
}
#ad_btnadpost
{
    background-color: #fb900b;
    width: 80%;
    height: 37px;
    color: white;
    margin-left: 5%;
    margin-top: 18%;
    border: none;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 400;
}
.nav-item
{
    display:inline;

}
#collapseComponents li
{
    display:inline;
}
.ad_anc
{
    color:white;
}
.ad_anc:hover
{
    color:yellow;
}
.ad_anc:active
{
    color:yellow;
}
.anchact
{
    color:yellow;
}
#anch_sidebar
{
    margin-top: 32px;
    margin-left: 11px;
}
.ad_datetime
{
    color: grey;
    display:inline-block;
    font-size: 13px;
    top:22px;
}
#datep
{
    position: relative;
    left: -84%;
}
#timep
{
    position: relative;
    left: -20%;
}
#currdatep
{
    position: relative;
    left: -113px;
}
#currtimep
{
    position: relative;
    left: -2%;
    top: -13px; 
}
#dashboard_maindiv
{
    position: relative;
    top: -679px;
    left: 162px;
}
#dashboard_subdiv1
{
    background-color: #f2f2f2;
    width: 67%;
    height: 477px;
    margin-left: 1%;
}
#dashboard_subdiv2
{
    background-color: #f2f2f2;
    width: 23%;
    margin-left: 2%;
    height: 478px;
}
#db_traderhead
{
    margin-left: -5%;
    position: relative;
    top: 12px;
    height: 36px;
    padding-top: 2%;
    text-align: center;
    color: orange;
    font-size: larger;
    border-radius: 9px;
}
.btn_admins
{
    height: 69px;
    margin-top: 9%;
    padding-top: 14px;
    color: white;
    font-weight: 600;
}
.dbnts
{
    float: right;
    font-size: 27px;
    margin-top: -5%;
    margin-right: 2%;
}
#ad_catdrop
{
    background-color: #A9A9A9;
    color: white;
    width: 217px; 
}
#ad_btntotpost
{
    background-color: #08E700;
    width: 180px;

}
#ad_btnsold
{
    background-color: #ed1d24;
    margin-left: -28%;
    width: 180px;
}
#ad_btnwish
{
    background-color: grey;
    margin-left: -55%;
    width: 180px;
}
#ad_btnbooked
{
    background-color: #f38b1f;
    width: 180px;
    margin-left: -77%;
}
#ad_btncart
{
    background-color: darkorange;
    width: 180px;
    position: relative;
    top: -94px;
    margin-left: 877px;
}
#db_title
{
    color: orange;
    text-align: center;
    margin-top: 2%;
}
#dashboard_btndiv
{
    margin-top: -4%;
    position: relative;
    top: -700px;
    left: 153px;


}
.admin_mwatch_div
{
    margin-top: -4%;
    position: relative;
    top: -700px;
    left: 153px;
}
.watch_coldiv
{
    margin-bottom:16px;
    margin-right: -7px;

}
#adsptop
{
    color:#fb900b;
    float: left;
    position: relative;
    left: 10px;
}
.leftfloat{
    float: left;
}
#adm_anvietr
{
    color:#fb900b;
    float:right;
}
.dbtop_trimg
{
    width: 20%;
    margin-top: 3%;
    height: 45px;
}
.db_top_trname
{
    margin-left: 22%;
    margin-top: -19%;
    font-size: 14px;
    color: black;
    font-weight: 600;
    margin-bottom: -8%;
}
.db_place
{
    margin-left: 23%;
    margin-top: 4%;
    font-size: 13px;
    color: black;
}
.db_cnt
{
    margin-left: 89%;
    margin-top: -24%;
    color: black;
    font-weight: 500;
    font-size: 14px;
}
.db_txt
{
    margin-left: 87%;
    margin-top: -6%;
    font-size: 12px;
    color: black;
}
.dbtr_homhr
{
    position: relative;
    top: -11px;
    left: 25px;
    width: 169px;
}
.db_traderhead
{
    margin-left: -5%;
    height: 36px;
    padding-top: 2%;
    text-align: center;
    color: orange;
    font-size: larger;
    border-radius: 9px;
}
.advwicon
{
    position: relative;
    left: 38px;
    color: orange;
}
.db_toptraders
{
    position: relative;
    top: 24px;
    margin-bottom: -8px;

}
.dbnts
{
    float:right;
}
/* dashboard page*/
/*number plate post*/

#em_row
{

    height: 220px; 

}
#template_coldiv
{
    /*border: 1px solid red;
    margin-left: 161px;
    margin-top: 69px;*/
}
#template_img
{
}
.temp-hide
{
    /*donot use*/
}
.dropZoneContainer{
    height:85px;
    width:85px;
    border:1px solid #d4d4d4;
    background-color: #f7f7f7;
    border-radius: 6px;
}

#imgfooter1{
    margin-top: -15%;
    margin-left: 60%;
    margin-bottom: 0px;
}
#imgfooter2{
    position: relative;
    top: -85px;

    margin-left: 50px;
    margin-bottom: 0px;
}
.alltr_pagdiv
{
    margin-left: 20%;

}
#btn_eng
{
    margin-top: 27px;
    width: 83px;
    height: 50px;
    background-color: white;
    border-style: double;
    font-weight: 700;
    color: black;
}
#btn_ar
{
    margin-left: 66px;
    width: 83px;
    background-color: white;
    border-style: double;
    height: 50px;
    opacity:0.4;
}
#cost_row
{
    margin-top: 18px;
}
/*number plate post*/
/*admin home page*/
.hcol3d
{
    width:23%; 
    margin-bottom: 20px;
}
.pview_cnt
{
    position: absolute;
    left: 208px;
    top: 55%;
    color: white;
}
.spnvcnt
{
    position: relative;
    top: -8px;
    left: 17px;   
}
.admin_home_div
{
    margin-top: -4%;
    position: relative;
    top: -627px;
    left: 170px;
    margin-bottom: 5%;
}
#admin_status_divs
{
    margin-left: 39%;
    margin-bottom: 1%;
    position: relative;
    top: 16px;
}
#admin_allpostbtn
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius:6px;
    border-bottom-left-radius: 6px;
    background-color: #78a22f;
    color: white;
}
#admin_bookbtn
{
    border-top-left-radius: 0px;
    margin-left: -1%;
    color:orange;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#admin_soldbtn
{
    margin-left: -1%;
    border-radius: 0px;
    color:#F80000;
}
.admin_book_btn
{
    position: absolute;
    left: 147px;
    top: 5px;
    border-radius: 6px;
    border-style: none;
    background-color: orange;
    color: white;
    font-size: 15px;
    font-weight: 600;
}
.btn_sold_rmbtn
{
    background-color: orange;
    position: relative;
    top: -1px;
    left: -9px;
    border-radius: 6px;
    border: none;
    color: white;
}
#admincategory_det_title_div
{
    margin-left: 3%;
    margin-top: 0%;
    padding-top: 1%;
    padding-right: 125px;
}
#admincat_det_amt
{
    font-size: 21px;
    font-weight: bold;
    font-family: 'Lato',sans-serif;
    color: #000000;
    float: right;
    position: relative;
    left: 190px;
    display: inline;
}
.ad_alsh_det_div
{
    position: relative;
    left: 125px;
}
#adbtn_own_avail
{
    background-color: #78a22f;
    border-style: none;
    color: white;
    width: 80px;
    height: 31px;
    margin-left: -42px;
    border-radius: 4px;
}
.admin_soldpost_date
{
    position: relative;
    left: 3px;
    top: -13px;
}
#adbtn_own_sold
{
    background-color: white;
    border: 1px solid #ed1d24;
    width: 80px;
    height: 31px;
    position: relative;
    left: 140px;
    top: -32px;
    /* margin-right: -54px; */
    border-radius: 4px;
}
#admin_cartbtn
{
    margin-left: -1%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color:#F80000;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
#adpostcnt
{
    position: relative;
    left:12px;
}
#admincat_btns
{
    position: relative;
    top: 50px;
}
#adbtn_own_book
{
    background-color: white;
    border: 1px solid #f5821f;
    width: 80px;
    height: 31px;
    margin-left: 10px;
    border-radius: 4px;
}
#img_edit
{
    position: relative;
    left: -27px;
    top: -4px;
    height: 31px;
}
#img_del_list
{
    position: relative;
    left: -37px;
    top: -2px;
    height: 30px;
}
#adbookcnt
{
    position: relative;
    left:12px;
}
#adsoldcnt
{
    position: relative;
    left:12px;
}
#admin_booked_div,#admin_sold_div,#admin_cart_div
{
    display:none;
}
#adcartcnt
{
    position: relative;
    left:12px;
}
.adstatus_btns
{
    width: 20%;
    height: 40px;
    background-color: white;
    border-right-style: solid;
    border-bottom-style: solid;
}
#db_hometitle
{
    color: orange;
    margin-top: 1%;
    margin-left: 59%;
    font-size: 20px;
}

.ad_prd_div
{

    background-color: #f2f2f2;
    width: 219px;
    height: 96px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;

}
.ad_hm_img
{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 218px;
    height: 140px;
}
.admin_post_date
{
    position: relative;
    left: 3px;
    top: -4px;
}
.admin_view_cnt
{
    position: relative;
    left: 61px;
    top: -16px;
    color: black;
    font-weight: 500;
}
#adhome_pagindiv
{
    position: relative;
    top: 800px; 
}
.adh_prdt
{
    padding-left: 5%;
    position: relative;
    top: 15%;
    left: 0%;
}
.adh_prd_det
{
    position: relative;
    top: 16%;
    color: black;
    font-size: 14px;

}

/*admin home page*/
/* admin add new post*/

/*#adaddpost_btndiv_1
{
    margin-top: -4%;
    position: relative;
    top: -700px;
    left: 153px;
    margin-bottom: 5%;
}
#adaddpost_btndiv_2
{
    margin-top: -4%;
    position: relative;
    top: -700px;
    left: 153px;
    margin-bottom: 5%;
}*/
/*register page*/
#call_for_price1
{
    color: black;
    margin-left: 10px;
    position: relative;
    top: 13px;
}
.call_for_pricel
{
    color: black;
    margin-left: 10px;
    position: relative;
    top: 13px;
}

#call_for_price2,#call_for_price3,#call_for_price4,#call_for_price5,#call_for_price6,#call_for_price7,#call_for_price8,#call_for_price9
{

    color:black;margin-left: 47px;position: relative;top: -32px;
}
#chkbox_callpr
{
    margin-left: -102px;

}

.chkbox_callpr1{
    width: 25px;
    float: left;
}
/*#btn_etisalat
{
    position: relative;
    border-right-style: solid;
    border-bottom-style: solid;
    top: 29px;
    left: -64px;
    background-color: white;
    width: 78px;
    position: relative;
    border: 3px solid #d8d8d8;
     border-right-style: solid; 
     border-bottom-style: solid; 
    top: 29px;
    left: -64px;
    background-color: white;
    width: 78px;
    cursor:pointer;
}*/
#btn_du
{
    position: relative;
    top: 29px;
    left: -58px;
    border-right-style: solid;
    border-bottom-style: solid;
    background-color: white;
    width: 78px;
}
/*#btn_other
{
    position: relative;
    top: 0px;
    left: 171px;
    border-right-style: solid;
    border-bottom-style: solid;
    background-color: white;
    width: 78px;
    position: relative;
    top: 26px;
    left: 45px;
    border: 1px solid slategrey;
     border-right-style: solid; 
     border-bottom-style: solid; 
    background-color: white;
    width: 78px;
    cursor:pointer;
}*/
#du_prefix_div
{

    /*position: relative;
    left: -303px;
    top: 31px;*/
}
#cat_det_vide
{
    position: relative;
    top: 25px;
}
.cat_veh_his
{
    margin-top: -176px;

}
.bike_veh_his
{
        position: relative;
    top: 65px;
}
.prof_carwdiv
{
    position: relative;
    left: 371px;
    top: -366px;
}
.catdetslider_left
{
    font-size: 48px;
    color: grey;
    position: relative;
    left: -19px;
    top: -90px;
}
.catdetslider_right{
    font-size: 48px;
    color: grey;
    background-color: transparent;
    border: none;
    position: relative;
    left: -75px;
    top: -90px;
}

.mprovider{
    position: relative;
    top: -25px;
    left: -12px;
}
.operbtnmobs
{
    position: relative;
    left: 30px;
}
#cntry_div
{
    display:none;
}
#du_pref_div{
    display:none; 
}

#mob_div
{
    position: relative;
    top: -74px;
    left: 295px;
}
#mob_price_div
{
    position: relative;
    top: 25px;
    left: -300px;
}
#mobile_price
{
    position: relative;
    top: 27px;
}
#mobile_add_price
{
    position: relative;
    left: 608px;
    top: -78px;
}
/*#img_du
{
    width: 35px;
    width: 35px;
    position: relative;
    top: 23px;
    left: -13px;
    cursor: pointer;
}*/
#property_col
{
    position: relative;
    left: -14px;
}
#prop_add_price
{
    position: relative;
    top: -15px;  
}

/*#chkbox_callpr1
{
       
 height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 2px solid orange;
    background: -webkit-linear-gradient(#FCFCFC, #DADADA);
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
     box-shadow:inset 1px 1px 0 #fff, 0 1px 1px orange;
}*/
/*#txthidbrand
{
   position: relative;
    top: -20px; 
}*/
#txtmob
{
    padding-left: 80px;
}
.btnmn{
    padding: 6px 16px !important;
}
#drop_emir1
{
    border: solid 1px #f7f7f7;
    font-size: x-large;
    float: right;
    margin-top: 25px;
    background-color: #f7f7f7;
    width:200px;
    height: 120px;
    border-radius: 6px;
}
/*register page*/
.adaddpostdiv
{
    margin-top: -4%;
    position: relative;
    top: -700px;
    left: 159px;
    margin-bottom: 6%;
}
.tradermdl
{
    text-align: center;
}

.admin_cat_veh_his
{
    position: relative;
    top: -689px;
    left: 231px;
}
.adviewpostdiv
{
    margin-top: -4%;
    position: relative;
    top: -700px;
    left: 199px;
    margin-bottom: 6%;
}
.ad_post_img
{
    height: 115px;
    width: 70%;
    border-radius: 9px;
    position: relative;
    right: 2px;
}
.ad_prdt
{
    background-color: #f2f2f2;
    width: 26%;
    height: 134px;
    margin-left: -96px;
    padding-top: 38px;
}
.ad_name
{
    background-color: #f2f2f2;
    width: 26%;
    height: 134px;
    padding-top: 37px;
    padding-left: 112px;
    margin-left: 0px;
}
.ad_btns
{
    background-color: #f2f2f2;
    width: 185%;
    height: 115px;
    margin-left: 172px;
    margin-top: -85px;
    padding-top: 49px;
    padding-left: 74px;
}
#db_post_title
{
    color: orange;
    position: relative;
    left: 44%;

    margin-top: 2%;
}



.rj_div
{
    display:none;
    width: 1046px;
    background-color: #f2f2f2;
    /*margin-top: -1px;*/
    position: relative;
    left: -828px;
    top: 30px;
    height: 31px;

    padding-left: 200px;
}
#rj_div_2
{
    display:none;
    width: 1046px;
    background-color: #f2f2f2;
    /*margin-top: -1px;*/
    position: relative;
    left: -828px;
    top: 30px;
    height: 31px;

    padding-left: 200px;
}
.reject_txt
{
    width: 80%;
    height: 32px;
    border-style: solid;
    position: relative;
    top: -8px;
    border-radius: 5px;
    border-color: #d3d3d3;
    border-width: thin;

}
.reject_btn
{
    border-radius: 5px;
    width: 115px;
    background-color: orange;
    color: white;
    height: 30px;
    position: relative;
    top: -11px;
}
.ad_post_user_prof
{
    width: 31%;
    height: 60px;
    margin-top: -5%;
    margin-left: -65%;
    border-radius: 31px;
    border: 1px solid #d8d8d8;
}
.ad_post_uname
{
    margin-top: -62px;
    margin-left: -48px;
    color: orange;
    font-weight: 500;
}
.ad_post_uplace
{
    margin-left: -45px;
    font-size: 13px;
    margin-top: -10%;
    font-weight: 600;
}
.ad_post_pdate
{
    font-size: 13px;
    position: relative;
    top: -14px;
    left: -45px;
    font-weight: 500;
}
.adpostimgg
{
    background-color: #f0f0f0;
    height: 134px;
    padding-top: 9px;
    padding-left: 9px;  
}
.ad_newpost_viewbtn
{
    background-color: #f5821f;
    border-radius: 9px;
    width: 126px;
    border: none;
    height: 37px;
    color: white;
    position:relative;
    top:12px;

}
.ad_prdt_price_details
{
    font-weight: 600;
    color: black;
}

.ad_price_span
{
    font-weight: 600;
    color: black;
    margin-left: 17px;
}
.hori_divpost1
{
    background-color: #d3d3d3;
    width: 1px;
    height: 54px;
    margin-left: 256px;
    margin-top: -49px;
}
.hori_divpost2
{
    background-color: #d3d3d3;
    width: 1px;
    height: 54px;
    margin-left: 159px;
    margin-top: -65px;
}
.ad_post_reject
{
    background-color: #ec2121;
    margin-left: -4px;
    width: 80px;
    height: 36px;
    border-radius: 7px;
    color: white; 
}
.ad_post_approve
{
    background-color: #08E700;
    margin-left: 12px;
    width: 80px;
    height: 36px;
    border-radius: 7px;
    color: white; 
}
/* admin add new post */
/*new post details*/
.adpostdetdiv
{
    margin-top: -4%;
    position: relative;
    top: -700px;
    left: 341px;
    /* margin-bottom: 5%; */
    margin-bottom: 9%;
}
.new_post_user_prof
{
    width: 14%;
    height: 52px;

    border-radius: 31px;
    border: 2px solid #d8d8d8;
}
.new_post_uname{
    position: relative;
    top: -45px;
    left: 71px;
    color: orange;
    font-weight: 500;
}
.new_post_uplace
{
    margin-left: 72px;
    font-size: 13px;
    margin-top: -15%;
    font-weight: 600;
}
.new_post_postdate{
    font-size: 14px;
    position: relative;
    top: 15px;
    left: 157px;

    font-weight: 500;
}
.ad_newpost_img
{
    height: 77px;
    width: 71px;
    border-radius: 9px;
    position: relative;
    right: 2px;
}
#newpost_det
{
    width:788px;
}
#new_post_img1
{
    width: 120px;
    height: 100px; 
}
#new_post_img2
{
    position: relative;
    left: 50px;
    width: 120px;
    height: 100px;
}
#new_post_img3
{
    position: relative;
    left: 94px;
    width: 120px;
    height: 100px;
}
#new_post_img4
{
    position: relative;
    left: 78px;
    width: 120px;
    height: 100px;
}
#new_post_img5
{
    position: relative;
    left: 123px;
    width: 120px;
    height: 100px;
}
#new_post_hr
{
    width: 745px;
    position: relative;
    left: -196px;
}
#btn_newpost_appr
{
    background-color: #78a22f;
    border: none;
    color: white;
    width: 300px;
    height: 40px;
    border-radius: 9px;
    position: relative;
    left: 86px;
}
#btn_newpost_rej
{
    background-color: #F80000;
    border: none;
    color: white;
    width: 300px;
    height: 40px;
    border-radius: 9px;
    position: relative;
    left: 60px;
}
#newpost_adddet
{
    width: 788px;

}
#btn_newpost_send
{
    background-color: #fb900b;
    border: none;
    height: 45px;
    width: 210px;
    border-radius: 9px;
    color: white;
    position: relative;
    left: 576px;
}
/*new post details*/
/* admin new regs*/
div.new_user_div:nth-of-type(even) {
    background: white;
}
.new_user_div
{
    background-color: #f2f2f2;
    width: 90%;
    height: 90px;
    margin-left: -191px;
    margin-top: 1%;
    margin-bottom: 24px;
}
#newreg_det_div
{
    width: 100%;
    height: 370px;
    /*border: 1px solid red;*/

}
.regmodinp
{
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom: 1px solid black;
}
#reg_abt
{
    resize:none;
}
#newreg_hordiv
{
    width: 3px;
    height: 224px;
    background-color: #f0f0f0;
    position: relative;
    top: -212px;
    left: 195px; 
}
.newregmodal
{
    width:800px;
}

#adeditprof_btndiv
{
    margin-top: -4%;
    position: relative;
    top: -700px;
    left: 330px;
    margin-bottom: 5%;
}
#newreg_web
{
    width: 27px;
    height: 30px;
    position: relative;
    top: 185px;
    left: -180px; 
}
#newreg_twi
{
    width: 27px;
    height: 30px;
    position: relative;
    left: -173px;
    top: 185px;

}
#newreg_fb
{
    width: 27px;
    height: 30px;
    position: relative;
    left: -164px;
    top: 185px;

}
#newreg_ins
{
    width: 27px;
    height: 30px;
    position: relative;
    left: -156px;
    top: 185px;

}
#newreg_snap
{
    width: 27px;
    height: 34px;
    position: relative;
    left: -146px;
    top: 185px;

}
#admin_edit_sec2
{
    position: relative;
    top: 109px;
}
#admin_edit_sec3
{
    position: relative;
    top: 70px;  
}
#admin_empassportdiv
{
    margin-left: 7%;

}
#admin_prof_previmg
{
    height: 100px;
    position: relative;
    top: -111px;
    left: -25px;
    color: black;
    border-radius: 50px;
    border: 2px solid #d8d8d8;
    width: 100px;
    cursor: pointer; 
}
#tr_emattach_div
{
    width: 472px;
    height: 263px;
    border: 1px solid green;
    position: relative;
    left: 284px;
    top: -70px;
    background-color: white;
    padding-left:10px;

}
#adminem_attrow
{
    margin-left: 84px;

}
#adminlbl_attach
{
    margin-left: 207px;

}
#admintxtregabout
{
    width: 761px;
    resize: none;  
}
#newreg_attach1
{
    width: 109px;
    height: 89px; 
}
#newreg_attach2
{
    width: 109px;
    height: 89px;
    position: relative;
    top: -11px;
}
#newreg_btns
{

    position: relative;
    top: -31px;
    left: 230px;
    width: 439px;

}
#newreg_attach{
    width: 251px;
    height: 224px;
    position: relative;
    left: 201px;
    top: -427px;
    padding-left: 83px; 
}
#btn_newregedit
{
    width: 141px;
    background-color: #f5821f;
    border: none;
    color: white;
    height: 32px;
    border-radius: 6px;
}
#btn_newregappr
{
    width: 141px;
    background-color: #4ace4a;
    border: none;
    color: white;
    height: 32px;
    border-radius: 6px;
}
#btn_newregrej
{
    background-color: #F80000;
    width: 141px;
    border: none;
    color: white;
    height: 32px;
    border-radius: 6px;
}
#adnewreg_modal_img
{
    width: 12%;
    height: 80px;
    position: relative;
    top: 36px;
    left: 57px;
}
#newreg_trname
{
    color: #f5821f;
    position: relative;
    top: 107px;
    left: -41px;
    font-weight: 600;
}
#db_newregstitle
{
    color: orange;
    margin-top: 1%;
    margin-left: 55%;
    font-size: 20px;
}
#exTab1
{
    margin-left:24%;
}

#adbtnmn
{
    width: 15%;
    height: 35px;
    position: relative;
    left: -110px;

}
#adbtnyr
{
    width: 15%;
    height: 35px;
    position: relative;
    left: -106px;
    margin-bottom: 8px; 
    background-color: orange;
    color:white;
}
#adbtnyrlm
{
    width: 15%;
    height: 35px;
    position: relative;
    left: -115px;

}
#adbtnind
{
    width: 15%;
    height: 35px;
    position: relative;
    left: -118px;

}


.adnewreg_post_img
{
    width: 20%;
    height: 47px;
    margin-top: 30px;
    margin-left: 21px;
    border-radius: 31px;
    border: 2px solid #d8d8d8;
}
.ad_newregs_viewbtn
{
    background-color: #f5821f;
    border-radius: 9px;
    width: 126px;
    border: none;
    height: 37px;
    color: white;
    position: relative;
    top: -10px;
    left: -52px; 
}
.reg_uname
{
    position: relative;
    top: 10px;
    left: 8px; 
}
.val_uname
{
    position: relative;
    left: 78px;
    top: -24px;
    color: black;
    font-weight: 700; 
}
.reg_place
{
    position: relative;
    top: 31px; 
}
.val_place
{
    position: relative;
    top: 30px;
    color: black;
    font-weight: 700;
}
.adhrdiv1
{
    width: 2px;
    background-color: #d3d3d3;
    height: 42px;
    position: relative;
    left: 102%;
    top: -65px;
}
#ad_login_title
{
    color: orange;
    margin-top: 8%;
    margin-left: 59%;
    font-size: 20px;
}
.adlogmaindiv
{
    position: relative;
    left: 436px;
}
#ad_logout_anc
{
    position: relative;
    left: 194px;
    top: -29px;
}
.adhrdiv2
{
    width: 2px;
    background-color: #d3d3d3;
    height: 42px;
    position: relative;
    left: 65%;
    top: -6px;
}
.adhrdiv3
{
    width: 2px;
    background-color: #d3d3d3;
    height: 42px;
    position: relative;
    left: 102%;
    top: -6px; 
}
.reg_email
{
    position: relative;
    top: 34px;
    left: -77px;
}
.reg_mob
{
    position: relative;
    top: 37px;
    left: -7px;
}
.val_email
{
    position: relative;
    top: 32px;
    left: -79px;
    color: black;
    font-weight: 700;
}
.val_mob
{
    position: relative;
    top: 36px;
    left: -7px;
    color: black;
    font-weight: 700;
}
#adnewreg_modal_img1
{
    /*width: 12%;
    height: 80px;
    position: relative;
    top: 36px;
    left: 57px;*/
    width: 104%;
    height: 80px;
    position: relative;
    left: -8px;
    top: -6px;

    padding-left: -6px;

    margin-top: -53px;
    cursor: pointer;
}
#adnewreg_modal_img2
{
    /*width: 12%;
    height: 80px;
    position: relative;
    top: 36px;
    left: 57px;*/
    width: 104%;
    height: 80px;
    position: relative;
    left: -8px;
    top: -47px;

    padding-left: -6px;

    margin-top: -53px;
    cursor: pointer;
}
#adnewreg_prof_img
{
    width: 12%;
    height: 80px;
    position: relative;
    top: 36px;
    left: 57px; 
}
#admin_drop_emir1
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    position: absolute;
    top: 25px;
    left: 44px;
    padding-left: 5%;
    padding-top: 3%;
    background-color: #f7f7f7;

    width: 108px;
    height: 90px;
    border-radius: 9px; 
}

#admin_drop_emir2
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    position: relative;
    top: 94px;
    left: -38px;
    padding-left: 5%;
    padding-top: 3%;
    background-color: #f7f7f7;

    width: 108px;
    height: 90px;
    border-radius: 9px; 
}
.adhrdiv4
{
    position: relative;
    left: 159px;
}
.tick
{
    font-size: 36px;
    margin-left: -12px;
    color: #08E700;
}

.img__description {
    position: absolute;
    top: -25px;
    border-radius: 5px;
    /*bottom: 0;*/
    left: 30px;
    /*right: 0;*/
    font-size: 12px;
    background: rgba(240, 240, 240, 0.72);
    color: #f5821f;
    visibility: hidden;
    opacity: 0;
    padding: 5px 5px;

    /* transition effect. not necessary */
    transition: opacity .2s, visibility .2s;
}
.img__img{
    width:20px;
}
.signup{
    font-size: 13px;
    padding-right:70px;
}
.sign{
    font-size: 13px;
    /*    padding-right:10px;*/
}
.info{
    width:20px;
}

.img__wrap:hover .img__description {
    visibility: visible;
    opacity: 1;
}
.remove
{
    font-size:36px; 
    color: #ec2121;
}
.reginputs2
{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 100%;
}


/*admin new regs*/
/* yearly plan*/
#main_yrly_plan_div
{
    position: relative;
    top: -748px;
    left: 165px; 
}
#db_yrlytitle
{
    color: orange;
    margin-top: 1%;
    margin-left: 55%;
    font-size: 20px; 
}
.yrly_plan_div
{
    position: relative;
    top: -748px;
    left: 165px;

    margin-left: 14px;
    width: 1061px;
}
div.yrly_plan_div:nth-of-type(even) {
    background: #e0e0e0;
}
/*div.tab-pane:nth-of-type(even) {
    background: #e0e0e0;
}*/
#yrly_msg
{
    width: 93%;
    height: 106px;
    background-color: #f2f2f2;
}
#txtmsg
{
    width: 78%;
    height: 45px;
    margin-top: 36px;
    margin-left: 39px;
    border-radius: 6px;
    border-left-width: inherit;
    padding-left: 2%;

    border-top-width: inherit;
}

#yrly_btn
{
    width: 129px;
    height: 47px;
    position: relative;
    left: 13px;
    top: -2px;
    border-radius: 6px;
    border-right-style: solid;
    border-bottom-style: solid;
    background-color: orange;
    color:white;
}
#coldiv1
{

    width: 25%;
    height: 78px;
}

#coldiv2
{

    width: 53%; 
    height: 78px;
    padding-top: 1%;

}
#coldiv3
{

    width: 15%; 
    height: 78px;
    padding-top: 1%;
    padding-left: 5%;


}
.adyrhrdiv1
{
    width: 2px;
    background-color: #d3d3d3;
    height: 42px;
    position: relative;
    left: 102%;
    top: -65px;
}
.adyrhrdiv2
{
    width: 2px;
    background-color: #d3d3d3;
    height: 42px;
    position: relative;
    left: 115%;
    top: -94px;
}
.ad_yrl_uimg
{
    width: 20%;
    height: 47px;
    margin-top: 13px;
    margin-left: 21px;
    border-radius: 31px;
    border: 2px solid #d8d8d8;
}


.yrly_uname
{
    width: 20%;
    height: 47px;
    margin-top: 13px;
    margin-left: 21px;
}
.yrlyval_uname
{
    position: relative;
    left: 78px;
    top: -24px;
    color: black;
    font-weight: 700;
}
.days_left
{
    color: darkorange;
    position: relative;
    top: 11px;
}
.yrly_totamt
{
    margin-left: 51px;
    background-color: gold;
    border-radius: 9px;
    border-style: hidden;
    width: 28%;
    height: 49px;
}
.yrly_post
{
    margin-left: 16px;
    background-color: gold;
    border-radius: 9px;
    border-style: hidden;
    width: 22%;
    height: 49px; 
}
.yrly_sold
{
    margin-left: 0px;
    background-color: gold;
    position: relative;
    left: 448px;
    top: -49px;
    border-radius: 9px;
    width: 22%;
    height: 49px;
    border-style: hidden;
}
.spn_tots
{
    font-size: 16px;
    font-weight: 900;
    color:black;
}
.btn_freeze
{
    background-color: red;
    border-radius: 9px;
    width: 109%;
    height: 37px;
    border-style: hidden;
    margin-left: 44px;
    color: white;
    margin-top: 7%;
}
#before_freeze
{
    background-color: #26cc52;
}
#after_freeze
{

    background-color: red;
}
/* yearly plan*/
/*yearly plan profile*/
#yrly_plan_prof
{
    color: orange;
    margin-top: 1%;
    margin-left: 55%;
    font-size: 20px;  
}
#yrly_prof_div
{
    background-color: #f2f2f2;
    width: 90%;
    height: 422px;
    position: relative;
    top: -753px;
    left: 183px;
    border-radius: 9px;
}
#prof_col1
{

    height: 259px;
    width: 24%;

}
#prof_col2
{

    margin-top: 3%;
    width: 54%;
    height: 292px;
    background-color: #FBFAF9;
    border-radius: 4px;
}
#prof_col3
{
    position: relative;
    top: -328px;
    margin-top: 2%;
    width: 21%;
    height: 259px;
    padding-top: 19px;
    padding-left: 4%;
    margin-left: 79%;
}
#yrplanhr
{
    width: 86%;
    color: red;
    position: relative;
    top: 330px;
    left: 4%;
}
#yrlprof_txt
{
    position: relative;
    top: 328px;
    left: 55px;
    width: 51%;
    height: 40px;
    border-radius: 9px;
    border-style: inherit;
}
#yrlprof_btn
{
    position: relative;
    top: 328px;
    left: 62px;
    height: 34px;
    background-color: orange;
    color: white;
    border-radius: 7px;
    border-style: unset;
}
#yrly_profimg
{
    width: 34%;
    position: relative;
    left: -53px;
    height: 74px;
    margin-top: -10%;
    margin-left: 64px;
}
#yrly_profname
{
    position: relative;
    top: 109px;
    left: 52px;
    color: darkorange;
    font-weight: 700;
}
#yrly_profdays
{
    position: relative;
    top: 111px;
    left: 61px;
    font-size: 12px;
    color: black;
    font-weight: 500; 
}
#web
{
    width: 147%;
    height: 36px;
    position: relative;
    top: 119px;
    left: -21px;
}
#fb
{
    width: 198%;
    position: relative;
    top: 64px;
    height: 46px;
    left: 34px;
}
#insta
{
    width: 115%;
    height: 31px;
    position: relative;
    top: 73px;
    left: 47px;
}
#snap
{
    width: 148%;
    position: relative;
    top: 70px;
    left: 51px;
}
#btns_row_div
{
    margin-top: 123px;
    margin-left: 3px; 
}
#btn_yrly_edit
{
    background-color: orange;
    color: white;
    margin-left: -6px;
    width: 43%;
    height: 35px;
    border-style: none;
    border-radius: 9px;  
}
#btn_yrly_freeze
{
    background-color: red;
    margin-left: 4%;
    color: white;
    width: 46%;
    height: 35px;
    border-style: none;
    border-radius: 9px;
}
#yr_place_div
{
    padding-top: 12%;

}
#yr_email_div
{
    position: relative;
    top: -7%;
}
#yr_mobile_div
{
    position: relative;
    top: -33px;
}
#place_hr
{
    margin-top: 6px;
    margin-right: 59%;
}
#email_hr
{
    margin-top: 7px;
    margin-right: 59%;
}
.prof_det_con
{
    color: black;
    font-weight: 500;
}
#yrly_verdiv
{
    width: 1px;
    height: 219px;
    position: relative;
    top: -211px;
    left: 229px;
    background-color: lightgrey;
}
#attach_title
{
    margin-left: 39px;
    position: relative;
    top: -17px;
    color: dimgrey;
    font-weight: 400;
}
.prof_contact
{
    color: dimgrey;
    font-weight: 400;
}
#attach_div
{
    position: relative;
    top: -419px;
    left: 266px;
}
.attach_img
{
    width: 23%;
    margin-top: 1%;
    margin-bottom: 6px;
    margin-left: 5%;

}
#prof_totbtn
{
    width: 141px;
    height: 55px;
    background-color: gold;
    color: #878c94;
    margin-top: -4%;
    border-radius: 9px;
}
#prof_postbtn
{
    width: 141px;
    height: 55px;
    background-color: gold;
    color: #878c94;
    margin-top: 3%; 
    border-radius: 9px;
}
#prof_soldbtn
{
    width: 141px;
    height: 55px;
    background-color: gold;
    color: #878c94;
    margin-top: 3%;
    border-radius: 9px;
}
#yrlnot_btn
{
    color: red;
    width: 141px;
    height: 45px;
    position: relative;
    top: 328px;
    left: 168px;
    border-radius:9px;
    border-left: solid red 2px;
    border-right: solid red 2px;
    border-bottom: solid red 2px;
    border-top: solid red 2px;
    background-color: #f2f2f2; 


}
#prof_wishbtn
{
    width: 141px;
    height: 55px;
    background-color: #26cc52;
    color: white;
    margin-top: 3%;
    border-radius: 9px;


}
#prof_cartbtn
{
    width: 141px;
    height: 55px;
    background-color: red;
    color: white;
    margin-top: 3%;
    border-radius: 9px;

}
.val_amts
{
    color:black;
    font-weight: bold;
}
.bold{
    font-weight: bold !important;
}
#tbl_div
{
    position: relative;
    top: -700px;
    left: 193px;
    margin-right: 10%;

}
#tbltrth
{
    background-color: lightgray;

}
#appr_btn
{
    background-color: #26B84C;
    border-style: none;
    height: 28px;
    width: 20%;
    color:white;
}
#pend_btn
{
    background-color: #f2f2f2;
    color:orange;
    border-style: none;
    height: 28px;
    width: 20%;
    margin-left: -3px;
}
#rej_btn
{
    background-color: #f2f2f2;
    color:red;
    border-style: none;
    height: 28px;
    width: 20%;
    margin-left: -3px;
}
#pendtbl
{
    display:none;
}
#rejtbl
{
    display:none;
}
#yrly_srch_btns
{
    padding-left:195px;
}
#hid_notif_div
{
    display:none;
    background-color: #f2f2f2;
    height: 300px;
    position: relative;
    width: 1052px;
    top: -753px;
    left: 168px;
}
.notif_divs
{

    border: 1px solid whitesmoke;
    width: 95%;
    height: 74px;
    background-color: white;
    position: relative;
    /*top: -61px;*/
    top: -2px;
    margin-left: 2%;
    padding-top: 1%;
    margin-bottom: 8px;
}
.notif_date
{
    margin-left: 2%;
    position: relative;
    top: 12px;

}
.notif_con
{

    word-wrap: break-word;
}
.notif_col2div
{
    width: 79%;
    height: 47px;
    border: 1px solid red;
}
/*yearly plan profile*/
/* admin watch list */
#db_watchtitle
{
    color: orange;
    margin-top: 1%;
    margin-left: 59%;
    font-size: 20px; 
}
.wcol3d
{
    width:17%;
    margin-right: 87px;

}
.pwish_cnt
{
    position: absolute;
    left: 185px;
    top: 95px;
    color: white;
}
.spnwcnt
{
    position: relative;
    top: -8px;
    left: 17px;  
}
/* admin watch list */
.home_anc
{
    margin-left: -15px;
}
.srch
{
    color:#FFFFFF;
}

#navdiv
{
    background-color: #d8d8d8;
    padding-left: 3%;
}
#empassportdiv
{
    margin-left: -4%;
}

#em1_previmg
{
    width: 200px;
    height: 120px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    border-radius: 6px;

}
#em2_previmg
{
    width: 200px;
    height: 120px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    border-radius: 6px;
}
#prof_previmg
{
    width: 100px;
    height: 100px;
    z-index: 10;
    border-radius: 50px;
    border: 2px solid #d8d8d8;
    cursor: pointer;
}
#drop_emir2
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    margin-top: 25px;
    background-color: #f7f7f7;
    width: 200px;
    height: 120px;
    border-radius: 6px;
}
.atticon
{
    position: relative;
    top: -69px;
    left: 13px;
    color: orange;
}
#emhr
{
    margin-top: 20px;
}
#emlbdiv
{

    width: 450px;
}
/*reg pay div*/
.paydiv1{
    padding-left: 36%;
    padding-right: 4%; 
}

#btnpayother
{
    margin-top: 10%;
}
#paydetdiv
{
    width:47%;
    height: 147px;
    background-color:#f2f2f2;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.mainpaydiv1
{
    margin-top: 0%;
    margin-left: -3%;
}
#crdexpdate
{
    width: 456%;
    margin-left: -38%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
}
#crdno
{
    width: 209%;
    margin-left: 236%;
    border-top-left-radius: 0%;
    border-bottom-left-radius: 0%;
}
#pplantype
{
    margin-top: 4%;
}
#pplanamt1,#pplanamt2
{
    color:red;
}
#spamt
{
    font-weight: 500;
    color: #6b6b6b;
}
.mainpaydiv2
{
    margin-top:-3%;
}
#imgvisa
{
    width: 108%;
    height: 50px; 
}
#imgmaster
{
    width: 84%;
    height: 14%;
    margin-top: 14%;
}
#otherpaydivs
{
    background-color: #b9b8b8;

    width: 68%;
    height: 44px; 
    padding-top: 12%;
    padding-left: 11%;
    margin-top: 12%;
}
#otherapay{
    color:white;
}
/*reg pay div*/

/*profile div*/
.trimgpost_div
{
    top: 30px;
}
#postdel_div
{
    display:none;

}
#postrej_div
{
    display:none;


}
#postpend_div
{
    display:none; 


}

#btneditpost
{
    position: relative;
    top: -1px;
    left: 66px;
    background-color: #f5821f;
    color: white;
    /* bottom: 4px; */
    border-style: none;
}
#profile div
{
    background-color: #f2f2f2;
}
.profile
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    background-color: #f7f7f7;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
}

.cam
{
    position: relative;
    top: -49px;
    left: 20px;
    color: black;
}

#status_divs
{
    margin-left: 30%;
    margin-bottom: 1%;
    position: relative;
    top: 25px;
}
.tr_social
{
    margin-top: 10%; 
    margin-bottom: 10%; 
}
#notif_circle
{
    position: relative;
    left: -9px;
    top: -3px;
    color:orange;
}
.icon-background_notif
{
    /*background-color: #f5821f;*/

}
.status_btns
{
    border-radius:6px;
    width: 125px;
    height: 40px;
    background-color:white;
    color:red;
    border-right-style: solid;
    border-bottom-style: solid;
}
#appbtn
{
    /* border-top-right-radius:0px;
    border-bottom-right-radius:0px; */
    background-color: #78a22f;
    color:white;
}
#pendbtn
{
    /* border-top-left-radius:0px;
    margin-left: -1%;
    border-bottom-left-radius:0px; 
    border-top-right-radius:0px;
    border-bottom-right-radius:0px; */
}
#rejbtn
{
    /* margin-left: -1%;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;  */
}
#loguser_prof
{
    width: 41%;
    height: 104px;
    margin-top: -5%;
    margin-left: 25%; 
}
.mob_nplate_images{
	object-fit:fill !important;
}
.post_imgs
{
	object-fit: cover;
    width: 100%;
    height: 150px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-left: 5%;
    margin-left: 5%;
}
#sec_prof
{
    margin-left: 13%; 
}

#days_bal
{
    text-align:center;
    color:#000000;
    font-size:14px;
    font-family: 'Lato',sans-serif;
}
#post_bal
{
    text-align:center; 
    color:black;
}
.widget_myprof
{
    background-color: #f2f2f2;
    border-radius: 6px;
    width: 100%;
    padding-left: 4%;
    padding-right: 2%;
    padding-top: 4%;
    padding-bottom: 1%;
    margin-top: 63px;
}

#widget_otherprof
{
    background-color: #f2f2f2;
    border-radius: 9px;
    width: 109%;
    height: 450px;
    padding-left: 4%;
    padding-right: 2%;
    padding-top: 4%;
    padding-bottom: 1%;
    margin-left: -11%;
}
#widget_otheradsrch
{
    background-color: #f2f2f2;
    border-radius: 9px;
    width: 109%;
    height: 400px;
    padding-left: 4%;
    padding-right: 2%;
    padding-top: 4%;
    padding-bottom: 1%;
    margin-left: -11%;
}
#prof_imgp
{
    margin-left: 76%;
}
.fa fa-user-plus
{
    font-size:19px;
}
#prof_editanc
{
    font-size:12px;
    font-weight:500;
}
.user_prof
{
    width: 100px;
    height: 100px;
    border-radius: 50px;

}
#edit_img_icon
{
    float:left;

}

.tr_name
{
    color: #f5821f;
    margin-bottom: 0;
    margin-top: 5%;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Lato', sans-serif;

}
#payamtdiv
{
    width: 91%;
    margin-left: 4%;
    border-radius: 6px;
    padding-left: 2%;
    padding-top: 5%;
    padding-bottom: 2%;
    padding-right: 2%;
    background-color: #E0E0E0;
}
#traderp
{
    color: #FF4500;
    margin-left: 4%;
    font-weight: 700;
}
.spanamts
{
    color:#ed1d24;
    font-size:13px;
    font-family: 'Lato',sans-serif;
}
.trader_prof_amts
{
    font-family: 'Lato',sans-serif;
    font-size:13px;
    color:#000000;
    font-weight:bold;
    float: right;
}
.adsrchtitle
{
    color:#ed1d24;
    font-size:16px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
}


.mainsrchbtn{
    background-color: #f5821f !important;
    width: 100%;
    height: 40px;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 6px !important;
    margin-bottom: 25px;
    margin-top: 25px;
    border:none;
}
#sec_recviews
{
    width: 100%;
    position: relative;
    background-color: #232f3e;
    padding-top: 2%;
    padding-bottom: 2%;

}
#pencilicon
{
    margin-left: -6%;
}
#usericon
{
    font-size:21px;
}
#plus_square
{
    position: absolute;
    z-index: 1;
    left: 20%;
    top: 37px;
    font-size: 31px;
    color: white;
}
#myCarousel
{
    /*width:97%;*/
    padding-left: 125px;
    /* margin-right: -105px; */
    padding-right: -141%;
    margin-left: 14px;
    /* width: 97%; */
    width: 254%;
    position: relative;
    left: -460px;
}
#most_left_caro
{
    position: relative;
    left: 90px;
    border-radius: 50px;
    padding-top: 9px;

    top: 87px;

    width: 50px;
    height: 50px;
    background-color: saddlebrown;
    border: 1px solid white;
}
#most_right_caro
{
    border-radius: 50px;
    padding-top: 8px;
    position: relative;
    top: 87px;
    right: 33px;
    width: 50px;
    height: 50px;
    background-color: saddlebrown;
    border: 1px solid white;
}
.recent_slimgs
{
    /*width:20%;
    border-radius: 9px;*/
    width: 100%;
    height: 150px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#recent_title
{
    color:#ffffff;
    margin-bottom: 10px;
    font-size:16px;
    font-family: 'Lato',sans-serif;
    font-weight: bold;
    text-align: center;
}
#pagination
{
    margin-left: 25%;



}

#pagination_prof
{
    margin-left: 45%;

}
.next
{
    border: 1px solid orange;
    background-color: orange;
    color: white;
    border-radius: 6px;
}
.prev{
    border: 1px solid orange;
    background-color: orange;
    color: white;
    border-radius: 6px;
}
ul.tsc_pagination li a
{
    border:0px;
    background-color: none;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:6px 9px 6px 9px;
}
ul.tsc_pagination li
{
    padding-bottom:1px;
}
ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.current
{
    color:#FFFFFF;
    box-shadow:0px 1px #EDEDED;
    -moz-box-shadow:0px 1px #EDEDED;
    -webkit-box-shadow:0px 1px #EDEDED;
}
ul.tsc_pagination
{
    margin:4px 0;
    padding:0px;
    height:100%;
    overflow:hidden;
    font:12px 'Tahoma';
    list-style-type:none;
}
ul.tsc_pagination li
{

    float:left;
    margin:0px;
    padding:0px;
    margin-left:5px;
}

ul.tsc_pagination li a
{
    color:black;
    display:inline;
    text-decoration:none;
    padding:2px 10px 2px 10px;


}
ul.tsc_pagination li a img
{
    border:none;
}
ul.tsc_pagination li a
{
    font-size:17px;
    color:#000;
    /* border-color:#8DC5E6;*/
    /*background:#F8FCFF;*/
}
ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.current
{
    text-shadow:0px 1px #FFF;
    /* border-color:#3390CA;*/
    background:#f5821f;
    /*background:-moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7);
    background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7));*/
}
#pag_secdiv
{
    margin-left: 51%;
}
/*profile div*/
/*select plan div*/
#plantitle
{
    color: #FF8333;
    margin-top: -2%;
    margin-bottom: 3%;
    padding-left: 60px;
}
.btn-plans{
    background-color: #f5821f;
    width: 40%;
    height: 40px;
    color: white;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-weight: bold;
    border-style: none;
}

.plananc{
    position: relative;
    left: -118px !important;
    top:10px;

}

.p2{
    background-color: #f5651f !important; 
}
.p3{
    background-color: #f5421f !important; 
}
.p4{
    background-color: #ec1d23 !important;  
}


/*select plan div*/
/*payment options div*/
#btnpaythruals
{
    background-color: #FF8333;
    width: 107%;
    height: 40px;
    color: white;
    margin-left: 46%;
    margin-top: 14%;
    border-radius: 9px;
}
#btnbank
{
    background-color: #f37827;
    width: 107%;
    height: 40px;
    color: white;
    margin-left: 46%;
    margin-top: 5%;
    border-radius: 9px;
}

#btnonline
{
    background-color: #ef1d1d;
    width: 107%;
    height: 40px;
    color: white;
    margin-left: 46%;
    margin-top: 5%;
    border-radius: 9px;
}

#propcategory_hr
{
    margin-top: -2%;
    width: 51%;
    margin-left: 14%;
}
#iphonecategory_hr
{
    margin-top: -2%;
    width: 51%;
    margin-left: 14%; 
}
#boatcategory_hr
{
    margin-top: -2%;
    width: 51%;
    margin-left: 14%;
}
#mobcategory_hr
{
    margin-top: -2%;
    width: 45%;
    margin-left: 20%;
}
#watchcategory_hr
{
    margin-top: -2%;
    width: 57%;
    margin-left: 8%;
}
#nocategory_hr
{
    margin-top: -2%;
    margin-left: 14%;
}
#vertcategory_hr
{
    margin-top: -2%;
    width: 56%;
    margin-left: 8%;
}
/*payment options div*/
/*add post div*/
#adshared_btn{
    background-color: #ed1d24;
    width: 247px;
    height: 38px;
    height: 38;
    border-radius: 6px;
    margin-left: -30px;
    margin-top: -24%;
    color: white;
    font-size: 14px;
    padding-top: 0px;
    padding-left: 3%;
}
#addel_btn
{
    background-color: #5c5c5c;
    width: 247px;
    height: 38px;
    border-radius: 6px;
    margin-left: -30px;
    margin-top: -9px;
    color: white;
    font-size: 14px;
}
#adedit_btn
{
    background-color: #f5821f;
    width: 247px;
    height: 38px;
    border-radius: 6px;
    margin-left: -30px;
    margin-top: 5%;
    color: white;
    font-size: 14px;
}
#addpost_title
{
    color: #FF8333;
    margin-top: -2%;
    margin-bottom: 3%;
}
.addpost_lbl
{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: black;

}
#txtdetails
{
    width: 100%;
    height: 143px;
    resize: none;
}
#txtcardetails
{
    width: 200%;
    height: 143px;
}
#txtverdetails
{
    width: 200%;
    height: 143px;
}
#post_success_msgdiv
{
    background-color: #17da17;
    width: 500px;
    height: 25px;
    position: relative;
    top: -106px;
    display:none;
}
#noplatepost_success_msgdiv,#ver_success_msgdiv{
    background-color: #17da17;
    width: 500px;
    height: 25px;
    position: relative;
    top: -106px;
    display:none; 
}
#video_file
{
    width: 300%;
    margin-top: 8%;
}
#photo_file
{
    margin-left: -70%;
    margin-top: 2%;
}
#lblauvid
{
    margin-left: 0%;
    margin-top:2%;
}
#btn_addmore
{
    width: 100%;
    height: 91px;
    border: solid 1px #f7f7f7;
    background-color: #f7f7f7;
    border-radius:9px;
}
.rm_icon
{
    font-size: 28px;
    margin-top: 35%;
    float: right;
}
#txt_admorepost
{
    margin-top:4%;
}
.dropZoneOverlay, .FileUpload
{
    
}
#drop_cameramore
{

    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    color: black;
    position: absolute;
    top: 0px;
    padding-left: 13%;
    padding-top: 3%;
    background-color: #f7f7f7;
    width: 34%;
    height: 63px;
    border-radius:9px;
}

.dropZoneOverlay {
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    color: black;
    position: absolute;
    top: 0px;
    padding-left: 13%;
    padding-top: 3%;
    background-color: #f7f7f7;
    width: 34%;
    height: 63px;
    border-radius:9px;
}
#drop_video
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    color: black;
    background-color: #f7f7f7;
    width: 100%;
    height: 90px;
    border-radius:9px; 
}
.drop_video
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    color: black;
    background-color: #f7f7f7;
    width: 100%;
    height: 90px;
    border-radius:9px; 
}
#drop_camera
{
    border: solid 1px #f7f7f7;
    font-family: cursive;
    font-size: x-large;
    color: black;
    
    background-color: #f7f7f7;
    width: 100%;
    height: 90px;
    border-radius:9px; 
}
@media (min-width: 769px) {
.imgvideo
{
    margin-top: 25%;
    z-index:1;
}
}
@media (max-width: 768px) {
.imgvideo
{
    margin-top: 26%;
    z-index:1;
}
.toptraders_div {
    margin-left:0;
    margin-right:0;
}
}
#vdplus
{
    font-size:16px;
}
#spvideo
{
    position: absolute;
    top: 4px;
    left: -14%;
}

.addFileUpload{
    opacity: 0;
    width: 75%;
    height: 90px;
    cursor: pointer;
    position: absolute;
    z-index: 10;
}
#audi_prev_icon{
    margin-top: -68px;
    font-size: 40px;
    width: 99px;
    height: 93px;
    display:none;
}
.audi_prev_icon{
    margin-top: -74px;
    font-size: 40px;
    width: 95px;
    height: 95px;
    display: none;
    border-radius: 6px;
}
.editvidphdiv{
    margin-top:4%;
	width:113%;
}
.editthumb{
    margin-right:3%;
}
.vidphcol2{
    margin-right:25px;
}
#adplus
{
    font-size:16px;
}
#spaudio
{
    position: absolute;
    top: 0px;
    left: 40%;
}
.vdmoreplus
{
    margin-left: -66%;

}
.icon-background111
{
    color: white;
    margin-left: -64%;
    font-size: 30px;

}
.spaddvideo
{
    position: absolute;
    top: 4px;
    left: -13%;
}
.moreaudi_icon
{
    margin-left: 30%;
    margin-top: 14%;
    font-size: 40px;
    color: black;
}
.FileUpload {
    opacity: 0;
    width: 200px;
    height: 120px;
    position: absolute;
    z-index: 1;
}
.userProffile{
    opacity: 0;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 1;
}
#btnpostclr
{
    background-color:red;
    border-radius:6px;
    color:white;
}
#btnsavepost
{
    background-color:green;
    border-radius:6px;
    color:white;
}
#postbtn
{
    margin-top: 2%;
    margin-left: 7%;
}
.videosliderdiv
{

}
.homeVideo{
    border-radius: 6px
}
#sec_catrecviews
{
    width: 100%;
    position: relative;
    background-color: #232f3e;
    padding-top: 2%;
    padding-bottom: 2%;
}
/*add post div*/
/*owner car detail*/
#btn_own_avail
{
    background-color: #78a22f;
    border-style: none;
    color: white;
    width: 80px;
    height: 31px;
    margin-left: -42px;
    border-radius: 4px;
}
#btn_own_book
{
    background-color: white;
    border: 1px solid #f5821f;
    width: 80px;
    height: 31px;
    margin-left: 10px;
    border-radius: 4px;
}
#btn_own_sold
{
    background-color: white;
    border: 1px solid #ed1d24;
    width: 80px;
    height: 31px;
    position: relative;
    left: 12px;
    /* margin-right: -54px; */
    border-radius: 4px;
}
.ow_prdt_slider
{
    position: relative;
    top: -72px;
    left: 390px;
    color: white;
}
.spowncnt{
    position:relative;
    top:-10px;

}
.spownview
{
    float:right;
}
.spowncnt
{
    float: right;
    margin-top: 7px;
}
/*owner car detail*/
/*other profile div*/
#profile_div
{
    position: relative;
    top:-14px;
    left:-61px;
}
#imgpost_div
{
    margin-left: -2%;
    position: relative;
    top:11px;
}
#otheruser_prof
{
    width: 104px;
    height: 104px;
    margin-top: 13%;
    margin-left: 28%;
    border-radius: 52px;
    border: 2px solid #d8d8d8;
}
.btncons
{
    /*width: 142%;
    height: 37px;*/
    /*margin-left: 37%;*/
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: orange;
    background-color: whitesmoke;

    border-radius:4px;
}

#mailbtn
{
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: orange;
    background-color: whitesmoke;
    border-radius: 4px;
    margin-left: 11%;
    width: 153%;
    height: 31px;
    padding-left: 63%;
}
#chatbtn
{
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: orange;
    background-color: whitesmoke;
    border-radius: 4px;
    margin-left: 33%;
    width: 153%;
    height: 31px;
    padding-left: 39%;
}


#mail_ic
{
    position: absolute;
    left: 22%;
    top: 7%;
    font-size: 17px;
    color: #00000085;
}
#chat_ic
{
    position: absolute;
    left: 52%;
    top: 37%;
    font-size: 17px;
    color: #00000085;
}
#oth_trad_phone{
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: orange;
    background-color: whitesmoke;
    border-radius: 4px;
    margin-left: -4%;
    width: 247px;
    height: 31px;
    padding-left: 1%;
}
.othertra_div_imgs
{
    width: 30%;
    height: 200px;
    margin-bottom: 100px;
    position: relative;
    left: -23px;
}
.othertrprdpr
{
    padding-left: 6%;
    position: relative;
    left: 12px;
}
.othertrdpr
{
    padding-left: 6%;
    position: relative;
    left: 12px;
}
.otherhr
{
    width: 89%;
    position: relative;
    left: -6px;
    top: -8px;
    margin-bottom: 15px;
}
.otherprof_pdate
{
    font-size: 14px;
    position: relative;
    left: 8px;
    top: -12px; 
}
.otherprof_cnt
{
    font-size: 14px;
    position: relative;
    left: 150px;
    top: -47px;
    color: black;
    font-weight: 600; 
}
.hist_p{
    margin-top:-40px;
}
.othertradet_details
{
    padding-top: 2%;
    padding-left: 4%;

    width: 99%;
    height: 115px;
    background-color: #f2f2f2;
    margin-left: 10%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#tr_othname
{
    color: #f5821f;
    margin-left: -4%;
    margin-top: 2%;
    font-weight:bold;
}
.tr_place
{
    color:#000000;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}
#tr_phone
{
    margin-left:-4%;
    color:#000000; 

    font-size: 14px;
    font-family: 'Lato', sans-serif;
}
.othdetp
{
    font-size:13px;
    margin-left: 5%;
    word-wrap: break-word;
    margin-bottom: 5%;
}
.clpostimgs
{
    /*margin-left:3%;*/
    margin-right: 26px;
    margin-top: 50px;


}

#apprcnt
{
    float:right;
    padding: 0 10px !important;
}
#rejcnt
{
    float:right;
}
#pendrcnt
{
    float: right;
}
#web_socialimg
{
    width: 79%;
    height: 34px;
    position: relative;
    top: 3px;
    left: 4px;
}
#tw_socialimg
{
    width: 79%;
    height: 34px;
    position: relative;
    top: 3px;
    left: -19px;
}
#fb_socialimg
{
    width: 79%;
    height: 34px;
    position: relative;
    top: 2px;
    left: -35px;
}
#inst_socialimg
{
    width: 79%;
    height: 34px;
    position: relative;
    left: -56px;
    top: 3px;
}
#snap_socialimg
{
    width: 79%;
    height: 34px;
    position: relative;
    left: 215px;
    top: -32px;
    border-radius: 9px;
}
.other_prddet
{
    background-color: #f2f2f2;
    width: 100%;
    height: 82px;
    margin-left: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; 
}
.trapppost_div{
    margin-top:6%;
}
.other_prd
{

}
.other_tr_hr
{
    position: relative;
    top: -15px;
    width: 188px;
}
.other_val
{
    position: relative;
    left: 12px;
    font-weight: 700;
    color: black;
}
#sp_price
{
    padding-left: 18px;
}
.other_view
{
    float:right;
    font-weight: 600;
    color: black;  
}
.category-dateview{
    padding-left: 0px;
     padding-right: 0px;
}
.proftradet_details{
    padding-top: 2%;
    width: 100%;
    height: 115px;
    background-color: #f2f2f2;
    margin-left: 5%;
    margin-bottom: 10%;

    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}
.other_div1
{
    padding-left: 6%;
    padding-top: 3%; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:100%;
}
.other_div2
{
    position: relative;
    top: -29px;
    font-size: 12px;
    width:100%;
}
/*other profile div*/
/*home page */
.main_video_Carousel
{
    border-radius: 9px;
    margin-top:-33px;
}

.video_left_carousel {

    /*border-radius: 9px;
    height: 0px;
    position: relative;
    top: -237px;
    left: 61px;*/
    position: relative;
    top: -350px;

    left: 88px;
}
#video_right_carousel
{
    /*right:390px;*/
    right:-1px;
    border-radius: 9px;
}
.vd_prdt_name {
    position: relative;
    top: -97px;
    left: 35px;
    color: white;
}
.fntpause{
    font-size:40px;
}
.vd_prd_view
{
    position: relative;
    top: -159px;
    left: 693px;
    color: white;
}
.regsecdiv2
{
    position: relative;
    top: -40px;


}
/*div.clpostimgs > .all_tradet_details:nth-of-type(odd) {
    background: red;
}*/
#reg_main_row{
    padding-top: 89px;
}
#register_hr{
    /*    margin-top: 139px;*/

}
.newregips{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 75%;
}
.lblleft{
   
    margin-left: 25%;
}
.lblright{
    margin-right: 25%;
}
#signuptitle
{
    color:#f5821f;
    font-family: 'Lato',sans-serif;
    font-size: 21px;
    padding-left: 17px;
    font-weight: bold;
    position: relative;
    bottom: 20px;
    left:-20px;

}
#btnlognext{
    background-color: #f5821f;
    border-radius: 6px;
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-family: 'Lato',sans-serif;
    color: white;

}
#secem_img
{
    position: relative;
    top: -29px;
}
.toptraders_div
{
    margin-top: 14px;
    background-color: #f2f2f2;
    border-radius: 6px;
    margin-left: 10%;
    margin-right: 10%;
}
#sptop
{
    float:left;
    color:white;
    font-size:16px;
    padding-top: 3px;
    padding-left: 10px;
    font-weight: 700;
}
#anvietr
{
    float:right;
    color:white;
    font-size:16px;
    padding-right: 10px;
    padding-top: 3px;
    font-weight: 700;
}
.homcol12{
    width: 104%;

}
.prdt_price_details
{
    word-wrap: break-word;
    font-weight: 700;
    color: black;


}
.price_span
{
    font-weight: 700;
    color: black;
    position: relative;
    left: 23px;
}
#li1
{
    margin-left: -41%;

}
.latest_postimgs
{
    object-fit: cover;
    height: 150px;
    width:100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.postcol{
    padding-bottom: 20px;
	padding-left: 2%;
    padding-right: 2%;
}
.img_details
{
    padding-top: 3%;
    padding-left: 6px;
    padding-bottom: 3%;
    background-color: #f2f2f2;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#latposttitle
{
    color: #F5821f;
    font-size:16px;
    text-align: center;
    margin-bottom: 40px;


}
.homehr
{
    width: 89%;
    margin-bottom: 15px;

}
#video_Carousel
{
    width: 105%;
    height: 473px;
    margin-left: -5%;
    margin-top: -2%;
}
#latest_row_div{
    position: relative;
    left: 25px;
}
.trader_videos
{
    /*height: 473px;
    width: 65%;
    position: relative;
    left: 63px;*/
    height: 473px;
    width: 100%;
    position: relative;
    /*left: 31px;*/
}
.post_user_prof
{
    width: 40px;
    height: 40px;
    margin-left: 0%;
    border-radius: 20px;
    border: 2px solid #d8d8d8;
}
.post_udate
{
    font-size: 11px;
    margin-top: -24%;
    margin-left: 66%;
}
.post_uplace
{
    font-size: 12px;
    margin-top: -8%;
    margin-left: 45px;
}
.post_uname
{
    font-size: 13px;
    color: orange;
    margin-top: -19%;
    margin-left: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:75px;
}
#tr_home_btn
{
    background-color: #f38b1f;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-sizing: content-box;
    z-index: 100;
    width: 101%;
}
#img_sharedr
{
    padding: 1% 3% 5% 5%;
}
#wishlist_home
{
    padding: 1% 3% 5% 5%;
    background-color: #f38b1f;
}
#flag_home
{
    padding: 1% 3% 5% 5%;
    background-color: #f38b1f;
    height:48px;
    width:48px;
   
}
#shng_home
{
    padding: 1% 3% 5% 5%;
    background-color: #f38b1f;
}
.socialiconsdiv{
    margin-left: -6px;
    position: absolute;
    width:100%;
}
.mainpghr{
    padding-right: 6px !important;
}
.newanc{
    margin-bottom: 3%;
}
.home-traderName{
   width: 80% !important;
    padding-left: 7px;
    padding-right: 5px; 
}
#shng_cartic
{
    font-size: 20px;
    color:white;
}
.top_traderhead
{
    height: 36px;
    color: white;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #f5821f;
    padding-top: 5px;

}
.videoaddpost{
    position: absolute;
    z-index: 1;
    height: 90px;
    width: 100px;
    border-radius: 6px;
    background-color: black;
}

.top_trimg
{
    width: 46px;
    height:46px;
    margin-top: 5%;
    border-radius: 23px;
    border:2px solid #d8d8d8;
}
@media (max-width: 768px) {
    .top_trimg
    {
        width: 24px;
        height: 24px;
        margin-top: 5%;
        border-radius: 12px;
        border: 2px solid #d8d8d8;
    }
}
#err_txtaudio{
    position: relative;
    left: 141px;
}
#sp_tr_img
{
  }
.top_trname
{
    margin-left: 20%;
    margin-top: -17%;
    font-size: 11px;
    color: black;
    font-weight: bold;
}
.top_trplace
{
    margin-left: 21%;
    margin-top: -6%;
    font-size: 11px;
    color:black;
}
.post_cnt
{
    margin-left: 89%;
    margin-top: -20%;
    font-size: 11px;
    color: black;
    font-weight: bold;
}
.post_txt
{
    margin-left: 87%;
    margin-top: -5%;
    font-size: 11px;
    color: black;
}

.traderss
{
    height: 75px;
    padding-left: 3%;
}
.tr_homhr
{
    position: relative;
    top: -22px;
    left: 20px;
    width: 215px;
    color:#dddddd;
}
.vwicon
{
    font-size: 17px;
    position: relative;
    left: 58px;
    color:white;
}
/*home page */
/*watch list page*/
.watchclpostimgs
{
    width: 99%;
    height: 150px;
    border-top-left-radius:6px;
    border-top-right-radius: 6px;
    margin-left: 10%;
    margin-right: -14px;

}
.wpost_imgs
{
    width: 99%;
    height: 150px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-left: 10%;
}
.watchtradet_details{
    padding-top: 2%;
    width: 99%;
    height: 125px;
    background-color: #f2f2f2;
    margin-left: 10%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#wltit_div
{
    margin-left: 0%;
    position: relative;
    top: 4px;
}
.wl_imgpost_div
{
    margin-left: -2%;
    position: relative;
    top: 11px; 
}
#watch_sec_reviews
{
    width: 100%;
    background-color: #0F3B5F;
    height: 304px;

    margin-top: 30px; 
}
#watch_title_div
{
    margin-left: 3%;
    margin-top: -4%;

}
#wl_row1
{
    position: relative;
    top: 21px;
    left: -64px;

}
#wl_row2
{
    margin-top: 50px;
}
#watch_list_title
{
    color:#f5821f;
}
#watch_prdt_cnt
{
    float: right;
    margin-top: -30px;
    position: relative;
    left: -14%;
    color: black;

}
.cart_msg
{
    display:none;
}
#watch_list_hr
{
    position: relative;
    top: 9px;
    margin-top: -3%;
    width: 51%;
    margin-left: 18%;
}
.tradet_details
{
    padding-top: 2%;
    width: 100%;
    background-color: #f2f2f2;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 40px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.wlprdpr
{
    padding-left: 6%;

}
.wl_user_prof
{
    margin-top: -11px;
    width: 46px;
    height: 46px;
    margin-left: 2%;
    border-radius: 23px;
    border: 1px solid #d8d8d8;
}
.wl_uname
{
    margin-left: 23%;
    font-size: 13px;
    margin-top: -20%;
    color: #f5821f;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:75px;
}
.wl_uplace
{
    margin-left: 23%;
    margin-top: -7%;
    font-size: 13px;
}
.wl_udate
{
    margin-left: 62%;
    font-size: 11px;
    margin-top: -24%;
}
/*watch list page*/
/*cart page*/
#main_cart_div
{
    margin-left: 8%;
    margin-top: 2%;
    width: 70%;
}
.sub_cart_div
{
    margin-left: 12.5%;
}
#cart_title_div
{
    margin-left: 3%;
    margin-top: -1%;
    padding-top: 1%;
}
#cart_title
{
    color: orange;
    font-size: 21px;
}

#cart_hr
{
    margin-top: -2%;
    width: 67%;
    margin-left: 17%;
}
.cat_cnt_span
{
    color: black;
    font-weight: bold; 
}
.cart_cnt
{
    float: right;
    margin-top: -5%;
    position: relative;
    left: -7%;
    color: black;
}
.hr_checkout{
    width: 226%;
}
.prdt_cart_details_div
{
    background-color: #f2f2f2;
    width: 100%;
    height: 153px;
    margin-top: 4%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius:6px;
}
#prdt_crt_img
{
    width: 200px;

    height: 152px;
    margin-left: -9%;
    border-top-left-radius: 6px;
    border-bottom-left-radius:6px;
}
.cartimgcol{
    padding-left: 0px;
}
.toptraders{
    padding-top: 3%;
}
.canvasdiv{
    height:10px;
}
.cartimgcolr{
    padding-right: 0px;
}
.cartpost_imgs{
    width: 100%;
    height: 153px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-left: 0%;
}
.hr_cart
{
    width: 133%;

}
#cart_uname
{
    margin-left: 25%;
    margin-top: -17%;
    font-size: 15px;
    color: #f5821f;
    margin-bottom: 7%;
}
#cart_uplace
{
    margin-top: -9%;
    margin-left: 25%;
    font-size: 13px;
}
#cart_user_prof
{
    width: 46px;
    height: 46px;
    margin-top: -1%;
    margin-left: -1%;
    border-radius: 23px;
    border: 1px solid #d8d8d8;
}
#product_details_div
{
    padding-top: 2%;

    width: 33%;
    height: 154px;
    margin-left: 4%;
}
.vl {
  /*   border-left: 1px solid #d3dad3;
    height: 127px;
    margin-left: 79%;
    position: relative;
    top: 11%; */
}
#del_btn_div
{
    margin-top: -12%;
    margin-left: 83%;
}
.cart_del_btns
{
    background-color: #ed1d24;
    color: white;
    width: 43%;
    height: 33px;
    border-radius: 9px;
    border: none;
}
.main_btns_div
{
    margin-left: 30%;
    margin-bottom: 2%;
}

.cart_btns
{
    margin-top: 18%;
    background-color: white;
    border-right-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    border-radius: 9px;
    height:37px;
}
#btnshopmore
{
    width: 100%;
    margin-left: 9%;
    margin-bottom: 15%;
}
#btncheckout
{
    background-color: #fb900b;
    color:white;
    width:100%;
    margin-bottom:15%;
}
.als_payicon
{
    height: 25px;
    padding-right: 10px; 
}
.als_onfont
{
    font-size: 25px; 
}
.als_span_chkout
{
    position: relative;
    top: 5px; 
}
.mostv_prddiv
{
    height: 60px;
    padding-top: 6px;
}
/*cart page*/
/*category page*/
#category_title_div
{
    margin-left: 3%;
    margin-top: -1%;
    padding-top: 1%;
}
#category_title
{
    font-family: 'Lato',sans-serif;
    font-weight: bold;
    color: #f5821f;
    color: #fS821f;
    font-size: 21px;
    margin-left: -2%;
}

.cat_hr
{
    margin-bottom: 10px;
    margin-top: 10px;
}
#category_cnt
{
    float: right;
    margin-top: -4%;
    position: relative;
    left: -20%;
    color: black;
}
#category_hr
{
    margin-top: -2%;
    width: 61%;
    margin-left: 4%;
}
.catpostimgs
{
    padding-right: 30px;
}
.cat_user_prof
{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #d8d8d8;
}
@media (max-width: 768px) {

.cat_user_prof {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    border: 1px solid #d8d8d8;
}


}
.category-trader{
    padding-left: 0;
    padding-right: 0;
}
.category-traderName{
    padding-left: 0px;
    padding-right: 0px;
}

.cat_uname
{
    font-size: 11px;
    color: #f5821f;
    font-weight: 500; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 52%;
    margin-bottom: 0;
    line-height: 18px;
    float: left;
}

.category_uname
{
    font-size: 11px;
    color: #f5821f;
    font-weight: 500; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 40%;
    margin-bottom: 0;
    line-height: 18px;
    float: left;
}


.tradername
{
    font-size: 13px;
    color: #000;
    font-weight: 500; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 75%;
    margin-bottom: 0;
    line-height: 18px;
    float: left;
}
.traderplace
{
   font-size: 12px;
   float: right; 
   color: #000;
}

.cat_uplace
{
    font-size: 12px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}
#editdrop_video
{
    border: solid 1px #f7f7f7;
    font-size: x-large;
    color: black;
    position: absolute;
    top: 0px;
    padding-left: 8%;
    padding-top: 3%;
    background-color: #f7f7f7;
    width: 70%;
    height: 91px;
    border-radius: 9px;
}
#user_anvietr
{
    color: white;
    float: right;
    padding-right: 12px
}
.edit_imgs{
    border-radius: 6px;
    height: 85px;
    width: 85px;
}
#sp_homename
{
    position: relative;
    left:10px;

}
.cat_udate
{
   font-size: 12px;
   float: right; 
}
/*category page*/
/*edit car post*/
.editfiveimgs
{
    height: 77px;
    width: 90px;
    border-radius: 6px;
}
#btneditpostclr
{
    background-color: red;
    border-radius: 9px;
    color: white;
    width: 130%;
    margin-left: -33px;
}
#btneditsavepost
{
    background-color: green;
    border-radius: 9px;
    color: white;
    width: 130%;
    margin-left: 15%; 
}
/*edit car post*/
#watchwidget_advsrch
{
    background-color: #f2f2f2;
    border-radius: 9px;
    width: 108%;
    height: 400px;
    padding-left: 4%;
    padding-right: 2%;
    padding-top: 7%;
    padding-bottom: 1%;
    margin-left: -3%;
    margin-top: -4px;
}
/*category detail page*/
.vehhis
{
    margin-top: -13px;
}
#category_det_title_div
{
    margin-left: -1%;
    margin-top: 0%;
    padding-top: 1%;
    padding-right: 125px;

}
.noplateimg
{
    width: 70%;
    margin: 15%;
    border-radius: 15px;
    margin-bottom: 10%;
}
.noplate_cnt_div
{
    position: relative;
    top: -50px;
    float:right;
    right: 40px;
    color: white;
    width:50px;
}
#category_det_title
{
    font-family: 'Lato',sans-serif;
    font-weight: bold;
    color: #f5821f;
    text-transform: uppercase;

    font-size: 21px;
    margin-left: -2%;
    display:inline;
}

#category_det_hr
{
    position: relative;
    top: 7px;
    width: 40%;
    margin-top: -2%;
    margin-left: 280px;
    display:inline;

}
#category_det_price
{
    float: right;
    margin-top: -4%;
    position: relative;
    left: -19%;
    color: black;
}
#cat_det_amt
{
    font-size: 21px;
    font-weight: bold;
    font-family: 'Lato',sans-serif;
    color:#000000;
    float:right;
    display:inline;


}
.catcol2{
    width:12.5%;
}
.catdet_mailbtn
{
    border: 1px #f5821f solid;
    background-color: white;
    border-radius: 6px;
    margin-top: 12px;
    font-size: 13px; 
    color: #5c5c5c;
    height: 32px;
    z-index: 10;
    padding: 0px 12px;
    float: right;
    margin-bottom: 12px;
}
.catdet_chatbtn
{
    border: 1px #f5821f solid;
    background-color: white;
    border-radius: 6px;
    margin-top: 12px;
    font-size: 13px; 
    color: #5c5c5c;
    height: 32px;
    z-index: 10;
    padding: 0px 12px;
    float: left;
    margin-bottom: 12px;

}
.mailchatdiv{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
#cate_main_video_Carousel
{
    width: 150%;
    height: 288px;
    margin-left: -16%;
    margin-top:5%;
}
#cat_trader_videos
{
    height: 310px;
    width: 80%;
    margin-left: 2%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#cat_video_left_carousel
{
    border-radius: 9px;
    margin-left: -4%;
}
#cat_video_right_carousel
{
    right: -99px;
    border-radius: 9px;
}
#cat_owner
{
    padding-top: 7%;
    padding-left: 5%;
    margin-left: 63%;
    width: 108%;
    height: 440px;
}
.catli
{
    left: 72%;
}
.owner_prof
{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #d8d8d8;
}

.save-img {
    padding-right: 5px !important;
    float:left;
    padding-left:72px;
    margin-top:5px;
}

@media (max-width: 769px) {

.owner_prof {
    width: 34px;
    height: 34px;
    border-radius: 17px;
    border: 1px solid #d8d8d8;
}

}
.sliderprofdiv{
    margin-top:25px;
}
.ownprofdiv{
    padding-left: 0 !important;
}
.ownname{
    font-size: 12px;
    color: black;
    font-weight: bold;
}
.ownloc
{
    font-size: 12px;
    color: #5c5c5c;
}
.ownpostdate
{
    font-size: 12px;
    color: #5c5c5c;
}
.ownprofhr
{
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    background-color: #d8d8d8;
}
#owner_name
{
    margin-left: 6%;
    margin-top: -21%;
    color: #000000;
    font-family: 'Lato',sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#owner_place
{
    margin-left: 6%;
    font-family: 'Lato',sans-serif;
    font-size: 12px;
    margin-top: -7%;
    color: #5c5c5c;
}
#owner_post_date
{
    margin-left: 6%;
    font-family: 'Lato',sans-serif;
    font-size: 12px;
    color: #5c5c5c;

    margin-top: -8%;

}
#cat_detail_hr
{
    width: 70%;
    margin-top: -4%;
    margin-left: 6%;

}
.ownphonediv{
    margin-top:20px;
}
.catdet_phone
{
    border: 1px solid #f5821f;
    background-color: white;
    border-radius: 6px;
    width: 100%;
    height: 32px;
}
.poster_contact
{
    color: #5c5c5c;
    font-family: 'Lato',sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.socialbtns{
    margin-top: 25px;
}
.history_title
{
    text-align: center;
    font-family: 'Lato',sans-serif;
    font-size:15px;
    font-weight: bold;
    color:#ed1d24;
}
.hist_descr
{
    word-wrap: break-word;
    font-family: 'Lato',sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    color:#5c5c5c;
    margin-bottom: 30px;
}
#history_descr_div
{
    width: 55%;
    margin-left: -7%;
    height: 135px;

}
#cart_btns
{
    margin-left: 60%;
    margin-top: -77%;
}
.shared_btn
{
    background-color: #ed1d24;
    height: 38px;
    border-radius: 6px;
    color: white;
    font-size:14px;
    padding-top: 0px;
    padding-left: 3%;
    width:100%;
    border:none;
}
.wishlist_btn
{
    background-color: #5c5c5c;
    height: 38px;
    border-radius: 6px;
    color: white;
    font-size:14px;
    padding-top: 0px;
    padding-left: 3%;
    width:100%;
    border:none;
    margin-top:15px;
}
.flag_btn
{
    background-color: #f5821f;
    height: 38px;
    border-radius: 6px;
    color: white;
    font-size:14px;
    padding-top: 0px;
    padding-left: 3%;
    width:100%;
    border:none;
    margin-top:15px;
}
.addcart_btn
{
    background-color: #78a22f;
    height: 38px;
    border-radius: 6px;
    color: white;
    font-size:14px;
    padding-top: 0px;
    padding-left: 3%;
    width:100%;
    border:none;
    margin-top:15px;
}
.img_shared
{
    padding-right: 20px;
    height: 30px; 
}


.sbtns_txts{
    padding-right: 60px;
}

.share-text {
    padding-right: 80px;
    line-height:3;
}

.img_watch
{
    float:left;
    height: 30px;
    padding-left:32px;
}
.wbtns_txts{
    padding-right: 53px;
    line-height: 3rem;
}
.edit-text {
    padding-right: 87px;
    line-height: 2rem;
}

.edit-img {
    padding-left: 73px;
}
.img_flag
{
    float:left;
    height: 28px;
    padding-left:31px; 
}
.fbtns_txts{
    padding-right: 52px;
    line-height: 3rem;
}

.dele-btn {
    padding-right: 58px;
    line-height: 2rem;
}

.dele-img {
    padding-left: 74px;
}

.img_cart
{
    padding-right: 15px;
    height: 30px; 
}
.cbtns_txts{
    padding-right: 30px;
}
#img_watch_list
{
    position: relative;
    left: -30px;
    top: -2px;   
    height: 30px;

}
#img_flag
{
    position: relative;
    left: -35px;
    top: -4px;
    height: 31px;
}
#img_cartt
{
    position: relative;
    left: -30px;
    top: -2px; 
}
.catdet_shcrt
{
    margin-left:1%;
}
#imgfivediv
{
    /*margin-top: 5%;
    margin-left: -13%;*/
    /*    position: relative;*/
    top: 39px;
}

.fiveimgs
{
    height:63px;
    width:73px;
    border-radius: 6px;
}

.fa fa-eye
{
    font-size: 24px;

}
.fa fa-shopping-cart
{
    font-size: 24px; 
}
/*category detail page*/
/*check out page*/
.chkhr
{
    width: 100%;
    margin-left: 18%;  
}
.check_amtdiv
{
    width: 70%; 
}
#cart_tot_div
{
    margin-left: 44%;
    font-weight: 400;
    color: black;
}
.trcart_cnt
{
    position: relative;
    top: -36px;
    left: 695px; 
    color: black;

}
#btncartonline
{
    width: 100%;
    margin-left: 9%;
    background-color: #ec2121;
    color: white; 
    margin-top: 5% !important;
    margin-bottom: 5% !important;

}
#btncartalshamil
{
    background-color: #f2f2f2;
    color: black;
    width: 100%; 
    font-weight: 400;
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}
.fa fa-credit-card
{
    font-size: 21px;

}
.totals_hr
{
    width: 44%;
    margin-left: 0%;
}
.total_amt_p
{
    font-size: 16px;
    color: dimgrey;
    font-weight: 400;


}
.hr_checkout
{
    width: 216%;

}
/*check out page*/
/*modal styles*/
.mdl_proddet
{
    position: relative;
    top: -76px;
    left: 181px;
}
.mdl_pricedet
{
    position: relative;
    top: -64px;
    left: 182px;
}
/*#mdl_fb
{
    width: 57px;
    height: 53px;
    position: relative;
    top: -28px;
    left: -3px;
}*/
#btncaradpost
{background-color: green;
 border-radius: 9px;
 color: white;
 width: 130%;
 margin-left: 36%;
}   
#btnbikeadpost,#btnvertuadpost,#btnwatchadpost,
#btnpropadpost,#btnboatadpost,#btnphoneadpost,#btnmobileadpost,#btnnoplateadpost
{
    background-color: green;
    border-radius: 9px;
    color: white;
    width: 130%;
    margin-left: 36%; 
}
#mdl_inst
{
    height: 34px;
    position: relative;
    top: -25px;
    left: 36px;
}
#mdl_snap
{
    height: 34px;
    position: relative;
    left: 37px;


    /*left: 61px;*/
    top: -25px;
    border-radius: 9px;
}
#btnhelpnext{
    background-color: #f5821f;
    border-radius: 6px;
    width: 95%;
    height: 40px;
    font-size: 15px;
    font-family: 'Lato',sans-serif;
    color: white;
    margin-left: 11px;
}
/*modal styles*/
/*trader profile header*/
#tr_prof_plus_square
{
    height:22px;
    z-index: 1;
    top: 0%;
    font-size: 24px;
    color: white; 
    margin-right:6px;
}
#tr_prof_btn
{
    background-color: #f5821f;
    color: white;
    width: 52%;
    position: relative;
    height: 35px;
    border-radius: 6px;
    float: left;
    border: none;
    font-weight: bold;
    font-size: 15px;
}
@media (max-width: 768px) {
    #tr_prof_btn
    {
        background-color: #f5821f;
        color: white;
        width: 52%;
        position: relative;
        height: 35px;
        border-radius: 6px;
        float: left;
        border: none;
        font-weight: 500;
        font-size: 10px;
        padding-left:14px;
    }

}

.tr_switch
{
    position: relative;
    left: 102px;
    top: -41px;
    display: inline-block;
    width: 65px;
    height: 34px;
}
#lang_switch
{
    position: relative;
    left: 102px;
    top: -41px;
    display: inline-block;
    width: 65px;
    height: 34px;
}
.rccol{
    margin-left: 61px;

}
/*trader profile header*/
.admin_hrs
{
    background-color: white;
}
#ad_als_logo
{
    width: 252px;
    position: relative;
    left: -214px;
}

.main-logo {
    width: 98%;
}


.ad_srchbtn
{
    width: 44%;
    height: 35px;
    margin-left: 57%;
    background-color: #f75314;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 10px; 
}
#ad_input
{
    font-size: 15px;
    height: 39px;  
}
.ad_drop
{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    width: 102%;
    height: 39px;
    line-height: 46px;
    color: #90987d;
}
/*all trader page*/
#sp_all_tr
{
    color:black;
    font-weight:none;
}
#all_tra_con
{
    position: relative;
    left: -1039px;
}
div.alltr_detail_div:nth-of-type(even) {
    background: red;
}
div.all_tradet_details:nth-of-type(2) {
    background: red;
    padding-top: 2%;
    width: 112%;
    height: 65px;
    background-color: #f2f2f2;
    margin-left: 10%;
    margin-bottom: 15px;

}
#all_tradtit_div
{
    margin-left: 0%;
    position: relative;
    top: -27px;
}
.alltrad_title_div
{
    /*margin-left: 3%;
    margin-top: -4%;*/
    position: relative;
    left: -44px;
}
#alltrad_title_div
{
    position: relative;
    top: 26px;
}
#alltrad_maindiv
{
    position: relative;
    left: -42px;
}
#alltrad_title
{
    color:orange;
}
#alltrad_hr
{
    margin-top: -3%;
    width: 54%;
    margin-left: 15%;
}
#alltrad_cnt
{
    float: right;
    margin-top: -3%;
    position: relative;
    left: -20%;
    color: black;
}
.all_tradet_details
{
    padding-top: 2%;
    width: 100%;
    height: 65px;
    margin-top: 15%;
    background-color: #f2f2f2;
    margin-bottom: 0px;
}
.alltrpostimgs
{

}
/*div.clpostimgs > div.all_tradet_details:nth-of-type(odd) {
    background: red;
}*/
.alltr_uname
{
    font-size: 15px;
    color: #f5821f;
    font-weight: 500;
}
.spantrimg{
   float: left;
    width: 25%; 
}
.spantrname{
    width: 75%; 
    padding-top: 8px;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.alltr_uplace
{
    font-size: 13px;
    color:#d2d2d2;
}
.alltr_user_prof
{
    width: 42px;
    height: 42px;
    margin-left: 8%;
    margin-top: 7px;
    border-radius: 21px;
    border: 1px solid #d8d8d8;
}
.edit_passmod
{
    width:260px;
}
.edit_passmodcon
{
    padding-left: 15px;

}
.pass_up_anc
{
    cursor:pointer;
    float:right;
    margin-right: 25%;
    font-weight: bold;
}
#modal_flag_img
{
    position: relative;
    top:-1px;

}
.flag_title
{
    position: relative;
    top: -28px;
    left: 34px;
}
#flag_md_cmt
{
    resize: none;
    width: 100%;
    height: 181px;
    position: relative;
    top: -37px;
    border-radius: 6px;
}
#btn_flag_modal
{
    background-color: #f5821f;
    width: 123px;
    border-radius: 6px;
    color: white;
    position: relative;
    top: -21px;
}
#flagmheader
{
    border-bottom: 0px solid rgba(0, 0, 0, 0.08);

}
#flagmfooter
{
    border-top: 0px solid rgba(0, 0, 0, 0.08);

}
#alltr_detail_div
{
    position: relative;
    top: 30px; 
}
/*all trader page*/
/* mobileno detail page*/
#mobcategory_det_hr
{
    width: 42%;
    margin-top: -2%;
    margin-left: 30%; 
}
#mobimg
{
    width: 123%;
}
/*mobileno detail page*/
/*watch list detail*/
.wad_price_span
{
    font-weight: 600;
    color: black;
    margin-left: 16px;
}
#wad_post_user_prof
{
    width: 31%;
    height: 57px;
    margin-top: -5%;
    margin-left: -65%; 
}
#wad_post_uname
{
    margin-top: -46px;
    margin-left: -48px;
    color: orange;
    font-weight: 500;
}
#wad_post_uplace
{
    margin-left: -36px;
    font-size: 13px;
    margin-top: -10%; 
}
#watch_cnt
{
    font-weight: 600;
    color: black;
    font-size: 16px;
}
#watch_user
{
    font-weight: 600;
    color: black;
    margin-left: -2px; 
}
#watch_user_div
{
    background-color: #f2f2f2;
    width: 185%;
    height: 115px;
    margin-left: 172px;
    margin-top: -85px;
    padding-top: 42px;
    padding-left: 74px;
}
#wl_trad_div
{
    margin-left: 20px;

}
.wl_tradet_details
{
    padding-top: 3%;
    padding-left: 13px;
    width: 112%;
    height: 65px;
    background-color: #f2f2f2;
}
.wld_trimg
{
    width: 40px;
    height: 44px; 
}
.wld_name
{
    color: orange;
    position: relative;
    top: -38px;
    left: 51px;
}
.wld_place
{
    position: relative;
    top: -56px;
    left: 51px;
    font-size: 14px;
}
.wl_postdate
{
    float: right;
    font-size: 14px;
    position: relative;
    right: 3%;
    top: 5px;
    color: black;
    font-weight: 400;
}
.coldiv
{
    width: 28.333333%;
    margin-right: 21px; 
}

#wl_trad_div:nth-of-type(even) {
    background: white;
}
/*watch list detail*/
/*post reject page*/
#postr_social
{
    margin-top: 29px;

}
#reject_status_divs
{
    margin-left: 30%;
    margin-top: -48px;
    position: relative;
    top: 15px;
    margin-bottom: 5%;
}
.reject_status_btns
{
    border-radius:9px;
    width: 20%;
    height: 40px;
    background-color:white;
    color:red;
    border-right-style: solid;
    border-bottom-style: solid;
    margin-left:-8%;
    /*margin-right:-1%;*/
}
#reject_appbtn
{
    color:green;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: -13%;

}
#reject_pendbtn
{
    color:red;
    margin-left: -1%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#reject_rejbtn
{
    color:white;
    background-color: #ec2121;
    margin-left: -1%;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;

}
.reject_img_details
{
    margin-left: 10%;
    padding-top: 3%;
    padding-left: 6%;
    width: 110%;
    height: 118px;
    background-color: #f2f2f2;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; 
}
/*#post_rej_textarea{
    resize: none;
    border-style: none;
    margin-left: 12px;
    background-color: #f2f2f2;
}*/
.rej_post_textarea
{
    resize: none;
    border-style: none;
    margin-left: 12px;
    margin-bottom: 5px;
    background-color: #f2f2f2; 
}
.edit_repost_btn
{
    height: 32px;
    width:90%;
    margin-left: 12px;
    border-style: none;
    background-color: #f5821f;
    color: white;
    border-radius: 6px;
}
#user_postr_img
{
    float:right;
}
#rejpost_udate
{
    font-size: 11px;
    margin-top: -5%;
}
.fa-exclamation-triangle
{

    color: orange;
    position: relative;
    left: 81%;
    bottom: 31px;

}
/*.reject_reason_div
{
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    width: 100%;
    height: 72px;
    margin-top: 11%;
    background-color: #f2f2f2;
    color: red;
    display:none;
     word-wrap: break-word;
}*/
.reject
{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 84%;
    padding-bottom: 3%;
    margin-top: 30%;
    margin-left: -10px;
    background-color: #f2f2f2;
    color: red;
    display: none;
    word-wrap: break-word;
    position: absolute;
    z-index:2;
}
.edit_prd_videos
{
    position: relative;
    top: -25px;
    left: -21px;
    width: 90px;
    height: 90px;
}
.ownbtnss
{
    border-radius: 6px !important;
    padding-left:6px !important;
    padding-right:6px !important;
    font-size:12px;
    font-weight:500 !important;

}
.ownbtnss:hover
{
    background-color: none !important;
}
.ownshare{
    margin-top: 111px;
}
.vehhisdiv{
    float:right;
    margin-top: 20px;
}
#sold_div
{
    margin-top: 38px;
    position: relative;
    left: 22px;
}
/*trader sold page*/
.sold_div_title
{
    text-align: center;
    color: #f5821f;
}
.btn_soldrm
{
    position: relative;
    top: -1px;
    left: 66px;
    background-color: #f5821f;
    color: white;
    /* bottom: 4px; */
    border-style: none;
}
.clsoldimgs
{
    margin-right: 38px;
    margin-top: 15px; 
}
/*trader sold page*/
/*trader booked page*/
.clbookedimgs
{
    margin-right: 38px;
    margin-top: 15px; 
}
#booked_div_title
{
    text-align: center;
    position: relative;
    top: 10px;
    left: -52px;


    color: #f5821f;  
}
#booked_div
{
    margin-top: 38px;
    position: relative;
    left: 22px; 
}
.bother_prddet
{

    background-color: #f2f2f2;
    width: 111%;
    height: 82px;
    margin-left: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; 

}
.bother_div1
{

    padding-left: 6%;
    padding-top: 3%; 
}

.bother_prd
{

}
.bother_val
{
    position: relative;
    left: 12px;
    font-weight: 700;
    color: black;
}
.bother_tr_hr
{
    position: relative;
    top: -15px;
    width: 188px;
}
.bother_div2
{
    position: relative;
    top: -29px;
    font-size: 12px; 
    padding-right: 9px;

}
.bother_date
{
    position: relative;
    left: 10px; 
}
.booked_view_cnt
{
    float: right;
    color: black;
    font-weight: 600;

}
.book_btn{
    position: absolute;
    right: 20px;
    top: 5px;
    border-radius: 6px;
    border-style: none;
    background-color: orange;
    color: white;
    font-size: 15px;
    font-weight: 600;
}
/*trader booked page*/
/*trader notification */
#notif_div_title
{
    text-align: center;
    position: relative;
    top: 10px;
   /* left: -52px; */
    font-size: 20px;


    color: #f5821f; 
}
#notif_hr1{
    position: relative;
    top: 31px;
    width: 75%;
}
#trnotif_main_div
{
    position: relative;
    top: 24px;
    margin-bottom: -30px;
    width:100%;

}


#notifi-main {
    top: 0px !important;
    margin-bottom: 0px !important;
}

.img-height {
    top:-14px !important;
}

.notif_trimg
{
    width: 44px;
    height: 44px;
    /* margin-top: 5%; */
    border-radius: 22px;
    border: 2px solid #d8d8d8;
}
.notif_trname
{
    font-size: 12px;
    position: relative;
    top: -42px;
    left: 49px;
    color: #f5821f;
    font-weight: 600;
}
.notif_flagpost
{
    position: relative;
    top: -58px;
    font-size: 14px;
    left: 49px;
    color: black;
    font-weight: 500; 
}
.notif_flag_img
{
    position: relative;
    left:58px;    
}
.notif_date_col
{
    float:right;
}
.notif_post_date
{
    color: black;
    font-weight: 400;
}
.notif_prddetails
{
    position: relative;
    top: -42px;
}
.notif_prd_img{
    height:59px;
    width:64px;
}
.prddet_col
{
    position: relative;
    left: -56px;
}
.notif_prname
{
    font-size: 15px;
    color: black;
    font-weight: 500;
}
.notif_prprice
{
    font-size: 15px;
    color: black;
    font-weight: 500;
    position: relative;
    top: -10px;
}
.notif_cmts
{
    color: black;

}
.sep_hr{
    position: relative;
    top: 11px;
    left: 26px; 
    width: 100%;
}

.margin-line {
    left: 18px !important; 
    width: 100%!important;
    margin-bottom: 0%!important;
}

.height-maindiv {
    height:205px !important;
}

.margin-line2 {
    left: -14px !important; 
    width: 108%!important;
}

#watchl_widget_advsrch{
    background-color: #f2f2f2;
    border-radius: 9px;
    width: 108%;
    height: 400px;
    padding-left: 12%;
    padding-top: 7%;
    padding-bottom: 1%;
    margin-left: 3%;
    margin-top: 23px;
}
#watch_main_div
{
    margin-top: 13px;
    position: relative;
    left: 15px;
}
.watchlist_div_imgs{
    width:30%;
    height:200px;
    margin-bottom: 100px;
}

#watch_title_div1{
    margin-left: 3%;
    margin-top: 0%;
}

.notif_alshamil {
    font-size: 12px;
    left:48px;
    color: #f5821f;
    font-weight: 600;
    position: relative;
    top: -35px;
}

.notif_alsha_cmts {
    color: black;
    position: relative;
    top: 8px;
    left: 12px;
}

/*trader notification*/
/*post reject page*/
.btnadpost {
    background-color: #f5821f;
    position: relative;
    top: 30px;
    width: 100%;
    height: 42px;
    color: white;
    border-radius: 6px;
    font-size: 19px;
    font-weight: 500;
    font-family: 'Lato',sans-serif;
    border-style: none;
}

.btnlogs {
    margin-top: 10px;
    margin-bottom: 25px;
}

.switch {
    position: relative;
    left: 86px;
    top: -25px;
    display: inline-block;
    width: 59px;
    height: 34px;
    /*position: relative;
    left:102px;
    top:-25px;
    display: inline-block;
    width: 90px;
    height: 34px;*/
}

.switch input {
    display:none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ca2222;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 23px;
    /*left: -2px;*/
    left: -1px;

    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    /*position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;*/
}

input:checked + .slider {
    background-color: #2ab934;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.slider:after
{
    content:'EN';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked + .slider:after
{  
    content:'AR';
    position:absolute;


}
input:checked + .slider round owl-loaded owl-drag
{  
    position:relative;
    left:19px;

}
@media (max-width: 780px) {
    .nav>li>a{
        padding: 15px 7px;
        font-size: 9px;
    }
}


.srchbtn
{
    height:35px;
    background-color:#ed1d24;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid #7d7d7d;
}
#ancdiv
{
    position: relative;
    left: -113px;
    top:24px;
}
#spsign
{
    color:#f5821f;
    margin-left: 5px;
    font-size: 13px;
    font-weight:600;

}
#spreg
{
    /*trader header registration*/
    color:#ed1d24;
    margin-left: 35px;
    font-size: 13px;
    font-weight:600;
    cursor:pointer;

}
@media (max-width: 768px) {
    #spreg
    {
        /*trader header registration*/
        color:#ed1d24;
        margin-left: 10px;
        font-size: 13px;
        font-weight:600;
        cursor:pointer;

    }

}
.spnusers{
    font-size: 20px;
    line-height: 10px;
    display: block;
}
.spntag{
    font-size:12px;
}
.btnregs{
    background-color: #f5821f;
    border-radius: 6px;
    width: 100%;
    height: 50px;
    font-size: 15px;
    font-family: 'Lato',sans-serif;
    color: white; 
    margin-top: 2%;
    border: none;
    margin-bottom: 2%;
    padding-top: 8px;
}
#splang
{
    color:black;
    margin-left: 11px;
}
.h6css
{
    background-color:#FF8333;
    color:#FFFFFF;
}
.hmicon
{
    margin-top:41%;
    color:#FF8333 ;
    height:90px;
    font-size:x-large
}



.usricon1
{
    color: #FF8333;
    margin-top: 41%;
    font-size: x-large;
    position: relative;
    /* left: 115px;*/
    left:7px;


}
.usricon2
{
    color: #FF8333;
    margin-top: 28%;
    font-size: 20px;
    position: relative;
    left: 151px;

}
.usricon3
{
    color: #FF8333;
    margin-top: 6%;
    margin-left: 171px;
    font-size: 19px;
}
.icon-background1 {
    color:#4ace4a
}
.icon-background11 {
    color:white;
}
#vdplus
{
    font-size:16px;
}
#spvideo
{
    position: absolute;
    top: 4px;
    left: -14%;
}
.icon-background2 {
    color:#F80000;
}
.tct
{
    color:white;
}
.imgfooter{
    margin-top:3% !important;
    width: 100%;
    margin-bottom: 0px;
}

.hrticon
{
    color:#FF8333;
}
.regtitle
{
    color:#f5821f;
    font-family: 'Lato',sans-serif;
    font-size: 21px;
    font-weight: bold;
}
#selecttit
{
    color:#FF8333; 
}
#plantitle{
    color:#FF8333;   
}
.adddettitle
{
    color:#7d7d7d;
    font-weight:bold;
    font-size: 18px;
    text-align: center;
}
.lblabtleft{
    margin-left: 12.5%;
}
.adddethr{
    margin-bottom: 5%;
    margin-top: 10%;
}
#utypebtn
{
    margin-top: 3%;
}
.btnutypes
{
    width:145%;
    margin-left:20%;
    height:40px;
    background-color: white;
}
#btnnext
{   /*Registeration Page*/
    background-color: #f5821f;
    border-radius: 6px;
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-family: 'Lato',sans-serif;
    color: white;
}
#helpparag
{
    font-size: 14px;
    color:#7d7d7d;
    line-height:14px;
    margin-top:10px;
}
#car_content
{
    margin-left: -12px;

}
#vert_content
{
    margin-left: -12px;

}
#mob_content
{
    margin-left: -12px;  
}
#btnyearly
{
    background-color: #fb900b;
    color:white;
}
#dobdiv
{
    margin-left:15%;
}
.btnplantypes
{
    width:107%;
    height:40px;
    background-color: white;
}
.regsecdiv1
{
    margin-top: 2%;
}
/*.regsecdiv2
{
    margin-top: -3%;
}*/
.regsecdiv3
{
    margin-top: -3%;
}
.regsecdiv4
{
    margin-top: -49px;
}
.regsecdiv5
{
    margin-top: -49px;
}
.sub-sidebar
{
    position: relative;
    left: 40px !important;
    top: 0px !important;
}
.mainmenudiv
{
    background-color:#cccccc;
}
@media (min-width: 769px) {
    .logdiv{
        padding-left: 4%;
        padding-right: 4%;
    }
}
.errmsg
{
    color:red;
}
html, body, .fullscreen {
    height: 100%;
    width: 100%; }

body {
    font-family: 'Lato', sans-serif;
    color: #878c94;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 400; }
body ::selection {
    background-color: #f7f7f7;
    color: #35404f; }
body ::-moz-selection {
    background-color: #f7f7f7;
    color: #35404f; }

.content {
    padding: 20px 30px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px; }
.content .title-header {
    padding-bottom: 0;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 20px; }
.content .title-header .title {
    margin-bottom: 10px;
    margin-top: -5px; }
@media (min-width: 767px) {
    .content .title-header .form-horizontal div[class^="col-"] {
        padding-right: 0; } }

/*fullscreen*/
.fullscreen {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0px; }

.section.fullscreen {
    padding: 0px; }

/*middle*/
.middle {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 70px 0; }

/*vertical aligns*/
@media (min-width: 767px) {
    .display-table {
        display: table;
        width: 100%; }

    .vertical-align {
        display: table-cell;
        vertical-align: middle;
        float: none; } }

@media (min-width: 991px) {
    .container-fluid.padding {
        padding: 0 60px; } }
@media (max-width: 767px) {
    div[class^="col-"] {
        margin-bottom: 30px; }
    div[class^="col-"]:last-child {
        margin-bottom: 0; }

    /* .socialimg
  {
      margin-top: 57%;
      width: 25%;
      height: 36px;
  }*/
    #socialimg
    {
        margin-top: 57%;
        width: 90%;
        height: 36px;
    }
}
.grid-space-0 div[class^="col-"] {
    padding: 0;
    margin: 0; }

.grid-space-5 div[class*="col-"] {
    padding: 5px;
    margin-bottom: 5px; }

.grid-space-10 div[class*="col-"] {
    padding: 10px;
    margin-bottom: 10px; }

/*===================
===ToggleSettings====
===================*/
.toggleSettings {
    position: fixed;
    height: auto;
    background: #35404f;
    color: #ffffff;
    width: 240px;
    overflow: auto;
    top: 160px;
    right: 0px;
    margin-right: -240px;
    z-index: 9999;
    padding: 20px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px; }
@media (max-width: 480px) {
    .toggleSettings {
        max-height: 250px; } }
.toggleSettings a {
    float: left;
    margin: 1%; }
.toggleSettings a.color {
    width: 31.33333%;
    height: 40px;
    display: block;
    cursor: pointer; }
.toggleSettings a.homePage {
    width: 48%;
    height: auto; }
.toggleSettings .themeColors {
    padding: 20px 0;
    overflow: hidden;
    clear: both; }

.toggleButtonSettings {
    display:none;
    position: fixed;
    width: 50px;
    height: 60px;
    line-height: 60px;
    font-size: 1.5em;
    text-align: center;
    top: 200px;
    right: 0px;
    background: #35404f;
    color: #ffffff;
    z-index: 9999;
    cursor: pointer;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px; }

/*===================
====Pace Loader======
===================*/
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
.pace .pace-progress {
    background: #0cd4d2;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px; }
.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    opacity: 1.0;
    -webkit-box-shadow: 0 0 10px #0cd4d2, 0 0 5px #0cd4d2;
    -moz-box-shadow: 0 0 10px #0cd4d2, 0 0 5px #0cd4d2;
    -ms-box-shadow: 0 0 10px #0cd4d2, 0 0 5px #0cd4d2;
    box-shadow: 0 0 10px #0cd4d2, 0 0 5px #0cd4d2;
    -ms-transform: rotate(3deg) translate(0px, -4px);
    /* IE 9 */
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    /* Chrome, Safari, Opera */
    transform: rotate(3deg) translate(0px, -4px); }
.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #0cd4d2;
    border-left-color: #0cd4d2;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite; }

.pace-inactive {
    display: none; }

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg); } }
@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg); } }
@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg); } }
@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg); } }
/*===================
====BackToTop========
===================*/
#back-to-top {
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    right: 20px;
    background-color: #262d37;
    width: 50px;
    height: 35px;
    display: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    text-align: center;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0; }
#back-to-top i {
    color: #f7f7f7;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%); }
#back-to-top:hover {
    background-color: #0cd4d2; }

/*===================
=====columns======
===================*/
.column-4 div[class^="col-"]:nth-child(4n+1) {
    clear: left; }
@media (min-width: 480px) and (max-width: 991px) {
    .column-4 div[class^="col-"]:nth-child(2n+1) {
        clear: left; } }

@media (min-width: 480px) and (max-width: 991px) {
    .column-3 div[class^="col-"]:nth-child(2n+1) {
        clear: left; } }

/*===================
====top header=======
===================*/
.topBar {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 13px; }
.topBar ul {
    margin: 0; }
.topBar ul li {
    line-height: 42px; }
.topBar ul li a {
    display: block; }
.topBar ul.topBarNav {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.topBar ul.topBarNav li {
    position: relative;
    display: inline-block;
    margin-right: -4px;
    border-right: 1px solid rgba(0, 0, 0, 0.08); }
.topBar ul.topBarNav li:last-child {
    border-right: none; }
.topBar ul.topBarNav li a {
    display: block;
    padding-left: 12px;
    padding-right: 12px; }
.topBar ul.topBarNav li ul {
    background-color: #ffffff;
    position: absolute;
    top: 42px;
    left: auto;
    right: 4px;
    margin: 0;
    margin-top: 10px;
    margin-right: -4px;
    padding: 0;
    list-style-type: none;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08); }
.topBar ul.topBarNav li ul li {
    display: block;
    line-height: 30px;
    width: 100%;
    border: none; }
.topBar ul.topBarNav li ul li a {
    background-color: inherit; }
.topBar ul.topBarNav li ul li a:hover, .topBar ul.topBarNav li ul li a:active, .topBar ul.topBarNav li ul li a:focus {
    background-color: rgba(0, 0, 0, 0.02); }
.topBar ul.topBarNav li ul li.active a {
    background-color: rgba(0, 0, 0, 0.02);
    color: #35404f; }
.topBar ul.topBarNav li ul li.divider {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.05); }
.topBar ul.topBarNav li ul.w-100 {
    width: 100px; }
.topBar ul.topBarNav li ul.w-150 {
    width: 150px; }
.topBar ul.topBarNav li ul.w-200 {
    width: 200px; }
.topBar ul.topBarNav li ul.w-250 {
    width: 250px; }
.topBar ul.topBarNav li ul.w-300 {
    width: 300px; }
.topBar ul.topBarNav li ul.cart {
    background-color: #ffffff;
    padding: 0; }
.topBar ul.topBarNav li ul.cart p {
    margin: 0; }
.topBar ul.topBarNav li ul.cart .cart-items {
    padding: 10px;
    height: 200px;
    overflow: auto; }
.topBar ul.topBarNav li ul.cart .cart-items .items {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.topBar ul.topBarNav li ul.cart .cart-items .items li {
    overflow: hidden;
    clear: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.topBar ul.topBarNav li ul.cart .cart-items .items li .product-image {
    width: 60px;
    float: left; }
.topBar ul.topBarNav li ul.cart .cart-items .items li .product-image img {
    width: 100%; }
.topBar ul.topBarNav li ul.cart .cart-items .items li a {
    margin: 0;
    padding: 0;
    line-height: normal;
    background-color: transparent;
    display: inline; }
.topBar ul.topBarNav li ul.cart .cart-items .items li .product-details {
    position: relative;
    margin-left: 60px;
    padding: 0 15px 0 10px; }
.topBar ul.topBarNav li ul.cart .cart-items .items li .product-details .close-icon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    line-height: normal; }
.topBar ul.topBarNav li ul.cart .cart-items .items li .product-details .product-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px; }
.topBar ul.topBarNav li ul.cart .cart-items .items li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }
.topBar ul.topBarNav li ul.cart .cart-footer {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.02); }
.topBar ul.topBarNav li ul.cart .cart-footer a {
    text-align: center;
    padding: 10px 20px;
    margin: 0;
    background-color: transparent; }
.topBar ul.topBarNav li.linkdown:hover ul {
    visibility: visible;
    opacity: 1;
    margin-top: 0; }
@media (max-width: 767px) {
    .topBar ul.topBarNav > li > a .mr-5 {
        margin-right: 0; } }
.topBar a {
    color: #878c94; }
.topBar a:hover, .topBar a:active, .topBar a:focus {
    color: #35404f; }
.topBar.inverse {
    background-color: #35404f; }
.topBar.inverse a {
    color: #878c94; }
.topBar.inverse a:hover, .topBar.inverse a:active, .topBar.inverse a:focus {
    color: #0cd4d2; }
.topBar.inverse ul.topBarNav li {
    border-color: rgba(255, 255, 255, 0.08); }
.topBar.inverse ul.topBarNav li a:hover, .topBar.inverse ul.topBarNav li a:active, .topBar.inverse ul.topBarNav li a:focus {
    color: #f7f7f7; }
.topBar.inverse ul.topBarNav li ul li a:hover, .topBar.inverse ul.topBarNav li ul li a:active, .topBar.inverse ul.topBarNav li ul li a:focus {
    color: #35404f; }

/*===================
====middleBar========
===================*/
.middleBar {
    background-color: #f0f0f0;
    height: 82px;
    padding-left: 4%;
    padding-top : 20px;
    padding-bottom: 30px;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.middleBar .header-items {
    text-align: right; }
@media (max-width: 767px) {
    .middleBar .header-items {
        text-align: center; } }
.middleBar .header-items .header-item {
    display: inline-block; }
.middleBar .header-items .header-item a {
    position: relative;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.08);
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    color: #35404f; }
.middleBar .header-items .header-item a sub {
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #0cd4d2;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    color: #ffffff;
    font-size: 9px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.middleBar .header-items .header-item a:hover {
    background-color: #0cd4d2;
    color: #ffffff; }
.middleBar .header-items .header-item a:hover sub {
    bottom: 5px;
    right: 5px;
    visibility: hidden;
    opacity: 0; }


/*===================
====headerBar========
===================*/
.headerBar {
    background-color: #f0f0f0;
    padding-top : 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.headerBar .header-items {
    text-align: right; }
@media (max-width: 767px) {
    .headerBar .header-items {
        text-align: center; } }
.headerBar .header-items .header-item {
    display: inline-block; }
.headerBar .header-items .header-item a {
    position: relative;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.08);
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    color: #35404f; }
.headerBar .header-items .header-item a sub {
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #0cd4d2;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    color: #ffffff;
    font-size: 9px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.headerBar .header-items .header-item a:hover {
    background-color: #0cd4d2;
    color: #ffffff; }
.headerBar .header-items .header-item a:hover sub {
    bottom: 5px;
    right: 5px;
    visibility: hidden;
    opacity: 0; }


/*===================
=====Navbar==========
===================*/
.yamm {
    z-index: 999;
    width: 100%;
    background-color: #ffffff;
    border: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    min-height: 72px; }
@media (min-width: 767px) {
    .yamm {
        min-height: 70px; } }
.yamm .navbar-brand {
    height: 70px;
    font-size: 20px;
    line-height: 40px;
    margin-right: 25px; }
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static; }
.yamm .container {
    position: relative; }
.yamm .dropdown-menu {
    left: auto; }
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0; }
.yamm .yamm-fw .dropdown-menu {
    left: 0;
    right: 0; }
.yamm .navbar-nav > li {
    margin: 0 2px; }
.yamm .navbar-nav > li > a {
    color: #35404f;
    font-weight: 400; }
@media (min-width: 767px) {
    .yamm .navbar-nav > li > a {
        border-top: 2px solid transparent; } }
@media (min-width: 767px) {
    .yamm .navbar-nav > li > a:hover {
        border-top: 2px solid #0cd4d2; } }
@media (min-width: 767px) {
    .yamm .navbar-nav > li > a {
        padding-top: 7px;
        padding-left: 8px;
        padding-bottom: 10px;
        line-height: 50px; 
        font-size: 13px;
        font-weight: 500;} }
.yamm .navbar-nav > li.active > a {
    background-color: transparent;
    color: #35404f;
    font-weight: 400; }
@media (min-width: 767px) {
    .yamm .navbar-nav > li.active > a {
        border-top: 2px solid #0cd4d2; } }
.yamm .navbar-nav > li.active > a:hover, .yamm .navbar-nav > li.active > a:active, .yamm .navbar-nav > li.active > a:focus {
    background-color: transparent;
    font-weight: 400; }
@media (min-width: 767px) {
    .yamm .navbar-nav > li.active > a:hover, .yamm .navbar-nav > li.active > a:active, .yamm .navbar-nav > li.active > a:focus {
        border-top: 2px solid #0cd4d2; } }
@media (min-width: 767px) {
    .yamm .navbar-nav > li.dropdown.open > a {
        background-color: transparent;
        border-color: transparent; }
    .yamm .navbar-nav > li.dropdown.open > a:hover {
        background-color: transparent;
        border-color: #0cd4d2; }
    .yamm .navbar-nav > li.dropdown.active.open > a {
        border-color: #0cd4d2; }
    .yamm .navbar-nav > li.dropdown.active.open > a:hover {
        border-color: #0cd4d2; } }
@media (max-width: 767px) {
    .yamm .navbar-nav > li.dropdown.open > a {
        color: #0cd4d2;
        background-color: transparent; }
    .yamm .navbar-nav > li.dropdown.open .dropdown-menu > .active > a {
        color: #0cd4d2;
        background-color: transparent; }
    .yamm .navbar-nav > li.dropdown.active.open > a {
        color: #0cd4d2;
        background-color: transparent; } }
.yamm .navbar-nav > li.left .dropdown-menu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%; }
@media (min-width: 767px) {
    .yamm .navbar-nav > li.right .dropdown-menu .dropdown-submenu .dropdown-menu {
        top: 0;
        right: 100%; } }
.yamm .nav .open > a {
    background-color: transparent; }
.yamm .nav .open > a:hover, .yamm .nav .open > a:active, .yamm .nav .open > a:focus {
    background-color: transparent; }
.yamm li .dropdown-menu {
    padding: 0;
    font-size: 14px;
    background-color: #ffffff;
    color: #878c94;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
@media (min-width: 767px) {
    .yamm li .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        margin-top: 10px; } }
.yamm li .dropdown-menu .divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.05); }
.yamm li .dropdown-menu li a {
    padding-top: 8px;
    padding-bottom: 8px;
    clear: both;
    font-weight: 400;
    color: #878c94; }
.yamm li .dropdown-menu li a:hover, .yamm li .dropdown-menu li a:active, .yamm li .dropdown-menu li a:focus {
    background-color: rgba(0, 0, 0, 0.02);
    color: #35404f; }
.yamm li .dropdown-menu li.active > a {
    background-color: rgba(0, 0, 0, 0.02); }
.yamm li .dropdown-menu .yamm-content {
    padding: 20px 30px; }
.yamm li .dropdown-menu .yamm-content a {
    padding: 0; }
.yamm li .dropdown-menu .yamm-content a:hover {
    background-color: transparent; }
.yamm li .dropdown-menu .yamm-content ul {
    list-style-type: none; }
.yamm li .dropdown-menu .yamm-content ul li.title {
    margin: 5px 0; }
.yamm li .dropdown-menu .yamm-content ul li a {
    padding: 7px 0;
    display: block;
    line-height: normal; }
.yamm li .dropdown-menu .yamm-content ul li a:hover, .yamm li .dropdown-menu .yamm-content ul li a:active, .yamm li .dropdown-menu .yamm-content ul li a:focus {
    background-color: transparent;
    color: #35404f; }
.yamm li .dropdown-menu .yamm-content ul li.active a {
    background-color: transparent;
    color: #35404f; }
@media (min-width: 767px) {
    .yamm li:hover > .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        margin-top: 0; } }
.yamm li:hover > a:after {
    border-left-color: #878c94; }
.yamm .dropdown-submenu {
    position: relative; }
@media (min-width: 767px) {
    .yamm .dropdown-submenu > .dropdown-menu {
        margin-top: -6px;
        margin-left: -1px; } }
@media (max-width: 767px) {
    .yamm .dropdown-submenu > .dropdown-menu {
        margin-left: 5px; } }
.yamm .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #dedede;
    margin-top: 5px;
    margin-right: -10px; }
@media (max-width: 767px) {
    .yamm .navbar-collapse {
        max-height: 340px;
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        border-top-color: rgba(0, 0, 0, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch; }
    .yamm .navbar-toggle {
        background-color: #35404f;
        border-color: #35404f;
        margin-top: 18px; }
    .yamm .navbar-toggle:hover, .yamm .navbar-toggle:active, .yamm .navbar-toggle:focus {
        background-color: #0cd4d2;
        border-color: #0cd4d2; }
    .yamm .navbar-toggle .icon-bar {
        background-color: #f7f7f7; } }
@media (max-width: 767px) {
    .yamm div[class^="col-"] {
        margin-bottom: 20px; }
    .yamm div[class^="col-"]:last-child {
        margin-bottom: 0; } }
/*===================
===Navbar-Vertical===
===================*/
.navbar-vertical .nav {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); }
@media (min-width: 767px) {
    .navbar-vertical .nav .open .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        display: none; } }
.navbar-vertical .nav .open a {
    border-color: white; }
.navbar-vertical .nav .open a:hover, .navbar-vertical .nav .open a:active, .navbar-vertical .nav .open a:focus {
    border-color: white; }
.navbar-vertical .nav li {
    margin: 0; }
.navbar-vertical .nav li.header {
    background-color: white;
    padding: 16px 13px;
    color: #ffffff; }
.navbar-vertical .nav li.header h6 {
    margin: 0;
    color: #35404f;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); }
.navbar-vertical .nav li a {
    background-color: #ffffff;
    border-bottom: 1px solid white;
    color: #878c94;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
    padding: 10px 13px;
    font-size: 14px; }
.navbar-vertical .nav li a:hover, .navbar-vertical .nav li a:active, .navbar-vertical .nav li a:focus {
    background-color: white;
    color: #35404f; }
.navbar-vertical .nav li a i {
    font-size: 16px;
    margin-top: 2px; }
.navbar-vertical .nav li .dropdown-menu {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none; }
@media (min-width: 767px) {
    .navbar-vertical .nav li .dropdown-menu {
        top: 0;
        left: 100%; } }
.navbar-vertical .nav li .dropdown-menu li a {
    background-color: #ffffff;
    border-color: white;
    font-size: 14px;
    color: #878c94; }
.navbar-vertical .nav li .dropdown-menu li a:hover, .navbar-vertical .nav li .dropdown-menu li a:active, .navbar-vertical .nav li .dropdown-menu li a:focus {
    background-color: white;
    color: #35404f; }
.navbar-vertical .nav li .dropdown-menu li.divider {
    background-color: white; }
@media (min-width: 767px) {
    .navbar-vertical .nav li:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        display: block; } }

/*===================
=====Slider==========
===================*/
.swiper-container {
    width: 100%;
    height: 700px;
    position: relative; }
.swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: inherit; }
.swiper-container .swiper-slide .slider-content {
    display: table;
    height: 100%; }
.swiper-container .swiper-slide .slider-content .box {
    display: table-cell;
    vertical-align: middle;
    padding: 0 80px 0 150px; }
.swiper-container .swiper-slide .big-title {
    font-size: 5em; }
@media (max-width: 767px) {
    .swiper-container .swiper-slide .big-title {
        font-size: 4em; } }
.swiper-container .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background-color: #f7f7f7;
    opacity: 1; }
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #0cd4d2; }

/*===================
======Blog===========
===================*/
.blog .blog-title {
    margin-bottom: 20px; }
.blog .blog-content .blog-meta {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    margin: 20px 0;
    padding: 5px 0; }
.blog .blog-content .blog-meta ul li {
    margin: 0; }
@media (min-width: 767px) {
    .blog .blog-content .blog-meta .meta-info {
        float: left; } }
.blog .blog-content .blog-description {
    clear: both;
    margin-bottom: 20px; }

/*===================
=====comments========
===================*/
.comments {
    margin: 20px 0; }
.comments .comment-image {
    width: 100px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.02); }
@media (max-width: 767px) {
    .comments .comment-image {
        width: 100%; } }
.comments .comment-content {
    margin-left: 105px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08); }
.comments .comment-content .comment-content-head .comment-title {
    float: left; }
.comments .comment-content .comment-content-head .comment-meta {
    text-align: right; }
@media (max-width: 767px) {
    .comments .comment-content {
        margin-left: 0px; } }

/*===================
=====footer==========
===================*/
.footer {
    padding: 10px 0 20px 0;
    background-color: #f7f7f7;
    color: #878c94;
}

#footersec{
    background-color: #f7f7f7;
}
#footertxt
{
    font-size: 13px;
    color: #90987d;
}
.footer hr {
    background-color: rgba(255, 255, 255, 0.1); }
.footer hr.no-border {
    background-color: transparent; }
.footer .title {
    color: #f7f7f7; }
.footer a {
    color: #878c94; }
.footer a:hover, .footer a:active, .footer a:focus {
    color: #f5821f; }
.footer.light {
    background-color: #ffffff;
    border-top: 1px solid #eaeaea; }
.footer.light hr.no-border {
    background-color: transparent; }
.footer.light .title {
    color: #35404f; }
.footer.light a:hover, .footer.light a:active, .footer.light a:focus {
    color: #0cd4d2; }

/*===================
=====typography======
===================*/
/*default*/
.alt-font {
    font-family: 'Dosis', sans-serif; }

p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 26px; }

blockquote {
    font-size: 18px;
    border-color: #0cd4d2;
    padding: 20px 40px;
    text-align: left; }

.thin {
    font-weight: 300; }

.regular {
    font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #35404f; }

h1 {
    font-size: 40px; }

h2 {
    font-size: 36px; }

h3 {
    font-size: 32px; }

h4 {
    font-size: 28px; }

h5 {
    font-size: 24px; }

h6 {
    font-size: 18px; }

em {
    font-family: 'Roboto Slab', serif; }

a {
    color: #35404f;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
a:hover, a:active, a:focus {
    color:  #f5821f;
    text-decoration: none; }

.text-sm {
    font-size: 14px; }

.text-xs {
    font-size: 12px; }

.box-shadow {
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px; }

/*lists*/
.list {
    padding-left: 19px; }
.list li {
    line-height: 30px;
    margin-bottom: 5px; }
.list.list-unstyled {
    margin: 0;
    padding: 0; }

.alt-list li {
    list-style: none;
    position: relative;
    padding-left: 8px; }
.alt-list li i:first-child {
    position: absolute;
    left: -18px;
    top: 10px;
    width: 20px;
    height: 20px;
    line-height: 15px;
    font-size: 11px;
    text-align: center; }

.list-inline {
    padding: 0px; }
.list-inline.alt-list li {
    margin-right: 18px; }
.list-inline.alt-list li:last-child {
    margin-right: 0; }

dl dt {
    margin-bottom: 5px;
    color: #35404f; }
dl dd {
    margin-bottom: 10px; }

.dl-horizontal dt, .dl-horizontal dd {
    margin-bottom: 10px;
    text-align: left; }

/*dropcaps*/
.dropcap {
    float: left;
    font-size: 26px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    margin: 5px 15px 0 0; }

/*titles*/
.title-wrap {
    margin-bottom: 40px;
    text-align: center;
    overflow: hidden;
    text-align: center; }
.title-wrap .title.lines {
    display: inline-block;
    padding: 0 25px;
    position: relative; }
.title-wrap .title.lines:before, .title-wrap .title.lines:after {
    background-color: rgba(0, 0, 0, 0.08);
    content: " ";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 500%; }
.title-wrap .title.lines:before {
    right: 100%; }
.title-wrap .title.lines:after {
    left: 100%; }
.title-wrap .subtitle {
    color: #878c94;
    font-weight: 400;
    margin: 0; }
.title-wrap label {
    font-weight: 400;
    font-size: 18px;
    font-family: 'Roboto Slab', serif; }

.subtitle {
    margin-bottom: 25px; }

/*divider - hr*/
hr {
    position: relative;
    border-color: rgba(0, 0, 0, 0.1); }
hr.no-border {
    border-color: transparent; }

/*spacer*/
.spacer-5 {
    margin: 5px auto; }

.spacer-10 {
    margin: 10px auto; }

.spacer-20 {
    margin: 20px auto; }

.spacer-30 {
    margin: 30px auto; }

.spacer-40 {
    margin: 40px auto; }

.spacer-50 {
    margin: 50px auto; }

.spacer-60 {
    margin: 60px auto; }

.spacer-70 {
    margin: 70px auto; }

.spacer-80 {
    margin: 80px auto; }

.spacer-90 {
    margin: 90px auto; }

.spacer-100 {
    margin: 100px auto; }

/*margins*/
.mt-5 {
    margin-top: 5px; }

.mt-10 {
    margin-top: 10px; }

.mt-15 {
    margin-top: 15px; }

.mt-20 {
    margin-top: 20px; }

.mt-25 {
    margin-top: 25px; }

.mt-30 {
    margin-top: 30px; }

.mt-35 {
    margin-top: 35px; }

.mt-40 {
    margin-top: 40px; }

.mt-45 {
    margin-top: 45px; }

.mt-50 {
    margin-top: 50px; }

.mr-5 {
    margin-right: 5px; }

.mr-10 {
    margin-right: 10px; }

.mr-15 {
    margin-right: 15px; }

.mr-20 {
    margin-right: 20px; }

.mr-25 {
    margin-right: 25px; }

.mr-30 {
    margin-right: 30px; }

.mr-35 {
    margin-right: 35px; }

.mr-40 {
    margin-right: 40px; }

.mr-45 {
    margin-right: 45px; }

.mr-50 {
    margin-right: 50px; }   
.mb-5 {
    margin-bottom: 5px; }

.mb-10 {
    margin-bottom: 10px; }

.mb-15 {
    margin-bottom: 15px; }

.mb-20 {
    margin-bottom: 20px; }

.mb-25 {
    margin-bottom: 25px; }

.mb-30 {
    margin-bottom: 30px; }

.mb-35 {
    margin-bottom: 35px; }

.mb-40 {
    margin-bottom: 40px; }

.mb-45 {
    margin-bottom: 45px; }

.mb-50 {
    margin-bottom: 50px; }

.ml-5 {
    margin-left: 5px; }
    
.ml-8 {
    margin-left: 8px; 
}

.ml-10 {
    margin-left: 10px; }

.ml-15 {
    margin-left: 15px; }

.ml-20 {
    margin-left: 20px; }

.ml-25 {
    margin-left: 25px; }

.ml-30 {
    margin-left: 30px; }

.ml-35 {
    margin-left: 35px; }

.ml-40 {
    margin-left: 40px; }

.ml-45 {
    margin-left: 45px; }

.ml-50 {
    margin-left: 50px; }

/*Contextual Backgrounds*/
.primary-background {
    background-color: #0cd4d2;
    color: #ffffff; }

.white-background {
    background-color: #ffffff; }

.light-background {
    background-color: #f7f7f7;
    color: #35404f; }

.gray-background {
    background-color: #878c94;
    color: #ffffff; }

.dark-background {
    background-color: #35404f;
    color: #ffffff; }

.success-background {
    background-color: #5ed35e;
    color: #ffffff; }

.info-background {
    background-color: #64d5f6;
    color: #ffffff; }

.warning-background {
    background-color: #fcbe66;
    color: #ffffff; }

.danger-background {
    background-color: #e55e5a;
    color: #ffffff; }

/*Contextual Colors*/
.text-primary {
    color: #0cd4d2; }

.text-dark {
    color: #35404f; }

.text-gray {
    color: #878c94; }

.text-light {
    color: #f7f7f7; }

.text-white {
    color: #ffffff; }

.text-success {
    color: #5ed35e; }

.text-info {
    color: #64d5f6; }

.text-warning {
    color: #fcbe66; }

.text-danger {
    color: #e55e5a; }

/*labels*/
.label-default {
    background-color: rgba(0, 0, 0, 0.1);
    color: #35404f; }

.label-primary {
    background-color: #0cd4d2;
    color: #ffffff; }

.label-warning {
    background-color: #fcbe66;
    color: #ffffff; }

.label-info {
    background-color: #64d5f6;
    color: #ffffff; }

.label-success {
    background-color: #5ed35e;
    color: #ffffff; }

.label-danger {
    background-color: #e55e5a;
    color: #ffffff; }

/*corners*/
.round {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }

.semi-circle {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px; }

/*tooltip*/
.tooltip .tooltip-inner {
    padding: 4px 7px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999; }
.tooltip.top .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, 0.8); }
.tooltip.right .tooltip-arrow {
    border-right-color: rgba(0, 0, 0, 0.8); }
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(0, 0, 0, 0.8); }
.tooltip.left .tooltip-arrow {
    border-left-color: rgba(0, 0, 0, 0.8); }

/*===================
=====Sections========
===================*/
.section {
    position: relative;
    padding: 10px 0; }

.section-medium {
    position: relative;
    padding: 140px 0; }

.section-big {
    position: relative;
    padding: 280px 0; }

.white-backgorund {
    background-color: #ffffff; }

.light-backgorund {
    background-color: white; }

.image-background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #f7f7f7; }
.image-background.fixed {
    background-attachment: fixed; }

.layer-white::before {
    content: ' ';
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.layer-dark::before {
    content: ' ';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

/*===================
=====Figure=========
===================*/
figure {
    position: relative;
    overflow: hidden; }
figure img {
    width: 100%; }
figure figcaption {
    color: #878c94;
    font-size: 13px;
    padding: 5px 0; }
figure.zoom-in img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
figure.zoom-in:hover img {
    -ms-transform: scale(1.15);
    /* IE 9 */
    -webkit-transform: scale(1.15);
    /* Chrome, Safari, Opera */
    transform: scale(1.15); }
figure.zoom-out img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
figure.zoom-out:hover img {
    -ms-transform: scale(0.9);
    /* IE 9 */
    -webkit-transform: scale(0.9);
    /* Chrome, Safari, Opera */
    transform: scale(0.9); }

/*===================
=====Buttons=========
===================*/
.btn {
    padding-left: 23px;
    padding-right: 23px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    /*socials*/ }
.btn.round {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
.btn.semi-circle {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px; }
.btn.btn-default {
    color: #777474;
    font-weight: 700;
    background-color: white;
    border: 1px solid #d3dcdc; }
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
    /*color: #ffffff;*/
    background-color: #0bc6c4;
    border: 1px solid #0bc6c4; }
.btn.btn-dark {
    color: #ffffff;
    background-color: #35404f;
    border: 1px solid #35404f; }
.btn.btn-dark:hover, .btn.btn-dark:active, .btn.btn-dark:focus {
    color: #ffffff;
    background-color: #2b3440;
    border: 1px solid #2b3440; }
.btn.btn-gray {
    color: #ffffff;
    background-color: #878c94;
    border: 1px solid #878c94; }
.btn.btn-gray:hover, .btn.btn-gray:active, .btn.btn-gray:focus {
    color: #ffffff;
    background-color: #7a7f88;
    border: 1px solid #7a7f88; }
.btn.btn-light {
    color: #35404f;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7; }
.btn.btn-light:hover, .btn.btn-light:active, .btn.btn-light:focus {
    color: #35404f;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-success {
    color: #ffffff;
    background-color: #5ed35e;
    border: 1px solid #5ed35e; }
.btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {
    color: #ffffff;
    background-color: #4ace4a;
    border: 1px solid #4ace4a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-info {
    color: #ffffff;
    background-color: #64d5f6;
    border: 1px solid #64d5f6; }
.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:focus {
    color: #ffffff;
    background-color: #4ccef5;
    border: 1px solid #4ccef5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-warning {
    color: #ffffff;
    background-color: #fcbe66;
    border: 1px solid #fcbe66; }
.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus {
    color: #ffffff;
    background-color: #fcb34d;
    border: 1px solid #fcb34d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-danger {
    color: #ffffff;
    background-color: #e55e5a;
    border: 1px solid #e55e5a; }
.btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus {
    color: #ffffff;
    background-color: #e24944;
    border: 1px solid #e24944;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-default-outline {
    color: #0cd4d2;
    background-color: transparent;
    border: 1px solid #0cd4d2; }
.btn.btn-default-outline:hover, .btn.btn-default-outline:active, .btn.btn-default-outline:focus {
    color: #ffffff;
    background-color: #0cd4d2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-dark-outline {
    color: #35404f;
    background-color: transparent;
    border: 1px solid #35404f; }
.btn.btn-dark-outline:hover, .btn.btn-dark-outline:active, .btn.btn-dark-outline:focus {
    color: #ffffff;
    background-color: #35404f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-gray-outline {
    color: #878c94;
    background-color: transparent;
    border: 1px solid #878c94; }
.btn.btn-gray-outline:hover, .btn.btn-gray-outline:active, .btn.btn-gray-outline:focus {
    color: #ffffff;
    background-color: #878c94;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-light-outline {
    color: #878c94;
    background-color: transparent;
    border: 1px solid #f7f7f7; }
.btn.btn-light-outline:hover, .btn.btn-light-outline:active, .btn.btn-light-outline:focus {
    color: #35404f;
    background-color: #f7f7f7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-success-outline {
    color: #5ed35e;
    background-color: transparent;
    border: 1px solid #5ed35e; }
.btn.btn-success-outline:hover, .btn.btn-success-outline:active, .btn.btn-success-outline:focus {
    color: #ffffff;
    background-color: #5ed35e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-info-outline {
    color: #64d5f6;
    background-color: transparent;
    border: 1px solid #64d5f6; }
.btn.btn-info-outline:hover, .btn.btn-info-outline:active, .btn.btn-info-outline:focus {
    color: #ffffff;
    background-color: #64d5f6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-warning-outline {
    color: #fcbe66;
    background-color: transparent;
    border: 1px solid #fcbe66; }
.btn.btn-warning-outline:hover, .btn.btn-warning-outline:active, .btn.btn-warning-outline:focus {
    color: #ffffff;
    background-color: #fcbe66;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-danger-outline {
    color: #e55e5a;
    background-color: transparent;
    border: 1px solid #e55e5a; }
.btn.btn-danger-outline:hover, .btn.btn-danger-outline:active, .btn.btn-danger-outline:focus {
    color: #ffffff;
    background-color: #e55e5a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-dark-outline-transparent {
    color: #35404f;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2); }
.btn.btn-dark-outline-transparent:hover, .btn.btn-dark-outline-transparent:active, .btn.btn-dark-outline-transparent:focus {
    color: #35404f;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-light-outline-transparent {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2); }
.btn.btn-light-outline-transparent:hover, .btn.btn-light-outline-transparent:active, .btn.btn-light-outline-transparent:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-facebook {
    color: #ffffff;
    background-color: #3b5998; }
.btn.btn-facebook:hover, .btn.btn-facebook:active, .btn.btn-facebook:focus {
    color: #ffffff;
    background-color: #4264aa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-twitter {
    color: #ffffff;
    background-color: #1da1f2; }
.btn.btn-twitter:hover, .btn.btn-twitter:active, .btn.btn-twitter:focus {
    color: #ffffff;
    background-color: #35abf3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-google-plus {
    color: #ffffff;
    background-color: #d44032; }
.btn.btn-google-plus:hover, .btn.btn-google-plus:active, .btn.btn-google-plus:focus {
    color: #ffffff;
    background-color: #d85447;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-linkedin {
    color: #ffffff;
    background-color: #1b85bd; }
.btn.btn-linkedin:hover, .btn.btn-linkedin:active, .btn.btn-linkedin:focus {
    color: #ffffff;
    background-color: #1e95d3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-pinterest {
    color: #ffffff;
    background-color: #bd081c; }
.btn.btn-pinterest:hover, .btn.btn-pinterest:active, .btn.btn-pinterest:focus {
    color: #ffffff;
    background-color: #d50920;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-behance {
    color: #ffffff;
    background-color: #1769ff; }
.btn.btn-behance:hover, .btn.btn-behance:active, .btn.btn-behance:focus {
    color: #ffffff;
    background-color: #3179ff;
    opacity: .9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-dribbble {
    color: #ffffff;
    background-color: #e14984; }
.btn.btn-dribbble:hover, .btn.btn-dribbble:active, .btn.btn-dribbble:focus {
    color: #ffffff;
    background-color: #e55f93;
    opacity: .9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.btn.btn-instagram {
    color: #ffffff;
    background-color: #f4b97a; }
.btn.btn-instagram:hover, .btn.btn-instagram:active, .btn.btn-instagram:focus {
    color: #ffffff;
    background-color: #f6c592;
    opacity: .9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/*Market Button*/
.btn-app-store, .btn-google-play, .btn-windows, .btn-amazon {
    display: inline-block;
    width: 130px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat; }

.btn-app-store {
    background-image: url(../img/market_logo/app-store.png); }

.btn-google-play {
    background-image: url(../img/market_logo/google-play.png); }

.btn-windows {
    width: 160px;
    background-image: url(../img/market_logo/windows.png); }

.btn-amazon {
    background-image: url(../img/market_logo/amazon.png); }


/*===================
===Alerts======
===================*/
.alert-success {
    background-color: #5ed35e;
    border: none;
    color: #ffffff; }
.alert-success .close {
    text-shadow: none;
    opacity: .4; }
.alert-success .close:hover {
    color: #ffffff;
    opacity: 1; }

.alert-info {
    background-color: #64d5f6;
    border: none;
    color: #ffffff; }
.alert-info .close {
    text-shadow: none;
    opacity: .4; }
.alert-info .close:hover {
    color: #ffffff;
    opacity: 1; }

.alert-warning {
    background-color: #fcbe66;
    border: none;
    color: #ffffff; }
.alert-warning .close {
    text-shadow: none;
    opacity: .4; }
.alert-warning .close:hover {
    color: #ffffff;
    opacity: 1; }

.alert-danger {
    font-size: 12px;
    padding: 7px;
    background-color: #e55e5a;
    border: none;
    color: #ffffff; }
.alert-danger .close {
    text-shadow: none;
    opacity: .4; }
.alert-danger .close:hover {
    color: #ffffff;
    opacity: .9; }

/*===================
====Tables===========
===================*/
.table thead tr th {
    color: #35404f;
    padding: 18px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-color: rgba(0, 0, 0, 0.02); }
.table thead tr.active th {
    background-color: rgba(240, 240, 240, 0.5); }
.table thead tr.active td {
    background-color: rgba(240, 240, 240, 0.5); }
.table thead tr.success th {
    background-color: #5ed35e;
    color: #ffffff; }
.table thead tr.success td {
    background-color: #5ed35e;
    color: #ffffff; }
.table thead tr.info th {
    background-color: #64d5f6;
    color: #ffffff; }
.table thead tr.info td {
    background-color: #64d5f6;
    color: #ffffff; }
.table thead tr.warning th {
    background-color: #fcbe66;
    color: #ffffff; }
.table thead tr.warning td {
    background-color: #fcbe66;
    color: #ffffff; }
.table thead tr.danger th {
    background-color: #e55e5a;
    color: #ffffff; }
.table thead tr.danger td {
    background-color: #e55e5a;
    color: #ffffff; }
.table tbody tr th {
    color: #35404f;
    padding: 18px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-color: rgba(0, 0, 0, 0.02); }
.table tbody tr td {
    padding: 18px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-color: rgba(0, 0, 0, 0.02); }
.table tbody tr.active th {
    background-color: rgba(240, 240, 240, 0.5); }
.table tbody tr.active td {
    background-color: rgba(240, 240, 240, 0.5); }
.table tbody tr.success th {
    background-color: #5ed35e;
    color: #ffffff; }
.table tbody tr.success td {
    background-color: #5ed35e;
    color: #ffffff; }
.table tbody tr.info th {
    background-color: #64d5f6;
    color: #ffffff; }
.table tbody tr.info td {
    background-color: #64d5f6;
    color: #ffffff; }
.table tbody tr.warning th {
    background-color: #fcbe66;
    color: #ffffff; }
.table tbody tr.warning td {
    background-color: #fcbe66;
    color: #ffffff; }
.table tbody tr.danger th {
    background-color: #e55e5a;
    color: #ffffff; }
.table tbody tr.danger td {
    background-color: #e55e5a;
    color: #ffffff; }
.table.table-bordered {
    border-color: rgba(0, 0, 0, 0.02); }
.table.table-bordered thead tr th {
    border-color: rgba(0, 0, 0, 0.02); }
.table.table-bordered tbody tr th {
    border-color: rgba(0, 0, 0, 0.02); }
.table.table-bordered tbody tr td {
    border-color: rgba(0, 0, 0, 0.02); }
.table.no-border td, .table.no-border th {
    border: none; }
.table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.03); }
.table.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.03); }

/*===================
====Pagination=======
===================*/
.pagination li a {
    border: none;
    background-color: transparent;
    color: #878c94;
    /*    margin-left: 12px;
        margin-bottom: 7px;*/
    padding: 0px; }
.pagination li a:hover, .pagination li a:active, .pagination li a:focus {
    color: #35404f;
    background-color: transparent; }
.pagination li.active a {
    background-color: #f5821f;
    color: white; }
.pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus {
    background-color: transparent;
    color: #0cd4d2; }
.pagination li.disabled a {
    background-color: transparent;
    color: #878c94; }
.pagination li.disabled a:hover, .pagination li.disabled a:active, .pagination li.disabled a:focus {
    background-color: transparent;
    color: #35404f; }

/*pager*/
.pager li a {
    background-color: transparent;
    color: #878c94;
    border: none;
    margin-left: 7px;
    padding: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
.pager li a:hover, .pager li a:active, .pager li a:focus {
    background-color: transparent;
    color: #35404f; }
.pager li.disabled a {
    background-color: transparent;
    color: #878c94; }
.pager li.disabled a:hover, .pager li.disabled a:active, .pager li.disabled a:focus {
    background-color: transparent;
    color: #878c94; }

/*===================
======Quotes=========
===================*/
.quote {
    position: relative;
    padding: 0 20px; }
.quote .quote-mark {
    font-size: 6em;
    line-height: 0;
    position: absolute;
    left: -15px;
    top: 35px;
    color: #0cd4d2; }
.quote p {
    font-style: italic; }
.quote .quote-author {
    clear: both;
    display: table;
    margin-top: 20px;
    margin-left: 20px; }
.quote .quote-author .author-img {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    margin-right: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 10px;
    -ms-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 10px; }
.quote .quote-author .author-name {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px; }

/*===================
======Forms==========
===================*/
.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 6px;
    border: 1px solid #7d7d7d;
    background-color: #ffffff;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
.form-control:hover, .form-control:active, .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.form-control:active, .form-control:focus {
    /*border: 1px solid #35404f;*/ }
.form-control.input-lg {
    font-size: 13px;
}
.reginputs
{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 90%;
}
.contdiv1
{
    padding-left: 29%;
    padding-bottom:10px;
}

.left-35 {
    padding-left: 36%;
}

.left-24 {
    padding-left: 24%;
}

.reghr
{
    width:49%;
    margin-left:28%
}
#txtregabout
{
   
    resize: none;
}
.txteditabout
{
    width: 550px;
    resize: none;
}
#txthelppara
{
    width:75%;
    font-size:14px;
    line-height: 18px;

}
#help_compname
{
    color:#f5821f;
    font-weight:bold;
}
#coun_code
{
    position: relative;
    border: none;
    top: 33px;
    left: -80px;
    width: 60px;
    height: 27px;
    /*color: #fbfbfb;*/
}
.input-group-addon {
    padding: 6px 12px;
    color: #878c94;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }

.has-success .checkbox-input,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox-input label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #5ed35e; }

.has-success .form-control {
    border-color: #5ed35e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.has-success .form-control:hover, .has-success .form-control:active, .has-success .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border-color: #5ed35e; }

.has-warning .checkbox-input,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox-input label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #fcbe66; }

.has-warning .form-control {
    border-color: #fcbe66;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.has-warning .form-control:hover, .has-warning .form-control:active, .has-warning .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border-color: #fcbe66; }

.has-error .checkbox-input,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox-input label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #e55e5a; }

.has-error .form-control {
    border-color: #e55e5a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.has-error .form-control:hover, .has-error .form-control:active, .has-error .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border-color: #e55e5a; }

/*checkbox*/
.checkbox-input {
    padding-left: 5px; }
.checkbox-input label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-weight: 400; }
.checkbox-input label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #878c94;
    border-radius: 0px;
    background-color: #ffffff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -moz-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -ms-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox-input label::after {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #878c94;
    text-align: center; }
.checkbox-input.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #0cd4d2;
    border-color: #0cd4d2; }
.checkbox-input.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #ffffff; }
.checkbox-input.checkbox-primary label::before {
    border: 1px solid #0cd4d2; }
.checkbox-input.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5ed35e;
    border-color: #5ed35e; }
.checkbox-input.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #ffffff; }
.checkbox-input.checkbox-success label::before {
    border: 1px solid #5ed35e; }
.checkbox-input.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #64d5f6;
    border-color: #64d5f6; }
.checkbox-input.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #ffffff; }
.checkbox-input.checkbox-info label::before {
    border: 1px solid #64d5f6; }
.checkbox-input.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #fcbe66;
    border-color: #fcbe66; }
.checkbox-input.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #ffffff; }
.checkbox-input.checkbox-warning label::before {
    border: 1px solid #fcbe66; }
.checkbox-input.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #e55e5a;
    border-color: #e55e5a; }
.checkbox-input.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #ffffff; }
.checkbox-input.checkbox-danger label::before {
    border: 1px solid #e55e5a; }
.checkbox-input.checkbox-inline {
    margin-top: 0;
    padding-left: 20px; }

.radio-input {
    padding-left: 5px; }
.radio-input label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-weight: 400; }
.radio-input label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #878c94;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: border 0.15s ease-in-out;
    -moz-transition: border 0.15s ease-in-out;
    -ms-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio-input label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #878c94;
    -ms-transform: scale(0, 0);
    /* IE 9 */
    -webkit-transform: scale(0, 0);
    /* Chrome, Safari, Opera */
    transform: scale(0, 0);
    -webkit-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -ms-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio-input input[type="radio"] {
    opacity: 0;
    z-index: 1; }
.radio-input input[type="radio"]:focus + label::before {
    outline: none; }
.radio-input input[type="radio"]:checked + label::after {
    -ms-transform: scale(1, 1);
    /* IE 9 */
    -webkit-transform: scale(1, 1);
    /* Chrome, Safari, Opera */
    transform: scale(1, 1); }
.radio-input input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio-input input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio-input.radio-inline {
    margin-top: 0;
    padding-left: 20px; }
.radio-input.radio-primary input[type="radio"]:checked + label::before {
    border-color: #0cd4d2; }
.radio-input.radio-primary input[type="radio"]:checked + label::after {
    background-color: #0cd4d2; }
.radio-input.radio-primary label::before {
    border: 1px solid #0cd4d2; }
.radio-input.radio-success input[type="radio"]:checked + label::before {
    border-color: #5ed35e; }
.radio-input.radio-success input[type="radio"]:checked + label::after {
    background-color: #5ed35e; }
.radio-input.radio-success label::before {
    border: 1px solid #5ed35e; }
.radio-input.radio-info input[type="radio"]:checked + label::before {
    border-color: #64d5f6; }
.radio-input.radio-info input[type="radio"]:checked + label::after {
    background-color: #64d5f6; }
.radio-input.radio-info label::before {
    border: 1px solid #64d5f6; }
.radio-input.radio-warning input[type="radio"]:checked + label::before {
    border-color: #fcbe66; }
.radio-input.radio-warning input[type="radio"]:checked + label::after {
    background-color: #fcbe66; }
.radio-input.radio-warning label::before {
    border: 1px solid #fcbe66; }
.radio-input.radio-danger input[type="radio"]:checked + label::before {
    border-color: #e55e5a; }
.radio-input.radio-danger input[type="radio"]:checked + label::after {
    background-color: #e55e5a; }
.radio-input.radio-danger label::before {
    border: 1px solid #e55e5a; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c"; }

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff; }

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff; }

/*===================
=====Member==========
===================*/
.member {
    padding: 0 10px;
    text-align: center;
    margin-bottom: 30px; }
.member.zoom-in img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
.member.zoom-in:hover img {
    -ms-transform: scale(1.15);
    /* IE 9 */
    -webkit-transform: scale(1.15);
    /* Chrome, Safari, Opera */
    transform: scale(1.15); }
.member figure {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 7px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 7px;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 7px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 5px 7px; }
.member figure .social-icons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 9; }
.member figure::after {
    content: ' ';
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
.member:hover figure .social-icons {
    bottom: 10px;
    visibility: visible;
    opacity: 1; }
.member:hover figure::after {
    visibility: visible;
    opacity: 1; }
.member .member-content {
    margin: 0;
    padding: 10px 0; }
.member .member-content h5 {
    font-size: 20px;
    margin: 0 0 10px 0; }
.member .member-content h6 {
    font-size: 16px;
    margin: 0;
    color: #878c94; }

/*member style 2*/
.member2 {
    padding: 0 10px;
    text-align: center;
    margin-bottom: 30px; }
.member2 figure {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 7px 20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 7px 20px;
    -ms-box-shadow: rgba(0, 0, 0, 0.2) 0 7px 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 7px 20px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.member2:hover figure {
    -ms-transform: scale(0.9);
    /* IE 9 */
    -webkit-transform: scale(0.9);
    /* Chrome, Safari, Opera */
    transform: scale(0.9); }

/*===================
======Tabs===========
===================*/
.nav-tabs.style1 {
    border-bottom: 2px solid rgba(0, 0, 0, 0.04); }
.nav-tabs.style1 li {
    float: none;
    display: inline-block;
    margin-bottom: -2px; }
.nav-tabs.style1 li a {
    color: #878c94;
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 2px solid transparent; }
.nav-tabs.style1 li a:hover, .nav-tabs.style1 li a:active, .nav-tabs.style1 li a:focus {
    color: #35404f;
    background-color: transparent;
    border-color: transparent; }
.nav-tabs.style1 li.active a {
    color: #35404f;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #35404f; }
.nav-tabs.style1 li.active a:hover, .nav-tabs.style1 li.active a:active, .nav-tabs.style1 li.active a:focus {
    color: #35404f;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #35404f; }
.nav-tabs.style2.tabs-left {
    border-right: 1px solid transparent; }
.nav-tabs.style2.tabs-right {
    border-left: 1px solid transparent; }
.nav-tabs.style2 li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.nav-tabs.style2 li a {
    color: #878c94;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.nav-tabs.style2 li a:hover, .nav-tabs.style2 li a:active, .nav-tabs.style2 li a:focus {
    color: #35404f;
    background-color: transparent;
    border-color: transparent; }
.nav-tabs.style2 li.active a {
    color: #35404f;
    cursor: pointer;
    background-color: transparent;
    border: none; }
.nav-tabs.style2 li.active a:hover, .nav-tabs.style2 li.active a:active, .nav-tabs.style2 li.active a:focus {
    color: #35404f;
    cursor: pointer;
    background-color: transparent;
    border: none; }

.tab-content {
    padding: 0px 0; }
.tab-content.style2 {
    padding: 20px 20px;
    border: 1px solid rgba(0, 0, 0, 0.08); }

/*vertical*/
.tabs-left, .tabs-right {
    border-bottom: none;
    padding-top: 2px; }
.tabs-left > li, .tabs-right > li {
    float: none;
    margin-bottom: 2px; }

/*===================
===Accordions========
===================*/
.accordion.panel-group .panel, .toggle.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.accordion.style1 .panel, .toggle.style1 .panel {
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: transparent; }
.accordion.style1 .panel .panel-heading, .toggle.style1 .panel .panel-heading {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent; }
.accordion.style1 .panel .panel-heading a, .toggle.style1 .panel .panel-heading a {
    display: block;
    text-decoration: none;
    outline: 0;
    padding: 5px 0;
    position: relative;
    padding-left: 30px;
    color: #35404f; }
.accordion.style1 .panel .panel-heading .panel-title a::before, .toggle.style1 .panel .panel-heading .panel-title a::before {
    font-family: FontAwesome;
    content: "\f056";
    display: block;
    font-size: 24px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    color: #0cd4d2; }
.accordion.style1 .panel .panel-heading .panel-title a.collapsed, .toggle.style1 .panel .panel-heading .panel-title a.collapsed {
    color: #878c94; }
.accordion.style1 .panel .panel-heading .panel-title a.collapsed::before, .toggle.style1 .panel .panel-heading .panel-title a.collapsed::before {
    content: "\f055";
    color: #878c94; }
.accordion.style1 .panel .panel-body, .toggle.style1 .panel .panel-body {
    border-top: none !important;
    background-color: transparent; }
.accordion.style2 .panel, .toggle.style2 .panel {
    border-color: rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
.accordion.style2 .panel .panel-heading, .toggle.style2 .panel .panel-heading {
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.08); }
.accordion.style2 .panel .panel-heading a, .toggle.style2 .panel .panel-heading a {
    display: block;
    text-decoration: none;
    outline: 0;
    padding: 15px 15px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.06);
    color: #35404f; }
.accordion.style2 .panel .panel-heading .panel-title a.collapsed, .toggle.style2 .panel .panel-heading .panel-title a.collapsed {
    color: #878c94; }
.accordion.style2 .panel .panel-body, .toggle.style2 .panel .panel-body {
    background-color: #ffffff; }
.accordion.style3 .panel, .toggle.style3 .panel {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: transparent; }
.accordion.style3 .panel .panel-heading, .toggle.style3 .panel .panel-heading {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 0; }
.accordion.style3 .panel .panel-heading a, .toggle.style3 .panel .panel-heading a {
    display: block;
    text-decoration: none;
    outline: 0;
    padding: 15px 10px 15px 0;
    position: relative;
    color: #0cd4d2; }
.accordion.style3 .panel .panel-heading .panel-title a::after, .toggle.style3 .panel .panel-heading .panel-title a::after {
    font-family: FontAwesome;
    content: "\f107";
    display: block;
    font-size: 24px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    color: #0cd4d2; }
.accordion.style3 .panel .panel-heading .panel-title a.collapsed, .toggle.style3 .panel .panel-heading .panel-title a.collapsed {
    color: #878c94; }
.accordion.style3 .panel .panel-heading .panel-title a.collapsed::after, .toggle.style3 .panel .panel-heading .panel-title a.collapsed::after {
    content: "\f105";
    color: #878c94; }
.accordion.style3 .panel .panel-body, .toggle.style3 .panel .panel-body {
    border-top: none !important;
    background-color: transparent; }

/*===================
=====pills===========
===================*/
.nav-pills.style1 {
    display: inline-block; }
@media (max-width: 767px) {
    .nav-pills.style1 {
        display: block; } }
.nav-pills.style1 li {
    margin-left: -1px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-left-color: rgba(0, 0, 0, 0.04);
    border-right-color: rgba(0, 0, 0, 0.04); }
@media (max-width: 767px) {
    .nav-pills.style1 li {
        float: none; } }
.nav-pills.style1 li:last-child {
    border-right-color: rgba(0, 0, 0, 0.06); }
.nav-pills.style1 li:first-child {
    border-left-color: rgba(0, 0, 0, 0.06); }
.nav-pills.style1 li a {
    background-color: rgba(0, 0, 0, 0.04);
    padding: 15px 50px;
    color: #35404f;
    font-weight: 500;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.nav-pills.style1 li a:hover, .nav-pills.style1 li a:active, .nav-pills.style1 li a:focus {
    background-color: transparent; }
.nav-pills.style1 li.active {
    position: relative; }
.nav-pills.style1 li.active a {
    background-color: transparent;
    color: #35404f; }
.nav-pills.style1 li.active a .icon {
    opacity: .3; }
.nav-pills.style1 li.active a:hover, .nav-pills.style1 li.active a:active, .nav-pills.style1 li.active a:focus {
    background-color: transparent; }
.nav-pills.style2 li a {
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.04);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 20px 20px;
    color: #35404f; }
.nav-pills.style2 li a .icon {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    right: 15px;
    font-size: 30px;
    opacity: .1; }
.nav-pills.style2 li a:hover, .nav-pills.style2 li a:active, .nav-pills.style2 li a:focus {
    background-color: rgba(0, 0, 0, 0.06); }
.nav-pills.style2 li.active {
    position: relative; }
.nav-pills.style2 li.active a {
    background-color: #0cd4d2;
    color: #ffffff; }
.nav-pills.style2 li.active a .icon {
    opacity: .3; }
.nav-pills.style2 li.active a:hover, .nav-pills.style2 li.active a:active, .nav-pills.style2 li.active a:focus {
    background-color: #0cd4d2; }
@media (min-width: 767px) {
    .nav-pills.style2 li.active a:after, .nav-pills.style2 li.active a:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        -ms-transform: translateX(-50%);
        /* IE 9 */
        -webkit-transform: translateX(-50%);
        /* Chrome, Safari, Opera */
        transform: translateX(-50%); }
    .nav-pills.style2 li.active a:after {
        border-color: transparent;
        border-top-color: #0cd4d2;
        border-width: 8px; }
    .nav-pills.style2 li.active a:before {
        border-color: transparent;
        border-top-color: #0cd4d2;
        border-width: 12px;
        opacity: .2; } }

/*===================
===Carousels======
===================*/
/*====slider=====*/
.home-slide.carousel .item {
    height: 550px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
.home-slide.carousel .item .item-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); }
@media screen and (min-width: 768px) {
    .home-slide.carousel .item .carousel-caption {
        right: 15%;
        left: 15%;
        padding-bottom: 40px; } }
.home-slide.carousel .carousel-indicators li {
    margin: 2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border: none; }
.home-slide.carousel .carousel-indicators li.active {
    background-color: #0cd4d2; }
@media screen and (min-width: 768px) {
    .home-slide.carousel .carousel-indicators {
        bottom: 0px; } }

.owl-carousel {
    position: relative; }
.owl-carousel .item {
    margin-left: 4px;
    margin-right: 4px; }
.owl-carousel.owl-theme .owl-nav {
    margin: 0; }
.owl-carousel.owl-theme .owl-nav div {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    background-color: transparent;
    display: inline-block;
    text-align: center;
    zoom: 1;
    padding: 0;
    width: 30px;
    height: 70px;
    line-height: 70px;
    font-size: 70px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.owl-carousel.owl-theme .owl-nav div.owl-prev {
    position: absolute;
    left: 0px;
    color: #35404f; }
.owl-carousel.owl-theme .owl-nav div.owl-next {
    position: absolute;
    right: 0px;
    color: #35404f; }
.owl-carousel.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px;
    background-color: rgba(0, 0, 0, 0.08); }
.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    background-color: #0cd4d2; }
.owl-carousel.owl-theme.slider .owl-nav div.owl-prev {
    position: absolute;
    left: 30px;
    color: #ffffff; }
.owl-carousel.owl-theme.slider .owl-nav div.owl-next {
    position: absolute;
    right: 30px;
    color: #ffffff; }
.owl-carousel.owl-theme.slider .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%; }
.owl-carousel.owl-theme.slider .owl-dots .owl-dot span {
    background-color: #f7f7f7; }
.owl-carousel.owl-theme.slider .owl-dots .owl-dot.active span {
    background-color: #0cd4d2; }
.owl-carousel:hover.owl-theme .owl-nav div {
    opacity: 0.6;
    visibility: visible;
    background-color: transparent; }
.owl-carousel:hover.owl-theme .owl-nav div.owl-prev {
    position: absolute;
    top:230px; }
.owl-carousel:hover.owl-theme .owl-nav div.owl-next {
    position: absolute;
    top: 230px;
    right: 27px; }
.owl-carousel:hover.owl-theme.slider .owl-nav div {
    opacity: 0.6;
    visibility: visible;
    background-color: transparent; }
.owl-carousel:hover.owl-theme.slider .owl-nav div.owl-prev {
    position: absolute;
    left: 20px; }
.owl-carousel:hover.owl-theme.slider .owl-nav div.owl-next {
    position: absolute;
    right: 20px; }
.mostviewslider_right
{
    font-size: 48px;
    color: orange;
    position: relative;
    top: -229px;
    display: block !important;

}
.owlbtn
{
    background-color: transparent;
    border: none;
}
.mostviewslider_left
{
    font-size: 48px;
    color: orange;
    position: relative;
    top: -229px;
    display:block !important;

}
@media (max-width: 767px){
    .mobile{
        margin-bottom: 0 !important;
    }
}

/* Product Slider */
.product-slider {
    width: 100%; }
.product-slider .carousel-inner {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08); }
.product-slider .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none !important;
    background-repeat: repeat-x; }
.product-slider .carousel-control.left {
    left: 0;
    right: auto;
    background-image: none !important;
    background-repeat: repeat-x; }
.product-slider .carousel-control .fa-angle-left, .product-slider .carousel-control .fa-angle-right, .product-slider .carousel-control .icon-next, .product-slider .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    z-index: 5;
    display: inline-block;
    font-size: 30px; }
.product-slider .carousel-control .fa-angle-right, .product-slider .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px; }
@media screen and (min-width: 767px) {
    .product-slider .carousel-control .fa-angle-left, .product-slider .carousel-control .fa-angle-right, .product-slider .carousel-control .icon-next, .product-slider .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        font-size: 60px; } }
@media screen and (min-width: 767px) {
    .product-slider .carousel-control .fa-angle-right, .product-slider .carousel-control .icon-next {
        margin-right: -10px; }
    .product-slider .carousel-control .fa-angle-left, .product-slider .carousel-control .icon-next {
        margin-left: -10px; } }
.product-slider .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%; }
.product-slider .carousel-indicators li {
    border-color: rgba(0, 0, 0, 0.08);
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto; }
.product-slider .carousel-indicators li img {
    display: block;
    opacity: 0.5;
    height: auto;
    width: 64px; }
.product-slider .carousel-indicators li:hover img {
    opacity: 0.75; }
.product-slider .carousel-indicators li.active img {
    opacity: 1; }

/*=============================
===(boxes) Call to action======
=============================*/
.box-info {
    text-align: center; }
@media (max-width: 991px) and (min-width: 767px) {
    .box-info {
        margin-bottom: 30px; } }
.box-info a {
    color: #878c94; }
.box-info a .box-info-inner {
    padding: 15px 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.box-info a .box-info-inner h6 {
    margin: 0 10px;
    display: inline-block;
    color: #35404f;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.box-info a .box-info-inner i {
    color: #878c94;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.box-info a:hover, .box-info a:active, .box-info a:focus {
    text-decoration: none;
    color: #ffffff; }
.box-info a:hover .box-info-inner, .box-info a:active .box-info-inner, .box-info a:focus .box-info-inner {
    background-color: #0cd4d2;
    border: 1px solid #0cd4d2; }
.box-info a:hover .box-info-inner h6, .box-info a:active .box-info-inner h6, .box-info a:focus .box-info-inner h6 {
    color: #ffffff; }
.box-info a:hover .box-info-inner i, .box-info a:active .box-info-inner i, .box-info a:focus .box-info-inner i {
    color: #ffffff; }

/*box banner*/
@media (max-width: 991px) and (min-width: 767px) {
    .box-banner {
        margin-bottom: 30px; } }
.box-banner figure {
    position: relative; }
.box-banner figure figcaption {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%; }
.box-banner figure figcaption.box-top {
    top: 20px; }
.box-banner figure figcaption.box-middle {
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    z-index: 9; }
.box-banner figure figcaption.box-bottom {
    bottom: 20px; }
.box-banner figure figcaption .banner-content {
    position: relative;
    z-index: 9; }
.box-banner figure figcaption .banner-content .title {
    font-weight: 800;
    margin: 10px 0;
    text-transform: uppercase; }
.box-banner figure figcaption .banner-content .subtitle {
    margin: 10px 0; }
.box-banner figure img {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
.box-banner figure:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
.box-banner figure:hover:after {
    background-color: rgba(255, 255, 255, 0.6); }
.box-banner figure:hover img {
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Chrome, Safari, Opera */
    transform: scale(1.2); }

@media (max-width: 991px) and (min-width: 767px) {
    .grid-space-0 .box-banner {
        margin: 0; } }
@media (min-width: 767px) {
    .grid-space-1 div[class*="col-"] {
        padding: 0 1px; } }
/*box banner wide*/
.box-banner-wide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 50px; }
.box-banner-wide h1, .box-banner-wide h2, .box-banner-wide h3, .box-banner-wide h4, .box-banner-wide h5, .box-banner-wide h6 {
    font-weight: 800; }

.countdown {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.countdown li {
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    width: 70px;
    padding: 7px 0;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px; }
.countdown li span {
    display: block;
    font-weight: 400;
    font-size: 20px;
    color: #35404f; }
.countdown li p {
    margin: 0;
    font-size: 14px; }

.countdown-coming-soon {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.countdown-coming-soon li {
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    width: 100px;
    padding: 7px 0;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px; }
.countdown-coming-soon li span {
    display: block;
    font-weight: 400;
    font-size: 20px;
    color: #35404f; }
.countdown-coming-soon li p {
    margin: 0;
    font-size: 14px;
    color: #878c94; }

/*box banner img*/
.box-banner-img {
    position: relative; }
.box-banner-img a:after {
    content: ' ';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 0px;
    height: 0px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    visibility: hidden;
    opacity: 1; }
.box-banner-img:hover a:after {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.4); }

/*===================
===Icon Boxes======
===================*/
@media (max-width: 991px) and (min-width: 767px) {
    .icon-boxes {
        margin-bottom: 30px; } }
.icon-boxes.style1 {
    position: relative; }
.icon-boxes.style1 .icon {
    font-size: 42px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.icon-boxes.style1 .box-content {
    margin-left: 70px; }
.icon-boxes.style1 h1, .icon-boxes.style1 h2, .icon-boxes.style1 h3, .icon-boxes.style1 h4, .icon-boxes.style1 h5, .icon-boxes.style1 h6 {
    margin: 5px 0; }
.icon-boxes.style1:hover .icon {
    top: -5px; }
.icon-boxes.style2 {
    text-align: center;
    padding: 10px; }
.icon-boxes.style2 .icon {
    font-size: 42px; }
.icon-boxes.style2 h1, .icon-boxes.style2 h2, .icon-boxes.style2 h3, .icon-boxes.style2 h4, .icon-boxes.style2 h5, .icon-boxes.style2 h6 {
    margin: 5px 0; }

/*===================
===Thumbnails======
===================*/
.thumbnail {
    padding: 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.thumbnail.store {
    margin-bottom: 20px;
    border: none; }
.thumbnail.store .header {
    position: relative; }
.thumbnail.store .header .badges {
    font-size: 12px; }
.thumbnail.store .header .badges .product-badge {
    padding: 2px 10px;
    position: absolute;
    z-index: 99; }
.thumbnail.store .header .badges .product-badge.top {
    top: 10px; }
.thumbnail.store .header .badges .product-badge.right {
    right: 10px; }
.thumbnail.store .header .badges .product-badge.bottom {
    bottom: 10px; }
.thumbnail.store .header .badges .product-badge.left {
    left: 10px; }
.thumbnail.store .header figure img.front {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
.thumbnail.store .header figure img.back {
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.thumbnail.store .header figure.layer::after {
    content: ' ';
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
.thumbnail.store .header figure.zoom-in img {
    width: 100%;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.thumbnail.store .header .countdown-product {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background-color: rgba(0, 0, 0, 0.4);
    display: table; }
.thumbnail.store .header .countdown-product li {
    display: table-cell;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    text-align: center; }
.thumbnail.store .header .countdown-product li p {
    margin-bottom: 0; }
.thumbnail.store .header .countdown-product li:last-child {
    border-right: none; }
.thumbnail.store:hover .countdown-product {
    visibility: hidden; }
.thumbnail.store .caption {
    padding: 5px 0;
    color: #878c94; }
.thumbnail.store .caption h6 {
    margin-bottom: 5px; }
.thumbnail.store .caption .price {
    margin: 0 0 5px 0; }
.thumbnail.store .caption .price .amount {
    font-size: 20px;
    font-family: 'Dosis', sans-serif; }
.thumbnail.store .caption .price .amount.off {
    text-decoration: line-through;
    margin-right: 10px;
    font-size: 14px; }
.thumbnail.store:hover .header figure img.front {
    visibility: hidden;
    opacity: 0; }
.thumbnail.store:hover .header figure img.back {
    visibility: visible;
    opacity: 1; }
.thumbnail.store:hover .header figure::after {
    visibility: visible;
    opacity: 1; }
.thumbnail.store:hover .header figure.zoom-in img {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Chrome, Safari, Opera */
    transform: scale(1.1); }
.thumbnail.store.style1 .header {
    border: 1px solid rgba(0, 0, 0, 0.03); }
.thumbnail.store.style1 .header .icons {
    position: absolute;
    top: 45%;
    left: 0;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.thumbnail.store.style1 .header .icons .icon {
    background-color: #ffffff;
    width: 60px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    -webkit-box-shadow: rgba(0, 0, 0, 0.04) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.04) 0 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.04) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.04) 0 1px 3px; }
.thumbnail.store.style1:hover .header .icons {
    top: 50%;
    visibility: visible;
    opacity: 1; }
.thumbnail.store.style2 {
    border: 1px solid rgba(0, 0, 0, 0.08); }
.thumbnail.store.style2 .icons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 0px;
    display: table;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    z-index: 99; }
.thumbnail.store.style2 .icons .icon {
    padding: 0 5px;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
.thumbnail.store.style2 .icons .icon:hover, .thumbnail.store.style2 .icons .icon:active, .thumbnail.store.style2 .icons .icon:focus {
    color: #0cd4d2; }
.thumbnail.store.style2 .icons .icon:last-child {
    border: none; }
.thumbnail.store.style2 .caption {
    padding: 5px 10px; }
.thumbnail.store.style2:hover .icons {
    height: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
    opacity: 1; }
.thumbnail.store.style3 {
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.thumbnail.store.style3 .header {
    border: 1px solid rgba(0, 0, 0, 0.03); }
.thumbnail.store.style3 .header .icons {
    position: absolute;
    top: 45%;
    left: 0;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.thumbnail.store.style3 .header .icons .icon {
    background-color: #35404f;
    color: #ffffff;
    width: 60px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    -webkit-box-shadow: rgba(0, 0, 0, 0.04) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.04) 0 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, 0.04) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.04) 0 1px 3px; }
.thumbnail.store.style3 .caption {
    padding-left: 20px;
    padding-right: 20px; }
.thumbnail.store.style3:hover .header .icons {
    top: 50%;
    visibility: visible;
    opacity: 1; }
.thumbnail.blog {
    border: none; }
.thumbnail.blog .header {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden; }
.thumbnail.blog .header .meta {
    font-size: 14px;
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    padding: 7px 0;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
    text-align: center;
    display: table;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 99; }
.thumbnail.blog .header .meta span {
    padding: 0 5px;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
.thumbnail.blog .header .meta span:last-child {
    border: none; }
.thumbnail.blog .caption {
    padding: 10px 0; }
.thumbnail.blog .caption .author-category {
    margin-bottom: 5px; }
.thumbnail.blog:hover .header .meta {
    visibility: visible;
    opacity: 1;
    bottom: 0; }

/*===================
===Social Icons======
===================*/
.social-icons {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.social-icons li {
    display: inline-block;
    margin-bottom: 10px; }
.social-icons li a {
    display: block;
    margin-left: 10px;
    color: #35404f; }
.social-icons li a:hover, .social-icons li a:active, .social-icons li a:focus {
    color: #35404f; }
.social-icons li.facebook a {
    color: inherit; }
.social-icons li.facebook a:hover, .social-icons li.facebook a:active, .social-icons li.facebook a:focus {
    color: #3b5998; }
.social-icons li.linkedin a {
    color: inherit; }
.social-icons li.linkedin a:hover, .social-icons li.linkedin a:active, .social-icons li.linkedin a:focus {
    color: #1b85bd; }
.social-icons li.flickr a {
    color: inherit; }
.social-icons li.flickr a:hover, .social-icons li.flickr a:active, .social-icons li.flickr a:focus {
    color: #ff0084; }
.social-icons li.skype a {
    color: inherit; }
.social-icons li.skype a:hover, .social-icons li.skype a:active, .social-icons li.skype a:focus {
    color: #01aef2; }
.social-icons li.tumblr a {
    color: inherit; }
.social-icons li.tumblr a:hover, .social-icons li.tumblr a:active, .social-icons li.tumblr a:focus {
    color: #34465e; }
.social-icons li.vimeo a {
    color: inherit; }
.social-icons li.vimeo a:hover, .social-icons li.vimeo a:active, .social-icons li.vimeo a:focus {
    color: #0491bc; }
.social-icons li.soundcloud a {
    color: inherit; }
.social-icons li.soundcloud a:hover, .social-icons li.soundcloud a:active, .social-icons li.soundcloud a:focus {
    color: #fe531b; }
.social-icons li.yahoo a {
    color: inherit; }
.social-icons li.yahoo a:hover, .social-icons li.yahoo a:active, .social-icons li.yahoo a:focus {
    color: #572c73; }
.social-icons li.dropbox a {
    color: inherit; }
.social-icons li.dropbox a:hover, .social-icons li.dropbox a:active, .social-icons li.dropbox a:focus {
    color: #0089d1; }
.social-icons li.joomla a {
    color: inherit; }
.social-icons li.joomla a:hover, .social-icons li.joomla a:active, .social-icons li.joomla a:focus {
    color: #0266bb; }
.social-icons li.wordpress a {
    color: inherit; }
.social-icons li.wordpress a:hover, .social-icons li.wordpress a:active, .social-icons li.wordpress a:focus {
    color: #464646; }
.social-icons li.vine a {
    color: inherit; }
.social-icons li.vine a:hover, .social-icons li.vine a:active, .social-icons li.vine a:focus {
    color: #00a478; }
.social-icons li.xing a {
    color: inherit; }
.social-icons li.xing a:hover, .social-icons li.xing a:active, .social-icons li.xing a:focus {
    color: #126567; }
.social-icons li.stumbleupon a {
    color: inherit; }
.social-icons li.stumbleupon a:hover, .social-icons li.stumbleupon a:active, .social-icons li.stumbleupon a:focus {
    color: #f74425; }
.social-icons li.foursquare a {
    color: inherit; }
.social-icons li.foursquare a:hover, .social-icons li.foursquare a:active, .social-icons li.foursquare a:focus {
    color: #0072b1; }
.social-icons li.twitter a {
    color: inherit; }
.social-icons li.twitter a:hover, .social-icons li.twitter a:active, .social-icons li.twitter a:focus {
    color: #1da1f2; }
.social-icons li.instagram a {
    color: inherit; }
.social-icons li.instagram a:hover, .social-icons li.instagram a:active, .social-icons li.instagram a:focus {
    color: #f4b97a; }
.social-icons li.youtube a {
    color: inherit; }
.social-icons li.youtube a:hover, .social-icons li.youtube a:active, .social-icons li.youtube a:focus {
    color: #cc181e; }
.social-icons li.dribbble a {
    color: inherit; }
.social-icons li.dribbble a:hover, .social-icons li.dribbble a:active, .social-icons li.dribbble a:focus {
    color: #e14984; }
.social-icons li.behance a {
    color: inherit; }
.social-icons li.behance a:hover, .social-icons li.behance a:active, .social-icons li.behance a:focus {
    color: #1769ff; }
.social-icons li.pinterest a {
    color: inherit; }
.social-icons li.pinterest a:hover, .social-icons li.pinterest a:active, .social-icons li.pinterest a:focus {
    color: #bd081c; }
.social-icons li.google-plus a {
    color: inherit; }
.social-icons li.google-plus a:hover, .social-icons li.google-plus a:active, .social-icons li.google-plus a:focus {
    color: #d44032; }
.social-icons.style1 li.facebook a {
    color: #3b5998; }
.social-icons.style1 li.twitter a {
    color: #1da1f2; }
.social-icons.style1 li.linkedin a {
    color: #1b85bd; }
.social-icons.style1 li.flickr a {
    color: #ff0084; }
.social-icons.style1 li.skype a {
    color: #01aef2; }
.social-icons.style1 li.tumblr a {
    color: #34465e; }
.social-icons.style1 li.vimeo a {
    color: #0491bc; }
.social-icons.style1 li.soundcloud a {
    color: #fe531b; }
.social-icons.style1 li.yahoo a {
    color: #572c73; }
.social-icons.style1 li.dropbox a {
    color: #0089d1; }
.social-icons.style1 li.joomla a {
    color: #0266bb; }
.social-icons.style1 li.wordpress a {
    color: #464646; }
.social-icons.style1 li.vine a {
    color: #00a478; }
.social-icons.style1 li.xing a {
    color: #126567; }
.social-icons.style1 li.stumbleupon a {
    color: #f74425; }
.social-icons.style1 li.foursquare a {
    color: #0072b1; }
.social-icons.style1 li.instagram a {
    color: #f4b97a; }
.social-icons.style1 li.youtube a {
    color: #cc181e; }
.social-icons.style1 li.dribbble a {
    color: #e14984; }
.social-icons.style1 li.behance a {
    color: #1769ff; }
.social-icons.style1 li.pinterest a {
    color: #bd081c; }
.social-icons.style1 li.google-plus a {
    color: #d44032; }
.social-icons.style2 li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff; }
.social-icons.style2 li a:hover, .social-icons.style2 li a:active, .social-icons.style2 li a:focus {
    color: #ffffff; }
.social-icons.style2 li.facebook a {
    background-color: #3b5998; }
.social-icons.style2 li.twitter a {
    background-color: #1da1f2; }
.social-icons.style2 li.dribbble a {
    background-color: #e14984; }
.social-icons.style2 li.linkedin a {
    background-color: #1b85bd; }
.social-icons.style2 li.youtube a {
    background-color: #cc181e; }
.social-icons.style2 li.behance a {
    background-color: #1769ff; }
.social-icons.style2 li.google-plus a {
    background-color: #d44032; }
.social-icons.style2 li.flickr a {
    background-color: #ff0084; }
.social-icons.style2 li.skype a {
    background-color: #01aef2; }
.social-icons.style2 li.tumblr a {
    background-color: #34465e; }
.social-icons.style2 li.vimeo a {
    background-color: #0491bc; }
.social-icons.style2 li.instagram a {
    background-color: #f4b97a; }
.social-icons.style2 li.pinterest a {
    background-color: #bd081c; }
.social-icons.style2 li.soundcloud a {
    background-color: #fe531b; }
.social-icons.style2 li.yahoo a {
    background-color: #572c73; }
.social-icons.style2 li.dropbox a {
    background-color: #0089d1; }
.social-icons.style2 li.joomla a {
    background-color: #0266bb; }
.social-icons.style2 li.wordpress a {
    background-color: #464646; }
.social-icons.style2 li.vine a {
    background-color: #00a478; }
.social-icons.style2 li.xing a {
    background-color: #126567; }
.social-icons.style2 li.stumbleupon a {
    background-color: #f74425; }
.social-icons.style2 li.foursquare a {
    background-color: #0072b1; }

/*===================
=====Panels==========
===================*/
.panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.panel .panel-heading {
    padding: 15px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
.panel .panel-heading a:hover, .panel .panel-heading a:focus, .panel .panel-heading a:active {
    color: #ffffff; }
.panel .panel-footer {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.1); }
.panel.panel-default {
    border-color: rgba(0, 0, 0, 0.2); }
.panel.panel-default .panel-heading {
    background-color: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.1); }
.panel.panel-default .panel-heading a:hover, .panel.panel-default .panel-heading a:focus, .panel.panel-default .panel-heading a:active {
    color: #35404f; }
.panel.panel-primary {
    border-color: #0cd4d2; }
.panel.panel-primary .panel-heading {
    background-color: #0cd4d2;
    border-color: #0cd4d2; }
.panel.panel-success {
    border-color: #5ed35e; }
.panel.panel-success .panel-heading {
    background-color: #5ed35e;
    border-color: #5ed35e;
    color: #ffffff; }
.panel.panel-info {
    border-color: #64d5f6; }
.panel.panel-info .panel-heading {
    background-color: #64d5f6;
    border-color: #64d5f6;
    color: #ffffff; }
.panel.panel-warning {
    border-color: #fcbe66; }
.panel.panel-warning .panel-heading {
    background-color: #fcbe66;
    border-color: #fcbe66;
    color: #ffffff; }
.panel.panel-danger {
    border-color: #e55e5a; }
.panel.panel-danger .panel-heading {
    background-color: #e55e5a;
    border-color: #e55e5a;
    color: #ffffff; }

/*===================
====Breadcrumb=======
===================*/
.navbar-default {
    margin: 0; }

.breadcrumbs {
    margin: 0;
    background-color: #f7f7f7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 12px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.breadcrumbs ul li {
    display: inline-block;
    font-size: 14px; }
.breadcrumbs ul li:after {
    font-family: "FontAwesome";
    content: '\f105';
    margin: 0 4px 0 8px; }
.breadcrumbs ul li:last-child:after {
    display: none; }

/*===================
====Rating Stars=====
===================*/
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: red;
    background: transparent url("../img/loading.html") top left no-repeat;
    border: none; }

/* Stars */
.rating-container .rating {
    cursor: default;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap; }
.rating-container .star {
    display: inline-block;
    margin: 0 3px;
    text-align: center; }
.rating-container .empty-stars {
    color: rgba(0, 0, 0, 0.1); }
.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fcbe66;
    white-space: nowrap;
    overflow: hidden; }

.rating-disabled .rating {
    cursor: not-allowed; }

.rating-rtl {
    float: right; }
.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    /* IE 9 */
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    /* Chrome, Safari, Opera */
    transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0); }
.rating-rtl.is-star .filled-stars {
    right: 0.06em; }
.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em; }

.rating-animate .filled-stars {
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    transition: width 0.25s ease; }

/*Sizes*/
.rating-xl {
    font-size: 3em; }

.rating-lg {
    font-size: 2.5em; }

.rating-md {
    font-size: 2em; }

.rating-sm {
    font-size: 1.5em; }

.rating-xs {
    font-size: 1.2em; }

/* Clear */
.rating-container .clear-rating {
    color: rgba(0, 0, 0, 0.1);
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
    padding-right: 5px; }
.rating-container .caption {
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
    margin-top: -0.6em;
    margin-left: 5px;
    margin-right: 0; }

.clear-rating-active {
    cursor: pointer !important; }
.clear-rating-active:hover {
    color: #e55e5a; }

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0; }

/* Print */
@media print {
    .rating-container .clear-rating {
        display: none; } }
/*===================
======Modals=========
===================*/
.modal-content {
    position: relative;
    background-color: #f7f7f7;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 5px;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    color: #878c94; }
.modal-content .modal-header {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.modal-content .modal-header button.close {
    position: absolute;
    top: -19px;
    right: -22px;
    background-color: #35404f;
    width: 28px;
    height: 28px;
    font-size: 16px;
    padding-top:0px;
    padding-left:2px;
    color: #ffffff;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
.modal-content .modal-header button.close:hover, .modal-content .modal-header button.close:active, .modal-content .modal-header button.close:focus {
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg); }
.modal-content .modal-footer {
    padding: 15px 33px;
    border-top: 1px solid rgba(0, 0, 0, 0.08); }

.account .modal-content {
    background-color: #ffffff; }
.account .modal-content .modal-body {
    overflow: hidden;
    padding: 0px; }
.account .modal-content .modal-body .display-table {
    margin-left: 0px; }
.account .modal-content .modal-body .inner-content {
    padding: 100px 40px;
    position: relative; }
.account .modal-content .modal-body .inner-content .or {
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    right: -35px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.account .modal-content .modal-body .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    text-shadow: none;
    font-weight: 400;
    z-index: 999;
    border: 1px solid #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%; }

/*===================
=====Widgets=========
===================*/

.widget {
    /*trader profile*/
    margin-bottom: 14%;
    /*background-color: #f2f2f2;*/
    border-radius: 6px;
    width: 100%;
/*    margin-top: 25px;*/
}
.widget ul li {
    line-height: 18px;
    margin-bottom: 15px; }
.widget ul li:last-child {
    margin-bottom: 0; }
.widget ul li .checkbox-input .color {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 3px; }
.widget ul li a {
    color: white; }
.widget ul li a:hover, .widget ul li a:active, .widget ul li a:focus {
    color: yellow; }
.widget ul li.active a {
    color: #35404f; }
.widget .price-range .ui-range-values {
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px;
    color: #35404f; }
.widget .price-range .ui-range-values .ui-range-value-min {
    display: inline-block;
    width: 45%; }
.widget .price-range .ui-range-values .ui-range-value-max {
    display: inline-block;
    width: 45%; }
.widget .price-range .ui-range-slider {
    margin-bottom: 15px; }
.widget .items {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.widget .items li {
    overflow: hidden;
    clear: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.widget .items li .product-image {
    width: 60px;
    float: left; }
.widget .items li .product-image img {
    width: 100%; }
.widget .items li .product-details {
    position: relative;
    margin-left: 60px;
    padding: 0 15px 0 10px; }
.widget .items li .product-details .close-icon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px; }
.widget .items li .product-details .product-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px; }
.widget .items li .product-details .rate {
    margin-top: 3px;
    font-size: 12px; }
.widget .items li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }
.widget .tags {
    margin: 0;
    padding: 0;
    list-style-type: none; }
.widget .tags li {
    display: inline-block;
    margin-bottom: 5px; }
.widget .panel-title {
    position: relative; }
.widget .panel-title a::before {
    font-family: FontAwesome;
    content: "\f107";
    display: block;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%); }
.widget .panel-title a.collapsed::before {
    content: "\f105"; }
.inline-block{
    display: inline-block !important;
}
/*no Ui Slider*/
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.noUi-target {
    position: relative;
    direction: ltr; }

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    /* Fix 401 */ }

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0; }

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0; }

.noUi-handle {
    position: relative;
    z-index: 1; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -ms-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -o-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

.noUi-state-drag * {
    cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
    -ms-transform: translate3d(0, 0, 0);
    /* IE 9 */
    -webkit-transform: translate3d(0, 0, 0);
    /* Chrome, Safari, Opera */
    transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 8px; }

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -10px;
    top: -7px; }

/* Styling;
 */
.noUi-target {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

.noUi-connect {
    background: #35404f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background 450ms;
    -moz-transition: background 450ms;
    -ms-transition: background 450ms;
    -o-transition: background 450ms;
    transition: background 450ms; }

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: w-resize; }

.noUi-vertical .noUi-draggable {
    cursor: n-resize; }

.noUi-handle {
    border: 2px solid #35404f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

.noUi-active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed; }

/*===================
====Categories=======
===================*/
.shop-category {
    position: relative;
    padding: 0;
    text-align: center;
    height: 350px;
    overflow: hidden; }
.shop-category .category-img {
    position: absolute;
    top: 50%;
    left: -75%;
    text-align: right;
    width: 100%;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    -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; }
.shop-category .category-img img {
    height: 350px; }
.shop-category .category-name {
    z-index: 99;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: center;
    width: 75%;
    padding: 10px 30px;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.shop-category .category-name .title {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.shop-category:hover .category-img {
    left: 0; }
.shop-category:hover .category-name {
    width: 100%;
    color: #f7f7f7; }
.shop-category:hover .category-name .title {
    color: #ffffff; }
.shop-category:hover:after {
    content: " ";
    background-color: #0cd4d2;
    opacity: .9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
.shop-category:after {
    content: " ";
    background-color: rgba(12, 212, 210, 0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -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; }

/*cat-item*/
.cat-item {
    position: relative; }
.cat-item .cat-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center; }
.cat-item .cat-title h6 {
    margin: 0;
    font-weight: normal; }
.cat-item .cat-title a {
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 12px 0;
    color: #ffffff; }

/*cat-item-style2*/
.cat-item-style2 {
    background-color: #ffffff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.cat-item-style2 .title {
    border-top: 1px solid #f7f7f7;
    text-align: center;
    margin: 0;
    padding: 5px 0; }

/*===================
======Map============
===================*/
.map {
    position: relative;
    width: 100%;
    height: 520px; 
}

.mail-icon{
    width:115px !important;
    margin-left: -91%!important;
}
.chat-icon{
    /*    float: right !important;*/
    width:115px !important;
    margin-right: 0% !important;
}
.car-sidebar{
    margin-top: 30% !important;
}
.slider-video{
    border-radius:6px;height: 300px;background-color: #000
}

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

.rejj-text {
    padding-right:79px !important;
    line-height:2;
}

.app-img {
    padding-right:5px !important;
} 

.rej-img {
    float: left;
    padding-left: 70px;
    padding-right: 0 !important;
}

.tick-img {
    float: left;
    padding-left: 71px;
    height: 23px;
   
}
.subslider-count{
    position: absolute;
    top: 220px;
    left: 470px;
    margin: 0 40px 0 0;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    opacity: 0.8;
    text-align: -webkit-center;
    z-index: 700;
}
.mytextdiv{
    display:flex;
    flex-direction:row;
    align-items: center;
    margin-top: 20px;
}
.mytexttitle{
    flex-grow:0;
    font-size: 21px;
    color: #f5821f;
    font-weight: bold;
}

.divider{
    flex-grow:1;
    height: 1px;
    background-color: #d8d8d8;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 10px;
}
.amt-div{
    font-size: 21px;
    color: black;
    font-weight: 500;
}
.nomobimg{
    background-color: #ccc;
    width:100%;
    border-radius: 6px;
}
.catcount-div{
    font-size: 14px;
    color: black;
    font-weight: 500;
}
.mainprdspan {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mainmostview {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
.backwhite{
    padding-top: 3%;
    padding-bottom: 3%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #FFF; 
}
.mainlist {
    padding-left: 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.maintraders {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #f2f2f2;
    padding-top: 2%;
}
.social{
    width:40px;
}
.other_tr_social{
    margin-top: 28%;
    margin-bottom: 10%;
}
.main-content-div{
        margin-top: 2%;
}
.cartdiv{
    margin-left: 130px;
}
.cart{
    height:auto;
    
        
}
.btnAddPlaceModal
{
    background-color: #f5821f !important;
    border-radius: 6px;
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-family: 'Lato',sans-serif;
    color: white;
}
.margintopdiv{
    margin-top:20px !important;
}
.sold_btn {
    position: absolute;
    right: 20px;
    top: 5px;
    border-radius: 6px;
    border-style: none;
    background-color: red;
    color: white;
    font-size: 15px;
    font-weight: 600;
}
@media (min-width: 767px) {
   
    .condiv{
        /*trader home menu div*/
        margin-left: 3.4%;
    }
    .lipadding
    {
        padding-left: 40px;
    }
}
@media (max-width: 768px) {
   
    .lipadding
    {
        padding-left: 13px;
        float: right !important;
    }
    .condiv{
        /*trader home menu div*/
        margin-left: -2%;
    }
}
@media (max-width: 767px) {
    .maxwidth100{
        width: 100%;
    }
}


.my-group {
   box-shadow: 0px 0px 19px 0px #ccc !important;
}

.localizationTool .ltool-dropdown-label:focus ,.localizationTool .ltool-dropdown-label:active {
    outline: none !important;
}

.localizationTool .ltool-language-countryname :focus ,.localizationTool .ltool-language-countryname:active {
    outline: none !important;
}

/* -----------Chat List------------ */
#sb_widget .widget {
    background-color:#f38b1f !important;
}

 #sb_widget .channel-board .board-top {
    background-color: #f38b1f !important;
    padding: 0 12px;
    border-bottom: 1px solid #f38b1f !important;
}

#sb_widget .chat-section .message-set.user .message-item .text {
    background-color:#f38b1f !important;
}
/* -----------Chat List End------------ */
.number_btn  {
    margin-top: 152px !important;
}

.catdet_mailbtn {
    margin-right: 22px !important;
}

.catdet_chatbtn {
    margin-left: 20px!important;
}

.pl-10 {
    padding-left:10px;
}

.inline-flux {
    display:inline-flex !important;
}

.w-100 {
    width:100%;
}

.w-50 {
    width:50px;
}

.line-height-4 {
    line-height:4!important;
}

.app-text {
    padding-right: 75px !important;
}
/* ---------------MEDIA QUERIES ---------------------*/
@media (max-width: 425px) and (min-width:320px) {

    #img_sharedr {
        padding: 0% 3% 7% 5%;
        width:52px;
        height:52px;
    }

    .w-240 {
        width:200px !important;
    }

    #wishlist_home {
        padding: 0% 3% 7% 5%;
        width:52px;
        height:52px;
    }

    #flag_home {
        padding: 0% 3% 7% 5%;
        width:52px;
        height:52px;
    }

    #shng_home {
        padding: 0% 3% 7% 5%;
        width:52px;
        height:52px;
    }

    .mainprdspan {
        margin-bottom: 0 !important;
    }

    .mainpghr {
        margin-bottom: 0 !important;
    }

    .category-trader {
        margin-bottom: 0 !important;
    }

    .toptraders_div {
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .maintraders {
        margin-bottom: 0 !important;
    }

    .userimage {
            margin-bottom: 0 !important;
    }

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

    .toptraders {
        padding-top: 0 !important;
    }

    .hr-bottom {
        margin-bottom: 0 !important;
    }

    .als_logo{
        width: 230px;
    }

    .localizationTool .ltool-language-flag, 
    .localizationTool .ltool-language-countryname {
        margin-left:0 !important;
    }

    .px-0 {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .textcenter {
        text-align: center;
    }

    div[class^="col-"] {
        margin-bottom: 15px;
    }

    #txtcategory {
        padding-left: 0;
        padding-right: 0;
        font-size: 9px;
    }

    .headerBar {
        padding-bottom: 0 !important;
    }
    .mobile {
        margin-bottom: 0px !important;
    }

    #footertxt {
        font-size:9px;
    }

    .px-4 {
        padding:0px;
    }

    #pagination {
        margin-left: 10% !important;
    }

    .amt-div {
        font-size:13px!important;
    }

    .mytexttitle {
        font-size:13px !important;
    }

    .img-margin {
        margin-top:-36% !important;
    }

    .imgvideo {
        margin-top:11% !important;
    }
   
    .sub_cart_div {
        margin-left: 0%;
    }

    #product_details_div {
        padding-top: 2%;
        width: 66%;
        height: 154px;
        margin-left: 0%;
        padding-left: 0px;
    }

    .pro-details {
        margin-left: 37% !important;
    }

    #cartprdpr1 {
        font-size:11px;
    }
    
    .vl {
       
        display:none;
    }
    
    #cartprdpr2 {
        font-size:11px;
    }

    .hr_cart {
        width: 80%;
        margin-top:10px!important;
        margin-bottom: 10px!important;
    }

    .pr-0 {
        padding-right:0;
    } 

    .pl-0 {
        padding-left:0;
    }

    

    #cart_uname {
        margin-left: 18%;
        font-size: 13px;
    }

    #cart_uplace {
        margin-left: 18%;
    }

    #del_btn_div {
        margin-top: -19%;
        margin-left: 47%;
        text-align: right;
        padding-right: 0;
    }

    .audi_prev_icon {
       margin-top:-53px;
    }

    .cart_del_btns {
        width: 68%;
    }

    
    .cart_btns {
        font-size: 12px;
    }

    .backwhite {
        padding-bottom:20%;
    }

    .footer-icon {
        width:50% !important;
        margin-top:10px !important;
    }

    .footer {
        padding: 10px 0 20px 0; 
    }

    .hr_checkout {
        width: 95%;
        margin-bottom:10px!important;
    }


    .checkplace {
        margin-left: 26% !important;
    }
    
    .flexslider .slides img {
        width: 43% !important;
        display: none !important;
    }

    .subslider-count {
        left:206px;
        top:0px; 
    }

    .check-username {
        margin-left: 26% !important;
        margin-top: -22% !important;
        margin-bottom: 11px !important;
    }
    
    .username {
        margin-left:43%;
        margin-top: -14%;
        margin-bottom: 20px;
    }

    .place {
        margin-left:43%;
    }

    .pl-xs-0 {
        padding-left:0;

    }

    .pr-xs-0 {
        padding-right:0;
    }

    .cate-gory {
        padding-left:15px !important;
        padding-right:15px !important;
    }

    .placeholder-font {
        font-size:10px;
    }

    .pass_up_anc {
        margin-right: 0%;
        font-size: 14px;
    }

    #drop_emir1 { 
        float:left;
    }

    .status_btns {
        width: 96px;
        margin-bottom: 52px; 
    }

    .proftradet_details {
        height: 160%;
    }

    .paddingright-0 {
        padding-right:0 !important;
    }

    #drop_emir1 {
        width: 132px;
    }

    .dropvideo {
        float:right !important;
    }

    #em1_previmg {
        width: 133px;
    }

    #drop_emir2 {
        width: 132px; 
     }
 
    #em2_previmg {
        width: 141px;
    }

    .paddingleft0 {
        padding-left:0 !important;
    }

    .btn-plans {
        width: 95%;
    }

    #btnpaythruals {
        width: 118%;
        margin-left: -32%;
    }

    #btnbank {
        width: 118%;
        margin-left: -32%;
    }
    
    #btnonline {
        width: 118%;
        margin-left: -32%; 
    }

    .dropdown-content {
        left:-126px !important;
    }

    .category-traderName {
        padding-left:6px !important;
    }

    #spreg {
        font-size: 16px !important;
    }

    #spsign {
        font-size: 16px !important;
    }
    
    .localizationTool .ltool-dropdown-label {
        text-align:left !important; 
    }

    .sep_hr {
        position: relative;
        top: 11px;
        left: 0px;
        width: 100%;

    }
    .spantrimg {
        float: left;
        width: 19% !important;
    }

    .spantrname {
        width: 79% !important;
    }

    .catdet_chatbtn {
        margin-top:0 !important;
    }

    .catdet_mailbtn {
        margin-top:0 !important;
    }

    #apprcnt {
        float: right;
         padding: 0 0px !important; 
    }

    .notif_date_col {
        font-size: 12px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .notif_flag_img {
        left: 26px !important
    }

    .notif_flagpost {
        font-size: 11px !important;
    }

    .card-img {
        padding-right:0;
        display:inline;
        padding-left:0;
    }
    
    .img-width {
        height: 110px !important;
        width: 104px !important;
    }

    .card-margin  {
        margin-left:20px!important;
    }

    .marginbottom {
        margin-bottom:3px;
    }

    .bottom-right {
        position: absolute!important;
        bottom: -47px!important;
        right: 7px!important;
        font-size: 10px!important;
        color: #000!important;
        font-weight: bold!important;
    }

    .bottom-left {
        position: absolute !important;
        bottom: -47px !important;
        left: 3px !important;
        background-color: #f38b1f !important;
        padding: 0px 4px !important;
        border-radius: 12px!important;
        font-size: 10px !important;
        color: #fff !important;
    }

    .img-right {
        position: absolute!important;
        bottom: -54px!important;
        right: 3px!important;
        opacity: 0.5!important;
        height: 55px!important;
    }

    .fakeFile .text {
        float: left;
        width: 153px;
    }

}

@media (max-width: 539px) and (min-width:425px) {

    .spantrimg {
        width: 14%!important; 
    }

    .spantrname {
        width: 84%!important; 
    }
    .catdet_mailbtn {
        margin-right: 96px !important;
    }

    .catdet_chatbtn {
        margin-left: 76px!important;
    }
    .notif_flagpost {
        font-size: 11px !important;
    }
}

@media (max-width: 768px) and (min-width:540px) {
    .toptraders_div {
        margin-left:0;
        margin-right: 0;
    }
    .poster_contact {
        font-size:11px !important;
    }

    .toptraders {
        padding-top: 0;
    }

    .mainprdspan {
        font-size:12px;
    }

    .als_logo{
        width: 150px;
    }

    .paddingleft52 {
        padding-left: 52px;
    }

    .rating-rtl {
        padding-left: 0;
        padding-right: 0;
    }

    .localizationTool {
        width:0px !important;
    }

    .backwhite {
        padding-bottom: 13% !important;
    }
    .amt-div {
        font-size: 13px;

    }  
    .display-inline-flex {
        display:inline-flex !important;
    }

    .category-padding {
        padding-left:8px !important;
    }
    
    #txtcategory {
        padding-left: 0;
        padding-right: 0;
        font-size: 11px;
    }

    .px-0 {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .localizationTool .ltool-language-flag, 
    .localizationTool .ltool-language-countryname {
        margin-left:0 !important;
    }

    .px-4 {
        padding:0 8px;
    }

    .lan-eng {
        padding-left: 9px!important;
        font-size :12px;
        display :inline-flex;
        margin-top: 5px;
    }
   
    .margintop5 {
        margin-top:5px;
    }
    
    .pl-0 {
        padding-left:0;
    }

    .pr-0 {
        padding-right:0;
    } 

    .book_btn {
        right:10px !important;
    }

    .tr_name {
        font-size: 12px;
    }

    .catdet_mailbtn {
        font-size:11px;
        margin-top:6px;
    }

    .catdet_chatbtn {
        font-size:11px;
        margin-top:6px;
    }

    .adsrchtitle {
        font-size:15px;
    }

    .form-font {
        font-size:10px !important;
    }

    .catpostimgs {
        padding-right:8px !important;
    }

    .cat_uname {
        font-size:11px;
        float: none !important;
       
    }

    .tradet_details {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .cat_udate {

        font-size:9px;
    }

    .signup {
        padding-right:0px !important;
    }

    .subslider-count {
        left:239px;
    }

    #del_btn_div {
        margin-top: -17%;
        margin-left: 79%;
    }

    .cart_del_btns {
        width:75%;
    }

    #product_details_div {
        width: 55%;
        height: 154px;
        margin-left: 0;
    } 

    .hr_cart {
        width: 94%;
    }

    #cart_uname {
        margin-left: 21%;
        margin-top: -16%;
        font-size: 13px;
        margin-bottom: 7%;
    }

    #cart_uplace {
        margin-bottom:0;
        margin-left:21%;
    }

    #cartprdpr1 {
        font-size:13px;
    }

    #cartprdpr2 {
        font-size:13px;
    }

    .cart_btns {
        font-size:13px;
    }

    .hr_checkout {
        width: 135%;
        margin-bottom:10px !important;
    }

    .mx-auto {
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .profile {
        margin-left: -150px !important;
    }

    .regtitle {
        margin-left: 52px;
    }

    #plus_square {
        left:6%;
    }

    #payamtdiv {
        width:100%;
        margin-left:0;
    }

    .spanamts {
        font-size:11px;
    }

    .trader_prof_amts {
        font-size:11px;
    }

    .btn-width {
        width:100%;
        margin-bottom:15px;
    }

    .btn-dwidth {
        margin-bottom:15px;
        width:100%;
    }

    .ownshare {
        margin-top: 17px;
    }

    .img_shared {
        padding-right: 4px;
        height: 30px;
    }
  
    .sbtns_txts {
        padding-right: 8px;
    }

    .margin-bottom-20 {
        margin-bottom:5px;
    }

    .noplateimg {
        margin-bottom:45%;
    }

    .img-icon {
        margin-top: 31%;
    }

    .new-title {
        margin-left: 8px !important;
    }

    #em1_previmg {
        width: 133px;
    }

    #drop_emir1 {
        width: 132px;
    }

    #drop_emir2 {
       width: 132px; 
    }

    #em2_previmg {
        width: 141px;
    }

    #btnpaythruals {
        width: 152%;
        margin-left: 28%;
    }

    #btnbank {
        width: 152%;
        margin-left: 28%;
    }

    #btnonline {
        width: 152%;
        margin-left: 28%;
    }

    .sep_hr {
        position: relative;
        top: 11px;
        left: 0px;
        width: 90%;
    }

    .dropdown-content {
        left:-66px !important;
    }

    .img_watch {
        padding-right: 5px;
    }

    .sbtns_txts {
        padding-right: 28px;
    }

   .wbtns_txts {
       padding-right: 15px;
    }

    .img_flag {
        padding-right: 52px;
    }

    .fbtns_txts {
        padding-right: 22px;
    }

    .img_cart {
        padding-right: 0;
    }

    .cbtns_txts {
        padding-right: 0px;
    }

    .line-item {
        padding-right: 0px !important;
        right: -16px !important;
        top: 14px !important;
    }

    .localizationTool .ltool-language-countryname {
        font-size:13px !important;
    }

    .localizationTool.ltool-is-visible .ltool-dropdown-label-arrow {
        width: -16px!important;
        height: -10px!important;
        right: -82px!important; 
    
    }

    .localizationTool li {
        width: 70px;
    } 

    .spantrname {
        width: 65%;
    }

    #apprcnt {
        padding: 0 10px !important;
    }

    .number_btn {
        margin-top: 21px !important;
    }

    .catdet_mailbtn {
        margin-right: 0px !important;
    }
    
    .catdet_chatbtn {
        margin-left: 0px!important;
    }

    .margin-line2 {
        left: -1px !important;
        width: 96%!important;
    }

    .margin-line {
        left: -1px !important;
        width: 96%!important;
    }

    .notif_flag_img {
        left:43px !important;
    }

    .flexslider .slides img {
        width: 100%!important;
        display: block!important;
    }

    .logoutbtn {
        padding-left: 4px!important; 
        padding-right: 11px!important; 
    }

    .owl-item {
        width: 320px !important;
    }

    .mytexttitle {
        font-size:15px;
    }

    .watch-icon {
        padding-left:14px;
    }

    .flag-icon {
        margin-top: 5px;
        padding-right: 0px;
        padding-left: 16px;
    }

    .flag-text {
        padding-right:0;
        line-height:3;
    }

    .share-img {
        height:40px !important;
        width:40px !important;
    }
    
    .wishlist-icon {
        height:40px !important;
        width:40px !important;
    }

    .flaghome-icon {
        height:35px !important;
        width:35px !important;
    }

    .shnghome-icon {
        height:40px !important;
        width: 32px !important;
        padding-left: 0 !important;
    }

    .report-text {
        margin-top:2px !important;
        padding-right:0 !important;
    }

    .padding-text {
        padding-right: 0 !important;
    }

    .btnrequest {
        margin-top:20px;
    }

    .btn {
        padding-left: 9px!important;
        padding-right: 9px!important;
    }

    .pl-md-26  {
        padding-left:26px !important;
    }
    
    .save-img {
        padding-left:10px !important;
    }

    .edit-img {
        padding-left: 10px;
        padding-right: 0px !important
    }

    .dele-img {
        padding-left: 11px;
        padding-right:0;
    }

    .dele-btn {
        padding-left: 7px;
    }

    .edit-text {
        padding-right: 27px;
    }

    .rej-img {
        float: left;
        padding-left: 13px;
    }

    .rej-text {
        padding-right:27px!important;
    }

    .app-text {
        padding-right: 20px !important;
    }

    .tick-img {
        float: left;
        padding-left: 15px;
        height: 23px;
        width: 49px;
    }

    .width100 {
        width:100px !important;
    }

    .marginright16 {
        margin-right:16px !important;
    }

    .rm_icon {
        margin-top: -19%;
    }
}

@media (max-width: 1024px) and (min-width:769px) {
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .lipadding {
        padding-left: 35px;
    }

    .localizationTool {
        width: 71px !important;
    }

    .app-text {
        padding-right: 14px !important;
    }

    #tr_prof_btn {
        width: 59%;
    }

    .als_logo {
        width: 221px;
    }

    .px-lg-0 {
        padding-left: 0 !important;
        padding-right:0 !important;
    }

    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .localizationTool.ltool-is-visible .ltool-dropdown-label-arrow {
        right: -35px !important;
       
    } 

    .localizationTool li {
        width:100px !important;
    }

    .sep_hr {
        position: relative;
        top: 11px;
        left: 14px;
        width: 100%;
    } 

    #apprcnt {
        padding: 0 10px !important;
    }

    .subslider-count {
        left: 379px!important;
    }

    .ownbtnss {
        width:100% !important;
        margin-bottom: 12px !important;
    }

    .ownshare {
        margin-top:0 !important;
    }

    .socialbtns {
        margin-top: 16px;
    }

    .catdet_mailbtn {
        margin-right: 0px !important;
    }
    
    .catdet_chatbtn {
        margin-left: 0px!important;
    }

    .notif_prd_img{
        height:51px!important;
        width:52px !important;
    }

    .flexslider .slides img {
        width: 152%!important;
        display: block!important;
    }


    .share-text {
        padding-right: 30px;
        line-height: 3;
    }

    .edit-img {
        padding-left: 35px;
    }

    .edit-text {
        padding-right: 32px;
        line-height: 2rem;
    }

    .dele-img {
        padding-left: 34px;
        margin-top: 5px;
    }

    .dele-btn {
        padding-right: 17px;
        line-height: 2rem;
    }

    .shared-icon {
        padding-right:8px;
    }

    .shared-text {
        padding-right:25px;
    }

    .watch-icon{
        padding-left:30px;
    }

    .watch-text {
        padding-right:15px;
    }

    .flag-icon {
        margin-top:2px;
        padding-left: 30px;
    }

    .flag-text {
        padding-right:4px;
    }

    .save-img {
        padding-right: 5px !important;
        float: left;
        padding-left: 34px;
        margin-top: 5px;
    }

    .rej-img {
        float: left;
        padding-left: 38px;
        padding-right: 0 !important;
    }

    .rejj-text {
        padding-right: 25px !important;
        line-height: 2;
    }

    .tick-img {
        float: left;
        padding-left: 37px;
        height: 23px;
      
    }
}

@media (max-width: 425px) and (min-width:375px) {
.rej-img {
    float: left;
    padding-left: 78px;
    padding-right: 0 !important;
}

.tick-img {
    float: left;
    padding-left: 81px;
    height: 23px;
   
}

.fakeFile .text {
    float: left;
    width: 152px!important;
}

.pb-24 {
    padding-bottom:24px;
}

.app-text {
    padding-right: 73px !important;
}

.dele-btn {
    padding-right: 63px;
    line-height: 2rem;
}

share-text {
    padding-right: 97px;
    line-height: 3;
}

.save-img {
    padding-right: 5px !important;
    float: left;
    padding-left: 82px;
    margin-top: 5px;
}


.width100 {
    width:159px !important;
}

.audi_prev_icon {
    margin-top: -63px;
    font-size: 40px;
    width: 122px !important;
    height: 86px;
    display: none;
    border-radius: 6px;
}

.rm_icon {
    font-size: 28px;
    margin-top: -45%;
    float: right;
}

.displayinline-flex {
    display:inline-flex!important;
}

.paddingright-2 {
    padding-right:5px !important;
}

}

@media (max-width: 320px) {
    .fakeFile .text {
        float: left;
        width: 153px !important;
    }

    .pb-24 {
        padding-bottom: 24px;
    }


    .width100 {
        width:159px !important;
    }
    
    .audi_prev_icon {
        margin-top: -62px;
        font-size: 40px;
        width: 122px !important;
        height: 89px;
        
        border-radius: 6px;
    }

    .rm_icon {
        font-size: 28px;
        margin-top: -45%;
        float: right;
    }

    .displayinline-flex {
        display:inline-flex;
    }

    .paddingright-2 {
        padding-right:5px !important;
    }
}


/* -------- Checkbox---------- */
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 2.8rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: 7px !important;
    top: 5px !important;
    height: 19px;
    width: 19px;

}

.custom-control-label {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #3F3F3F !important;
    margin-top: 7px !important;
    margin-left: 5px !important;
}


.custom-control-label::after, .custom-control-label::before {
    width: 19px;
    height: 19px;
    border-radius: 3px;
}

.custom-control-label::before {
    background-color: #FFF;
    border: 2px solid #F5821F;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 19px;
    height: 19px;
    pointer-events: none;
    content: " ";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #F5821F;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff!important;
    background-color: #F5821F!important;
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 19px;
    height: 19px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

input[disabled] , input:disabled {
    opacity: -0.4 !important;
    cursor: no-drop !important;
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff!important;
    background-color: #F5821F!important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #F5821F!important;
}

.custom-control-label::before {
    background-color: #FFF!important;
    border: 2px solid #F5821F!important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #FFF;
    background-image: url(../assets/icons/checkbox-tick.png);
    border: 2px solid #F5821F;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #FFF;
    background-image: url(../assets/icons/checkbox-tick.png);
    border: 2px solid #F5821F;
}


/* Hot Categories */

.img-width {
    height:195px;
    width:200px;
}

.w-240 {
    width:220px;
}

.h-34 {
    height:34px !important;
}



.bottom-left {
    position: absolute;
    bottom: 10px;
    left: 28px;
    background-color: #f38b1f;
    padding:0px 8px;
    border-radius:12px;
    font-size:16px;
    color:#fff;
}

.bottom-right {
    position: absolute;
    bottom: 7px;
    right: 12px;
    font-size:13px;
    color:#000;
    font-weight:bold;
}


.img-right {
    position: absolute;
    bottom: 0px;
    right: 9px;
    opacity:0.5
}

.card-margin {
    margin-left:40px;
}

.img-bg {
    background-image: url(../../img/bg.png);
    background-position: bottom top 100px, right 800px;
    background-repeat: no-repeat;
    background-color: transparent;
    outline: none;
    border: none;
    z-index: 2;
}



/* new styles  */

.search {
    position:relative;
    margin:10px 0;
    /* display:none; */
}
.search .search__input{
   float:left;
}
.search .search__btn{
    position:absolute;
    right:0;
    background:#f5821f;
    color:white;
    border-top-right-radius: 4px;
    border-bottom-right-radius:4px;
}


.social__links li{
    display:inline-block;
}
.social__links li{
    margin-right:20px;    
}

.social__links li i{
    color:#f5821f;
}

.social__links li:last-child{
    margin-right:0px;    
}


.alshamil_arabic .grid__count{
    right:26px!important;
    z-index:3;
    left:auto;
}

.alshamil_arabic .grid__des{
    left:26px!important;
}