@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face{

    font-family:"uicons-regular-straight";

    src:url("fonts/uicons-regular-straight.eot#iefix") format("embedded-opentype"),

    url("fonts/uicons-regular-straight.woff2") format("woff2"),

    url("fonts/uicons-regular-straight.woff") format("woff")

}

textarea, input{

    font-family: 'Montserrat' !important;

}



i[class^=fi-rs-],span[class^=fi-rs-]{line-height:0 !important}i[class^=fi-rs-]:before,i[class*=" fi-rs-"]:before,span[class^=fi-rs-]:before,span[class*=fi-rs-]:before{font-family:uicons-regular-straight !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1 !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fi-rs-add:before{content:"\f101"}.fi-rs-alarm-clock:before{content:"\f102"}.fi-rs-align-center:before{content:"\f103"}.fi-rs-align-justify:before{content:"\f104"}.fi-rs-align-left:before{content:"\f105"}.fi-rs-align-right:before{content:"\f106"}.fi-rs-ambulance:before{content:"\f107"}.fi-rs-angle-double-left:before{content:"\f108"}.fi-rs-angle-double-right:before{content:"\f109"}.fi-rs-angle-double-small-left:before{content:"\f10a"}.fi-rs-angle-double-small-right:before{content:"\f10b"}.fi-rs-angle-down:before{content:"\f10c"}.fi-rs-angle-left:before{content:"\f10d"}.fi-rs-angle-right:before{content:"\f10e"}.fi-rs-angle-small-down:before{content:"\f10f"}.fi-rs-angle-small-left:before{content:"\f110"}.fi-rs-angle-small-right:before{content:"\f111"}.fi-rs-angle-small-up:before{content:"\f112"}.fi-rs-angle-up:before{content:"\f113"}.fi-rs-apps-add:before{content:"\f114"}.fi-rs-apps-delete:before{content:"\f115"}.fi-rs-apps-sort:before{content:"\f116"}.fi-rs-apps:before{content:"\f117"}.fi-rs-archive:before{content:"\f118"}.fi-rs-arrow-down:before{content:"\f119"}.fi-rs-arrow-left:before{content:"\f11a"}.fi-rs-arrow-right:before{content:"\f11b"}.fi-rs-arrow-small-down:before{content:"\f11c"}.fi-rs-arrow-small-left:before{content:"\f11d"}.fi-rs-arrow-small-right:before{content:"\f11e"}.fi-rs-arrow-small-up:before{content:"\f11f"}.fi-rs-arrow-up:before{content:"\f120"}.fi-rs-asterisk:before{content:"\f121"}.fi-rs-backpack:before{content:"\f122"}.fi-rs-badge:before{content:"\f123"}.fi-rs-ban:before{content:"\f124"}.fi-rs-band-aid:before{content:"\f125"}.fi-rs-bank:before{content:"\f126"}.fi-rs-barber-shop:before{content:"\f127"}.fi-rs-baseball:before{content:"\f128"}.fi-rs-basketball:before{content:"\f129"}.fi-rs-bell-ring:before{content:"\f12a"}.fi-rs-bell-school:before{content:"\f12b"}.fi-rs-bell:before{content:"\f12c"}.fi-rs-billiard:before{content:"\f12d"}.fi-rs-bold:before{content:"\f12e"}.fi-rs-book-alt:before{content:"\f12f"}.fi-rs-book:before{content:"\f130"}.fi-rs-bookmark:before{content:"\f131"}.fi-rs-bowling:before{content:"\f132"}.fi-rs-box-alt:before{content:"\f133"}.fi-rs-box:before{content:"\f134"}.fi-rs-briefcase:before{content:"\f135"}.fi-rs-broom:before{content:"\f136"}.fi-rs-browser:before{content:"\f137"}.fi-rs-brush:before{content:"\f138"}.fi-rs-bug:before{content:"\f139"}.fi-rs-building:before{content:"\f13a"}.fi-rs-bulb:before{content:"\f13b"}.fi-rs-calculator:before{content:"\f13c"}.fi-rs-calendar:before{content:"\f13d"}.fi-rs-camera:before{content:"\f13e"}.fi-rs-caret-down:before{content:"\f13f"}.fi-rs-caret-left:before{content:"\f140"}.fi-rs-caret-right:before{content:"\f141"}.fi-rs-caret-up:before{content:"\f142"}.fi-rs-check:before{content:"\f143"}.fi-rs-checkbox:before{content:"\f144"}.fi-rs-chess:before{content:"\f145"}.fi-rs-circle-small:before{content:"\f146"}.fi-rs-circle:before{content:"\f147"}.fi-rs-clip:before{content:"\f148"}.fi-rs-clock:before{content:"\f149"}.fi-rs-cloud-check:before{content:"\f14a"}.fi-rs-cloud-disabled:before{content:"\f14b"}.fi-rs-cloud-download:before{content:"\f14c"}.fi-rs-cloud-share:before{content:"\f14d"}.fi-rs-cloud-upload:before{content:"\f14e"}.fi-rs-cloud:before{content:"\f14f"}.fi-rs-comment-alt:before{content:"\f150"}.fi-rs-comment:before{content:"\f151"}.fi-rs-compress-alt:before{content:"\f152"}.fi-rs-compress:before{content:"\f153"}.fi-rs-computer:before{content:"\f154"}.fi-rs-cookie:before{content:"\f155"}.fi-rs-copy-alt:before{content:"\f156"}.fi-rs-copy:before{content:"\f157"}.fi-rs-copyright:before{content:"\f158"}.fi-rs-cream:before{content:"\f159"}.fi-rs-credit-card:before{content:"\f15a"}.fi-rs-cross-circle:before{content:"\f15b"}.fi-rs-cross-small:before{content:"\f15c"}.fi-rs-cross:before{content:"\f15d"}.fi-rs-crown:before{content:"\f15e"}.fi-rs-cursor-finger:before{content:"\f15f"}.fi-rs-cursor-plus:before{content:"\f160"}.fi-rs-cursor-text-alt:before{content:"\f161"}.fi-rs-cursor-text:before{content:"\f162"}.fi-rs-cursor:before{content:"\f163"}.fi-rs-dart:before{content:"\f164"}.fi-rs-dashboard:before{content:"\f165"}.fi-rs-data-transfer:before{content:"\f166"}.fi-rs-database:before{content:"\f167"}.fi-rs-delete:before{content:"\f168"}.fi-rs-diamond:before{content:"\f169"}.fi-rs-dice:before{content:"\f16a"}.fi-rs-diploma:before{content:"\f16b"}.fi-rs-disk:before{content:"\f16c"}.fi-rs-doctor:before{content:"\f16d"}.fi-rs-document-signed:before{content:"\f16e"}.fi-rs-document:before{content:"\f16f"}.fi-rs-dollar:before{content:"\f170"}.fi-rs-download:before{content:"\f171"}.fi-rs-duplicate:before{content:"\f172"}.fi-rs-e-learning:before{content:"\f173"}.fi-rs-earnings:before{content:"\f174"}.fi-rs-edit-alt:before{content:"\f175"}.fi-rs-edit:before{content:"\f176"}.fi-rs-envelope:before{content:"\f177"}.fi-rs-euro:before{content:"\f178"}.fi-rs-exclamation:before{content:"\f179"}.fi-rs-expand:before{content:"\f17a"}.fi-rs-eye-crossed:before{content:"\f17b"}.fi-rs-eye-dropper:before{content:"\f17c"}.fi-rs-eye:before{content:"\f17d"}.fi-rs-feather:before{content:"\f17e"}.fi-rs-file-add:before{content:"\f17f"}.fi-rs-file-ai:before{content:"\f180"}.fi-rs-file-check:before{content:"\f181"}.fi-rs-file-delete:before{content:"\f182"}.fi-rs-file-eps:before{content:"\f183"}.fi-rs-file-gif:before{content:"\f184"}.fi-rs-file-music:before{content:"\f185"}.fi-rs-file-psd:before{content:"\f186"}.fi-rs-file:before{content:"\f187"}.fi-rs-fill:before{content:"\f188"}.fi-rs-film:before{content:"\f189"}.fi-rs-filter:before{content:"\f18a"}.fi-rs-fingerprint:before{content:"\f18b"}.fi-rs-flag:before{content:"\f18c"}.fi-rs-flame:before{content:"\f18d"}.fi-rs-flip-horizontal:before{content:"\f18e"}.fi-rs-folder-add:before{content:"\f18f"}.fi-rs-folder:before{content:"\f190"}.fi-rs-following:before{content:"\f191"}.fi-rs-football:before{content:"\f192"}.fi-rs-form:before{content:"\f193"}.fi-rs-forward:before{content:"\f194"}.fi-rs-ftp:before{content:"\f195"}.fi-rs-gallery:before{content:"\f196"}.fi-rs-glasses:before{content:"\f197"}.fi-rs-globe-alt:before{content:"\f198"}.fi-rs-globe:before{content:"\f199"}.fi-rs-golf:before{content:"\f19a"}.fi-rs-graduation-cap:before{content:"\f19b"}.fi-rs-graphic-tablet:before{content:"\f19c"}.fi-rs-grid-alt:before{content:"\f19d"}.fi-rs-grid:before{content:"\f19e"}.fi-rs-gym:before{content:"\f19f"}.fi-rs-headphones:before{content:"\f1a0"}.fi-rs-headset:before{content:"\f1a1"}.fi-rs-heart:before{content:"\f1a2"}.fi-rs-home:before{content:"\f1a3"}.fi-rs-hourglass-end:before{content:"\f1a4"}.fi-rs-hourglass:before{content:"\f1a5"}.fi-rs-ice-skate:before{content:"\f1a6"}.fi-rs-id-badge:before{content:"\f1a7"}.fi-rs-inbox:before{content:"\f1a8"}.fi-rs-incognito:before{content:"\f1a9"}.fi-rs-indent:before{content:"\f1aa"}.fi-rs-infinity:before{content:"\f1ab"}.fi-rs-info:before{content:"\f1ac"}.fi-rs-interactive:before{content:"\f1ad"}.fi-rs-interlining:before{content:"\f1ae"}.fi-rs-interrogation:before{content:"\f1af"}.fi-rs-italic:before{content:"\f1b0"}.fi-rs-jpg:before{content:"\f1b1"}.fi-rs-key:before{content:"\f1b2"}.fi-rs-keyboard:before{content:"\f1b3"}.fi-rs-label:before{content:"\f1b4"}.fi-rs-laptop:before{content:"\f1b5"}.fi-rs-lasso:before{content:"\f1b6"}.fi-rs-layers:before{content:"\f1b7"}.fi-rs-layout-fluid:before{content:"\f1b8"}.fi-rs-letter-case:before{content:"\f1b9"}.fi-rs-life-ring:before{content:"\f1ba"}.fi-rs-line-width:before{content:"\f1bb"}.fi-rs-link:before{content:"\f1bc"}.fi-rs-lipstick:before{content:"\f1bd"}.fi-rs-list-check:before{content:"\f1be"}.fi-rs-list:before{content:"\f1bf"}.fi-rs-location-alt:before{content:"\f1c0"}.fi-rs-lock-alt:before{content:"\f1c1"}.fi-rs-lock:before{content:"\f1c2"}.fi-rs-magic-wand:before{content:"\f1c3"}.fi-rs-makeup-brush:before{content:"\f1c4"}.fi-rs-marker-time:before{content:"\f1c5"}.fi-rs-marker:before{content:"\f1c6"}.fi-rs-medicine:before{content:"\f1c7"}.fi-rs-megaphone:before{content:"\f1c8"}.fi-rs-menu-burger:before{content:"\f1c9"}.fi-rs-menu-dots-vertical:before{content:"\f1ca"}.fi-rs-menu-dots:before{content:"\f1cb"}.fi-rs-microphone:before{content:"\f1cc"}.fi-rs-minus-small:before{content:"\f1cd"}.fi-rs-minus:before{content:"\f1ce"}.fi-rs-mobile:before{content:"\f1cf"}.fi-rs-mode-landscape:before{content:"\f1d0"}.fi-rs-mode-portrait:before{content:"\f1d1"}.fi-rs-money:before{content:"\f1d2"}.fi-rs-mouse:before{content:"\f1d3"}.fi-rs-music-alt:before{content:"\f1d4"}.fi-rs-music:before{content:"\f1d5"}.fi-rs-network-cloud:before{content:"\f1d6"}.fi-rs-network:before{content:"\f1d7"}.fi-rs-notebook:before{content:"\f1d8"}.fi-rs-opacity:before{content:"\f1d9"}.fi-rs-package:before{content:"\f1da"}.fi-rs-paint-brush:before{content:"\f1db"}.fi-rs-palette:before{content:"\f1dc"}.fi-rs-paper-plane:before{content:"\f1dd"}.fi-rs-password:before{content:"\f1de"}.fi-rs-pause:before{content:"\f1df"}.fi-rs-pencil:before{content:"\f1e0"}.fi-rs-pharmacy:before{content:"\f1e1"}.fi-rs-physics:before{content:"\f1e2"}.fi-rs-picture:before{content:"\f1e3"}.fi-rs-ping-pong:before{content:"\f1e4"}.fi-rs-play-alt:before{content:"\f1e5"}.fi-rs-play:before{content:"\f1e6"}.fi-rs-playing-cards:before{content:"\f1e7"}.fi-rs-plus-small:before{content:"\f1e8"}.fi-rs-plus:before{content:"\f1e9"}.fi-rs-poker-chip:before{content:"\f1ea"}.fi-rs-portrait:before{content:"\f1eb"}.fi-rs-pound:before{content:"\f1ec"}.fi-rs-power:before{content:"\f1ed"}.fi-rs-presentation:before{content:"\f1ee"}.fi-rs-print:before{content:"\f1ef"}.fi-rs-protractor:before{content:"\f1f0"}.fi-rs-pulse:before{content:"\f1f1"}.fi-rs-quote-right:before{content:"\f1f2"}.fi-rs-rec:before{content:"\f1f3"}.fi-rs-receipt:before{content:"\f1f4"}.fi-rs-rectangle-horizontal:before{content:"\f1f5"}.fi-rs-rectangle-panoramic:before{content:"\f1f6"}.fi-rs-rectangle-vertical:before{content:"\f1f7"}.fi-rs-redo:before{content:"\f1f8"}.fi-rs-reflect:before{content:"\f1f9"}.fi-rs-refresh:before{content:"\f1fa"}.fi-rs-resize:before{content:"\f1fb"}.fi-rs-resources:before{content:"\f1fc"}.fi-rs-rewind:before{content:"\f1fd"}.fi-rs-rocket:before{content:"\f1fe"}.fi-rs-rotate-right:before{content:"\f1ff"}.fi-rs-rugby:before{content:"\f200"}.fi-rs-scale:before{content:"\f201"}.fi-rs-school-bus:before{content:"\f202"}.fi-rs-school:before{content:"\f203"}.fi-rs-scissors:before{content:"\f204"}.fi-rs-screen:before{content:"\f205"}.fi-rs-search-alt:before{content:"\f206"}.fi-rs-search:before{content:"\f207"}.fi-rs-settings-sliders:before{content:"\f208"}.fi-rs-settings:before{content:"\f209"}.fi-rs-share:before{content:"\f20a"}.fi-rs-shield-check:before{content:"\f20b"}.fi-rs-shield-exclamation:before{content:"\f20c"}.fi-rs-shield-interrogation:before{content:"\f20d"}.fi-rs-shield-plus:before{content:"\f20e"}.fi-rs-shield:before{content:"\f20f"}.fi-rs-shop:before{content:"\f210"}.fi-rs-shopping-bag-add:before{content:"\f211"}.fi-rs-shopping-bag:before{content:"\f212"}.fi-rs-shopping-cart-add:before{content:"\f213"}.fi-rs-shopping-cart-check:before{content:"\f214"}.fi-rs-shopping-cart:before{content:"\f215"}.fi-rs-shuffle:before{content:"\f216"}.fi-rs-sign-in:before{content:"\f217"}.fi-rs-sign-out:before{content:"\f218"}.fi-rs-signal-alt-1:before{content:"\f219"}.fi-rs-signal-alt-2:before{content:"\f21a"}.fi-rs-signal-alt:before{content:"\f21b"}.fi-rs-skateboard:before{content:"\f21c"}.fi-rs-smartphone:before{content:"\f21d"}.fi-rs-soap:before{content:"\f21e"}.fi-rs-spa:before{content:"\f21f"}.fi-rs-speaker:before{content:"\f220"}.fi-rs-spinner-alt:before{content:"\f221"}.fi-rs-spinner:before{content:"\f222"}.fi-rs-square-root:before{content:"\f223"}.fi-rs-square:before{content:"\f224"}.fi-rs-star:before{content:"\f225"}.fi-rs-stats:before{content:"\f226"}.fi-rs-stethoscope:before{content:"\f227"}.fi-rs-sticker:before{content:"\f228"}.fi-rs-stop:before{content:"\f229"}.fi-rs-stopwatch:before{content:"\f22a"}.fi-rs-subtitles:before{content:"\f22b"}.fi-rs-surfing:before{content:"\f22c"}.fi-rs-sword:before{content:"\f22d"}.fi-rs-syringe:before{content:"\f22e"}.fi-rs-tablet:before{content:"\f22f"}.fi-rs-target:before{content:"\f230"}.fi-rs-tennis:before{content:"\f231"}.fi-rs-test-tube:before{content:"\f232"}.fi-rs-test:before{content:"\f233"}.fi-rs-text-check:before{content:"\f234"}.fi-rs-text:before{content:"\f235"}.fi-rs-thumbs-down:before{content:"\f236"}.fi-rs-thumbs-up:before{content:"\f237"}.fi-rs-ticket:before{content:"\f238"}.fi-rs-time-add:before{content:"\f239"}.fi-rs-time-check:before{content:"\f23a"}.fi-rs-time-delete:before{content:"\f23b"}.fi-rs-time-fast:before{content:"\f23c"}.fi-rs-time-forward-sixty:before{content:"\f23d"}.fi-rs-time-forward-ten:before{content:"\f23e"}.fi-rs-time-forward:before{content:"\f23f"}.fi-rs-time-half-past:before{content:"\f240"}.fi-rs-time-oclock:before{content:"\f241"}.fi-rs-time-past:before{content:"\f242"}.fi-rs-time-quarter-past:before{content:"\f243"}.fi-rs-time-quarter-to:before{content:"\f244"}.fi-rs-time-twenty-four:before{content:"\f245"}.fi-rs-tool-crop:before{content:"\f246"}.fi-rs-tool-marquee:before{content:"\f247"}.fi-rs-tooth:before{content:"\f248"}.fi-rs-transform:before{content:"\f249"}.fi-rs-trash:before{content:"\f24a"}.fi-rs-treatment:before{content:"\f24b"}.fi-rs-trophy:before{content:"\f24c"}.fi-rs-umbrella:before{content:"\f24d"}.fi-rs-underline:before{content:"\f24e"}.fi-rs-undo:before{content:"\f24f"}.fi-rs-unlock:before{content:"\f250"}.fi-rs-upload:before{content:"\f251"}.fi-rs-usb-drive:before{content:"\f252"}.fi-rs-user-add:before{content:"\f253"}.fi-rs-user-delete:before{content:"\f254"}.fi-rs-user-remove:before{content:"\f255"}.fi-rs-user-time:before{content:"\f256"}.fi-rs-user:before{content:"\f257"}.fi-rs-users:before{content:"\f258"}.fi-rs-vector-2:before{content:"\f259"}.fi-rs-vector-alt:before{content:"\f25a"}.fi-rs-video-camera:before{content:"\f25b"}.fi-rs-volleyball:before{content:"\f25c"}.fi-rs-volume:before{content:"\f25d"}.fi-rs-wifi-alt:before{content:"\f25e"}.fi-rs-world:before{content:"\f25f"}.fi-rs-yen:before{content:"\f260"}.fi-rs-zoom-in:before{content:"\f261"}.fi-rs-zoom-out:before{content:"\f262"}



:root {

    --main-color: rgba(8, 11, 46, 1);

    --primary-color: rgba(254, 193, 25, 1);

}

*{

    box-sizing: border-box;

}

@font-face {

    font-family: 'Segoe';

    src: url('/public/frontend/resources/fonts/Segoe.ttf'); 

}



#homepage h3.heading-2,

.panel-quote .register{

    font-family: 'Segoe', sans-serif; 

}

body{

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

    margin:0;

}

.uk-container{

    max-width: 1320px;

    padding:0 20px;

}

.uk-container-100{

    max-width: 100% !important;

    padding: 0 !important;

}



@media (max-width: 1024px){

    .uk-container{

        padding: 0 10px;

    }

}



button{

    font-family: Mulish;

}



ul{

    margin:0;

}



ul li{

    list-style: none;

    margin-top: 0 !important;

}

.swiper-container{

    overflow: hidden;

}





/* HEADER */



.header-upper{

    background: var(--secondary-color);

    padding:8px 0;

    color:#fff;

}



.header-upper .upper-icon{

    padding-left:20px;

    position: relative;

}



.uk-navbar-nav>li{

    margin-top: 0;

}



.header-upper .upper-icon:not(:last-child){

    margin-right:25px;

}



.header-upper .upper-icon:before{

    content:'';

    display: block;

    position: absolute;

    left:0;

    top:0;

    width:24px;

    height:24px;

}



.header-upper .upper-address:before{

    width:12px;

    height:13px;

    background: url('img/map.png');

    top:3px;

    filter: brightness(0) invert(1);

}

.header-upper .upper-email{

    padding-left:28px;

}

.header-upper .upper-email:before{

    background: url('img/email.png');

    top:-1px;

}

.header-upper .upper-phone{

    padding-left:28px;

}

.header-upper .upper-phone:before{

    background: url('img/phone.png');

    top:1px;

    width:18px;

    height:18px;

}



.header-middle{

    background: var(--primary-color);

}



.navigation .uk-navbar-nav>li>a{

    color:#fff;

    padding:12px 15px;

    text-transform: uppercase;

    transition: all 0.2s ease;

    min-height: 100%;

    font-weight: 600;

}

.navigation .uk-navbar-nav>li:last-child a{

    padding-right: 0;

}

.navigation .uk-navbar-nav>li>a:hover{

    color: var(--primary-color);

}

.header-search .form{

    position: relative;

    width:245px;

}

.header-search .form  input{

    width:100%;

    border-radius: 100px;

    background: #DEDEDE;

    height:36px;

    cursor: pointer;

}



.header-search .form button{

    position: absolute;

    top:50%;

    right:10px;

    transform: translate(0, -50%);

    background: transparent;

    border:0;

    cursor: pointer;

}





/* FILTER */

/* .filter{

    margin-bottom:30px;

} */

.filter-widget .view-grid{

    margin-right:10px;

    background: #ececec;

    font-size:20px;

    height:40px;

    width:40px;

    color:#000;

    line-height:44px;

    border-radius: 6px;

    text-align: center;

    background: #def9ec;

}

.filter-widget .view-grid.active{

    background: #ececec;

    color:#fff;

}

.filter-widget .btn-filter{

    padding: 7px 24px;

    border-radius: 30px;

    font-size: 14px;

    line-height: 20px;

    cursor: pointer;

    font-weight: 800;

    color: #253d4e;

    background: #fff;

    border: 1px solid #ececec;

    transition: all .3s ease 0s;

    box-shadow: 20px 20px 40px rgba(0,0,0,.07);

}

.filter-text{

    font-size:15px;

    margin-right:20px;

    color:#7e7e7e

}

.filter-content{

    position: fixed;

    background: #fff;

    box-shadow: 5px 5px 15px rgba(0,0,0,.05);;

    padding: 50px 50px 30px;

    width: 30%;

    right: 0;

    height: 100%;

    top: 0;

    transition: .6s !important;

    -moz-transition: .6s !important;

    -o-transition: .6s !important;

    -ms-transition: .6s !important;

    /* opacity: 0; */

    z-index: 9999999;

    border-left: 1px solid var(--border-color);

    overflow: auto;

    direction: rtl;

}

.filter-content-container{

    direction: ltr;

}

.filter-overlay{

    position: relative;

}

.filter-close{

    position: absolute;

    top:-20px;

    right:-20px;

    width:40px;

    height:40px;

    background: var(--primary-color);

    border-radius: 50%;

    text-align: center;

    line-height:44px;

    cursor:pointer;

    z-index: 100;

    transition: all 0.5s ease;

    color: #fff;

}

.filter-close:hover{

    background: var(--hover-cover);

    color:#fff;

    transform: rotate(360deg);

}

.fi-rs-cross:before {

    content: "\f15d";

}

.filter-minimize{

    right:-100%;

    opacity: 0;

    visibility: hidden;

}

.filter-open{

    right:0;

    opacity: 1;

}



.slider-box label, .slider-box input {

    border: none; 

    display: inline-block; 

    margin-right: -4px; 

    vertical-align: top; 

    width: 30%;

    outline:0;

    border-radius: 5px;

    font-size:16px;

}

.slider-box input {width: 70%}

.slider {margin: 25px 0}

.filter-heading{

    font-size:24px;

    margin-bottom:30px;

    padding-bottom:20px;

    position: relative;

    border-bottom: 1px solid var(--border-color);

    font-weight:800;

}

.filter-heading:before{

    content:'';

    display: block;

    position: absolute;

    width: 80px;

    height:2px;

    background: var(--primary-color);

    bottom:-1px;

    left:0;

}

.ui-slider-horizontal .ui-slider-range{

    background: var(--primary-color);

}

.ui-slider-horizontal .ui-slider-handle{

    border-radius: 50%;

}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {

    border: 1px solid var(--primary-color);

    background: var(--primary-color);

    font-weight: normal;

    color: #fff

}

.ui-widget.ui-widget-content{

    border-radius: 100px;

    height:5px;

}

.ui-slider .ui-slider-handle{

    width:15px;

    height:15px;

}

.ui-slider-horizontal .ui-slider-handle{

    top:-6px;

    background: #fff;

}

.input-value{

    padding:5px 15px;

    border:1px solid #ececec !important;

    text-align: center;

    width:150px !important;

    font-weight:500;

}

.input-value:focus{

    border:1px solid var(--border-color-2) !important;

}

.filter-item:not(:last-child){

    margin-bottom:50px;

}

.filter-category-list{

    padding-left:25px;

    margin-top:10px;

}

.filter-choose:not(:last-child){

    margin-bottom:10px;

}

.filter-choose{

    font-size:16px;

    font-weight:500;

}

.filter-choose label{

    cursor:pointer;

}

.input-checkbox{

    background-color: #fff;

    border: 2px solid var(--border-color);

    border-radius: 2px;

    box-sizing: border-box;

    font-size: 18px;

    height: 1.2em;

    margin: 0 10px 0 0 !important;

    min-height: 1.2em;

    min-width: 1.2em;

    overflow: hidden;

    position: static;

    vertical-align: middle;

    width: 1.2em;

}

.filter-content::-webkit-scrollbar{

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: var(--color-brand);

    width:6px;

}



.filter-content::-webkit-scrollbar-track {

    background: #f1f1f1;

}

.filter-content::-webkit-scrollbar-thumb {

    background: var(--primary-color);

}

.filter-content::-webkit-scrollbar-thumb:hover {

    background: #555;

}

.filter-choose .totalProduct{

    color:var(--hover-cover);

    font-size:13px;

}

.star-list i,

.filter-star i{

    color:#fdc040;

}



/* END FILTER */



.product-catalogue h1.heading-2{

    margin-bottom: 0;

}

.page-breadcrumb{

    padding: 20px 0;

    padding-bottom: 10px;

    text-align: center;

}

.page-breadcrumb li{

    display: inline-block;

    /* margin-right:10px;

    padding-right:10px; */

    margin-right: 30px;

    position: relative;

}

.page-breadcrumb li > *{

    color: #000;

    font-weight:normal;

}



/* .page-breadcrumb li:not(:last-child):before{

    content: "/";

    display: inline-block;

    font-size: 12px;

    height: 12px;

    line-height: 12px;

    right: -120px;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    color: #000;

} */



.pc-header .upper{

    background: #b6b6b6;

    padding:10px 0;

    color:#fff;

    text-transform: uppercase;

    font-weight: 600;

}

.footer{

    padding-top: 60px;

    padding-bottom: 60px;

}



.popup-product .price{

    display: inline-block;

}



.popup-product .price .percent{

    right:32px;

}



.author{

    margin-right:10px;

    font-weight: 500;

}

.popup-container{

    padding:20px;

}

.popup-product .title > *{

    font-size:20px;

    color: var(--main-color);

    line-height: 32px;

    text-transform: uppercase;

    font-weight: bold;

}

.popup-product .rating{

    margin-bottom:20px;

    padding-bottom:10px;

    border-bottom:1px solid #DDE4F0;

}

.popup-product .price .price-sale{

    font-size:21px;

    font-weight: 700;

    text-transform: uppercase;

}



.popup-product .price .price-old{

    font-style: italic;

    color:#666;

    margin-bottom:8px;

}



.popup-product .description{

    margin-bottom:20px;

    font-size:16px;

    line-height:25px;

}

.popup-product .description p{

    padding-left:10px;

    position: relative;

    margin-bottom:3px;

    font-size:16px;

}

.attribute .attribute-item {

    margin-bottom:10px;

}

.attribute .attribute-item .label{

    color:#425A8B;

    font-size:15px;

    margin-bottom:10px;

}

.attribute .attribute-item .label span{

    color: #FD9636;

}

.attribute .attribute-item .attribute-value > *{

    display: inline-block;

    border: 1px solid #8C9EC5;

    padding: 5px 8px;

    border-radius: 2px;

    margin-right: 4px;

    cursor: pointer;

    font-weight: 500;

}

.attribute  .outstock{

    border:1px dashed #8C9EC5 !important;

    opacity: 0.5 !important;

}

.attribute .active{

    color:#FD9636 !important;

    font-weight: 600 !important;

    border-color:#FD9636 !important;

    background: #F0F3F8 !important;

}



.attribute .color-item{

    border:1px solid #8C9EC5;

    width:50px;

}



.attribute .color-item img{

    border-radius: 50%;

}



.quantity .quantitybox{

    position: relative;

    margin-right:20px;

}

.quantity .quantity-button{

    position: absolute;

    top:0;

    width:40px;

    height:42px;

    text-align: center;

    line-height:42px;



}

.quantity .quantity-text{

    height:42px;

    border:0;

    border-bottom:4px solid;

    outline:0;

    padding:0 20px;

    width:140px;

    text-align: center;

    font-size:14px;

    font-weight:500;

    color: #000;

    border:1px solid #ececec;

    padding-right:40px;

    padding-left:40px;

}

.quantity .text{

    margin-right:10px;

}

.quantity .minus{

    left:0;

    border-right:1px solid #ececec;

}

.quantity .plus{

    right:0;

    border-left:1px solid #ececec;

}

.quantity .text{

    font-size:15px;

    margin-bottom:5px;

}

.modal-width-1138{

    width: 1138px !important;

    margin:20px auto !important;

}

.swiper-container-thumbs{

    overflow: hidden;

}

.swiper-container-thumbs .image{

    border: 2px solid #DDE4F0;

    border-radius: 20px;

    margin-bottom: 16px;

    text-align: center;

    line-height: 108px;

    cursor: pointer;

    height:85px;

}

.quantity-button{

    cursor: pointer;

}



.rate-number{

    color:#0E224D;

    font-weight:500;

    font-size:12px;

}

/* 

.price{

    margin-bottom:20px;

} */

.price .price-sale{

    font-weight: 800;

    /* font-size:20px; */

    line-height: 23px;

    margin-right:15px;

    color: var(--main-color);;

}

.price .price-old{

    font-size:14px;

    color:#000;

    text-decoration: line-through;

    font-weight:500;

}

.product-item .tools{

    position: absolute;

    top:10px;

    right:10px;

}

.product-item .tools > *{

    display: block;

    width:30px;

    height:30px;

    border:1px solid #D5DFE4;

    border-radius: 5px;

    margin-bottom:5px;

    text-align: center;

    line-height:30px;

    transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);

    will-change: opacity, transform;

    opacity: 0;

    transform: translateX(10px);

    background: #fff;

}

