/*------------------------------------------------------------------
Project:  
Version:  
Last change:  
Assigned to:  Le Xuan Bach
Primary use:  Company
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[LAYOUT]

* body
  + Header / header
  + Page Content / .page-content .name-page
        + Section Layouts / section .name-section
        ...
  + Footer / footer

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[COLOR CODES]

# Text Color      :  
# Primary Color 01:  
# Primary Color 02:   
# Primary Color 03:  

------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TYPOGRAPHY]

Body            : 16px/1.6 '', Arial, sans-serif;
Title           : 18px/1.6 '', Arial, sans-serif;
Paragrap        : 18px/1.6 '', Arial, sans-serif;
Input, textarea : 14px/1.6 '', Arial, sans-serif;
-------------------------------------------------------------------*/



/*[ FONT ]
///////////////////////////////////////////////////////////
*/

/*@font-face {
  font-family: Vazir;
  src: url('../fonts/montserrat/Vazir.ttf'); 
}*/

/*@font-face {
  font-family: Vazir;
  src: url('../fonts/montserrat/Vazir.ttf'); 
}*/

/*@font-face {
  font-family: Vazir;
  src: url('../fonts/montserrat/Vazir.ttf'); 
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/montserrat/Vazir.ttf'); 
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/montserrat/Vazir.ttf'); 
}*/

/*@font-face {
  font-family: Vazir;
  src: url('../fonts/Vazir-Free-v1.0.0/WebFont/Vazir-Free.ttf'); 
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/poppins/Vazir.ttf'); 
}

@font-face {
  font-family: Vazir;
  src: url('../fonts/poppins/Vazir.ttf');
}*/

/*@font-face { font-family: 'Vazir'; src: url('../fonts/Vazir-persian-digits-overwrite.eot'); src: local('b Vazir-persian-digits-overwrite'), url('../fonts/Vazir-persian-digits-overwrite.eot?#') format('eot'), url('../fonts/Vazir-persian-digits-overwrite.woff') format('woff'), url('../fonts/Vazir-persian-digits-overwrite.ttf') format('truetype'), url('../fonts/Vazir-persian-digits-overwrite.svg') format('svg'); font-weight: normal; font-style: normal; }*/
@font-face { font-family: 'Vazir'; src: url('../fonts/IRANSansWeb_Medium.eot'); src: local('b IRANSansWeb_Medium'), url('../fonts/IRANSansWeb_Medium.eot?#') format('eot'), url('../fonts/IRANSansWeb_Medium.woff') format('woff'), url('../fonts/IRANSansWeb_Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; }
/*@font-face { font-family: 'Vazir'; src: url('../fonts/Iransans-Light.eot'); src: local('b Iransans-Light'), url('../fonts/Iransans-Light.eot?#') format('eot'), url('../fonts/Iransans-Light.woff') format('woff'), url('../fonts/Iransans-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/



/*[ RESTYLE TAG ]
///////////////////////////////////////////////////////////
*/
* { margin: 0px; padding: 0px; box-sizing: border-box; }

body, html { height: 100%; font-family: Vazir, sans-serif; font-weight:normal; /*font-weight: 400;*/ }

.dir-rtl { direction: rtl !important; }
.dir-ltr { direction: ltr !important; }

.clearBoth { clear: both; content: "."; display: block; visibility: hidden; }
/* ------------------------------------ */
a { font-family: Vazir; color: #666666; margin: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; }

    a:focus { outline: none !important; }

    a:hover { text-decoration: none; color: #e65540; }

/* ------------------------------------ */
h1, h2, h3, h4, h5, h6 { margin: 0px; }

p { font-family: Vazir; font-size: 15px; line-height: 1.7; color: #888888; margin: 0px; }

ul, li { margin: 0px; list-style-type: none; }


/* ------------------------------------ */
/*input { outline: none; border: none !important; }*/

textarea { outline: none; }

/* textarea:focus, input:focus {
  border-color: transparent !important;
} */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
input:focus::-moz-placeholder { color: transparent; }
input:focus:-ms-input-placeholder { color: transparent; }

textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; }
textarea:focus::-moz-placeholder { color: transparent; }
textarea:focus:-ms-input-placeholder { color: transparent; }

/* ------------------------------------ */
button { outline: none !important; border: none; background: transparent; }
    button:hover { cursor: pointer; }

input[type="submit"]{border:0;}

iframe { border: none !important; }


/* ------------------------------------ */
.container { max-width: 1200px; }

.slick-slide { outline: none !important; }




/*[ LOADDING ]
///////////////////////////////////////////////////////////
*/
.animsition-loading-1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

[data-loader='ball-scale'] { width: 50px; height: 50px; -webkit-animation: ball-scale infinite linear .75s; -moz-animation: ball-scale infinite linear .75s; -o-animation: ball-scale infinite linear .75s; animation: ball-scale infinite linear .75s; border-radius: 100%; background-color: #e65540; }

@-webkit-keyframes ball-scale {
    0% { -webkit-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); opacity: 1; }

    100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; }
}

@-moz-keyframes ball-scale {
    0% { -webkit-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); opacity: 1; }

    100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; }
}

@-o-keyframes ball-scale {
    0% { -webkit-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); opacity: 1; }

    100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; }
}

@keyframes ball-scale {
    0% { -webkit-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); opacity: 1; }

    100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; }
}

/*[ BACK TO TOP ]
///////////////////////////////////////////////////////////
*/
.btn-back-to-top { display: none; position: fixed; width: 40px; height: 40px; bottom: 40px; right: 40px; background-color: black; opacity: 0.5; justify-content: center; align-items: center; z-index: 1000; border-radius: 4px; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; }

.symbol-btn-back-to-top { font-size: 22px; color: white; line-height: 1em; }

.btn-back-to-top:hover { opacity: 1; cursor: pointer; }

@media (max-width: 576px) {
    .btn-back-to-top { bottom: 15px; right: 15px; }
}

