@font-face {font-family: 'Vazir';font-weight: 900; src: url('../font/Vazir-Black-FD.ttf') format('truetype'); }
@font-face {font-family: 'Vazir';font-weight: bold; src: url('../font/Vazir-Bold-FD.ttf') format('truetype'); }
@font-face {font-family: 'Vazir';font-weight: normal; src: url('../font/Vazir-FD.ttf') format('truetype'); }
@font-face {font-family: 'Vazir-eng';font-weight: normal; src: url('../font/Vazir-eng.ttf') format('truetype'); }
@font-face {font-family: 'Vazir';font-weight: 300; src: url('../font/Vazir-Light-FD.ttf') format('truetype'); }
@font-face {font-family: 'Vazir';font-weight: 500; src: url('../font/Vazir-Medium-FD.ttf') format('truetype'); }
@font-face {font-family: 'Vazir';font-weight: 200; src: url('../font/Vazir-Thin-FD.ttf') format('truetype'); }
@font-face {font-family: 'WebsimaRohanRound-Regular';  src: url('../font/WebsimaRohanRound-Regular.ttf') format('truetype');}
::selection {color: white;background: var(--main-color);}*,ul,p,label,.row{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%;}a:hover {color: var(--main-color);}img{max-width: 100% !important;}.dir-ltr{direction: ltr;}.rounded-all{border-radius: 30px !important;}.rounded {border-radius: .45rem!important;}.rounded-top {border-top-right-radius: .45rem!important;border-top-left-radius:.45rem!important;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #757575;background-color: #fff;}  ::-webkit-scrollbar {width: 8px;height:3px;background-color: #F5F5F5;}  ::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 9px;}
html,body{direction: rtl;font-family: 'Vazir';text-align: right;font-size: 13px;background: #f8f8f8;}  :root{--main-color:#024ef9;--main1-color:#b3154f;}  .text-theme{color:var(--main-color);}.bg-theme{background:var(--main-color);}  .text-theme1{color:var(--main1-color);}.bg-theme1{background:var(--main1-color);}  .container-fluid {position: relative;padding: 0 60px;}  .f-Regular{font-family: 'WebsimaRohanRound-Regular';}  .over-page {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: #0000007a;z-index: 11;opacity: 0;transition: all 0.3s;display: none;}  .open-menu .over-page {opacity: 1;transition: all 0.3s;display: block;}  canvas {top: 0;right: 0;left: 0;bottom: 0;z-index: 11;}  .position-initial{position: initial;}
#sync2 .owl-stage {transform: translate3d(0px, 0px, 0px) !important;}
/*=*=*=*=*=*= * --- P-commen ---  * ================================== */
.txt-Pp {font-size: 17px;}  .exp-Pp {font-weight: 500;color: #909090;line-height: 21px;}
/*=*=*=*=*=*= * --- HEADER--  * ======================== */
.P-Header {height: 100px;}  .P-Header .Fix-Headr {transition: all 0.3s;z-index: 555;box-shadow: 0 0 10px;}  .P-Header .li-head:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0%;content: '';background: #fff;height: 3px; transition: all .5s;border-radius: 12px 12px 0 0;}  .P-Header .li-head:hover:after {width: 100%;}
.head-logo {width: 87px;}  .logo-exp {    white-space: nowrap;color: #b3b3b3;}  .bar-menu {transform: scaleX(1.9) scaleY(1.5);margin: 0 11px 0 0;}  .bg_move {background: linear-gradient(45deg ,#043579,#e6431e,#fce921,#043579);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;background-size: 250px 250px;background-position: 0 0;-webkit-animation: stripes 10s linear infinite;animation: stripes 10s linear infinite;background-clip: text;-webkit-background-clip: text;color: transparent;}  .bg_move .animated-h {font-size: 25px;text-transform: capitalize;}  @-webkit-keyframes stripes { 100% {background-position: 250px 0, 250px 0, 100px 0;} }  @keyframes stripes { 100% {background-position: 250px 0, 250px 0, 100px 0;} }
/*=*=*=*=*=*= * --- MEGA-MENU--  * ======================== */
.Mega-Menu {position: initial;}  .Drop-Down:hover:before {display: block;opacity: 1;transition: all 0.3s;}  .Drop-Down:before {content: "";background: #00000052;position: absolute;width: 10006vh;left: -500px;top: 100%;bottom: 0;display: none;opacity: 0;transition: all 0.3s;height: 100vh;}  .InBx-Mega {z-index: 3;}
.Meg-itm {position: relative;}  .Meg-itm:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0%;content: '';background: var(--main-color);height: 1px; transition: all .5s;}  .Meg-itm:hover:after {width: 100%;}
.Mega-Menu .fadeIn-bx {width: 90%;right: 0;left: 0;top: 90%;display: none;opacity:0;overflow: hidden;transition: all 0.3s;box-shadow: 0px 2px 10px -5px #a2a2a2;}  .Mega-Menu .Drop-Down:hover .fadeIn-bx {display: block;opacity:1;transition: all 0.3s;}  .InBx-Mega .Itm-Menu a:hover {color: var(--main-color) ;} .ic-menu {width: 16px;}
.masonry {column-count: 2;column-gap: 5px;}  @media (min-width: 768px) {  .masonry {column-count: 3;}  }  @media (min-width: 1199px) {  .masonry {column-count: 4;}  }  .masonry .masonry-item {box-sizing: border-box;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;}  .masonry img {width: 100%;height: 100%;object-fit: cover;}
/*=*=*=*=*=*= * --- TAB-HOVER-MENU--  * ======================== */
.Hvr-Tb-Menu .nav-tabs {border-bottom: 0;}  .Hvr-Tb-Menu .tab-pane.A-ctive{display: block !important;opacity: 1;}  .Hvr-Tb-Menu .Tb-Lnk {padding: 13px 8px;font-size: 16px;}  .Hvr-Tb-Menu .Tb-Lnk i {font-size: 11px;margin: 0 0 0 4px;}  .Hvr-Tb-Menu .Tb-Lnk.A-ctive {border-right: 3px solid var(--main-color);z-index: 11;color: var(--main-color) !important;}
/*=*=*=*=*=*= * --- RESPANSIVE-MENU--  * ======================== */
.Side-mob {top: 0;right: 0;bottom: 0;overflow-y: auto;width: 79%;z-index: 1212;box-shadow: 0 0 10px;transform: translateX(100%);transition: all 0.3s;}
.right-open.Side-mob {transform: translateX(0);transition: all 0.3s;}  .Drp-Dwn {height: 35px;overflow: hidden;}  .icn-mob {width: 42px;}  .drop-categories {background: #f0f0f1;}  .Drp-Dwn .mb-item i {transition: all 0.3s;}  .open-sub.Drp-Dwn {height: auto;}  .open-sub.Drp-Dwn .drop {color:var(--main-color) !important;border-bottom: 1px solid #dfdfe2;}  .open-sub.Drp-Dwn .drop i {transform: rotate(180deg);transition: all 0.3s;}  .over-page {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: #0000007a;z-index: 11;opacity: 0;transition: all 0.3s;display: none;}  .open-menu .over-page{opacity: 1;transition: all 0.3s;display: block;}
/*=*=*=*=*=*= * --- search-box--  * ======================== */
.BX-serch {visibility: hidden;top: 0;left: 0;right: 0;z-index: 9;}
.serch i {font-size: 20px;}
.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: 12px 74px 12px 0;font-size: 72px;height: 84px;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;}
}
/*=*=*=*=*=*= * --- PART-BCK-TOP ---  * ================================== */
#scrollTop {text-align: center;position: fixed;bottom: 4px;right: 0;display: none;border-radius: 50%;border: 0;background: #69060600;z-index: 99;transition: 0.5s;}  #scrollTop:hover{transition: 0.5s;color: #000;}  #scrollTop .circle {background: var(--main-color);font-size: 21px;cursor: pointer;transform: translate(-4%,0%);width: 53px;height: 53px;border: 5px solid #6e91ef;border-radius: 50%;overflow: hidden;padding: 10px 0 0;}
/*=*=*=*=*=*= * --- P-Title ---  * ================================== */
.P-F-Slider img{object-fit: cover;}
.Tak-sl .owl-nav,.Tak-sl .owl-dots   {display: none}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {background: var(--main-color);}
.owl-theme .owl-dots .owl-dot span {background: #fff ;}
.content-slider{bottom: 0;right: 0;left: 0;    z-index: 11;}
.prt4,.prt4::before,#prt4{background: rgba(4,47,139,.78);}
.prt3,.prt3::before,#prt3{background: rgba(107,22,80,.78);}
.prt2,.prt2::before,#prt2{background: rgba(0,170,231,.82);}
.prt1,.prt1::before,#prt1{background: rgba(88,166,24,.8);}
.ech-itm::before {content: "";position: absolute;right: 0;left: 0;transition: all 0.3s;bottom: 97%;height: 0px;border-radius: 12px 12px 0 0;}
.show-po .ech-itm::before {transition: all 0.3s;height: 8px;}
.show-po .ech-itm {transition: all 0.3s;transform: translateY(-2px) scaleY(1.1);z-index: 3;}
.content-slider .item {height: 200px;}
.content-slider .owl-item {position: initial !important;-webkit-transform: none !important;}
.contct-prt {position: absolute;top: 58px;right: 0;left: 0;display: none;}
.show-po .contct-prt {display: block;}
/*=*=*=*=*=*= * --- Bx-P1 --  * ======================== */
.Bx-P1 {color: #585858 ;line-height: 22px;transition:all .3s ease 0s;}  .Bx-P1 .pc-P1 {height: 120px;transition: all 0.3s;filter: contrast(0.7);}  .Bx-P1:hover .pc-P1 {transition: all 0.3s;transform: translateY(-10px) rotate(-3deg) scale(1.1);filter: contrast(1);}
/*=*=*=*=*=*= * --- P-Abutus --  * ======================== */
.P-Abutus {background: url("../images/p2.jpg") ;background-size: cover;}
.sub-title {font-size: 20px;}
.sub-exp {line-height: 27px;color: #ffffffc9;}
.Bx-P2 .fa-arrow-left {width: 46px;height: 46px;background: #efefef;font-size: 20px;color: #a0a0a0;transition: all 0.3s;}
.Bx-P2:hover .fa-arrow-left {color: var(--main-color);box-shadow: 0 0 20px -8px black;transform: translateX(-5px);transition: all 0.3s;}
.Bx-P2 .txt-P2 {color: #545454;}
.Bx-P2 .img-P2{transition: all 0.3s;transform:scale(1) rotate(0)}
.Bx-P2:hover .img-P2{filter:sepia(80%);transform:scale(1.3) rotate(10deg);transition: all 0.3s;}
.Bx-P2 .pc-P2{overflow: hidden;}  .Bx-P2 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.Bx-P2:hover .title{opacity:1;transform:scale(1)}
.Bx-P2 .icon{font-size: 22px;padding: 2px 12px;color: white;list-style:none;background:var(--main-color);border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.Bx-P2:hover .icon{top:0}
/*=*=*=*=*=*= * --- P-Productt --  * ======================== */
.P-Productt {background: #ebebeb;}
.Bx-P3 {transition: all 0.3s;border-bottom: 3px solid #ebebeb;overflow: hidden;}
.Bx-P3:hover {transition: all 0.3s;border-bottom: 3px solid var(--main-color);transform: translateY(-3px)}
.Bx-P3:after {background: rgba(255,255,255,.3);border-right: 2px solid var(--main-color);top: 0;left: 170%;opacity: 1;z-index: 1;transform: skewX(45deg);transition: all 1s ease 0s;content: "";width: 100%;height: 100%;position: absolute;}
.Bx-P3:hover:after {left: -170%;}.Bx-P3 .pc-P3 {height: 250px;}
.Bx-P3 img {width: auto !important;}
/*=*=*=*=*=*= * --- P-Article --  * ======================== */
.titl-P4 {font-size: 17px;color: #5f5f5f;}  .titl-P4 a {font-size: 12px;margin: 3px 0 0;color: #a2a2a2;}
.Bx-P5 {border-right: 3px solid var(--main-color);}
.Bx-P6 .txt-P6, .Bx-P7 .txt-P7{font-size: 15px;}
.Bx-P6 {box-shadow: 0 0 10px 0 #e0e0e0;transition: all 0.3s;}  .Bx-P6:hover {box-shadow: 0 0 17px 0 #bbbbbb;transition: all 0.3s;transform: translateY(-10px);}
.Bx-P7 .exp-P7 {height: 58px;font-weight: 500;color: #909090;line-height: 21px;}  .Bx-P7 {transition: all 0.3s;border-bottom: 1px solid #efefef;}  .Bx-P7:last-child {border-bottom: 0;}  .Bx-P7:hover {transition: all 0.3s;transform: translateY(-2px);background: #f9f9f9;}
.list-article {overflow: auto;height: 430px;}  .list-article::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #fff;}  .list-article::-webkit-scrollbar {width: 3px;background: #fff;}  .list-article::-webkit-scrollbar-thumb {background: #c7c7c7;}
/*=*=*=*=*=*= * --- FOOTER --  * ======================== */
/*.P-Social {border-top: 7px solid #6e91ef;}*/
.P-Footer {background: url("../images/p11.jpg");background-size: cover;}
.BX-P4 {background: #ffffff26;height: 202px;}
.Title-Ft {border-bottom: 1px solid rgba(255, 255, 255, 0.56);}
.cell i {font-size: 14px !important;transform: none !important;}
.Itm-Ft,.copyright {color: #ffffff94;font-size: 12px;}  .Itm-Ft:hover {color: #fff;}  .Itm-Ft i {font-size: 6px;transform: rotate(45deg);}
.BX-P4 li {border-bottom: 1px solid #ffffff38;}  .BX-P4 li:last-child {border-bottom: 0;}
/*=*=*=*=*=*= * --- login-register --  * ======================== */
.P-RLogn .title-L {font-size: 26px;}
.P-RLogn .title-L::before {content: "";background: var(--main-color);width: 95px;height: 3px;position: absolute;right: 0;left: 0;margin: auto;bottom: 0;border-radius: 12px;}
.P-RLogn {overflow: hidden;width: 900px;height: 550px;box-shadow: 0 8px 23px -5px #d6d6d6;}
.P-RLogn .sign-in {width: 580px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.P-RLogn.s--signup .sign-in {-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transform: translate3d(640px, 0, 0);transform: translate3d(640px, 0, 0);}
.P-RLogn .sign-up {width: 580px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;-webkit-transform: translate3d(-900px, 0, 0);transform: translate3d(-900px, 0, 0);}
.P-RLogn.s--signup .sign-up {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.P-RLogn .sub-cont {overflow: hidden;left: 541px;top: 0;width: 900px;padding-left: 260px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}
.P-RLogn.s--signup .sub-cont {-webkit-transform: translate3d(-541px, 0, 0);transform: translate3d(-541px, 0, 0);}
.P-RLogn .TxBx {box-shadow: 0px 5px 7px -7px #3c3c3c;border: 0;height: 43px;line-height: 43px;transition: all 0.4s;}
.P-RLogn .TxBx:focus {border-bottom: 1px solid var(--main-color);border-radius: 3px;transition: all 0.4s;}
.P-RLogn .subjct-L {color: #bdbdbd;}
.P-RLogn .btn-efct3 {height: auto;border: 1px solid var(--main-color);color: var(--main-color);}
.P-RLogn button {margin: auto;width: 205px;}
.P-RLogn .img {overflow: hidden;z-index: 2;left: 0;top: 0;width: 361px;}
.P-RLogn .img:before {background-image: url("../images/page/p27.jpg");content: '';position: absolute;right: 0;top: 0;width: 1009px;height: 100%;background-size: cover;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}
.P-RLogn.s--signup .img:before {-webkit-transform: translate3d(640px, 0, 0);transform: translate3d(640px, 0, 0);}
.P-RLogn .img__text {z-index: 2;left: 0;top: 50px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}
.P-RLogn.s--signup .img__text.m--up {-webkit-transform: translateX(520px);transform: translateX(520px);}
.P-RLogn .img__text.m--in {-webkit-transform: translateX(-520px);transform: translateX(-520px);}
.P-RLogn.s--signup .img__text.m--in {-webkit-transform: translateX(0);transform: translateX(0);}
.P-RLogn .img__btn {margin: 300px auto 0;overflow: hidden;z-index: 2;width: 100px;height: 36px;background: transparent;text-transform: uppercase;cursor: pointer;}
.P-RLogn .img__btn:after {content: '';z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #fff;border-radius: 30px;}
.P-RLogn .img__btn span {left: 0;top: 0;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;-webkit-transition: -webkit-transform 1.2s;transition: -webkit-transform 1.2s;transition: transform 1.2s;transition: transform 1.2s, -webkit-transform 1.2s;}
.P-RLogn .img__btn span.m--in {-webkit-transform: translateY(-72px);transform: translateY(-72px);}
.P-RLogn.s--signup .img__btn span.m--in {-webkit-transform: translateY(0);transform: translateY(0);}
.P-RLogn.s--signup .img__btn span.m--up {-webkit-transform: translateY(72px);transform: translateY(72px);}
.P-RLogn .forgot-pass {font-size: 12px;border-bottom: 1px dashed;}
/*=*=*=*=*=*= * --- abot-us --  * ======================== */
.Main-deta {background: #f3f3f3;}
.P-Title {height: 500px;}
.P-Title .contct-sl {background: #00000000;bottom: 0;}
.P-Aboutus {line-height: 30px;font-size: 15px;}
.BX-2 .pc-team{transition: all 0.3s;}
.BX-2:hover .pc-team{transition: all 0.3s;transform: translateY(-8px);box-shadow: 0 18px 23px -5px #d6d6d6;}
/*=*=*=*=*=*= * --- P-news ---  * ================================== */
.whol-1::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 2px;background: #efefef;}
.BX-4 .dateq {font-size: 36px;margin: 0 0 -9px;}
.BX-4 .date-1::before {content: "";background: var(--main-color);position: absolute;bottom: 0;border-radius: 3px;height: 2px;width: 62%;right: 0;left: 0;margin: auto;}
.BX-4 .seeq {color: #b3b3b3;font-size: 12px;margin: -8px 0 0;}
.BX-4 .mounthq {font-weight: bold;color: #888888;}
.BX-4 {transition: all 0.3s;}
.BX-4:hover {transition: all 0.3s;background: #f3f3f35e;}
.BX-5 {line-height: 24px;}
/*=*=*=*=*=*= * --- contct-us --  * ======================== */
.item-field {padding: 12px 10px;box-shadow: 0px 2px 5px -1px #d4d4d4;}
.sub-deta .media-li{transition: all 0.3s;filter: grayscale(1);}
.sub-deta .media-li:hover{transition: all 0.3s;filter: grayscale(0);}
.sub-deta {font-size: 16px;color: #4a4a4a;}
/*=*=*=*=*=*= * --- Bx-3 --  * ======================== */
.BX-3 {height: 146px;box-shadow: 0 2px 14px -3px #c7c7c7;overflow: hidden;}
.BX-3 .pc-category{object-fit: cover;transition: all 1s;}
.BX-3:hover .pc-category{transform: scale(1.1);transition: all 1s;}
.BX-3 .contct-3 {top: 0;background: #00000047;opacity: 0;transition: all 0.5s;}
.BX-3:hover .contct-3 {opacity: 1;transition: all 0.5s;}
.BX-3 .contct-3 i {border: 1px solid ;color: #ffffff;background: #f07c0152;width: 39px;height: 39px;margin: 22px auto 0;font-size: 18px;}

/*=*=*=*=*=*= * --- articles --  * ======================== */
.Bx-6 {filter: saturate(0.7);}
.Bx-6:hover {filter: saturate(1);}
.Bx-6 .label-type {z-index: 11;right: 21px;top: 21px;}
.Bx-6 .ttl-6 {font-size: 17px;}
.Bx-6:hover .ttl-6 {color: var(--main-color) ;}
.Bx-6 .expln-6 {color: #313131;line-height: 22px;height: 109px;overflow: hidden;}
.Bx-6 .dte-6 {transition: all 0.3s;color: #949494;font-size: 11px;}
.Bx-6:hover .dte-6 {transition: all 0.3s;transform: translateX(-5px)}
.Bx-6 .see-more {transition: all 0.3s;}
.Bx-6:hover .see-more {color: var(--main-color) !important;transition: all 0.3s;transform: translateX(12px)}
.Bx-6 .pc-article {height: 188px;object-fit: cover;}
.Bx-7 .exp-7 {font-size: 15px;line-height: 30px;color: #565656;}
.share-7 a {font-size: 25px;color: #ababab;}
.share-7 a:hover {color: var(--main-color);}
/*=*=*=*=*=*= * --- P-Product ---  * ================================== */
.exp-po1 {font-size: 15px;color: #909090;}
.exp-po2 {font-family: 'Font Awesome 5 Brands';font-size: 19px;color: #5f5f5f;}
.table-options .table td,
.table-options .table th {padding: 1rem;vertical-align: middle;border-top: 1px solid #dee2e6;font-size: 13px;}
.see-catalog {background: #000;}
.option-product {border-bottom: 2px solid #d0d0d0;padding-right: 150px;padding-left: 150px;}
.Ad-pt p {font-size: 11px;color: #828282;}
.sl-p3 img {width: auto !important;margin: auto;}
.slide i.fas.fa-search {right: 25px;top: 25px;z-index: 11;background: #ffffff96;width: 55px;height: 55px;font-size: 21px;}
.BXX-Modal.show{display: flex !important;}
/*=*=*=*=*=*= * --- form --  * ======================== */
.P-Formm {font-size: 14px;color: #3a3a3a;}
.main-titlwe {font-size: 21px;line-height: 48px;}
.mini-exp {color: #888888;font-size: 12px;}
.P-Formm th,
.P-Formm td {font-size: 13px;color: #3a3a3a;}
/*=*=*=*=*=*= * --- radio --  * ======================== */
.radio-QW:checked,
.radio-QW:not(:checked) {position: absolute;right: 0;opacity: 0;display: none;}
.radio-QW:checked + label,
.radio-QW:not(:checked) + label {position: relative;padding-right: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}
.radio-QW:checked + label:before,
.radio-QW:not(:checked) + label:before {content: '';position: absolute;right: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background: #fff;}
.radio-QW:checked + label:after,
.radio-QW:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: var(--main-color);position: absolute;top: 3px;right: 3px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.radio-QW:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.radio-QW:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/*=*=*=*=*=*= * --- step --  * ======================== */
.step-progress .step-slider .step-slider-item {height: 3px;background-color: #E0E0E0;}
.step-progress .step-slider .step-slider-item:after {content: "";width: 50px;height: 50px;position: absolute;top: -25px;left: 0;background-color: #FAFAFA;border: 3px solid #E0E0E0;border-radius: 50%;z-index: 2;transition: all 0.3s ease-out 0.5s;-webkit-transition: all 0.3s ease-out 0.5s;}
.step-progress .step-slider .step-slider-item:before {content: "";position: absolute;top: 0;left: 0;width: 0%;height: 3px;background-color: #B0BEC5;z-index: 1;-webkit-transition: all 0.5s ease-out;}
.step-progress .step-slider .step-slider-item.active:before {width: 100%;background-color: var(--main-color);}
.step-progress .step-slider .step-slider-item.active:after {border-color: var(--main-color);}
.step-progress .txt-step {left: 21px;z-index: 11;top: -7px;}
.step-content .step-content-foot button {border: 0;padding: 8px 16px;background-color: #CFD8DC;font-size: 14px;border-radius: 3px;outline: 0;}
.step-content .step-content-foot button:active {background-color: rgba(255, 255, 255, 0.2);}
.step-content .step-content-foot button.out {display: none;}
.step-content .step-content-foot button.disable {background-color: #ECEFF1;}
.step-content .step-content-foot button.active {background-color: var(--main-color);color: white;}
.step-content .step-content-body.out {display: none;}

/*=*=*=*=*=*= * --- RESPANSIVE --  * ======================== */
@media (min-width:1400px){
    .container-fluid {max-width: 1400px;padding: 0;}
}
@media (min-width: 576px){
    .modal-dialog {max-width: 85%;}
}
@media (max-width:1024px){
    .container-fluid ,.container{padding: 0 20px;width: 100%;max-width: 100%;}
    .P-Header {height: 85px;}
}
@media (max-width:768px){
    html, body {font-size: 11px;}
    .P-Header .Fix-Headr {position: relative;}
    .P-Header {height: auto;}
    .bg_move .animated-h {font-size: 5rem;}
    .txt-Pp {font-size: 15px;height: 34px;}
    .Bx-P6 .txt-P6, .Bx-P7 .txt-P7 {font-size: 12px;}
    .exp-Pp {line-height: 17px;}
    .Bx-P7 .exp-P7 {height: 52px;line-height: 17px;}
    .list-article {height: 626px;}
}
@media (max-width: 500px){
    html, body {font-size: 11px;}
    canvas{display: none !important;}
    .container-fluid, .container {padding: 0 10px;}
    .bg_move .animated-h {font-size: 22px;}
    .txt-Pp {font-size: 13px;height: 22px;}
    .sub-title {font-size: 16px;}
    .BX-P4 {height: auto;}
    #scrollTop .circle {width: 44px;height: 44px;padding: 6px 0 0;}
    .list-article {height: 500px;}
    .part-menu {float: left;padding: 7px 0 0;}
    #showRight {font-size: 25px;padding: 0 10px 0 0;}
    .box-sl img {height: 70vh;object-fit: cover;}
    .ech-itm {height: 47px;align-items: center;display: flex;}
    .Bx-P3 .pc-P3 {height: 136px;}

}