.product-item:hover .tools > *{

    opacity: 1;

    transform: translateX(0);

}

.product-item .tools > *:nth-child(2){

    transition-duration: 0.2s;

    transition-delay: 0.1s;

}

.product-item .tools > *:nth-child(3){

    transition-delay: 0.14s;

}

.product-item .tools > *:nth-child(4){

    transition-delay: 0.18s;

}





.woocommerce-tabs {

    margin-top: 20px;

    background-color: #fff;

    border-radius: 7px;

    border: 1px solid #edeef5;

}



 .woocommerce-tabs .wc-tabs{

    padding-left: 1.25rem;

    padding-right: 1.25rem;

    border-bottom:  1px solid #edeef5;

}



 .woocommerce-tabs .wc-tabs a{

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0;

    text-decoration: none;

    padding: 1.25rem;

    display: block;

    color: #ddd;

}



 .woocommerce-tabs .uk-active a{

    color: #000;

}



/*  .woocommerce-tabs .tab-panel .woocommerce-Tabs-panel{

    height: 200px;

    overflow: hidden;

    

} */



 .woocommerce-tabs .tab-panel{

    position: relative;

}



.bg-article {

    background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1));

    bottom: 15px;

    height: 105px;

    left: 0;

    bottom: 0;

    position: absolute;

    width: 100%;

}



