@font-face{font-family:'vazir';font-weight:100;src:url(../fonts/Vazir-Thin-FD.ttf)    format("truetype");}
@font-face{font-family:'vazir';font-weight:300;src:url(../fonts/Vazir-Light-FD.ttf)   format("truetype");}
@font-face{font-family:'vazir';font-weight:400;src:url(../fonts/Vazir-Regular-FD.ttf) format("truetype");}
@font-face{font-family:'vazir';font-weight:500;src:url(../fonts/Vazir-Medium-FD.ttf)  format("truetype");}
@font-face{font-family:'vazir';font-weight:700;src:url(../fonts/Vazir-Bold-FD.ttf)    format("truetype");}
@font-face{font-family:'vazir';font-weight:900;src:url(../fonts/Vazir-black-FD.ttf)   format("truetype");}
:root{--main1-color:#0c4173;}.text1-theme{color:var(--main1-color);}.bg1-theme{background:var(--main1-color);}
:root{--main2-color:#d2aa67;}.text2-theme{color:var(--main2-color);}.bg2-theme{background:var(--main2-color);}
:root{--main3-color:#000000;}.text3-theme{color:var(--main3-color);}.bg3-theme{background:var(--main3-color);}
::selection {color: white;background: var(--main1-color);}
*,ul,p,label{padding: 0;margin: 0;}  li{list-style: none;} a{text-decoration: none !important;}
button:focus , input:focus {outline: 0; box-shadow:none;}  img{max-width: 100%;max-height: 100%;}
[type=email], [type=number], [type=tel], [type=url] {direction: rtl;}
html,body{font-family: 'vazir';background:#fff;font-size: 13px;}
body::-webkit-scrollbar {width: 5px;background-color: #d7d9d3;}  body::-webkit-scrollbar-thumb {background: var(--main1-color);border-radius: 9px;}
.dir-ltr {direction: ltr;}
.btn1-Swc {border: 1px solid var(--main1-color);color: var(--main1-color); z-index: 1;}
.btn1-Swc:hover {color: #fff;transition: all 0.3s ease-out;}
.btn1-Swc::before {content: "";background: var(--main2-color);width: 2px;height: 13px;margin: 0 -6px 0 6px; z-index: 1;}
.btn1-Swc::after {content: "";position: absolute;background: var(--main1-color);width: 0;height: 100%;right: 0;top: 0;z-index: -1;transition: all 0.3s ease-out;}
.btn1-Swc:hover::after {width: 100%;transition: all 0.3s ease-out;}
.btn2-Swc {border: 1px solid var(--main1-color);background: var(--main1-color);color: #fff; z-index: 1;}
.btn2-Swc:hover {color: var(--main1-color);transition: all 0.3s ease-out;}
.btn2-Swc::before {content: "";background: var(--main2-color);width: 2px;height: 13px;margin: 0 -6px 0 6px; z-index: 1;}
.btn2-Swc::after {content: "";position: absolute;background: #fff;width: 0;height: 100%;right: 0;top: 0;z-index: -1;transition: all 0.3s ease-out;}
.btn2-Swc:hover::after {width: 100%;transition: all 0.3s ease-out;}
/*=*=*=*=*=*= * --- header--  * ======================== */
@media (min-width: 768px) {  .animate {animation-duration: 0.3s;-webkit-animation-duration: 0.3s;animation-fill-mode: both;-webkit-animation-fill-mode: both;}  }
@keyframes slideIn { 0% {transform: translateY(1rem);opacity: 0;} 100% {transform: translateY(0rem);opacity: 1;} 0% {transform: translateY(1rem);opacity: 0;} }
@-webkit-keyframes slideIn { 0% {-webkit-transform: translateY(1rem);-webkit-opacity: 0;} 100% {-webkit-transform: translateY(0);-webkit-opacity: 1;} 0% {-webkit-transform: translateY(1rem);-webkit-opacity: 0;} }
.slideIn {-webkit-animation-name: slideIn;animation-name: slideIn;}
/*=*=*=*=*=*= * --- P-Menu--  * ======================== */
.Mega-Menu .InBx-Mega {z-index: 3;}
.Mega-Menu .item-btm:after {position: absolute;bottom: 25px;left: 0;right: 0;margin: auto;width: 0;content: '';background: var(--main2-color);height: 2px; transition: all .5s;}
.Mega-Menu li:hover .item-btm:after {width: 100%;}
.Mega-Menu .Tb-Lnk::before{display:none;content: "";position: absolute;top: 0;bottom: 0;margin: auto;left: -8px;width: 15px;height: 15px;background: white;transform: rotate(45deg);}
.Mega-Menu .Tb-Lnk.A-ctive::before{display: block;}
.Mega-Menu .sub-catemenu .fa-angle-left ,
.Mega-Menu .see-thiscategori .fa-left-long{transition: all 0.3s;}
.Mega-Menu .sub-catemenu:hover .fa-angle-left,
.Mega-Menu .see-thiscategori:hover .fa-left-long{transition: all 0.3s;transform: translateX(-5px);}
.Mega-Menu .fadeIn-bx {right: 0;left: 0;top: 100%;display: none;overflow: hidden;transition: all 0.3s;background: #0000007a;}
.Mega-Menu .Drop-Down:hover .fadeIn-bx {display: block;transition: all 0.3s;}
.Mega-Menu .Itm-Menu a {transition: all 0.3s;}
.Mega-Menu .Itm-Menu a:hover {transform: translateX(-4px);font-weight:bold;transition: all 0.3s;}
.Mega-Menu .masonry {column-count: 1;column-gap: 4px;}
@media (min-width: 768px) {  .Mega-Menu .masonry {column-count: 2;}  }
@media (min-width: 1199px) {  .Mega-Menu .masonry {column-count: 3;}  }
.Mega-Menu .masonry .masonry-item {box-sizing: border-box;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;}
.Mega-Menu .masonry-pc {object-fit: cover;}
.Hvr-Tb-Menu .tab-pane.A-ctive{display: block !important;opacity: 1;}
.Hvr-Tb-Menu .Tb-Lnk.A-ctive {border-right: 3px solid var(--main2-color);}
.Responsive-menu #showRight {transform: scaleX(1.3);}
.Responsive-menu .Bar-menu {transition: all 0.3s ease;top: 0;z-index: 99999999;width: 80%;right: -80%;}
.Responsive-menu .Bar-menu.right-open {transition: all 0.3s ease;right: 0;}
.Responsive-menu .drop-menu-xs {right: -130%;transition: all 0.3s ease;top: 0;background: #ffffffe0;}
.Responsive-menu .drop-menu-xs.open-drop {right: 0;transition: all 0.3s ease;}
.Responsive-menu .li-Mob {font-size: 13px;border-bottom: 1px dashed #0000002e;}
.Responsive-menu .backBtn1 ,.Responsive-menu .backBtn{background: #00000045;width: 31px;height: 31px;font-size: 20px;}
.Responsive-menu .backBtn {top: 0;left: 0;}
.BX-serch {visibility: hidden;top: 0;left: 0;right: 0;z-index: 9;}  .BX-serch .container {display: table;}
.BX-serch .close {right: 32px;top: 32px;width: 32px;height: 32px;opacity: 0.3;}  .BX-serch .close:hover {opacity: 1;}
.BX-serch .close:before, .BX-serch .close:after {position: absolute;left: 15px;content: " ";height: 33px;width: 2px;background-color: white;}
.BX-serch .close:before {transform: rotate(45deg);}  .BX-serch .close:after {transform: rotate(-45deg);}
.BX-serch .search-main {display: table-cell;vertical-align: middle;}  .BX-serch .search-main .search-inner {width: 80%;margin: 0 auto;}
.BX-serch .search-main input {box-shadow: none;padding: 0;font-size: 72px;border-bottom: 2px solid white !important;transform: scale3d(0, 1, 1);transform-origin: 0% 50%;transition: transform 3s;}
.BX-serch.-open {background: rgba(0, 0, 0, 0.8);visibility: visible;animation: fadein 0.8s;}  .BX-serch.-open .search-main input {transform: scale3d(1, 1, 1);transition-duration: 1s;}
@keyframes fadein { from {opacity: 0;} to {opacity: 1;} }
section{overflow: hidden;}
/*=*=*=*=*=*= * --- P-Swc-body ---  * =========================== */
.scroll-style1 .P-Header .top-header {transition: all 0.3s;margin: -40px 0 0;}
.scroll-style1 .P-Header .item-btm {transition: all 0.3s;padding: 24px 0 !important;}
.fix-social {left: 6px;bottom: 6px;z-index: 2}
.lifx {width: 50px;height: 50px;background: #f30000;box-shadow: inset 0 0 2px 3px #ff5555;border: 1px solid red;}
.cart-svg{width: 18px;}
.P-Header .top-header {transition: all 0.3s;}
.P-Header .btm-header {transition: all 0.3s;background: #0000007a;}
.P-Header .H-cart svg {width: 25px;}
.P-Header .numbr {width: 12px;height: 12px;line-height: 12px;right: 0px;top: 5px;}
.P-Header .dropdown-menu {min-width: 25rem;max-width: 100%;top: 100% !important;}
.P-Header .same-1 {width: 17px;height: 17px;line-height: 17px;}
.P-Header .Fix-Headr {z-index: 11;}
.P-Swc1 .contnt-Swc1 {letter-spacing: -3px;opacity: 0;font-family: 'Cambria math';text-shadow: -2px 2px 2px black;font-size: 40px !important;bottom: 35%; width: 100%;transition: all 1s ease-in-out;}
.P-Swc1 .active .contnt-Swc1 {letter-spacing: 0;opacity: 1;bottom: 45%;transition: all 1s ease-in-out;}
.P-Swc1 .contnt-Swc1:hover {letter-spacing: 2px;transition: all 1s ease-in-out;}
.P-Swc1 .owl-dots {position: absolute;bottom: 8px;right: 0;left: 0;}
.P-Swc1 .owl-dots span {background: rgba(255, 255, 255, 0.46) !important;border-radius: 1px !important;margin: 5px !important;width: 30px !important;height: 4px !important;}
.P-Swc1 .owl-dots .active span {background: #FFFFFF !important;}
.P-Swc2{background: url("../images/pc2.jpg") fixed no-repeat;background-size: cover;}
.P-Swc2 .pric-Swc2 {border-top: 1px solid var(--main2-color);}
.pc-Swc2::before, .pc-Swc2::after {content: "";position: absolute;width: 1px;height: 1px;border-color: var(--main2-color);border-width: 2px;transition: all 2s ease-in-out;}
.aos-animate .pc-Swc2::before,
.aos-animate .pc-Swc2::after {width: 100px;height: 100px;transition: all 2s ease-in-out;}
.pc-Swc2::before {top: -5px;left: -5px;border-top-style:  solid;border-left-style:  solid;}
.pc-Swc2::after {bottom: -5px;right: -5px;border-bottom-style:  solid;border-right-style:  solid;}
.pc-Swc2 span {background: #00000057;top: 0;text-shadow: 0 2px 2px black;font-size: 45px;opacity: 0;transition: all 0.5s ease-in-out;}
.Bx-Swc2:hover .pc-Swc2 span {opacity: 1;transition: all 0.5s ease-in-out;}
.pc-Swc2 span::before, .pc-Swc2 span::after {transition: all 0.5s ease-in-out;content: "";background: white;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;box-shadow: 0 1px 1px #00000070;}
.Bx-Swc2 .pc-Swc2 span::before {width: 0;height: 2px;}
.Bx-Swc2 .pc-Swc2 span::after {height: 35px;width: 2px;}
.Bx-Swc2:hover .pc-Swc2 span::before {width: 35px;height: 2px;transition: all 0.5s ease-in-out;}
.P-Swc3{background: url("../images/pc4.jpg") no-repeat;background-size: cover;}
.P-Swc3 .Bx-Swc3 {height: 200px;}
.Bx-Swc3::before, .Bx-Swc3::after {transition: all 1s ease-in-out;content: "";position: absolute;width: 0;height: 0;border-color: var(--main2-color);border-width: 2px;}
.Bx-Swc3:hover::before,
.Bx-Swc3:hover::after {width: 100px;height: 100px;transition: all 1s ease-in-out;}
.Bx-Swc3::before {top: -5px;left: -5px;border-top-style:  solid;border-left-style:  solid;}
.Bx-Swc3::after {bottom: -5px;right: -5px;border-bottom-style:  solid;border-right-style:  solid;}
.P-Swc4 .Bx-Swc4 {transition: all 0.1s ease-out;overflow: hidden;}
.P-Swc4 .Bx-Swc4:hover {transition: all 0.1s ease-out;color: #fff;}
.P-Swc4 .contnt-Swc4 {bottom: -200px;transition: all 0.9s ease-in-out;background: linear-gradient(0deg, var(--main1-color), transparent);}
.P-Swc4:hover .contnt-Swc4 {bottom: 0;transition: all 0.9s ease-in-out;}
.P-Swc4 .Bx-Swc4 .img-Swc4 {transition: all 0.3s ease-out;}
.P-Swc4 .Bx-Swc4:hover .img-Swc4 {transition: all 0.7s ease-out;transform: scale(1.1) rotate(-3deg);}
.P-Swc4 .p1-Swc4 {object-fit: cover;height: 224px;}
.P-Swc4 .p2-Swc4 {object-fit: cover;height: 460px;}
.P-Swc5{background: url("../images/pc10.jpg") fixed no-repeat;background-size: cover;}
.P-Swc5 .lnk-Swc5 {transition: all 0.3s ease-in-out;border: 1px solid  var(--main2-color);width: 30px;height: 28px;left: 0;bottom: 0;}
.P-Swc5 .Bx-Swc5:hover .lnk-Swc5 {transition: all 0.3s ease-in-out;background: var(--main2-color);color: #fff;}
.P-Swc6 {box-shadow: 0 18px 226px -10px #585858, 0 18px 26px -10px #585858c4;background: linear-gradient(90deg, #d0d0d0 50%, white 50%);}
.P-Footer{font-size: 12px;}
.P-Footer1{background: url("../images/pc15.jpg") no-repeat;background-size: cover;}
.P-Footer2{background: url("../images/pc16.png") no-repeat;background-size: cover;}
.P-Footer .media-li {transition: all 0.3s ease-in-out;color: var(--main2-color);border: 1px solid var(--main2-color);width: 40px;height: 38px;}
.P-Footer .media-li:hover {transition: all 0.3s ease-in-out;color: #fff;background: var(--main2-color);}
.P-Footer .enamad-ft {height: 111px;width: 105px;border: 1px solid var(--main2-color);}
.P-Footer .registr1 {border: 1px solid #ffffff3b;}
.P-Footer .Itm-Ft svg {color: var(--main2-color);font-size: 6px;}
/*=*=*=*=*=*= * --- RESPANSIVE --  * ======================== */
.container-fluid{margin-right: auto;margin-left: auto;}
@media (min-width:1900px){
    body{max-width: 1900px;margin: auto;position: relative;}
}
@media (min-width:1250px){
    .container-fluid {width: 1250px;max-width: 1250px;margin: auto;}
}
@media (max-width: 500px){
    .P-Header .dropdown-menu { top: 31% !important;}
    .P-Footer {font-size: 10px;}
    .P-Swc6 {background: linear-gradient(0deg, #d0d0d0 50%, white 50%);}
    .P-Swc1 img {height: 500px;object-fit: cover;}
}


/*=*=*=*=*=*=*=*=*=*=*=**=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=**=*=*=*=*=*=*=*=*=*=*=*==*=*=*=*=*=**=*=*=*=*=*= */
/*=*=*=*=*=*=*=*=*=*=*=**=*=*=*=*=*=*=*=*=*=*=*=*=* * --- Style Other Page --  * ============================== */
.layout-top {margin-top: -14%;}
.titleSub span {border-bottom: 3px solid var(--main2-color);}
.lg-backdrop,.lg-outer .lg-thumb-outer {background-color: #000000ba;}
/*=*=*=*=*=*= * --- P-Sqsl ---  * =========================== */
.P-Sqsl {height: 350px;}
.P-Sqsl .img-Sqsl{object-fit: cover;}
.P-Sqsl .content-Sqsl {top: 0;background: #0000005e;}
.P-Sq01 .content-Sq01 {text-align: justify;}
.P-Sq03 .img-Sq03 {transition: all 0.4s ease-out;filter: brightness(0.7) grayscale(0.3);height: 300px;object-fit: cover;}
.P-Sq03 .img-Sq03:hover {transition: all 0.4s ease-out;filter: brightness(1) grayscale(0);}
.P-Sq03 .title-Sq03 {top: 0;}
.P-Sq04 .ic-Sq04 {font-size: 53px;color: var(--main1-color);}
.P-Sq04 .deta-Sq04 {min-height: 97px;}
.P-Sq07 .Bw-Sq07{border-bottom: 1px solid #eeeeee;}
.P-Sq07 .Bw-Sq07:last-child{border-bottom: 0;}
.P-Sq11 .dt-Sq11 {font-size: 3px;}
.P-Sq11 .list-Sq11 li{list-style: disc !important;}
.P-Sq11 .Score-Sq11 svg{color: #ffbc00;}
.P-Sq11 .eng-Sq11 {margin-top: -16px;background: #f4f2f3;}
.P-Sq12 svg {width: 47px;margin: 0 0 0 6px;}
.BX-cart {position: sticky !important;position: -webkit-sticky !important;top: 80px;}
.P-Sq13 .li-Sq13{color: #555555;}
.P-Sq13 .li-Sq13.active{color: #fff;background: #555555;}
.P-Sq13 .eng-ttl::before {content: "";background: var(--main1-color);border-radius: 12px;right: 0;bottom: 0;height: 2px;width: 100px;position: absolute;}
.P-Sq13 .date-mz {left: 15px;top: 0;}
.P-Sq13 .sugest-mz.postive {background: #21ab182b;border: 1px solid #90d28c;}
.P-Sq13 .sugest-mz.negtive {background: #ab18182b;border: 1px solid #d28c8c;}
.P-Sq14 .BX-Sq14 {height: 149px;}
.P-Sq14 .BX-Sq14 .contct-Sq14 {top: 0;background: #0000007a;transform: scale(0.6);transition: all 0.8s ease-out;opacity: 0;}
.P-Sq14 .BX-Sq14:hover .contct-Sq14 {transform: scale(1);opacity: 1;transition: all 0.8s ease-out;}
.P-SqPn .Bx-SqPn {background: linear-gradient(45deg, #f3f3f3, transparent);box-shadow: 0 3px 6px -1px #d6d6d6;border: 3px solid #fff;transition: all 0.3s;color: black;}
/*=*=*=*=*=*= * --- login-register ---  * ======================== */
.P-SqLr .main {width: 1000px;min-width: 1000px;min-height: 600px;height: 600px;background-color: #ecf0f3;box-shadow: 10px 10px 10px #d1d9e6, -10px -10px 10px #f9f9f9;border-radius: 12px;overflow: hidden;}
.P-SqLr .inBx {top: 0;width: 600px;background-color: #ecf0f3;transition: 1.25s;}
.P-SqLr .form {flex-direction: column;}
.P-SqLr .form__icon {object-fit: contain;width: 30px;margin: 0 5px;opacity: .5;transition: .15s;}
.P-SqLr .form__icon:hover {opacity: 1;transition: .15s;cursor: pointer;}
.P-SqLr .form__input {max-width: 100%;width: 350px;height: 40px;margin: 4px 0;padding-left: 25px;font-size: 13px;letter-spacing: .15px;border: none;outline: none;background-color: #ecf0f3transition: .25s ease;border-radius: 8px;box-shadow: inset 2px 2px 4px #d1d9e6, inset -2px -2px 4px #f9f9f9;}
.P-SqLr .form__input:focus {box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #f9f9f9;}
.P-SqLr .form__link {color: #181818;font-size: 15px;margin-top: 25px;border-bottom: 1px solid #a0a5a8;line-height: 2;}
.P-SqLr .title {font-size: 34px;line-height: 3;color: #181818;}
.P-SqLr .description {font-size: 14px;letter-spacing: .25px;text-align: center;line-height: 1.6;}
.P-SqLr .button {max-width:100%;width: 180px;height: 50px;margin-top: 50px;font-weight: 700;font-size: 14px;letter-spacing: 1.15px;background-color: var(--main2-color);color: #f9f9f9;box-shadow: 8px 8px 16px #d1d9e6, -8px -8px 16px #f9f9f9;border: none;outline: none;}
.P-SqLr .a-container {z-index: 100;left: calc(100% - 600px );}
.P-SqLr .b-container {left: calc(100% - 600px );z-index: 0;}
.P-SqLr .switch {top: 0;left: 0;height: 100%;width: 400px;padding: 50px;z-index: 200;transition: 1.25s;background-color: #ecf0f3;overflow: hidden;box-shadow: 4px 4px 10px #d1d9e6, -4px -4px 10px #f9f9f9;}
.P-SqLr .switch__circle {position: absolute;width: 500px;height: 500px;border-radius: 50%;background-color: #ecf0f3;box-shadow: inset 8px 8px 12px #d1d9e6, inset -8px -8px 12px #f9f9f9;bottom: -60%;left: -60%;transition: 1.25s;}
.P-SqLr .switch__circle--t {top: -30%;left: 60%;width: 300px;height: 300px;}
.P-SqLr .switch__container {flex-direction: column;width: 400px;padding: 50px 55px;transition: 1.25s;max-width: 100%}
.P-SqLr .switch__button {cursor: pointer;}
.P-SqLr .switch__button:hover {box-shadow: 6px 6px 10px #d1d9e6, -6px -6px 10px #f9f9f9;transform: scale(0.985);transition: .25s;}
.P-SqLr .switch__button:active,
.P-SqLr .switch__button:focus {box-shadow: 2px 2px 6px #d1d9e6, -2px -2px 6px #f9f9f9;transform: scale(0.97);transition: .25s;}
.P-SqLr .is-txr {left: calc(100% - 400px );transition: 1.25s;transform-origin: left;}
.P-SqLr .is-txl {left: 0;transition: 1.25s;transform-origin: right;}
.P-SqLr .is-z200 {z-index: 200;transition: 1.25s;}
.P-SqLr .is-hidden {visibility: hidden;opacity: 0;position: absolute;transition: 1.25s;}
.P-SqLr .is-gx {animation: is-gx 1.25s;}
@keyframes is-gx {
    0%, 10%, 100% {width: 400px;}
    30%, 50% {width: 500px;}
}
/*=*=*=*=*=*= * --- FILTER-color ---  * ======================== */
.each-color {width: 30px;height: 30px;padding: 1px;}
.rw-colorS .clr:first-child   .each-color , .rw-colorS .clr:first-child    .each-color .main-color , .rw-colorS .clr:first-child    .each-color .main-color:checked::after{background: #f70000;}
.rw-colorS .clr:nth-child(2)  .each-color , .rw-colorS .clr:nth-child(2)   .each-color .main-color , .rw-colorS .clr:nth-child(2)   .each-color .main-color:checked::after{background: #86ff00;}
.rw-colorS .clr:nth-child(3)  .each-color , .rw-colorS .clr:nth-child(3)   .each-color .main-color , .rw-colorS .clr:nth-child(3)   .each-color .main-color:checked::after{background: #00c4ff;}
.rw-colorS .clr:nth-child(4)  .each-color , .rw-colorS .clr:nth-child(4)   .each-color .main-color , .rw-colorS .clr:nth-child(4)   .each-color .main-color:checked::after{background: #ff006a;}
.rw-colorS .clr:nth-child(5)  .each-color , .rw-colorS .clr:nth-child(5)   .each-color .main-color , .rw-colorS .clr:nth-child(5)   .each-color .main-color:checked::after{background: #f7a900;}
.rw-colorS .clr:nth-child(6)  .each-color , .rw-colorS .clr:nth-child(6)   .each-color .main-color , .rw-colorS .clr:nth-child(6)   .each-color .main-color:checked::after{background: #8df700;}
.rw-colorS .clr:nth-child(7)  .each-color , .rw-colorS .clr:nth-child(7)   .each-color .main-color , .rw-colorS .clr:nth-child(7)   .each-color .main-color:checked::after{background: #7600f7;}
.rw-colorS .clr:nth-child(8)  .each-color , .rw-colorS .clr:nth-child(8)   .each-color .main-color , .rw-colorS .clr:nth-child(8)   .each-color .main-color:checked::after{background: #000000;}
.rw-colorS .clr:nth-child(9)  .each-color , .rw-colorS .clr:nth-child(9)   .each-color .main-color , .rw-colorS .clr:nth-child(9)   .each-color .main-color:checked::after{background: #45ff98;}
.rw-colorS .clr:nth-child(10) .each-color , .rw-colorS .clr:nth-child(10)  .each-color .main-color , .rw-colorS .clr:nth-child(10)   .each-color .main-color:checked::after{background: #d8ff00;}
.main-color {border: 2px solid white;width: 28px;height: 28px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;right: 0;top: 0;left: 0;transition: all 0.15s ease-out 0s;cursor: pointer;}
.main-color:checked::before {height: 28px;width: 28px;position: absolute;content: '✔';display: inline-block;font-size: 18px;text-align: center;line-height: 28px;}
.main-color:checked::after {-webkit-animation: click-wave 0.65s;-moz-animation: click-wave 0.65s;animation: click-wave 0.65s;content: '';display: block;position: relative;z-index: 100;}
@keyframes click-wave {
    0% {height: 0px;width: 0px;opacity: 0.35;position: relative;}
    100% {height: 40px;width: 40px;margin-right: -5px;margin-top: -10px;opacity: 0;}
}
/*=*=*=*=*=*= * --- FILTER-items --  * ======================== */
.check {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 0 19px 0 0;color: #6f6f6f;}
.check input {position: absolute;opacity: 0;cursor: pointer;right: 0;z-index: 1;width: 100%;height: 100%;top: 0;}
.check .checkmark {top: -1px;right: 0;height: 16px;width: 16px;background-color: #fff;border: 1px solid #d4d4d4;border-radius: 3px;}
.check input:checked ~ .checkmark {background-color: var(--main1-color) ;}
.check .checkmark:after {content: "";position: absolute;display: none;}
.check input:checked ~ .checkmark:after {display: block;}
.check .checkmark:after {left: 5px;top: 0px;width: 5px;height: 11px;border: solid;border-color: #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*=*=*=*=*=*= * --- Bx-Rang --  * ======================== */
.Bx-Rang .irs {height: 55px;position: relative; display: block;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.Bx-Rang .irs-line {position: relative; display: block;overflow: hidden;outline: none !important;height: 10px; top: 33px;background: #EEE;background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */border: 1px solid #CCC;border-radius: 16px;-moz-border-radius: 16px;}
.Bx-Rang .irs-line-left,
.Bx-Rang .irs-line-mid,
.Bx-Rang .irs-line-right {position: absolute; display: block;top: 0;height: 8px;}
.Bx-Rang .irs-line-left {left: 0; width: 11%;}
.Bx-Rang .irs-line-mid {left: 9%; width: 82%;}
.Bx-Rang .irs-line-right {right: 0; width: 11%;}
.Bx-Rang .irs-shadow {height: 2px; top: 38px;background: #000;opacity: 0.3;border-radius: 5px;-moz-border-radius: 5px;position: absolute; display: none;left: 0; width: 0;}
.Bx-Rang .irs-slider {position: absolute; display: block;z-index: 1;top: 25px;width: 27px; height: 27px;border: 1px solid #AAA;background: #DDD;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */border-radius: 27px;-moz-border-radius: 27px;box-shadow: 1px 1px 3px rgba(0,0,0,0.3);cursor: pointer;}
.Bx-Rang .irs-slider.type_last {z-index: 2;}
.Bx-Rang .irs-min {left: 0;cursor: default;}
.Bx-Rang .irs-max {right: 0;cursor: default;}
.Bx-Rang .irs-grid {position: absolute; display: none;bottom: 0; left: 0;width: 100%; height: 20px;}
.Bx-Rang .irs-with-grid .irs-grid {display: block;}
.Bx-Rang .irs-hidden-input {position: absolute !important;display: block !important;top: 0 !important;left: 0 !important;width: 0 !important;height: 0 !important;font-size: 0 !important;line-height: 0 !important;padding: 0 !important;margin: 0 !important;outline: none !important;z-index: -9999 !important;background: none !important;border-style: solid !important;border-color: transparent !important;}
.Bx-Rang .irs-bar {height: 10px; top: 33px;border-top: 1px solid var(--main1-color) ;border-bottom: 1px solid var(--main1-color) ;background: var(--main1-color);position: absolute; display: block;left: 0; width: 0;}
.Bx-Rang .lt-ie9 .irs-shadow {filter: alpha(opacity=30);}
.Bx-Rang .irs-slider.state_hover,
.Bx-Rang .irs-slider:hover {background: #FFF;}
.Bx-Rang .irs-min,
.Bx-Rang .irs-max {position: absolute; display: block;color: #333;font-size: 12px; line-height: 1.333;text-shadow: none;top: 0;padding: 1px 5px;background: rgba(0,0,0,0.1);border-radius: 3px;-moz-border-radius: 3px;}
.Bx-Rang .irs-from,
.Bx-Rang .irs-to,
.Bx-Rang .irs-single {position: absolute; display: block;top: 0; left: 0;cursor: default;white-space: nowrap;color: #fff;font-size: 14px; line-height: 1.333;text-shadow: none;padding: 1px 5px;background: var(--main1-color);border-radius: 3px;-moz-border-radius: 3px;}
/*=*=*=*=*=*= * --- radio bottn --  * ======================== */
.Radio-L + .Label-L {cursor: pointer;outline: none;-moz-user-select: -moz-none;-ms-user-select: none;-webkit-user-select: none;user-select: none;width: 40px;height: 20px;background-color: #e4e4e4;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;-moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}
.Radio-L + .Label-L::before,
.Radio-L + .Label-L::after {content: "";display: block;position: absolute;}
.Radio-L + .Label-L::before {right: 1px;left: 1px;top: 1px;bottom: 1px;background-color: #F1F1F1;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;-moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}
.Radio-L + .Label-L::after {top: -1px;left: 0;width: 22px;height: 22px;background-color: #fff;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);-moz-transition: -moz-transform 0.4s;-o-transition: -o-transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;}
.Radio-L:checked + .Label-L ,
.Radio-L:checked + .Label-L::before {background-color: var(--main1-color);}
.Radio-L:checked + .Label-L::after {-moz-transform: translateX(20px);-ms-transform: translateX(20px);-webkit-transform: translateX(20px);transform: translateX(20px);}
.Radio-L:disabled + .Label-L {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: 0.5;cursor: default;}

/*=*=*=*=*=*= * --- RESPANSIVE --  * ======================== */
@media (max-width: 768px){
    .P-SqLr .main {width: 750px;min-width: 750px;}
    .P-SqLr .switch {width: 350px;}
    .P-SqLr .is-txr {left: calc(100% - 350px );}
    .P-SqLr .a-container {left: calc(100% - 400px );}
    .P-SqLr .inBx {width: 400px;}
}
@media (max-width: 500px){
    .P-SqLr .main {width: 350px;min-width: 350px;}
    .P-SqLr .switch {width: 150px;}
    .P-SqLr .is-txr {left: calc(100% - 150px );}
    .P-SqLr .a-container {left: calc(100% - 200px );}
    .P-SqLr .inBx {width: 200px;}
    .P-SqLr .switch__container {padding: 5px;}
    .P-SqLr .title {font-size: 17px;}
    .P-SqLr .description,.P-SqLr .form__link {font-size: 11px;}
}