.px-4r{padding-right:4rem!important;padding-left: 4rem!important;}.head-1{background-color: #535a7d;}
.svg-icon{transition:transform .2s;}
.icon-q:hover{background-color:#aaa;}.icon-q:hover svg{transform:scale(1.5);}.icon-q:hover .eitaa{fill:#d75a17;}.icon-q:hover .baleh{fill:#009cff;}
.icon-vp:hover{background-color: #e0e0e0;cursor:pointer;}.icon-vp:hover svg{transform:scale(1.3);}.icon-vp:hover .eitaa{fill:#d75a17;}  .icon-vp:hover .baleh{fill:#009cff;}
.color-gray{color: rgba(74, 95, 115, 0.5);}.d-phone:hover{background-color: #ffc107;transition: all .4s ease;}.d-phone:hover svg{fill: #fefefe;}
.head-3{/*background-color: #4b5ba8;border-radius: 10rem;*/}
.li-menu a,.li-menu button{transition:transform .2s;}.li-menu:hover a,.li-menu:hover button{/*background-color: #ffc107;*/transform: scale(1.1);color: rgb(32,32,32)!important;}
.help-m{background-color:#8cb778/*#F30707*/;}
.m-slide:after{width:100%;border-radius:0 0 40% 40%;transform:rotate(180deg);position:absolute;content:'';bottom:0;right:0;background: #f6f5f5;}
/*.dm-sml-sl{border-radius:0 0 40% 40%;transform:rotate(180deg);background: #f6f5f5;}*/
.pot,.pot-hp{ /* animation properties */-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);-moz-animation: my-animation 35s linear infinite;-webkit-animation: my-animation 35s linear infinite;animation: my-animation 35s linear infinite;color: #e53935;}  /* for Firefox */  @-moz-keyframes my-animation { from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(100%); } }  /* for Chrome */  @-webkit-keyframes my-animation { from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(100%); } }  @keyframes my-animation { from {-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);} to {-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);} }
@keyframes fadeInLeft{ 0% {transform: translateY(0);opacity: 1;} 100% {transform: translateX(120px);opacity: 0;} }
@keyframes fadeIn100{0%{opacity:0;}5%{opacity:.05;}10%{opacity:.1;}15%{opacity:.15;}20%{opacity:.2;}25%{opacity:.25;}30%{opacity:.3;}35%{opacity:.35;}40%{opacity:.4;}45%{opacity:.45;}50%{opacity:.5;}55%{opacity:.55;}60%{opacity:.6;}65%{opacity:.65;}70%{opacity:.7;}75%{opacity:.75;}80%{opacity:.8;}85%{opacity:.85;}90%{opacity:.9;}95%{opacity:.95;}100%{opacity:1;}}
.fade-in-100{animation:1s fadeIn100;}.help-t-anm {animation:.4s fadeInLeft;}
.bg-gift{background-image:url(../images/bg-gift.jpg);background-position:center;}
.partnership{transform:scale(2);}.transform-02{transition:transform .2s;}.transform-08{transition:transform .8s;}.transform-18{transition:transform 1.8s;}.gift-part:hover{transform:translateY(-300px)!important;}.translateXY-100{transform:translate(4px,-20px)!important;}
.part-t{transform:scale(.5);}.emer{margin-left: 2px;top: 15px;left: -30px;transform: rotate(315deg)}
.bg-hint-news:before{width:12px;height:2px;position:absolute;content: '';top:0;right:0;background:#FF8000;}.bg-hint-news:after{width:2px;height:12px;position:absolute;content: '';top:0;right:0;background:#FF8000;}
.bg-hint-project:before{width:12px;height:2px;position:absolute;content: '';top:0;right:0;background: #3ed5c9;}  .bg-hint-project:after{width:2px;height:12px;position:absolute;content: '';top:0;right:0;background: #3ed5c9;}
.swp-spp a:hover .ellipsis{color:var(--color-hint-object-news);}
.hamburgerMenu svg path:hover,.hamburgerMenu:hover svg{fill:var(--color-icon-warning);transition: fill 0.3s ease-in-out;}.hamburgerMenu svg path:hover,.hamburgerMenu:hover{background-color: #0c0c0c!important;transition: background-color 0.3s ease-in-out;cursor:pointer;}
.habMenuAbs{width:0;opacity:0;transition:opacity .3s .2s ease-in-out;}.habMenu{width:0!important;transition:width .2s .4s ease-in-out;}.hgmB{width:250px!important;}.hgmA{width:100%;opacity:1;}
.close-menu{transform:rotate(-90deg);transition:transform .3s .1s ease-in-out;}.close-menu:hover{transform:rotate(90deg);transition:transform .3s .1s ease-in-out;}.close-menu svg{fill:var(--color-icon-white);transition: fill .3s .1s ease-in-out;}.close-menu:hover svg{fill:var(--color-icon-low-emphasis);transition: fill .3s .1s ease-in-out;}
.menu-res:hover.menu-res p {color: #034e5d !important;}.menu-res:hover.menu-res svg {fill: #034e5d !important;}
.d-province{display:none;}.sl-active{opacity:1;}.sl_active{fill: var(--color-secondary-500);}.m-sml-sl.sl_active{width:24px!important;background-color: var(--color-secondary-500)!important;}
.text-space-1px{word-spacing:1px;}.vcp{fill:var(--color-neutral-300)}.vcp:hover{fill:var(--color-icon-low-emphasis)}
.ul-list-dropdown{height:0!important;transition:height .5s ease-in-out;}.ul-list-dropUp{height:auto;}
.a-prj:hover{box-shadow: 0 0 9px rgba(36, 36, 37, 0.4);}.active-i:hover{background-color:var(--color-neutral-200);}
.p-all-mws h6{-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;-ms-transition:color .2s linear;transition:color .2s linear;}.p-all-mws:hover h6{color:var(--color-secondary-500);}
.msp-in:after{position:absolute;content: '';bottom:0;right:0;left:0;width:44px;height:2px;margin: 0 auto 0 auto;background:#FF8000;}
.btn-scn-pay{-webkit-transition:color .1s .1s linear;-moz-transition:color .1s .1s linear;-o-transition:color .1s .1s linear;-ms-transition:color .1s .1s linear;transition:color .1s .1s linear;}.btn-scn-pay:hover{background-color:rgba(var(--color-hint-object-success-rgb),.12);color:rgba(var(--color-hint-object-success-rgb),.84);}.bor_btn-scn-pay{border: 2px solid var(--color-secondary-500)!important;background-color:rgba(var(--color-hint-object-success-rgb),.12);color:rgba(var(--color-hint-object-success-rgb),.84);}
.btn-add-cn:hover svg,.btn-del-cn:hover svg{fill: #127cbd;}.r-glr-sld:hover,.l-glr-sld:hover{background-color:var(--color-icon-low-emphasis);}.r-glr-sld:hover.r-glr-sld svg,.l-glr-sld:hover.l-glr-sld svg{fill:var(--color-secondary-700);}
.active-gallery{border:3px solid var(--color-secondary-300);}
.ipt-caret{caret-color:var(--color-secondary-500);caret-shape:2px;}
.flex-1{flex:1!important;}