.btn-group.description-tabs{

    text-align: center;

}



.btn-group.description-tabs button{

    border: 1px solid #2f80ed;

    border-radius: 5px;

    color: #2f80ed;

    display: block;

    margin: 0 auto;

    max-width: 340px;

    padding: 10px 20px;

    text-align: center;

    background: #fff;

    cursor: pointer;

}



.heigthAuto{

    height: auto!important;

}



.hidden{

    display: none;

}





.productContent table{

    width:100%;

    margin: 20px 0;

}

.productContent table td{

    font-size:14px;

    line-height:1.4;

    padding:16px;

}

.productContent table  tr:nth-child(even) {

    background-color: #f8f6ff;

}



.productContent img{

    margin: 40px auto;

    width:60%;

    display: block;

}



.swiper-slide .image-cover{

    height:300px;

}

.product-short-description{

    text-align: justify;

    font-size:14px;

    line-height:23px;

}

.productContent h2{

    font-size:24px;

    margin-bottom:20px;

    margin-top:25px;

}

.productContent img{

    border-radius: 10px !important;

}

.productContent ul,

.productContent ol{

    margin:20px 0;

    padding-left:10px;

}

.productContent ol li,

.productContent ul li{

    margin-bottom:15px;

    font-size:16px;

    position: relative;

    line-height:25px;

    text-align: justify;

}