/*[ Restyle Select2 ]
///////////////////////////////////////////////////////////
*/
/* Select2 */
.select2-container { display: block; max-width: 100% !important; width: 60px !important; text-align: right; }

    .select2-container .select2-selection--single { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; background-color: transparent; border: none; height: 20px; outline: none; position: relative; }

        /* in select */
        .select2-container .select2-selection--single .select2-selection__rendered { font-size: 13px; font-family: Vazir; line-height: 20px; color: #888888; padding-left: 0px; background-color: transparent; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; top: 50%; transform: translateY(-50%); right: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; }

.select2-selection__arrow b { display: none; }

.select2-selection__arrow:after { content: ''; display: block; width: 5px; height: 5px; background-color: transparent; border-right: 1px solid #888888; border-bottom: 1px solid #888888; color: white; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: 2px; margin-right: 8px; }

/* dropdown option */
.select2-container--open .select2-dropdown { z-index: 1251; border: 1px solid #e5e5e5; border-radius: 0px; background-color: white; }

.select2-container .select2-results__option[aria-selected] { padding-top: 5px; padding-bottom: 5px; }

.select2-container .select2-results__option[aria-selected="true"] { background-color: #e65540; color: white; }

.select2-container .select2-results__option--highlighted[aria-selected] { background-color: #e65540; color: white; }

.select2-results__options { font-size: 13px; font-family: Vazir; color: #888888; }

.select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: none; font-family: Vazir; font-size: 13px; color: #888888; }

/*[ rs1-select2 ]
-----------------------------------------------------------
*/
.rs1-select2 .select2-container { margin-left: 26px; }

    .rs1-select2 .select2-container .select2-selection--single { height: 20px;; }

/*[ rs2-select2 ]
-----------------------------------------------------------
*/
.rs2-select2 .select2-container .select2-selection--single { background-color: white; height: 50px; }

    .rs2-select2 .select2-container .select2-selection--single .select2-selection__rendered { line-height: 20px; color: #555555; padding-left: 22px; }

.rs2-select2 .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px; }

#dropDownSelect2 .select2-results__options { color: #555555; }

#dropDownSelect2 .select2-search--dropdown .select2-search__field { color: #555555; }



/*[ rs3-select2 ]
-----------------------------------------------------------
*/
.rs3-select2 .select2-container .select2-selection--single { height: 45px; }

.rs3-select2 .select2-selection__arrow b { display: block; }

.rs3-select2 .select2-selection__arrow:after { display: none; }

/*[ rs4-select2 ]
-----------------------------------------------------------
*/
.rs4-select2 .select2-container .select2-selection--single { height: 40px; }

    .rs4-select2 .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px; }

.rs4-select2 .select2-container--default .select2-selection--single .select2-selection__arrow { right: 5px; }


/*[ Header ]
///////////////////////////////////////////////////////////
*/
.header1 { height: 125px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.fixed-header { height: 110px; }


/*[ Header Desktop ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.container-menu-header { width: 100%; top: 0; left: 0; position: fixed;  box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); z-index:1100 }

/*[ Top bar ]
===========================================================*/
.topbar { height: 80px;/* background-color: #f5f5f5;*/ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; }


/* ------------------------------------ */

.topbar-social { position: absolute; height: 100%; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; /*align-items: center;*/ padding-left: 100px/*40px*/; }

.topbar-social-item { font-size: 14px/*18px*/; color: #888888; /*padding: 10px;*/vertical-align: middle; }

/* ------------------------------------ */
.topbar-email,
.topbar-child1 { font-family: Vazir; font-size: 13px; color: #888888; line-height: 1.7; }

/* ------------------------------------ */
.topbar-child2 { position: absolute; height: 100%; top: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; padding-right: 38px; }


/*[ Menu ]
===========================================================*/
.wrap_header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; padding-right: 38px; padding-left: 38px; /*height: 65px;*/ /*background-color: #f5f5f5*/ /*white*/; /*justify-content: center;*/ text-align: right; direction: rtl; align-items: center; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.fixed-header .wrap_header { height: 65px; background-color: #f5f5f5 !important; }


/*[ Logo ]
-----------------------------------------------------------*/
.logo { display: block; position: absolute; right: 52px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

    .logo img { max-height: 75px; }


/*[ Menu ]
-----------------------------------------------------------*/
.main_menu { list-style-type: none; margin: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

    .main_menu > li { display: block; position: relative; padding-top: 10px;  padding-bottom: 10px; padding-left: 7px; padding-right: 7px; }

        .main_menu > li > a { font-family: Vazir; font-size: 14px; color: #666666; padding: 0; border-bottom: 1px solid transparent; }

li.sale-noti > a { color: #e65540; }

.main_menu > li:hover > a { text-decoration: none; border-bottom: 2px solid #e30613/*#333333*/; }

.main_menu li { position: relative; }

.main_menu > li:hover > .sub_menu { visibility: visible; opacity: 1; }

.sub_menu { list-style-type: none; position: absolute; z-index: 1100; top: 0; left: 100%; width: 225px; background-color: #3f3f3f/*222222*/; opacity: 0; visibility: hidden; padding-top: 10px; padding-bottom: 10px; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; }

.main_menu > li > .sub_menu { top: 98%/*100%*/; right: 0; position: absolute; }

.sub_menu li:hover > .sub_menu { visibility: visible; opacity: 1; }

.sub_menu li { transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; }

.sub_menu li, .sub_menu a { padding: 10px; font-family: Vazir; font-size: 13px; color: white; }

.sub_menu > li:hover > a { color: #e30613/*e65540*/; text-decoration: none; }

/* ------------------------------------ */
.header-icons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: absolute; right: 52px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); direction: rtl; font-size: 10pt; }

    .header-icons img { margin-left: 10px; }
.header-wrapicon1,
.header-wrapicon2 { /*height: 25px;*/ /*position: relative;*/ }

    .header-wrapicon1 img,
    .header-wrapicon2 img { height: 100%; }

.header-icon1:hover,
.header-icon2:hover { cursor: pointer; }

.header-icons-noti { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 50%; background-color: #111111; color: white; font-family: Vazir; font-size: 12px; position: absolute; top: 0; right: -10px; }

.linedivide1 { display: block; height: 20px; width: 1px; background-color: #e5e5e5; margin-left: 10px; margin-right: 10px; margin-top: 5px; }

/*[ Header cart ]
-----------------------------------------------------------
*/
.header-cart { position: absolute; z-index: 1100; width: 300px; top: 60px/*190%*/; /*right: -10px;*/ padding: 20px; border-top: 3px solid #e6e6e6; background-color: white; box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1); transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transform-origin: top right; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
@media (min-width: 993px) {
    .header-cart {left:90px;}
}
@media (max-width: 992px) {
    .header-cart {right: -10px;}
}

.show-header-dropdown { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.fixed-header .header-cart { top: 160%; }

.header-cart-wrapitem { /*max-height: 270px;*/ overflow: auto; }

.header-cart-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 5px; padding-top: 5px; }
    .header-cart-item .fa { padding-left: 5px; color: #888888; }

/* ------------------------------------ */
.header-cart-item-img { width: 80px; position: relative; margin-right: 20px; }

    .header-cart-item-img img { width: 100%; }

    .header-cart-item-img::after { content: '\e870'; font-family: Vazir; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); color: white; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0; }

    .header-cart-item-img:hover:after { cursor: pointer; opacity: 1; }

/* ------------------------------------ */
.header-cart-item-txt { width: calc(100% - 100px); }

.header-cart-item-name { display: block; font-family: Vazir; font-size: 15px; color: #555555; line-height: 1.3; margin-bottom: 12px; }

.header-cart-item-info { display: block; font-family: Vazir; font-size: 12px; color: #888888; line-height: 1.5; }

.header-cart-total { font-family: Vazir; font-size: 15px; color: #555555; line-height: 1.3; text-align: right; padding-top: 15px; padding-bottom: 25px; padding-right: 3px; }
/* ------------------------------------ */
.header-cart-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.header-cart-wrapbtn { width: calc((100% - 10px) / 2); }





/*[ Header Mobile ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.wrap_header_mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 80px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; background-color: white; display: none; }

/*[ Logo mobile ]
-----------------------------------------------------------*/
.logo-mobile { display: block; }

    .logo-mobile img { max-height: 50px; }

/*[ btn show menu ]
-----------------------------------------------------------*/
.btn-show-menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; align-items: center; }

.hamburger { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); margin-top: 5px; }


/*[ Header icon mobile ]
-----------------------------------------------------------*/
.header-icons-mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; /*margin-right: 15px;*/ }
.linedivide2 { display: block; height: 20px; width: 1px; margin-left: 10px; margin-right: 10px; margin-top: 5px; }

.header-icons-mobile .header-cart { width: 200px/*300px*/; top: 80px/*190%*/; right: 80px/*-80px*/; z-index: 1100; transform-origin: top right; }

/*[ Menu mobile ]
-----------------------------------------------------------*/
.wrap-side-menu { width: 100%; background-color: white; display: none; border-top: 1px solid #ececec; }

.side-menu { width: 100%; }

    .side-menu li { list-style-type: none; }

    .side-menu .main-menu { margin-bottom: 0; }

.item-menu-mobile { background-color: #4f4f4f/*#e30613*/; text-align: right; padding-right: 10px; }

.side-menu .main-menu > li > a { padding-left: 20px; font-family: Vazir; font-size: 15px; color: white; line-height: 2.86; }

.side-menu .main-menu > li { color: white; position: relative; }


.side-menu .main-menu .arrow-main-menu { font-size: 14px; position: absolute; left: 20px; top: 5px; padding: 10px; -webkit-transition: all 0.4s !important; -o-transition: all 0.4s !important; -moz-transition: all 0.4s !important; transition: all 0.4s !important; }

    .side-menu .main-menu .arrow-main-menu:hover { cursor: pointer; }

.turn-arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.side-menu .sub-menu a { padding-left: 20px; font-family: Vazir; font-size: 13px; color: #333333; line-height: 2.5; }

.side-menu .sub-menu > li { padding-right: 12px; }

.side-menu .sub-menu a:hover { text-decoration: none; padding-left: 20px; color: #e65540 !important; }

.side-menu .sub-menu { background-color: white; display: none; }

@media (min-width: 992px) {
    .wrap-side-menu { display: none; }
}

/* ------------------------------------ */
.item-topbar-mobile { border-bottom: 1px solid #ececec; }

.topbar-child2-mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; }

.topbar-social-moblie { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; }


/*[ Header2 ]
///////////////////////////////////////////////////////////
*/
.topbar2 { background-color: #fff; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; }

/* ------------------------------------ */
.logo2 { display: block; }

    .logo2 img { max-height: 27px; }

.fixed-header2 { z-index: 1300; position: fixed; height: 65px; left: 0; top: -70px; visibility: hidden; box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); }

    .fixed-header2 .header-cart { top: 160%; }

.show-fixed-header2 { visibility: visible; top: 0px; }


/*[ Header3 ]
///////////////////////////////////////////////////////////
*/
.container-menu-header-v3 { position: fixed; z-index: 1200; top: 0; left: 0; background-color: #fff; width: 320px; height: 100vh; border-right: 1px solid #e5e5e7; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: wrap; }

    /*[ Menu ]
===========================================================*/
    .container-menu-header-v3 .wrap_header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; background-color: white; }


    /*[ Logo ]
-----------------------------------------------------------*/
    .container-menu-header-v3 .logo3 { display: block; }

        .container-menu-header-v3 .logo3 img { max-width: 120px; }

    /*[ Header Icon ]
-----------------------------------------------------------*/
    .container-menu-header-v3 .header-icons3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; position: unset; }

    /*[ Header cart ]
-----------------------------------------------------------
*/
    .container-menu-header-v3 .header-cart { left: -10px; transform-origin: top left; }

    /*[ Menu ]
-----------------------------------------------------------*/
    .container-menu-header-v3 .main_menu { list-style-type: none; margin: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; flex-direction: column; }

        .container-menu-header-v3 .main_menu > li { padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; text-align: center; }

    .container-menu-header-v3 .sub_menu { top: 0; left: 100%; }

    .container-menu-header-v3 .main_menu > li > .sub_menu { top: 10px; left: 95%; }

    .container-menu-header-v3 .sub_menu li { text-align: left; }

    .container-menu-header-v3 .topbar-social-item { padding: 10px 8px; }


/*[ Page sidebar ]
-----------------------------------------------------------
*/
.container1-page { margin-left: 320px; }

@media (max-width: 992px) {
    .wrap_header_mobile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex !important; }
    .wrap_header { display: none; }

    .container-menu-header-v3,
    .container-menu-header-v2,
    .container-menu-header { display: none; }

    .top-bar { display: none; }
    header { height: auto !important; }

    .container1-page { margin-left: 0px; }
}



/*[ Slide1 ]
///////////////////////////////////////////////////////////
*/

/*[ Slick1 ]
-----------------------------------------------------------
*/
.wrap-slick1 { position: relative; }

.item-slick1 { height: 570px; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.arrow-slick1 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 18px; color: white; position: absolute; background-color: black; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; z-index: 200; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }

.wrap-slick1:hover .arrow-slick1 { opacity: 0.5; }

.arrow-slick1:hover { background-color: #e65540; }

.next-slick1 { right: 50px; left: auto; }

.prev-slick1 { left: 50px; right: auto; }

@media (max-width: 576px) {
    .next-slick1 { right: 15px; }

    .prev-slick1 { left: 15px; }
}

/*[ Caption ]
-----------------------------------------------------------
*/
@media (max-width: 992px) {
    .wrap-content-slide1 .xl-text2 { font-size: 60px; }
}

@media (max-width: 768px) {
    .wrap-content-slide1 .xl-text3,
    .wrap-content-slide1 .xl-text2,
    .wrap-content-slide1 .xl-text1 { font-size: 50px; }

    .wrap-content-slide1 .m-text27,
    .wrap-content-slide1 .m-text1 { font-size: 16px; }

    .item-slick1 { height: 470px; }
}

@media (max-width: 576px) {
    .wrap-content-slide1 .xl-text3,
    .wrap-content-slide1 .xl-text2,
    .wrap-content-slide1 .xl-text1 { font-size: 40px; }

    .wrap-content-slide1 .m-text27,
    .wrap-content-slide1 .m-text1 { font-size: 16px; }

    .item-slick1 { height: 370px; }
}

/*[ rs1-slick1 ]
-----------------------------------------------------------
*/
.rs1-slick1 .item-slick1 { height: 100vh; }

@media (max-width: 992px) {
    .rs1-slick1 .item-slick1 { height: calc(100vh - 85px); }
}




/*[ Slide2 ]
///////////////////////////////////////////////////////////
*/

/*[ Slick2 ]
-----------------------------------------------------------
*/
.wrap-slick2 { position: relative; /*margin-right: -15px; margin-left: -15px;*/ }
/* ------------------------------------ */
.arrow-slick2 { position: absolute; z-index: 100; top: calc((100% /*- 70px*/) / 2); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 39px; color: #cccccc; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
    .arrow-slick2:hover { color: #666666; }

.next-slick2 { right: -30px; }

.prev-slick2 { left: -30px; }


@media (max-width: 1280px) {
    .next-slick2 { right: 0px; }
    .prev-slick2 { left: 0px; }
}

@media (max-width: 1610px) {
    .rs1-slick2 .next-slick2 { right: 0px; }
    .rs1-slick2 .prev-slick2 { left: 0px; }
}


/*[ slick5 ]
-----------------------------------------------------------
*/
.wrap-slick5 { position: relative; /*margin-right: -15px; margin-left: -15px;*/ }
/* ------------------------------------ */
.arrow-slick5 { position: absolute; z-index: 100; top: -25px;/*calc((100% - 70px) / 2);*/ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px/*39px*/; color: #cccccc; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; border:1px solid #cccccc; padding-right:5px; padding-left:5px;}
    .arrow-slick5:hover { color: #666666; }

.next-slick5 { left: 35px/*right: -30px;*/ }

.prev-slick5 { left: 15px;/*-30px;*/ }

.slick5-img{/*max-width:60%;*/ max-height:77px;}

@media (min-width:768px) and (max-width:950px){
.exchange-icon{ top:40px;}
.slick5-img{max-height:50px;}
}

/*[ slick6 ]
-----------------------------------------------------------
*/
.wrap-slick6 { position: relative; /*margin-right: -15px; margin-left: -15px;*/ }
/* ------------------------------------ */
.arrow-slick6 { position: absolute; z-index: 100; top: calc((100% /*- 70px*/) / 2); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 39px; color: #cccccc; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
    .arrow-slick6:hover { color: #666666; }

.next-slick6 { right: -30px; }

.prev-slick6 { left: -30px; }


@media (max-width: 1280px) {
    .next-slick6 { right: 0px; }
    .prev-slick6 { left: 0px; }
}

@media (max-width: 1610px) {
    .rs1-slick6 .next-slick6 { right: 0px; }
    .rs1-slick6 .prev-slick6 { left: 0px; }
}

/*[ slick7 ]
-----------------------------------------------------------
*/
.wrap-slick7 { position: relative; /*margin-right: -15px; margin-left: -15px;*/ }
/* ------------------------------------ */
.arrow-slick7 { position: absolute; z-index: 100; top: calc((100% /*- 70px*/) / 2); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 39px; color: #cccccc; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
    .arrow-slick7:hover { color: #666666; }

.next-slick7 { right: -30px; }

.prev-slick7 { left: -30px; }


@media (max-width: 1280px) {
    .next-slick7 { right: 0px; }
    .prev-slick7 { left: 0px; }
}

@media (max-width: 1610px) {
    .rs1-slick7 .next-slick7 { right: 0px; }
    .rs1-slick7 .prev-slick7 { left: 0px; }
}

.w-10{width:10%;}
.w-18{width:18%;}
.w-30{width:30%;}
.w-35{width:35%;}
.w-40{width:40%;}
.w-45{width:45%;}
.w-55{width:55%;}
.w-60{width:60%;}
.w-70{width:70%;}
.w-90{width:90%}
.w-15-p {width:15px;}

.exchange-icon{ top:70px; position:absolute; color:red; z-index:1000; width:100%; transform: rotate(-45deg);}


/*[ rs Sweetalert ]
///////////////////////////////////////////////////////////
*/
.swal-overlay { overflow-y: auto; }

.swal-icon--success { border-color: #66a8a6; }

.swal-icon--success__line { background-color: #66a8a6; }

.swal-icon--success__ring { border: 4px solid rgba(102, 168, 166, 0.2); }

.swal-button:focus { outline: none; box-shadow: none; }

.swal-button { background-color: #e65540; font-family: Vazir; font-size: 15px; color: white; text-transform: uppercase; font-weight: unset; border-radius: 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

    .swal-button:hover { background-color: #333333; }

    .swal-button:active { background-color: #e65540; }

.swal-title { font-family: Vazir; color: #333333; font-size: 16px; line-height: 1.5; padding: 0 15px; }

.swal-text { font-family: Vazir; color: #333333; font-size: 15px; text-align: center; }

.swal-footer { margin-top: 0; }


/*[ Block1 ]
///////////////////////////////////////////////////////////
*/
.block1-wrapbtn { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1); }


/*[ Block2 ]
///////////////////////////////////////////////////////////
*/
.block2-labelsale::before,
.block2-labelnew::before { z-index: 100; font-family: Vazir; font-size: 12px; color: white; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 50px; height: 22px; border-radius: 11px; position: absolute; top: 12px; left: 12px; }

.block2-labelsale::before { background-color: #e65540; content: 'Sale'; }

.block2-labelnew::before { background-color: #66a8a6; content: 'New'; }

/* ------------------------------------ */
.block2-overlay { position: absolute; width: 100%; height: 100%; top: 0/*-5px*/; left: 0; background-color: rgba(0,0,0,0.3); opacity: 0; }

    .block2-overlay .btn-danger { width: 34px !important; height: 30px !important; font-size: 4.8pt !important; padding:3px 0 0 0 !important }
/* ------------------------------------ */
.block2-btn { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -45px; }

/* ------------------------------------ */
.block2-btn-towishlist,
.block2-btn-addwishlist, .devicveBanner { display: block; position: absolute; top: 20px; right: 10px; color: white; line-height: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

    .block2-btn-addwishlist:hover,.devicveBanner:hover { color: white; }
    
    .block2-btn-addwishlist .icon-wishlist,
    .block2-btn-towishlist .icon-wishlist { line-height: 0; }

    .block2-btn-addwishlist:hover .icon_heart_alt { display: none; }

    .block2-btn-addwishlist:hover .icon_heart { display: block; }
    .block2-btn-addwishlist div, .devicveBanner div { font-size: 9pt; padding: 13px 10px 10px 10px/*10px*/; background: #e30613/*rgba(230,85,64,0.9)*/; -o-background: #e30613/*rgba(230,85,64,0.9)*/; -ms-background: #e30613/*rgba(230,85,64,0.9)*/; -webkit-background: #e30613/*rgba(230,85,64,0.9)*/; height: 27px; border-radius: 30px; -ms-border-radius: 30px; -webkit-border-radius: 30px; margin-bottom: 4px; }
        .block2-btn-addwishlist div.city , .devicveBanner div.city{ background: rgba(102,168,166,0.9); -ms-background: rgba(102,168,166,0.9); -webkit-background: rgba(102,168,166,0.9); text-align: center; margin-bottom:7px;}

    /* ------------------------------------ */
    .block2-btn-towishlist .icon_heart_alt { display: none; }

    .block2-btn-towishlist .icon_heart { display: block; color: #e65540; }

/* ------------------------------------ */
.block2-overlay:hover { opacity: 1; }

    .block2-overlay:hover .block2-btn { bottom: 20px; }

    .block2-overlay:hover .block2-btn-addwishlist,
    .block2-overlay:hover .block2-btn-towishlist,
    .block2-overlay:hover .devicveBanner
    { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.block2 { min-height: 230px/*320px*/; }
.block2-img { height: /*250px*/170px !important; overflow: hidden; }
.block2-img .img{ height: 170px !important; background-position:center; background-size:cover}
/*[ Block4 ]
///////////////////////////////////////////////////////////
*/
.block4 { position: relative; overflow: hidden; width: calc(100% / 5); }

@media (max-width: 1360px) {
    .block4 { width: calc(100% / 4); }
}

@media (max-width: 1200px) {
    .block4 { width: calc(100% / 3); }
}

@media (max-width: 992px) {
    .block4 { width: calc(100% / 2); }
}

@media (max-width: 576px) {
    .block4 { width: calc(100% / 1); }
}

/* ------------------------------------ */
@media (max-width: 1660px) {
    .rs1-block4 .block4 { width: calc(100% / 5); }
}

@media (max-width: 1380px) {
    .rs1-block4 .block4 { width: calc(100% / 4); }
}

@media (max-width: 1200px) {
    .rs1-block4 .block4 { width: calc(100% / 3); }
}

@media (max-width: 576px) {
    .rs1-block4 .block4 { width: calc(100% / 1); }
}

/* ------------------------------------ */
.block4-overlay { display: block; background-color: rgba(0,0,0,0.3); visibility: hidden; opacity: 0; }

    .block4-overlay:hover { color: unset; }

/* ------------------------------------ */
.block4-overlay-txt { position: absolute; width: 100%; left: 0; bottom: -100%; }

/* ------------------------------------ */
.block4-overlay-heart { transform-origin: top left; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

/* ------------------------------------ */
.block4:hover .block4-overlay { visibility: visible; opacity: 1; }

.block4:hover .block4-overlay-txt { bottom: 0; }

.block4:hover .block4-overlay-heart { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }


/*[ BG Title Page ]
///////////////////////////////////////////////////////////
*/
.bg-title-page { width: 100%; max-height:90px;/*min-height: 239px;*/padding-top:60px; padding-left: 15px; padding-right: 15px; background-repeat: no-repeat; background-position: center 0; background-size: cover; background-image: url(../../Contents/images/heading-pages-06.jpg);}

@media (max-width: 576px) {
    .bg-title-page .l-text2 { font-size: 20px/*35px*/; }
    .bg-title-page .m-text13 { font-size: 16px; }
}

/*[ rs NoUI ]
///////////////////////////////////////////////////////////
*/
.leftbar #filter-bar { margin-right: 6px; margin-left: 6px; height: 4px; border: none; background-color: #e1e1e1; }
    .leftbar #filter-bar .noUi-connect { background-color: #c5c5c5; border: none; box-shadow: none; }
    .leftbar #filter-bar .noUi-handle { width: 13px; height: 13px; left: -6px; top: -5px; border: none; border-radius: 50%; background: #999999; cursor: pointer; box-shadow: none; outline: none; }
        .leftbar #filter-bar .noUi-handle:before { display: none; }
        .leftbar #filter-bar .noUi-handle:after { display: none; }

/*[ Filter Color ]
///////////////////////////////////////////////////////////
*/
.color-filter1 { background-color: #00bbec; }
.color-filter2 { background-color: #2c6ed5; }
.color-filter3 { background-color: #ffa037; }
.color-filter4 { background-color: #ff5337; }
.color-filter5 { background-color: #a88c77; }
.color-filter6 { background-color: #393939; }
.color-filter7 { background-color: #cccccc; }
.color-green { color: #337e0a; }
.color-red { color: #e30613; }
.color-blue { color: #1b75bc; }
.color-white, .color-white:hover{ color: #ffffff;}
.color-gold, .color-gold a { color: #fbe679 !important; }
.color-gray{color:#666666}

.checkbox-color-filter { display: none; }

.color-filter { display: block; width: 25px; height: 25px; cursor: pointer; border-radius: 50%; }

.checkbox-color-filter:checked + .color-filter { box-shadow: 0 0 0px 2px black; -moz-box-shadow: 0 0 0px 2px black; -webkit-box-shadow: 0 0 0px 2px black; -o-box-shadow: 0 0 0px 2px black; -ms-box-shadow: 0 0 0px 2px black; }

/*[ Pagination ]
///////////////////////////////////////////////////////////
*/
.pagination { margin-right: -6px; margin-left: -6px; }

.item-pagination { font-family: Vazir; font-size: 13px; color: #808080; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #eeeeee; margin: 6px; }

    .item-pagination:hover { background-color: #222222; color: white; }

.active-pagination { background-color: #222222; color: white; }


/*[ Slick3 ]
///////////////////////////////////////////////////////////
*/

.wrap-slick3-dots { width: 14.5%; }

.slick3 { width: 80.64%; }

.slick3-dots li { display: block; position: relative; width: 100%; margin-bottom: 15px; }

    .slick3-dots li img { width: 100%; }

.slick3-dot-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; border: 3px solid transparent; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }

    .slick3-dot-overlay:hover { border: 3px solid #888888; }

.slick3-dots .slick-active .slick3-dot-overlay { border: 3px solid #888888; }


/*[ Dropdown content ]
///////////////////////////////////////////////////////////
*/
.show-dropdown-content .down-mark { display: block; }

.show-dropdown-content .up-mark { display: none; }


/*[ Cart ]
///////////////////////////////////////////////////////////
*/
/*[ Table ]
-----------------------------------------------------------
*/
.wrap-table-shopping-cart { overflow: auto; }

.container-table-cart::before { content: ''; display: block; position: absolute; width: 1px; height: calc(100% - 51px); background-color: #e6e6e6; top: 51px; left: 0; }

.container-table-cart::after { content: ''; display: block; position: absolute; width: 1px; height: calc(100% - 51px); background-color: #e6e6e6; top: 51px; right: 0; }

.table-shopping-cart { border-collapse: collapse; width: 100%; /*min-width: 992px;*/ }

    .table-shopping-cart .table-row { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

    .table-shopping-cart .column-1 { width: 225px; padding-left: 50px; }
    .table-shopping-cart .column-2 { width: 330px; padding-right: 30px; }
    .table-shopping-cart .column-3 { width: 133px; padding-right: 30px; }
    .table-shopping-cart .column-4 { width: 355px; padding-right: 30px; }
    .table-shopping-cart .column-5 { padding-right: 30px; }

    .table-shopping-cart .table-head th { font-family: Vazir; font-size: 13px; color: #555555; line-height: 1.5; text-transform: uppercase; padding-top: 16px; padding-bottom: 16px; }

    .table-shopping-cart td { font-family: Vazir; font-size: 16px; color: #555555; line-height: 1.5; padding-top: 37px; padding-bottom: 30px; }

    .table-shopping-cart .table-row .column-2 { font-size: 15px; }


/* ------------------------------------ */
.cart-img-product { width: 90px; position: relative; }

    .cart-img-product img { width: 100%; }

    .cart-img-product::after { content: '\e870'; font-family: Vazir; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); color: white; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0; }

    .cart-img-product:hover:after { cursor: pointer; opacity: 1; }


/*[ Tags ]
///////////////////////////////////////////////////////////
*/
.wrap-tags { margin-right: -3px; margin-left: -3px; }

.tag-item { display: block; font-family: Vazir; font-size: 13px; color: #888888; line-height: 1.5; padding: 5px 15px; border: 1px solid #cccccc; border-radius: 15px; margin: 3px; }

    .tag-item:hover { border: 1px solid #e65540; }


/*[ tab01 ]
///////////////////////////////////////////////////////////
*/
.tab01 .nav-tabs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff; border-bottom: none; margin-right: -15px; margin-left: -15px; }

    .tab01 .nav-tabs .nav-item { padding: 8px 16px; }

.tab01 .nav-link { padding: 0; border-radius: 0px; border: none; border-bottom: 1px solid transparent; font-family: Vazir; font-size: 15px; color: #888888; line-height: 1.1; }

    .tab01 .nav-link.active { color: #333333; border-bottom: 1px solid #6a6a6a; }

    .tab01 .nav-link:hover { color: #333333; border-bottom: 1px solid #6a6a6a; }

@media (max-width: 480px) {
    .tab01 .nav-tabs .nav-item { padding: 8px 6px; }

    .tab01 .nav-tabs { margin-right: -6px; margin-left: -6px; }
}


/*[ Modal video 01 ]
///////////////////////////////////////////////////////////
*/
body { padding-right: 0px !important; }

.modal { padding: 0px !important; z-index: 1360; overflow-x: hidden; overflow-y: auto !important; }
.modal-open { overflow-y: scroll;}

/* ------------------------------------ */
.modal-backdrop { background-color: transparent; }

#modal-video-01 { background-color: rgba(0,0,0,0.8); z-index: 1350; }

    #modal-video-01 .modal-dialog { max-width: 100%; height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; }

.wrap-video-mo-01 { width: 854px; height: auto; position: relative; margin: 15px; }

.video-mo-01 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition: all 2s; transition: all 2s; }

    .video-mo-01 iframe { width: 100%; height: 100%; }

.close-mo-video-01 { font-size: 50px; color: white; opacity: 0.6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1250; width: 60px; height: 60px; top: 0; right: 0; }

    .close-mo-video-01:hover { cursor: pointer; opacity: 1; }


/*[ Input NumProduct ]
///////////////////////////////////////////////////////////
*/
input.num-product { -moz-appearance: textfield; appearance: none; -webkit-appearance: none; }

    input.num-product::-webkit-outer-spin-button,
    input.num-product::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }


.frm-control { width: 100%; padding: 10px; margin-bottom: 20px; border: solid 1px rgba(0,0,0,0.2) !important; position: relative; max-width: 500px; background-color: transparent /*!important*/; border-radius: .25rem; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.frm-validator { font-size: 10pt; position: absolute; width: 100%; max-width: 500px; text-align: left; padding: 10px 10px 16px 10px; /*z-index: 10; left:10px;*/ background-color: #ffdada;}
    .frm-control.captcha, .frm-validator.captcha { max-width: 320px !important; }

/*@media (min-width:535px) and (max-width:575px) {
    .frm-validator {width: 94%;}
}

@media (min-width:460px) and (max-width:500px) {
    .frm-validator {width: 93%;}
}

@media (min-width:439px) and (max-width:459px) {
    .frm-validator {width: 92.5%;}
}

@media (min-width:409px) and (max-width:438px) {
    .frm-validator {width: 92%;}
}

@media (min-width:400px) and (max-width:437px) {
    .frm-validator {width: 91.5%;}
}

@media (min-width:370px) and (max-width:399px) {
    .frm-validator {width: 91%;}
}

@media (min-width:354px) and (max-width:369px) {
    .frm-validator {width: 90.5%;}
}

@media (min-width:347px) and (max-width:353px) {
    .frm-validator {width: 90.5%;}
}

@media (min-width:338px) and (max-width:346px) {
    .frm-validator {width: 89.5%;}
}

@media (max-width:337px) {
    .frm-validator {width: 89%;}
}*/

.color-text1 { color: #e65540; }

.nav-tabs {border-bottom-width:2px}
.nav-tabs li { margin-bottom: 11px; }
    .nav-tabs li a { padding: 10px 20px; /*border-top-right-radius: 15px; border-top-left-radius: 15px; -ms-border-top-right-radius: 15px; -ms-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; border: 1px solid #ddd; border-bottom: 0px;*/ margin-left: 5px;  }
        .nav-tabs li a.active { /*background-color: #e30613; color: #fff;*/ border-bottom:2px solid #e30613 }


.dropbtn:hover, .dropbtn:focus { background-color: #3e8e41; }
#myInput { border-box: box-sizing; background-position: 14px 12px; background-color: #fff; font-size: 12px; padding: 14px 20px 12px 45px; border: none; border-bottom: 1px solid #ddd; width: 100%; max-width: 500px; }
    #myInput:focus { outline: 3px solid #ddd; }
.Category { position: relative; margin-bottom: 20px; }
.CateDrContent { display: none; font-size: 10pt !important; width: 100%; max-width: 500px; position: absolute; background-color: #f6f6f6; overflow: auto; border: 1px solid #ddd; z-index: 1; max-height: 200px; overflow-x: hidden; }
    .CateDrContent a { color: #666; padding: 5px 20px 5px 5px; text-decoration: none; display: block; border-bottom: 1px solid #fff; }
    .CateDrContent p, .CateDrContent .mainCategory { font-weight: bold; color: #666; padding: 5px 10px 5px 5px; background-color: #eee; border-bottom: 1px solid #fff; }
    .CateDrContent .fa { font-size: 6pt; }
.dropdown a:hover { background-color: #ddd; }
.show { display: block; }

.AddImage { cursor: pointer; padding: 20px; border: 1px dashed #aaa; margin-top: 2%; margin-bottom: 2%; width: 120px; height: 100px; background-color: #eee; text-align: center; }
    .AddImage .fa { color: rgba(0,0,0,0.4) !important; font-size: 30pt; margin: auto; }


.SecondLevelRow { padding: 0px !important; background-color: #eee; }
.ChildRow { padding: 8px; }
.ChildCol { border-color: transparent !important; }

/*display: block; position: relative; max-width: 100%; margin: 0px auto 92px;*/ 
.amazingslider-wrapper { display:block;position:relative;max-width:600px;/*padding-left:128px; */padding-right:0px;margin:0px auto 0px;}
.amazingslider-1 { display: block; position: relative; margin: 0 auto; }
#deviceGallery .amazingslider-img-box-1{max-width:calc(100% - 110px); right:0; left:auto!important;}
#deviceGallery .amazingslider-arrow-left-1{left:110px!important;}

.Banner { font-size: 9pt; padding: 6px 10px !important; border-radius: 14px; -ms-border-radius: 14px; -webkit-border-radius: 14px; margin-bottom: 7px; position: absolute; right: 25px; color: white !important; direction: rtl; }
.redBanner { background: #e30613/*rgba(230,85,64,0.9)*/; -o-background: #e30613/*rgba(230,85,64,0.9)*/; -ms-background: #e30613/*rgba(230,85,64,0.9)*/; -webkit-background: #e30613/*rgba(230,85,64,0.9)*/; }
.cityBanner { top: 67px; background: rgba(102,168,166,0.9); -o-background: rgba(102,168,166,0.9); -ms-background: rgba(102,168,166,0.9); -webkit-background: rgba(102,168,166,0.9); padding: 5px 10px !important;}
.banner-min-w{min-width:70px;}

.top3 {top: 3px !important;}
.top35 {top: 35px;}
.top67 {top: 67px;}
.top93 {top: 93px;}
.top114 {top: 114px;}

.mainImg { max-width:95%; margin-right:auto; margin-left:auto;/*max-height:250px*/ }
    .detail-text {font-family: Vazir !important; font-size: 16px; color:#555 !important; text-align:justify; padding-bottom:25px;   }
.detail-text img { width: 80%; font-family: Vazir !important; font-size: 16px; }
.detail-text p { line-height: 30px !important; font-size: 16px !important; font-family: Vazir !important; }
.detail-text span { line-height: 30px !important; font-family: Vazir !important; font-size: 16px !important; }
.detail-text div { line-height: 30px !important; font-family: Vazir !important; font-size: 16px !important; }
.detail-text iframe { width: 100% !important; height: auto !important; min-height: 580px; border: 0px; }

.file-box { width:100%; /*float: right; width: 33%; margin: 1%;*/ /*border:1px solid #eee; padding: 10px;*/ }
    .file-box .fa-info-circle { color: #81898E; margin-left: 7px; }

@media (max-width:575px) {
    .file-box { width:49%; margin-right:1%}
}

@media (min-width:576px) {
    .file-box { width:32.333333%; margin-right:1%}
}

@media (min-width:768px) {
    .file-box { width:24%; margin-right:1%}
}

.imageslider-wrapper { display: block; position: relative; max-width: 100%; margin: 0px auto 0px; }
.imageslider-1 { display: block; position: relative; margin: 0 auto; }

.news-box { width: 100%; padding: 5px; margin-bottom: 7px; box-shadow: 0px 0px 2px #ddd; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; transition: all 0.7s; -webkit-transition: all 0.7s; }
    .news-box:hover { background-color: #F6F5FD; }
    .news-box .news-box-right { float: right; width:17%;/*width: 90px;*/ }
        /*.news-box .news-box-right img { max-width: 80px; }*/
    .news-box .news-box-left { float: right; padding-right: 10px; }
    .news-box .news-box-title { color: #444; font-size: 12pt; padding-bottom: 5px; }
    .news-box .news-box-date { color: #aaa; font-size: 8pt; font-family: Tahoma; }
    .news-box .news-box-summary { color: #888888; font-size: 8pt; font-family: Tahoma; }
.news-paging { padding-right: 10px; font-size: 9pt; color: White; margin-top: 15px; }
    .news-paging .page-number { text-align: center; float: right; width: 25px; font-family: Vazir; line-height: 25px; background-color: #999; margin-left: 5px; border-radius: 3px; -webkit-border-radius: 3px; }
        .news-paging .page-number span { cursor: pointer; }

.d_run-in{display: run-in !important}
.top-btns { padding: 5px 6px; margin: 5px; border: 1px solid #888; border-radius: 50%; background-color: transparent; color: #888; transition: all 0.9s; -ms-transition: all 0.9s; -webkit-transition: all 0.9s; }

.r-10{right:10px}
.r-25{right:25px}

/*.badge-secondary{color:#fff;background-color:#792a47}
.table-bordered td, .table-bordered th { border-color: #f3e1e8;}
.table-hover tbody tr:hover{background-color:#fdf5f8}*/
.table-hover tbody tr:hover{background-color:#f7fafc !important}

.alert-light{background-color: #f9f9f9; border-color: #e3e3e7;}

.transparentWell{padding: .75rem 1.25rem;border: 1px solid #e3e3e7; border-radius: .25rem;}
.wellTitle{padding-right:15px; top:-35px; background-color:#fff;}

/*.sec-title h3{padding: 9px; border-bottom:5px solid #e30613}*/
.titleBorder{padding: 9px; border-bottom:5px solid #e30613/*9e355b*//*e30613*/}

.mytooltip { position: relative; display: inline-block; /*border-bottom: 1px dotted black;*/}
.mytooltip .tooltip-left { visibility: hidden; width: 100px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 10px; position: absolute; z-index: 1; top: -5px; right: 200%; margin-right: 0px; opacity: 0; transition: opacity 0.3s; }
.mytooltip .tooltip-left::after { content: ""; position: absolute; top: 7px; right: 100%; bottom: auto; margin-right: -110px/*-100%*/; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #555 ;}
.mytooltip:hover .tooltip-left { visibility: visible; opacity: 1;}

.circle { width: 30px; height: 30px; background: #e30613/*9e355b*/; color:#fff; border-radius: 50% }
.resDeviceCircle{position: absolute; top: -10px; left: 0; z-index: 100}
.chervonColor{color:#666666 !important;}

.isSwapped {color: #fff; /*background: red;*/ position: absolute; /*top: 78%;*/top: 8px; right:10px; width:45%;transform: rotate(38deg);}
.isSwapped-80 {color: #fff; /*background: red;*/ position: absolute; /*top: 78%;*/top: 14px; right:10px; width:45%;transform: rotate(38deg);}
.triangle-topRight {/*width: 0; height: 0;*/ border-top: 70px solid rgba(227, 6, 19, 0.8); border-left: 90px solid transparent; position: absolute; top:0; /*right:0*/}

.triangle-topLeft {/*width: 0; height: 0;*/ border-top: 70px solid rgba(227, 6, 19, 0.8); border-right: 90px solid transparent; position: absolute; top:0; /*right:0*/}
.isSwapped-left {color: #fff;  position: absolute; top: -50px; left:0px; width:45%;transform: rotate(-38deg); font-size:12px;}

@media (max-width:400px){
    .isSwapped-left { top:-15px; left:2px;}
}

@media (min-width:401px) and (max-width:440px){
    .isSwapped-left { top:-25px; left:2px;}
}

@media (min-width:441px) and (max-width:490px){
    .isSwapped-left { top:-30px; left:2px;}
}

@media (min-width:491px) and (max-width:520px){
    .isSwapped-left { top:-35px; left:2px;}
}

@media (min-width:521px) and (max-width:560px){
    .isSwapped-left { top:-42px; left:0;}
}

@media (min-width:561px) and (max-width:575px){
    .isSwapped-left { top:-45px; left:0;}
}

@media (min-width:576px) and (max-width:670px){
    .isSwapped-left { top:-4px; left:5px;}
}

@media (min-width:671px) and (max-width:770px){
    .isSwapped-left { top:-12px; left:5px;}
}

@media (min-width:771px) and (max-width:860px){
    .isSwapped-left { top:-20px; left:5px;}
}

@media (min-width:861px) and (max-width:1000px){
    .isSwapped-left { top:-32px; left:0;}
}

@media (min-width:1001px) and (max-width:1100px){
    .isSwapped-left { top:-37px; left:0;}
}

@media (max-width:374px){
    .isSwapped { top:-12px; right:2px;}
    .isSwapped-80 { right:2px;}
    .isSwapped-req { top:18px; right:15px; font-size: 11px; /*top:-3px; right:22px;*/}
}

@media (min-width:375px) and (max-width:435px){
    .isSwapped { top:-22px; right:2px;}
    .isSwapped-80 { right:2px;}
    .isSwapped-req { top:10px; right:15px; font-size: 11px;}
}

@media (min-width:436px) and (max-width:575px){
    .isSwapped { top:-42px; right:0;}
    .isSwapped-80 { right:0;}
    .isSwapped-req { top:5px; right:15px; font-size: 11px;}
}

@media (min-width:576px) and (max-width:767px){
    .isSwapped { top:4px; }
    .isSwapped-80 { right:2px; }
    .isSwapped-req { top:5px; right:15px; font-size: 11px;}
}

@media (min-width:768px) and (max-width:890px){
    .isSwapped { font-size:11px; top:12px; right:12px;}
    .isSwapped-80 { font-size:11px; right:12px;}
}

@media (min-width:768px) and (max-width:950px){
    .block2{min-height:200px !important}
    .block2-img{height:125px !important}
}

.deviceDate{color:#7e8286}

.txt-ellipsis, .txt-ellipsis a{display:inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}

.block2-price{color:#888888}

.btn-warning{color:#fff; background-color:#edb307/*f5b803*/}
.btn-warning:hover{color:#fff}

.search-btn{left:200px; position: absolute;}
.search-Padding{padding: 3px 6px}

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


#photos { line-height: 0; -webkit-column-count:4; -webkit-column-gap:5px; -moz-column-count:4; -moz-column-gap:5px; column-count:4; column-gap:5px;}
#photos img {width: 100% !important; height: auto !important; margin-bottom:5px;}

.new { display: inline-block; position: relative;}
.new img { display: block;}
.new::after { /*content: attr(data-alt); position: absolute;*/ top:10px; left: 0; padding-right:10px; padding-left:10px;width: 100%; background: rgba(0,0,0,0.51); z-index: 50; color:white; /*text-align: center;*/ line-height: 2.5em; font-size:large;}

/*.new:hover{display: block; background-color: rgba(0,0,0,0.3);}*/

/*.new img { background: rgba(3,3,3,0.7); z-index: 10; position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 10%; text-align: center; direction: rtl; visibility: hidden; transition: all 0.1s ease-in-out; font-size: 22px; color: #eee; }
.new img:hover div { visibility: visible; }*/

/*#photos div div { background: rgba(3,3,3,0.5); z-index: 10; position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 10%; text-align: center; direction: rtl; visibility: hidden; transition: all 0.1s ease-in-out; color: #eee; }
#photos img:hover div { visibility: visible ; }*/

@media (max-width:650px) {
/*.banner {-ms-flex:100%; flex:100%; float:right}*/
#photos{-moz-column-count: 1; -webkit-column-count: 1; column-count:1 }
}

@media (min-width:651px) and (max-width:990px) {
/*.banner {-ms-flex:49%; flex:49%; padding-right: 1%; float:right}*/
#photos{-moz-column-count: 2; -webkit-column-count: 2; column-count:2 }
}

.w-size50-p {width: 50%;}

.m-b-neg-15{margin-bottom:-15px;}

.z-index-2000{z-index:2000}

.transform-90{transform: rotate(90deg);}

.deviceImg{width:150px;}

.input-group-addon{padding:0 10px 0 10px}

.bo-color-btn{border-color:rgba(0,0,0,.15)}

/*.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

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

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

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

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

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

/*------ ADDED CSS ---------*/
/*.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}*/

/*--------- END --------*/

/* Rounded sliders */
/*.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;}*/

.p-r-3-imp{padding-right:3px !important;}

.t--5{top:-5px !important}

.l-text2{font-size: 25px;/*30px*/}

.m-w-200{max-width:200px !important}
.m-w-180{max-width:180px !important}
.m-w-80 {max-width: 80px !important;}

.tbl-scroll{display:block; width:100%; overflow-x:auto;/*-ms-overflow-style:-ms-autohiding-scrollbar*/}

.scroll-content{width:100%}
/*@media (max-width:1130px){
    .scroll-content { right: calc(100%-1200); width: calc(1200-100%); }
}*/


@media (min-width:1000px) and (max-width:1118px){
    .scroll-content { right: 200px; width: calc(100% + 200px); }
}

@media (min-width:800px) and (max-width:999px){
    .scroll-content { right: 400px; width: calc(100% + 400px); }
}

@media (min-width:600px) and (max-width:799px){
    .scroll-content { right: 600px; width: calc(100% + 600px); }
}

@media (min-width:400px) and (max-width:599px){
    .scroll-content { right: 800px; width: calc(100% + 800px); }
}
@media (max-width:500px){
    .scroll-content { right: 1000px; width: calc(100% + 1000px); }
}

.r-180{right: 180px}

.footer-bg{background-color: #383737;}

.suggestion-box{position: absolute; top:0; left:0; background-color:rgba(227, 6, 19, 0.8); color: #fff; width:80px; padding: 6px 10px !important; top:10px; border-bottom-right-radius: 13px;border-top-right-radius: 13px;}
.suggestion-box-device { left: 110px }

.mobile-logo { width: 137px;}

@media (max-width:343px) {
    .mobile-logo { width: 114px !important; height: auto;}
}

.bo-welcome{border: 1px solid #e30613; border-radius: 8px; padding: 5px;}

.swapStamp{content:''; background-image:url(../images/SwapStamp.png); background-position: center center; background-repeat:no-repeat; height:170px; position:absolute; top:0; left:0; width:95%}
.swapStamp_grid{height:100%;}
.h-95{height:95px !important}
.h-130 {height: 130px !important;}

.swapicon{content:''; background-image:url(../images/Z.png); background-position: center center; background-repeat:no-repeat; height:24px; width:100%}

.bo-t{border-top-width: 1px; border-top-color:#888888;}

.top-p-150{padding-top:calc(150%);}
.top-p-50{padding-top:calc(50%);}

.bo-blue{border: 1px solid #1b75bc;}
.bo-red { border: 1px solid #e30613; }

.pulse {
  /*margin:100px;*/
  /*display: block;
  width: 22px;
  height: 22px;*/
  border-radius: 50%;
  background: #e30613;
  /*cursor: pointer;*/
  box-shadow: 0 0 0 rgba(254,6,65, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(253,227,4, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(253,227,4, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(253,227,4, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(253,227,4, 0.4);
    box-shadow: 0 0 0 0 rgba(253,227,4, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(253,227,4, 0);
      box-shadow: 0 0 0 10px rgba(253,227,4, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(253,227,4, 0);
      box-shadow: 0 0 0 0 rgba(253,227,4, 0);
  }
}

.txtMultiline{max-width: 100% !important}

.cs-no-drop { cursor: no-drop}
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-right: 7px; padding-left: 7px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: right; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }*/

.swapDevice { height: 150px}
.swapDeviceTitle {background: #000; opacity: 0.7; color:white; position:absolute; bottom:0; padding: 10px;}
.swapSelection{box-shadow:  0 1px 5px 0px rgba(18, 147, 48, 0.7); /*rgba(254,6,65, 0.4);*/}
.bottom-5 { bottom: 5px;}
.left-10 { left: 10px}

.m-h-550 {max-height: 550px;}
.rulesContent {max-height:300px !important; overflow-y:scroll; color: #555555;}
.rulesClose { margin-top: -8px !important;}

.scrollContent-200 {max-height:200px !important; overflow-y:auto; overflow-x:hidden}

::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 0.5em; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;  border-radius: 10px; }
::-webkit-scrollbar-thumb { background: #888888;  border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #888888; }
.scroller { width: 100%; height:100%; overflow-x:hidden; scrollbar-width: thin; scrollbar-color: #e30613 rgb(255, 255, 255); }

@media (max-width:500px){
    .swap_img_box { max-width: 90%; }
    .swap_img { max-height: 200px !important;padding-bottom:5px;}
}

.color-black { color: #000}

.txt_Date {max-width: 463px;border-bottom-right-radius: 0.25rem!important;border-top-right-radius: 0.25rem!important;}
.txt_Date[readonly]{background-color:white}
.btn-calendar{height:46px;}

.bo-l-r-0 {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.bo-r-r-0 {border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}

.chkcontainer input[type="checkbox"] {width: auto;display: none;}
.chkcontainer br {display: none;}
.chkcontainer label {color: #777;width: auto;margin-right: 5px;border-radius: 3px;cursor: pointer;transition: 0.7s all;-o-transition: 0.7s all;-moz-transition: 0.7s all;-webkit-transition: 0.7s all;-ms-transition: 0.7s all;}
.chkcontainer input[type="checkbox"]:empty ~ label {font-size: small;position: relative;float: right;line-height: 2.1em;text-indent: 2.5em;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .chkcontainer input[type="checkbox"]:empty ~ label:before {position: absolute;display: block;top: 0;bottom: 0;right: 0;content: '';width: 2.1em; height:2.1em; border: 1px solid #e30613;border-radius: 3px;}
.chkcontainer input[type="checkbox"]:hover:not(:checked) ~ label:before {content: '\2714';text-indent: .6em;color: #C2C2C2;}
.chkcontainer input[type="checkbox"]:hover:not(:checked) ~ label {}
.chkcontainer input[type="checkbox"]:checked ~ label:before {content: '\2714';text-indent: .6em;color: #fff;background-color: #e30613;}
.chkcontainer input[type="checkbox"]:checked ~ label {color: #444;}
.chkcontainer input[type="checkbox"]:focus ~ label:before {box-shadow: 0 0 0 3px #999;}

.radioCheckContainer input[type="radio"]{width:auto;display:none;}
.radioCheckContainer br{display:none;}
.radioCheckContainer label{color:#777;width:auto;margin-right:5px;border-radius:3px;cursor:pointer;transition:0.7s all;-o-transition:0.7s all;-moz-transition:0.7s all;-webkit-transition:0.7s all;-ms-transition:0.7s all;}
.radioCheckContainer input[type="radio"]:empty ~ label{/*font-size:small;*/position:relative;float:right;line-height:2.1em;text-indent:2.5em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.radioCheckContainer input[type="radio"]:empty ~ label:before{position:absolute;display:block;top:0;bottom:0;right:0;content:'';width:2.1em;height:2.1em;border:1px solid #e30613;border-radius:50%;}
.radioCheckContainer input[type="radio"]:hover:not(:checked) ~ label:before{content:'\2714';text-indent:.6em;color:#C2C2C2;}
.radioCheckContainer input[type="radio"]:hover:not(:checked) ~ label{}.radioCheckContainer input[type="radio"]:checked ~ label:before{content:'\2714';text-indent:.6em;color:#fff;background-color:#e30613;}
.radioCheckContainer input[type="radio"]:checked ~ label{color:#444;}
.radioCheckContainer input[type="radio"]:focus ~ label:before{box-shadow:0 0 0 3px #999;}.bo-no{border:0px !important;}

.blog{border-top:3px solid #e30613}

.swapMemberImg{ width:80px; height:80px; background-position:center; background-size:cover}
.swapMemberImg_col{width:110px;}
.swapMemberInfo_col{width:calc(100% - 110px);}

.ctrl_container{width:100%; max-width:500px;}
.ctrl_container .dropdown{padding-bottom:5px;}

.rblHas_title_box{padding-top:5px;/*width:180px;*/}
.rblHas_box{padding-right:15px;/*width:calc(100% - 180px);*/}

.device_info  td{border-bottom: 1px solid #e9ecef; border-top:none}

.block3 .img {height: 170px !important;background-position: center;background-size: cover;}

.device_Kind{font-size:1.1rem}
.device_Kind img{width:140px; height:auto}
    .device_Kind a, .device_Kind a:hover{color:#fff}

.device_filter{}
.device_filter .title {border-top: 1px solid #e6e6e6; padding-bottom:15px; padding-top:15px;}
.device_filter .title:first-child{padding-top:0; border-top:0;}
.device_filter:last-child{border-bottom: 1px solid #e6e6e6; }
.device_filter .item{padding:10px 10px 0 10px;}
.device_filter .item:last-child{padding-bottom:10px;}

.device_filter .chkcontainer input[type="checkbox"]:empty ~ label {float: left;line-height: 20px;text-indent: 2.5em;}
    .device_filter .chkcontainer input[type="checkbox"]:empty ~ label:before {left: 0;right:auto;width: 20px; height:20px;}
.device_filter .chkcontainer input[type="checkbox"]:hover:not(:checked) ~ label:before {text-indent: 4px;}
.device_filter .chkcontainer input[type="checkbox"]:checked ~ label:before {text-indent: 5px;}

.device_filter .radiobuttonList input[type="radio"] {display: none;}
.device_filter .radiobuttonList label {text-align: center; width:100%}
.device_filter .radiobuttonList input[type="radio"] + label {padding-top:7px; padding-bottom:7px; color: #666;cursor: pointer;margin-bottom:0}
/*.device_filter .radiobuttonList input[type="radio"] + label:first-child {-webkit-border-top-right-radius: 5px;-moz-border-top-right-radius: 5px;border-top-right-radius: 5px;}
.device_filter .radiobuttonList input[type="radio"] + label:last-child {-webkit-border-top-left-radius: 5px;-moz-border-top-left-radius: 5px;border-top-left-radius: 5px;}
*/.device_filter .radiobuttonList input[type="radio"]:checked + label {background-color: #e30613; color:#fff}
 .device_filter .radiobuttonList td{ width: calc(100% / 3);border:1px solid #e6e6e6; text-align:center}
    .device_filter .radiobuttonList.List4 td { width: calc(100% / 4) !important; font-size:9pt !important }

.switch { position: relative; display: inline-block; width: 35px; height: 19px; }
    .switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
    .slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #e30613; }
    input:checked + .slider:before { -webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px); }
.slider.round { border-radius: 20px; }
    .slider.round:before { border-radius: 50%; }

.bg-muted{background-color:#e7e7e7!important;}

@media(min-width:768px){
    .rbl_cell_p_t{padding-top:30px;}
}

.my_datepicker {padding: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border:1px solid #888888; background-color:#fff; z-index:1000; font-size:10pt;}
.my_en_datepicker {direction: ltr; width:200px;}
.my_fa_datepicker {direction: ltr; width:250px;}
.my_datepicker .header, .my_datepicker .footer{padding:10px 5px 10px 5px; text-align:center; cursor:pointer;}
.my_datepicker .content {padding:0 10px 10px 10px;}
.my_en_datepicker .content .month, .my_datepicker .content .year {text-align:center; width: 23%;height: 54px;line-height: 54px;float: left;margin: 1%;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.my_fa_datepicker .content .month, .my_datepicker .content .year {text-align:center; width: 23%;height: 54px;line-height: 54px;float: right;margin: 1%;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.my_datepicker .content .selected{background-color:#e9c2c4;}

.en_number{font-family:Verdana}


#ShareModal .modal-header { font-size: 15pt; color: #555; }
#ShareModal .modal-footer { text-align: center !important; padding-top: 5%; padding-bottom: 10% }
    #ShareModal .modal-footer div { padding-top: 8%; }
    #ShareModal .modal-footer p { margin: 0 0 10px; color: #777; text-align: right; line-height: 25px; font-size: 12pt; }
#ShareModal .icon { width: 40px; height: 40px; margin: 5px; color: #fff; border-radius: 6px; text-align:center }
#ShareModal img { margin-bottom: 10px !important }
#ShareModal .fa-facebook { background-color: #4d8deb; padding-top: 7px !important; font-size: 17pt; margin-top: 2px; }
#ShareModal .fa-twitter { background-color: #4dcceb; padding-top: 7px !important; font-size: 17pt; margin-top: 2px; }
#ShareModal .fa-send { background-color: #417cd3; padding-top: 7px !important; font-size: 17pt; margin-top: 2px; }
#ShareModal .fa-envelope { background-color: #F44720; padding-top: 7px !important; font-size: 17pt; margin-top: 2px; }