/**
*
*	Name:			IRAN Sans-Serif Font
*	Version:		5.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 25, 2012
*	Updated on:		Sep 01, 2017
*	Website:		             http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
--------------------------------------------------------------------------------------
*
**/
/*php /home2/basakhte/public_html/main/artisan schedule:run 1>> /dev/null 2>&1*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

html{
    /*margin-right: ;
    margin-left: 0;*/
    overflow-y: initial;
}

body{font-family: IRANSans;font-weight: 300; direction: rtl; text-align: right; padding: 0; margin: 0;
    background: #f7f8fa; overflow-x: hidden !important;}
.container-fluid{padding: 0 !important;}
@media screen and (max-width: 3000px) {
    .container {padding: 0;min-width: 1380px !important;max-width: 1380px !important;}
}
@media screen and (max-width: 1440px) {
    .container{padding: 0; min-width: 90% !important; max-width: 90% !important;}
}
@media screen and (max-width: 992px) {
    .container-fluid{padding: 0; min-width: 100% !important; max-width: 100% !important;}
    .container{padding: 0; min-width: 97% !important; max-width: 97% !important;}
}
/* width */
::-webkit-scrollbar {width: 10px; transition: .3s; position: fixed; right: 0;}
/* Track */
::-webkit-scrollbar-track {background: #efefef;}
/* Handle */
::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}

body h1{font-weight: 300;}
body h2{font-weight: 300;}
body h3{font-weight: 300;}
body h4{font-weight: 300; font-size: 18px;}
body h5{font-weight: 300; font-size: 14px;}
body h6{font-weight: 300;}

@media screen and (max-width: 768px) {
    ::-webkit-scrollbar {width: 6px; transition: .3s; position: fixed; right: 0;}
}

.header-event-img{width: 100%; margin: auto; max-height: 200px; text-align: center; background-color: #e4e5e7;}
.header-event-img img{width: 734px !important;margin: 10px; }
@media screen and (max-width: 768px) {
    .header-event-img{}
    .header-event-img img{width: 94% !important;margin: 8px; }
}

.scroolTop{width: 60px; height: 60px; position: fixed; left: 50px; bottom: 15px; background: #ffffff; display: none;
    border-radius: 50%; border: 1px solid #dfdfdf; text-align: center; cursor: pointer; transition: .3s; z-index: 100;}
.scroolTop:hover{background: #dfdfdf}
.scroolTop span{font-size: 26px; line-height: 52px; color: #afafaf}

@media screen and (max-width: 1200px) {
    .scroolTop{width: 44px; height: 44px;left: 40px;}
    .scroolTop span{font-size: 22px; line-height: 36px;}
}

.nav-custom-width{border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    background: #ffffff;}

.red{color: #ff0000 !important; cursor: pointer;}

.nav-custom-height{height: 100px !important; }
.nav-custom-height .topnav-right{display: none;}
.nav-custom-height .topnav-right1{display: none;}
.nav-custom-height .show-topnav-right1{display: none;}

.nav-custom-fixed{top: 150px;}

.nav-custom{ background: #ffffff; width: 100%; max-width:1440px; margin: auto; text-align: left; height: 130px;z-index: 20;
   /* transition: 0.1s ease-in-out;*/}

#nav-shop{/*border: 1px solid #ff6363;*/ border-radius: 15px; padding: 3px 10px;font-size: 13px; background-color: #ff6363;
    margin-top: -1px; transition: .3s;color: #fff !important; font-weight: 400; text-decoration: none;}
/*#nav-shop:hover{background: #ff6363 !important; color: #ffffff !important; text-decoration: none;}
#nav-shop.active{background: #ff6363 !important; color: #ffffff !important;}*/
.navbar-toggler {border-color: rgba(0, 0, 0,.5) !important;}
.navbar-toggler:focus {border: none; box-shadow: none; outline: none;}
.navbar-toggler:hover{outline: none;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0,.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;}

.nav-custom .navbar-brand{position: absolute; right: 25px; top: 15px;}

.nav-custom .navbar-brand-box{width: auto; height: 50px;}
.nav-custom .navbar-brand-box img{width: auto; height: 66px; float: right;}
.nav-custom .navbar-brand-box div{float: right; margin-right: 15px; text-align: center; margin-top: 15px;}
.nav-custom .navbar-brand-box h4{font-size: 17px; font-weight: 400; margin-top: 8px; color: #0f0f0f;}
.nav-custom .navbar-brand-box h5{font-size: 13px; font-weight: 300;margin-top: -6px; color: #afafaf;}

.navbar-brand-box .navbar-brand-box-text{display: block;}
.navbar-brand-box .navbar-brand-box-small-text{display: none;}

.nav-search{width: 40%; background: inherit; transition: .3s; position: absolute; top: 44px; right: 35%;
    border: 1px solid #efefef; border-radius: 4px;}
.nav-search input{width: 77%; float: right; border: none; color: #bfbfbf; font-size: 14px; font-weight: 300;}
.nav-search input:focus{ border: none; box-shadow: none;}
.nav-search input::placeholder{color: #898989; font-size: 10px; font-weight: 300;}
.nav-search .nav-search-select{width: 19%; height: 100%; border-right: 1px solid #efefef; float: left;;margin: 0; cursor: pointer; position: relative;}
.nav-search .nav-search-select-text{font-size: 12px; color: #313131; margin: 0;padding: 12px 6px}
.nav-search .nav-search-select-text span:first-child{ float: right; }
.nav-search .nav-search-select-text span:last-child{float: left;}
.nav-search .nav-search-select-box{position: absolute; right: 0; top: 39px; background-color: #fff; border: 1px solid #efefef; border-radius:4px 0  4px 4px;  z-index: 100; box-shadow: 0 0 1px 0 #efefef; padding: 5px 0;
    max-height: 400px; overflow-x: hidden; overflow-y: auto; display: none;}
.nav-search .nav-search-select-box ul{list-style: none; padding: 0; margin: 0; text-align: right; min-width: 120px;}
.nav-search .nav-search-select-box ul li{padding: 6px 6px; font-size: 13px; color: #313131;}
.nav-search .nav-search-select-box ul li.nav-search-select-box-category{padding-right: 22px; font-weight: 400;}
.nav-search .nav-search-select-box ul li:hover{background-color: #efefef;}
.nav-search span.fa-search{display:block; color: #616161; font-weight: 100; width: 4%; float: right; margin-top: 11px;
    text-align: left; font-size: 16px; -webkit-text-stroke: 1px #fff;}

.search-loading{text-align: center;width: 30px; height: 30px;background-image: url("../image/layout/load.gif");background-repeat: no-repeat;
    background-position: center center; background-size: 100% 100%; ;z-index: 100;transform: translate(-50%, -50%); display: none;
    -ms-transform: translate(-50%, -50%);background-color: rgba(255,255,255,1); position: absolute; right: -2%; top: 19px; }

.nav-search-box{width: 120%; max-height: 85vh; background: #ffffff; position: absolute; top: 45px; ;right: -10%; display: none;
    padding: 0; text-align: right; border: 1px solid #efefef;  box-shadow: 0 0 5px 1px #898989;
    z-index: 22; overflow-y: auto; overflow-x: hidden;}

.nav-search-box-button{display: block; width: 100%; height: 50px; background-color: #eec84c ; color: #fff; text-align: center; line-height: 50px; text-decoration: none; transition: .3s; }
.nav-search-box-button:hover{ background-color: #cba943; color: #fff; text-decoration: none;}

.nav-search-box-item{width: 100%; border-bottom: 1px solid #efefef; padding: 15px 15px 0; margin: 0; background-color: #eee; }
.nav-search-box-item1{background-color: #fff; padding: 15px 8px; max-height: 120px; overflow: auto;}
.nav-search-box-item h4{font-size: 16px;color: #313131; margin-bottom: 10px; font-weight: 400;}
.nav-search-box-item a{font-size: 14px; color: #616161; text-decoration: none; display: block; width: 31%; height: 30px; line-height: 30px;
    margin-bottom: 2px; margin-left: 2%; float: right; overflow: hidden;}
.nav-search-box-item a:hover{color: #515151; text-decoration: underline; }
.nav-search-box-item a span{font-weight: 700;color: #111;}

.nav-search-box-item1-product{min-height: 180px; max-height: 360px;}
.nav-search-box-item-product{width: 32%; margin-right: 1%; float: right;margin-bottom: 5px; text-align: center; height: 160px !important; max-height: 160px !important; line-height: 20px; }
.nav-search-box-item-product img{width: auto; height: auto; max-height: 120px; margin-bottom: 5px;}
.nav-search-box-item-product span{width: 100%; display: block; height: auto; max-height: 100%; margin-bottom: 5px; font-weight: 300 !important;;}

.nav-custom .topnav-left {position: absolute; left: 45px; top:8px;}
.nav-custom .topnav-left a{color: #afafaf !important; font-weight: 300; font-size: 12px; margin-right: 20px;}
.nav-custom .topnav-left a:hover{color: #898989 !important; border-bottom: 1px solid #898989;}
.nav-custom .topnav-left a.active{color: #898989 !important; border-bottom: 1px solid #898989;}
.nav-custom .topnav-left a span{vertical-align: middle; font-size: 14px;}

.nav-custom .topnav-right {position: absolute; right: 0;  padding: 0 30px 0 0; bottom:0; margin: 0; width: 100%; padding-bottom: 2px;}
.nav-custom .topnav-right li:hover{ z-index: 1000; margin-bottom: -2px;}
.nav-custom .topnav-right a{color: #6f6f6f !important; font-weight: 400; font-size: 12px; margin-left: 2px; padding:3px 10px; border-radius: 25px;}
.nav-custom .topnav-right a:hover{color: #ff0000 !important; text-decoration: none !important;}
.nav-custom .topnav-right a span{vertical-align: middle; font-size: 14px;}

.nav-custom .topnav-right1 {position: absolute; left: 35px; bottom:0; padding: 0; margin: 0;
}
.nav-custom .topnav-right1 a{color: #6f6f6f !important; font-size: 12px; margin-left: 0;font-weight: 400; padding: 8px 6px !important;}
.nav-custom .topnav-right1 a:hover{border-bottom: 3px solid #000000; margin-bottom: -3px;}
.nav-custom .topnav-right1 a.active{border-bottom: 3px solid #000000 !important; margin-bottom: -3px !important; color: #000000 !important;}
.nav-custom .topnav-right1 a span{vertical-align: middle; font-size: 14px;}
.show-topnav-right1{position: absolute; left:45px; bottom: 10px; display: none; vertical-align: middle;}
.show-topnav-right1 a{color: #999999; text-decoration: none; font-size: 13px;}
.show-topnav-right1 span{margin-right: 5px;font-size: 14px; vertical-align: middle;}

.nav-icons{position: absolute; left: 45px; top:43px; padding: 0; margin: 0; width: 182px; height: 50px;}
.nav-icons .nav-sign-in{ background: #333333; color: #ffffff; padding: 5px 15px; border-radius: 5px; float: left; margin-right: 25px;}
.nav-icons .nav-sign-in:hover{text-decoration: none;}
.nav-icons .nav-icon{float: left; margin-right: 10px; margin-top: 5px; position: relative; min-width: 20px;}
.nav-icons .nav-icon .fa-bell{font-size: 20px;margin: 5px 0;color: #ff3300;}
.nav-icons .nav-icon-profile{margin-top: 3px; margin-right: 0 !important;}
.nav-icons .nav-icon-profile-name{  padding: 6px 0; font-size: 12px;
    margin-top: 0; float: right; font-weight: 400; color: #898989;}
.nav-icons .nav-icon-profile-name img{width: 100%;height: 100%;border-radius: 50%;
    margin: 2px 1px !important;}
.nav-icons .nav-icon-profile-name span{background: #f7f8fa; border-radius: 50%; padding: 5px;}
.nav-icons .nav-icon-profile .fa{margin: 4px 5px; color: #898989;}
.nav-icons .nav-icon img{width: 20px; height: 20px; position: absolute; top: 4px; left: 0;}
.nav-icons .check{ position: relative; bottom: -9px; left:13px; font-size: 9px; color: #ff3300;}

.navbar-toggler-heart{ display: none;}
.navbar-toggler-heart .fa-bell{font-size: 20px;margin: 3px 0;color: #ff3300; margin-left: 10px;}
.navbar-toggler-bag{ display: none;}
.navbar-toggler-heart img{width: 22px; height: 22px; margin-left: 15px; margin-top: 3px;}
.navbar-toggler-bag img{width: 22px; height: 22px; margin-left: 10px;margin-top: 3px;}

.navbar-toggler-profile .nav-sign-in{color: #313131 !important;}
.navbar-toggler-profile .nav-sign-in span{margin: 3px 10px; font-size: 25px;}
.navbar-toggler-profile{float: right;}
.navbar-toggler-profile .nav-icon-profile-name img{width: 25px; height: 25px; border-radius: 50%; margin: 3px 0 0 11px !important;}
.navbar-toggler-profile .nav-icon-profile-name span{width: 25px; height: 25px; border-radius: 50%; background: #f7f8fa; font-size: 12px;
    color: #313131; text-decoration: none !important; padding: 6px !important; margin: 10px !important;}

.sidenav{display: none; z-index: 101;}


.nav-loader{}

.nav-item-dropdown{position: relative;}

.nav-item-box{width: 100%; height: 100vh; position: relative;  right: 0; left: 0; direction: rtl; text-align: right;
    background-color: rgba(0, 0, 0, 0.80); display: none; z-index: 100; overflow: hidden;}
.nav-item-box-middle{height:auto; min-height: 450px; width: 1400px; margin: auto; position: relative ;}
.nav-item-box-middle-img{width: 150px; height: 150px; border-radius: 50%; position: absolute; left: 50px; top: 20px;object-fit: cover;object-position: left;}
.nav-item-box-ul-right{height:100%; list-style: none; margin: 0; overflow: hidden; width: 30%; position: absolute; right: 0; top: 0; background-color: #f2e4e0; padding: 10px 0; border-radius: 0 0 15px 0;}
.nav-item-box-ul-right li.nav-item-box-ul-right-header{color: #313131; font-size: 22px; font-weight: 400; display: block; width: 100%; padding:10px 15px 10px 15px;}
.nav-item-box-ul-right li.nav-item-box-ul-right-footer{color: #313131; display: block; width: 100%; padding:30px 15px 25px 15px; position: absolute; bottom: 0; right: 0;}
.nav-item-box-ul-right li.nav-item-box-ul-right-footer a{margin-left: 10px;font-size: 14px; font-weight: 400; color: #898989;}
.nav-item-box-ul-right li.nav-item-box-ul-right-footer a:first-child{color: #313131;}
.nav-item-box-ul-right li.nav-item-box-ul-right-item a{color: #313131; text-decoration: none;font-size: 14px; font-weight: 400; display: block; width: 100%; padding: 7px 15px;}
.nav-item-box-ul-right li.nav-item-box-ul-right-item a span{float: left; font-weight: 400; font-size: 20px;}
.nav-item-box-ul-right li.nav-item-box-ul-right-item a:hover{color: #313131;}

.nav-item-box-ul-left{height:100%; list-style: none; margin: 0; overflow: hidden; width: 70%; position: absolute; right: 30%; top: 0;padding: 10px 0; border-radius: 0 0 0 15px;}
.nav-item-box-ul-left-none{display: none;}
.nav-item-box-ul-left li.nav-item-box-ul-left-header{color: #313131; font-size: 22px; font-weight: 400; display: block; width: 100%; padding:10px 15px 10px 15px;}
.nav-item-box-ul-left li.nav-item-box-ul-left-fotter{display: block; width: 100%; padding:20px 15px 15px 15px; position: absolute; bottom: 0; right: 0;}
.nav-item-box-ul-left li.nav-item-box-ul-left-fotter img{width: 50px; height: 50px; border-radius: 50%; float: right; margin-left: 10px;}
.nav-item-box-ul-left li.nav-item-box-ul-left-item{width: 40%; float: right;}
.nav-item-box-ul-left li.nav-item-box-ul-left-item a{color: #313131; font-size: 14px; font-weight: 400; padding: 7px 15px; margin-bottom: 5px;}
.nav-item-box-ul-left li.nav-item-box-ul-left-item a:hover{color: #313131; }

.topnav-right2{display: none !important;}
.topnav-right3{display: block !important;}


@media screen and (max-width: 3000px) {
    .nav-item-box-middle {padding: 0;min-width: 1380px !important;max-width: 1380px !important;}
}
@media screen and (max-width: 1440px) {
    .nav-item-box-middle{padding: 0; min-width: 96% !important; max-width: 96% !important;}
}
@media screen and (max-width: 992px) {
    .nav-item-box-middle{padding: 0; min-width: 97% !important; max-width: 97% !important;}
}

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


    .topnav-right2{display: none !important;}
    .topnav-right3{display: none !important;}
    .topnav-right4{display: block !important;}
    .nav-custom .navbar-brand-box div{float: right; margin-right: 15px; text-align: center;}
    .nav-custom .navbar-brand-box h4{font-size: 16px; font-weight: 400; margin-top: 8px; color: #0f0f0f;}
    .nav-custom .navbar-brand-box h5{font-size: 13px; font-weight: 300;margin-top: -6px; color: #afafaf;}
    .nav-custom .topnav-right{width: 80%; overflow: hidden;white-space: nowrap;}
    .show-topnav-right1{display: block;}
    .nav-custom .topnav-right1{position: absolute; left: 35px; top:130px; padding: 0; margin: 0; background: #fff !important;
        z-index: 10; width: 100px;display: none; box-shadow: 0 2px 2px 1px #efefef; height: 280px;}
    .nav-custom .topnav-right1 li{clear: both; display: block; width: 100%; text-align: right;}
    .nav-custom .topnav-right1 a:hover{ display: block; width: 100%;}
    .nav-custom .topnav-right1 a:hover{border-bottom: none; margin-bottom: 0; background-color: #efefef;}

    .navbar-brand-box div{ margin-top: 15px !important;}


    .nav-search{width: 40%;  right: 38%; background-color: #fff;}
    .nav-search input{width: 77%; float: right; border: none; color: #bfbfbf; font-size: 14px; font-weight: 300;}
    .nav-search .nav-search-select{width: 19%; height: 100%; border-right: 1px solid #efefef; float: left;;margin: 0; cursor: pointer; position: relative;}
    .nav-search span.fa-search{display:block; color: #616161; font-weight: 100; width: 4%; float: right; margin-top: 11px;
        text-align: left; font-size: 16px; -webkit-text-stroke: 1px #fff; background-color: #fff;}
}

@media screen and (max-width: 1200px) {
    .nav-search{width: 50%;  right: 28%; background-color: #fff;}
    .navbar-brand-box .navbar-brand-box-text{display: none;}
    .navbar-brand-box .navbar-brand-box-small-text{display: block;}
}

@media screen and (max-width: 1100px) {
    .topnav-right{max-width: 850px; overflow: auto;}
    .topnav-right ::-webkit-scrollbar {width: 1px; transition: .3s; position: fixed; right: 0;}
    .topnav-right ::-webkit-scrollbar-track {background: #efefef;}
    .topnav-right ::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px;}
    .topnav-right ::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}

    .navbar-brand-box div.navbar-brand-box-text{display: none;}
    .navbar-brand-box div.navbar-brand-box-small-text{display: block;}
}

@media screen and (max-width: 992px) {
    .nav-custom-height{ height: 70px !important;}
    .nav-custom .navbar-brand-box{ height: 30px; margin-top: 13px;}
    .nav-custom .navbar-brand-box img{width: auto; height: 60px; margin-top: -4px;}
    .nav-custom .navbar-brand-box div{display: none;}

    .nav-custom{height: 70px !important;}
    .nav-custom .navbar-brand{right: 15px;}
    .nav-custom .navbar-brand-box{margin-top: -7px;}
    .nav-custom .nav-search{display: none;}
    .nav-custom .navbar-toggler{display: block; float: left; position: absolute; left: 25px;top: 15px; border: none;}
    .navbar-toggler-heart{ display: block; float: right;}
    .navbar-toggler-bag{ display: block; float: right;}
    .nav-icons{display: none;}
    .topnav-right{margin-top: 0;}
    .topnav-right li{margin-bottom: 15px;}
    .nav-custom .collapse{display: none;}
    .nav-custom .navbar-nav{display: none;}

    .show-topnav-right1{display: none;}


    /* width */
    .sidenav::-webkit-scrollbar {width: 5px; transition: .3s; position: fixed; right: 0;}
    /* Track */
    .sidenav::-webkit-scrollbar-track {}
    /* Handle */
    .sidenav::-webkit-scrollbar-thumb {background: #ccc;border-radius: 5px;}
    /* Handle on hover */
    .sidenav::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}
    .sidenav {display: block;height: 100%;width: 50%;position: fixed;z-index: 100; padding:120px 0 40px 0 !important;
        top: 0;right: 0;background-color: #ffffff;overflow-x: hidden;transition: 0.2s;text-align: right;
        margin-right: -50%; margin-top: 0 !important;}
    .sidenav-show{margin-right: 0;}
    .sidenav1{width: 94%; margin: auto;}
    .sidenav .areas{width: 50%; padding: 10px 0; text-align: center; float: right;border-bottom: 1px solid rgba(200,200,200,.5);}
    .sidenav .areas a{text-decoration: none; color: #898989; font-size: 14px; font-weight: 400;}
    .sidenav ul{padding: 0; margin: 0; width: 100%;}
    .sidenav ul li{margin: 0; border-bottom: 1px solid rgba(200,200,200,.5); padding: 0 25px 0 10px; margin-right: -6px;}
    .sidenav ul li a{margin-right:0;padding: 15px 0 15px 0;text-decoration: none;color: #898989;
        display: block;transition: 0.3s; float: right; font-weight: 400; font-size: 15px; width: 100% !important;}
    .sidenav ul li a img{height: 25px; width: 25px; margin-left: 5px;}
    .sidenav span.fa-angle-down{float: left; margin-left: 10px; font-weight: 700; font-size: 16px; }
    .sidenav ul li a:hover {color: #898989;}

    .child-category-tablet{display: none;height: 100%;width: 50%;position: fixed;z-index: 21; padding:120px 0 40px 0 !important;
        top: 0;right: 0;background-color: #ffffff;overflow-x: hidden;transition: 0.2s;text-align: right;
        margin-right: 50%; opacity: 0;}
    .child-category-tablet-show{display: block;opacity: 1;margin-right: 0;}

    .sidenav-login{margin-right:0;padding: 15px;text-decoration: none;color: #e70003; border-left: 1px solid #efefef;
        display: block;transition: 0.3s;font-weight: 400; font-size: 15px; width: 50%;float: right;
        border-bottom: 1px solid #efefef;}
    .sidenav-login:hover{ text-decoration: none; color: #e70003;}
    .sidenav-sign{margin-right:0;padding: 15px;text-decoration: none;color: #6f6f6f;
        display: block;transition: 0.3s;font-weight: 400; font-size: 15px; width: 50%;
        border-bottom: 1px solid #efefef;float: right;}
    .sidenav-sign:hover{color: #6f6f6f; text-decoration: none;}

    .sidenav .nav-divider{width: 100%; color: #898989; background: #f7f8fa; padding: 5px 15px; font-size: 14px; font-weight: 300;
        margin: 0;}
    .sidenav .closebtn {font-size: 36px !important; margin-top: -10px !important; color: #000 !important; cursor: pointer;}
    .sidenav .nav-icons{display: block; top: 95px; left: 5%; width: 300px; }
    .sidenav .nav-icons .nav-icon{clear: both; margin: 6px; width: 20px; height: 20px;}
    .sidenav .nav-search{ width: 94% !important; position: absolute; right: 3% !important; top :60px;
        border-color: #111111; border-radius: 1px !important;}
    .search-loading{right:-3%;}
    .sidenav .nav-search input{ width: 55% !important; color: #111111 !important; font-weight: 400;}
    .sidenav .nav-search-select{ width: 33% !important; color: #111111 !important; font-weight: 400;}
    .sidenav .nav-search .fa-search{color: #111111 !important; font-size: 22px !important; -webkit-text-stroke: 1px #fff; width: 6%;
        margin-top: 7px;}
    .sidenav-close{width: 5%; display: block; float: right; color: #111111; font-size: 28px !important;
        -webkit-text-stroke: 2px #fff;
        padding-top: 0; text-align: right; margin-right: 2%; position: absolute; right: 5px; top: 15px;}
    .sidenav-close:hover{text-decoration: none; color: #313131}


    .sidenav-social{width: 100%; margin: auto; padding: 20px;}
    .sidenav-social a{float: right; color: #6f6f6f; margin-left: 25px; font-size: 15px; transition: .3s;}
    .sidenav-social a:hover{color: #3f3f3f; text-decoration: none;}
}
@media screen and (max-width: 768px) {
    .sidenav {width: 100%;margin-right: -100%;}
    .sidenav-show{margin-right: 0;}

    .child-category-tablet{width: 100%;margin-right: 100%;display: block;opacity: 1;}
    .child-category-tablet-show{margin-right: 0;}


    .nav-search-box{width: 100%; max-height: 85vh; right: 0 !important;}
    .nav-search-box-item a{ width: 48%; }
    .nav-search-box-item-product{width: 48%;}

}
@media screen and (max-width: 575px) {
    .nav-custom .navbar-brand-box h4{display: none;}
    .nav-custom .navbar-brand-box h5{display: none;}
    .nav-custom .navbar-toggler{padding-left: 0;}
    .nav-custom .navbar-toggler{float: left; position: absolute; left: 25px;}
}

.header-slider{width: 88%; max-width:1350px; height:auto; !important; padding: 0; margin: auto; position: relative;}

.login-required{width: 768px; height: 180px; position: absolute; left: 9px; top: 50px; background-color: #fff; z-index: 1000; box-shadow: 0 0 15px 0 #000;}
.login-required-right{width: 40%; height: 100%; float: right;}
.login-required-right img{width:100%; height: 100%; object-fit: cover;}
.login-required-left{width: 60%; height: 100%; float: right;padding: 10px; position: relative; text-align: right;}
.login-required-left h4{margin-top: 0;}
.login-required-left a{color: #313131; text-decoration: none; display: block; font-size: 13px; font-weight: 400; margin-bottom: 5px; }
.login-required-left a:hover{color: #000;}
.login-required-left-all{width: auto; height: auto; background-color: #1993ff; border-radius: 25px; margin-bottom: 0; color: #fff !important; padding: 4px 12px; position: absolute; left: 10px; bottom: 10px;}
.login-required-left-close{width: 15px; height: 15px;  position: absolute; left: 15px; top: 5px; -webkit-text-stroke: 1px #fff; z-index: 1; cursor: pointer;}
.login-required-left-arrow{width: 25px; height: 25px;  position: absolute; left: 13px; top: -15px; color: #fff; font-size: 50px !important;}
.login-required-mobile{width: 100%; height: auto; padding: 5px; display: none; position: absolute; left: 0; top: 70px; background-color: #fff; z-index: 1; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.31); text-align: right;}
.login-required-mobile a{color: #313131; text-decoration: none; display: block; font-size: 13px; font-weight: 400; max-width: 90%;}
.login-required-mobile a:hover{color: #000;}
@media screen and (max-width: 992px) {
    .login-required-right{display: none;}
    .login-required-left{display: none;}
    .login-required{width: 100% !important; height: auto;}
    .login-required-mobile{display: block;}
    .login-required-left-close{top: 7px; left: 10px;}
}

.header-slider .carousel-inner img{ height: 450px; object-fit: cover;}
.header-slider .carousel-caption{ top:38%;}
.header-slider .carousel-caption h3{font-size: 25px !important; font-weight: 400 !important;}
.header-slider .carousel-caption p{font-size: 16px !important; font-weight:300 !important;}

.header-slider .fa-angle-left{color: #000000 !important; font-size: 50px; font-weight: 700; opacity: 1;}
.header-slider .fa-angle-right{color: #000000 !important; font-size: 50px; font-weight: 700; opacity: 1;}

.header-slider .carousel-indicators{right:0;left: 0;bottom: -22px; width: 100% !important; margin: 0!important; padding: 0 !important; display: block;}
.header-slider .carousel-indicators li{width: 25px;height:20px; border:none; background: #efefef; !important; float: left;
    border-radius: 0 0 5px 5px; color: #000000; text-align: center; text-indent: 0; font-size: 13px; line-height: 20px; margin: 0;
    margin-right: 3px;}
.header-slider .stop-slider{width: 50px !important; float: right !important; margin-right: 0 !important;}

.header-slider .carousel-indicators li.active{ background: #cfcfcf !important;}

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
    .header-slider .carousel-inner img{ height: 300px !important; object-fit: cover;}
    .header-slider .carousel-caption{ top:30%;}

    .header-slider{width:90%;}
}
@media screen and (max-width: 768px) {
    .header-slider .carousel-inner img{ height: 250px !important; object-fit: cover;}
    .header-slider .carousel-caption{ top:26%;}

    .header-slider{width:100%;}
}
@media screen and (max-width: 575px) {
    .header-slider .carousel-inner img{ height: 180px !important; object-fit: cover;}
    .header-slider .carousel-caption h3{font-size: 20px !important;}
    .header-slider .carousel-caption p{font-size: 14px !important;;}
    .header-slider .carousel-caption{ top:18%;}

}



/******** home *********/


.home-item-category-desktop{height: auto; width: 100%;  padding-top: 10px;}
/* width */
.home-item-category-desktop::-webkit-scrollbar {width: 2px; height: 2px; transition: .3s; position: fixed; right: 0;}
/* Track */
.home-item-category-desktop::-webkit-scrollbar-track {background: inherit;}
/* Handle */
.home-item-category-desktop::-webkit-scrollbar-thumb {background: #afafaf;border-radius: 4px;}
/* Handle on hover */
.home-item-category-desktop::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}
.home-item-category-desktop::-webkit-scrollbar-thumb:focus {background: #cfcfcf;}
.home-item-category-desktop-header{margin-top: 50px; text-align: center;}
.home-item-category-desktop-header h4{font-size: 20px; font-weight: 400; color: #313131;}
.home-item-category-desktop-header h5{font-size: 16px; font-weight: 400; color: #898989; margin-bottom: 50px;}
.home-item-category-desktop-row{height: auto;}
.home-item-category-desktop-row-item{height: 160px; width: 100%; text-align: center; margin-left: 40px;}
.home-item-category-desktop-row-item img{height: 120px; width: 120px; border-radius: 50%;object-fit: cover; object-position: left;}
.home-item-category-desktop-row-item a{color: #313131; font-size: 16px; font-weight: 400; text-decoration: none; display: block; margin-top: 10px;}
.home-item-category-desktop-row-item-title{width: 100%; height: 18px; line-height: 18px; overflow: hidden;}
@media screen and (max-width: 992px) {
    .home-item-category-desktop-header{margin-top: 30px; text-align: center;}
    .home-item-category-desktop-header h4{font-size: 16px; font-weight: 400; color: #313131;}
    .home-item-category-desktop-header h5{font-size: 14px; font-weight: 400; color: #898989; margin-bottom: 30px;}
    .home-item-category-desktop-row-item{height: 100px; width: 82px; text-align: center;float: right;}
    .home-item-category-desktop-row-item img{height: 60px; width: 60px; border-radius: 50%;object-fit: cover; object-position: left;}
    .home-item-category-desktop-row-item a{color: #313131; font-size: 12px; font-weight: 400; text-decoration: none; display: block;}
    .home-item-category-desktop-row-item-title{width: 100%; height: 18px; line-height: 18px; overflow: hidden;}
}
@media screen and (max-width: 768px) {
    .home-item-category-desktop{display: none;}
}

.home-item-category{height: 110px; width: 100%;overflow-x: auto; overflow-y: hidden;  padding-top: 10px; display: none;}
/* width */
.home-item-category::-webkit-scrollbar {width: 2px; height: 2px; transition: .3s; position: fixed; right: 0;}
/* Track */
.home-item-category::-webkit-scrollbar-track {background: inherit;}
/* Handle */
.home-item-category::-webkit-scrollbar-thumb {background: inherit;border-radius: 4px;}
/* Handle on hover */
.home-item-category::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}
.home-item-category::-webkit-scrollbar-thumb:focus {background: #cfcfcf;}
.home-item-category-row{height: 100%; width: auto; }
.home-item-category-row-item{height: 100px; width: 82px; text-align: center;float: right;}
.home-item-category-row-item img{height: 70px; width: 70px; border-radius: 50%;object-fit: cover; object-position: left;}
.home-item-category-row-item a{color: #313131; font-size: 12px; font-weight: 400; text-decoration: none; display: block;}
.home-item-category-row-item-title{width: 100%; height: 18px; line-height: 18px; overflow: hidden;}
@media screen and (max-width: 768px) {
    .home-item-category{display: block;}
}


.home-first{height: auto; !important; padding: 0; margin-top: 50px;}
.home-first-header{ text-align: center;}
.home-first-header h1{ font-size: 18px; font-weight: 400; color: #333333;}
.home-first-header h4{ font-weight: 400; color: #333333;}
.home-first-header h5{color: #afafaf; margin-bottom: 50px;}
.home-first-item{width: 100%; margin-bottom: 25px; position: relative; transition: 1s;}
.home-first-item1{width: 100%; height: 100%; overflow: hidden; cursor: pointer;}
.home-first-item:hover .home-first-item-img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.home-first-item-img{transition: 1s; min-width: 100%; max-width: 100%; height: 350px; object-fit: cover;}
.home-first-item a{color: #ffffff;}
.home-first-item a:hover{color: #ffffff; text-decoration: none;}
.home-first-item-text{position: absolute; top: 20px; right: 30px; width: 80%;}
.home-first-item-text h4{font-weight: 500; font-size: 21px; max-width: 80%;}
.home-first-item-text h5{margin-top: 10px; max-width: 90%; margin-bottom: 18px;}
.home-first-item-text span{padding: 5px 12px; background-color: #ff6363; color: #fff; border-radius: 5px; cursor: pointer;
    text-decoration: none; font-size: 14px; font-weight: 400;}
.home-first-item-text span:hover{background-color: #e04d4d; }
@media screen and (max-width: 992px) {
    .home-first-item{float: right;}
    .home-first-item-text h5{font-size: 12px !important;}
    .home-first-item-img{height: 250px;}

}
@media screen and (max-width: 768px) {
    .home-first-item-text h5{font-size: 14px !important; max-height: 54px; overflow: hidden;
        line-height: 18px; display: none;}
    .home-first-item-text h4{margin-bottom: 15px;}

    .home-first-item-img{height: 200px;}

}
@media screen and (max-width: 575px) {
    .home-first-item{}
    .home-first-item-img{height: auto !important;}

    .home-first-item-text h5{font-size: 12px !important;}
}

.home-second{height: auto; !important; padding: 0; padding-top: 60px; clear: both;}
.home-second-header{ text-align: center;}
.home-second-header h4{ font-weight: 400; color: #333333;}
.home-second-header h5{color: #898989; margin-bottom: 50px;}
.home-second-item{ margin-bottom: 25px; padding:3px; overflow: hidden;}
.home-second-item a{color: #ffffff;}
.home-second-item a:hover{color: #ffffff; text-decoration: none;}
.home-second-item-border{width: 96%; margin: 0 2%; border: 1px solid #efefef; padding-bottom: 100px; position: relative;
    overflow: hidden; background: #ffffff;}
.home-second-item-border:hover  .home-second-item-img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.home-second-item-img{transition: transform .5s ease-out, opacity 1.5s, -webkit-transform .5s ease-out;}
.home-second-item-border img{width: 100%; height: 260px; max-height: 260px; object-fit: cover;}
.home-second-item-text{width: 80%; height: 100px; background: #ffffff;  position: absolute; right: 10%; bottom: 50px;
    text-align: center; padding: 20px 10px 10px;}
.home-second-item-text h4{max-height: 40px; line-height: 20px; font-size: 18px; color: #000000; font-weight: 300; overflow: hidden;}
.home-second-item-text h5{height: 34px; line-height: 17px; font-size: 14px; color: #afafaf; margin-top: 20px; overflow: hidden;}

.home-second-item-top{width: 100%; margin-bottom: 10px; padding:11px; padding-bottom: 0; overflow: hidden;}
.home-second-item-top1{width: 100%; height: 100%; overflow: hidden;}
.home-second-item-top:hover  .home-second-item-img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.home-second-item-img{transition: transform .5s ease-out, opacity 1.5s, -webkit-transform .5s ease-out;}
.home-second-item-top a{color: #ffffff;}
.home-second-item-top a:hover{color: #ffffff; text-decoration: none;}

.magazine-item-top{padding-top: 5px;}
.magazine-item-hide{display: none;}
.magazine-item-top img{width: 100%; height:329px !important; object-fit: cover; overflow: hidden;}
.home-second-item-top img{width: 100%; height: 450px; object-fit: cover; overflow: hidden;}
.home-second-item-top-text{width: auto; background: #ffffff;  position: absolute; left: 50px; bottom: 20px;
    text-align: center; padding:20px;}
.home-second-item-top-text h4{font-size: 20px; color: #000000; font-weight: 300;}
.home-second-item-top-text h5{font-size: 14px; color: #898989; margin-top: 10px;}

.home-second-footer{width: 100%; text-align: center; margin-top: 20px; height: 55px;}
.home-second-footer a{background: #ffffff; border: 1px solid #dfdfdf; padding: 10px 35px; transition: .3s;color: #666666;
font-weight: 400; border-radius: 1px;}
.home-second-footer a:hover{color: #666666; text-decoration: none; background: #afafaf;}

@media screen and (max-width: 1440px) {
    .home-second-item-border img{height: 230px;}
    .home-second-item-top img{height: 400px;}

}
@media screen and (max-width: 992px) {
    .magazine-item-top{display: none; margin-bottom: 50px;}
    .magazine-item-hide{display: block;}
    .home-second-item-top img{width: 100%; height: 300px; object-fit: cover;}

}
@media screen and (max-width: 768px) {
    .home-second-item{overflow: visible !important;}
    .home-second{padding-top: 20px;}
    .magazine-item-top{display: block;}
    .home-second-item-top1{ border: 1px solid #efefef; padding-bottom: 30px;}
    .home-second-item-top-text{bottom: 10px;}
    .magazine-item-hide{display: none !important;}
    .magazine-item-top img{width: 100%; height:260px !important; object-fit: cover; overflow: hidden;}
    .home-second-item-top img{width: 100%; height: 260px; object-fit: cover;}

    .home-second-item-border{ padding-bottom: 90px;}
    .home-second-item{float: right;}
    .home-second-item-border img{height: 70px !important; object-fit: cover;}
    .home-second-header h5{color: #898989; margin-bottom: 20px;}
}
@media screen and (max-width: 575px) {
    .magazine-item-top img{width: 100%; height:200px !important; object-fit: cover; overflow: hidden;}
    .home-second-item-top img{width: 100%; height: 200px; object-fit: cover;}

    .home-second-item-top-text{width:  80%; right: 10%; bottom: 10px; padding:15px 10px 10px ;}
    .home-second-item-top-text h5{display: none;}

    .home-second-item{height: 80px; margin-bottom: 20px;}
    .home-second-item-border{width: 97%; margin: 0 1.5%;}
    .home-second-item-border img{width: 24%; height: 70px !important; object-fit: cover; position: absolute; right: 2%;
        top: 9px;}
    .home-second-item-text{width: 68% !important; height: 60px; top: 9px; right: 29%;
        text-align: right; padding: 0 !important;}
    .home-second-item-text h4{height: 60px; line-height: 20px; font-size: 16px;}
    .home-second-item-text h5{display: none;}
}


.home-products{height: auto; !important; padding: 0; margin-top: 30px; padding-bottom: 30px;}
.home-products-header{text-align: right; padding-right: 15px; margin-bottom: 20px;}
.home-products-header h4{font-weight: 400; color: #333333;}
.home-products-item{ margin-bottom: 0; overflow: hidden; padding: 10px; float: right;}

.home-products-item1{width: 100%; height: 100%; overflow: hidden; transition: .2s; position: relative; padding-bottom: 35px;
    border-radius: 3px;}
.home-products-item1:hover{margin-top: -5px; margin-bottom: 5px; box-shadow: 0 2px 5px 3px rgba(200,200,200,.4);}
.home-products-item1:hover .home-products-like1-span{ opacity: 1;}
.home-products-item-box{width: 100%; height: 280px; position: absolute; right: 0; top: 0; display: none;;
    background-image: linear-gradient(rgba(100,100,100,.2) , rgba(100,100,100,0.1) );z-index: 1;}
.home-products-item-img{width: 100%; height: 280px; object-fit: cover; padding-top: 35px; padding-bottom: 35px;
    transition: transform .5s ease-out, opacity 1.5s, -webkit-transform .5s ease-out; background-color: #f7f8fa;}
.home-products-item a{color: #ffffff;}
.home-products-item a:hover{color: #ffffff; text-decoration: none;}
.home-products-text{max-height: 88px;padding: 5px;padding-top: 15px;}
.home-products-text .ad{border: 1px solid #666666; border-radius: 3px; padding: 2px 3px 0; font-size: 10px; float: right;
    margin-left: 5px; margin-top: 2px; line-height: 10px; font-weight: 400; color: #313131; vertical-align: middle;}
.home-products-text h4{font-size: 14px; color: #000000; font-weight: 400; height: 20px; line-height: 20px; overflow: hidden;
    margin-bottom: 1px;}
.home-products-text h5{font-size: 13px; color: #000; margin-top: -2px; height: 34px; line-height: 17px; overflow: hidden;
   }
.home-products-text h6{font-size: 13px; color: #ff6363; height: 18px; line-height: 18px;}
.home-products-like{width: 40px; height: 40px; position: absolute; right: 5px; top: 5px; z-index: 10;}
.home-products-like span{color: rgba(215,216,217,.7); font-size: 22px;}

.home-products-like1{width: 70px; height: 30px; position: absolute; right: 5px; top: 20px; z-index: 10;}
.home-products-like1-span{display: block; width: 100%; height: 100%; background-color: #fff; cursor: pointer; opacity: 0;
    color: #0a0a0a; font-size: 14px; text-align: center; border-radius: 5px; line-height: 30px; transition: .5s;}
.home-products-like1-span span{vertical-align: middle; margin-left: 2px; -webkit-text-stroke: 1px #fff;}
.home-products-like1-span:hover{background-color: #d9d9d9;}
.home-products-like1-span:hover .fa-plus{-webkit-text-stroke: 1px #d9d9d9;}
.home-products-like1-span:hover .fa-minus{-webkit-text-stroke: 1px #d9d9d9;}

.home-products-like1-span.active{background-color: #d9d9d9;}
.home-products-like1-span.active .fa-plus{-webkit-text-stroke: 1px #d9d9d9;}

.home-products-banner{width: 50px; height: 50px; background: #ffffff;  position: absolute; left: 10px; bottom: 130px;
    border: 1px solid #cfcfcf;}
.home-products-banner img{width: 100%; height: 100%; object-fit: cover;}

.home-products-badge{width: auto; height: 24px; position: absolute; right: 5px; bottom: 130px; z-index: 1000;}
.home-products-badge span{width: 24px; height: 24px; border-radius: 50%; font-size: 8px; font-weight: 400;
    background-color: #898989; display: block; text-align: center; color: #fff; float: right;
    line-height: 26px; margin-left: 3px; z-index: 1;}
.home-products-badge span.fa{ font-size: 10px; font-weight: 300; line-height: 22px; }
.home-products-badge span.fa-bookmark{ color: #FFD700 }

.home-products-footer{position: relative; text-align: center; height: 220px; overflow: hidden;}
.home-products-footer-item{ float: right; position: relative; opacity: .5;}
.home-products-footer-item1{position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 1;
    background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 40%);}
.home-products-footer-show{width: 60%; padding: 10px 15px; position: absolute; top: 175px; right: 20%; z-index: 5;}
.home-products-footer-show a{ background: #000000; color: #ffffff; padding: 11px 25px; font-size: 14px;}
.home-products-footer-show a:hover{color: #ffffff; text-decoration: none;}

@media screen and (max-width: 992px) {
    .home-products-item{padding-bottom: 0 !important;}
    .home-products-footer-item1{background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 25%);}
}
@media screen and (max-width: 768px) {

    .home-products-text{padding-top: 5px;}
    .home-products-text h4{font-size: 13px;}
    .home-products-text h5{font-size: 13px;}
    .home-products-text h6{font-size: 13px;}

    .home-products-banner{display: none;}

    .home-products-item{margin-bottom: 0;}
    .home-products-item1{padding-bottom: 0;}
    .home-products-item1:hover{margin-top: 0; margin-bottom:0; box-shadow: none; background-color: inherit;}
    .home-products-like1-span{ opacity: 1;}

    .home-products-item{float: right; margin-bottom: 30px;}
    .home-products-item-box{height: 250px; background-color: inherit !important;opacity: 0;}
    .home-products-item-img{height: 200px; padding-top: 25px; padding-bottom: 25px;}
    .home-products-footer-item1{background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 23%);}

    .home-products-like1{top: 10px; width: 27px ; height: 27px; border-radius: 50%; overflow: hidden;}
    .home-products-like1-span span{margin-left: 1px; vertical-align: auto; margin-top: -5px;}

    .home-products-footer{height:50px;}
    .home-products-footer-show{width: 60%; padding: 10px 15px; position: absolute; top: 5px; right: 20%; z-index: 5;}
    .home-products-footer-show a{padding: 11px 30px; font-size: 14px;}

    .home-products-footer-item{display: none;}
}
@media screen and (max-width: 575px) {
    .home-products-footer-show{width: 80%;right: 10%;}
    .home-products-footer-item1{background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 13%);}
}
@media screen and (max-width: 375px) {
    .home-products-item-img{height: 180px;}
}


.like-project-box{width: 250px; height: 70px; background-color: #fff; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
    position: fixed; top: 150px; left: 10px; border-radius: 5px; padding: 10px;display: none; z-index: 30;}
.like-project-box-right{width: 50px; height: 50px; float: right;}
.like-project-box-right img{width: 50px; height: 50px; object-fit: cover;}

.like-project-box-center{width: 150px; height: 50px; float: right; padding: 5px;}
.like-project-box-center h4{font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; color: #313131;}
.like-project-box-center h5{font-size: 13px; font-weight: 300; height: 20px; line-height: 20px; margin-bottom: 0; color: #898989;}

.like-project-box-left{width: 30px; height: 50px; float: right; text-align: center;}
.like-project-box-left span{font-size: 28px; color: #000; line-height: 50px;}

@media screen and (max-width: 768px) {
    .like-project-box{top: 100px; }
}

.home-info{width: 100%; text-align: center; margin: 80px 0 20px;}
.home-info h4{font-size: 17px;}
.home-info h4 a{text-decoration: none;}
.home-info h5{font-size: 16px;}
@media screen and (max-width: 992px) {
    .home-products-item{padding-bottom: 0 !important;}
}
@media screen and (max-width: 768px) {
    .home-info h4{font-size: 15px;}
    .home-info h5{font-size: 12px;}
}
@media screen and (max-width: 575px) {

}

.home-services{height: auto; !important; padding: 30px 0; clear: both;}
.home-services-header{ text-align: right; padding-bottom: 50px;}
.home-services-header h4{ font-weight: 400; font-size: 16px; color: #333333; float: right;}
.home-services-header a{ font-weight: 400; font-size: 14px; color: #333333; float: left;}
.home-services-header a:hover{ font-weight: 400; color: #333333; float: left; text-decoration: none;}
.home-services-item{ margin-bottom: 25px; padding:3px; transition: .3s;}
.home-services-item a{color: #ffffff;}
.home-services-item a:hover{color: #ffffff; text-decoration: none;}
.home-services-item-border{width: 96%; margin: 0 2%; border: 1px solid #efefef; padding-bottom: 80px; position: relative;
    transition: .3s; background: #ffffff;}
.home-services-item-border:hover{box-shadow: 0 2px 6px 2px rgba(100,100,100,0.2);}
.home-services-item-border img{width: 100%; height: 190px; object-fit: cover;}
.home-services-item-text{width: 80%; min-height: 120px; background: #ffffff;  position: absolute; right: 10%; bottom: 5px;
    text-align: right; padding: 20px 10px 10px;transition: .3s;}
.home-services-item-text h4{height: 20px; line-height: 20px; font-size: 14px; color: #000000; font-weight: 400; overflow: hidden;}
.home-services-item-text h5{ font-size: 13px; color: #afafaf; overflow: hidden;}

.home-services-item-ticket{padding-bottom: 125px;}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
    .home-services{padding: 20px 0;}

    .home-services-header h4{ font-weight: 400; font-size: 14px;}
    .home-services-header a{ font-weight: 400; font-size: 12px;}
}
@media screen and (max-width: 575px) {
    .home-services-item-border img{width: 100%; height: 160px; object-fit: cover;}
}
@media screen and (max-width: 375px) {
    .home-services-item-border img{width: 100%; height: 120px; object-fit: cover;}
}




.home-blog{float: right; margin-top: 30px; padding-bottom: 20px;}
.home-blog-item{padding: 3px;}
.home-blog-item-padd{width: 98%; margin: 1%; border: 1px solid #eeeeee; padding: 9px; float: right; min-height: 408px;}
.home-blog-item-header{padding-bottom: 75px; padding-top: 5px;}
.home-blog-item-header h4{ color: #333333; font-size: 13px; float: right; font-weight: 400;}
.home-blog-item-header a{color: #999999; font-size: 12px; float: left; vertical-align: middle; }
.home-blog-item-header a span{margin-right: 4px; vertical-align: middle; font-weight: 700;color: #aaaaaa;}
.home-blog-item-header a:hover{color: #999999; text-decoration: none;}

.home-blog-items{ padding: 2px;}
.home-blog-items a{text-decoration: none; color: #313131;}
.home-blog-items h4{font-size: 13px; padding-top: 4px; margin-bottom: 2px; height: 22px; line-height: 20px; overflow: hidden;
    font-weight: 400;}
.home-blog-items h5{font-size: 12px; margin-top: 3px; padding-top: 0; height: 17px; line-height: 17px; overflow: hidden;font-weight: 400;}
.home-blog-items h6{font-size: 11px; margin-top: 0; padding-top: 0; height: 15px; line-height: 15px; overflow: hidden;font-weight: 400;}
.home-blog-items img{width: 100%; height: 100px; object-fit: cover;}

@media screen and (max-width: 992px) {
    .home-blog-item-header{padding-bottom: 45px;}
    .home-blog-items img{height: 200px;}
}
@media screen and (max-width: 768px) {
    .home-blog-item-header{padding-bottom: 45px;}
    .home-blog-items{float: right;}
    .home-blog-items img{height: 180px; width: 100%;}
}
@media screen and (max-width: 575px) {
    .home-blog-items img{height: 140px;}
}


.home-post-blog{height: auto; !important; padding: 0; padding-top: 80px; clear: both;}
.home-post-blog .row{margin: 0 !important;}
.home-post-blog a{text-decoration: none;}
.home-post-blog .row{margin-bottom: 30px;}
.home-post-blog-header{ text-align: right; padding-bottom: 35px; border-bottom: 1px solid rgba(0,0,0,.2); font-weight: 400;
    margin-bottom: 50px;}
.home-post-blog-header h4{ font-weight: 400; font-size: 16px; color: #333333; float: right; border-bottom: 3px solid rgba(0,0,0,.6);
    padding-bottom: 15px;}
.home-post-blog-header a{padding: 4px 8px;float: left;border: 1px solid #cfcfcf; color: #333333; border-radius: 2px; margin-top: -6px;
font-size: 15px; transition: .3s;}
.home-post-blog-header a:hover{background-color: #afafaf;}

.home-post-blog-item{overflow: hidden;}
.home-post-blog-item:hover  .home-post-blog-item-img{
    -webkit-transform:scale(1.02);
    -ms-transform:scale(1.02);
    transform:scale(1.02);
}
.home-post-blog-item-img{transition: transform .5s ease-out, opacity 1.5s, -webkit-transform .5s ease-out;}
.home-post-blog-item img{width: 100%; height: 180px; margin-bottom: 30px; object-fit: cover;}
.home-post-blog-item h4{ height: 20px; line-height: 20px; font-size: 14px; color:  #3f3f3f; font-weight: 400; overflow: hidden;}
.home-post-blog-item h5{height: 51px; overflow: hidden; font-size: 13px; color: #6f6f6f; margin-top: 15px; line-height: 17px;
    position: relative;}
.home-post-blog-item h5 .dot{position: relative; right: 3px; bottom: 0;}
.home-post-blog-item h6 span{margin-left: 3px; font-size: 12px; color: #afafaf; margin-top: 0; padding-top: 0;}

.home-post-blog-items{height: 60px; margin-top: 20px;}
.home-post-blog-items img{width: 24%; height: 100%; border-radius: 3px; float: right; object-fit: cover;}
.home-post-blog-items-text{width: 72%; height: 100%; border-radius: 5px; float: right; padding-right: 3%;}
.home-post-blog-items-text h4{height: 20px; line-height: 20px; font-size: 14px; color:  #3f3f3f; font-weight: 400;
    overflow: hidden; margin-top: 6px; position: relative;}
.home-post-blog-items-text h4 .dot{position: relative; right: 3px; top: 0;}
.home-post-blog-items-text h6 span{margin-left: 3px; font-size: 12px; color: #afafaf; margin-top: 0; padding-top: 0;}

@media screen and (max-width: 992px) {
    .home-post-blog-item img{width: 100%; height: 150px; margin-bottom: 30px;}
    .home-post-blog-items img{width: 30%;}
    .home-post-blog-items-text{width: 66%;}
}
@media screen and (max-width: 768px) {
    .home-post-blog-item img{width: 100%; height: 220px; margin-bottom: 30px;}
}
@media screen and (max-width: 575px) {
    .home-post-blog-item img{width: 100%; height: 150px; margin-bottom: 30px;}
    .home-post-blog-items img{width: 24%;}
    .home-post-blog-items-text{width: 72%;}
}
@media screen and (max-width: 575px) {
    .home-post-blog-item img{width: 100%; height: 100px; margin-bottom: 30px;}
}


.home-category{height: auto; !important; padding: 0; padding-top: 80px; clear: both;}
.home-category a{color: #000000;}
.home-category a{color: #000000; text-decoration: none;}
.home-category-header{ text-align: right; padding: 0 7px 50px;}
.home-category-header h4{ font-weight: 400; font-size: 16px; color: #333333; float: right; margin-top: 11px;}
.home-category-header a{ font-weight: 400; font-size: 14px; color: #333333; float: left; border: 1px solid #cfcfcf;
    padding: 8px 12px; transition: .3s; border-radius: 2px;}
.home-category-header a:hover{color: #333333; text-decoration: none; background: #afafaf;}

.home-category-item{height: 220px; position: relative; margin-bottom: 15px; padding: 5px;}
.home-category-item img{width: 100%; height: 100%; object-fit: cover;}
.home-category-item-text{width: 70%; position: absolute; right: 0; top: 0; padding: 25px 25px 5px 5px;}
.home-category-item-text h4{font-size: 17px; font-weight: 400;}
.home-category-item-text h5{font-size: 14px; font-weight: 400;}
.home-category-item-text h5 span{margin-left: 3px;}

.home-category-items{height: 190px; position: relative; padding: 5px; margin-bottom: 15px; }
.home-category-items img{width: 100%; height: 100%; object-fit: cover;}
.home-category-items-text{width: 70%; position: absolute; right: 0; top: 0; padding: 25px 25px 5px 5px;}
.home-category-items-text h4{font-size: 17px; font-weight: 400;}
.home-category-items-text h5{font-size: 14px; font-weight: 400;}
.home-category-items-text h5 span{margin-left: 3px;}

@media screen and (max-width: 992px) {
    .home-category-item{height: 200px;}
    .home-category-items{height: 200px;}
    .home-category-item-text{width: 50%;}
}
@media screen and (max-width: 768px) {
    .home-category-header{text-align: right; padding: 0 10px 50px;}
    .home-category-item{float: right;}
    .home-category-items{float: right;}
    .home-category-item-text{width: 40%;}
    .home-category-items-text{width: 40%;}
}
@media screen and (max-width: 575px) {

}


.home-ads{height: 130px; background: #f7f8fa; padding-right: 0 !important; padding-left: 0 !important;}
.home-ads-img{width: 768px;  margin: auto; height: 130px;}
.home-ads-img img{width: 100%; height: 130px; object-fit: cover;}

@media screen and (max-width: 768px) {
    .home-ads{width:100%; height: auto; background: inherit;}
    .home-ads-img{width: 100%; height: auto; }
    .home-ads-img img{width: 100%; height: auto;}
}
/******** home *********/



/******** footer ********/

.footer-custom{width: 100%; height: 150px; background: #313131;z-index: 1;}

.footer-custom-right{ padding: 44px 0 50px;}
.footer-custom-right h4{font-size: 13px; color: #cccccc; margin-bottom: 10px;}
.footer-custom-social a{float: right; color: #afafaf; margin-left: 15px; font-size: 25px; transition: .3s;}
.footer-custom-social{width: 180px;}
.footer-custom-social a:hover{color: #ffffff; text-decoration: none;}

.footer-custom-left{ padding: 75px 0; text-align: center;}
.footer-custom-left h6{color: #898989; font-size: 12px;margin-top: 5px; font-weight: 400;}
.footer-custom-left h6 a{color: #898989; text-decoration: underline;}
.footer-custom-left h6 a:hover{color: #898989; text-decoration: none;}
.footer-custom-search{width: 425px; background: inherit; margin:auto;transition: .3s;height: 40px;
    border-radius: 5px; overflow: hidden; margin-top: -25px !important;}
.footer-custom-search input{width: 70%; float: right; border: none; color: #bfbfbf; font-size: 14px; font-weight: 300;
border-radius: 0;height: 40px;}
.footer-custom-search input:focus{ border: none; box-shadow: none;}
.footer-custom-search input::placeholder{color: #cfcfcf; font-size: 13px; font-weight: 300;}
.footer-custom-search button{color: #ffffff; background: #ff6363; width: 30%; float: left;height: 40px;
    text-align: center; font-size: 14px; border: none; transition: .3s;}
.footer-custom-search button:hover{background: #d75252;}

@media screen and (max-width: 992px) {
    .footer-custom-search{width: 100%;}
}
@media screen and (max-width: 768px) {
    .footer-custom-right{float: right;}
    .footer-custom-left{float: right;}
}
@media screen and (max-width: 575px) {
    .footer-custom{width: 100%; height: 300px; text-align: center;}
    .footer-custom-right{padding-top: 60px;}
    .footer-custom-right h4{margin-right: -22px;}
    .footer-custom-social{width: 180px; margin:auto;}
    .footer-custom-left{padding-top: 30px;}
}

.footer-item-header h4{ margin-bottom: 15px; font-size: 16px; font-weight: 400; color: #333333; cursor: pointer;}
.footer-item-header span{ margin-left: 10px; font-size: 20px;}
.footer-item a{display: block; width: 100%; color: #898989; text-decoration: none; height: 20px; line-height: 20px;
    margin-bottom: 10px; overflow: hidden; font-size: 13px; font-weight: 300;}
.footer-item a span{padding: 1px 3px; background: #ff6363; border-radius: 5px; color: #ffffff; margin-right: 6px;
    font-size: 10px !important;}
.footer-item a:hover{color: #898989;}

.footer-item-box{width: 100%; height: auto; display: block;}

.footer-copy{border-top:1px solid #efefef; padding: 15px 10px 10px; text-align: left;}
.footer-copy-body{ padding: 15px 0;}
.footer-copy-body-right{ text-align: right; margin-top: -8px; float: right;}
.footer-copy-body-right ul{list-style: none; padding: 0; margin: 0;}
.footer-copy-body-right ul li{display: inline;  margin: 0; margin-right: 15px; }
.footer-copy-body-right ul li a{color: #777; text-decoration: none; font-size: 13px;}
.footer-copy-body-right ul li a:hover{color: #000;}
.footer-copy-body-left{float: right;}
.footer-copy-body-left h6{color: #777; font-size: 13px;}

@media screen and (max-width: 768px) {
    .footer-copy-body-right{display: none;}
}

.footer-address{ padding: 30px 0; border-top: 1px solid #efefef;}
.footer-address-img{float: right; width: 25%;}
.footer-address img{width: 90%; margin-left: 15px; margin-top: 10px;}
.footer-address-address{float: right; color: #afafaf;width: 75%;}
.footer-address span.address{ font-size: 14px; font-weight: 300;display: block;width: 75%;}
.footer-address span.tel{ font-size: 14px; font-weight: 300; display: block;}
.footer-address span.fax{ font-size: 14px; font-weight: 300; display: block;}

.footer-icon{ padding: 30px 15px; border-top: 1px solid #efefef;}
.footer-icon img{float: left; width: 80px; margin-right: 5px;}

@media screen and (max-width: 768px) {
    .footer-item{float: right;}
    .footer-address{padding: 30px 20px;}
    .footer-address-img{width: 100%; clear: both; text-align: right; margin: 20px 0 20px;}
    .footer-address-address{width: 100%; clear: both; text-align: right; margin: 5px 0;}
    .footer-address span.address{width: 100%; text-decoration: none;}

    .footer-icon{margin: 0; padding-bottom: 15px;}

}
@media screen and (max-width: 576px) {
    .footer-item{padding: 0;}
    .footer-item-header h4{cursor: pointer; border-bottom: 1px solid #efefef; padding:15px 10px 15px;
        margin-bottom: 0;}
    .footer-item-header h4.no-border{border-bottom: none;}
    .footer-item-header h4.active{background-color: #f7f8fa !important;}


    .footer-item-box{ display: none; padding: 10px 10px 10px 5px;}
}

/******** footer ********/


/********** category **********/

.category{padding-bottom: 50px;}

.category-select-filter{padding:0 12px 12px ; margin: 10px 0 0; border-bottom: 1px solid #dfdfdf;}
.category-select-filter p{margin-bottom: 8px;}
.category-select-filter-box{margin-bottom: 10px;}
.category-select-filter-box span{font-size: 13px; border: 1px solid #cfcfcf; border-radius: 3px; padding: 3px 6px;}
.category-select-filter-box span a{color: #000; -webkit-text-stroke: 1px #f7f8fa; margin-right: 4px; font-size: 12px;}
.category-select-filter-clear{color: #898989; font-size: 13px; text-decoration: none;}
.category-select-filter-clear:hover{color: #616161; font-size: 13px; text-decoration: none;}

.category-header{height: auto; padding: 15px 0 25px;}
.category-header span{color: #777777; font-size: 14px; font-weight: 700; margin: 0 5px;}
.category-header a{color: #777777; font-size: 14px; font-weight: 400; text-decoration: none;}
.category-header a.active{color: #0a0a0a; font-size: 14px; font-weight: 400;}
.category-header a.active:hover{color: #0a0a0a; text-decoration: none;}
.category-header a:hover{color: #777777;}

.rangePrice .input-group-sm{border-radius: 2px !important;}
.rangePrice .input-group-prepend{}
.rangePrice .input-group-prepend span{border-radius: 0 2px 2px 0 !important; border-color: #e4e5e7; background-color: #f7f8fa;
    border-left: none;}
.rangePrice input[type=text]{border-color: #e4e5e7; box-shadow: none;}
.rangePrice input[type=text]:focus{border-color: #e4e5e7; box-shadow: none;}
.rangePrice button{width: 100%; padding: 5px; background-color: #313131; color: #fff; border: none; border-radius: 5px;
    cursor: pointer;}


.rangePrice .selector {position: relative;padding: 20px;width: 100%;color: #7e7e7e;}

.rangePrice .selector ul {position: relative;display: block;overflow: auto;min-width: 138px;
    max-height: 200px;background: #fff;list-style: none;white-space: inherit;padding-right: 17px;width: calc(100% + 17px)}

.rangePrice .selector li {position: relative;padding: 3px 20px 3px 25px;cursor: pointer}

.rangePrice .selector li:before {position: absolute;top: 50%;left: 0;top: 4px;
    display: inline-block;margin-right: 9px;width: 17px;height: 17px;background-color: #f4f4f4;
    border: 1px solid #d5d5d5;content: ""}

.rangePrice .selector li[data-selected="1"]:before {border: 1px solid #d7d7d7;background-color: #fff}

.rangePrice .selector li[data-selected="1"]:after {position: absolute;top: 50%;left: 3px;top: 11px;display: inline-block;width: 4px;
    height: 10px;border-right: 2px solid;border-bottom: 2px solid;background: none;color: #39c9a9;
    content: "";-webkit-transform: rotate(40deg) translateY(-50%);transform: rotate(40deg) translateY(-50%)}

.rangePrice .selector li:hover {color: #aaa}

.rangePrice .selector li .total {position: absolute;right: 0;color: #d7d7d7}

.rangePrice .selector .price-slider {text-align: center;display: -webkit-box;display: -ms-flexbox;
    display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;padding-top: 17px}

@media (min-width: 768px) {
    .rangePrice .selector .price-slider {
        padding-top:8px
    }
}

.rangePrice .selector .price-slider:before {position: absolute;top: 50%;left: 0;
    margin-top: 0;color: #39c9a9;content: attr(data-currency);-webkit-transform: translateY(-50%);transform: translateY(-50%)}

.rangePrice .selector #slider-range {width: 90%;margin-bottom: 30px;
    border: none;background: #e2f7f2;height: 3px;margin-left: 8px;margin-right: 8px}

@media (min-width: 768px) {
    .rangePrice .selector #slider-range {
        width:100%
    }
}

.rangePrice .selector .ui-slider-handle {border-radius: 50%;background-color: #39c9a9;
    border: none;top: -14px;width: 28px;height: 28px;outline: none}

@media (min-width: 768px) {
    .rangePrice .selector .ui-slider-handle {
        top:-7px;
        width: 16px;
        height: 16px
    }
}

.rangePrice .selector .ui-slider-range {background-color: #d7d7d7}

.rangePrice .selector .slider-price {position: relative;display: inline-block;padding: 5px 40px;width: 40%;background-color: #e2f7f2;
    line-height: 28px;text-align: center}

.rangePrice .selector .slider-price:before {position: absolute;top: 50%;left: 13px;margin-top: 0;
    color: #39c9a9;content: attr(data-currency);-webkit-transform: translateY(-50%);transform: translateY(-50%)}

.rangePrice .selector .show-all {position: relative;padding-left: 25px;color: #39c9a9;cursor: pointer;line-height: 28px}

.rangePrice .selector .show-all:after, .selector .show-all:before {content: "";position: absolute;top: 50%;
    left: 4px;margin-top: -1px;color: #39c9a9;width: 10px;border-bottom: 1px solid}

.rangePrice .selector .show-all:after {-webkit-transform: rotate(90deg);transform: rotate(90deg)}

.rangePrice .selector.open ul {max-height: none}

.rangePrice .selector.open .show-all:after {display: none}


* {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.rangePrice .slider.slider-horizontal{width: 100% !important;}

.rangePrice .slider-handle{border-radius: 4px !important; background-color: #313131 !important;
     background-image:none !important; }

@media screen and (max-width: 768px) {
    .category-header span{font-size: 12px; font-weight: 700; margin: 0 3px; vertical-align: middle;}
    .category-header a{font-size: 13px; font-weight: 300;}
    .category-header a.active{font-size: 13px; font-weight: 400;}
}

.category-filter{ height: auto; background: #f7f8fa; padding: 5px 0 0;}
.category-filter-header{width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; text-align: center; padding: 8px 0 4px;
    display: none; margin-bottom: 20px; cursor: pointer;}
.category-filter-header h4{color: #333333; font-size: 16px; font-weight: 300;}
.category-filter-close{width: 100%; height: 50px; border-bottom: 1px solid #cfcfcf; display: none;}
.category-filter-close span{ margin: 15px; cursor: pointer;}

.category-filter .card{border: none;}
.category-filter .card a{color: #333333; text-decoration: none; font-weight: 400;}
.category-filter .card-header{position: relative;}
.category-filter .card-header-inherit{background: #f7f8fa;}
.category-filter .card-header-color{background: #eaedf2;}
.category-filter .card-header:hover{background: #eaedf2;}
.category-filter .card-body{ padding: 10px; background: #f7f8fa;}
.category-filter .card-body button{outline: none;}
.category-filter .card-header-icon{position: absolute; left: 5px; top: 13px; }
.category-filter .card-header-icon span{font-size: 13px; font-weight: 100;}
.category-filter .card-body ul{list-style: none; padding: 0; margin: 0;}
.category-filter .card-body ul li a{color: #898989; font-size: 15px; font-weight: 300; text-decoration: none;}
.category-filter .card-body ul li a:hover{color: #000000; font-size: 15px; font-weight: 400;}
.category-filter .card-body ul li a:visited{color: #898989; }
.category-filter .card-body ul li a.active{color: #000000; font-size: 16px; font-weight: 400;}
.category-filter .card-body ul li ul{margin-right: 20px;}
.category-filter .card-body ul li ul li a{color: #898989; font-size: 14px; font-weight: 300; text-decoration: none;}
.category-filter .card-body ul li ul li a:hover{color: #000000; font-size: 14px; font-weight: 400;}
.category-filter .card-body ul li ul li a:visited{color: #898989; }
.category-filter .card-body ul li ul li a.active{color: #000000; font-size: 15px; font-weight: 400;}

.category-filter-top{list-style: none; padding:0 12px 15px ; margin: 15px 0 0; border-bottom: 1px solid #dfdfdf;}
.category-filter-top li{list-style: none;}
.category-filter-top li a{text-decoration: none; color: #333333; font-size: 13px; font-weight: 400;}
/* Hide the browser's default radio button */
.category-filter-top-radio{margin: 5px 0 5px 5px;position: relative; display: block; float: right;}
.category-filter-top-radio input {position: relative;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.category-filter-top-radio .checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #fff;
    border-radius: 50%;border: 1px solid #898989;}
/* On mouse-over, add a grey background color */
.category-filter-top-radio:hover input ~ .checkmark {background-color: #fff;}
/* When the radio button is checked, add a blue background */
.category-filter-top-radio input:checked ~ .checkmark {background-color: #ffffff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.category-filter-top-radio .checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.category-filter-top-radio input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.category-filter-top-radio .checkmark:after {top: 2px;left: 2px;width: 10px;height: 10px;border-radius: 50%;background: #000000;}


.category-filter-top-check-search{border-radius: 5px; border: 1px solid #cfcfcf;box-shadow: none; width: 100%; padding: 5px;
    font-size: 14px; color: #898989; margin-bottom: 20px; font-weight: 300;}
.category-filter-top-check-search:focus{box-shadow: none; outline: none; border-color: #898989;}
.category-filter-top-check-search::placeholder{color: #cfcfcf; font-size: 14px !important; font-weight: 300;}
.category-filter-brand{max-height: 290px; overflow-x:hidden; overflow-y:  scroll; padding-right: 0 !important; margin-right: 0 !important;}
.category-filter-brand li{width: 90%; margin-right: 5%;}
.category-filter-brand li a{color: #898989 !important; font-size: 14px !important; }

.category-filter-top-check{margin: 5px;position: relative; display: block; float: right;}
/* Hide the browser's default checkbox */
.category-filter-top-check input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.category-filter-top-check .checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #ffffff;
    border: 1px solid #cfcfcf;border-radius: 5px;}
/* On mouse-over, add a grey background color */
.category-filter-top-check:hover input ~ .checkmark {background-color: #ffffff;}
/* When the checkbox is checked, add a blue background */
.category-filter-top-check input:checked ~ .checkmark {background-color: #ffffff;}
/* Create the checkmark/indicator (hidden when not checked) */
.category-filter-top-check .checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.category-filter-top-check input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.category-filter-top-check .checkmark:after {left: 5px;top: 2px;width: 5px;height: 9px;border: solid black;
    border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

@media screen and (max-width: 992px) {
    .category-header{padding-bottom: 10px;}
    .category-filter-header{display: block;}
    .category-filter{display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%;
        z-index: 25; overflow: scroll; }
    .category-filter-close{display: block;}
}

.category-items{}
.category-items-header{ margin-bottom: 25px; position: relative;}
/*.category-items-header a{padding: 3px 9px; background-color: #dfdfdf; color: #616161; text-decoration: none; margin:10px 5px;
    font-size: 12px; font-weight: 400; border-radius: 15px;}
.category-items-header a.active{background-color: #cfcfcf;}*/

.category-items-header-follower a{padding: 7px 15px !important; background-color: #cfcfcf; color: #fff; text-decoration: none; margin:10px 5px;
    font-size: 13px; font-weight: 400; border-radius: 15px !important; display: inline-block;}
.category-items-header-follower a:hover{background-color: #bfbfbf;}
.category-items-header-follower a.active{background-color: #bfbfbf;}

.category-items-header-text{color: #898989; height: 80px; overflow: hidden; padding-left: 25px; font-size: 14px;
    line-height: 20px;}
.category-items-header-height{display: none;}
.category-items-header .more{position: absolute; left: -5px; bottom: 0; color: #313131; font-size: 13px; cursor: pointer;
    background-color: #fff; z-index: 1; padding-right: 5px;}
.category-items-header .less{position: absolute; left: -5px; bottom: 0; color: #313131; font-size: 13px; display: none;
    cursor: pointer;background-color: #fff; z-index: 1; padding-right: 5px;}
.category-item{padding: 5px; margin-bottom: 15px; cursor: pointer;}
.category-item1{width: 96%; margin: 0 2%; background: #f7f8fa; padding-bottom: 20px; overflow:hidden;
    transition: .3s;}
.category-item1:hover{margin-top: -4px; margin-bottom: 4px;box-shadow: 0 3px 6px 3px rgba(200,200,200,.4);}
.category-item1-box{width: 93%; margin: 0 3.5%; height: 200px; position: absolute; top: 0; right: 0; display: none;
    background-image: linear-gradient(rgba(100,100,100,.2) , rgba(100,100,100,0.1) );z-index: 1; overflow: hidden;}

.category-item-img{transition: 1s;width: 100%; height: 200px; margin-bottom: 10px;}
.category-item{float: right;}
.category-item1 h4{font-size: 17px; font-weight: 400; color: #313131; padding:0 8px; margin: 10px 0; }
.category-item-more{font-size: 14px !important; font-weight: 400; color: #313131; padding:0 8px; margin: 14px 0; }
.category-item1 h4 a{color: #313131; text-decoration: none;}
.category-item1 h4 a:hover{color: #111111; }
.category-item1 h5{font-size: 14px; font-weight: 300; color: #777777; padding:0 8px; margin: 8px 0; }
.category-item1 h5 a{color: #777777; text-decoration: none;}
.category-item1 h5 a:hover{color: #313131;}

@media screen and (max-width: 1200px) {
    .category-item-img{height: 170px;}
}
@media screen and (max-width: 992px) {
    .category-item-img{height: 200px;}
    .category-items{padding: 0;}
}
@media screen and (max-width: 768px) {
    .category-item-img{height: 170px;}
}
@media screen and (max-width: 576px) {
    .category-item{padding: 0;}
    .category-item1{width: 100%; margin: 0;}
    .category-item-img{height: auto;}
}


.brand-items{ }
.brand-items-header{padding:0 10px;}
.brand-items-header h3{ margin-top: 50px; font-size: 18px; font-weight: 400; float: right;}
.brand-items-header a{ margin-top: 35px; font-size: 15px; font-weight: 300; float: left; background: #ffffff; padding: 8px 15px;
    border-radius: 5px; color: #313131; text-decoration: none; transition: .3s; border: 1px solid #dfdfdf;}
.brand-items-header a:hover{background: #afafaf;}
.brand-item{padding: 5px; margin-bottom: 15px; background: inherit;float: right;}
.brand-item1{width: 96%; margin: 0 2%; height: 180px; border:1px solid #efefef; border-radius: 5px; overflow: hidden;
    background: #ffffff !important; text-align: center;}
.brand-item1 img{ max-width: 60%; height: 60%; margin: 20%;vertical-align: middle; object-fit: cover;}


.category-brand-item{width:15%; padding: 5px; margin-bottom: 15px; background: inherit;float: right; margin-left: 1%;}
.category-brand-item1{width: 96%; margin: 0 2%; border:1px solid #efefef; border-radius: 5px; overflow: hidden;
    background: #ffffff !important; text-align: center;}
.category-brand-item1 img{ max-width: 80%; height: 80%; margin: 10%;vertical-align: middle; object-fit: contain;}

@media screen and (max-width: 768px) {
    .category-brand-item{width:32%;}
}
@media screen and (max-width: 575px) {
    .brand-item1{ height: 150px; }
}

.focus-items{ }
.focus-page-header{width: 100%; margin: 10px 0 60px; text-align: center;}
.focus-page-header img{width: 100% !important; height: auto !important;}

.focus-page-header h3{font-size: 24px; font-weight: 400; max-height: 100%;}
.focus-page-header h5{font-size: 14px; font-weight: 400; max-height: 100%;}
.focus-items-header{padding: 0; margin-bottom: 0; margin-top: 0;}
.focus-items-header h3{ margin-top: 15px; margin-bottom: 20px; font-size: 20px; font-weight: 400; float: right;}

.focus-body{border: 1px solid #efefef; padding:30px 20px; border-radius: 10px; transition: .5s;}
.focus-body:hover{background-color: rgba(223, 223, 223, 0.71);}
.focus-body a{text-decoration: none;}
.focus-body a:hover{}
.focus-body-header{}
.focus-body-header h3{font-size: 22px; font-weight: 400; color: #333333; margin-bottom: 20px;}
.focus-body-header h4{font-size: 14px; color: #afafaf; font-weight: 400;}
.focus-item{padding: 5px; margin-bottom: 15px; background: inherit;float: right;}
.focus-item1{width: 96%; margin: 0 2%; height: 160px; overflow: hidden;background: inherit;}
.focus-item1 img{width: 100%; height: 100%; vertical-align: middle; object-fit: cover;}

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

    .focus-items-header h3{font-size: 16px;}
    .focus-body{padding:15px 10px;}

    .focus-item1{height: auto; padding-bottom: 20px;}
    .focus-body-header h3{font-size: 20px; font-weight: 400; color: #333333; margin-bottom: 4px;}

}

.offer-items-header{ margin-top: 30px; position: relative;}
.offer-items-header h4{float: right; margin: 6px 7px; font-size: 16px;margin-bottom: 30px; font-weight: 400;}
.offer-items-header h5{float: right; border: 1px solid #dfdfdf; border-radius: 3px; padding: 7px 13px; font-size: 15px; cursor: pointer;}
.offer-items-header h5 span{margin-right: 7px; font-size: 16px; color: #898989;  margin-top: 0;}

.offer-items-header-left{padding-top: 4px; float: left;}
.offer-items-header-left a{padding: 6px 12px; text-decoration: none; color: #000; font-size: 13px; background-color: #efefef;
    border-radius: 5px; font-weight: 400;}

.third-category-sale{font-size: 13px !important; margin-top: 7px !important; margin-bottom: 5px !important;}
.third-category-sale img{width: 20px;}

.filter-list{padding: 10px; border-bottom: 1px solid #efefef;}
.filter-list a{text-decoration: none; float: right; color: #313131; font-size: 12px; margin-left: 6px; margin-top: 4px;}
.filter-list .filter-list-items{border: 1px solid #efefef; padding: 3px 5px; color: #313131; border-radius: 5px; margin-top: 0;
    background: #ffffff; margin-bottom: 6px;}
.filter-list .filter-list-items span{font-size: 10px; margin-right: 3px;}
.category-order-by{clear: both; width: 200px !important; height: auto; border: 1px solid #dfdfdf; border-radius: 5px; padding:5px 0;
    right: 0; display: none; position: absolute ; top: 40px; z-index: 20; background: #ffffff;}
.category-order-by ul{padding: 0; margin: 0; list-style: none;}
.category-order-by ul li{width: 100%;}
.category-order-by ul li a{ display: block; width: 100%; color: #616161; text-decoration: none; padding: 3px 6px;
    font-size: 14px;}
.category-order-by ul li a:hover{background: #efefef;}
.category-order-by{clear: both; width: auto; height: auto; }
.offer-item{padding: 5px; margin-bottom: 15px;float: right;overflow: visible;}
.offer-item-box{width: 100%; height: 270px; position: absolute; top: 0; right: 0; display: none;
    background-image: linear-gradient(rgba(100,100,100,.2) , rgba(100,100,100,0.1) );z-index: 1;}
.offer-item-box-padding{height:200px;}
.offer-item:hover .offer-item1{margin-top: -3px; box-shadow: 0 2px 6px 3px rgba(200,200,200,.4);margin-bottom: 3px;}
.offer-item:hover .home-products-like1-span{opacity: 1;}
.offer-item1{width: 96%; height: 100%; margin: 0 2%; padding-bottom: 20px; position: relative; overflow: hidden;
    transition: .4s; border-radius: 3px;}
.offer-item1 a{text-decoration: none;}
.offer-item-width{height: 270px;}
.offer-item-width-padding{height: 200px;}
.offer-item-user-image{position: absolute; left: 5px; bottom: 115px; width: 50px !important; height: 50px !important;}
.recently-image{position: absolute; left: 5px; bottom: 5px; width: 50px !important; height: 50px !important;}
.offer-like{width: 30px; height: 30px; position: absolute; top: 5px; right: 5px;z-index: 2; cursor: pointer;}
.offer-like a{color: rgba(215,216,217,.7);}
.offer-like a:hover{color: #ff6363 !important;}

/*.offer-item1:hover .offer-item-img{
    -webkit-transform:scale(1.02);
    -ms-transform:scale(1.02);
    transform:scale(1.02);
}*/
.offer-item-img{transition: 1s;width: 100%; height: 270px; margin-bottom: 10px; object-fit: cover; padding-top: 35px; padding-bottom: 35px;
    background-color:#f7f8fa; }
.offer-item-img-padding{padding: 0; height: 200px;}
.offer-item1 h4{font-size: 16px; font-weight: 400; color: #313131; padding:0 8px; margin-bottom: 4px;
    height: 20px; line-height: 20px; overflow: hidden;}
.offer-item1 h5{font-size: 14px; font-weight: 300; color: #313131; padding:0 8px;
height: 34px; line-height: 17px; overflow: hidden;}
.offer-item1 h6{font-size: 14px; font-weight: 400; color: rgba(255, 0, 0, 0.67); padding:0 8px; margin: 8px 0; height: 18px;}

@media screen and (max-width: 992px) {
    .offer-item-img{height: 230px;}
    .offer-item-box{height: 230px;}
    .offer-item-width{height: 230px;}

    .offer-item-img-padding{height: 160px;}
    .offer-item-box-padding{height: 160px;}
    .offer-item-width-padding{height: 160px;}
}
@media screen and (max-width: 768px) {
    .offer-items-header-left{float: right; margin-bottom: 10px;}

    .offer-item:hover .offer-item1{margin-top: 0; box-shadow: none;margin-bottom: 0;}
    .home-products-like1{top: 10px; width: 27px ; height: 27px; border-radius: 50%; overflow: hidden;}
    .home-products-like1-span span{margin-left: 1px; vertical-align: auto; margin-top: -5px;}
    .home-products-like1-span{opacity: 1;}

    .offer-item1{padding-bottom: 0;}

    .offer-items-header h4{font-size: 16px;}
    .offer-item-img{height: 200px; padding-top: 25px; padding-bottom: 25px;}
    .offer-item-box{height: 250px;opacity: 0;}
    .offer-item-width{height: 260px;}

    .offer-item-img-padding{height: 190px; padding-top: 0;}
    .offer-item-box-padding{height: 190px;}
    .offer-item-width-padding{height: 190px;}

}
@media screen and (max-width: 575px) {
    .offer-item-img{height: 210px;}
    .offer-item-box{height: 210px;}
    .offer-item-width{height: 210px;}
    .category-order-by{right: auto !important; left: 0 !important;}
    .offer-item-img-padding{height: 140px;}
    .offer-item-box-padding{height: 140px;}
    .offer-item-width-padding{height: 140px;}
}


.category-product-brand{ height: auto; border: 1px solid #efefef; border-radius: 5px; padding: 10px;}

.category-product-brand-header{width: 100%; height: 80px; margin-bottom: 0;}
.category-product-brand-header img{width: 25%; height: auto; min-height: 70px; border: 1px solid #efefef; border-radius: 5px; overflow: hidden;
    padding: 7px; float: right; margin-left: 10px;}
.category-product-brand-header div{padding: 10px;}
.category-product-brand-header a{text-decoration: none; color: #313131;}
.category-product-brand-header h4{font-size: 18px; color: #313131;}
.category-product-brand-header h5{font-size: 13px; color: #898989; margin-top: 10px;}
.category-product-brand-item{float: right; padding: 4px;}
.category-product-brand-item img{width: 100%; height: 60px; padding: 0;}

.category-product-brand-footer{clear:both; width: 100%; text-align: center; padding-top: 20px;}
.category-product-brand-footer a{text-decoration: none; color: #313131;}

.hide-mobile{display: block;}
.show-mobile{display: none;}

@media screen and (max-width: 992px) {
    .category-product-left{clear:both; padding-top: 50px;}
    .hide-mobile{display: none;}
    .show-mobile{display: block;}
}

.brand-project{float: right !important; margin-right: 5px; margin-left: 5px; position: relative;}
.brand-project-box-year{right: 0 !important;}
.brand-project-box-category{right: 0 !important;}


.category-product-buy{background: #f7f8fa; border: 1px solid #efefef; border-radius: 5px; padding: 15px;
    margin-bottom: 10px; position: relative;}
.category-product-buy-img{width: 100%; margin-bottom: 15px;}
.category-product-buy-img img{width: 90px; height: 90px; border: 1px solid #efefef; border-radius: 5px; object-fit: cover;}
.category-product-buy-like{width: 50px; height: auto; position: absolute; left: 15px; top: 15px; text-align: left;}
.category-product-buy-like span{cursor: pointer; color: rgba(0,0,0,1); font-size: 20px;}
.category-product-buy-like span img{width: 22px; height: 22px; margin-top: -5px; border: none;}

.category-product-buy-text{width: 100%; float: right;}
.category-product-buy-text a{color: #000 ; text-decoration: none; }
.category-product-buy-text h4{font-size: 16px !important; color: #000; font-weight: 400;}
.category-product-buy-text h3{font-size: 18px; color: #000; font-weight: 400;}
.category-product-buy-text h5{font-size: 14px; color: #000; font-weight: 300;}
.category-product-buy-text h5 a{color: #000 !important; text-decoration: none; font-size: 15px !important; font-weight: 400;}
.category-product-buy-price{width: 100%; padding: 10px; float: right; margin-top: 15px;}
.category-product-buy-price h3{color: #ff6363; font-size: 20px;}
.category-product-buy-filter{width: 100%; margin-bottom: 10px;}
.category-product-buy-filter select{width: 100%; border: 1px solid #efefef; border-radius: 5px; padding: 10px 8px;}
.category-product-buy-filter select:focus{outline: none; box-shadow: none; border-color: #cfcfcf;}
.category-product-buy-filter .numberInputProductBox{position: relative; display: none;}
.category-product-buy-filter .numberInputProductBox span.fa-angle-up{position: absolute; right: 10px; top: 10px;}
.category-product-buy-filter .numberInputProductBox span.fa-angle-down{position: absolute; right: 10px; bottom: 10px;}
.category-product-buy-filter input{width: 100%; border: 1px solid #efefef; border-radius: 5px; padding: 10px 8px;
    padding-right: 30px;}
.category-product-buy-filter input:focus{outline: none; box-shadow: none; border-color: #cfcfcf;}
.category-product-buy-add{width: 100%;}
.category-product-buy-add select{width: 20%; float: right; border: 1px solid #efefef; border-radius: 5px; padding: 10px 8px; }
.category-product-buy-add select:focus{outline: none; box-shadow: none; border-color: #cfcfcf;}
.category-product-buy-add a{display: block;  background: #ff6363; border-radius: 5px;
    text-decoration: none; color: #ffffff !important; padding: 11px 8px; text-align: center; float: left; margin-top: 1px;
    font-weight: 400; transition: .2s;}
.category-product-buy-add a:first-child{width: 59%; margin-right: 1%;}
.category-product-buy-add a:last-child{width: 39%; margin-right: 1%;}
.category-product-buy-add a:hover{ background: #eb5858;}

.category-product-buy-unavailable{width: 100%; position: relative; padding-top: 20px; margin-bottom: 10px;}
.category-product-buy-unavailable h4{text-align: center; color: #616161; line-height: 20px;  z-index: 2; width: 100%; height: 20px;position: absolute; top: 9px; left: 0; text-align: center; }
.category-product-buy-unavailable h4 b{ background-color: #f7f8fa; padding: 0 10px;}
.category-product-buy-unavailable span{display: block; width: 100%; height: 1px; background-color: #616161; z-index: 1; margin-bottom: 20px; }
.category-product-buy-unavailable p{font-size: 13px; font-weight: 400; text-align: center; margin-bottom: 30px;}
.category-product-buy-unavailable a{display: block;  background: #afafaf; border-radius: 5px;
    text-decoration: none; color: #ffffff !important; padding: 11px 8px; text-align: center; float: left; margin-top: 1px;
    font-weight: 400; transition: .2s;}
.category-product-buy-unavailable a:hover{ background: #898989;}

.category-product-buy-unavailable-box{ display: none;}
.category-product-buy-unavailable-box .form-group{height: 50px; border: 1px solid #dfdfdf;
    background-color: #fff; margin-bottom: 10px; position: relative;}
.category-product-buy-unavailable-box .form-group label{margin-bottom: 0; color: #898989;font-size: 16px;
    position: absolute; right: 10px; top: 12px; z-index: 1; transition: .3s; background-color: inherit;}
.category-product-buy-unavailable-box .form-group label.active{top: 5px; font-size: 12px;}

.category-product-buy-unavailable-box button{background: #afafaf !important; width: 100%; margin-top: 0; color: #fff;}
.category-product-buy-unavailable-box input[type=text]{border: none; height: 45px; width: 100%; font-size: 14px;
    position: absolute; right: 0; top: 0; padding: 30px 10px 10px; }
.category-product-buy-unavailable-box input[type=text]::placeholder{font-size: 13px; color: #898989;}
.category-product-buy-unavailable-box input[type=text]:focus{box-shadow: none; outline: none; border: none;}
.category-product-buy-message{color: #ff0000;text-align: center;margin: 5px 0;font-size: 13px;}

.category-product-buy-detials{width: 100%; margin-top: 20px;}
.category-product-buy-detials h5{font-size: 13px; color: #898989;}
.category-product-buy-detials h5.green{color: #7cb342 !important;}
.category-product-buy-detials h5 span{margin-left: 5px;}

.category-product-get-info{border: 1px solid #efefef; border-radius: 5px; padding: 15px; margin-bottom: 10px;}
.category-product-get-info h4{margin-bottom: 15px; font-size: 15px; }
.category-product-get-info h5{margin-bottom: 8px; margin-top: 15px; font-size: 14px; color: #898989;
    font-weight: 400;}
.category-product-get-info a{display:block; width: 100%; padding: 11px ; text-align: center; color: #313131;
text-decoration: none; position: relative; background: #ffe869; border-radius: 5px; margin-bottom: 5px; transition: .2s;
    font-size: 14px; font-weight: 300;}
.category-product-get-info a:hover{background: #e5ce62; }
.category-product-get-info a:hover span.fa-map-marker{-webkit-text-stroke: 1px #e5ce62;}
.category-product-get-info a span{position: absolute; right: 15px; top: 13px; font-size: 22px !important;}
.category-product-get-info a img{width: 20px; height: 20px;position: absolute; right: 15px; top: 11px;}
.category-product-get-info a span.fa-map-marker{right: 20px;-webkit-text-stroke: 1px #ffe869;}

.category-product-get-info .contact-like{background-color: inherit; border: 1px solid #dfdfdf; }
.category-product-get-info .contact-like:hover{background-color: #dfdfdf; }
.category-product-get-info .contact-like.active{background-color: #dfdfdf; }


@media screen and (max-width: 768px) {
    .category-product-get-info{}
}


.category-product-right{ float: right; position: relative;}

.category-product-right-badge{width: 80px; height: auto; position: absolute; right: 10px; top: 10px;}
.category-product-right-badge img{width: 100%; height: auto; margin-bottom: 10px;}

@media screen and (max-width: 768px) {
    .category-product-right-badge{display: none;}
}

.category-product-right>img{ width: 100%; height: auto;}
.category-product-right{}

.category-product-right .card{border: none;}
.category-product-right .card a{color: #333333; text-decoration: none; font-weight: 400;}
.category-product-right .card-header{position: relative; background: #ffffff; border: none; border-top: 1px solid #dfdfdf;}
.category-product-right .card-header:hover{background: #f7f8fa;}
.category-product-right .card-body{ padding: 20px 10px; background: #ffffff;}
.category-product-right .card-body button{outline: none;}

.card-body-search-box{width: 90%; max-height: 250px; background: #ff0000; position: absolute; right: 5%; top: 45px; z-index: 1;
    border: 1px solid #cfcfcf; border-radius: 3px; overflow: auto; display: none;}
.card-body-search-box a{text-decoration: none; color: #616161; display: block; width: 100%; height: auto; padding: 5px 15px;
    text-align: right; font-size: 14px; background: #ffffff; cursor: pointer;}
.card-body-search-box a:hover{background: #efefef;}

.category-product-right .card-header-icon{position: absolute; left: 5px; top: 13px; }
.category-product-right .card-header-icon span{font-size: 13px; font-weight: 100;}

.product-description img.dimensionImg{width: auto; max-width: 100%; height: auto; margin: 10px 0 15px 15px;}
.product-description h5{ line-height: 20px; color: #696969 !important;}
.product-description ul{list-style: none; padding: 0; margin: 0 0 10px;}
.product-description ul li{width: 100%;}
.product-description ul li span{display:block; width: 25%; float: right; font-size: 15px; font-weight: 400;}
.product-description ul li a{font-size: 14px; font-weight: 300; color: #696969 !important;}
.product-description ul li a:hover{font-size: 14px; font-weight: 300; color: #393939 !important;}

.product-downloads h5{margin-bottom: 10px; padding:3px 5px 8px; vert-align: middle; border-bottom: 1px solid #efefef;
    color: #616161; cursor: pointer;}
.product-downloads h5 span{margin-left: 5px;  }
.product-downloads-items-show{font-weight: 400 !important; padding: 10px 5px !important; margin: 0 !important; border-bottom-width: 2px !important;}
.product-downloads-items-show:hover{background-color: #efefef;}
.product-downloads-items-show span{font-weight: 700 !important;}
.product-downloads-items-show b{margin-left: 7px;}

.product-downloads-items-box{display: none; padding: 10px 0 !important;}
.product-downloads-items-box h5{padding:10px 10px 10px 5px; cursor: text; margin: 0 60px 0 0!important; position: relative;}
.product-downloads-items-box h5:hover{background-color: #efefef;}
.product-downloads-items-box h5 span img{width: 20px; height: 20px;}
.product-downloads-items-box h5 a{color: #afafaf !important;cursor: not-allowed;}
.product-downloads-items-box .download-icon{width: 18px;margin-top: -2px;margin-right: 0;}
.product-downloads-items-box h5 a.active{color: #9fdcdc !important;cursor: pointer;}
.product-downloads-items-box .product-downloads-items-box-span{font-weight: 500;}
.product-downloads-items-box .product-downloads-items-box-type{font-weight: 500; color: #afafaf; min-width: 40px; height: 100%; display: block; float: right; position: absolute; right: -40px; top: 0; line-height: 35px;}
.product-downloads-items-box .product-downloads-items-box-type.active{ color: #9fdcdc !important;}
.product-downloads-items-box h5:hover .product-downloads-items-box-type.active{ background-color: #fff !important;}

.product-downloads-items-download{float: left; }
.product-downloads-items-download a{font-weight: 500 !important;}
.product-downloads-items-download:hover{}
.product-downloads-items-download span{padding: 2px 3px; color: #fff; vertical-align: middle; display: block;font-size: 16px;}
.product-downloads-items-download .pull-right{background-color: #cfcfcf;}
.product-downloads-items-download .download-text{padding-top: 4px;}
.product-downloads-items-download .pull-left{}

.product-catalogues{position: relative;width: 100%; height: 240px; border: 1px solid #dfdfdf;}
.product-catalogues-title{font-size: 13px; font-weight: 300; margin: 5px 0; height: 36px; line-height: 18px; overflow: hidden; color: #616161 !important;}
.product-catalogues1{padding: 7px; float: right;}
.product-catalogues .image{width: 100%;height: 100% !important; object-fit: cover;}
.product-catalogues-pdf{position:  absolute; top: 30px; right: -10px; background: #ff6363; padding: 5px 10px; border-radius: 5px;
    color: #ffffff; font-size: 13px; font-weight: 500;}

.product-catalogues .overlay {position: absolute;bottom: 0;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.5);
    width: 100%;transition: .5s ease;opacity:0;color: white;font-size: 14px;padding: 10px;text-align: center;}
.product-catalogues .overlay span{font-weight: 100; font-size: 12px; margin-right: 3px; vertical-align: middle;}
.product-catalogues:hover .overlay {opacity: 1;}

.product-badge1{ float: right;}
.product-badge1 a{color: #313131; text-decoration: none;}
.product-badge1 a:hover{color: #313131;}
.product-badge img{width: 60%;height: auto; border-radius: 5px; border: 1px solid #dfdfdf;}
.product-badge h4{font-size: 14px; font-weight: 400; color: #313131; margin-top: 15px; margin-bottom: 10px;}

@media screen and (max-width: 768px) {
    .product-badge img{width: 80%;}
}

.product-video{position: relative;width: 100%; border: 1px solid #dfdfdf;}
.product-video1{padding: 7px; float: right;}
.product-video1 a{color: #000; text-decoration: none;}
.product-video1 a:hover .product-video img{opacity: 1;}
.product-video img{width: 100%;height: 150px; !important; object-fit: cover;opacity: 1;}
.product-video img:hover{opacity: 1;}
.product-video h4{font-size: 15px; padding: 10px 10px 10px 10px; height: 50px; line-height:20px; overflow: hidden; background-color: #fff;
    margin-bottom: 0; font-weight: 400;}
.product-video h5{font-size: 14px;padding: 0 10px 10px; background-color: #fff; margin: 0; margin-top: -7px;
    max-height: 34px; line-height: 17px;}
.product-video span{display: block; width: 10%; height: 50px; padding: 5px; position: absolute;
    top: 50px; right: 40%; font-size: 45px; color: #fff;}

.product-video-icon{width: 60px !important; height: 60px !important; position: absolute;top: 50px; right: 40%;}

.product-tags{width: 100%;}
.product-tags a{ border: 1px solid #dfdfdf; color: #898989 !important; padding: 3px 7px; float: right; margin:0 0 5px 5px ;
    font-size: 13px; border-radius: 3px; }
.product-tags a:hover{background: #efefef;}
/********** category **********/



.product-img{position: relative; margin-bottom: 15px;}
.product-img-top{overflow: hidden; margin-bottom: 15px;}
.product-img-top img{height: 400px; object-fit: cover; width: auto; max-width: 100%;}
/* Hide the images by default */
.mySlides {display: none; text-align: center;}
.mySlides img {cursor: zoom-in;}

/* Add a pointer when hovering over the thumbnail images */
.cursor {cursor: pointer;}

/* Next & previous buttons */
.prev, .next {cursor: pointer;position: absolute;top: 40%;width: auto;padding: 16px;margin-top: -50px;color: white;
    font-weight: bold;font-size: 30px;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;
    transition: .2s;}

/* Position the "next button" to the right */
.next {left: 0;border-radius: 3px 0 0 3px; color: #616161 !important;}
.prev {right: 0;border-radius: 3px 0 0 3px; color: #616161 !important;}

/* On hover, add a black background color with a little bit see-through */
.product-img-bottom{ margin-right:0; width:100%; height: 90px; overflow-x: scroll; overflow-y: hidden; position: relative; }

/* width */
.product-img-bottom::-webkit-scrollbar {width: 4px !important;; height: 4px !important; transition: .3s; position: fixed; right: 0;}
/* Track */
.product-img-bottom::-webkit-scrollbar-track {background: #efefef;}
/* Handle */
.product-img-bottom::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px;}
/* Handle on hover */
.product-img-bottom::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}

.product-img-bottom1{height: 100px; position: absolute; top: 0; right: 0;}
.prev:hover, .next:hover {font-size: 40px; padding-top:10px; }

.product-img-bottom .row:after {content: "";display: table;clear: both;}

/* Six columns side by side */
.product-img-bottom .column {float: right;width: 151px; margin-left: 3px; height: 80px; text-align: center;}
.product-img-bottom .column img{height: 100%; width: auto !important; }

/* Add a transparency effect for thumnbail images */
.product-img-bottom .demo {opacity: 0.6;}

.product-img-bottom .active, .demo:hover {opacity: 1;}

@media screen and (max-width: 1200px) {
    .product-img-top img{height: 350px;}
}
@media screen and (max-width: 992px) {
    .product-img-top img{height: 350px;}
}
@media screen and (max-width: 768px) {
    .product-img-top img{height: 300px;}
}
@media screen and (max-width: 575px) {
    .product-img-top img{height: 200px;}
}


/********** project ************/

.project{}
.project-right{padding: 0; margin-top: 55px;  background: #ffffff; min-height: 100%;overflow: auto;
    border: 1px solid #cfcfcf;}

.project-right .card-body ul{list-style: none; padding: 0; margin: 0;}
.project-right .card-body ul li a{color: #898989; font-size: 15px; font-weight: 300; text-decoration: none;}
.project-right .card-body ul li a:hover{color: #000000; font-size: 15px; font-weight: 400;}
.project-right .card-body ul li a:visited{color: #898989; }
.project-right .card-body ul li a.active{color: #000000; font-size: 16px; font-weight: 400;}
.project-right .card-body ul li ul{margin-right: 20px;}
.project-right .card-body ul li ul li a{color: #898989; font-size: 14px; font-weight: 300; text-decoration: none;}
.project-right .card-body ul li ul li a:hover{color: #000000; font-size: 14px; font-weight: 400;}
.project-right .card-body ul li ul li a:visited{color: #898989; }
.project-right .card-body ul li ul li a.active{color: #000000; font-size: 15px; font-weight: 400;}

.project-filter-header{width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; text-align: center; padding: 8px 0 4px;
    display: none; margin-bottom: 20px; cursor: pointer; margin-top: 50px;}
.project-filter-header h4{color: #333333; font-size: 16px; font-weight: 300;}
.project-filter-close{width: 100%; height: 50px; border-bottom: 1px solid #cfcfcf; display: none;}
.project-filter-close span{ margin: 15px; cursor: pointer;}

.project-right #brand-category{max-height: 50px;}

@media screen and (max-width: 992px) {
    .margin-top-fifty{padding-top: 50px;}

    .project-right{display: none;}
    .project-filter-header{display: block;  margin-top: 0 !important;}
    .project-right{position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%;z-index: 25; overflow: scroll; margin-top: 0 !important;}
    .category-filter-close{display: block;}
}

.bg-project{background-color: #ebebeb;}

.project-middle-header{ margin: 55px 13px 30px 0; position: relative;}
.project-middle-header h3{font-size: 16px; font-weight: 400; color: #313131; text-align: center;
    margin-bottom: 0;}
.project-middle-header h4{float: right; margin-top: 8px; font-size: 16px; font-weight: 400; color: #616161;}
.project-middle-header h4 .count-project{font-size: 13px; font-weight: 400; color: #898989;}
.project-middle-header h4 a{text-decoration: none; color: #313131;}
.project-middle-header h5{float: right; border: 1px solid #dfdfdf; border-radius: 3px; padding: 7px 13px; font-size: 15px; cursor: pointer;
background: #ffffff;}
.project-middle-header h5 span{margin-right: 7px; font-size: 16px; color: #898989; }

.project-middle-header-left{float: left;}
.project-middle-header-left h5 span{margin-top: 0;}

.project-middle-order-by{clear: both; width: 188px !important; height: auto; border: 1px solid #dfdfdf; border-radius: 5px; padding:5px 0;
    left: 0; display: none; position: absolute ; top: 40px; z-index: 20; background: #ffffff;}
.project-middle-order-by ul{padding: 0; margin: 0; list-style: none;}
.project-middle-order-by ul li{width: 100%; position: relative; margin-bottom: 2px;}
.project-middle-order-by ul input{width: 100%; position: absolute; right: 0; top: 0; background: #ff0000;height: 30px;
    opacity: 0; cursor: pointer;}
.project-middle-order-by ul li a{ display: block; width: 100%; color: #616161; text-decoration: none; padding: 3px 6px;
    font-size: 14px; cursor: pointer;}
.project-middle-order-by ul li a:hover{background: #efefef;}
.project-middle-order-by ul li a.active{background: #dfdfdf !important;}
.movieShare{position: absolute;background-color: #ffffff;border-radius: 3px;font-size: 12px;padding: 3px 6px;left: 5px;top: 5px;}
.project-middle-item{position: relative; padding: 4px; float: right;}
.project-middle-item a{text-decoration: none;}
.project-middle-item img{width: 100%; height: 220px; object-fit: cover;}
.project-middle-item-text{padding: 10px 1px; position: relative;}
.project-middle-item-text h4{font-size: 17px; color: #333333; height: 20px; overflow: hidden; line-height: 20px;}
.project-middle-item-text h5{font-size: 12px; color: #898989; height: 15px; overflow: hidden; line-height: 15px;}
.project-middle-item-text h6{font-size: 10px; color: #898989; height: 15px; overflow: hidden; line-height: 15px;}
.project-middle-item-text img{width: 70px !important; height: 70px !important; position: absolute !important; left:0 !important; top: 7px !important;}
.project-middle-item-text-hr{width: 100%; height: 1px; background-color: #21c3dc;}

.project-middle-item-like{position: absolute; bottom: 105px; right: 10px; background: rgba(255,255,255,.7); border-radius: 3px; padding: 1px 5px;
    color: #616161; font-size: 15px;}
.project-middle-item-like span{color: #1895d5; font-size: 14px;}
.project-middle-item-like span.number{color: #051926; font-size: 14px;}
.project-middle-item-like span.fa-heart{cursor: pointer;}

.padding-top-35{padding-top: 50px !important;}

.project-middle-item-honor{position: absolute; top: 10px; right: 10px; background: rgba(150,150,150,.5);
    border-radius: 10px; padding: 3px 5px; max-height: 26px; overflow: hidden; max-width: 90%;
    color: #fff; font-size: 13px; font-weight: 400;}
.project-middle-item-category{position: absolute; top: 10px; left: 10px; background: rgba(100,100,100,1);
    border-radius: 10px; padding: 3px 5px;
    color: #fff; font-size: 13px; font-weight: 400;}


.project-badge{width: auto; height: 24px; position: absolute; left: 5px; bottom: 105px;}
.project-badge span{width: 24px; height: 24px; border-radius: 50%; font-size: 8px; font-weight: 400;
    background-color: #898989; display: block; text-align: center; color: #fff; float: right;
    line-height: 26px; margin-left: 3px; z-index: 1;}
.project-badge span.fa{ font-size: 10px; font-weight: 300; line-height: 22px; }
.project-badge span.fa-bookmark{ color: #FFD700; }

@media screen and (max-width: 768px) {
    .padding-top-35{padding-top: 40px !important;}

}
@media screen and (max-width: 1200px) {
    .project-middle-item img{width: 100%; height: 220px; object-fit: cover;}
}
@media screen and (max-width: 1200px) {
    .project-middle-item img{width: 100%; height: 200px;}
}

.project-right .card{border: none;background: #ffffff;}
.project-right .card a{color: #333333; text-decoration: none; font-weight: 400;}
.project-right .card-header{position: relative; background: #ffffff;}
.project-right .card-body{ padding: 10px; background: #ffffff; position: relative;}
.project-right .card-body button{outline: none;}

.project-right .card-body a{ color: #898989;}
.project-right .card-body a:hover{ color: #898989;}
.project-right .card-header-button{width: 100%; height: auto; text-align: center; background: rgba(0,0,0,.8); color: #ffffff; border-radius: 2px; border: none; font-size: 14px; padding: 4px;}
.project-right .card-header-button:hover{background: rgba(0,0,0,1);}

.project-sidenav {height: auto;width: 100%;z-index: 1; max-height: 240px;
    background-color: inherit;overflow-x: hidden;padding-top: 0;}

.project-sidenav1 {height: auto;width: 100%;z-index: 1; max-height: 240px;
    background-color: inherit;overflow-x: hidden;padding-top: 0;}

.project-sidenav .category-filter-top-check{margin-top: 3px;}
/* Style the sidenav links and the dropdown button */
.project-sidenav a, .dropdown-btn {padding: 6px 12px 6px 0;text-decoration: none;
    color: #818181;display: block;border: none;background: none;width: 100%;text-align: right;cursor: pointer;
    outline: none; font-size: 14px;}
.brand-filter-height{max-height: 240px;}

/* On mouse-over */
.project-sidenav a:hover, .dropdown-btn:hover {color: #000000;}
.project-sidenav-box{list-style: none; margin-right: -15px;display: none;}

/* Add an active class to the active dropdown button */
.active {background-color: inherit;}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {display: none;padding-right: 12px; font-size: 13px;}

/* Optional: Style the caret down icon */
.fa-caret-down {float: left; vertical-align: middle; margin-top: 6px;}

/* Some media queries for responsiveness */

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}  .sidenav a {font-size: 18px;}
}



.project-page-header{margin-top: 50px;}
.project-page-header-prev-next{ border-bottom: 1px solid #898989; padding: 10px 5px;}
.project-page-header-prev-next a{color: #616161; text-decoration: none;}
.project-page-header-title{padding:1px 5px 15px;}
.project-page-header-title h4{margin: 10px 0 15px; font-size: 20px; color: #000000;}
.project-page-header-title h5{color: #898989; font-size: 14px;}

.project-page-header-like{margin-top: 10px;}
.project-page-header-like a{padding: 5px 20px; background: #168bc8; border-radius: 3px; color: #ffffff  !important; float: right;
    text-decoration: none; cursor: pointer;}
.project-page-header-like a span{margin-left: 5px; font-size: 14px;}
.project-page-header-like a:hover{box-shadow: 0 0 0 3px rgba(24,149,213,.5);}
.project-page-header-like h4{width: 60px; float: right; font-size: 16px; margin-top: -3px; text-align: center;}
.project-page-header-like h4 span{display: block; width: 100%;}
.project-page-header-like h4 span.span-bottom{font-size: 15px;}

.project-page-header-like h5{width: 90px; float: right; font-size: 13px; margin-top: -2px; text-align: center;
    color: #afafaf;}
.project-page-header-like h5 span{display: block; width: 100%; margin-bottom: 5px;}


.brand-tap-box1{height: auto; width: 100%; background: #f5f5f5; padding: 15px 30px;}

.brand-tap1{margin-top: 0; padding-bottom: 0; border: none; width: auto;}
.brand-tap1 li a{background: inherit; color: #898989; text-decoration: none; border-radius: 0;font-weight: 300;
padding:0 10px 11px; margin: 1px; font-size: 15px; }
.brand-tap1 li a:hover{border-bottom: 2px solid #313131;}
.brand-tap1 li a.active{border-bottom: 2px solid #313131; color: #000000;}

@media screen and (max-width: 768px) {
    .brand-tap-box1{height: auto; width: 100%; overflow-y: hidden; overflow-x:auto ; padding-right: 10px; padding-bottom: 9px;}
    /* width */
    .brand-tap-box1::-webkit-scrollbar {height:3px; width: 3px; transition: .3s; position: fixed; right: 0;}
    /* Track */
    .brand-tap-box1::-webkit-scrollbar-track {background: #ffffff;}
    /* Handle */
    .brand-tap-box1::-webkit-scrollbar-thumb {background: #fff;border-radius: 4px;}
    /* Handle on hover */
    .brand-tap-box1::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}
    .brand-tap-box1:hover::-webkit-scrollbar-thumb{background: #cfcfcf;}
    .brand-tap1{width: 650px;}
}

.change-image-box{width: 100%; margin-bottom: 15px;}
.change-image-box span.active{background: #cfcfcf;}
.change-image-box span{width: 36px; height: 36px; text-align: center; border: 1px solid #cfcfcf; line-height: 36px;
    color: #898989; font-size: 20px; font-weight: 100;}
.change-image-box-one{font-size: 18px !important;}
.project-page-image-box-one{ display: none;}
.project-page-image-box-one img{width: 100%; margin: 2px 0; cursor:pointer;}
.project-page-image-box-two{display: flex;flex-wrap: wrap;padding: 0;}
.project-page-image-box-two .column {flex: 50%;max-width: 50%;padding: 0 0 0 4px;}
.project-page-image-box-two .column img {width:100%; margin: 2px 0; cursor:pointer;}

.project-page-image-box-three{display: flex;flex-wrap: wrap;padding: 0;}
.project-page-image-box-three .column {flex: 33%;max-width: 33%;padding: 0 0 0 4px; cursor:pointer;}
.project-page-image-box-three .column img {width:100%; margin: 2px 0; cursor:pointer;}


.project-gallery-right{background: #f8f8f8; height: 100vh; z-index: 100; padding-top: 25px; float: right;
    overflow-y: scroll; overflow-x: hidden;}
.project-gallery-right1{display: none;}
.project-gallery-right-top{width: 100%; height: auto;}
.project-gallery-right-top img{width: 30% !important; height: auto; float: right;}
.project-gallery-right-top .text{width: 70%; height: auto; float: right;padding:0 5px;}
.project-gallery-right-top .text a{text-decoration: none;}
.project-gallery-right-top .text h4{font-size: 16px; color: #313131;}
.project-gallery-right-top .text h5{font-size: 13px; color: #898989;}

.project-gallery-right-user{margin-top: 40px; }
.project-gallery-right-user a{font-size: 13px; color: #afafaf; text-decoration: none;}
.project-gallery-right-user h6{font-size: 13px; color: #afafaf;}
.project-gallery-right-user h6 span{font-size: 12px;}

.project-page-header-ads{width: 100%; height: auto; margin-top: 15px;}
.project-page-header-ads img{width: 100%;}


.project-gallery-left{padding: 0 !important; float: right;}
.project-gallery{position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: #000000; width: 100%; height: 100vh;
   margin: auto; z-index: 100; display: none;}

.project-gallery-left-pin{width: 60px; height: 22px; background-color: #ce2123; position: fixed; left: 30px; top: 15px; z-index: 50;
    text-align: center; border-radius: 4px;}

.project-gallery-left-pin a{color: #fff; text-decoration: none; line-height: 22px;}

.project-gallery .carousel-inner{position: relative;  text-align: center;}
.project-gallery .carousel-inner .carousel-item{height: 100vh; text-align: center;}
.project-gallery .carousel-inner .carousel-item img{height: 100%; width: auto; max-width:100%; object-fit: cover;}
.project-gallery .carousel-inner-close{height: 40px; width: 150px; position: absolute; right: 5px; top: 5px; z-index: 100;}
.project-gallery .carousel-inner-close a{display: block; width: 40px; height: 40px; color: #ffffff; text-decoration: none;
    background: rgba(0,0,0,0.5); text-align: center; line-height: 40px; margin-left: 2px; float: right;
    transition: 0.3s;}
.project-gallery .carousel-inner-close a span{}
.project-gallery .carousel-inner-close a:hover{background: #f30000;}
.project-gallery .carousel-indicators {background: rgba(0,0,0,0.5); height: 40px; bottom: -16px; right: 0;
    padding-right:30%;}
.project-gallery .carousel-indicators li{height: 100%; width: 35px; float: right; color: #ffffff !important;
    background: rgba(0,0,0,0); text-indent: 0; text-align: center;}
.project-gallery .carousel-indicators li span{ font-size: 20px !important;line-height: 40px;}
.project-gallery .carousel-indicators li .fa-th{ font-size: 18px !important;line-height: 42px;}
.project-gallery .carousel-indicators li:hover{background: #000000;}
.project-gallery .carousel-control-prev span{font-size: 66px !important;}
.project-gallery .carousel-control-next span{font-size: 66px !important;}

.project-gallery-image{width: 100%; position: absolute; right: 0; bottom: 40px; z-index: 50;background: rgba(0,0,0,0.5);
    padding: 5px; display: none;}
.project-gallery-image div{padding: 0 3px 5px; float: right;}
.project-gallery-image img{width: 100%; height: 50px; object-fit: cover;}

@media screen and (max-width: 1380px) {
    .project-gallery{right: 0;}
}

@media screen and (max-width: 768px) {
    .carousel-inner-fullscreen{display: none !important;}
    .project-gallery-right{display: none;}
    .project-gallery-right1{display: block;}
    .project-page-header-ads{display: none;}
    .project-gallery .carousel-inner .carousel-item img{width: 100%; height: auto;}
    .project-gallery{overflow: scroll; height: 100vh;}
    .project-gallery-right{height:45vh;}
    .project-gallery-right-user{margin-top: 15px; }
    .project-gallery-left-pin{top: 10px; left: 15px;}

    .project-gallery .carousel-inner .carousel-item{height: 55vh;}
}


.projectmessage textarea{font-size: 13px; color: #616161;}
.projectmessage textarea:focus{outline: none; box-shadow: none; border-color: #898989;}
.projectmessage textarea::placeholder{font-size: 13px; color: #afafaf;}

.projectmessage button{font-size: 13px; color: #ffffff; background: #313131; }

.project-page-detail{width: 100%;}
.project-page-detail a{text-decoration: none; color: #898989;}
.project-page-detail header h4{font-size: 16px; color: #313131; margin-bottom: 15px;}
.project-page-detail table td{border-top: none; border: none; border-bottom: 1px solid #cfcfcf;}
.project-page-detail table td:first-child{font-size: 12px; font-weight: 500; color: #313131;}
.project-page-detail table td:last-child{font-size: 12px; font-weight: 500; color: #898989;}

.project-page-info{padding-bottom: 15px;}
.project-page-info h6{font-size: 13px; color: #898989; font-weight: 400; line-height: 17px;
    max-height: 323px; overflow: hidden; margin-bottom: 3px;}

.project-page-info a{font-size: 13px; color: #afafaf; text-decoration: none; float: left; font-weight: 400;}

.project-page-user{ margin: 0 0 15px;}
.project-page-user h4{color: #616161; font-weight: 300;}
.project-page-user-header{width: 100%;}
.project-page-user-header img{ width: 60px; height: 60px; border: 1px solid #dfdfdf; float: right; object-fit: cover;}
.project-page-user-header div{ width: auto; height: 50px; float: right; padding: 0 7px 0 0; overflow: hidden; }
.project-page-user-header div h4{ font-size: 15px; font-weight: 400; height: 20px; margin-top: 10px; margin-bottom: 0; color: #000;}
.project-page-user-header div h5{ font-size: 15px; font-weight: 400;  height: 20px; color: #898989;}

.project-page-user-website{width: 100%; height: auto; border-bottom: 1px solid #dfdfdf; padding: 10px 5px;}
.project-page-user-website h4{font-size: 13px; font-weight: 400;}
.project-page-user-website a{color: #313131;}

.project-page-user-social{width: 100%; height: auto; padding: 10px 5px; border-bottom: 1px solid #dfdfdf; }
.project-page-user-social a{width: 30px; height: 30px; background-color: #afafaf; border-radius: 50%; text-align: center; line-height: 30px; display: block; float: right; margin-left: 5px; transition: .2s;}
.project-page-user-social a:hover{background-color: #337fff;}
.project-page-user-social a span{font-size: 20px; color: #fff; line-height: 30px; }

.project-page-user-body{}
.project-page-user-body-item{height: 70px;}
.project-page-user-body-item span{display:block; width: 70px; height: 1px; border-top: 1px dashed #898989;
    margin-top: 34px;}
.project-page-user-body-item-right{width: 30px; height: 70px; border-right: 1px dashed #898989; float: right;
    margin-right: 30px; border-bottom: 1px dashed #898989; margin-top: -35px;}
.project-page-user-body-item img{ width: 60px; height: 60px; border: 1px solid #dfdfdf; float: right; object-fit: cover;}
.project-page-user-body-item-left{ width: auto; height: 50px; float: right; padding: 0 7px 0 0; overflow: hidden; }
.project-page-user-body-item-left h4{ font-size: 15px; font-weight: 400; height: 20px; margin-top: 10px; margin-bottom: 0; color: #000;}
.project-page-user-body-item-left h5{ font-size: 15px; font-weight: 400;  height: 20px; color: #898989;}
/********** project ************/



/********** designer ************/

.designer{}
.designer-header{margin-bottom: 20px;}
.designer-header h4{float: right; font-size: 20px !important; color: #616161;}
.designer-header-order-box{float: left; position: relative;}
.designer-header a.designer-header-order{font-size: 16px; color: #616161; background: #f7f8fa; border-radius: 5px; text-decoration: none;
    padding: 4px 10px; margin-top: -7px; display: block; width: 200px;}
.designer-header-order-box-show{position: absolute; top: 30px; right: 0; background: #f7f8fa; list-style: none;
border-radius: 5px; width: 200px; padding: 0; margin: 0; display: none; z-index: 5;}
.designer-header-order-box-show li a{color: #616161; text-decoration: none; padding: 4px; display: block; width: 100%;}
.designer-header-order-box-show li a:hover{background: #ffffff;}
.designer-header-alphabet{width: 100%; height: 40px; border-radius: 5px; background: #f7f8fa; clear: both; margin-top: 10px;}
.designer-header-alphabet ul{list-style: none; margin: 0 ; padding: 0 10px;}
.designer-header-alphabet ul li{float: right; margin:0 5px; color: #777; line-height: 40px; position: relative;
    font-size: 14px; cursor: pointer; width: 1.5%;}
.designer-header-alphabet ul li input{width: 100%; height: 100%; position: absolute; right: 0; top:0; opacity: 0;
    cursor: pointer; }
@media screen and (max-width: 768px) {
    .designer-header-alphabet{display: none;}
}

.designer-item{padding: 0; float: right;}
.designer-item a{text-decoration: none;}
.designer-item1{width: 94%; margin: 5px 3%;  background: #f7f8fa; border: 1px solid #e4e5e7; border-radius: 2px; padding: 15px 7px;
    float: right; transition: .2s;}
.designer-item1:hover{background: #eaedf2;}

.designer-item-header{text-align: center;}
.designer-item-header img{width: 90px; height: 90px; margin: auto;}
.designer-item-header h4{color: #313131; margin-top: 15px;}
.designer-item-header h5{color: #898989;}

.designer-item-body{width: 100%; min-height: 148px;}
.designer-item-body img{width: 48%; margin: 2px 1%; float: right; height: 69px; object-fit: cover;}



.fan-item{padding: 0; float: right;}
.fan-item a{text-decoration: none;}
.fan-item1{width: 98%; margin: 5px 1%;  background: #f7f8fa; border: 1px solid #e4e5e7; border-radius: 2px; padding: 15px 7px;
    float: right; transition: .2s;}
.fan-item1:hover{background: #eaedf2;}

.fan-item-header{ float: right; width: 100%; height: auto;}
.fan-item-header-right{width: 25%; height: auto; padding-left:2px; float: right; max-height: 90px; overflow: hidden}
.fan-item-header-right img{width: 100%; height: 100%; min-height: 80px; object-fit: cover;}

.fan-item-header-left{width: 75%; height: auto;padding-right: 5px; float: right;}
.fan-item-header-left-link:hover{text-decoration: underline; color: #000000;}
.fan-item-header-left h4{color: #313131; margin: 0;}
.fan-item-header-left h5{color: #898989; margin: 0; height: 16px; line-height: 16px; overflow: hidden;}
.fan-item-header-left-bottom{margin-top: 5px;}
.fan-item-header-left-bottom .follow{float: right; padding-top: 7px;}
.fan-item-header-left-bottom .follow a{color: #fff; background-color: #168bc8; text-decoration: none; border-radius: 3px;
padding: 3px 6px; font-size: 14px; }
.fan-item-header-left-bottom .follow a.active{box-shadow: 0 0 0 3px rgba(22, 139, 200, 0.51);}

.fan-item-header-left-bottom .follow a span{padding: 0 5px;}
.fan-item-header-left-bottom .followers{width: auto; position: relative; float: right; margin-left:10px; text-align: center;
    margin-top: 3px;}
.fan-item-header-left-bottom .followers-top{right: 5px;font-size: 11px; width: 100%; font-weight: 400;}
.fan-item-header-left-bottom .followers-bottom{font-size: 11px; width: 100%; font-weight: 400;}

.fan-item-body{width: 100%; min-height: 96px; margin-top: 10px; border: 1px solid #ebecee; float: right;}
.fan-item-body img{width: 32%; margin: 2px 1% 2px 0; float: right; height: 90px; object-fit: cover;}
@media screen and (max-width: 1200px) {
    .fan-item-header-right img{min-height: 90px;}
}
@media screen and (max-width: 768px) {
    .fan-item-header-left-bottom .followers{width: auto; position: relative; float: right; margin-left:4px; text-align: center;}
}
@media screen and (min-width: 1440px) {
    .fan-item{width: 33% !important;}
}

@media screen and (max-width: 576px) {
    .followers-hide{display: none;}
}

/********** designer ************/



/********** brands ************/
.brand-header{ padding: 15px 5px 0 5px;}
.brand-header-direction{position: relative;}
.brand-header-direction a{text-decoration: none; color: #777; font-size: 14px;}
.brand-header-direction a.active{color: #0a0a0a; font-weight: 400;}
.brand-header-direction a.active:hover{color: #0a0a0a;}
.brand-header-direction a:hover{color: #777;}

.brand-header img{width: 100%; height: 350px; border-radius: 2px; margin-top: 10px;object-fit: cover;}
.brand-header-info{width: 100%; position: relative;}

.brand-header-info-social{min-width: 200px; height: 30px;  position: absolute; top: -40px; left: 10px;}
.brand-header-info-social a{width: 30px; height: 30px; background-color: #afafaf; border-radius: 50%; text-align: center; line-height: 30px; display: block; float: left; margin-left: 5px; transition: .2s;}
.brand-header-info-social a:hover{background-color: #337fff;}
.brand-header-info-social a span{font-size: 20px; color: #fff; line-height: 30px; }
.brand-header-info-social-desktop{display: block;}
.brand-header-info-social-mobile{display: none;}

.brand-header-info img{width: 120px !important; height: 120px !important; border: 1px solid #efefef; float: right; position: absolute; right: 20px;
    bottom: -10px; z-index: 40;}
.brand-header-info-text{padding: 10px; margin-right: 150px; position: relative;}
.brand-header-info-text h4{}
.brand-header-info-text h5{}
.brand-header-info-text h5 span{margin-left: 8px;}

.brand-header-website{position:  absolute; left: 0; top: 15px; width: auto; height: auto;}
.brand-header-website a{padding: 7px 40px 7px 15px; background: #ffffff; border-radius: 5px; margin-right: 5px; float: right;
    color: #313131; text-decoration: none; display: block; position: relative !important;}
.brand-header-website a.contact{ background: #ffe869;}
.brand-header-website a img{width: 18px !important; height: 18px !important; border: none !important;;
position: absolute !important; right: 15px !important; top: 0 !important;}

.badge-header{background-color: #fff !important;}
.badge-header-cover{border-radius: 15px !important;}
.badge-header-image{width: 150px !important; height: 150px !important; border-radius: 15px !important; right: 35px !important; border: none !important;bottom: 0 !important;}
.brand-header-info-text-badge{font-size: 22px; font-weight: 400; margin-right: 20px; margin-top: 25px;}
.brand-header-website-badge a{background-color: #efefef; border-radius: 30px; height: 40px; min-width: 40px;}
.brand-header-website-badge a:first-child{padding-left: 10px;}

@media screen and (max-width: 992px) {
    .brand-header-website{top: 105px; right: -115px; left: auto;}
    .brand-header-website a{}
    .brand-tap-box{margin-top: 60px;}
    .brand-header img{height: auto; object-fit: contain;}
    .brand-header-info-social-desktop{display: none;}
    .brand-header-info-social-mobile{display: block;}
    .brand-header-info-social{top: 50px !important; right: 10px; left: auto;}
    .brand-header-info-social a{float: right; }
    .brand-header-info-social a span{}

    .badge-header-image{right: 0 !important;}
    .brand-header-info-text-badge{margin-right: -20px;}
    .brand-header-website-badge a{padding-left: 10px;}
    .brand-header-website-badge a image{padding-left: 10px;}
}
@media screen and (max-width: 575px) {
    .brand-header-website a{height: 35px;}
    .profile-share{display: none;}
    .profile-website{display: none;}
}

.panel-border{width: 100%; height: 1px; background: #dfdfdf; padding: 0;}
.brand-tap-box{height: auto; width: 100%; padding-bottom: 8px;}

.brand-tap{margin-top: 30px; padding-bottom: 0; border: none; width: auto;width: 1200px;}
.brand-tap li a{padding: 8px 14px; background: inherit; color: #000000; text-decoration: none; border: 1px solid #dfdfdf; border-radius: 0;
    border-left: none; font-weight: 300;}
.brand-tap li:first-child a{border-radius:0 5px 0 0; }
.brand-tap li:last-child a{border-radius:5px 0 0 0; border-left: 1px solid #dfdfdf;  }
.brand-tap li a.active{background: #ffffff; border-bottom-color: #ffffff; }

.brand-tap-box-badge{height: auto; width: 100%; padding-bottom: 8px; margin-top: 100px;}

.brand-tap-badge{margin-top: 30px; padding-bottom: 0; border: none; width: auto;width: 1200px;}
.brand-tap-badge li a{padding: 8px 14px; background: inherit; color: #000000; text-decoration: none; border-radius: 0;
    border-left: none; font-weight: 300;}
.brand-tap-badge li a.active{background: #ffffff; border-bottom: 3px solid #313131;  }

@media screen and (max-width: 1200px) {
    .brand-tap-box{height: auto; width: 100%; overflow-y: hidden; overflow-x:auto ; padding-right: 10px; padding-bottom: 9px;}
    /* width */
    .brand-tap-box::-webkit-scrollbar {height:3px; width: 3px; transition: .3s; position: fixed; right: 0;}
    /* Track */
    .brand-tap-box::-webkit-scrollbar-track {background: #ffffff;}
    /* Handle */
    .brand-tap-box::-webkit-scrollbar-thumb {background: #fff;border-radius: 4px;}
    /* Handle on hover */
    .brand-tap-box::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}
    .brand-tap-box:hover::-webkit-scrollbar-thumb{background: #cfcfcf;}
    .brand-tap{}
    .panel-border{display: none;}
    .brand-header img{height: 250px;}
    .brand-header-info img{width: 100px !important; height: 100px !important; }
    .brand-header-info-text{margin-right: 130px;}  }
@media screen and (max-width: 575px) {
    .brand-header img{height: 200px;}
}

.checkboxes{display: block;max-height: 130px;overflow-x: hidden;overflow-y: scroll;}

.brand-tab-box div.tab-pane.active{opacity: 1; padding-top: 30px;}


.brandhome{padding: 30px 0 0; visibility: visible; display: block;}
.brandhome-header{line-height: 18px;}
.brandhome-header .bold{font-size: 22px; font-weight: 400;}

.brand-view-all{border: 1px solid #dfdfdf; transition: .3s; padding: 6px 12px; border-radius: 5px; margin-top: -8px;}
.brand-view-all:hover{background:  #afafaf;}

.brands-slider{margin: 50px 0;}
.brands-slider-header{text-align: center; margin: 25px 0;}
.brands-slider-header h5{font-size: 14px;}

.brands-slider-tag{position: absolute; right: 200px; top: 50px; display: block;}
.brands-slider-tag a{display: block; text-decoration: none;  z-index: 10;}
.brands-slider-tag span{display: block; width: 30px; height: 30px; color: #000000; box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
    border-radius: 50%; text-align: center; line-height: 31px; font-weight: 100; background: #ffffff; cursor: pointer; z-index: 10;}
.brands-slider-tag-box{width: 300px; height: 100px; background: #ffffff; position: absolute; right: 17px; bottom: -86px;
    border-radius: 20px 0 20px 20px;overflow: hidden; padding: 15px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.3); display: none; z-index: 5;}
.brands-slider-tag-box img{width: auto; height: 80px !important; position: absolute; left: 10px; top: 10px;}
.brands-slider-tag-box-text{width: 150px; height: auto; padding-right: 10px; overflow: hidden;}
.brands-slider-tag-box-text a{ font-size: 14px; font-weight: 300; color: #898989; text-decoration: none;}
@media screen and (max-width: 768px) {
    .brands-slider-tag-box{visibility: hidden !important; display: none !important; width: 0; height: 0;}
}

.brand-brands{margin-bottom: 100px;}
.brand-brands-items{width: 20%; padding: 0; float: right;}
.brand-brands-items1{width: 92%; height: 200px; margin: 4%; border-radius: 5px; border: 1px solid #dfdfdf; padding: 3px; display: inline-block;
    text-align: center; padding-top: 35px;}
.brand-brands-items1 a{width: 100%; height: 100%; display: inline-block; vertical-align: middle; line-height: 100%;}
.brand-brands-items1 img{max-width: 100%; min-height: 50px; height: auto; max-height: 100%; object-fit: cover; display: inline-block;
    vertical-align: middle;}

@media screen and (max-width: 992px) {
    .brand-brands-items{width: 25%;}
}
@media screen and (max-width: 768px) {
    .brand-brands-items{width: 33%;}
}
@media screen and (max-width: 575px) {
    .brand-brands-items{width: 50%;}
}

.brand-solution{padding: 0;}
.brand-solution header{margin-bottom: 30px;}
.brand-solution header h3{font-size: 24px;}

.brand-collection{padding: 0;}
.brand-collection header{margin-bottom: 30px;}
.brand-collection header h3{font-size: 24px;}

.brandabout-top{border-bottom: 1px solid #efefef; padding-bottom: 30px;}
.brandabout-top-text{float: right; margin-bottom: 15px;}
.brandabout-top-text h4{font-size: 18px; margin-bottom: 20px;}
.brandabout-top-text h5{font-size: 14px; margin-bottom: 15px;}
.brandabout-top-text h6{ font-size: 13px; margin-top: 0;}
.brandabout-top-map{float: right;}
.brandabout-top-map img{width: 100%;}

.brandabout-text{margin: 55px 0; padding-top: 10px;}
.brandabout-text h5{line-height: 18px;}


.brand-catalog{padding: 0;}
.brand-catalog-header{margin-bottom: 30px;}
.brand-catalog-header h3{font-size: 24px;}

.brand-catalog-item{padding: 7px; float: right;}
.brand-catalog-item-title{font-size: 13px; font-weight: 300; margin: 5px 0; height: 36px; line-height: 18px; overflow: hidden; color: #616161 !important;}
.brand-catalog-item1{position: relative;width: 100%; height: 350px; border: 1px solid #dfdfdf;}
.brand-catalog-item1-height{height: 300px !important;}
.brand-catalog-item1 .image{width: 100%;height: 100% !important; object-fit: cover;}
.brand-catalog-pdf{position:  absolute; top: 30px; right: -10px; background: #ff6363; padding: 5px 10px; border-radius: 5px;
    color: #ffffff; font-size: 13px; font-weight: 500; z-index: 1;}

.brand-catalog-item1 .overlay {position: absolute;bottom: 0; background: #313131; opacity: 0;
    height: 40px; width: 100%;transition: .2s ease;color: white;font-size: 14px;padding: 10px;text-align: center;}
.brand-catalog-item1 .overlay span{font-weight: 100; font-size: 18px; margin-right: 3px; vertical-align: middle;
    -webkit-text-stroke: 3px #313131}
.brand-catalog-item1:hover .overlay { opacity: 1;}

@media screen and (max-width: 1200px) {
    .brand-catalog-item1{height: 300px;}
    .brand-catalog-item1-height{height: 250px !important;}

}
@media screen and (max-width: 992px) {
    .brand-catalog-item1{height: 250px;}
    .brand-catalog-item1-height{height: 200px !important;}

}
@media screen and (max-width: 768px) {
    .brand-catalog-item1-height{height: 200px !important;}

}
@media screen and (max-width: 576px) {
    .brand-catalog-item1-height{height: 300px !important;}

}

.brand-videos{padding: 0;}
.brand-videos-header{margin-bottom: 30px;}
.brand-videos-header h3{font-size: 24px; float: right;}

.brand-videos-header .form-group{height: 50px; width: 250px; border: 1px solid #dfdfdf;float: left; margin-top: -15px;
    background-color: #fff; margin-bottom: 10px; position: relative; border-radius: 5px;}
.brand-videos-header .form-group label{margin-bottom: 0; color: #898989;font-size: 16px;
    position: absolute; right: 10px; top: 12px; z-index: 1; transition: .3s; background-color: inherit;}
.brand-videos-header .form-group label.active{top: 5px; font-size: 12px;}

.brand-videos-header button{background: #ffe869 !important; margin-top: 20px;}
.brand-videos-header input[type=text]{border: none; height: 45px; width: 100%; font-size: 14px;
    position: absolute; right: 0; top: 0; padding: 30px 10px 10px; }
.brand-videos-header input[type=text]::placeholder{font-size: 13px; color: #898989;}
.brand-videos-header input[type=text]:focus{box-shadow: none; outline: none; border: none;}

@media screen and (max-width: 768px) {
    .brand-videos-header h3{clear: bottom; width: 100%; margin-bottom: 15px; padding-right: 3%;}
    .brand-videos-header .form-group{width: 94%; clear: both; margin:15px 3%;}
}

.brand-videos-items{transition: .2s; float: right; margin-bottom: 5px;}
.brand-videos-items a{color: #616161; text-decoration: none;}

/********** brands ************/


/********** magazine ************/


.magazine-header-filter{width: 100%; float: right;}
.magazine-header-filter-left{text-align: left; position: relative; float: left;margin-top: 4px;}
.magazine-header-filter-left a{padding: 5px 15px; background: #ffffff; color:#616161; text-decoration: none; transition: .3s;
    margin-top: 15px;}
.magazine-header-filter-left a:hover{background: #efefef;}
.magazine-header-filter-left a span{margin-right: 6px; vertical-align: middle; margin-top: -2px;}
.magazine-header-filter-box{background: #ffffff; padding: 0; margin: 0;width: 220px; list-style: none; border: 1px solid #dfdfdf;
     position: absolute; left: 15px; top: 29px;display: none; z-index: 50; text-align: right;}
.magazine-header-filter-box li{background: #ffffff; padding: 0; margin: 0;width: auto;}
.magazine-header-filter-box li a{display:block;width: 100%; height: auto; padding: 5px; color: #616161; text-decoration: none;
    background: #ffffff; margin: 0; }
.magazine-header-filter-box li a.active{background: #efefef;}
.magazine-header-filter-box-close{height: 60px; border-bottom: 1px solid #efefef; padding: 10px; display: none}
.magazine-header-filter-box-close span:first-child{float: right; margin: 20px;}
.magazine-header-filter-box-close span:last-child{float: left; margin: 15px;}

.magazine-header-filter-right{text-align: right;margin-top: 4px; overflow: auto;}

.magazine-header-filter-right::-webkit-scrollbar {width: 2px; height: 3px; transition: .3s; position: fixed; right: 0;}
.magazine-header-filter-right::-webkit-scrollbar-track {background: #efefef;}
.magazine-header-filter-right::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px;}
.magazine-header-filter-right::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}

.magazine-header-filter-right a{text-decoration: none; background: #ffffff; padding: 5px 10px; color: #616161; float: right;
    transition: .3s;}
.magazine-header-filter-right a:hover{background: #efefef;}
.magazine-header-filter-right-box{ list-style: none; padding: 0; margin: 0;}
.magazine-header-filter-right-box li{float: right; margin-right: 5px;}
.magazine-header-filter-right-box li a.active{background: #efefef;}

@media screen and (max-width: 992px) {
    .magazine-header-filter-box-close{display: block;}
    .magazine-header-filter-left a{width: 100% !important;display: block; margin-top: 0; text-align: center;}
    .magazine-header-filter-box{position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; z-index: 50;}
    .magazine-header-filter-right-box{position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; z-index: 50;
        background: #FFFFFF;}
    .magazine-header-filter-right-box li{clear: both;width: 100%; margin-right: 5px;}
    .magazine-header-filter-right a{width: 100%; display: block; text-align: center;}
    .magazine-header-filter-right-box{ list-style: none; display: none;}
}

.magazine{padding-bottom: 70px; }

.magazine-header{padding: 10px 0;}
.magazine-header a{text-decoration: none; color: #898989; font-size: 14px;}
.magazine-header a.active{color: #313131;}
.magazine-header span{margin: 0 10px; color: #898989;}

.magazine-image{position: relative;padding-bottom: 80px;}
.magazine-image img{width: 100%; max-height: 400px; object-fit: cover;}
.magazine-image h4{width: 400px; height: auto; padding: 15px; font-size: 22px; position: absolute; right: 50px; bottom: 50px; background: #ffffff;
 line-height: 35px;}

.magazine-left{width: 100%; padding-top: 55px;}
.magazine-left-social{width: 50px; border: 1px solid #dfdfdf; text-align: center;}
.magazine-left a{display: block; width: 100%; text-decoration: none; height: 50px; color: #616161; border-bottom: 1px solid #dfdfdf;
    font-size: 18px; line-height: 50px;}
.magazine-left a:last-child{border-bottom: none;}

.magazine-description{ line-height: 20px; margin-bottom: 50px;}
.magazine-description-view{padding: 15px 0; display: block; color: #afafaf;}
.magazine-description img{ max-width: 100%; height: auto;margin: 15px 0;}

.magazine-right{padding: 2px; padding-top: 55px;}

.next-magazine{width: 320px; height: 120px; background: #ffffff; position: fixed; bottom: 0; margin-right: 9px;
    z-index: 10; border-top: 3px solid #616161; padding: 10px; float: right; display: none;}
.next-magazine a{text-decoration: none;}
.next-magazine h6{font-size: 14px; font-weight: 400; color: #313131; margin-bottom: 25px;}
.next-magazine img{width: 70px; float: right; }
.next-magazine h5{width: 210px; float: right; font-size: 14px; color: #313131; margin-right: 5px;}

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

    .next-magazine{display: none !important;}

    .magazine-right{position: relative !important;}
}
@media screen and (max-width: 768px) {
    .magazine-description{clear: both;}
    .magazine-image h4{width: 80%; margin: auto; font-size: 16px; right: 10%; bottom: 50px;}
    .magazine-image img{max-height: 250px;}
    .magazine-left{float: right;  margin-bottom: 15px;padding-top: 10px;}
    .magazine-left-social{width: auto !important;float: right;}
    .magazine-left a{float: right !important; width: 50px; border-left: 1px solid #dfdfdf; border-bottom:none}
    .magazine-left a:last-child{border-bottom: none; border-left:none;}

}

/********** magazine ************/


/********** fairs ************/

.fairs{}
.fairs-header{padding: 25px 0;}
.fairs-header h4{font-size: 18px; margin-bottom: 10px; color: #313131;}
.fairs-header h4 a{color: #313131; text-decoration: none;}
.fairs-header h5{font-size: 14px; color: #616161;}

.fair-filter{width: 100%; height: auto; background: #efefef; border-radius: 3px; margin: 5px 0 30px; padding: 10px 0 15px;}
.fair-filter-search{margin-top: 24px;}
.fair-filter input{font-size: 14px;}
.fair-filter input:focus{box-shadow: none; border-color: #cfcfcf;}
.fair-filter input::placeholder{font-size: 13px;}
.fair-filter select{font-size: 14px;}
.fair-filter select:focus{box-shadow: none; border-color: #cfcfcf;}
.fair-filter select::placeholder{font-size: 13px;}
.fair-filter button{border: none; background: #00b900; border-radius: 3px 0 0 3px; color: #fff; padding: 0 10px;}

.fair-empty-list{width: 100%;  padding: 15px; margin: 15px 0; border: 1px solid #efefef; border-radius: 3px;}
.fair-empty-list h4{font-size: 15px; color: #898989;}

.fairs-items{padding: 5px; text-align: center; float: right; width: 100%;}
.fairs-items a{text-decoration: none;}
.fairs-items1{width: 98%; margin: 1%; border: 1px solid #efefef; position: relative; background-color: #fff;
    box-shadow: 0 0 3px 1px rgba(200,200,200,.2); transition: .3s;}
.fairs-items1:hover{background: #eaedf2;}
.fairs-items-img{width:100%; height: 185px !important; position: relative;}
.fairs-items-img-text{width: auto;height: auto;position: absolute;
    left: 5px;top: 5px;background: rgba(100,100,100,.7);padding: 2px 6px;border-radius: 5px;}
.fairs-items-img-text.fairs-items-img-text-now{background-color: #1995d5 !important;;}
.fairs-items-img-text span{font-size: 13px; color: #fff;}
.fairs-items1 img{width: 100%; height: 100%;}
.fairs-items-brand{width: 34%; height: 46% !important; position: absolute; right: 33%; top: 26%; border-radius: 5px; background: #ffffff;
    padding: 3px; }
.fairs-items-brand img{width: 100%; height: 100% !important;}
.fairs-items-text{padding: 15px 0; position: relative;}
.fairs-items-text h4{font-size: 16px; color: #313131; line-height: 20px; height: 40px; overflow: hidden;}
.fairs-items-text h5{font-size: 14px; color: #616161; line-height: 18px;}
.fairs-items-text h6{font-size: 13px; color: #afafaf;}
.fairs-items-text-rating{width: 40px; height: auto; position: absolute; left: 10px; bottom: -15px; text-align: center;}
.fairs-items-text-rating img{width: 100%; height: auto;}
.fairs-items-text-rating h4{font-size: 13px; font-weight: 400;}

.fairs-items-text-sign{position: absolute; bottom: 5px; left: 5px; background: #ff6363; color: #fff; font-size: 12px; font-weight: 400; padding: 5px 8px; border-radius: 3px; text-decoration: none;}
.fairs-items-text-sign:hover{color: #fff; background: #c15555;}
.fairs-header-info{width: 100%; position: relative; padding: 10px 0 50px;}
.fairs-header-info img{width: 120px !important; height: 120px !important; border: 1px solid #efefef; float: right;
    z-index: 40;}
.fairs-header-info-text{padding: 10px; margin-right: 120px; margin-top: 10px;}
.fairs-header-info-text h4{}
.fairs-header-info-text h5{}
.fairs-header-info-text h5 span{margin-left: 5px;}

@media screen and (max-width: 1200px) {
    .fairs-items-brand{width: 40% !important;}
}
@media screen and (max-width: 992px) {
    .fairs-items-brand{width: 35% !important;}
}
@media screen and (max-width: 768px) {
    .fairs-items-brand{ display: none;}
    .fairs-items-text-sign{display: none;}
}
@media screen and (max-width: 576px) {
    .fairs-items-img{width:100%; height: 130px !important; position: relative;}

}
@media screen and (max-width: 426px) {
    .fairs-items-img{width:100%; height: 110px !important; position: relative;}

}
@media screen and (max-width: 376px) {
    .fairs-items-img{width:100%; height: 90px !important; position: relative;}

}

/********** fairs ************/


/********** blog ************/

.blog{}

.blog-body-header h4{font-weight: 400;}
.blog-body-header h5{color: #616161;}

.blog-body-item{padding: 0;margin-bottom: 15px !important;}
.blog-body-item a{text-decoration: none;}
.blog-body-item1{width: 94%; margin: 5px 3%; background: #ffffff; }
.blog-body-item1 img{width: 100%;height: auto; cursor: pointer;}
.blog-body-item-text{padding: 7px;}
.blog-body-item-text h4{color: #212121; font-size: 18px;}
.blog-body-item-text h5{color: #898989; font-size: 13px; max-height: 50px; overflow: hidden; margin-top: 12px;}
.blog-body-item-text h6{color: #616161; font-size: 13px; margin-top: 12px;}
.blog-body-item-footer{border-top: 1px solid #efefef; padding: 5px;}
.blog-body-item-footer h6{color: #898989; font-size: 13px; margin-top: 12px; float: right;}
.blog-body-item-footer h5{float: left;margin:10px 5px; color: #313131;font-weight:400; }
.blog-body-item-footer h5 span{margin-left: 4px; color: #007bff; vertical-align: middle; margin-top: -1px;}
.projectGalleryImage{position: relative;}
.projectGalleryImage h5{position: absolute; left: 5px; bottom: 5px; background: rgba(255,255,255,0.7);
    border-radius: 3px; padding: 5px;}
.projectGalleryImage h5 span{margin-left: 3px;}

.weblog-box-four{display: flex;flex-wrap: wrap;padding: 0;}
.weblog-box-four .column{flex: 25%;max-width: 25%;}

@media screen and (max-width: 768px) {
    .weblog-box-four .column{flex: 50%;max-width: 50%;}
}

/********** blog ************/

.video-box{background: rgba(0, 0, 0, 0.9); width: 100%; height: 100vh;  position: fixed; right: 0 ; left:0; top:0; bottom: 0; display: none;
    z-index: 50;overflow-y: auto;overflow-x: hidden;}
.modal-video-close{width: 100%; height: 40px; padding: 15px 25px;}
.modal-video-close a{color: #ffffff !important; text-decoration: none; cursor: pointer; font-size: 26px;
    vertical-align: middle;}
.modal-video-close a span{vertical-align: middle;}
.modal-video-close a.download{font-size: 16px !important; margin-right: 20px;}


.modal-video-body{width: 80%; max-width: 1440px; height: auto; margin: 0 auto; padding: 50px; padding-top: 25px;}
.modal-video-body video{width: 100%; height: auto;}

@media screen and (max-width: 768px) {
    .modal-video-body{width: 100%; height: auto;padding: 50px 0 0;}
}

.video-row-image{text-align: center; width: 100%;height: 243px;background-size: cover; color: #fff;}
.video-row-image h2{font-size: 40px; padding-top: 70px; margin-bottom: 0; color: #fff;}
.video-row-image h3{font-size: 26px; margin-top: 10px; margin-bottom: 0; color: #fff;}

.video-row{width: 100%; padding: 40px 0; border-bottom: 1px solid #dfdfdf;}
.video-row-header{width: 100%; margin-bottom: 20px;}
.video-row-header h4{ font-weight: 400; float: right;}
.video-row-header h4 a{color: #000; text-decoration: none;}
.video-row-header img{width: 20px; height: 20px; float: right; margin-left: 5px;}
.video-row-header h4 span{ font-weight: 400; font-size: 13px; color: #616161;vert-align: bottom;}
.video-row-header>span{ font-weight: 400; font-size: 12px; color: #fff;vert-align: bottom; margin-left: 4px;
    background-color: #313131; padding: 2px; float: right; border-radius: 2px; margin-top: 2px;}
.video-row-header>a{display: block; width: 90px; padding: 6px 8px; border:  1px solid #dfdfdf; border-radius: 4px; text-decoration: none;
    background-color: #fff; font-weight: 400; transition: .4s; color: #000; text-align: center; float: left;
    margin-top: -13px;}
.video-row-header>a:hover{background-color:  #dfdfdf;}

.video-row-header .form-group{height: 50px; width: 250px; border: 1px solid #dfdfdf;float: left; margin-top: -15px;
    background-color: #fff; margin-bottom: 10px; position: relative; border-radius: 5px;}
.video-row-header .form-group label{margin-bottom: 0; color: #898989;font-size: 16px;
    position: absolute; right: 10px; top: 12px; z-index: 1; transition: .3s; background-color: inherit;}
.video-row-header .form-group label.active{top: 5px; font-size: 12px;}

.video-row-header button{background: #ffe869 !important; margin-top: 20px;}
.video-row-header input[type=text]{border: none; height: 45px; width: 100%; font-size: 14px;
    position: absolute; right: 0; top: 0; padding: 30px 10px 10px; }
.video-row-header input[type=text]::placeholder{font-size: 13px; color: #898989;}
.video-row-header input[type=text]:focus{box-shadow: none; outline: none; border: none;}

@media screen and (max-width: 768px) {
    .video-row-header .form-group{width: 94%; clear: both; margin:15px 3%;}
}

.error{width: 768px; margin: auto; height: 100vh; padding-top: 25vh; text-align: center;}
.error h1{font-weight: 700; font-size: 150px; margin: 0; color: #333333;}
.error p{font-weight: 300; font-size: 16px; margin-top: -40px; margin-right: 30px;}
.error a{padding: 5px 15px; background: #aaaaaa; color: #ffffff; border-radius: 30px; margin-right: 30px;}
.error a:hover{text-decoration: none;}
@media screen and (max-width: 992px) {
    .video-row-image{background-size: 100% auto !important; height: auto !important;}
    .video-row-image h2{font-size: 30px; padding-top: 50px; margin-bottom: 0; color: #fff;}
    .video-row-image h3{font-size: 24px; margin-top: 10px; padding-bottom: 50px;  color: #fff;}
}
@media screen and (max-width: 768px) {
    .video-row-image{background-size: 100% auto !important; height: auto !important;}
    .video-row-image h2{font-size: 22px; padding-top: 25px; margin-bottom: 0; color: #fff;}
    .video-row-image h3{font-size: 18px; margin-top: 10px; padding-bottom: 25px;  color: #fff;}
    .error{width: 100%;}
    .video-row-header a {padding: 3px 4px; font-size: 14px;}
    .video-row-header>span{display: none;}
    .video-row-header h4{font-size: 15px;}
    .video-row-header h4 span{display: none;}
}


.error404{padding-top: 150px; padding-bottom: 40px;}
.error404-right{ float: right;}
.error404-right h1{font-size: 55px; margin-bottom: 30px; color: #616161; font-weight: 400;}
.error404-right h2{ margin-bottom: 30px; color: #818181; font-weight: 400;}
.error404-right h4{ margin-bottom: 30px; color: #616161; font-weight: 400;}
.error404-right ul{list-style: none; margin: 0; padding: 0; width: 33%; float: right;}
.error404-right ul li{margin-bottom: 10px;}
.error404-right ul a{color: #313131; text-decoration: none; font-weight: 300;}
.error404-right ul a:hover{color: #000;}

.error404-left{ float: right;}
.error404-left img{width: 100%; height: auto; margin-top: 90px;}
.error404-left-sign{ margin-top: 70px;}
.error404-left-sign a{display: block; width: 38%; margin: 0 6%; padding: 15px; border-radius: 10px; color:  #fff; background: #49cad0; text-decoration: none; float: right; text-align: center;}

@media screen and (max-width: 1200px) {
    .error404{padding-top: 70px;}
}

@media screen and (max-width: 768px){
    .error404{padding-top: 40px;}
    .error404-right ul{width: 50%;}
    .error404-right ul:last-child{display: none;}
    .error404-left-sign a{width: 42%; margin: 0 4%; }
}

/********** event-user ************/

.event{height: auto; padding: 15px 25px 50px; position: relative;}

.event-title{color: #414141; font-size: 22px; margin-top: 12px; margin-bottom: 10px; font-weight: 400;}

.event-top-right{text-align: right; margin-top: 10px; margin-bottom: 50px; padding: 0 !important;}

.event-top-right-info{padding: 5px 0; margin-bottom: 10px; text-align: right;}
.event-top-right-info-right{width: 67%; padding: 3%; float: right;text-align: right !important;}

.event-top-right-info-right h5{margin-top: 7px;}
.event-top-right-info-right h5.bold{font-weight: 400;}

.event-top-right-info-right-like{width: 50px; height: auto;  text-align: right;}
.event-top-right-info-right-like span{cursor: pointer; color: rgba(0,0,0,1); font-size: 20px;}
.event-top-right-info-right-like span img{width: 22px; height: 22px; margin-top: -5px; border: none;}

.event-top-right-info-left{width: 33%; float: left;}
.event-top-right-info-left img{width: 100%; border: 1px solid #dfdfdf; padding: 8px; border-radius: 5px;}

.event-top-right-info-ads img{width: 100%; margin-top: 40px;}

.event-top-right .card{border: none;}
.event-top-right .card a{color: #333333; text-decoration: none; font-weight: 400;}
.event-top-right .card-header{position: relative;}
.event-top-right .card-header-inherit{background: #f7f8fa;}
.event-top-right .card-header-color{background: #eaedf2;}
.event-top-right .card-header:hover{background: #eaedf2;}
.event-top-right .card-body{ padding: 0px; background: #f7f8fa;}
.event-top-right .card-body img{ width: 100%; max-width: 100%;}
.event-top-right .card-body button{outline: none;}
.event-top-right .card-header-icon{position: absolute; left: 5px; top: 13px; }
.event-top-right .card-header-icon span{font-size: 13px; font-weight: 100;}
.event-top-right .card-body ul{list-style: none; padding: 0; margin: 0;}
.event-top-right .card-body ul li{border-bottom: 1px solid #afafaf;height: 42px; overflow: hidden; padding:3px 10px;
    line-height: 40px;}
.event-top-right .card-body ul li a{color: #898989; font-size: 15px; font-weight: 300; text-decoration: none;}
.event-top-right .card-body ul li a:hover{color: #000000; font-size: 15px; font-weight: 400;}
.event-top-right .card-body ul li a:visited{color: #898989; }
.event-top-right .card-body ul li a.active{color: #000000; font-size: 16px; font-weight: 400;}

.event-top-right #timer{direction: ltr; font-size: 24px; margin-top: 20px; font-weight: 400;}
.event-top-right #timer1{border-top: 1px solid #313131;}
.event-top-right .arrow{font-weight: 500; color: #cb0000;}

.event-top-left{ position: relative; margin-bottom: 10px;}
.event-top-left img{width: 100%; height: auto;border-radius: 10px;}
.event-top-left-share{width: 200px; height: 50px; position: absolute; bottom: 15px; left: 35px; text-align: left;}
.event-top-left-share a{text-decoration: none; color: #313131; background-color: #cfcfcf; border-radius: 5px; padding: 8px 16px;}


.event-right{height: 100%; padding:0 0 15px; margin-bottom: 50px;float: right; ;}
.event-right-box{ transition: .5s; background-color: inherit; width: 100%; }

/* Style the tab */
.event-right-tab .tab {float: right;width: 100%;height: auto; border-radius: 10px; overflow: hidden;box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);background-color: #fff;}

/* Style the buttons that are used to open the tab content */
.event-right-tab .tab button {display: block;background-color: inherit;color: #898989;padding: 12px 16px;
    width: 100%;border: none;outline: none;text-align: right;cursor: pointer; font-size: 14px;}

.event-right-tab .tab button a{color: #313131; text-decoration: none; display: block; width: 100%; height: 100%;}

/* Change background color of buttons on hover */
.event-right-tab .tab button:hover {background: #edca4db3; color: #fff; }
.event-right-tab .tab button:hover a{color: #fff; }

/* Create an active/current "tab button" class */
.event-right-tab .tab button.active {background: #edca4db3; z-index: 1; padding-left: 15px; color: #fff;}
.event-right-tab .tab button.active a{color: #fff; }
.event-right-tab-mobile-show1{display: none;}


.event-right-tab-mobile{display: none; padding: 0 !important; margin-top: 10px;}
.event-right-tab-mobile a{display:block; width:100%; height:auto; background: #edca4db3; color: #fff; border-radius: 10px; padding:10px; margin-bottom: 10px; text-decoration: none; font-weight: 300; font-size: 14px;}
.event-right-tab-mobile a span:last-child{margin-top: 3px; margin-left: 5px; font-weight: 400;}

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

    .event-right{margin-bottom: 10px;}
    .event-top-right{margin-top: 10px; margin-bottom: 10px;}
    .event-top-left-share{ bottom: 0; left: 20px;}
    #moreevent{display: none;}

}

.event-left{float: right; }
.event-left1{width: 100%;margin: auto; background: #ffffff; border: 1px solid #efefef; border-top: none; border-bottom: none;
    padding:0 10px 20px; border-radius: 10px;box-shadow: 0 3px 8px 0 rgba(0,0,0,.06);}

.event-left .card{border: none;}
.event-left .card a{color: #333333; text-decoration: none; font-weight: 400;}
.event-left .card-header{position: relative;}
.event-left .card-header-inherit{background: #f7f8fa;}
.event-left .card-header-color{background: #eaedf2;}
.event-left .card-header:hover{background: #eaedf2;}
.event-left .card-body{ padding: 10px 20px; background: #f7f8fa; font-size: 14px; line-height: 20px;}
.event-left .card-body img{ max-width: 100%;}
.event-left .card-body button{outline: none;}
.event-left .card-header-icon{position: absolute; left: 5px; top: 13px; }
.event-left .card-header-icon span{font-size: 13px; font-weight: 100;}
.event-left .card-body ul{list-style: none; padding: 0; margin: 0;}
.event-left .card-body ul li{border-bottom: 1px solid #afafaf;height: 42px; overflow: hidden; padding:3px 10px;
    line-height: 40px;}
.event-left .card-body ul li a{color: #898989; font-size: 15px; font-weight: 300; text-decoration: none;}
.event-left .card-body ul li a:hover{color: #000000; font-size: 15px; font-weight: 400;}
.event-left .card-body ul li a:visited{color: #898989; }
.event-left .card-body ul li a.active{color: #000000; font-size: 16px; font-weight: 400;}

.event-left-header{width: 100%;}
.event-left-header-title{ border-bottom: 1px solid #cfcfcf; padding: 10px 20px; float: right; width: 100%; margin-bottom: 15px;}
.event-left-header-title a{float: right; color: #000000; text-decoration: none; font-size: 14px;margin-top: 3px;}
.event-left-header-title a.rightB{float: left !important; margin:15px 0;}
.event-left-header-title a.rightA{float: right !important; margin:15px 0;}
.event-left-header-title span{vertical-align: middle; margin-top: -3px;}
.event-left-header-title h4{float: left; font-size: 16px;}

.event-left-body{height: auto; width: 100%; padding: 10px 20px;}
.event-left-body .description{font-size: 14px; line-height: 20px; color: #515151;}
.event-left-body-header{width: 100%;}
.event-left-body .perData-body-header{padding: 10px 0;}
.event-left-body .perData-body-header h3{color: #313131; font-size: 26px;}


@media screen and (max-width: 992px) {
    .event{padding: 10px 0;}
    .event-left1{padding:0 0 15px;}
}
@media screen and (max-width: 575px) {
    .event-left{padding: 0; clear: both !important;}
    .event-left1{min-height: auto !important; }

}

/********** event-user ************/




/********** panel-user ************/

.panel-user{height: auto; padding: 50px 25px; position: relative;}
@media screen and (max-width: 992px) {
    .panel-user{padding: 10px 5px;}
}
.special-user{position: fixed; left: 0; top: 180px; background: #00d100; padding: 10px 20px; transition: .2s; z-index: 100;
    color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 300;border: 1px solid #efefef;}
.special-user:hover{background: #00a800;color: #ffffff; text-decoration: none;}
.panel-user-right{height: 100%; padding:0 0 15px; float: right; margin-bottom: 50px;}
.panel-user-right-mobile{background-color: #fff; padding: 15px; border: 1px solid #efefef;
    position:  fixed; top: 70px; right: 0; left: 0; z-index: 100; display: none;}

.panel-user-right-mobile h4{font-size: 14px; margin: 0; padding: 0;}
.panel-user-right-mobile h4 span{float: left;}
@media screen and (max-width: 768px) {
    .panel-user-right{display: none; position: fixed; top: 118px; right: 0; left: 0; background-color: #fff; z-index: 100;
     overflow: scroll; padding-bottom: 100px;}
    .panel-user-right-mobile{display: block;}
}


.activeUser{background-color: #00bb00;}
.activeUser a{color: #ffffff; font-size: 14px; padding: 12px 8px; text-decoration: none;}
.deactiveUser{background-color: #d73d32;}
.deactiveUser a{color: #ffffff; font-size: 14px; padding: 8px; text-decoration: none;}

.cover-image img{width: 100%; height: 250px; object-fit: cover;}
.panel-user-img{position: relative; margin-bottom: 15px;}
.panel-user-img img{width: 100%; height: auto;}
.delete-prof-image{position: absolute; right: 5px; top: 5px; border-radius: 50%; background: rgba(0,0,0,.5); color: #ffffff;
z-index: 10; padding:2px 6px 0; border: none; cursor: pointer; line-height: 22px; font-size: 20px;}
.delete-prof-image:hover{text-decoration: none;background: rgba(0,0,0,.8); color: #ffffff !important;}
.panel-user-img-change{position: absolute; width: 100%; padding: 5px; text-align: center; display: block; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5); color: #ffffff; text-decoration: none; margin-bottom: 0 !important; cursor: pointer;   z-index: 10;}
.panel-user-img-change:hover{color: #ffffff; text-decoration: none;}
#panel-user-img-input{position: absolute; width: 100%; display: block; right: 0; bottom: 0; opacity: 0;}

.panel-user-cover-change{position: absolute; width: 220px; padding: 5px; text-align: center; display: block; right: 20px; bottom: 10px;
    background: rgba(255,255,255,1); color: #313131; text-decoration: none; margin-bottom: 0 !important; cursor: pointer;   z-index: 10;
    border-radius: 5px;}
.panel-user-cover-change:hover{color: #313131; text-decoration: none; background: #efefef;}
#panel-user-cover-input{position: absolute; width: 100%; display: block; right: 0; bottom: 0; opacity: 0;}

/* Style the tab */
.panel-user-right .tab {float: right;background-color: inherit;width: 100%;height: auto;}

/* Style the buttons that are used to open the tab content */
.panel-user-right .tab button {display: block;background-color: inherit;color: #898989;padding: 12px 16px;
    width: 100%;border: none;outline: none;text-align: right;cursor: pointer; font-size: 14px;}

/* Change background color of buttons on hover */
.panel-user-right .tab button:hover {color: #313131;}

/* Create an active/current "tab button" class */
.panel-user-right .tab button.active {background-color: #ffffff; z-index: 1; padding-left: 15px;}

/* Style the tab content */

.panel-user-left{background: #ffffff; border: 1px solid #cfcfcf; min-height: 888px !important; float: left; padding:0 0 20px;}
.panel-user-left .tabcontent {float: left;padding: 0;width: 100%;}
.panel-user-left input{border-radius: 2px; font-size: 13px !important; color: #616161;}
.panel-user-left input[type="checkbox"]{margin-left: 3px !important; vertical-align: middle;}
.panel-user-left input[type="radio"]{margin-left: 3px !important; vertical-align: middle;}
.panel-user-left button{background: #3dd732; border-radius: 3px; color: #ffffff; text-align: center; padding: 4px 8px;
    font-size: 14px; float: left !important;}
.panel-user-left label{font-size: 14px !important; font-weight: 400; margin: auto 5px;}
.panel-user-left textarea{border-radius: 2px; font-size: 13px; }
.panel-user-left select{border-radius: 2px; font-size: 13px; }
.panel-user-left input:focus{box-shadow: none !important; border-color: #ced4da !important; border-radius: 3px !important;}
.panel-user-left select:focus{box-shadow: none !important; border-color: #ced4da !important; border-radius: 3px !important;}
.panel-user-left textarea:focus{box-shadow: none !important; border-color: #ced4da !important; border-radius: 3px !important;}

.perData-header{width: 100%;}
.perData-header-title{ border-bottom: 1px solid #cfcfcf; padding: 10px 20px; float: right; width: 100%; margin-bottom: 15px;}
.perData-header-title a{float: right; color: #000000; text-decoration: none; font-size: 14px;margin-top: 3px;}
.perData-header-title a.rightB{float: left !important; margin:15px 0;}
.perData-header-title a.rightA{float: right !important; margin:15px 0;}
.perData-header-title span{vertical-align: middle; margin-top: -3px;}
.perData-header-title h4{float: left; font-size: 16px;}
.perData-body-change-box{width: 100%; background: #fffbdf !important; padding: 12px 6px; border: 1px solid #ebebeb;
    border-right: 3px solid #ebebeb;}
.perData-body-change-box h5{margin: 0; padding: 0; line-height: 18px; font-size: 13px}
.panel-link{margin: 15px 0;}
.panel-link a{color: #000; text-decoration: none;}
.perData-body{height: auto; width: 100%; padding: 10px 20px;}
.perData-body-header{width: 100%;}
.perData-body h3{float: right; margin-top: 4px; font-size: 22px; font-weight: 400;}
.perData-body h4{margin-top: 4px; font-size: 16px; font-weight: 400;}
.perData-body table a{background: #d73d32; border-radius: 3px; color: #ffffff; text-align: center; padding: 4px 8px;
    float: left; font-size: 14px;}
.perData-body table a:hover{background: #c53a31; text-decoration: none}
.perData-body a.rightB{background: #3dd732; border-radius: 3px; color: #ffffff; text-align: center; padding: 4px 8px;
    font-size: 14px;float: right !important; margin:15px 0;}
.perData-body a.rightA{background: #3dd732; border-radius: 3px; color: #ffffff; text-align: center; padding: 4px 8px;
    font-size: 14px;float: left !important; margin:15px 0;}
.perData-body a.rightC{background: #afafaf; border-radius: 3px; color: #ffffff; text-align: center; padding: 4px 8px;
    font-size: 14px;float: right !important; margin:15px 0;}
.perData-body a.rightB:hover{background: #3dd732; text-decoration: none}
.perData-body a.rightA:hover{background: #3dd732; text-decoration: none}
.perData-body a.rightC:hover{background: #afafaf; text-decoration: none}
.perData-body-change{width: 100%; clear: both; padding-top: 20px;}
.perData-body-change{width: 100%; clear: both;}
.perData-body-change .hr{width: 100%; height: 1px; background: #cfcfcf; margin: 15px 0 20px;}

.perData-body-social-add{background: inherit; float: left; color: #0085ff !important; font-size: 13px; cursor: pointer;
    margin-right: 35px;}


.perData-tab{height: auto; width: 100%; padding-bottom: 8px; margin-top:0; clear: both;}
.perData-tab .brand-tap{margin-top: 9px; margin-right: 2px; border: none; width: auto; border-bottom: 1px solid #dfdfdf;
    padding-bottom: 8px;}
.perData-tab .brand-tap li a{padding: 8px 14px; background: inherit; color: #000000; text-decoration: none; border: 1px solid #dfdfdf; border-radius: 0;
    border-left: none; font-weight: 300;}
.perData-tab .brand-tap li:first-child a{border-radius:0 0 0 0; }
.perData-tab .brand-tap li:last-child a{border-radius:0 0 0 0; border-left: 1px solid #dfdfdf;  }
.perData-tab .brand-tap li a.active{background: #ffffff; border-bottom-color: #ffffff; }
.perData-tab-box div.tab-pane.active{opacity: 1; padding-top: 0 !important;}

.perData-body-change table thead{color: #afafaf;}
.perData-body-change table thead th{color: #afafaf; font-size: 14px; font-weight: 400;}
.perData-body-change table a{background: inherit; display: inline; float: right; margin-top: 0;}
.perData-body-change table a:hover{background: inherit;}
.perData-body-change table .green{color: #00cb00; cursor: pointer;}
.perData-body-change table .red{color: #cb0000; cursor: pointer;}
.perData-body-change table .gray{color: #898989 !important; cursor: pointer;}

.insert-model-box{position: absolute; top: 0; right: 0; background: #ffffff; width: 100%; min-height: 100%;
padding: 0 10px 0 !important; display: none; z-index: 10;}
.insert-model-box-product{position: absolute; top: 0; right: 0; background: #ffffff; width: 100%; min-height: 100%; z-index: 1;
padding: 0 10px 0 !important; display: none;}
.insert-model-box-product-gallery{position: absolute; top: 0; right: 0; background: #ffffff; width: 100%; min-height: 100%; z-index: 1;
    padding: 0 10px 0 !important; display: none;}
.insert-model-box-product-file{position: absolute; top: 0; right: 0; background: #ffffff; width: 100%; min-height: 100%; z-index: 1;
    padding: 0 10px 0 !important; display: none;}
.insert-model-box-draw{position: absolute; top: 0; right: 0; background: #ffffff; width: 100%; min-height: 100%; z-index: 1;
    padding: 0 10px 0 !important; display: none;}
.insert-model-box-header{width: 100%; position: relative; height: 40px;}
.insert-model-box-header span{margin:0 -10px 10px; background: #616161; color: #ffffff; padding: 5px; position: absolute;
    left: 0; top: 0;}
.padding0{padding-right: 0 !important;;}

.newsletter-row{margin: 15px 0; background: #efefef;}
.text-center-req{width: 100%; margin: 20px auto !important;}
.text-center-req h4{text-align: center !important; font-weight: 400 !important;}

.join-user{background: #009900; float: left; font-size: 13px;color: #ffffff; text-align: center;
    cursor: pointer; padding: 5px 10px; border-radius: 5px;z-index: 1; margin-top: 15px; margin-right: 3px;}


.message{font-size: 14px !important; font-weight: 300 !important; padding: 0 !important; margin:10px 0 10px 0 !important; color: #009900;}
.help-block{color: #aa0000; font-size: 13px;}


.ticket-link{float: right !important; background: #ffffff !important; border: 1px solid #898989;
    color: #898989 !important; margin-left: 5px; margin-bottom: 10px;}
.ticket-link.active{float: right !important; background: #898989 !important; border: 1px solid #898989; color: #ffffff !important;}
.see-box{display: none;}

.gallery-image{position: relative; padding: 5px !important; overflow: hidden;}
.gallery-delete{background: #313131; border-radius: 50%; padding: 4px; color: #ffffff; display: block; cursor: pointer;
    width: 30px;text-align: center; position: absolute; top: 8px; right: 8px;}
.draw-delete{background: #313131; border-radius: 50%; padding: 4px; color: #ffffff; display: block; cursor: pointer;
    width: 30px;text-align: center; position: absolute; top: 8px; right: 8px;}
.gallery-image img{width: 100%;  max-height: 200px; object-fit: cover;}
.gallery-image a{display: block; width: 70px; height: 30px; line-height: 20px; background-color: #313131 !important; color: #ffffff; text-decoration: none; text-align: center; position: absolute; left: 10px; top: 10px;
    z-index: 2;}

.gallery-product-image{position: relative; padding: 5px !important;}
.gallery-product-delete{background: #313131; border-radius: 50%; padding: 4px; color: #ffffff; display: block; cursor: pointer;
    width: 30px;text-align: center; position: absolute; top: 8px; right: 8px;}
.gallery-product-image img{width: 100%;  max-height: 200px; object-fit: cover;}
@media screen and (max-width: 1260px) {
    .cover-image img{width: 100%; height: 150px; object-fit: cover;}

    .perData-tab{height: auto; width: 100%; overflow-y: hidden; overflow-x:scroll ; padding-right: 10px; padding-bottom: 9px;}
    /* width */
    .perData-tab::-webkit-scrollbar {height:3px !important; width: 3px; transition: .3s; position: fixed; right: 0;}
    /* Track */
    .perData-tab::-webkit-scrollbar-track {background: #ffffff;}
    /* Handle */
    .perData-tab::-webkit-scrollbar-thumb {background: #fff;border-radius: 4px;}
    /* Handle on hover */
    .perData-tab::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}
    .perData-tab:hover::-webkit-scrollbar-thumb{background: #cfcfcf;}
    .perData-tab .brand-tap{width: 950px;}
}
@media screen and (max-width: 768px) {
    .cover-image img{width: 100%; height: 150px; object-fit: cover;}
}
@media screen and (max-width: 768px) {
    .panel-user-img{width: 40%;}
    .panel-user-right-active{width: 40%;}
    .active-panel-box{margin-top: 30px;}
    .panel-user{height: auto; padding:30px 0;}
}
/********** panel-user ************/


.orderby-category-product{position: relative; height: 30px !important;}
.orderby-category-product:hover{background: #efefef;}
.orderby-category-product input{width: 100%; height: 30px; z-index: 50;position: absolute; right: 0; top: 0; opacity: 0;}
.orderby-category-product a{width: 100%; position: absolute; right: 0; top: 0; height: 30px !important;}


.redProductLike{color: #ff6363 !important;}


.share-box{background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh;  position: fixed; right: 0 ; left:0; top:0; bottom: 0;
    display: none;z-index: 60; overflow: scroll; padding-bottom: 50px;}
.share-box-white{background: #ffffff !important;}
.modal-color-black{color: #000000 !important;}
.modal-share-header{width: 400px; position: relative; margin: 50px auto 0;background: #ffffff; direction: rtl; text-align: right;
    padding: 25px 15px; border-radius: 5px 5px 0 0;}
.modal-share-header a{position: absolute; left: 17px; top:25px; color:#313131; font-weight: 100; font-size: 15px;}
.modal-share-header a:hover{color:#313131; }
.modal-share-header a span{ display:block; color: #313131; font-weight: 300 !important; font-size: 22px; cursor: pointer;}
.modal-share-header h6{margin-top: 4px;}

.modal-share-body{width: 400px; height: auto; margin: 0 auto; background: #ffffff; direction: ltr; text-align: left;
    border-radius:0 0 5px 5px;}
.modal-share-body ul{list-style: none; margin: 0; padding: 0;}
.modal-share-body ul li{}
.modal-share-body ul li a{font-size: 15px; font-weight: 400; border-top: 1px solid #e4e5e7; color: #898989;
    display: block; width: 100%; padding: 22px 15px;}
.modal-share-body a input{padding: 10px; background: #f5f5f5 !important; width: 300px; border: 1px solid #e4e5e7; border-radius: 2px;}
.modal-share-body a input:focus{box-shadow: none; border-color: #efefef; outline: none;}
.modal-share-body ul li a span{ margin-right: 15px; font-size: 15px;}
.modal-share-body ul li a:hover{text-decoration: none; background: #f5f5f5;}
@media screen and (max-width: 575px) {
    .modal-share-input{width: 80%;}
    .modal-share-body{width: 80%;}
    .modal-share-header{width: 80%;}
}



.contact-box{background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh;  position: fixed; right: 0 ; left:0; top:0; bottom: 0;
    display: none; overflow: scroll; z-index: 60;}
.contact-box-body{width: 800px; margin:50px auto; background: #f7f8fa; border-radius: 5px;}
.contact-box-body-header{width: 100%; position: relative;background: #ffe869; direction: rtl; text-align: right;
    padding: 10px 15px; border-radius: 5px 5px 0 0;}
.contact-box-body-header a{position: absolute; left: 17px; top:10px; color:#313131; font-weight: 100; font-size: 15px;}
.contact-box-body-header a:hover{color:#313131; }
.contact-box-body-header a span{ display:block; color: #313131; font-weight: 300 !important; font-size: 22px; cursor: pointer;}
.contact-box-body-header h6{margin-top: 4px; float: right;}
.contact-box-body-header h5{color: #00cb00; float: left;margin-top: 8px; }

.contact-box-body-middle{padding: 10px;}
.contact-box-body-company{position: relative;}
.contact-box-body-company img{width: 90px; height: 90px; object-fit: cover; border-radius: 3px; float: right; margin-right: 25px;
border: 1px solid #dfdfdf;}
.contact-box-body-company div{float: right; margin-right: 15px; padding-top: 10px;}
.contact-box-body-company h5 span{margin-left: 5px;}
.contact-box-body-company h6{position: absolute; left: 20px; top: 10px; display: block; color: #00cb00; font-size: 14px;}
.contact-box-body-company-left{position: absolute; left: 30px; top: 0;}
.contact-box-body-company-left h4{font-size: 14px; color: #000;}
.contact-box-body-company-left a{font-size: 14px; color: #313131; text-decoration: none; font-weight: 300;}
.contact-box-body-company-left h4:first-child{font-weight: 400}
.contact-box-body-company-left h4:last-child{margin-top: -5px;}

.contact-box-body-req{ padding:10px 30px;}
.contact-box-body-req h6{font-size: 13px;}
.contact-box-body-req form{width: 100%;}

.ontact-box-body-message{margin-top: 25px;}
.ontact-box-body-message h5{margin-bottom: 15px; font-weight: 400; font-size: 16px;}
.ontact-box-body-message .form-group{height: 50px; border: 1px solid #dfdfdf;
    background-color: #fff; margin-bottom: 10px; position: relative;}
.ontact-box-body-message .form-group label{margin-bottom: 0; color: #898989;font-size: 16px;
    position: absolute; right: 10px; top: 12px; z-index: 1; transition: .3s; background-color: inherit;}
.ontact-box-body-message .form-group label.active{top: 5px; font-size: 12px;}

.ontact-box-body-message button{background: #ffe869 !important; margin-top: 20px;}
.ontact-box-body-message a.button{background: #ffe869 !important; color: #fff; padding: 8px 16px; border-radius: 5px; text-decoration: none; margin-top: 50px;}
.ontact-box-body-message input[type=text]{border: none; height: 45px; width: 100%; font-size: 14px;
    position: absolute; right: 0; top: 0; padding: 30px 10px 10px; }
.ontact-box-body-message input[type=text]::placeholder{font-size: 13px; color: #898989;}
.ontact-box-body-message input[type=text]:focus{box-shadow: none; outline: none; border: none;}

.ontact-box-body-message input[type=email]{border: none; height: 45px; width: 100%; font-size: 14px;
    position: absolute; right: 0; top: 0; padding: 30px 10px 10px; }
.ontact-box-body-message input[type=email]::placeholder{font-size: 13px; color: #898989;}
.ontact-box-body-message input[type=email]:focus{box-shadow: none; outline: none; border: none;}

.ontact-box-body-message select{border: none; height: 45px; width: 100%; font-size: 14px;
    position: absolute; right: 0; top: 0; padding: 20px 10px 0; vertical-align: middle;}
.ontact-box-body-message select option{font-size: 13px; color: #898989;}
.ontact-box-body-message select::placeholder{font-size: 13px; color: #898989;}
.ontact-box-body-message select:focus{box-shadow: none; outline: none; border: none;}

.ontact-box-body-message textarea{min-height: 110px; max-height: 110px; width: 100%; margin-top: -5px; border-radius: 1px;}
.ontact-box-body-message textarea:focus{box-shadow: none; outline: none; border: 1px solid #cfcfcf;}
.ontact-box-body-message textarea::placeholder{font-size: 13px; color: #898989;}
.ontact-box-body-message input[type=checkbox]{margin-left: 8px;}
.ontact-box-body-message-label label{font-size: 14px; font-weight: 400; color: #616161;}
.ontact-box-body-message-label .checkbox{height: 20px;}

@media screen and (max-width: 992px) {
    .contact-box-product{display: none;}
    .contact-box-body{width: 98%;}
}
@media screen and (max-width: 768px) {
    .contact-box-body-company-left h4:nth-child(2){display: none;}
}


.comment-message{width: 100%; height: auto; padding: 10px; border: 1px solid #dfdfdf; border-right: 3px solid #dfdfdf; border-radius: 2px;
    background: #f7f7f7; margin: 10px 0; color: #616161; font-size: 14px;}
.comment-message h5{}
.comment-message h6{float: left;}
.comment-answer{width: 100%; padding-right: 30px; font-size: 14px; color: #616161; margin-top: 20px;}
.comment{margin-top: 25px;}
.comment button{font-size: 13px; font-weight: 300; background: #313131; color: #ffffff; padding: 3px 14px; border-radius: 2px;}
.comment label{font-size: 14px; font-weight: 300; color: #898989;}
.comment textarea{font-size: 14px; font-weight: 300; color: #898989; resize: none;
    height: 35px;}
.comment textarea::placeholder{font-size: 13px; font-weight: 300; color: #898989;}
.comment textarea:focus{outline: none; box-shadow: none; border-color: #afafaf;}


.map-img{width: 40px !important;}




.fair-item{height: 100px; width: 100%; background: #f7f8fa; margin-top: 10px; padding: 15px;}
.fair-item-image{height: 70px; width: 70px; padding: 0; float: right;}
.fair-item-image img{ width: 100%; max-height: 100%;}
.fair-item-text{padding: 10px auto; float: right;}
.fair-item-text a{color: #313131; text-decoration: none; margin-top: 5px;}
.fair-item-text h5{color: #898989;}

.fair-item-button{float: left;}
.fair-item-button a{ display:block; width: 100%; text-align: center; color: #313131; border:1px solid #dfdfdf; border-radius: 5px;
 background: #ffffff; height: 34px; line-height: 32px; font-size: 16px;}
.fair-item-button a:hover{background: #efefef; text-decoration: none;}

@media screen and (max-width: 768px) {
    .fair-item{height: 130px;}
}

.fair-item-box{display: none;}
.fair-item1{height: 100px; width: 100%; background: #f7f8fa; padding: 15px;}
.fair-item1-image{height: 70px; width: 70px; padding: 0; float: right; margin-right: 80px;}
.fair-item1-image img{ width: 100%; max-height: 100%;}
.fair-item1-text{padding: 10px auto; float: right;}
.fair-item1-text a{color: #313131; text-decoration: none; margin-top: 5px;}
.fair-item1-text h5{color: #898989;}

.fair-item1-button{float: left;}
.fair-item1-button a{ display:block; width: 100%; text-align: center; color: #313131; border:1px solid #dfdfdf; border-radius: 5px;
    background: #ffffff; height: 34px; line-height: 32px; font-size: 16px;}
.fair-item1-button a:hover{background: #efefef; text-decoration: none;}

@media screen and (max-width: 768px) {
    .fair-item1-image{ margin-right: 10px;}
    .fair-item1{height: 130px;}
}

.ck-editor__main{height: 220px !important;}
.ck-content{height: 100% !important;}



.ticket-middle-header{height: 200px; padding-top: 25px;}
.ticket-middle-header-image{height: 120px; width: 120px; margin: 0 0 10px 10px; float: right;}
.ticket-middle-header-image img{height: 100%; width: 100%; object-fit: cover;}

.ticket-middle-header-text{padding: 0; color: #616161;}
.ticket-middle-header-text h5{color: #898989; font-size: 13px;}
.ticket-middle-header-text h3{color: #898989; font-size: 13px; margin-top: 5px !important;}
.ticket-middle-header-profile{margin-top: 5px;}
.ticket-middle-header-profile h5{float: right; margin-left: 10px;margin-top: 3px; font-size: 15px;}
.ticket-middle-header-profile a{padding: 2px 7px; border-radius: 25px; background: #dfdfdf; color: #616161;
    text-decoration: none; font-size: 13px;}
.ticket-middle-header-profile a:hover{background: #afafaf; color: #ffffff;}
.ticket-middle-description{}

.ticket-middle-text{max-height: 555px; overflow: auto;}
.ticket-middle-text h4{border-bottom: 1px solid #dfdfdf; color: #616161; padding-bottom: 10px; margin-bottom: 15px;}
.ticket-middle-text a{font-size: 14px;color: #313131; text-decoration: none; display: block; margin-bottom: 10px;}
.ticket-middle-text p{font-size: 14px;color: #797979;}
.ticket-middle-text a span.fa{margin-left: 5px; min-width: 20px; font-size: 18px;}
.ticket-middle-text p span.fa{margin-left: 5px; min-width: 20px; font-size: 18px;}

.ticket-middle-email{margin-top: 5px;}
.ticket-middle-email h4{font-size: 15px; color: #797979;}
.ticket-middle-email h4 a{text-decoration: none; color: #616161;}
.ticket-middle-email h4 a:hover{text-decoration: none; color: #565656;}

.ticket-middle-address{margin-top: 25px;}
.ticket-middle-address h4{font-size: 16px; color: #313131;}
.ticket-middle-address h5{font-size: 16px; color: #007bff;}

.ticket-right{padding-top: 25px;}
.ticket-right-header{ border-bottom: 2px solid #dfdfdf; float: right; width: 100%; padding-bottom: 10px; margin-bottom: 10px;}
.ticket-right-header h6{ font-size: 12px; float: right; margin-top: 2px; color: #565656;}
.ticket-right-header a{ font-size: 13px; float: left; text-decoration: none; color: #565656;}
.ticket-right-item{width: 100%; border-bottom: 2px solid #dfdfdf; margin-bottom: 10px; padding-bottom: 5px;}
.ticket-right-item:hover{border-bottom: 3px solid #afafaf;}
.ticket-right-item img{width: 100%; max-height: 150px; object-fit: cover; margin-bottom: 5px;}
.ticket-right-item a{text-decoration: none;}
.ticket-right-item h4{padding: 2px 0; color: #565656;}
.ticket-right-item h5{font-size: 14px; color: #898989; height: 16px; line-height: 16px; overflow: hidden;}

.ticket-slider-box{background: #f5f5f5; padding: 12px;}

@media screen and (max-width: 992px) {
    .ticket{padding-top: 1px; margin-top: 0 !important;}
}


.panel-loading{text-align: center;width: 100%; height: 100vh;background-image: url("../image/layout/load.gif");background-repeat: no-repeat;
    background-position: center center;z-index: 100;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);background-color: rgba(255,255,255,1); }




.search-list{width: 200px; float: left; margin-top: -23px;}
.search-list input{border: 1px solid #afafaf !important; border-radius: 3px; width: 100%; padding: 5px}
.search-list input:focus{box-shadow: none; outline: none; border-color: #afafaf;}
.search-list input::placeholder{font-size: 13px; color: #afafaf;}



.nav-icon-bag{position: relative;}
.nav-icon-bag-box{width: 300px; background: #ffffff; border: 1px solid #dfdfdf; display: none;
    position: absolute; left: -20px; top: 35px; float: right}
.nav-icon-bag-box-empty h6{padding: 10px; font-size: 13px; color: #afafaf; text-align: right;}
.nav-icon-bag-box-item{ width: 100%; height: 82px; padding: 5px; border-bottom: 1px solid #dfdfdf;}
.nav-icon-bag-box-item-img{height: 70px; width: 70px; float: right !important; border: 1px solid #cfcfcf; padding: 1px;
    border-radius: 3px; overflow: hidden; padding-right: 4px;}
.nav-icon-bag-box-item-img img{height: 60px !important; width: 60px !important; float: right; position: relative !important;
    margin-top: -1px;}

.nav-icon-bag-box-item-text{height: 80px; width: 190px; float: right; text-align: right; padding: 5px;}
.nav-icon-bag-box-item-text h4{font-size: 14px; color: #313131;}
.nav-icon-bag-box-item-text h4 a{font-size: 14px; color: #313131; text-decoration: none;}
.nav-icon-bag-box-item-text h6{font-size: 12px; color: #616161;}

.nav-icon-bag-box-item-close{width:5px; height: 80px; float: right;}
.nav-icon-bag-box-item-close span{color: #313131; cursor: pointer;}

.nav-icon-bag-box-price{width:100%; height: 50px; padding: 5px; text-align: right; padding-top: 15px;
    border-bottom: 1px solid #dfdfdf;}
.nav-icon-bag-box-price h4{font-size: 14px; color: #616161;}

.nav-icon-bag-box-submit{width:100%; height: 55px; padding: 5px; text-align: center; padding-top: 15px;}
.nav-icon-bag-box-submit a{background: #313131; padding: 3px 100px; border-radius: 3px; color: #ffffff; font-size: 13px;
    text-decoration: none;}

@media screen and (max-width: 768px) {
    .nav-icon-bag-box{left: 0;}
}

.nav-icon-profile-box{width: 300px; background: #ffffff; border: 1px solid #dfdfdf; display: none;
    position: absolute; left: -20px; top: 35px; float: right}
.nav-icon-profile-box-header{width: 100%; height: 60px; padding: 10px; text-align: right; border-bottom: 1px solid #dfdfdf;}
.nav-icon-profile-box-header-right{width: 40px; float: right; height: 40px;}
.nav-icon-profile-box-header-right span{width: 30px !important; height: 30px !important; border-radius: 50%;
    background: #dfdfdf; font-size: 12px; font-weight: 400; padding: 5px;}
.nav-icon-profile-box-header-right img{width: 30px !important; height: 30px !important; border-radius: 50%;
    position: relative !important;}
.nav-icon-profile-box-header-left{width: 230px; float: right;}
.nav-icon-profile-box-body{}
.nav-icon-profile-box-body a{display: block; width: 100%; padding: 8px; text-align: right; text-decoration: none;
    font-size: 13px; color: #313131;}
.nav-icon-profile-box-body a:hover{background: #dfdfdf;}


.shop{ margin-top: 30px; min-height: 570px;}
.shop-header{width: 100%; margin: 25px 0;}
.shop-header h4{font-size: 16px; font-weight: 400;}

.shop-right{width:100%; height: 500px;}
.shop-right-price{border-radius: 5px; background: #f7f8fa; padding: 10px; float: right; width: 100%; margin-top: 10px;}
.shop-right-price h4{margin: 10px 0 20px; font-weight: 400}
.shop-right-price-item{border-bottom: 1px solid #dfdfdf; float: right; width: 100%; padding: 11px 3px;}
.shop-right-price-item:last-child{border-bottom:none;}
.shop-right-price-item h5{width: 50%; float: right; font-weight: 400;}
.shop-right-price-item h6{width: 50%; float: right; text-align: left; font-size: 13px; font-weight: 400;}
.shop-right-price a{display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; background: #313131;
    color: #ffffff; text-decoration: none; border-radius: 5px; float: right; font-size: 14px;}


.shop-left{ padding: 0 ;}
.shop-left-item{width: 100%; min-height: 100px; border: 1px solid #dfdfdf; float: right; padding: 0; border-radius: 5px;
    margin-bottom: 5px;}
.shop-left-item .col-sm-6{padding: 10px; float: right;}
.shop-left-item-img{width: 20%; height: auto; float: right;}
.shop-left-item-img img{width: 100%; height: 80px; object-fit: cover;}

.shop-left-item-text{ width: 80%; height: auto; float: right; text-align: right; padding:0 10px;}
.shop-left-item-text h4{font-size: 16px; color: #000000;}
.shop-left-item-text h6{font-size: 12px; color: #313131; line-height: 10px;}

.shop-left-item-price{height: auto; width: 90%; float: right; padding: 5px; text-align: right; padding-top: 30px;}
.shop-left-item-price span{float: right; margin-left: 10px;}
.number-product{width: 50px; float: right; margin-left: 10px; border-color: #cfcfcf; border-radius: 5px;}
.number-product:focus{outline: none; box-shadow: none; border-color: #afafaf;}

.shop-left-item-close{width:10%; height: 100%; float: left; padding-top: 25px;}
.shop-left-item-close span{color: #313131; cursor: pointer; font-size: 22px; float: left;}

.shop-left-item-get{ padding: 10px; border-top: 1px solid #dfdfdf;}
.shop-left-item-get h5{font-size: 12px; color: #898989;}


.shop-success-header{width: 100%; padding: 20px; background-color: #00be00; color: #fff; text-align: center; border-radius: 5px; margin-bottom: 10px;}
.shop-body{width: 100%; min-height: 100px; border: 1px solid #dfdfdf; float: right; padding: 10px; border-radius: 5px;
    margin-bottom: 5px;}

.shop-body-top{margin-top: 20px; text-align: center;}

.shop-body-bottom{margin-top: 50px;}
.shop-body-bottom a{display: block; width: 44%; margin: 6px 2%; background-color: #efefef; border-radius: 5px; color: #313131; text-decoration: none; text-align: center; padding: 8px; float: right; transition: .3s;}
.shop-body-bottom a:hover{background-color: #cfcfcf;}

.store{background: #ffffff; border-radius: 5px 5px 0 0;padding: 10px 10px; margin-top: 30px; overflow: hidden;}
.store-header{width: 100%; margin: 25px 0; position: relative;}
.store-header a{display: block; width: 20px; height: 20px; position: absolute; top: -22px; right: 0;
    color:  #313131; text-decoration: none; font-size: 44px;}
.store-header h4{font-size: 16px; font-weight: 400;}

.store-level{height: 200px; position: relative; padding-bottom: 50px;}
.store-level-border{height: 1px; width: 100%; background: inherit; position: absolute; top: 74px; right: 0;
    border-bottom: 1px dashed #afafaf; z-index: 0;}
.store-level-border-black{height: 1px; width: 18%; background: inherit; position: absolute; top: 74px; right: 0;
    border-bottom: 1px solid #000000; z-index: 0;}
.store-level-item{height: 100%; position: relative; float: right;}
.store-level-item .active{background: #000000; color: #ffffff;}
.store-level-item-circle{width: 60px; height: 60px; border-radius: 50%; border: 1px solid #000000;
margin: auto; margin-top: 45px; background: #ffffff; z-index: 10; text-align: center;}
.store-level-item-circle span{font-size: 24px; line-height: 55px; }
.store-level-item-text{text-align: center; padding-top: 10px;}

.store-right{}

.header-bill{width: 100%; padding: 0 15px 20px;}
.header-bill h4{width: 100%; font-size: 18px;}
.header-bill h6{width: 100%; font-size: 12px;}
.store-right label{font-size: 14px;}
.store-right input{border-radius: 0; font-size: 14px; color: #616161; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1)}
.store-right input:focus{outline: none; box-shadow: none; border-color: #cfcfcf;}
.store-right input:disabled{background: #f5f5f5 !important;}

.store-right textarea{border-radius: 0; font-size: 14px; color: #616161; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    max-height: 100px; min-height: 100px;}
.store-right textarea:focus{outline: none; box-shadow: none; border-color: #cfcfcf;}
.store-right textarea:disabled{background: #f5f5f5 !important;}

.store-continue{padding: 30px 0; position: relative; margin-top: 20px;}
.store-continue-next{position: absolute; right: 80px; top: 0;}
.store-continue-next button{background: #000000; color: #ffffff; border-radius: 0; padding: 5px 20px;}
.store-continue-next button:focus{box-shadow: none;}
.store-continue-prev{position: absolute; right: 0; top: 0;}
.store-continue-prev button{border:1px solid #515151; color: #313131; border-radius: 0; padding: 5px 20px;
    text-decoration: none; background: #ffffff;}
.store-continue-prev button:focus{box-shadow: none;}
.store-continue-prev a{border:1px solid #515151; color: #313131; border-radius: 0; padding: 5px 20px;
    text-decoration: none; background: #ffffff; text-decoration: none;}

.store-right select{border-radius: 0; font-size: 14px; color: #616161;}
.store-right select:focus{outline: none; box-shadow: none; border-color: #cfcfcf;}
.store-right select:disabled{background: #f5f5f5 !important;}

.store-gift{max-height: 100px; overflow: auto;}
/* width */
.store-gift::-webkit-scrollbar {width: 4px; transition: .3s; position: fixed; left: 0;}
/* Track */
.store-gift::-webkit-scrollbar-track {background: #cfcfcf;}
/* Handle */
.store-gift::-webkit-scrollbar-thumb {background: #efefef;border-radius: 4px;}
/* Handle on hover */
.store-gift::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}
.store-gift div{margin-right: 0 !important;}
.store-gift input{margin-right: 0 !important;}
.store-gift label{margin-right: 5px;}

.header-second{padding: 20px 8px; background: #f6f6f6; border-radius: 5px; margin: 15px 0; border: 1px solid #efefef;}
.header-second label{ margin-right: 5px;}

.store-order{width: 100%;}
.store-order-item{width: 100%; min-height: 100px; border: 1px solid #dfdfdf; float: right; padding: 0; border-radius: 5px;
   margin-bottom: 20px;}
.order-items-header{width: 100%; height: 40px; background: #efefef; padding: 8px;}
.store-order-item .store-order-item1{padding: 2px; float: right;}
.store-order-item-img{width: 20%; height: auto; float: right; padding: 5px;border-top: 1px solid #efefef; margin-top: 1px;}
.store-order-item-img img{width: 100%; height: 80px; object-fit: cover;}

.store-order-item-text{ width: 80%; height: auto; float: right; text-align: right; padding:5px 10px;
    border-top: 1px solid #efefef; margin-top: 1px;}
.store-order-item-text h4{font-size: 16px; color: #000000;}
.store-order-item-text h6{font-size: 12px; color: #313131; line-height: 10px;}

.store-order-item-price{height: auto; width: 100%; float: right; padding: 5px; text-align: right; padding-top: 30px;
    border-top: 1px solid #efefef; margin-top: 1px;}
.store-order-item-price span{float: right; margin-left: 10px;}
.number-product{width: 50px; float: right; margin-left: 10px; border-color: #cfcfcf; border-radius: 5px;}
.number-product:focus{outline: none; box-shadow: none; border-color: #afafaf;}

.store-order-item-get{ padding: 10px; border-top: 1px solid #dfdfdf;}
.store-order-item-get h5{font-size: 12px; color: #898989;}


.store-order-address{margin-bottom: 20px;}
.store-order-address-item{padding: 0;}
.store-order-address-item1{width: 98% !important; border: 1px solid #cfcfcf; padding: 11px;
    border-right: 2px solid #afafaf; border-radius: 3px;}
.store-order-address-item h4{font-size: 14px; color: #313131;}
.store-order-address-item h5{font-size: 13px; color: #313131;}

.store-order-footer{width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; height: 100px; margin-top: 20px;}

.store-peyment-item{padding: 10px; border-bottom: 1px solid #efefef;}
.store-peyment-item div{margin: 0 !important;}
.store-peyment-item div input{margin-left: 7px !important; margin-right: 0 !important;}
.store-peyment-item-text{padding:5px 20px;}
.store-peyment-item-text h4{font-size: 14px; color: #616161;}
.store-peyment-item-text img{height: 70px; width: auto; float: right; margin-left:10px; border-radius: 5px;
    margin-top: 5px;}


.store-left{width:100%; height: 500px; }
.store-left-price{border-radius: 5px; background: #f6f6f6; padding: 10px; float: right; width: 100%;
    border: 1px solid #efefef;}
.store-left-price h4{margin: 10px 0 20px; font-weight: 400}
.store-left-price-item{border-bottom: 1px solid #dfdfdf; float: right; width: 100%; padding: 11px 3px;}
.store-left-price-item:last-child{border-bottom:none;}
.store-left-price-item h5{width: 50%; float: right; font-weight: 400;}
.store-left-price-item h6{width: 50%; float: right; text-align: left; font-size: 13px; font-weight: 400;}
.store-left-price a{display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; background: #313131;
    color: #ffffff; text-decoration: none; border-radius: 5px; float: right; font-size: 14px;}

.store-left-dis{border: 1px dashed #afafaf; padding: 20px; margin-top: 20px; float: right; width: 100%;}
.store-left-dis1{ margin-top: 0 !important;}
.store-left-dis h6{font-size: 12px;}
.store-left-dis-input{width: 100%; margin-bottom: 10px;}
.store-left-dis-input1 input{width: 100% !important; margin-bottom: 5px;}
.store-left-dis-input input{width: 69%; height: 30px; float: right; margin-left: 1%; border-radius: 2px;
    border: 1px solid #afafaf; font-size: 13px; padding: 3px 10px;}
.store-left-dis-input input:focus{outline: none; box-shadow: none;}
.store-left-dis-input button{width: 30%; height: 30px; float: right; background: #ffffff; border-radius: 2px;
    border: 1px solid #afafaf; font-size: 13px;}


.store-footer{border-top: 3px solid #bdbdbd; padding: 30px 10px 50px;}
.store-footer-item{float: right;}
.store-footer-item h4{font-size: 18px ; color: #555555; vertical-align: bottom;}
.store-footer-item h4 span{font-size: 24px ; margin-left: 6px;vertical-align: bottom;}
.store-footer-item h5{font-size: 12px ; color: #555555;}

.discount-nav{width: 100%; height: 35px; background: #ff6363; position: relative; right: 0; top: 0; text-align: center;
    max-width: 1380px; margin: auto;}
.discount-nav a{font-size: 13px; color: #ffffff; text-align: center;border-bottom: 1px dotted #ffffff; display: inline;
    padding-bottom:3px; cursor: pointer; text-decoration: none; transition: .1s;}
.discount-nav a:hover{border-bottom-color: #ff6363;}
.discount-nav-close{position: absolute; right: 10px; top: 9px; color: #ffffff; cursor: pointer;}


.my-network{width: 100%; height: auto; background: #ffffff; z-index: 10; position: absolute; top: 43px; right: 0;overflow: hidden;
    direction: rtl;padding:20px 10px; text-align: right; display: none; box-shadow: 0 2px 3px 1px rgba(200,200,200,.5);}
.my-network-bg{width: 100vw; height: 100px; position: fixed; right: 0; background-color: #fff;}
.my-network h4{font-size: 14px; margin: 5px 0 20px;}
.my-network a{font-size: 17px; color: #616161; text-decoration: none; margin-left: 15px;}
.my-network a img{height: 40px; width: auto;}
.my-network a:hover{color:#000000;}

.demand-issue{width: auto;height: auto;position: absolute;
    left: 5px;top: 5px;background: rgba(100,100,100,.5);padding: 2px 6px;border-radius: 5px;}
.demand-issue span{font-size: 13px;}





.fotter{}
.fotter-right{padding: 25px 10px; float: right;}
.fotter-right header h4{font-weight: 400; margin-bottom: 18px; font-size: 16px;}
.fotter-right ul{list-style: none; padding: 0; margin: 0;}
.fotter-right ul li{}
.fotter-right ul li a{color: #616161; font-size: 14px; font-weight: 400;}
.fotter-right ul li a:hover{color: #616161; }
.fotter-right ul li a.active{color: #000000 !important;}
.fotter-right-md{display: block;}
.fotter-right-sm{display: none;}

.fotter-left{padding: 25px 10px; border-right: 1px solid #e5e5e5; min-height: 400px; float: right;}
.fotter-left img{max-width: 100%;}

@media screen and (max-width: 992px) {
    .fotter{padding: 0 !important; min-width: 100% !important; margin: 0;}
    .fotter-left{border-right: none;}
    .fotter-right-md{display: none;}
    .fotter-right-sm{display: block;}
    .fotter-right-sm{display: block; background-color: #f7f8fa; border-bottom: 1px solid #e5e5e5; padding: 15px 10px;}
    .fotter-right-sm header h4{font-weight: 400; font-size: 16px; padding-bottom: 0; margin-bottom: 0; cursor: pointer;}
    .fotter-right-sm header h4 span{ font-size: 18px; vertical-align: middle; float: left;}
    .fotter-right-sm ul{display: none; width: 100%; padding-top: 18px;}
    .fotter-right-sm ul a{display: block; width: 100%;}
}

.home-icon{margin-top: 30px;}
.home-icon-item{padding: 0; margin-bottom: 7px; float: right;}
.home-icon-item-1{height: 135px; width: 98%; margin: 0 1%;  position: relative;
    border-radius: 6px;}
.home-icon-item-1 a{color: #313131;}
.home-icon-item-1 a:hover{text-decoration: none;}
.home-icon-item-show{ text-align: center; position: relative;}
.home-icon-item-show img{width: 100%; height: 111px; object-fit: cover; border-radius: 6px;}
.home-icon-item-text{text-align: center;}
.home-icon-item-text h2{font-size: 14px; margin-top: 10px; color: #616161;}
.home-icon-item-hide{padding:35px 5px 15px 5px; height: 100%; width: 100%; background-color: #afafaf; display: none; color: #ffffff;
    position: absolute; top: 0; right: 0; text-align: center;border-radius: 6px;}
.home-icon-item-hide h3{font-size: 13px;}
@media screen and (max-width: 992px) {
    .home-icon-item-1{margin-top: 30px;}
    .home-icon{margin-top: 10px;}


}


.widget{width: 1170px; height: 366px; margin: auto; margin-top: 70px;border: 1px solid #efefef;}
.widget-item{width: 20%; height: 100%; float: right; border-left: 1px solid #8f999c; transition: .4s ease-in-out;}
.widget-item:last-child{ border-left: none;}

.widget-item.active{width: 60%; overflow: hidden; transition: .4s ease-in-out;}
.widget-item.active .widget-item-base{width: 33%; height: 100%; float: right; padding: 15px 2%; position: relative;
    background-color: #04c6c0;}
.widget-item.active .widget-item-toggle{display: none;}
.widget-item.active .widget-item-base h2{color: #fff;}
.widget-item.active .widget-item-base p{color: #fff;}
.widget-item.active .widget-item-img img.widget-item-img-show{display: none;}
.widget-item.active .widget-item-img img.widget-item-img-hide{display: block;}
.widget-item.active .widget-item-base-close{display: block}

.widget-item.inactive{width: 10%; overflow: hidden}
.widget-item.inactive .widget-item-base{width: 100%; height: 100%; float: right; padding: 15px 6%; position: relative;}
.widget-item.inactive .widget-item-base-text-show{display: none;}
.widget-item.inactive .widget-item-base-text-hide{display: block;}

.widget-item-base{width:100%; height: 100%; float: right; padding: 15px 6%; position: relative; transition: .4s; cursor: pointer;}
.widget-item-detail{width: 66.5%; height: 100%; float: right; background-color: #fff;display: none;}
.widget-item-detail.open{display: block; opacity: 1;}

.widget-item-detail-text{width: 80%; height: 80%; margin: 10%; }
.widget-item-detail-text.open{opacity: 1;transform: translateY(0px);}
.widget-item-detail-text p{font-size: 13px;}
.widget-item-detail-text a{padding: 4px 15px; background-color: #313131; border-radius: 15px; color: #fff; font-size: 14px;
text-decoration: none; transition: .2s;}
.widget-item-detail-text a:hover{text-decoration: none; background-color: #000000;}

.widget-item-base-text-show{display: block;}
.widget-item-base-text-show h2{font-size: 22px; font-weight: 400; margin: 15px 0;}
.widget-item-base-text-show p{font-size: 14px; font-weight: 300; margin-bottom: 15px; color: #616161;}
.widget-item-img img{width: 120px; height: 120px; margin-right: 15px;}
.widget-item-img img.widget-item-img-show{display: block;}
.widget-item-img img.widget-item-img-hide{display: none;}

.widget-item-base-text-hide{display: none;}
.widget-item-base-text-hide h2{font-size: 20px; font-weight: 400; margin: 95px -85px 0 0; width: 200px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
    height: 25px; overflow: hidden; line-height: 25px;
}


.widget-item-base-close{width: 30px; height: 30px;position: absolute; top: 10px; left: 10px; display: none}
.widget-item-base-close img{width: 26px; border-radius: 50%;padding: 4px; background-color: #fff; }

.widget-item-toggle{width: 100%; height: 30px; position: absolute; bottom: 8px; right: 0; padding-right: 13px; padding-top: 2px;
     overflow: hidden;}
.widget-item-toggle img{width: 26px; border: 1px solid #414c50; border-radius: 50%;padding: 4px;}
.widget-item-toggle p{position: absolute;right: 50px; bottom: -32px; transition: .5s; color: #fff !important;;}
.widget-item:hover .widget-item-base{background-color: #04c6c0;}
.widget-item:hover .widget-item-base h2{color: #fff;}
.widget-item:hover .widget-item-base p{color: #fff;}
.widget-item:hover .widget-item-img img.widget-item-img-show{display: none;}
.widget-item:hover .widget-item-img img.widget-item-img-hide{display: block;}
.widget-item:hover .widget-item-toggle img{border: none; background-color: #fff;}
.widget-item:hover .widget-item-toggle p{ bottom: -10px;}


@media screen and (max-width: 1200px) {
    .widget{width: 992px; }
}
@media screen and (max-width: 992px) {
    .widget{width: 100%; }
}
@media screen and (max-width: 768px) {
    .widget{display: none;}
}

.widget-tablet{display: none; margin-top: 60px; float: right;margin-right: 10px;}
.widget-tablet-item{ background-color: #fff;padding:30px 20px; }
.widget-tablet-item-right{width: 60px; float: right;}
.widget-tablet-item-right img{width: 100%; }
.widget-tablet-item-left{width: auto; float: right; padding-right: 10px; text-align: right;margin-bottom: 10px;}
.widget-tablet-item-left h2{font-size: 16px; font-weight: 400; margin-bottom: 2px; height: 20px; line-height: 20px;
    max-width: 470px; overflow: hidden;}
.widget-tablet-item-left p{font-size: 14px; font-weight: 300; color: #616161; margin-bottom: 2px; height: 34px;
    max-width: 470px; line-height: 17px; overflow: hidden;}
.widget-tablet-item-link{width: 100%; clear: both; text-align: center;}
.widget-tablet-item-link a{padding: 4px 15px; background-color: #313131; border-radius: 22px; color: #fff !important;
    font-size: 13px; text-decoration: none;}
@media screen and (max-width: 768px) {
    .widget-tablet{display: block;}
    .widget-tablet-item-left{width: auto; float: right; padding-right: 10px;}

}

@media screen and (max-width: 576px) {
    .widget-tablet-item-left h2{font-size: 18px; font-weight: 400;  max-width: 300px;height: 22px;line-height: 22px;}
    .widget-tablet-item-left p{font-size: 13px; font-weight: 300;  max-width: 300px;}
}

@media screen and (max-width: 425px) {
    .widget-tablet-item-right{width: 45px; float: right;}
    .widget-tablet-item-left h2{  max-width: 260px;}
    .widget-tablet-item-left p{ max-width: 260px;}
}

.factor-item{width: 100%; height: auto; background-color: #efefef; border-radius: 5px; margin-top: 5px;
    padding: 15px; cursor: pointer;}
.factor-item div{padding: 0;}
.factor-item div span{ color: #313131; margin-left: 10px; font-size: 14px;}
.factor-item-right{float: right; width:25%; color: #898989;}
.factor-item-left{float: right; width: 75%; color: #313131;}

.factor-item-box{background-color: #dfdfdf; float: right; width: 100%; padding: 0 15px 10px !important; border-radius: 5px;
    margin-top: 10px !important; display: none; }
.factor-item-box-item{clear: both;padding: 20px 0 10px 0 !important; border-bottom: 1px solid #efefef;
    float: right; width: 100%; position: relative;}
.factor-item-box-item:first-child{padding: 10px 0 10px 0 !important; }
.factor-item-box-item:last-child{border-bottom: none;}

.factor-item-box-item-img{width: 100%; height: auto; background-color: #fff; box-shadow: 0 0 5px 1px #898989;
    padding-bottom: 15px;}
.factor-item-box-item-img a{text-decoration: none;}
.factor-item-box-item-img img{width: 100%; height: auto; margin-bottom: 10px;}
.factor-item-box-item-img h4{font-size: 15px; font-weight: 400; color: #313131; padding: 0 8px; margin: 0;}
.factor-item-box-item-img h5{font-size: 12px; font-weight: 400; color: #898989; padding: 0 8px;}
.factor-item-box-item-img h6{font-size: 12px; font-weight: 400; color: #d20000; padding: 0 8px 15px;}

.factor-item-box-select{padding: 0 10px !important;}
.factor-item-box-button{padding-top: 26px !important;}
.factor-item-box-button button{float: right !important;}


.aside-right-fixed-box{position: fixed; right: auto; top: 150px;}
.aside-left-fixed-box{position: fixed; right: auto; top: 150px; width: 310px;}
@media screen and (max-width: 1440px) {
    .aside-left-fixed-box{ width: 270px;}
}
@media screen and (max-width: 1200px) {
    .aside-left-fixed-box{ width: 210px;}
}
@media screen and (max-width: 992px) {
    .aside-left-fixed-box{position: relative !important; right: auto; top: auto; width: auto;
        }
}
@media screen and (max-width: 768px) {
    .aside-right-fixed-box{position: relative !important;}
}


.team-item{height: auto; width: 100%; background: #f7f8fa; margin-top: 10px; padding: 10px; margin-bottom: 10px;}
.team-item-image{padding: 0; float: right;}
.team-item-image img{ width: 100%; height: 100%; object-fit: cover;}
.team-item-text{padding: 10px auto; float: right;}
.team-item-text a{color: #000000; text-decoration: none; margin-top: 5px;}
.team-item-text a h4{color: #000000; margin-bottom: 2px;}
.team-item-text h5{color: #898989; margin-bottom: 2px;}

.team-item-box{margin-top: 15px; position: relative;}
.team-item-box header{width: 100%; font-size: 14px; color: #afafaf;}
.team-item-box a img{width: 66px; height: 66px; object-fit: cover;margin-bottom: 4px;}
.team-item-box-member{width: 100%; height: 68px; overflow: hidden; position: relative;}
.team-item-box-member-all{width: 100%; height: auto; position: relative;}
.team-item-box-member-show{ width: 30px; height: 30px; position: absolute; left: -26px; top: 38px;}
.team-item-box-member-show span{font-size: 24px; color: #afafaf; font-weight: 400; cursor: pointer;}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
}






.follow-box{background: rgba(0, 0, 0, 0.9); width: 100%; height: 100vh;  position: fixed; right: 0 ; left:0; top:0; bottom: 0; display: none;
    z-index: 50;}

.follow-box-body{width: 50%; max-width: 1440px; height: auto; margin: 50px auto; padding: 0;
    background-color: #fff; border-radius: 5px;}
.follow-box-body-header{position: relative; padding:25px; border-bottom: 1px solid #afafaf;}
.follow-box-body-header a{position: absolute; left: 20px; top: 20px; background-color: inherit !important;
    color: #000 !important; font-size: 22px !important; cursor: pointer;}

.follow-box-body-info{padding: 25px;  border-bottom: 1px solid #afafaf;}
.follow-box-body-info h5{margin-bottom: 10px; color: #313131;}
.follow-box-body-info label{margin-right: 18px; color: #313131;}
.follow-box-body-info input{right: 0;}

.follow-box-body-send{padding: 25px;}
.follow-box-body-send h4{padding: 4px 12px; background-color: #0056b3; border-radius: 5px; cursor: pointer; color: #fff;
    display: inline; font-size: 14px;}
.follow-box-body-send h4 span{margin-right: 5px;}

@media screen and (max-width: 992px) {
    .follow-box-body{width: 80%;}
}
@media screen and (max-width: 768px) {
    .follow-box-body{width: 100%; height: auto;}
}


.follower-icon{padding-top: 50px;}
.follower-icon a{padding: 6px 12px; background-color: #00b0ff; color: #fff; border-radius: 5px; text-decoration: none;}

.follow-item{padding: 10px; border-bottom:1px solid #dfdfdf; width: 100%;}
.follow-item-right{width: 50%; float: right;}
.follow-item-right-right{width: 25%; height: auto; padding-left:2px; float: right; }
.follow-item-right-right img{width: 100%; height: auto;min-height: 115px; object-fit: cover;}

.follow-item-right-left{width: 75%; height: auto;padding-right: 5px; float: right;}
.follow-item-right-left-link:hover{text-decoration: underline; color: #000000;}
.follow-item-right-left h4{color: #313131; margin: 0;}
.follow-item-right-left h5{color: #898989; margin: 0;}
.follow-item-right-left-bottom{margin-top: 5px; float: right;}
.follow-item-right-left-bottom .follow{float: right; padding-top: 7px !important;}
.follow-item-right-left-bottom .follow a{color: #fff; background-color: #0056b3; text-decoration: none; border-radius: 3px;
    padding: 3px 6px; font-size: 14px; }
.follow-item-right-left-bottom .follow a.active{box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.5);}

.follow-item-right-left-bottom .follow a span{padding: 0 5px;}
.follow-item-right-left-bottom .followers{width: auto; position: relative; float: right; margin-left:2px; text-align: center;
    margin-top: 3px !important;}
.follow-item-right-left-bottom .followers a{color: #000; text-decoration: none;}
.follow-item-right-left-bottom .followers-top{right: 5px;font-size: 11px; width: 100%; font-weight: 400;}
.follow-item-right-left-bottom .followers-bottom{font-size: 11px; width: 100%; font-weight: 400;}

.follow-item-left{width: 50%; float: right; overflow: hidden;}
.follow-item-left img{width: 32%; margin-right: 1%; float: right; height: 115px; object-fit: cover}

@media screen and (max-width: 1200px) {
    .follow-item-right{width: 60%;}
    .follow-item-right-right img{min-height: 90px;}
    .follow-item-left{width: 40%; max-height: 100px;}
    .follow-item-left img{width: 49%; height: 100px;}
}
@media screen and (max-width: 992px) {
    .follow-item-right{width: 100%;}
    .follow-item-left{display: none;}
}




.focuses{padding: 0; margin: 0;}

.focuses-header h4{font-weight: 400; margin-bottom: 10px;}
.focuses-header h5{}

.focuses-item{padding: 15px; border-radius: 15px; border: 1px solid #efefef;float: right; transition: .2s;margin-bottom: 15px;}
.focuses-item:hover{background-color: #efefef;}
.focuses-item-right{width: 25%; float: right;}
.focuses-item-right h4{font-weight: 400; font-size: 22px; color: #111111;}
.focuses-item-right h5{font-weight: 400; font-size: 16px; color: #afafaf;}
.focuses-item-left{width: 75%; float: right;}
.focuses-item-left img{width: 32%; float: right; height: 170px; margin-right: 1%; border-radius: 10px; object-fit: cover;}

@media screen and (max-width: 1200px){
    .focuses-item-left img{height: 150px;}
}

@media screen and (max-width: 992px) {
    .focuses-item-left img{height: 130px;}
}

@media screen and (max-width: 768px) {
    .focuses-item-right{width: 100%; float: right;}
    .focuses-item-right h4{font-weight: 400; font-size: 18px;}
    .focuses-item-left{width: 100%; float: right;}
}
@media screen and (max-width: 568px) {
    .focuses-item-left img{height: 90px;}
}

.not-item{margin: 50px 0; border: 1px solid #efefef; box-shadow: 4px 4px 4px 0 #dfdfdf;; text-align: center; padding: 25px;}
.not-item h4{color: #898989;}



.carousel-wrap {width: 1000px;margin: auto;position: relative;}
.owl-carousel .owl-nav{overflow: hidden;height: 0px;}

.owl-theme .owl-dots{text-align: center; display: none;}
.owl-theme .owl-dots .owl-dot{background-color: #cfcfcf; height: 10px; width: 10px; border-radius: 50%; margin-right: 5px;}
.owl-theme .owl-dots .owl-dot.active{background-color: #898989;}
.owl-theme .owl-dots .owl-dot:hover{background-color: #898989;}
.owl-theme .owl-dots .owl-dot:focus{border: none; box-shadow: none; outline: none;}



.owl-carousel .item {text-align: center;}
.owl-carousel .nav-btn{height: 47px;position: absolute;width: 26px;cursor: pointer;top: 100px !important;}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{pointer-events: none;opacity: 0.2;}

.owl-carousel .prev-slide{background: url(nav-icon.png) no-repeat scroll 0 0;left: -33px;}
.owl-carousel .next-slide{background: url(nav-icon.png) no-repeat scroll -24px 0px;right: -33px;}
.owl-carousel .prev-slide:hover{background-position: 0px -53px;}
.owl-carousel .next-slide:hover{background-position: -24px -53px;}

span.img-text {text-decoration: none;outline: none;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
    cursor: pointer;width: 100%;font-size: 23px;display: block;text-transform: capitalize;}
span.img-text:hover {color: #2caae1;}

@media screen and (max-width: 768px) {  .owl-nav{display: none !important;}  .owl-theme .owl-dots{display: block;}  }


.owl-carousel .nav-btn1{
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 100px !important;
}

.owl-carousel .prev-slide1{
    color: #cfcfcf;
    z-index: 5;
    left: -33px;
    cursor: pointer;
    transition: 0.5s;
    top: 85px !important;
}
.owl-carousel .prev-slide1 span{
    font-weight: 400;
}
.owl-carousel .next-slide1{
    color: #cfcfcf;
    z-index: 5;
    right: -33px;
    cursor: pointer;
    transition: 0.5s;
    top: 85px !important;
}
.owl-carousel .next-slide1 span{
    font-weight: 400;
}
.owl-carousel .prev-slide1:hover{
    color: #616161;
}
.owl-carousel .next-slide1:hover {
    color: #616161;
}


.gift-box{background: rgba(0, 0, 0, 0.8); width: 100%; height: 100vh;  position: fixed; right: 0 ; left:0; top:0; bottom: 0;
    display: none; overflow: scroll; z-index: 60;}
.gift-box-body{width: 600px; margin:80px auto 50px; background: #f7f8fa; border-radius: 5px;}
.gift-box-body-img{width: 100%; height: auto; text-align: center;}
.gift-box-body-img>img{width: 150px; height: auto; margin: auto; margin-top: -50px;}
.gift-box-body-header{width: 100%; position: relative; direction: rtl; text-align: right;
    padding: 10px 15px; border-radius: 5px 5px 0 0;}
.gift-box-body-header a{position: absolute; left: 17px; top:10px; color:#313131; font-weight: 100; font-size: 15px;}
.gift-box-body-header a:hover{color:#313131; }
.gift-box-body-header a span{ display:block; color: #313131; font-weight: 300 !important; font-size: 22px; cursor: pointer;}
.gift-box-body-header h5{color: #00cb00; float: left;margin-top: 8px; }

.gift-box-body-middle{}
.gift-box-body-company{position: relative;}
.gift-box-body-company img{width: 90px; height: 90px; object-fit: cover; border-radius: 3px; float: right; margin-right: 25px;
    border: 1px solid #dfdfdf;}
.gift-box-body-company div{float: right; margin-right: 15px; padding-top: 10px;}
.gift-box-body-company h5 span{margin-left: 5px;}
.gift-box-body-company h6{position: absolute; left: 20px; top: 10px; display: block; color: #00cb00; font-size: 14px;}
.gift-box-body-company-left{position: absolute; left: 30px; top: 0;}
.gift-box-body-company-left h4{font-size: 14px; color: #000;}
.gift-box-body-company-left a{font-size: 14px; color: #313131; text-decoration: none; font-weight: 300;}
.gift-box-body-company-left h4:first-child{font-weight: 400}
.gift-box-body-company-left h4:last-child{margin-top: -5px;}

.gift-box-body-req{ padding:10px 30px;}
.gift-box-body-req h6{font-size: 13px;}
.gift-box-body-req form{width: 100%;}
.gift-box-body-req button{background: #ffe869 !important; color: #fff;}
.close-gift-box{background-color: #ff6363; padding: 6px 12px; border-radius: 4px; font-weight: 400; color: #fff !important;
cursor: pointer;}

.gift-box-body-message{}
.gift-box-body-message h5{margin-bottom: 15px; font-weight: 400; font-size: 16px;}
.gift-box-body-message .form-group{margin: 0;}

.gift-box-body-message button{background: #ffe869 !important; margin-top: 20px;}
.gift-box-body-message input[type=text]{width: 100%; font-size: 14px; margin-top: -12px;}
.gift-box-body-message input[type=text]::placeholder{font-size: 13px; color: #898989;}
.gift-box-body-message input[type=text]:focus{box-shadow: none; outline: none; border-color: #cfcfcf;}

.gift-box-body-message input[type=email]{width: 100%; font-size: 14px; margin-top: -12px;}
.gift-box-body-message input[type=email]::placeholder{font-size: 13px; color: #898989;}
.gift-box-body-message input[type=email]:focus{box-shadow: none; outline: none;border-color: #cfcfcf;}

.gift-box-body-message textarea{min-height: 100px; max-height: 100px; width: 100%; margin-top: -12px;}
.gift-box-body-message textarea:focus{box-shadow: none; outline: none; border: 1px solid #cfcfcf;}
.gift-box-body-message textarea::placeholder{font-size: 13px; color: #898989;}




@media screen and (max-width: 992px) {
    .gift-box-product{display: none;}
    .gift-box-body{width: 98%;}
}
@media screen and (max-width: 768px) {
    .gift-box-body-company-left h4:nth-child(2){display: none;}
}




.mail{direction: rtl;width: 768px; border: 1px solid #efefef; border-radius: 5px; margin: 50px auto;
    text-align: right; overflow: hidden;}
.mail-header{ height: auto; border-bottom: 1px solid #efefef; padding: 20px; position: relative;;
    background-color: #efefef; min-height: 20px;}
.mail-header a{color: #616161; text-decoration: none; font-size: 16px;}
.mail-header a:hover{color: #313131;}
.mail-header img{width: 50px; height: 50px; position: absolute; right: 10px; top: 5px;}
.mail-header-irboom{width: auto; height: auto; position: absolute; right: 70px; top: 5px; text-align: center;}
.mail-header-irboom h4{color: #313131; font-size: 15px; font-weight: 300; margin: 0; margin-top: 3px;}
.mail-header-irboom h5{color: #313131; font-size: 13px; font-weight: 300; margin: 0; margin-top: -5px;}
.mail-header-link{width: auto; height: auto; position: absolute; left: 10px; top: 5px;}
.mail-body{padding: 20px 20px;}
.mail-body h1{color: #cf0000; font-size: 20px; font-weight: 300;}
.mail-body h2{color: #cf0000; font-size: 19px; font-weight: 300;}
.mail-body h3{color: #313131; font-size: 18px; font-weight: 300;}
.mail-body h4{color: #313131; font-size: 15px; font-weight: 300;}
.mail-body h5{color: #313131; font-size: 14px; font-weight: 300;}
.mail-body h6{color: #313131; font-size: 13px; font-weight: 300;}
.mail-body p{color: #616161; font-size: 14px;}
.mail-body-bottom{padding: 5px 15px; background-color: #efefef; border-radius: 65px; color: #000 !important;
    text-decoration: none;}
.mail-body-bottom:hover{background-color: #cfcfcf;}
@media screen and (max-width: 768px) {
    .mail{width: 90%;}
}


.page{padding: 35px 0;}
.page img{ max-width: 100%; height: auto !important; object-fit:cover;}




.home-video{ min-height: 500px; padding: 15px; border-bottom: 1px solid #dfdfdf;}
.home-video a{color: #000; text-decoration: none;}

.home-video-right{padding: 0; float: right; margin-top: 80px;}
.home-video-right-header div{height: 70px; padding: 20px 15px; z-index: 2;}
.home-video-right-header div h4{ line-height: 24px; height: 28px; overflow: hidden; font-size: 16px; padding-bottom: 20px;
    color: #000; font-weight: 400;}

.home-video-right ul{margin: 0; padding: 0; max-height: 410px; overflow-y: auto; overflow-x: hidden; list-style: none;}
/* width */
.home-video-right ul::-webkit-scrollbar {width: 8px; height: 8px; transition: .3s; position: fixed; left: auto; right: 0 !important;}
/* Track */
.home-video-right ul::-webkit-scrollbar-track {background: rgba(223, 223, 223, 0.5);}
/* Handle */
.home-video-right ul::-webkit-scrollbar-thumb {background: #afafaf;border-radius: 8px;}
/* Handle on hover */
.home-video-right ul::-webkit-scrollbar-thumb:hover {background: #afafaf;}

.home-video-right ul li{ height: auto; margin: 0; padding: 0;}
.home-video-right ul li a{display: block; width: 100%; height: auto; overflow: hidden; padding: 10px;float: right;
    transition: .2s;}
.home-video-right ul li a:hover{ background-color: rgba(223, 223, 223, 0.4); }
.home-video-right ul li a.active{ background-color: rgba(223, 223, 223, 0.4); }
.home-video-right-img{ float: right; width: 30%;}
.home-video-right-img img{width: 100%; height: auto; max-height: 80px;}
.home-video-right-text{padding: 2px 8px 2px 2px; float: right; width: 70%;}
.home-video-right-text h4{font-size: 14px; font-weight: 400; margin-bottom: 5px;}
.home-video-right-text h5{margin-bottom: 5px;line-height: 20px; font-size: 13px;font-weight: 300;}

.home-video-right-a{display: block; width: 90px; padding: 6px 8px; border:  1px solid #dfdfdf; border-radius: 4px; text-decoration: none;
    background-color: #fff; font-weight: 400; transition: .4s; color: #000; text-align: center; margin-top: 10px; margin-right: 15px;}
.home-video-right-a:hover{background-color:  #dfdfdf;}

.home-video-left{padding: 0;  float: right;height: auto; position: relative; margin-top: 33px;margin-bottom: 10px;
    cursor: pointer;}
.home-video-left video{width: 100%; height: 100%;}

.home-video-left-footer{ padding-top: 15px;}
.home-video-left-footer img{width: 80px; height: 80px; float: right; object-fit: cover;}
.home-video-left-footer-text{width: 70%; float: right; padding: 2px 10px;}
.home-video-left-footer h4{margin-bottom: 5px; font-size: 16px; font-weight: 400;}
.home-video-left-footer a{float: left; border-radius: 5px; padding:8px 16px; transition: .3s; font-size: 13px; font-weight: 400;}
.home-video-left-footer a:hover{background-color: #dfdfdf;}

@media screen and (max-width: 992px) {
    .home-video{ height: auto;}
    .home-video-right{margin-top: 10px;}
    .home-video-right-img img{}
}
@media screen and (max-width: 768px) {
    .home-video{padding: 5px;}
}

.active-panel-box{border: 1px solid #dfdfdf; margin-bottom: 10px; background: #fff; padding: 6px; text-align: center;}
.active-panel-box a{color: #898989; text-decoration: none; font-size: 13px; font-weight: 400;}

.filter-error-box{background: #eb5858; color: #fff; ;font-size: 13px; font-weight: 400; padding: 8px 15px; border-radius: 5px; display: none;}
.box-none{height: 0;padding: 0;margin: 0;}

.description-ck img{max-width: 100%; height: auto !important;}


.searchpage{padding: 35px 15px; margin: 30px auto; background-color: #fff !important;}
.searchpage-header{border-bottom: 1px solid #dfdfdf; padding-bottom: 20px;}

.searchpage-box{border-bottom: 1px solid #dfdfdf; padding:20px 0; }
.searchpage-box-header{margin-top: 15px;}
.searchpage-box-header h4{border-bottom: 1px dotted #257817; color: #257817; margin-bottom: 15px; padding-bottom: 15px; display: inline-block; }
.searchpage-box-footer{text-align: left;}
.searchpage-box-footer a{text-decoration: none; color: #616161; font-size: 14px; font-weight: 400; }
.searchpage-box-footer a span{margin: 0 8px 0 6px; font-weight: 700;}

.searchpage-box-item{margin-bottom: 15px;}
.searchpage-box-item a{text-decoration: none;}
.searchpage-box-item-left{width: 25%; height: 100px; float: right; border: 1px solid #dfdfdf; padding: 4px;}
.searchpage-box-item-left img{width: 100%; height: 100%; }
.searchpage-box-item-right{width: 75%; height: 100px; float: right; padding:5px 15px;}
.searchpage-box-item-right h4{max-height: 60px; line-height: 20px; overflow: hidden; color: #616161; font-size: 14px; font-weight: 400;}
.searchpage-box-item-right h5{height: 20px; line-height: 20px; overflow: hidden; color: #616161; font-size: 14px; font-weight: 400;}







.panel-comment-box{position: relative; color: #f00;}
.panel-comment-link{color: #ec0a0a !important; background-color: #cfcfcf; border-radius: 5px; padding: 5px 15px;}
.panel-comment-link span{margin-right: 1px;}
.panel-comment-box{position: absolute; top: 37px; left: 5px; background-color: #cfcfcf !important; width: auto; height: auto; z-index: 100; min-width: 275px; text-align: right;border-radius: 5px; padding: 10px 0; display: none;
    max-height: 165px; overflow: auto;}
.panel-comment-box a{ display:block; width: 100%; height: auto; line-height: 20px; padding: 5px 15px; }
.panel-comment-box a:first-child{  }
.panel-comment-box a span{float: left; }
.panel-comment-box a:hover{background-color: #afafaf;color: #fff;}