.productContent ol li:before,

.productContent ul li:before{

    content:'';

    display: block;

    position: absolute;

    left: -10px;

    top: 9px;

    width:5px;

    height:5px;

    background: #000;

}



.productContent .uk-grid img{

    width:100% !important;

}



#respond .submit{

    padding:10px 25px;

    background-color: #2a82cc;

    border-radius:5px;

    color:#fff;

    text-transform: uppercase;

    border:0;

}

.product-banner .image{

    height:150px;

}

.addCart{

    cursor: pointer;

    /* margin-left:20px; */

}

.product-short-description{

    height:46px;

    overflow: hidden;

}

.bestseller-item:not(:last-child) {

    margin-bottom:10px;

    padding-bottom:10px;

    border-bottom:1px solid #eaeaea;

}

.bestseller-item .image{

    width:100px;

    height:110px;

    float:left;

}

.bestseller-item .info{

    width:calc(100% - 100px);

    float:left;

    padding-left:10px;

}



.bestseller-item .info .title > *{

    font-weight: normal;

    color:#000;

}



#qrcode .uk-modal-dialog{

    width:420px;

}



.popup-gallery .swiper-container {

    margin-bottom: 10px;

}



.popup-gallery .swiper-container  .image{

    height:395px;

    background: rgba(242, 241, 239, 1);

}



.popup-gallery .swiper-container .swiper-button-next,

.popup-gallery .swiper-container .swiper-button-prev{

    display: none;

}



.addToCart{

    /* height:50px;

    line-height: 50px; */

    /* padding:0 20px; */

    color:#fff;

    display: flex;

}



.addToCart > *{

    color:#fff;

    font-weight: 500;

    text-transform: uppercase;

    font-size: 15px;

}





/* New Css */

.pc-header{

    background: var(--main-color);

}

.header-main{

    padding: 15px 0;

}

.header-main .header-lft .image{

    width: 240px;

}

.rgt-upper .contact-hotline{

    margin-right: 15px;

}

.rgt-upper .contact-hotline a{

    height: 36px;

    background: linear-gradient(270deg, #E59B06 0%, #FEC119 50%, #E49804 100%);

    display: block;

    border-radius: 32px;

    padding: 0 10px;

    line-height: 36px;

    color: #fff;

    font-weight: 500;

}

a:hover{

    text-decoration: none !important;

}

.rgt-upper{

    display: flex;

    justify-content: end;

}

.rgt-upper .form-search input{

    height: 36px;

    width: 286px;

    border-radius: 32px;

    border: none;

    outline: none;

    padding: 5px 15px;

    color:rgba(73, 73, 73, 1);

    cursor: pointer;

}

.rgt-upper .form-search input::placeholder{

    font-weight: 500 !important;

}

.rgt-upper .ip-search{

    position: relative;

}

.rgt-upper .ip-search button{

    position: absolute;

    right: 15px;

    top: 50%;

    transform: translate(0, -50%);

    outline: none;

    border: none;

    background: #fff;

    padding: 0 !important;

    cursor: pointer;

}

.panel-slide .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    background: rgba(254, 193, 25, 1);

    opacity: 1 !important;

}

.panel-slide  .swiper-pagination-bullet.swiper-pagination-bullet-active{

    background: #fff !important;

}

.panel-slide .swiper-pagination{

    padding-bottom: 10px;

}

.panel-partner .image{

    width: 140px;

    margin-right: 100px;

}

.panel-partner .image:last-child{

    margin-right: 0;

}

.panel-partner .panel-body{

    display: flex;

    padding: 30px 0;

    justify-content: center;

    align-items: center;

}

.panel-introduce .bg img{

    height: 625px;

    width: 100%;

    background-position: center;

    background-size: cover;

}

.panel-introduce .description{

    margin-bottom: 15px;

}

.panel-introduce .description p{

    font-size: 50px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1.1;

    text-align: center;

    margin-bottom: 0;

}

.panel-introduce .content{

    margin-bottom: 25px;

}

.panel-introduce .content p{

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    margin-bottom: 0;

    line-height: 1.8;

}

.panel-introduce .btn-rd{

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

    height: 45px;

    background: rgba(254, 193, 25, 1);

    width: 215px;

    display: block;

    color: #000;

    line-height: 45px;

    border-radius: 45px;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}

.panel-introduce .introduce h3.heading-2{

    text-align: center;

    font-size: 32px;

    text-transform: capitalize;

    font-weight: 600;

    line-height: 1.1;

    margin-bottom: 15px;

    font-style: italic;

    color: rgba(254, 193, 25, 1);

}

.panel-introduce .introduce{

    position: relative;

    z-index: 100;

}

.panel-introduce .bg{

    position: absolute;

    z-index: 1;

    width: 100%;

}

.panel-introduce .uk-grid{

    height: 625px;

    align-items: center;

}

.panel-introduce .introduce{

    color: #fff;

}

.panel-introduce .slide-introduce img{

    border-top-left-radius: 17px;

    border-top-right-radius: 30px;

}

.slide-introduce{

    position: relative;

}

.slide-introduce .bg-slide{

    position: absolute;

    z-index: 1;

    width: 100%;



}

.nice-select ul{

    width: 100%;

}

.nice-select ul .option{

    text-wrap: wrap;

}

.slide-introduce {

    width: 462px;

    height: 462px;

}

.slide-introduce .bg-slide img{

    height: 462px;

    width: 462px;

    border-radius: 30px;

}

.slide-introduce .slide-item .image {

    width: 306px;

    height: 271px;

    margin-bottom: 14px;

    cursor: pointer;

}

.slide-introduce .wrapper{

    padding: 40px;

    height: 100%;

}

.slide-introduce .pd{

    padding: 40px;

    background: rgba(8, 11, 46, 1);

    position: relative;

    z-index: 100;

    border-radius: 30px;

    height: 100%;

}

.slide-introduce h4.heading-3{

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

}

.slide-introduce .swiper-pagination{

    position: relative;

}

.slide-introduce .swiper-pagination-bullet{

    width: 25px !important;

    border-radius: 0 !important;

    height: 3px !important;

    background: #fff;

    opacity: 1 !important;

}

.slide-introduce .swiper-pagination-bullet.swiper-pagination-bullet-active{

    background: rgba(254, 193, 25, 1) !important;

}

.panel-category{

    padding: 80px 0;

}

.panel-category .panel-head h2.heading-1{

    font-size: 35px;

    font-weight: 700;

    line-height: 1.1;

    margin-bottom: 20px;

    text-align: center;

    color: var(--main-color);

}

.panel-category .panel-head{

    margin-bottom: 30px;

}

.panel-category .filter-category .uk-list{

    justify-content: center;

    flex-wrap: wrap;

}

.panel-category .filter-category .uk-list li a{

    font-size: 15px;

    text-transform: uppercase;

    font-weight: 600;

    color: rgba(165, 165, 165, 1);

}

.panel-category .filter-category .uk-list li a.active{

    color: #000;

}

.panel-category .filter-category .uk-list li:not(:last-child){

    margin-right: 15px;

    padding-right: 15px;

    margin-bottom: 5px;

}

.panel-category .list-category:not(:last-child){

    margin-bottom: 60px;

}

.product-item .image{

    margin-bottom: 10px;

    background: rgba(242, 241, 239, 1);

    height: 320px;

}

.product-item .info{

    text-align: center;

}

.product-item .info h3.title a{

    color: #000;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 500;

    height: 60px;

    overflow: hidden;

    display: block;

}

.stars::before {

    content: "★★★★★";

    color: rgba(254, 193, 25, 1);

    letter-spacing: 3px;

    font-size: 16px;

}

.rating .uk-flex{

    justify-content: center;

}

.info .title{

    margin-bottom: 0;

}

.list-category .btn-rd{

    display: flex;

    justify-content: center;

}

.list-category .btn-rd a{

    height: 45px;

    width: 213px;

    display: block;

    background: var(--main-color);

    color: #fff;

    line-height: 45px;

    text-align: center;

    border-radius: 58px;

    font-weight: 500;

    font-size: 18px;

    text-transform: uppercase;

}

.panel-slide .image{

    cursor: pointer;

}

.gn h3.heading-2{

    text-align: center;

    font-size: 32px;

    text-transform: capitalize;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 15px;

    font-style: italic;

    color: rgba(254, 193, 25, 1);

}

.gn .description{

    margin-bottom: 15px;

}

.gn .description p{

    font-size: 35px;

    font-weight: 500;

    text-transform: uppercase;

    line-height: 1.1;

    text-align: center;

    margin-bottom: 0;

    color: #fff;

}

.gn .content {

    margin-bottom: 40px;

    width: 75%;

    text-align: center;

}

.gn  .content p {

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    text-align: center;

    margin-bottom: 0;

    line-height: 1.8;

}

.gn .btn-rd {

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    height: 45px;

    background: #fff;

    width: 215px;

    display: block;

    color: #000;

    line-height: 45px;

    border-radius: 45px;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}

.gn .text-content{

    background: var(--main-color);

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.gn .image-content img{

    height: 640px;

}

.system .text-content{

    background: #fff;

}

.system h3.heading-2{

    color: rgba(8, 11, 46, 1);

    font-style: normal;

}

.system  .description{

    margin-bottom: 40px;

}

.system  .description p{

    color: #000;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

}

.system .btn-rd{

    background: var(--main-color);

    color: #fff;

}

.system .text-content svg{

    margin-bottom: 10px;

}

.uk-930{

    max-width: 930px;

}

.panel-video{

    padding: 80px 0;

    background: var(--main-color);

}

.panel-video .swiper-container{

    margin-bottom: 25px;

}

.panel-video .popup-video .swiper-container-thumbs img{

    border-radius: 20px;

}

.panel-video .popup-video .swiper-container img{

    border: 2px solid rgba(255, 255, 255, 1);

    border-radius: 20px;

}

.panel-video .popup-video .swiper-container-thumbs .image{

    position: relative;

}

.panel-video .popup-video .swiper-container-thumbs .image::before{

    content: '';

    background: rgba(0, 0, 0, 0.2);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}

.panel-video .popup-video .swiper-container-thumbs .swiper-slide-thumb-active .image::before{

    background: none !important;

}

.panel-video .panel-head{

    margin-bottom: 35px;

    text-align: center;

}

.panel-video .panel-head .title{

    font-size: 35px;

    font-weight: 500;

    text-transform: uppercase;

    color : rgba(255, 255, 255, 1);

    line-height: 1.1;

}

.panel-video .panel-head h3.heading-2{

    margin-bottom: 15px;

    font-size: 32px;

    font-weight: 600;

    color: rgba(254, 193, 25, 1);

    line-height: 1.2;

    font-style: italic;

    text-transform: uppercase;

}

.popup-video .swiper-container .image{

    position: relative;

    cursor: pointer;

}

.popup-video .btn-vd{

    width: 88px;

    height: 88px;

    border-radius: 50%;

    background: rgba(0, 0, 0, 1);

    border: 10px solid rgba(234, 234, 234, 0.85);

    cursor: pointer;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

#modal-video iframe{

    width: 100%;

}

.panel-video{

    position: relative;

}

.panel-video .bg_1{

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

}

.panel-video .bg_2{

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

}

.panel-video .bg svg{

    height: 100%;

    width: max-content;

}

.panel-album{

    padding: 80px 0;

}

.panel-album .panel-head{

    margin-bottom: 35px;

}

.panel-album .panel-head h2.heading-1{

    margin-bottom: 0;

    font-size: 35px;

    font-weight: 500;

    text-transform: uppercase;

    text-align: center;

}

.panel-album .image img{

    height: 375px;

}

.panel-album .uk-width-medium-1-3:nth-child(5) .image{

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--main-color);

}

.panel-album .uk-width-medium-1-3:nth-child(5) .image img{

    width: 240px;

    height: 68px;

}

.panel-news{

    padding: 80px 0;

    background: var(--main-color);

}

.panel-news .panel-head{

    margin-bottom: 40px;

}

.panel-news h2.heading-1{

    text-align: center;

    font-size: 35px;

    line-height: 1.1;

    font-weight: 500;

    text-transform: uppercase;

    color: #fff;

}

.panel-news .news-item .image{

    margin-bottom: 15px;

}

.panel-news .news-item .image img{

    height: 420px;

}

.panel-news .news-item .catalogue{

    margin-bottom: 15px;

    font-size: 14px;

    font-weight: 400;

    color: rgba(186, 186, 186, 1);

    text-transform: uppercase;

}

.panel-news .news-item .title{

    font-size: 14px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

    line-height: 1.8;

    height: 76px;

    overflow: hidden;

    margin-bottom: 15px;

    text-align: justify;

}

.panel-news .news-item .btn-rd{

    color: rgba(254, 193, 25, 1);

    text-transform: uppercase;

    font-weight: 500;

}

.quote{

    text-align: center;

}

.quote .register{

    font-size: 32px;

    font-weight: 600;

    line-height: 1.1;

    font-style: italic;

    margin-bottom: 15px;

}

.quote .title{

    font-size: 42px;

    font-weight: 700;

    line-height: 1.1;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.quote .news{

    display: flex;

    align-items: center;

    justify-content: center;

}

.quote .txt{

    height: 50px;

    background: var(--main-color);

    color: #fff;

    line-height: 50px;

    text-align: center;

    border-radius: 20px;

    padding: 0 20px;

    font-size: 16px;

    font-weight: 600;

    margin-right: 20px;

}

.quote .news .phone a{

    height: 50px;

    display: block;

    color: #fff;

    background: linear-gradient(270deg, #E59B06 0%, #FEC119 50%, #E49804 100%);

    border: 1px solid rgba(254, 193, 25, 1);

    border-radius: 20px;

    line-height: 50px;

    padding: 0 20px;

    font-size: 16px;

    font-weight: 600;

}

.quote .text-content{

    margin-bottom: 50px;

}

.quote .form-ip label{

    display: block;

}

.quote{

    width: 80%;

    margin-left: auto;

    margin-right: auto;

}

.quote .form-ip input{

    border: 1px solid rgba(4, 6, 42, 1);

    height: 40px;

    border-radius: 8px;

    outline: none;

    width: 100%;

    padding: 5px 10px;

}

.quote .form-ip label{

    text-align: left;

    margin-bottom: 6px;

    font-size: 16px;

    font-weight: 500;

}

.form-contact .uk-grid{

    margin-top: 15px !important;

}

.mb15{

    margin-bottom: 15px;

}

.form-ip textarea{

    width: 100%;

    border: 1px solid rgba(4, 6, 42, 1);

    height: 150px;

    padding: 5px 10px;

    border-radius: 8px;

}

.form-contact .btn-contact{

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    height: 50px;

    background: linear-gradient(270deg, #E59B06 0%, #FEC119 50%, #E49804 100%);

    display: block;

    width: 230px;

    line-height: 50px;

    border-radius: 65px;

    color: #fff;

    margin-left: auto;

    margin-right: auto;

}

.panel-quote .image img{

    height: 700px;

}

.panel-quote .uk-grid{

    align-items: center;

}

.footer-pc .image{

    width: max-content;

    height: 72px;

}

.follow p{

    font-size: 16px;

    font-weight: 500;

}

.follow ul li{

    margin-right: 10px;

}

.footer-pc .contact h2.heading-1{

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 30px;

}

.contact .ct{

    display: flex;

    align-items: center;
    font-size: 15px;
}

.contact .bt{

    width: 30px;

    height: 30px;

    background: var(--main-color);

    border-radius: 50px;

    text-align: center;

    line-height: 30px;

    margin-right: 15px;

}
.contact .ct p, .contact .txt {
    width: calc(100% - 45px);
}
.contact a{

    font-size: 15px;

    font-weight: 500;

    color: var(--main-color);

}

.ct p:last-child{

    margin-bottom: 0;

}
.homepage-company {
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
}
.time{

    align-items: normal !important;

}

.ft-mn li{

    margin-bottom: 10px;

}

.ft-mn a{

   display: block;

   padding: 5px 0;

}

.copyright{

    padding: 10px 0;

}

.copyright p{

    font-size: 14px;

    margin-bottom: 0;

    text-transform: uppercase;

    font-weight: 600;

}

.nice-select{

    width: 100% !important;

}

.bg img{

    height: 259px;

}

.page-breadcrumb .uk-list a{

    font-weight: 500;

    font-size: 16px;

}

.intro-page .intro{

    padding: 50px 0;

    text-align: center;

}

.intro-page .intro h2.heading-1{

    font-size: 35px;

    font-weight: 700;

    line-height: 1.1;

    text-transform: uppercase;

    margin-bottom: 30px;

    color: rgba(4, 6, 42, 1);

}

.intro-page .intro .content{

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.intro-page .intro .description{

    font-size: 14px;

    font-weight: 500;

    line-height: 1.8;

    text-align: justify;

    width: 80%;

    margin-left: auto;

    margin-right: auto;

}

.achivements{

    padding: 60px 0;

    background: var(--main-color)

}

.achivements .achivement-item{

    text-align: center;

}

.achivements .achivement-item .thumb{

    margin-bottom: 25px;

}

.achivements .achivement-item .title{

    color: #fff;

    display: flex;

    flex-direction: column;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

}

.achivements .achivement-item .title > *{

    color: #fff;

}

.achivements .achivement-item .title strong{

    font-size: 30px;

    font-weight: 800;

    margin-bottom: 15px;

    line-height: 1.1;

}

.achivements .uk-grid{

    align-items: center;

}

.achivements svg{

    height: 70px;

}

.service .text-content{

    text-align: center;

}

.service .image-content img{

    height: 738px;

}

.service h2.heading-1{

    font-size: 35px;

    font-weight: 600;

    text-transform: uppercase;

    line-height: 1.3;

    margin-bottom: 30px;

}

.service .description{

    font-size: 14px;

    font-weight: 500;

    line-height: 1.8;

    width: 80%;

    margin-left: auto;

    margin-right: auto;

    text-align: justify;

    margin-bottom: 30px;

}

.service .btn-rd{

    height: 45px;

    width: 265px;

    border-radius: 58px;

    background: var(--main-color);

    display: block;

    line-height: 45px;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;

    color: #fff;

    margin-left: auto;

    margin-right: auto;

}

.service .uk-grid{

    align-items: center;

}

.intro-page .market{

    padding: 80px 0;

    background: var(--main-color);

}

.intro-page .market .panel-head{

    margin-bottom: 40px;

}

.intro-page .market .panel-head h2.heading-1{

    font-size: 35px;

    font-weight: 600;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 30px;

    line-height: 1.3;

    color: #fff;

}

.intro-page .market .panel-head .description{

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    width: 80%;

    line-height: 1.8;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.uk-container-1100{

    max-width: 1100px;

}

.market .swiper-slide .image{

    cursor: pointer;

}

.market .swiper-slide .image img{

    height: 367px;

}

.panel-vision .vision-item{

    padding: 80px 40px;

    background: rgba(218, 186, 137, 1);

    height: 100%;

}

.panel-vision .vision-item .content p{

    font-size: 14px;

    font-weight: 500;

    text-align: justify;

    line-height: 1.8;

}

.panel-vision .vision-item h2.heading-1{

    font-size: 25px;

    line-height: 28px;

    font-weight: 700;

    color: var(--main-color);

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 30px;

    height: 70px;

}

.panel-vision .uk-width-medium-1-4:nth-child(2n+2) .vision-item{

    background: rgba(217, 178, 118, 1);

}

.product-catalogue .panel-head{

    margin-bottom: 40px;

}

.product-catalogue .panel-head h1.heading-2{

    text-align: center;

}

.product-catalogue .panel-head h1.heading-2 span{

    font-size: 35px;

    font-weight: 700;

}

.product-catalogue{

    padding: 50px 0;

    padding-top: 20px;

}

.aside-category .aside-heading{

    font-size: 16px;

    font-weight: 600;

    height: 40px;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    line-height: 40px;

    text-align: center;

}

.aside-category .l1{

    font-size: 16px;

    font-weight: 600;

    color: #000;

    padding: 15px 0;

    display: block;

    border-bottom: 2px solid rgba(0, 0, 0, 1)

}

.aside-category  .uk-list{

    padding: 0 20px;

}

.aside-category .l2{

    padding: 15px 0;

    display: block;

    font-size: 14px;

    font-weight: 500;

    color: rgba(46, 46, 46, 1);

    border-bottom: 1px dashed  rgba(209, 209, 209, 1)

}

.aside-category .lv1 li:last-child .l2{

    border-bottom: 0;

}

.aside-category{

    border: 1px solid rgba(0, 0, 0, 1);

    border-top: 0;

}

.aside-category .l2:hover{

    color: rgba(254, 193, 25, 1);

    transition: 0.2s ease;

}

.product-related h2.heading-1{

    margin-bottom: 20px;

}

.product-related h2.heading-1 span{

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 700;

}

.productContent p{

    margin-bottom: 0;

    text-align: justify;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.8;

    /* padding-bottom: 40px; */

    /* margin-bottom: 40px; */

    /* border-bottom: 1px solid rgba(0, 0, 0, 1) */

}

.productContent .info-contact{

    border-top: 1px solid rgba(0, 0, 0, 1);

    /* width: 90%; */

    margin-left: auto;

    margin-right: auto;

    padding: 40px 25px;

    background: rgba(0, 0, 0, 1);

    border-radius: 20px;

}

.panel-product-detail h2.heading-1 span{

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

}

.panel-product-detail h2.heading-1{

    padding: 15px;

    border-bottom: 1px dashed rgba(232, 232, 232, 1);

    margin-bottom: 0;

}

.product-container .info .uk-width-medium-3-4 .wrapper{

    padding: 30px;

    background: rgba(255, 255, 255, 1);

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);

    border-radius: 10px;

}

.panel-product-detail{

    border: 1px solid rgba(232, 232, 232, 1);

    margin-bottom: 30px;

}

.panel-product-detail .productContent{

    padding: 30px  20px;

}

.popup-product .product-description p{

    font-size: 16px;

    font-weight: 500;

    line-height: 1.8;

    text-align: justify;

}

.popup-product .a-left{

    display: flex;

}

.popup-product .product-description{

    margin-bottom: 40px;

}

.popup-product .product-description p{

    margin-bottom: 0;

}

.addToCart a.hotline{

    display: block;

    margin-right: 20px;

    background: var(--main-color);

    height: 50px;

    padding: 0 30px;

    line-height: 50px;

}

.addToCart a.contact{

    border: 1px solid rgba(254, 193, 25, 1);

    color:rgba(229, 155, 6, 1);

    line-height: 50px;

    padding: 0 25px;

    font-weight: 600;

    height: 50px;

}

.product-container .swiper-container-thumbs .image{

    border: none !important;

    border-radius: 0 !important;

    text-align: center;

    background: rgba(242, 241, 239, 1);

}

.mb80{

    margin-bottom: 80px;

}

.product-container .panel-quote{

    padding-top: 20px;

    padding-bottom: 60px;

}

.aside-out{

    padding: 20px;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);

    border: none;

    border-radius: 10px;

}

.aside-out .aside-heading{

    background: none;

    color: var(--main-color);

    font-size: 18px;

    font-weight: 600;

    text-align: left;

    margin-bottom: 15px;

    height: auto;

    text-transform: uppercase;

}

.product-container .aside-product .image{

    width: 90px;

    height: 70px;

    background: rgba(242, 241, 239, 1);

    margin-right: 10px;

    border-radius: 5px;

}

.product-container .aside-product .image img{

    border-radius: 5px;

}

.product-container .aside-product .title a{

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    color: #000;

}

.product-container .aside-product{

    margin-bottom: 15px;

    width: 100%;

    display: flex;

}

.product-container .aside-product .info{

    width: calc(100% - 100px);

}

.aside-out .title{

    line-height: 1.1;

    height: 70px;

    overflow: hidden;

}

.wr .sp{

    width: 100%;

}

.wr .image{

    height: 56px;

    width: 198px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 10px;

}

.wr .heading-2{

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    text-align: center;

    color: #fff;

    line-height: 1.6;

    width: 80%;

    margin-left: auto;

    margin-right: auto;

}

.form-ip input {

    border: 1px solid rgba(4, 6, 42, 1);

    height: 40px;

    border-radius: 8px;

    outline: none;

    width: 100%;

    padding: 5px 10px;

}

.form-ip label{

    text-align: left;

    margin-bottom: 6px;

    font-size: 16px;

    font-weight: 500;

    display: block;

}

.wr .uk-grid{

    align-items: flex-end;

}

.wr .btn-re{

    height: 40px;

    background: rgba(254, 193, 25, 1);

    width: 110px;

    border-radius: 5px;

    color: #fff;

    line-height: 40px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    display: block;

    text-align: center;

}

.wr label{

    color: #fff;

    font-size: 14px;

    font-weight: 500;

}

.productContent .text-contact{

    text-align: center;

}

.productContent .text-contact .title{

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

}

.productContent .text-contact .txt h3.heading-2{

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 500;

}

.text-contact .col a{

    color: #000;

    font-weight: 400;

    font-size: 15px;

}

.post-catalogue h1.heading-1{

    font-size: 35px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 30px;

    padding-top: 20px;

}

.post-catalogue h1.heading-1 span{

    text-transform: uppercase;

}

.post-catalogue .blog-item .image{

    height: 320px;

    margin-bottom: 10px;

}

.post-catalogue .blog-item .title{

    font-size: 16px;

    text-align: justify;

}

.post-catalogue .blog-item .description{

    display: none;

}

.post-catalogue .blog-item .title a{

    color: #000;

    font-weight: 500;

}

.post-detail .post-title{

    font-size: 20px;

    font-weight: 500;

    line-height:25px;

}

.post-detail .page-breadcrumb {

    padding: 30px 0;

}

.aside-news .aside-heading{

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.aside-news h3.title{

    font-size: 14px;

    font-weight: 500;

    text-align: justify;

}

.aside-news h3.title a{

    color: #000;

}

.aside-news .aside-post-item{

    margin-bottom: 20px;

}

.aside-news .image{

    margin-bottom: 10px;

}

.aside-news .image img{

    height: 200px;

}

.system{

    padding-bottom: 40px;

}

.system-item h2.heading-1{

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.system-item .icon{

    width: 34px;

    height: 34px;

    background: #000;

    border-radius: 50%;

    line-height: 34px;

    text-align: center;

    margin-right: 10px;

}

.system-item .col a{

    display: flex;

    align-items: center;

    font-size: 14px;

    font-weight: 500;

    color: #000;

}

.system-item .col{

    margin-bottom: 15px;

}

.system-item .col:last-child{

    margin-bottom: 0;

}

.system-item{

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px dashed rgba(204, 204, 204, 1);

}

.list-system{

    border: 1px solid rgba(231, 231, 231, 1);

    padding: 30px 20px;

}

.map-office iframe{

    height: 600px;

}

.sl-box{

    margin-bottom: 20px;

}

.sl-box .uk-grid{

    align-items: flex-end;

}

.sl-box .btn-search{

    height: 42px;

    display: block;

    color: #fff;

    background: rgba(254, 193 , 25, 1);

    border-radius: 5px;

    text-align: center;

    line-height: 42px;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    border: none;

    width: 100%;

    font-family: 'Montserrat', sans-serif !important;

    cursor: pointer;

}

.sys-wr{

    height: 600px;

}

.system-lft{

    max-height: 558px;

    overflow-y: scroll;

}

@media(max-width:576px){

    .footer-pc .contact h2.heading-1{

        font-size: 16px;

        margin-bottom: 20px;

    }

    .footer-pc .uk-width-large-1-3{

        margin-bottom: 10px;

    }

    .panel-quote .image img{

        height: auto;

    }

    .panel-quote .quote{

        padding-top: 20px;

        width: 90%;

    }

    .panel-quote .quote .uk-width-medium-1-2{

        margin-bottom: 15px;

    }

    .quote .register {

        font-size: 26px;

    }

    .quote .title {

        font-size: 32px;

    }

    .quote .txt{

        font-size: 14px;

    }

    .panel-news{

        padding: 40px 0;

    }

    .panel-news .uk-width-medium-1-4{

        margin-bottom: 20px;

    }

    .panel-news h2.heading-1 {

        font-size : 28px;

    }

    .panel-album .uk-width-medium-1-3{

        width: 50%;

    }

    .panel-album img{

        height: 210px !important;

    }

    .gn .image-content img {

        height: auto;

    }

    .gn .text-content {

        padding-top: 20px;

    }

    .gn .uk-width-medium-1-2:first-child .text-content{

        padding: 40px 0;

    }

    .panel-category .panel-head h2.heading-1{

        font-size: 28px;

    }

    .gn .description p{

        font-size: 18px;

    }

    .slide-introduce {

        width: 100%;

    }

    .panel-introduce .introduce {

        padding: 50px 0;

    }

    .panel-introduce .description p{

        font-size: 34px;

    }

    .panel-category{

        padding-top: 300px;

    }

    .panel-category .filter-category .uk-list li:not(:last-child){

        margin-bottom: 10px;

    }

    .intro-page .intro .content {

        font-size: 16px;

        line-height: 1.4;

    }

    .intro-page .intro .description {

        width: 90%;

    }

    .intro-page .intro h2.heading-1 {

        font-size: 32px;

        margin-bottom: 15px;

    }

    .achivements .uk-width-medium-1-4{

        width: 50%;

        margin-bottom: 20px;

    }

    .service{

        padding: 40px 0;

    }

    .service h2.heading-1 {

        font-size: 32px;

        margin-bottom: 15px;

    }

    .service .description {

        width: 90%;

    }

    .service .image-content{

        padding-top: 40px;

    }

    .service .image-content .image img{

        height: auto;

    }

    .intro-page .intro{

        padding: 25px 0;

    }

    .intro-page .market .panel-head h2.heading-1 {

        font-size: 28px;

        line-height: 1.5;

    }

    .panel-vision .vision-item h2.heading-1{

        font-size: 22px;

        margin-bottom: 10px;

    }

    .panel-vision .vision-item {

        padding: 40px 20px;

    }

    .intro-page .market .panel-head .description{

        width: 90%;

    }

    .sys-wr .uk-width-medium-1-3{

        margin-bottom: 20px;

    }

    .post-detail .post-title{

        font-size: 18px;

    }

    .post-detail .detail-wrapper{

        padding: 20px 0;

    }

    .productContent .info-contact{

        width: 100%;

    }

    .fr .uk-width-medium-1-3{

        margin-bottom: 20px;

    }

    .addToCart > * {

        font-size: 12px;

    }

    .addToCart a.contact{

        padding: 0 20px;

    }

    .panel-news .news-item .image img{

        height: 280px;

    }

    .panel-category .filter-category .uk-list li a {

        font-size: 14px;

        font-weight: 500;

    }

    .panel-category .filter-category .uk-list{

        justify-content: left;

    }

    .product-item .info h3.title a{

        height: 60px;

        overflow: hidden;

        display: block;

    }

    .product-item .info .rating{

        margin-bottom: 5px;

    }

    .gn h3.heading-2{

        font-size: 26px !important;

    }

    .product-item .image{

        height: 230px !important;

    }

    .panel-video .panel-head .title{

        font-size: 28px !important;

    }

    .panel-album .panel-head h2.heading-1{

        font-size: 28px !important;

    }

    .post-catalogue h1.heading-1{

        font-size: 24px;

    }

    .post-catalogue .blog-item .title{

        font-size: 14px;

    }

}

.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 10;

    width: 220px;

    height: auto;

    background-color: #fff;

    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    z-index: 100;

}

.main-menu li:hover .dropdown-menu{

    opacity: 1;

    visibility: visible;

}

.children li a {

    position: relative;

    display: block;

    width: auto;

    height: auto;

    padding: 10px 15px 10px 15px;

    border-bottom: 1px #e2e2e2 solid;

    opacity: inherit !important;

    visibility: inherit !important;

    cursor: pointer;

    transition: all 0.3s ease-in-out !important;

    -webkit-transition: all 0.3s ease-in-out !important;

    text-align: left;

    color: #252525;

}

.children  .dropdown-menu a:hover {

    color: var(--primary-color);

    padding-left: 20px;

}

.footer-pc a:hover{

    color: var(--primary-color);

    transition: 0.2s ease;

}

.header-bd{

    height: 9px;

    background: linear-gradient(90deg, #DABA89 0%, #816A48 100%);

}

.info-contact img{

    margin-top: 0;

}

.header-main{

    background: var(--main-color);

}

.page-breadcrumb li:not(:last-child):after {

    position: absolute;

    content: "\f054";

    display: inline-block;

    position: absolute;

    right: -25px;

    top: 50%;

    line-height: 0;

    vertical-align: middle;

    font-family: "fontAwesome";

    font-weight: 400;

    font-size: 12px;

    background-color: #ffc000;

    color: #ffc000;

    transform: translate(-50%, -50%);

}





.mobile-header svg{

    width: 35px;

    height: auto;

}

.uk-offcanvas-bar{

    background: #000;

}

.mobile-upper{

    padding-top: 8px;

    padding-bottom: 8px;

    /* background: #fff; */

    background: var(--main-color);

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}





@media (max-width: 768px){

    .mobile-logo a img{

        height: 60px;

    }

    .mobile-widget .btn-search .image img{

        filter: brightness(0) saturate(100%) invert(28%) sepia(57%) saturate(1636%) hue-rotate(325deg) brightness(103%) contrast(105%);

        width: 18px;

        height: 18px;

    }

    .mobile-widget .btn-search{

        margin-right: 15px;

        position: relative;

    }

    .mobile-widget .btn-search a{

        height: 36px;

        width: 36px;

        /* text-align: center; */

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

    }

    .btn-menu a:hover,

    .mobile-widget .btn-search a:hover{

        background: #fefde1;

    }

    .btn-menu a {

        height: 36px;

        width: 36px;

        /* text-align: center; */

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

    }

    .menu-svg path {

        fill: none;

        -webkit-transition: stroke-dasharray 0.4s, stroke-dashoffset 0.4s;

        transition: stroke-dasharray 0.4s, stroke-dashoffset 0.4s;

        stroke: #005850;

        stroke-width: 5;

        stroke-linecap: round;

    }

    .header-form {

        padding: 1rem;

        box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.16);

        background-color: #fff;

        border-radius: 0.6rem;

        z-index: 1000;

        position: absolute;

        left: -160px;

        display: none;

        top: 40px;

    }

    .header-form.active {

        display: block;

    }

    .header-form .btn-search {

        border-radius: 999px;

        padding: 0.8rem 1.5rem;

        border: 1px solid rgba(0, 0, 0, 0.2);

        background-color: white;

        outline: none;

        margin-right: 0 !important;

    }

    .mobile-widget .btn-search {

        margin-right: 15px;

        position: relative;

    }

    .header-form .form-btn {

        background-color: #d3171e;

        padding: 0.6rem 1.5rem 0.6rem;

        border-radius: 999px;

        display: flex;

        justify-content: center;

        align-items: center;

        text-transform: uppercase;

        color: #fff;

        font-size: 14px;

        cursor: pointer;

        width: 100%;

        outline: none;

        border: none;

        font-family: 'Montserrat';

        margin-top:20px;

    }

    .form-btn img {

        filter: brightness(0) invert(1);

        width: 14px !important;

        height: 14px !important;

        margin-right: 10px;

    }

    .menu-svg {

        height: 30px !important;

        width: 30px !important;

    }

    .menu-svg path {

        stroke: #d3131e;

    }

    .menu-svg path:nth-child(1) {

        stroke-dasharray: 40 160;

    }

    .menu-svg path:nth-child(3) {

        stroke-dasharray: 40 85;

        -webkit-transform-origin: 50%;

        transform-origin: 50%;

        -webkit-transition: stroke-dashoffset 0.4s, -webkit-transform 0.4s;

        transition: stroke-dashoffset 0.4s, -webkit-transform 0.4s;

        transition: transform 0.4s, stroke-dashoffset 0.4s;

        transition: transform 0.4s, stroke-dashoffset 0.4s, -webkit-transform 0.4s;

    }

    .btn-menu .uk-offcanvas{

        position: static !important;

    }

    .sl-box .uk-width-medium-2-5,

    .sl-box .uk-width-medium-1-5{

        margin-bottom: 15px;

    }

    .map-office iframe {

        width: 100%;

        height: 300px !important;

    }

    .system-item .col a{

        width: 100%;

    }



}



.nice-select .list{

    height:300px;

    overflow: hidden;

    overflow-y: scroll;

}

.select2-container .select2-selection--single {

    height: 42px !important;

}

.select2-container--default .select2-selection--single .select2-selection__rendered{

    line-height: 42px !important;

}

.select2-selection__arrow {

    height: 42px !important;

}

.select2-container {

    width: 183px !important;

}

.system-item{

    cursor: pointer;

}

.btn-system:hover{

    opacity: 0.8;

    transition: 0.2s ease;

}

.rating{

    margin-bottom: 5px;

}

.hide{

    display: none;

}



.pagination {

    display: flex;

    list-style: none;

    padding: 0;

    margin: 20px 0;

    justify-content: center;

}



.page-item {

    margin: 0 5px;

}



.page-item .page-link {

    display: inline-block;

    padding: 8px 16px;

    color: #007bff;

    text-decoration: none;

    border: 1px solid #ddd;

    border-radius: 4px;

    transition: background-color 0.3s, color 0.3s;

}



.page-item.disabled .page-link {

    color: #ccc;

    border-color: #ddd;

    cursor: not-allowed;

}



.page-item.active .page-link {

    color: #fff;

    background-color: #007bff;

    border-color: #007bff;

}



.page-item .page-link:hover {

    color: #0056b3;

    background-color: #e9ecef;

    border-color: #ddd;

}





/* scrollbar-social */

.scrollbar-social{

	position: fixed;

	top: 50%;

	right: 0;

	z-index: 999;

}

.scrollbar-social ul li:not(:last-child){

	margin-bottom: 5px;

}

.scrollbar-social ul li a{

	width: 50px;

	height: 50px;

	color: white;

	display: block;

	line-height: 50px;

	background: rgba(8, 11, 46, 1);

	text-align: center;

	justify-content: center;

}



@media (max-width: 768px){

    .post-detail .content img{

        width:100% !important;

        height:auto !important;

    }

}