.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:
vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display:
-webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property:
transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function:
ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform } .swiper-invisible-blank-slide { visibility: hidden }
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items:
flex-start; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: transform,height; transition-property: transform,height; transition-property:
transform,height,-webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d
.swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper { -webkit-transform-style:
preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,right top,left top,from(rgb(0 0 0 /
.5)),to(#fff0)); background-image: -webkit-linear-gradient(right,rgb(0 0 0 / .5),#fff0); background-image: -o-linear-gradient(right,rgb(0 0 0 / .5),#fff0); background-image: linear-gradient(to left,rgb(0 0 0 / .5),#fff0) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,left top,right top,from(rgb(0 0 0 / .5)),to(#fff0)); background-image: -webkit-linear-gradient(left,rgb(0 0 0 / .5),#fff0); background-image:
-o-linear-gradient(left,rgb(0 0 0 / .5),#fff0); background-image: linear-gradient(to right,rgb(0 0 0 / .5),#fff0) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left bottom,left top,from(rgb(0 0
0 / .5)),to(#fff0)); background-image: -webkit-linear-gradient(bottom,rgb(0 0 0 / .5),#fff0); background-image: -o-linear-gradient(bottom,rgb(0 0 0 / .5),#fff0); background-image: linear-gradient(to top,rgb(0 0 0 / .5),#fff0) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(0 0 0 / .5)),to(#fff0)); background-image: -webkit-linear-gradient(top,rgb(0 0 0 / .5),#fff0); background-image:
-o-linear-gradient(top,rgb(0 0 0 / .5),#fff0); background-image: linear-gradient(to bottom,rgb(0 0 0 / .5),#fff0) } .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action:
pan-y } .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px;
margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35;
cursor: auto; pointer-events: none } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px; right: auto } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px; left: auto } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
} .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:
scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0)
} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform:
translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block;
-webkit-transition: .2s top,.2s -webkit-transform; transition: .2s top,.2s -webkit-transform; -o-transition: .2s transform,.2s top; transition: .2s transform,.2s top; transition: .2s transform,.2s top,.2s -webkit-transform }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left,.2s
-webkit-transform; transition: .2s left,.2s -webkit-transform; -o-transition: .2s transform,.2s left; transition: .2s transform,.2s left; transition: .2s transform,.2s left,.2s -webkit-transform }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right,.2s -webkit-transform; transition: .2s right,.2s -webkit-transform; -o-transition: .2s
transform,.2s right; transition: .2s transform,.2s right; transition: .2s transform,.2s right,.2s -webkit-transform } .swiper-pagination-progressbar { background: rgb(0 0 0 / .25); position: absolute } .swiper-pagination-progressbar
.swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top;
-ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin:
right top } .swiper-container-horizontal>.swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgb(255 255 255 / .25) } .swiper-pagination-progressbar.swiper-pagination-white
.swiper-pagination-progressbar-fill { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgb(0 0 0 / .25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgb(0 0 0 / .1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width:
5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgb(0 0 0 / .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-zoom-container { width:
100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center;
-webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain;
object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%;
-ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite } .swiper-lazy-preloader:after { display: block; content: '';
width: 100%; height: 100%; background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
} @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity
} .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube {
overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0;
transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube
.swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube
.swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden;
backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none } .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip
.swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow
.swiper-wrapper { -ms-perspective: 1200px } #certify { position: relative; width: 100%; margin: 0 auto } #certify img { width: 100% } #certify .swiper-container { padding-bottom: 50px } #certify .swiper-slide { width: 80%; background: #fff;
box-shadow: 0 8px 30px #0000008a } #certify .swiper-slide img { display: block } #certify .swiper-slide p { line-height: 19px; padding-top: 0; color: rgb(59 59 59); font-size: 13px; margin: 10px 0; text-indent: 0; text-align: center }
#certify .swiper-slide p a { color: #8D0004 } #certify .swiper-slide p span img { width: 11.1rem; margin-top: 1rem; margin-left: 0rem } #certify .swiper-pagination { width: 100%; bottom: 20px } #certify .swiper-pagination-bullets
.swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; background-color: #fff0; width: 10px; height: 10px; opacity: 1 } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #fff } #certify
.swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100% } #certify .swiper-button-prev:hover { background-position: 0 -46px;
background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100% } #certify
.swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } #certify h3 { text-align: center; color: #106634; padding: 10px 0 5px; font-weight: 400; font-size: 18px } #certify .dnbs h5 { text-align: center; font-size:
16px; color: #282828; margin-bottom: 32px; position: relative; font-weight: 400 } #certify .dnbs h5:before { content: ''; display: inline-block; width: 80px; height: 4px; background: #53a776; position: absolute; left: 35%; bottom: -13px }
#certify .dnbs p { padding: 0 15px; color: #787878; margin-bottom: 15px; text-align: justify } .owl-dot { display: inline-block; border: 0; background: #fff0 } .owl-nav button { border: 0 } .owl-carousel,.owl-carousel .owl-item {
-webkit-tap-highlight-color: #fff0; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } .owl-carousel
.owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0) } .owl-carousel
.owl-item,.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform:
translate3d(0,0,0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel
.owl-dots.disabled,.owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel,.owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev { cursor:
pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab
} .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel
.owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity:
0; transition: opacity .4s ease } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position:
absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease
} .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel
.owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height:
100%; width: 100% } @media screen and (min-width: 320px) and (max-width:321px) { html { font-size:62.5% } } @media screen and (min-width: 321px) and (max-width:322px) { html { font-size:62.6953125% } } @media screen and (min-width: 322px)
and (max-width:323px) { html { font-size:62.89062500000001% } } @media screen and (min-width: 323px) and (max-width:324px) { html { font-size:63.08593749999999% } } @media screen and (min-width: 324px) and (max-width:325px) { html {
font-size:63.28125% } } @media screen and (min-width: 325px) and (max-width:326px) { html { font-size:63.4765625% } } @media screen and (min-width: 326px) and (max-width:327px) { html { font-size:63.671875% } } @media screen and (min-width:
327px) and (max-width:328px) { html { font-size:63.86718750000001% } } @media screen and (min-width: 328px) and (max-width:329px) { html { font-size:64.0625% } } @media screen and (min-width: 329px) and (max-width:330px) { html {
font-size:64.2578125% } } @media screen and (min-width: 330px) and (max-width:331px) { html { font-size:64.453125% } } @media screen and (min-width: 331px) and (max-width:332px) { html { font-size:64.6484375% } } @media screen and
(min-width: 332px) and (max-width:333px) { html { font-size:64.84375% } } @media screen and (min-width: 333px) and (max-width:334px) { html { font-size:65.0390625% } } @media screen and (min-width: 334px) and (max-width:335px) { html {
font-size:65.234375% } } @media screen and (min-width: 335px) and (max-width:336px) { html { font-size:65.4296875% } } @media screen and (min-width: 336px) and (max-width:337px) { html { font-size:65.625% } } @media screen and (min-width:
337px) and (max-width:338px) { html { font-size:65.8203125% } } @media screen and (min-width: 338px) and (max-width:339px) { html { font-size:66.015625% } } @media screen and (min-width: 339px) and (max-width:340px) { html {
font-size:66.2109375% } } @media screen and (min-width: 340px) and (max-width:341px) { html { font-size:66.40625% } } @media screen and (min-width: 341px) and (max-width:342px) { html { font-size:66.6015625% } } @media screen and
(min-width: 342px) and (max-width:343px) { html { font-size:66.796875% } } @media screen and (min-width: 343px) and (max-width:344px) { html { font-size:66.9921875% } } @media screen and (min-width: 344px) and (max-width:345px) { html {
font-size:67.1875% } } @media screen and (min-width: 345px) and (max-width:346px) { html { font-size:67.3828125% } } @media screen and (min-width: 346px) and (max-width:347px) { html { font-size:67.578125% } } @media screen and (min-width:
347px) and (max-width:348px) { html { font-size:67.7734375% } } @media screen and (min-width: 348px) and (max-width:349px) { html { font-size:67.96875% } } @media screen and (min-width: 349px) and (max-width:350px) { html {
font-size:68.1640625% } } @media screen and (min-width: 350px) and (max-width:351px) { html { font-size:68.359375% } } @media screen and (min-width: 351px) and (max-width:352px) { html { font-size:68.5546875% } } @media screen and
(min-width: 352px) and (max-width:353px) { html { font-size:68.75% } } @media screen and (min-width: 353px) and (max-width:354px) { html { font-size:68.9453125% } } @media screen and (min-width: 354px) and (max-width:355px) { html {
font-size:69.140625% } } @media screen and (min-width: 355px) and (max-width:356px) { html { font-size:69.3359375% } } @media screen and (min-width: 356px) and (max-width:357px) { html { font-size:69.53125% } } @media screen and (min-width:
357px) and (max-width:358px) { html { font-size:69.7265625% } } @media screen and (min-width: 358px) and (max-width:359px) { html { font-size:69.921875% } } @media screen and (min-width: 359px) and (max-width:360px) { html {
font-size:70.1171875% } } @media screen and (min-width: 360px) and (max-width:361px) { html { font-size:70.3125% } } @media screen and (min-width: 361px) and (max-width:362px) { html { font-size:70.5078125% } } @media screen and (min-width:
362px) and (max-width:363px) { html { font-size:70.703125% } } @media screen and (min-width: 363px) and (max-width:364px) { html { font-size:70.8984375% } } @media screen and (min-width: 364px) and (max-width:365px) { html {
font-size:71.09375% } } @media screen and (min-width: 365px) and (max-width:366px) { html { font-size:71.2890625% } } @media screen and (min-width: 366px) and (max-width:367px) { html { font-size:71.484375% } } @media screen and (min-width:
367px) and (max-width:368px) { html { font-size:71.6796875% } } @media screen and (min-width: 368px) and (max-width:369px) { html { font-size:71.875% } } @media screen and (min-width: 369px) and (max-width:370px) { html {
font-size:72.0703125% } } @media screen and (min-width: 370px) and (max-width:371px) { html { font-size:72.265625% } } @media screen and (min-width: 371px) and (max-width:372px) { html { font-size:72.4609375% } } @media screen and
(min-width: 372px) and (max-width:373px) { html { font-size:72.65625% } } @media screen and (min-width: 373px) and (max-width:374px) { html { font-size:72.8515625% } } @media screen and (min-width: 374px) and (max-width:375px) { html {
font-size:73.046875% } } @media screen and (min-width: 375px) and (max-width:376px) { html { font-size:73.2421875% } } @media screen and (min-width: 376px) and (max-width:377px) { html { font-size:73.4375% } } @media screen and (min-width:
377px) and (max-width:378px) { html { font-size:73.6328125% } } @media screen and (min-width: 378px) and (max-width:379px) { html { font-size:73.828125% } } @media screen and (min-width: 379px) and (max-width:380px) { html {
font-size:74.0234375% } } @media screen and (min-width: 380px) and (max-width:381px) { html { font-size:74.21875% } } @media screen and (min-width: 381px) and (max-width:382px) { html { font-size:74.4140625% } } @media screen and
(min-width: 382px) and (max-width:383px) { html { font-size:74.609375% } } @media screen and (min-width: 383px) and (max-width:384px) { html { font-size:74.8046875% } } @media screen and (min-width: 384px) and (max-width:385px) { html {
font-size:75% } } @media screen and (min-width: 385px) and (max-width:386px) { html { font-size:75.1953125% } } @media screen and (min-width: 386px) and (max-width:387px) { html { font-size:75.390625% } } @media screen and (min-width:
387px) and (max-width:388px) { html { font-size:75.5859375% } } @media screen and (min-width: 388px) and (max-width:389px) { html { font-size:75.78125% } } @media screen and (min-width: 389px) and (max-width:390px) { html {
font-size:75.9765625% } } @media screen and (min-width: 390px) and (max-width:391px) { html { font-size:76.171875% } } @media screen and (min-width: 391px) and (max-width:392px) { html { font-size:76.3671875% } } @media screen and
(min-width: 392px) and (max-width:393px) { html { font-size:76.5625% } } @media screen and (min-width: 393px) and (max-width:394px) { html { font-size:76.7578125% } } @media screen and (min-width: 394px) and (max-width:395px) { html {
font-size:76.953125% } } @media screen and (min-width: 395px) and (max-width:396px) { html { font-size:77.1484375% } } @media screen and (min-width: 396px) and (max-width:397px) { html { font-size:77.34375% } } @media screen and (min-width:
397px) and (max-width:398px) { html { font-size:77.5390625% } } @media screen and (min-width: 398px) and (max-width:399px) { html { font-size:77.734375% } } @media screen and (min-width: 399px) and (max-width:400px) { html {
font-size:77.9296875% } } @media screen and (min-width: 400px) and (max-width:401px) { html { font-size:78.125% } } @media screen and (min-width: 401px) and (max-width:402px) { html { font-size:78.3203125% } } @media screen and (min-width:
402px) and (max-width:403px) { html { font-size:78.515625% } } @media screen and (min-width: 403px) and (max-width:404px) { html { font-size:78.7109375% } } @media screen and (min-width: 404px) and (max-width:405px) { html {
font-size:78.90625% } } @media screen and (min-width: 405px) and (max-width:406px) { html { font-size:79.1015625% } } @media screen and (min-width: 406px) and (max-width:407px) { html { font-size:79.296875% } } @media screen and (min-width:
407px) and (max-width:408px) { html { font-size:79.4921875% } } @media screen and (min-width: 408px) and (max-width:409px) { html { font-size:79.6875% } } @media screen and (min-width: 409px) and (max-width:410px) { html {
font-size:79.8828125% } } @media screen and (min-width: 410px) and (max-width:411px) { html { font-size:80.078125% } } @media screen and (min-width: 411px) and (max-width:412px) { html { font-size:80.2734375% } } @media screen and
(min-width: 412px) and (max-width:413px) { html { font-size:80.46875% } } @media screen and (min-width: 413px) and (max-width:414px) { html { font-size:80.6640625% } } @media screen and (min-width: 414px) and (max-width:415px) { html {
font-size:80.859375% } } @media screen and (min-width: 415px) and (max-width:416px) { html { font-size:81.0546875% } } @media screen and (min-width: 416px) and (max-width:417px) { html { font-size:81.25% } } @media screen and (min-width:
417px) and (max-width:418px) { html { font-size:81.4453125% } } @media screen and (min-width: 418px) and (max-width:419px) { html { font-size:81.640625% } } @media screen and (min-width: 419px) and (max-width:420px) { html {
font-size:81.8359375% } } @media screen and (min-width: 420px) and (max-width:421px) { html { font-size:82.03125% } } @media screen and (min-width: 421px) and (max-width:422px) { html { font-size:82.2265625% } } @media screen and
(min-width: 422px) and (max-width:423px) { html { font-size:82.421875% } } @media screen and (min-width: 423px) and (max-width:424px) { html { font-size:82.6171875% } } @media screen and (min-width: 424px) and (max-width:425px) { html {
font-size:82.8125% } } @media screen and (min-width: 425px) and (max-width:426px) { html { font-size:83.0078125% } } @media screen and (min-width: 426px) and (max-width:427px) { html { font-size:83.203125% } } @media screen and (min-width:
427px) and (max-width:428px) { html { font-size:83.3984375% } } @media screen and (min-width: 428px) and (max-width:429px) { html { font-size:83.59375% } } @media screen and (min-width: 429px) and (max-width:430px) { html {
font-size:83.7890625% } } @media screen and (min-width: 430px) and (max-width:431px) { html { font-size:83.984375% } } @media screen and (min-width: 431px) and (max-width:432px) { html { font-size:84.1796875% } } @media screen and
(min-width: 432px) and (max-width:433px) { html { font-size:84.375% } } @media screen and (min-width: 433px) and (max-width:434px) { html { font-size:84.5703125% } } @media screen and (min-width: 434px) and (max-width:435px) { html {
font-size:84.765625% } } @media screen and (min-width: 435px) and (max-width:436px) { html { font-size:84.9609375% } } @media screen and (min-width: 436px) and (max-width:437px) { html { font-size:85.15625% } } @media screen and (min-width:
437px) and (max-width:438px) { html { font-size:85.3515625% } } @media screen and (min-width: 438px) and (max-width:439px) { html { font-size:85.546875% } } @media screen and (min-width: 439px) and (max-width:440px) { html {
font-size:85.7421875% } } @media screen and (min-width: 440px) and (max-width:441px) { html { font-size:85.9375% } } @media screen and (min-width: 441px) and (max-width:442px) { html { font-size:86.1328125% } } @media screen and (min-width:
442px) and (max-width:443px) { html { font-size:86.328125% } } @media screen and (min-width: 443px) and (max-width:444px) { html { font-size:86.5234375% } } @media screen and (min-width: 444px) and (max-width:445px) { html {
font-size:86.71875% } } @media screen and (min-width: 445px) and (max-width:446px) { html { font-size:86.9140625% } } @media screen and (min-width: 446px) and (max-width:447px) { html { font-size:87.109375% } } @media screen and (min-width:
447px) and (max-width:448px) { html { font-size:87.3046875% } } @media screen and (min-width: 448px) and (max-width:449px) { html { font-size:87.5% } } @media screen and (min-width: 449px) and (max-width:450px) { html {
font-size:87.6953125% } } @media screen and (min-width: 450px) and (max-width:451px) { html { font-size:87.890625% } } @media screen and (min-width: 451px) and (max-width:452px) { html { font-size:88.0859375% } } @media screen and
(min-width: 452px) and (max-width:453px) { html { font-size:88.28125% } } @media screen and (min-width: 453px) and (max-width:454px) { html { font-size:88.4765625% } } @media screen and (min-width: 454px) and (max-width:455px) { html {
font-size:88.671875% } } @media screen and (min-width: 455px) and (max-width:456px) { html { font-size:88.8671875% } } @media screen and (min-width: 456px) and (max-width:457px) { html { font-size:89.0625% } } @media screen and (min-width:
457px) and (max-width:458px) { html { font-size:89.2578125% } } @media screen and (min-width: 458px) and (max-width:459px) { html { font-size:89.453125% } } @media screen and (min-width: 459px) and (max-width:460px) { html {
font-size:89.6484375% } } @media screen and (min-width: 460px) and (max-width:461px) { html { font-size:89.84375% } } @media screen and (min-width: 461px) and (max-width:462px) { html { font-size:90.0390625% } } @media screen and
(min-width: 462px) and (max-width:463px) { html { font-size:90.234375% } } @media screen and (min-width: 463px) and (max-width:464px) { html { font-size:90.4296875% } } @media screen and (min-width: 464px) and (max-width:465px) { html {
font-size:90.625% } } @media screen and (min-width: 465px) and (max-width:466px) { html { font-size:90.8203125% } } @media screen and (min-width: 466px) and (max-width:467px) { html { font-size:91.015625% } } @media screen and (min-width:
467px) and (max-width:468px) { html { font-size:91.2109375% } } @media screen and (min-width: 468px) and (max-width:469px) { html { font-size:91.40625% } } @media screen and (min-width: 469px) and (max-width:470px) { html {
font-size:91.6015625% } } @media screen and (min-width: 470px) and (max-width:471px) { html { font-size:91.796875% } } @media screen and (min-width: 471px) and (max-width:472px) { html { font-size:91.9921875% } } @media screen and
(min-width: 472px) and (max-width:473px) { html { font-size:92.1875% } } @media screen and (min-width: 473px) and (max-width:474px) { html { font-size:92.3828125% } } @media screen and (min-width: 474px) and (max-width:475px) { html {
font-size:92.578125% } } @media screen and (min-width: 475px) and (max-width:476px) { html { font-size:92.7734375% } } @media screen and (min-width: 476px) and (max-width:477px) { html { font-size:92.96875% } } @media screen and (min-width:
477px) and (max-width:478px) { html { font-size:93.1640625% } } @media screen and (min-width: 478px) and (max-width:479px) { html { font-size:93.359375% } } @media screen and (min-width: 479px) and (max-width:480px) { html {
font-size:93.5546875% } } @media screen and (min-width: 480px) and (max-width:481px) { html { font-size:93.75% } } @media screen and (min-width: 481px) and (max-width:482px) { html { font-size:93.9453125% } } @media screen and (min-width:
482px) and (max-width:483px) { html { font-size:94.140625% } } @media screen and (min-width: 483px) and (max-width:484px) { html { font-size:94.3359375% } } @media screen and (min-width: 484px) and (max-width:485px) { html {
font-size:94.53125% } } @media screen and (min-width: 485px) and (max-width:486px) { html { font-size:94.7265625% } } @media screen and (min-width: 486px) and (max-width:487px) { html { font-size:94.921875% } } @media screen and (min-width:
487px) and (max-width:488px) { html { font-size:95.1171875% } } @media screen and (min-width: 488px) and (max-width:489px) { html { font-size:95.3125% } } @media screen and (min-width: 489px) and (max-width:490px) { html {
font-size:95.5078125% } } @media screen and (min-width: 490px) and (max-width:491px) { html { font-size:95.703125% } } @media screen and (min-width: 491px) and (max-width:492px) { html { font-size:95.8984375% } } @media screen and
(min-width: 492px) and (max-width:493px) { html { font-size:96.09375% } } @media screen and (min-width: 493px) and (max-width:494px) { html { font-size:96.2890625% } } @media screen and (min-width: 494px) and (max-width:495px) { html {
font-size:96.484375% } } @media screen and (min-width: 495px) and (max-width:496px) { html { font-size:96.6796875% } } @media screen and (min-width: 496px) and (max-width:497px) { html { font-size:96.875% } } @media screen and (min-width:
497px) and (max-width:498px) { html { font-size:97.0703125% } } @media screen and (min-width: 498px) and (max-width:499px) { html { font-size:97.265625% } } @media screen and (min-width: 499px) and (max-width:500px) { html {
font-size:97.4609375% } } @media screen and (min-width: 500px) and (max-width:501px) { html { font-size:97.65625% } } @media screen and (min-width: 501px) and (max-width:502px) { html { font-size:97.8515625% } } @media screen and
(min-width: 502px) and (max-width:503px) { html { font-size:98.046875% } } @media screen and (min-width: 503px) and (max-width:504px) { html { font-size:98.2421875% } } @media screen and (min-width: 504px) and (max-width:505px) { html {
font-size:98.4375% } } @media screen and (min-width: 505px) and (max-width:506px) { html { font-size:98.6328125% } } @media screen and (min-width: 506px) and (max-width:507px) { html { font-size:98.828125% } } @media screen and (min-width:
507px) and (max-width:508px) { html { font-size:99.0234375% } } @media screen and (min-width: 508px) and (max-width:509px) { html { font-size:99.21875% } } @media screen and (min-width: 509px) and (max-width:510px) { html {
font-size:99.4140625% } } @media screen and (min-width: 510px) and (max-width:511px) { html { font-size:99.609375% } } @media screen and (min-width: 511px) and (max-width:512px) { html { font-size:99.8046875% } } @media screen and
(min-width: 512px) and (max-width:513px) { html { font-size:100% } } @media screen and (min-width: 513px) and (max-width:514px) { html { font-size:100.1953125% } } @media screen and (min-width: 514px) and (max-width:515px) { html {
font-size:100.390625% } } @media screen and (min-width: 515px) and (max-width:516px) { html { font-size:100.5859375% } } @media screen and (min-width: 516px) and (max-width:517px) { html { font-size:100.78125% } } @media screen and
(min-width: 517px) and (max-width:518px) { html { font-size:100.9765625% } } @media screen and (min-width: 518px) and (max-width:519px) { html { font-size:101.171875% } } @media screen and (min-width: 519px) and (max-width:520px) { html {
font-size:101.3671875% } } @media screen and (min-width: 520px) and (max-width:521px) { html { font-size:101.5625% } } @media screen and (min-width: 521px) and (max-width:522px) { html { font-size:101.7578125% } } @media screen and
(min-width: 522px) and (max-width:523px) { html { font-size:101.953125% } } @media screen and (min-width: 523px) and (max-width:524px) { html { font-size:102.1484375% } } @media screen and (min-width: 524px) and (max-width:525px) { html {
font-size:102.34375% } } @media screen and (min-width: 525px) and (max-width:526px) { html { font-size:102.5390625% } } @media screen and (min-width: 526px) and (max-width:527px) { html { font-size:102.734375% } } @media screen and
(min-width: 527px) and (max-width:528px) { html { font-size:102.9296875% } } @media screen and (min-width: 528px) and (max-width:529px) { html { font-size:103.125% } } @media screen and (min-width: 529px) and (max-width:530px) { html {
font-size:103.3203125% } } @media screen and (min-width: 530px) and (max-width:531px) { html { font-size:103.515625% } } @media screen and (min-width: 531px) and (max-width:532px) { html { font-size:103.7109375% } } @media screen and
(min-width: 532px) and (max-width:533px) { html { font-size:103.90625% } } @media screen and (min-width: 533px) and (max-width:534px) { html { font-size:104.1015625% } } @media screen and (min-width: 534px) and (max-width:535px) { html {
font-size:104.296875% } } @media screen and (min-width: 535px) and (max-width:536px) { html { font-size:104.4921875% } } @media screen and (min-width: 536px) and (max-width:537px) { html { font-size:104.6875% } } @media screen and
(min-width: 537px) and (max-width:538px) { html { font-size:104.8828125% } } @media screen and (min-width: 538px) and (max-width:539px) { html { font-size:105.078125% } } @media screen and (min-width: 539px) and (max-width:540px) { html {
font-size:105.2734375% } } @media screen and (min-width: 540px) and (max-width:541px) { html { font-size:105.46875% } } @media screen and (min-width: 541px) and (max-width:542px) { html { font-size:105.6640625% } } @media screen and
(min-width: 542px) and (max-width:543px) { html { font-size:105.859375% } } @media screen and (min-width: 543px) and (max-width:544px) { html { font-size:106.0546875% } } @media screen and (min-width: 544px) and (max-width:545px) { html {
font-size:106.25% } } @media screen and (min-width: 545px) and (max-width:546px) { html { font-size:106.4453125% } } @media screen and (min-width: 546px) and (max-width:547px) { html { font-size:106.640625% } } @media screen and (min-width:
547px) and (max-width:548px) { html { font-size:106.8359375% } } @media screen and (min-width: 548px) and (max-width:549px) { html { font-size:107.03125% } } @media screen and (min-width: 549px) and (max-width:550px) { html {
font-size:107.2265625% } } @media screen and (min-width: 550px) and (max-width:551px) { html { font-size:107.421875% } } @media screen and (min-width: 551px) and (max-width:552px) { html { font-size:107.6171875% } } @media screen and
(min-width: 552px) and (max-width:553px) { html { font-size:107.8125% } } @media screen and (min-width: 553px) and (max-width:554px) { html { font-size:108.0078125% } } @media screen and (min-width: 554px) and (max-width:555px) { html {
font-size:108.203125% } } @media screen and (min-width: 555px) and (max-width:556px) { html { font-size:108.3984375% } } @media screen and (min-width: 556px) and (max-width:557px) { html { font-size:108.59375% } } @media screen and
(min-width: 557px) and (max-width:558px) { html { font-size:108.7890625% } } @media screen and (min-width: 558px) and (max-width:559px) { html { font-size:108.984375% } } @media screen and (min-width: 559px) and (max-width:560px) { html {
font-size:109.1796875% } } @media screen and (min-width: 560px) and (max-width:561px) { html { font-size:109.375% } } @media screen and (min-width: 561px) and (max-width:562px) { html { font-size:109.5703125% } } @media screen and
(min-width: 562px) and (max-width:563px) { html { font-size:109.765625% } } @media screen and (min-width: 563px) and (max-width:564px) { html { font-size:109.9609375% } } @media screen and (min-width: 564px) and (max-width:565px) { html {
font-size:110.15625% } } @media screen and (min-width: 565px) and (max-width:566px) { html { font-size:110.3515625% } } @media screen and (min-width: 566px) and (max-width:567px) { html { font-size:110.546875% } } @media screen and
(min-width: 567px) and (max-width:568px) { html { font-size:110.7421875% } } @media screen and (min-width: 568px) and (max-width:569px) { html { font-size:110.9375% } } @media screen and (min-width: 569px) and (max-width:570px) { html {
font-size:111.1328125% } } @media screen and (min-width: 570px) and (max-width:571px) { html { font-size:111.328125% } } @media screen and (min-width: 571px) and (max-width:572px) { html { font-size:111.5234375% } } @media screen and
(min-width: 572px) and (max-width:573px) { html { font-size:111.71875% } } @media screen and (min-width: 573px) and (max-width:574px) { html { font-size:111.9140625% } } @media screen and (min-width: 574px) and (max-width:575px) { html {
font-size:112.109375% } } @media screen and (min-width: 575px) and (max-width:576px) { html { font-size:112.3046875% } } @media screen and (min-width: 576px) and (max-width:577px) { html { font-size:112.5% } } @media screen and (min-width:
577px) and (max-width:578px) { html { font-size:112.6953125% } } @media screen and (min-width: 578px) and (max-width:579px) { html { font-size:112.890625% } } @media screen and (min-width: 579px) and (max-width:580px) { html {
font-size:113.0859375% } } @media screen and (min-width: 580px) and (max-width:581px) { html { font-size:113.28125% } } @media screen and (min-width: 581px) and (max-width:582px) { html { font-size:113.4765625% } } @media screen and
(min-width: 582px) and (max-width:583px) { html { font-size:113.671875% } } @media screen and (min-width: 583px) and (max-width:584px) { html { font-size:113.8671875% } } @media screen and (min-width: 584px) and (max-width:585px) { html {
font-size:114.0625% } } @media screen and (min-width: 585px) and (max-width:586px) { html { font-size:114.2578125% } } @media screen and (min-width: 586px) and (max-width:587px) { html { font-size:114.453125% } } @media screen and
(min-width: 587px) and (max-width:588px) { html { font-size:114.6484375% } } @media screen and (min-width: 588px) and (max-width:589px) { html { font-size:114.84375% } } @media screen and (min-width: 589px) and (max-width:590px) { html {
font-size:115.0390625% } } @media screen and (min-width: 590px) and (max-width:591px) { html { font-size:115.234375% } } @media screen and (min-width: 591px) and (max-width:592px) { html { font-size:115.4296875% } } @media screen and
(min-width: 592px) and (max-width:593px) { html { font-size:115.625% } } @media screen and (min-width: 593px) and (max-width:594px) { html { font-size:115.8203125% } } @media screen and (min-width: 594px) and (max-width:595px) { html {
font-size:116.015625% } } @media screen and (min-width: 595px) and (max-width:596px) { html { font-size:116.2109375% } } @media screen and (min-width: 596px) and (max-width:597px) { html { font-size:116.40625% } } @media screen and
(min-width: 597px) and (max-width:598px) { html { font-size:116.6015625% } } @media screen and (min-width: 598px) and (max-width:599px) { html { font-size:116.796875% } } @media screen and (min-width: 599px) and (max-width:600px) { html {
font-size:116.9921875% } } @media screen and (min-width: 600px) and (max-width:601px) { html { font-size:117.1875% } } @media screen and (min-width: 601px) and (max-width:602px) { html { font-size:117.3828125% } } @media screen and
(min-width: 602px) and (max-width:603px) { html { font-size:117.578125% } } @media screen and (min-width: 603px) and (max-width:604px) { html { font-size:117.7734375% } } @media screen and (min-width: 604px) and (max-width:605px) { html {
font-size:117.96875% } } @media screen and (min-width: 605px) and (max-width:606px) { html { font-size:118.1640625% } } @media screen and (min-width: 606px) and (max-width:607px) { html { font-size:118.359375% } } @media screen and
(min-width: 607px) and (max-width:608px) { html { font-size:118.5546875% } } @media screen and (min-width: 608px) and (max-width:609px) { html { font-size:118.75% } } @media screen and (min-width: 609px) and (max-width:610px) { html {
font-size:118.9453125% } } @media screen and (min-width: 610px) and (max-width:611px) { html { font-size:119.140625% } } @media screen and (min-width: 611px) and (max-width:612px) { html { font-size:119.3359375% } } @media screen and
(min-width: 612px) and (max-width:613px) { html { font-size:119.53125% } } @media screen and (min-width: 613px) and (max-width:614px) { html { font-size:119.7265625% } } @media screen and (min-width: 614px) and (max-width:615px) { html {
font-size:119.921875% } } @media screen and (min-width: 615px) and (max-width:616px) { html { font-size:120.1171875% } } @media screen and (min-width: 616px) and (max-width:617px) { html { font-size:120.3125% } } @media screen and
(min-width: 617px) and (max-width:618px) { html { font-size:120.5078125% } } @media screen and (min-width: 618px) and (max-width:619px) { html { font-size:120.703125% } } @media screen and (min-width: 619px) and (max-width:620px) { html {
font-size:120.8984375% } } @media screen and (min-width: 620px) and (max-width:621px) { html { font-size:121.09375% } } @media screen and (min-width: 621px) and (max-width:622px) { html { font-size:121.2890625% } } @media screen and
(min-width: 622px) and (max-width:623px) { html { font-size:121.484375% } } @media screen and (min-width: 623px) and (max-width:624px) { html { font-size:121.6796875% } } @media screen and (min-width: 624px) and (max-width:625px) { html {
font-size:121.875% } } @media screen and (min-width: 625px) and (max-width:626px) { html { font-size:122.0703125% } } @media screen and (min-width: 626px) and (max-width:627px) { html { font-size:122.265625% } } @media screen and
(min-width: 627px) and (max-width:628px) { html { font-size:122.4609375% } } @media screen and (min-width: 628px) and (max-width:629px) { html { font-size:122.65625% } } @media screen and (min-width: 629px) and (max-width:630px) { html {
font-size:122.8515625% } } @media screen and (min-width: 630px) and (max-width:631px) { html { font-size:123.046875% } } @media screen and (min-width: 631px) and (max-width:632px) { html { font-size:123.2421875% } } @media screen and
(min-width: 632px) and (max-width:633px) { html { font-size:123.4375% } } @media screen and (min-width: 633px) and (max-width:634px) { html { font-size:123.6328125% } } @media screen and (min-width: 634px) and (max-width:635px) { html {
font-size:123.828125% } } @media screen and (min-width: 635px) and (max-width:636px) { html { font-size:124.0234375% } } @media screen and (min-width: 636px) and (max-width:637px) { html { font-size:124.21875% } } @media screen and
(min-width: 637px) and (max-width:638px) { html { font-size:124.4140625% } } @media screen and (min-width: 638px) and (max-width:639px) { html { font-size:124.609375% } } @media screen and (min-width: 639px) and (max-width:640px) { html {
font-size:124.8046875% } } @media screen and (min-width: 640px) { html { font-size:125% } } .lac { animation: lac linear .8s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: lac linear .8s;
-webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: lac linear .8s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: lac linear .8s;
-o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation: lac linear .8s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50% } @keyframes lac { 0% { transform: rotate(0deg) } 20% { transform:
rotate(-25deg) } 40% { transform: rotate(25deg) } 60% { transform: rotate(-25deg) } 80% { transform: rotate(25deg) } 100% { transform: rotate(0deg) } } @-moz-keyframes lac { 0% { -moz-transform: rotate(0deg) } 20% { -moz-transform:
rotate(-25deg) } 40% { -moz-transform: rotate(25deg) } 60% { -moz-transform: rotate(-25deg) } 80% { -moz-transform: rotate(25deg) } 100% { -moz-transform: rotate(0deg) } } @-webkit-keyframes lac { 0% { -webkit-transform: rotate(0deg) } 20%
{ -webkit-transform: rotate(-25deg) } 40% { -webkit-transform: rotate(25deg) } 60% { -webkit-transform: rotate(-25deg) } 80% { -webkit-transform: rotate(25deg) } 100% { -webkit-transform: rotate(0deg) } } @-o-keyframes lac { 0% {
-o-transform: rotate(0deg) } 20% { -o-transform: rotate(-25deg) } 40% { -o-transform: rotate(25deg) } 60% { -o-transform: rotate(-25deg) } 80% { -o-transform: rotate(25deg) } 100% { -o-transform: rotate(0deg) } } @-ms-keyframes lac { 0% {
-ms-transform: rotate(0deg) } 20% { -ms-transform: rotate(-25deg) } 40% { -ms-transform: rotate(25deg) } 60% { -ms-transform: rotate(-25deg) } 80% { -ms-transform: rotate(25deg) } 100% { -ms-transform: rotate(0deg) } } @font-face {
font-family: 'utmhvi'; src: url(../fonts/UTMHELVETINS.TTF) format('woff2'),url(../fonts/UTMHELVETINS.woff) format('woff'),url(../fonts/UTMHELVETINS.ttf) format('truetype'),font-display: swap } * { padding: 0; margin: 0; box-sizing:
border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } a { text-decoration: none } img { max-width: 100% } ul li { list-style: none } button,input,textarea { outline: none } body { max-width: 640px; font-family:
'Roboto',serif; line-height: 1.5; font-size: 1.3rem; color: #282828; margin: 0 auto } .ctn { width: calc(100% - 2.3rem); display: block; margin: 0 auto } .n #hn,.n nav>div:first-child>div,#lg,#sch,#bnn,.s1 ul,.s1 ul>li
a,.s2>div>div,#s4,#s5,#s6>div>div,#s6>div>div ul li,#s7 .i1,#s7 .i2,#s8>div>div>div,#s9 .f,#s9 .a,#beadcrumb,#ctna>div>article,#rp>div>article,#ctns>div .bstv,#ctns>div .tvtt { display: inline-block; width: 100% } .n #nav,.n #c,.n .cls,.n
nav>div:first-child>div a:before,.n nav>div:last-child>ul>li>.drm,.n nav>div:last-child>ul>li .s li a:before,#sch button,#s4>div>div>div a:first-child:before,#s5>div>div .item ul li a:before,#s6>div>div ul:before,#s7 .i1 li
span:first-child:before,#s8>div>div>div:first-child>div:before,#s8>div>div>div:first-child:before,#s8>div>div>div:nth-child(2)>div span:before,#s8>div>div>div:nth-child(3)>div span:before,#s9 .f button,#s9 .p a:first-child:before,#s9 .a>div
span:first-child:before,#s10>div>a,#s11>div>div:first-child>div span,#s12 a:before,#ctna>div>article>div span:before,#rp>div>article>div span:before { background: url(../images/i.png) no-repeat; background-size: 29.15rem }
#beadcrumb>div:after,#beadcrumb>div:first-child a:before,#list-page .pagination li:first-child a:before,#list-page .pagination li:last-child a:before,#ctna>div>article:first-child>div:before,#ctna>div>article:first-child:before {
background: url(../images/i2.png) no-repeat; background-size: 11.6rem } #ctns>div .rate>div .str,#ctns>div .rate>div>div a,#ctns>div .ld ul li:before,#ctns>div .bstv a:before { background: url(..//images/i3.png) no-repeat; background-size:
15.75rem } #lg { text-align: center; padding: 0 } #lg img { width: auto; height: 50px } #lg #nav { position: absolute; left: 12px; top: 23px } #nav span { display: block; width: 35px; height: 6px; background: #106634; border-radius: 10px;
margin-bottom: 5px } .scroll.fixed { position: fixed!important; width: 100%; height: auto; top: 0; z-index: 9999; -webkit-box-shadow: 0 2px 3px -1px #8f8f8f; box-shadow: 0 2px 3px -1px #8f8f8f; display: -webkit-flex!important; display:
-moz-flex!important; display: -ms-flex!important; display: -o-flex!important; display: flex!important; align-items: center; justify-content: center; height: 46px; padding: 4px 12px; gap: 10px; background: #fff } #menu-nav-mb2
.ic-menu1,#menu-nav-mb2 .d-send { flex: 0 0 38px; height: 38px } #menu-nav-mb2 .ic-menu2 { width: 100% } #menu-nav-mb2 .d_contact { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex }
#menu-nav-mb2 .d_contact input { width: 100%; background: #f2f2f2; border-radius: 5px 0 0 5px; margin-right: -5px; padding: 9px 10px; font-size: 15px; border: 1px solid #bdd5cd } #menu-nav-mb2 .d_contact input::placeholder { color: red;
font-weight: 500; font-size: 14px } .ic-menu2 button { background: #009647 url(../images/ic-send-top.png) center no-repeat; width: 38px; height: 38px; border: 0; background-size: 24px; border-radius: 5px } .ic-menu3 a { background: #ffd934;
border-radius: 5px; width: 50%; display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; padding: 6px } .ic-menu3 img { -webkit-animation: fp-circle-img-anim 1s infinite ease-in-out; -moz-animation:
fp-circle-img-anim 1s infinite ease-in-out; -ms-animation: fp-circle-img-anim 1s infinite ease-in-out; -o-animation: fp-circle-img-anim 1s infinite ease-in-out; animation: fp-circle-img-anim 1s infinite ease-in-out } @keyframes
fp-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-moz-keyframes
fp-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% {
transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes fp-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10%
{ transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0)
scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @-o-keyframes fp-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform:
rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg)
} } @keyframes fp-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1)
skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } .n { max-width: 640px; margin: 0 auto; top: 0; display: block; left: 0;
right: 0; bottom: auto; z-index: 998; position: fixed; overflow: hidden } .n #hn { padding: 7px 0; background: #2E8F56 } .n #hn>.tel { display: inline-block; border-right: .1rem solid #59B880; border-left: .1rem solid #59B880; color: #fff;
font-family: 'utmhvi',serif; font-size: 1.8rem; width: 23.7rem; text-align: center; float: left; line-height: 1.1; padding: .25rem .45rem } #hn>.tel img:first-child { width: 7rem } #hn>.tel img:last-child { width: 12rem; margin-left: .5rem
} .n #hn>.tel span { display: inline-block; margin: 0 .85rem } .n>span { display: inline-block } .n #nav { width: 2rem; height: 2rem; background-position: 0 0; margin: 0 1.5rem 0 1rem; float: left; margin-top: .35rem } .n #c { width: 2rem;
height: 2.2rem; background-position: -2.25rem 0; margin-left: 1rem; float: left; margin-top: .15rem } .shake { animation: shake 1.82s cubic-bezier(.36,.07,.19,.97) both infinite; transform: translate3d(0,0,0); backface-visibility: hidden;
perspective: 1000px; display: inline-block } @keyframes shake { 10%,90% { transform: translate3d(-1px,0,0) } 20%,80% { transform: translate3d(2px,0,0) } 30%,50%,70% { transform: translate3d(-4px,0,0) } 40%,60% { transform:
translate3d(4px,0,0) } } .n .ovl { background: #111; opacity: .6; top: 3.85rem; left: 0; right: 0; bottom: 0; width: 100%; z-index: 99; position: absolute; display: none } .n .ovlc { display: inline-block } .n .cls { background-position:
-21.35rem -25.15rem; width: 1.25rem; height: 4.5rem; display: inline-block; position: absolute; top: 50%; margin-top: -2.12rem; left: -1.25rem; z-index: 100; transition: left 0.4s; -moz-transition: left 0.4s; -webkit-transition: left 0.4s }
.n .clsc { left: 25.8rem } .n nav { position: absolute; width: 80.625%; top: 3.85rem; left: -80.625%; display: inline-block; z-index: 100; background: #fff; bottom: 0; border-right: .2rem solid #2E8F56; padding: 1.5rem 1.9rem 3.5rem;
overflow-y: auto; transition: left 0.4s; -moz-transition: left 0.4s; -webkit-transition: left 0.4s } .n nav::-webkit-scrollbar { width: .15rem } .n nav::-webkit-scrollbar-track { background: #f1f1f1 } .n nav::-webkit-scrollbar-thumb {
background: #111 } .n nav::-webkit-scrollbar-thumb:hover { background: #555 } .n nav>div>a { display: block; background: #2E8F56; color: #dff; font-size: 2.05rem; text-align: center; text-transform: uppercase; font-family: 'utmhvi',serif;
padding: 1.05rem 0; position: relative } .n nav>div>a:before { content: ''; position: absolute; top: .3rem; bottom: .3rem; left: .3rem; right: .3rem; display: inline-block; border: .1rem solid #fff } .n nav>div:first-child>div { margin-top:
1.25rem } .n nav>div:first-child>div a { width: 10.25rem; display: inline-block; float: left; text-align: center; background: #D05D62; color: #fff; margin-right: 1.15rem; margin-bottom: 1.15rem; height: 7.3rem; border-radius: .25rem;
-moz-border-radius: .25rem; -webkit-border-radius: .25rem; position: relative; padding-top: 4.5rem } .n nav>div:first-child>div a:before { content: ''; background-position: -13.85rem 0; width: 2.6rem; height: 2.7rem; display: inline-block;
position: absolute; top: 1.1rem; left: 50%; margin-left: -1.3rem } .n nav>div:first-child>div a:nth-child(2n+2) { margin-right: 0 } .n nav>div:first-child>div a:nth-child(2) { background: #59A7C9 } .n nav>div:first-child>div
a:nth-child(2):before { background-position: -16.95rem 0 } .n nav>div:first-child>div a:nth-child(3) { background: #60AD80 } .n nav>div:first-child>div a:nth-child(3):before { width: 3rem; background-position: -19.75rem 0 } .n
nav>div:first-child>div a:nth-child(4) { background: #F1B75E } .n nav>div:first-child>div a:nth-child(4):before { background-position: -23.45rem 0 } .n nav>div:first-child>div a:nth-child(5) { background: #B280A2 } .n
nav>div:first-child>div a:nth-child(5):before { background-position: -26.15rem 0 } .n nav>div:first-child>div a:nth-child(6) { background: #D9D7D7; padding: 0 } .n nav>div:first-child>div a:nth-child(6):before { width: 2.15rem; height:
2.15rem; top: 50%; margin-top: -1.075rem; margin-left: -1.075rem; background-position: -13.5rem -31.7rem } .n nav>div:last-child>ul>li { position: relative } .n nav>div:last-child>ul>li>a { display: block; font-size: 1.55rem; color: #fff;
background: #2e8f56; padding: 5px 10px; margin-bottom: 10px; margin-top: 10px } .n nav>div:last-child>ul>li>a span { display: inline-block; font-size: 1.55rem; font-family: 'utmhvi',serif; color: #fff; background: #D05D62; width: 3rem;
text-align: center; padding: .15rem 0 .4rem; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-right: 1.5rem } .n nav>div:last-child>ul>li>.sub-menu li a { color: #111; display: block; padding: 5px;
border-bottom: 1px dashed } .n nav>div:last-child>ul>li>.sub-menu li:last-child a { padding-bottom: 0; border-bottom: 0 } .n nav>div:last-child>ul>li>.drm { position: absolute; width: .85rem; height: .85rem; display: inline-block;
background-position: -18.25rem -32rem; right: 0; top: 2.45rem; background: #fff0 } .n nav>div:last-child>ul>li>.drm:after { content: "+"; font-size: 17px; color: #fff; position: absolute; right: 7px; top: -20px; font-style: initial;
font-weight: 500 } .n nav>div:last-child>ul>li .s { display: none } .n nav>div:last-child>ul>li .s li { border-top: .1rem dashed #C7C7C7; padding: 1.15rem 0 } .n nav>div:last-child>ul>li .s li a { color: #636363; display: block } .n
nav>div:last-child>ul>li .s li a:before { content: ''; width: 1.4rem; height: 1rem; display: inline-block; background-position: -19.7rem -32rem; margin: 0 2.3rem 0 1rem } .n nav>div:last-child>ul>li .s li:first-child { border-top: none } .n
nav>div:last-child>ul>li .s li:last-child { border-top: none; padding: 0 } .n nav>div:last-child>ul>li .s li:last-child>a { height: 8.75rem; padding: 0; width: 100%; display: inline-block } .n nav>div:last-child>ul>li .s
li:last-child>a:before { display: none } .n nav>div:last-child>ul>li:nth-child(2)>a>span { background: #60AD80 } .n nav>div:last-child>ul>li:nth-child(3)>a>span { background: #59A7C9 } .n nav>div:last-child>ul>li:nth-child(4)>a>span {
background: #F1B75E } .n nav>div:last-child>ul>li:nth-child(5)>a>span { background: #B280A2 } .n .navc { left: 0 } .nc { bottom: 0 } #lg { text-align: center; padding: .85rem 0 .55rem } #lg img { width: 21rem; height: auto } #sch {
position: relative } #sch input { width: 100%; color: #898989; font-size: 1rem; font-style: italic; border: .1rem solid #D6D5D6; border-radius: 30px; -moz-border-radius: .5rem; -webkit-border-radius: 30px; padding: 0 15px; height: 40px }
#sch button { width: 3.85rem; height: 2.5rem; background-position: -3.65rem .3rem; border: none; border-left: .1rem solid #BAB8BA; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%) } #bnn { margin-top: 1.4rem } img { height: auto } #bn .item img { max-height: 195px } .tt { display: block; text-align: center; color: #282828; text-transform: uppercase; font-size: 1.9rem; font-family:
'utmhvi',serif; position: relative; padding: .7rem 0 1.5rem; font-weight: 400 } .s1 ul { margin-top: 1.75rem } .s1 ul>li { display: inline-block; width: 14.25rem; margin-right: .2rem; float: left; margin-bottom: .2rem } .s1
ul>li:nth-child(2n+2) { margin-right: 0 } .s1 ul>li a { position: relative; background: #D05D62; width: 14.25rem; text-align: center; color: #fff; font-size: 1.2rem; padding: 1.5rem 0; } .s1 ul>li:nth-child(2) a { background: #59A7C9 } .s1
ul>li:nth-child(2) a:before { background-position: -5.9rem -2.7rem } .s1 ul>li:nth-child(3) a { background: #60AD80 } .s1 ul>li:nth-child(3) a:before { background-position: -11.75rem -2.7rem } .s1 ul>li:nth-child(4) a { background: #794D0C
} .s1 ul>li:nth-child(4) a:before { background-position: -17.65rem -2.7rem; width: 5.7rem } .s1 ul>li:nth-child(5) a { background: #B280A2 } .s1 ul>li:nth-child(5) a:before { background-position: -23.3rem -2.95rem } .s1 ul>li:nth-child(6) a
{ background: #CECECE } .s1 ul>li:nth-child(6) a:before { background-position: 0 -9.5rem; width: 2.9rem; height: 2.9rem; top: 50%; margin-top: -1.45rem } .s2>div>div { margin-top: 1.85rem } .s2>div>div>span { display: inline-block; width:
6rem; height: 6rem; padding-top: .15rem; font-family: 'utmhvi',serif; text-align: center; font-size: 3.4rem; background: #794D0C; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; float: left }
.s2>div>div>div { display: inline-block; float: right; width: 20.15rem } .s2>div>div>div>span { font-weight: 700; display: block; margin-bottom: 1.3rem; font-size: 1.25rem } .s2>div>div:nth-child(2)>span { background: #D8555B }
.s2>div>div:nth-child(3)>span { background: #2E8F56 } #s3 { padding: 2.31rem 0 4rem; margin-top: .75rem; margin-bottom: .5rem; background: url(../images/lp.png) no-repeat center center; background-size: 29.15rem } #s3 iframe { width: 24rem;
height: 15.25rem; display: block; margin: 0 auto } #s4 { background: url(../images/bt.webp) no-repeat center center; background-size: cover; text-align: center; padding-top: 1.3rem; padding-bottom: 2.1rem } #s4 .tt { color: #fff } #s4 img {
margin: 1.65rem 0 1rem } #s4>div>div span { color: #e3c798; display: inline-block; font-size: 1.55rem; position: relative; margin-bottom: 1rem } #s4>div>div span:before,#s4>div>div span:after { content: ''; width: 6.7rem; height: .25rem;
background: url(../images/d.png) no-repeat center center; position: absolute; bottom: .9rem; left: -7rem } #s4>div>div span:after { left: auto; right: -7rem } #s4>div>div>div a { display: inline-block; color: #fff; font-size: 2.05rem;
font-family: 'utmhvi',serif; position: relative } #s4>div>div>div a:first-child { padding-right: 3.7rem } #s4>div>div>div a:first-child:before { content: ''; width: 2rem; height: 3.25rem; background-position: -3.5rem -9.5rem; position:
absolute; right: .6rem } #s5 { padding-top: 1.3rem } #s5>div>div { width: 21.8rem; display: block; margin: 0 auto; border: .1rem solid #D7D7D7; border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; height:
36.55rem; position: relative; margin-top: 2rem } #s5>div>div .owl-nav .owl-prev,#s5>div>div .owl-nav .owl-next { width: 1.75rem; height: 1.75rem; background: url(../images/lf.jpg) no-repeat center center; display: inline-block;
background-size: 1.45rem; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -3.6rem } #s5>div>div .owl-nav .owl-next { background: url(../images/rt.jpg)
no-repeat center center; background-size: 1.45rem; right: -3.6rem; left: auto } #s5>div>div .item { text-align: center } #s5>div>div .item>a { display: block; font-size: 1.55rem; color: #106634; text-transform: capitalize; margin-top: 1rem;
margin-bottom: .35rem } #s5>div>div .item span { display: block } #s5>div>div .item ul { display: inline-block; margin-top: .75rem } #s5>div>div .item ul li { display: inline-block; float: left; margin-right: .75rem } #s5>div>div .item ul
li:last-child { margin-right: 0 } #s5>div>div .item ul li a { width: 2.75rem; height: 2.75rem; display: inline-block; background: #E2E2E2 } #s5>div>div .item ul li a:before { content: ''; width: 1.75rem; height: 1.75rem;
background-position: -6.05rem -10rem; display: inline-block; margin-top: .45rem } #s5>div>div .item ul li:nth-child(2) a:before { background-position: -7.9rem -10rem } #s5>div>div .item ul li:nth-child(3) a:before { background-position:
-9.7rem -10rem } #s6 { padding-top: .95rem; padding-bottom: 1.4rem } #s6>div>div img { display: block; margin: 0 auto } #s6>div>div ul { display: inline-block; width: 27.7rem; margin-left: .5rem; border: .1rem solid #E3E3E3; padding: .3rem
0 1.75rem; margin-top: 4.4rem; position: relative } #s6>div>div ul:before { content: ''; width: 6rem; height: 6rem; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%); top: -7.5rem } #s6>div>div ul li { margin-top: 2.3rem } #s6>div>div ul li span { display: inline-block; float: left } #s6>div>div ul li span:first-child { color: #fff; width: 4.3rem; height: 4.3rem;
font-family: 'utmhvi',serif; background: #F1B75E; font-size: 2.05rem; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding-top: .35rem; margin-right: 1.25rem; margin-left: 1.2rem } #s6>div>div
ul li span:last-child { width: 20rem; text-align: justify; line-height: 1.8 } #s6>div .i1 { margin-top: 1.75rem } #s6>div .i1 ul:before { background-position: 0 -13.4rem } #s6>div .i2 { margin-top: 2.5rem } #s6>div .i2 ul:before {
background-position: -6rem -13.4rem } #s6>div .i2 ul li span:first-child { background: #D05D62 } #s7 { padding-top: .7rem; padding-bottom: 4.3rem } #s7 .tt { font-size: 1.8rem } #s7 .i1 li { width: 7.4rem; margin-right: 2.7rem; text-align:
center; float: left } #s7 .i1 li:last-child { margin-right: 0 } #s7 .i1 li span:first-child { width: 6.7rem; height: 6.7rem; background: #F4AD3E; position: relative; display: block; margin: 0 auto; border-radius: 50%; -moz-border-radius:
50%; -webkit-border-radius: 50%; margin-top: .5rem } #s7 .i1 li span:first-child:before { content: ''; width: 3.5rem; height: 3rem; display: inline-block; background-position: -12.4rem -15.4rem; position: absolute; top: 50%; margin-top:
-1.5rem; left: 50%; margin-left: -1.75rem } #s7 .i1 li span:first-child:after { content: ''; width: 2.5rem; height: .05rem; border-top: .1rem dotted #111; position: absolute; right: -3rem; top: 50% } #s7 .i1 li span:last-child {
font-weight: 700; margin-top: 1.4rem; display: block } #s7 .i1 li:nth-child(2) { width: 8.5rem } #s7 .i1 li:nth-child(2) span { margin-top: 0 } #s7 .i1 li:nth-child(2) span:first-child { width: 7.75rem; height: 7.75rem; background: #D8555B
} #s7 .i1 li:nth-child(2) span:first-child:before { height: 3.5rem; background-position: -16.45rem -15.05rem; margin-top: -1.75rem } #s7 .i1 li:nth-child(2) span:last-child { display: block; margin-top: .9rem } #s7 .i1 li:nth-child(3)
span:first-child { background: #2E8F56 } #s7 .i1 li:nth-child(3) span:first-child:before { background-position: -20.15rem -14.85rem; height: 3.5rem; margin-top: -1.75rem } #s7 .i1 li:nth-child(3) span:after { display: none } #s7 .i2 {
padding-top: 3rem } #s7 .i2 li { display: inline-block; border: .1rem solid #f7a422; border-radius: 1.5rem; -moz-border-radius: 1.5rem; -webkit-border-radius: 1.5rem; color: #f7a422; padding: .2rem 1.7rem; transform: rotate(45deg);
-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg) } #s7 .i2 li:nth-child(2) { border: .1rem solid #d8555b; color: #d8555b } #s7 .i2 li:nth-child(3) { margin-left: .45rem; border: .1rem solid #2e8f56; color: #2e8f56 }
#s8>div>div { margin-top: 1.5rem } #s8>div>div>div { position: relative } #s8>div>div>div:first-child>a { width: 18.6rem; height: 14.85rem; float: left; display: inline-block } #s8>div>div>div:first-child>a img { vertical-align: middle;
width: 100%; height: 100% } #s8>div>div>div:first-child>div { width: 10.1rem; height: 14.85rem; float: left; background: #60AD80; text-align: center; position: relative } #s8>div>div>div:first-child>div>a:first-child { display: block;
color: #fff; padding: 0 1rem; margin-top: 1rem } #s8>div>div>div:first-child>div>a:last-child { display: inline-block; width: 6rem; background: #fff; color: #2e9459; font-size: .85rem; padding: .3rem 0; margin-top: 1.35rem }
#s8>div>div>div:first-child>div:before { content: ''; width: 1.75rem; height: 1.75rem; display: inline-block; background-position: -12rem -10rem; margin-top: 1.1rem } #s8>div>div>div:first-child>div:after { content: ''; width: 1.7rem;
height: .05rem; display: inline-block; background: #9BCCAF; position: absolute; left: 34%; top: 3rem } #s8>div>div>div:first-child:before { content: ''; width: 3.25rem; height: 3.25rem; background-position: -14.35rem -9.5rem; display:
inline-block; position: absolute; left: .4rem; bottom: .4rem } #s8>div>div>div:nth-child(2),#s8>div>div>div:nth-child(3) { background: #EBFCF2; border: .05rem dotted #111; margin-top: 1.5rem; border-radius: .5rem; -moz-border-radius: .5rem;
-webkit-border-radius: .5rem } #s8>div>div>div:nth-child(2)>a,#s8>div>div>div:nth-child(3)>a { display: inline-block; width: 8.85rem; float: left; margin: 1rem 1.25rem 1rem 1.1rem; float: left }
#s8>div>div>div:nth-child(2)>div,#s8>div>div>div:nth-child(3)>div { width: 16.5rem; float: left } #s8>div>div>div:nth-child(2)>div>a,#s8>div>div>div:nth-child(3)>div>a { display: inline-block; font-weight: 700; color: #282828; margin-top:
2.2rem } #s8>div>div>div:nth-child(2)>div span,#s8>div>div>div:nth-child(3)>div span { color: #7d7d7d; font-size: 1rem; display: block; margin-top: 1rem } #s8>div>div>div:nth-child(2)>div span:before,#s8>div>div>div:nth-child(3)>div
span:before { content: ''; width: 1.1rem; height: 1.1rem; display: inline-block; margin-right: .5rem; background-position: -7.5rem 0; vertical-align: -.2rem } #s8>div .i2>div:first-child>div { background: #F1B75E } #s8>div
.i2>div:first-child>div:after { background: #F5CC8D } #s8>div .i2>div:first-child>div a:last-child { color: #e5961c } #s8>div .i2>div:first-child:before { background-position: -17.75rem -9.5rem } #s8>div .i3>div:first-child>div {
background: #D8555B } #s8>div .i3>div:first-child>div:after { background: #E59094 } #s8>div .i3>div:first-child>div a:last-child { color: #be4247 } #s8>div .i3>div:first-child:before { background-position: -21.05rem -9.5rem } #s9 {
background: #21643E; margin-top: 1.5rem; padding-top: .9rem; padding-bottom: 2.9rem } #s9 .tt { color: #fff; padding-bottom: .5rem } #s9 .tt:before { display: none } #s9 .des { display: block; font-size: 1rem; color: #fff; text-align:
center } #s9 .f { position: relative; margin-top: 1.85rem } #s9 .f input { width: 100%; background: #2A7B4E; border: .1rem solid #4E9D6F; font-size: 1.2rem; font-style: italic; padding: 1.25rem 1.65rem; border-radius: 2rem;
-moz-border-radius: 2rem; -webkit-border-radius: 2srem; color: #fff } #s9 .f input::-webkit-input-placeholder { color: #4b9a6e } #s9 .f input::-moz-placeholder { color: #4b9a6e } #s9 .f input:-ms-input-placeholder { color: #4b9a6e } #s9 .f
input:-moz-placeholder { color: #4b9a6e } #s9 .f button { width: 2.25rem; height: 2.4rem; border: none; background-position: -10.2rem 0; position: absolute; right: 2.25rem; top: 50%; margin-top: -1.2rem } #s9 .p { position: relative;
margin-top: 2.2rem; padding-top: 2rem; display: flex; justify-content: space-between } #s9 .p a:nth-child(2) { text-align: right } #s9 .p a { display: inline-block; color: #fff; font-size: 2.05rem; font-family: 'utmhvi',serif; position:
relative } #s9 .p a:first-child { padding-right: 3.7rem } #s9 .p a:first-child:before { display: none } #s9 .p:after { content: ''; width: 2.5rem; background: url(../images/i.png) no-repeat; background-size: 29.15rem; height: 3.25rem;
background-position: -3.35rem -9.4rem; position: absolute; left: 50%; transform: translateX(-50%) } #s9 .p:before { content: ''; width: 13.5rem; height: .75rem; background: url(../images/bgt.png) repeat-x; display: inline-block; position:
absolute; top: 0; left: 50%; margin-left: -6.75rem } #s9 .a { margin-top: 1.25rem; padding-bottom: 1.65rem; border-bottom: .05rem dashed #fff } #s9 .a>div { width: 50%; float: left; padding: .8rem 0 } #s9 .a>div:first-child { border-right:
.05rem dotted #fff } #s9 .a>div span { display: block; margin-right: 1.1rem; position: relative; text-align: right } #s9 .a>div span:first-child { font-size: 1.55rem; font-family: 'utmhvi',serif; color: #fff; padding-top: 5.05rem;
margin-bottom: .5rem } #s9 .a>div span:first-child:before { content: ''; width: 3.85rem; height: 3.85rem; display: inline-block; background-position: 0 -19.85rem; position: absolute; top: 0; right: 0 } #s9 .a>div span:last-child { color:
#fff; text-align: right } #s9 .a>div:last-child span { margin-left: 1.1rem; margin-right: 0; text-align: left } #s9 .a>div:last-child span:first-child:before { background-position: -4rem -19.85rem; right: auto; left: 0 } #s10 { position:
relative } #s10>div { position: absolute; top: -2.125rem; left: 0; right: 0; display: inline-block; text-align: center } #s10>div>a { width: 4.25rem; height: 4.25rem; display: inline-block; background-position: -11.45rem -19.5rem;
margin-right: .9rem } #s10>div>a:nth-child(2) { background-position: -15.7rem -19.5rem } #s10>div>a:nth-child(3) { background-position: -19.95rem -19.5rem; margin-right: 0 } #s10>span { position: absolute; display: inline-block; width:
9rem; bottom: .4rem; padding: .4rem 0; margin-left: -4.5rem; left: 50%; background: #257247; border-radius: .5rem .5rem 0 0; -moz-border-radius: .5rem .5rem 0 0; -webkit-border-radius: .5rem .5rem 0 0; font-size: 1rem; color: #b0ebc9;
font-style: italic; text-align: center } #s11 { padding-bottom: 8.2rem } #s11>div>div { text-align: center } #s11>div>div .t { font-size: 1.7rem; display: inline-block; margin-top: .7rem; margin-bottom: 1.1rem } #s11>div>div:first-child>div
span { width: 4.8rem; height: 4.8rem; display: inline-block; background-position: 0 -25.05rem; margin-right: .4rem } #s11>div>div:first-child>div span:nth-child(2) { background-position: -4.8rem -25.05rem } #s11>div>div:first-child>div
span:nth-child(3) { background-position: -9.65rem -25.05rem } #s11>div>div:first-child>div span:nth-child(4) { background-position: -14.45rem -25.05rem } #s11>div>div:last-child>div span { width: 4.25rem; display: inline-block; text-align:
center; font-size: 1.7rem; background: #60AD80; padding: .825rem 0; border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; color: #fff } #s11>div>div p { color: #3b3b3b; margin-top: .75rem; line-height: 1.8 }
#s11>div>div a { display: inline-block; width: 15rem; text-align: center; color: #fff; font-weight: 700; padding: .85rem 0; background: #F0A737; border-radius: .5rem; -moz-border-radius: .5rem; -webkit-border-radius: .5rem; margin: .85rem 0
1rem } #s12 { position: fixed; max-width: 640px; margin: 0 auto; height: 6.85rem; bottom: 0; display: block; left: 0; right: 0; background: #257247; z-index: 10 } #s12 a { display: inline-block; width: calc(100% /3); float: left;
text-align: center; font-size: 1.05rem; color: #fff; text-transform: uppercase; position: relative; padding-top: 5.05rem; padding-bottom: .5rem; border-right: .05rem solid #60AD80 } #s12 a:before { content: ''; width: 4.1rem; height:
4.1rem; display: inline-block; position: absolute; top: .75rem; left: 50%; margin-left: -2.05rem; background-position: 0 -30.8rem } #s12 a:nth-child(2):before { animation: lac linear .8s; animation-iteration-count: infinite;
-webkit-animation: lac linear .8s; -webkit-animation-iteration-count: infinite; -moz-animation: lac linear .8s; -moz-animation-iteration-count: infinite; -o-animation: lac linear .8s; -o-animation-iteration-count: infinite; -ms-animation:
lac linear .8s; -ms-animation-iteration-count: infinite; background-position: -4.1rem -30.8rem } #s12 a:nth-child(3) { border-right: none } #s12 a:nth-child(3):before { width: 4.7rem; background-position: -8.2rem -30.8rem } #beadcrumb {
background: #D5ECDE; border-top: .1rem dotted #75B891; border-bottom: .1rem dotted #75B891; margin-top: -.45rem; padding-left: 1.15rem } #beadcrumb>div { display: inline-block; float: left } #beadcrumb>div a { display: inline-block; color:
#186b3b; font-size: 1rem; padding: 1rem 1.25rem 1rem 1rem } #beadcrumb>div:after { content: ''; width: .45rem; height: .8rem; background-position: -3.65rem 0; display: inline-block } #beadcrumb>div:first-child a { position: relative;
padding-left: 3.3rem } #beadcrumb>div:first-child a:before { content: ''; width: 2.8rem; height: 2.4rem; display: inline-block; background-position: 0 0; position: absolute; left: 0; top: 50%; margin-top: -1.2rem }
#beadcrumb>div:last-child:after { display: none } #beadcrumb>div:last-child a { color: #d8555b } #list-page { list-style: none; padding: 2.4rem 0 } #list-page .pagination { text-align: center } #list-page .pagination li { display:
inline-block } #list-page .pagination li a { display: inline-block; background: #D05D62; color: #fff; font-size: 1rem; font-weight: 700; width: 3.05rem; padding: .75rem 0 } #list-page .pagination li:first-child a,#list-page .pagination
li:last-child a { height: 3rem; width: 4.2rem; border-radius: 2rem 0 0 2rem; position: relative } #list-page .pagination li:first-child a:before,#list-page .pagination li:last-child a:before { content: ''; width: .9rem; height: 1rem;
display: inline-block; background-position: -9.25rem 0; vertical-align: -.1rem } #list-page .pagination li:last-child a { border-radius: 0 2rem 2rem 0 } #list-page .pagination li:last-child a:before { background-position: -10.7rem 0 }
#list-page .pagination .thisclass { color: #fff; font-size: 1rem; font-weight: 700; width: 3.05rem; padding: .75rem 0; background: #F4AD3E } #ctna>div>article { position: relative; background: #EBFCF2; border: .05rem dotted #111;
margin-top: 1.05rem; border-radius: .5rem; -moz-border-radius: .5rem; -webkit-border-radius: .5rem } #ctna>div>article:first-child { background: none; border: none; margin-top: 1.6rem; border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0 } #ctna>div>article:first-child>a { width: 18.6rem; height: 14.85rem; float: left; display: inline-block; margin: 0 } #ctna>div>article:first-child>a img { vertical-align: middle; width: 100%; height: 100% }
#ctna>div>article:first-child>div { width: 10.1rem; height: 14.85rem; float: left; background: #D8555B; text-align: center; position: relative } #ctna>div>article:first-child>div>a { font-weight: 400 }
#ctna>div>article:first-child>div>a:first-child { display: block; color: #fff; padding: 0 1rem; margin-top: 1rem } #ctna>div>article:first-child>div>a:last-child { display: inline-block; width: 6rem; background: #fff; color: #be4247;
font-size: .85rem; padding: .3rem 0; margin-top: 1.35rem } #ctna>div>article:first-child>div:before { content: ''; width: 2.25rem; height: 1.9rem; display: inline-block; background-position: -4.7rem 0; margin-top: 1.1rem }
#ctna>div>article:first-child:before { content: ''; width: 3.25rem; height: 3.25rem; background-position: 0 -3.25rem; display: inline-block; position: absolute; left: .4rem; bottom: .4rem } #ctna>div>article>a { display: inline-block;
width: 8.85rem; float: left; margin: 1rem 1.25rem 1rem 1.1rem; float: left } #ctna>div>article>div { width: 16.5rem; float: left } #ctna>div>article>div>a { display: inline-block; font-weight: 700; color: #282828; margin-top: 2.2rem }
#ctna>div>article>div span { color: #7d7d7d; font-size: 1rem; display: block; margin-top: 1rem } #ctna>div>article>div span:before { content: ''; width: 1.1rem; height: 1.1rem; display: inline-block; margin-right: .5rem;
background-position: -7.5rem 0; vertical-align: -.2rem } #rp>div .ts { font-size: 1.7rem; font-family: 'utmhvi',serif; display: block } #rp>div .ts:before { content: ''; width: .4rem; height: 2.1rem; background: #2E8F56; display:
inline-block; margin-right: .7rem; vertical-align: -.35rem } #rp>div>article { position: relative; background: #EBFCF2; border: .05rem dotted #111; margin-top: 1.05rem; border-radius: .5rem; -moz-border-radius: .5rem; -webkit-border-radius:
.5rem } #rp>div>article>a { display: inline-block; width: 8.85rem; float: left; margin: 1rem 1.25rem 1rem 1.1rem; float: left } #rp>div>article>div { width: 16.5rem; float: left } #rp>div>article>div>a { display: inline-block; font-weight:
700; color: #282828; margin-top: 2.2rem } #rp>div>article>div span { color: #7d7d7d; font-size: 1rem; display: block; margin-top: 1rem } #rp>div>article>div span:before { content: ''; width: 1.1rem; height: 1.1rem; display: inline-block;
margin-right: .5rem; background-position: -7.5rem 0; vertical-align: -.2rem } #ctns>div h1 { font-size: 1.7rem; font-weight: 600; padding: .7rem 0; margin-top: .7rem } #ctns>div h1:before { content: ''; width: .4rem; height: 2.1rem;
background: #2E8F56; display: inline-block; margin-right: .7rem; vertical-align: -.35rem } #ctns>div .rate { display: inline-block; width: 100%; margin-bottom: 1rem } #ctns>div .rate>div { width: 50%; float: left } #ctns>div .rate>div .tr {
color: #8a8a8a; font-size: 1.1rem } #ctns>div .rate>div .str { width: 8.2rem; height: 1.35rem; background-position: 0 0; display: inline-block; vertical-align: -.2rem } #ctns>div .rate>div:first-child { position: relative } #ctns>div
.rate>div:first-child:before { content: ''; width: .1rem; height: 1.2rem; display: inline-block; background: #8A8A8A; position: absolute; right: -.3rem; top: 50%; margin-top: -.6rem } #ctns>div .rate>div:last-child { text-align: right }
#ctns>div .rate>div>div { display: inline-block; vertical-align: -.45rem; margin-left: .6rem } #ctns>div .rate>div>div a { width: 1.7rem; height: 1.7rem; display: inline-block; background-position: -8.95rem 0 } #ctns>div .rate>div>div
a:nth-child(2) { background-position: -10.65rem 0 } #ctns>div .rate>div>div a:nth-child(3) { background-position: -12.35rem 0 } #ctns>div .rate>div>div a:nth-child(4) { background-position: -14.05rem 0 } #ctns>div p { text-align: justify;
line-height: 1.9; font-size: 17px; margin-bottom: 1.2rem } #ctns>div li { margin-bottom: 1rem } #ctns>div li { margin-bottom: .9rem } #ctns>div .ld ul { border-left: .1rem solid #A9D3BA } #ctns>div .ld ul li { margin-bottom: 0; position:
relative; padding: 0 } #ctns>div .ld ul li a { display: inline-block; width: 25rem; margin-left: 3.7rem; border-bottom: .1rem dashed #B7B7B7; padding: 1rem 0; color: #636363 } #ctns>div .ld ul li:last-child a { border-bottom: 0 } #ctns>div
.ld ul li:before { content: ''; width: 1.55rem; height: 1.3rem; display: inline-block; background-position: 0 -2.4rem; position: absolute; left: 1rem; top: 50%; margin-top: -.65rem } #ctns>div h3 { font-size: 1.2rem; text-align: justify;
padding-left: 2.45rem; position: relative; margin-bottom: 1rem } #ctns>div h3:before { content: ''; width: 1.35rem; height: 1.35rem; display: inline-block; background-position: -4.65rem -2.4rem; position: absolute; left: .1rem; top: .3rem }
#ctns>div ul li { padding-left: 4rem; position: relative } #ctns>div ul li:before { content: ''; width: .45rem; height: .9rem; display: inline-block; background-position: -6.4rem -2.6rem; position: absolute; top: .85rem; left: 2.6rem }
#ctns>div .bstv { border: .1rem solid #CCC; height: 10.7rem; margin: .5rem 0; background: url(../images/b1.png) no-repeat .75rem center; background-size: 10.65rem } #ctns>div .bstv a { display: inline-block; width: 15.2rem; background:
#60AD80; float: right; text-align: center; margin-right: .9rem; margin-bottom: .6rem; font-family: 'utmhvi',serif; font-size: 1.7rem; color: #fff; padding: .5rem 0; border-radius: .5rem; -moz-border-radius: .5rem; -webkit-border-radius:
.5rem } #ctns>div .bstv a:before { content: ''; width: 1.3rem; height: 2rem; display: inline-block; background-position: 0 -4.55rem; vertical-align: -.3rem; margin-right: 1rem } #ctns>div .bstv a:last-child { background: #D8555B } #ctns>div
.bstv a:last-child:before { width: 1.9rem; height: 1.9rem; background-position: -1.55rem -4.55rem } #ctns>div .bstv a:first-child { margin-top: 1.25rem } #ctns>div .tvtt { position: relative; margin: 2rem 0 } #ctns>div .tvtt:before {
content: ''; width: 4.7rem; height: 5.9rem; background: url(../images/tv.png) no-repeat center center; background-size: 4.7rem; display: inline-block; position: absolute; top: 50%; margin-top: -3.9rem; margin-left: -2.35rem; left: 50% }
#ctns>div .tvtt>a { width: 50%; background: #2E8F56; float: left; font-size: 1.7rem; color: #fff; font-family: 'utmhvi',serif; z-index: -1; padding: .65rem 0 .65rem 1.45rem; border-radius: 5rem; -moz-border-radius: 5rem;
-webkit-border-radius: 5rem } #ctns>div .tvtt>a:last-child { background: #BD3A40; font-size: 1.5rem; padding: .8rem 0 .6rem 3.1rem } .ovlp { position: fixed; display: none; margin: 0 auto; top: 0; bottom: 0; right: 0; left: 0; background:
#111; z-index: 1000; opacity: .6; max-width: 640px } .pu { width: 28.7rem; position: fixed; display: none; margin-left: 1.65rem; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);
background: #fff; z-index: 10000 } .pu .tp { display: block; background: #2E8F56; text-transform: uppercase; color: #fff; font-size: 1.25rem; text-align: center; padding: .3rem 0 } .pu .close { position: absolute; right: 1rem; font-weight:
700; font-size: 1.4rem; color: #aaa; top: .75rem; line-height: .7 } .pu>div { background: #F9F9F9; border: .1rem solid #EDEDED; margin: 1.25rem .75rem; padding: .75rem 1rem } .pu>div input,.pu>div textarea { width: 100%; border: solid .1rem
#ededed; border-radius: .5rem; -moz-border-radius: .5rem; -webkit-border-radius: .5rem; font-family: 'Roboto',serif; padding: .6rem 1rem; margin-bottom: 1rem } .pu>div textarea { margin-bottom: .4rem } .pu>div button { background: #F4AD3E;
text-transform: uppercase; border: none; color: #fff; width: 100%; text-align: center; padding: .6rem 0; border-radius: .5rem; -moz-border-radius: .5rem; -webkit-border-radius: .5rem } .ovlpc { display: block } .puc { display: inline-block
} #popup { display: none; position: fixed; z-index: 9999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0 0 0 / .4) } .scroll { display: none } .add-post { border: 1px #84ba1e dashed;
padding: 10px; background: #e2f4e9; margin-bottom: 20px; clear: both; text-align: center } .add-post1 { border: 1px #ba1e71 dashed; padding: 10px; background: rgb(255 168 172 / .5); margin-bottom: 20px; clear: both; text-align: center }
@media screen and (max-width: 414px) { #popup { padding-top:60px } } @media screen and (max-width: 375px) { #popup { padding-top:0 } } @media screen and (max-width: 566px) { .f_lienhe { background:#fff; margin: 0; position: fixed; bottom:
0; width: 100%; left: 0; right: 0; z-index: 999; text-align: center; color: #fff; font-family: 'utmhvi'; font-weight: 400 } .ss-q-date { -webkit-appearance: none }
.ss-q-date::-webkit-inner-spin-button,.ss-q-date::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none } .f_lienhe li { float: left; width: 25%; padding: 5px 0; text-align: center } #ft.mb { padding-bottom: 85px }
.f_lienhe li:first-child { width: 50%; background: #2e9057; padding: 12px 0 } .f_lienhe li:nth-child(2) { border-right: 1px dashed #47cb82 } .f_lienhe li a { color: #282828!important; font-size: 14px } .model { background-color: #fff0;
margin: auto; padding: 6px; width: 100%; position: relative; TOP: 10% } .title3 { background: #2e8f56; margin-left: 0; font-family: 'utmhvi'; font-size: 24px; color: #fff; text-align: center; font-weight: 400; height: 62px; line-height:
62px; border-radius: 10px 10px 0 0; margin: 0 auto; position: relative; z-index: 1 } textarea { padding: 6px; margin: 10px 0!important; width: 100%; border: 1px solid #ccc; height: 50px } textarea::placeholder { font-size: 14px }
input[type="date"]::before { color: #999; content: attr(placeholder) } input[type="date"] { color: #fff } input[type="date"]:focus,input[type="date"]:valid { color: #666 } input[type="date"]:focus::before,input[type="date"]:valid::before {
content: ""!important } .bfr button { background: #d03d3f; font-size: 22px; color: #fff; text-transform: uppercase; padding: 10px 11px; border: 0; height: auto; border-radius: 5px; margin-top: 20px } .bfr { border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px; text-align: center; background: #fff; padding: 0 0 20px } .close { top: 2px!important; color: #444; background: #fff; border: 1px solid #106634; border-radius: 5px; right: 2px!important; padding: 0
5px!important; font-size: 22px!important; position: absolute; display: inline-block; font-weight: 700; cursor: pointer; z-index: 999 } .dathen-wrapper { margin: 0 auto; border: none; width: 100%; padding: 15px 25px 0; background: #fff;
overflow: hidden } .dathen-wrapper .col-sm-6 { width: 48%!important; float: left } .dathen-wrapper .col-sm-6.one { margin: 0 2% 0 0!important } .dathen-wrapper .col-sm-6.two { margin: 0 0 0 2%!important; width: 46%!important }
.dathen-wrapper input { color: #787878; height: 40px; width: 100%; width: 100%; clear: none; margin: 10px 0!important; color: #555; background-color: #fff; border: 1px solid #ccc; background-image: none; padding: 6px; font-size: 14px;
border-radius: 4px } .f_lienhe li img { display: block; margin: 0 auto; height: 45px } .f_lienhe li:first-child img { float: left; margin-left: 20px; vertical-align: middle; height: 20px } .f_lienhe li:first-child span { float: left;
margin-left: 10px; margin-bottom: 10px } .f_lienhe li:first-child a { color: #fff!important; font-family: Roboto } .f_lienhe li:first-child p { margin-top: 12px } .f_lienhe li:first-child p img { height: 25px!important; margin-left:
20px!important } .rung { animation: shake-phone linear 1s; animation-iteration-count: infinite } .f_lienhe li:nth-child(2) a { animation-name: color; animation-duration: 5s; animation-iteration-count: infinite; animation-delay: 2s }
.f_lienhe li:nth-child(3) a { animation-name: color; animation-duration: 5s; animation-iteration-count: infinite; animation-delay: 4s } @keyframes color { 0% { color: #282828 } 70% { color: #eb2437 } 100% { color: #eb2437 } } @keyframes
shake-phone { 0% { transform: translate(0,0) rotate(0deg) } 10% { transform: translate(0,5px) rotate(-25deg) } 12% { transform: translate(0,5px) rotate(-23deg) } 20% { transform: translate(0,0) rotate(-15deg) } 21% { transform:
translate(0,5px) rotate(-15deg) } 30% { transform: translate(0,0) rotate(-20deg) } 40% { transform: translate(0,5px) rotate(-10deg) } 51% { transform: translate(0,0) rotate(0deg) } 100% { transform: translate(0,0) rotate(0deg) } } } #t_ich
{ position: fixed; bottom: 0%; width: 100%; height: 80px; z-index: 99999; background: url(../images/Gift.gif) center no-repeat; background-size: cover; left: 0 } #t_ich a { width: 33.333%; height: 80px; display: inline-block; float: left }
#LRMINIBar { bottom: 112px!important } .scroll.fixed { display: block } .scroll.fixed { position: fixed!important; width: 100%; height: auto; top: 0; z-index: 9999; max-width: 640px } #s5>div>div .item ul li a:before { content: ''; display:
block; width: 25px; height: 25px; background: url(../images/all1.png) no-repeat -241px 0!important; position: absolute; top: 7px; left: 6px } #s5>div>div .item ul li:nth-child(2) a { background-position: -272px 0px!important } #s5>div>div
.item ul li:nth-child(3) a { background-position: -301px 0!important; width: 30px } .t_shot_code_nenhong { background: #FFA8AC; border: 1px #ba1e71 dashed; padding: 5px 15px; background: rgb(255 168 172 / .5); margin-bottom: 20px }
.t_shot_code_nenhong a:hover { color: #fff } .t_shot_code_nenxanh a:hover { color: #fff } .t_shot_code_nenxanh { background: #e2f4e9; border: 1px #82dca5 dashed; padding: 5px 15px; margin-bottom: 20px } .thamkhao a { position: relative;
padding-left: 20px; color: #308051; display: inline-block; margin-bottom: 5px } .thamkhao h3:before { display: none!important } .thamkhao p { margin-bottom: 0!important } .thamkhao a:hover { color: #fb8008 } .thamkhao a:before { content:
''; display: inline-block; width: 8px; height: 8px; border: 1px solid #308051; border-radius: 50%; position: absolute; left: 2px; top: 10px } .t_shot_code_1 { display: inline-block; height: 22px; width: 22px; margin-right: 7px; float: left;
margin-top: 3px; background: url(../images/check1.png) no-repeat left } .t_shot_code_2 { display: inline-block; height: 22px; width: 22px; background: url(../images/ic-2.png) no-repeat left; float: left; margin-top: 2px } .box-add {
text-align: center!important; margin: 20px 0 } .hidden-mb { display: none; position: fixed; z-index: 9999; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0 0 0 / .4) } .pop { width: 100%;
height: 355px; position: relative; margin-top: 20%!important; background: url(../images/top-pop1.jpg)!important; background-size: contain!important; padding: 52px 0!important } .pop .d-send { float: none!important; margin-top:
10px!important; margin-bottom: 7px!important; padding: 10px 13px!important; background: #d7384e; border: 0; color: #fff; font-size: 14px; font-weight: 700; border-radius: 5px } .pop input { height: 48px!important; margin-top: 10px!important
} .pop .inf { text-align: center } .pop h3 { color: #106634!important; font-family: 'utmhvi',serif; font-weight: 400; text-align: center; font-size: 24px } .pop p { color: #e89d26; font-style: italic; text-align: center; font-weight: 700;
margin: 0 } .pop .close1 { top: 1px!important; color: #444; background: #fff; border: 1px solid #106634; border-radius: 5px; right: 2px!important; padding: 0 5px!important; font-size: 22px!important; position: absolute; display:
inline-block; font-weight: 700; cursor: pointer; z-index: 999 } .pop #form_dt { width: 80%; margin: 0 auto; margin-right: 11%!important } .pop input { width: 100%; padding: 12px 0 12px 45px; border: 1px solid #ccc; border-radius: 3px;
height: 48px!important; margin-top: 13px!important } .pop input:first-child { background: #fff url(../images/s6m1(1).png) no-repeat left 8px; background-position-x: 15px } .pop input:nth-child(2) { background: #fff url(../images/s6m2.png)
no-repeat left 8px; background-position-x: 15px } @media screen and (max-width: 566px) { .t_shot_code_nenhong { background:#FFA8AC; border: 1px #ba1e71 dashed; padding: 5px 15px; background: rgb(255 168 172 / .5); margin-bottom: 20px }
.t_shot_code_nenhong a:hover { color: #fff } .t_shot_code_nenxanh a:hover { color: #fff } .t_shot_code_nenxanh { background: #e2f4e9; border: 1px #82dca5 dashed; padding: 5px 15px; margin-bottom: 20px } .thamkhao a { position: relative;
color: #308051; height: 30px; overflow: hidden; display: inline-block; border: 1px dotted #308051; padding: 1px 20px 3px 32px; line-height: 27px } .thamkhao p { margin-bottom: 0!important } .thamkhao a:hover { color: red } .thamkhao
a:before { content: ''; display: inline-block; width: 8px; height: 8px; border: 1px solid #308051; border-radius: 50%; position: absolute; left: 15px; top: 11px } .t_shot_code_1 { display: inline-block; height: 22px; width: 22px;
background: url(../images/check1.png) no-repeat left } .t_shot_code_2 { display: inline-block; height: 22px; width: 22px; background: url(../images/ic-2.png) no-repeat left } .t_shot_code_3 { display: inline-block; height: 22px; width:
22px; background: url(../images/ic3.png) no-repeat; float: left; margin-top: 9px; margin-right: 0 } @font-face { font-family: 'utm-fb'; font-weight: 400; src: url(./f/UTM-FacebookB.ttf) } @font-face { font-family: 'utm-avo'; font-weight:
400; src: url(./f/UTM-Avo.ttf) } .box-add { text-align: center!important; margin: 30px 0 } .box-hotro li { display: none; border-right: 0 } .box-hotro li:first-child { display: block!important; width: 100%!important; height: auto!important
} .box-hotro { width: 100% } .shot-video p { text-align: center!important } .box-hotro { background: #dff1e7; border: 1px dashed #6ab388; display: flex; margin: 30px auto 10px!important } .box-hotro li { float: left; text-align: center;
padding: 10px; border-right: 1px dashed #6ab388; height: 90px } .box-hotro li:last-child { border-right: 0 } .box-hotro h3 { margin: 0!important; text-align: center!important; font-family: utm-fb!important; color: #245438!important;
font-weight: bold!important; font-size: 19px!important; text-transform: uppercase; padding-left: 0!important } .box-hotro h3:before { display: none!important } .box-hotro li:first-child:after { content: ''; display: inline-block; width:
20px; height: 22px; background: url(./imgages/cut.png) no-repeat; position: absolute; right: -14px; bottom: -14px; z-index: 222 } .box-hotro li:first-child a { font-size: 16px; border: 1px solid #aacdb8; padding: 0 15px; border-radius:
20px; color: #d35153; background: #fff; margin-right: 10px; margin-top: 10px; display: inline-block; text-transform: uppercase; font-family: utm-avo } #article .box-hotro li p { background: #53a776; font-family: utm-he!important; font-size:
16px; color: #fff; overflow: hidden; padding: 5px; text-align: center!important; border: 1px solid #fff; border-radius: 5px; margin-bottom: 0!important; text-align: center!important } .box-hotro li:last-child p { background:
#e1a930!important } .box-hotro li p span { display: block; font-size: 20px; text-align: center } .shot-video { width: 100%; margin: 20px auto; background: url(../images/vd-mb.png) no-repeat!important; padding: 25px 30px 22px!important;
background-size: contain; height: 255px } .shot-video iframe { max-width: 290px!important; margin-right: 0!important; height: 160px!important } .shot-video p { margin-bottom: 0!important } .text-video h4 { font-size: 14px!important;
font-family: Roboto!important; font-weight: bold!important; position: relative; padding-bottom: 10px; text-align: center; line-height: 21px } .under-text p { font-size: 12px; color: #787878; font-weight: 400; text-align: left!important;
margin-bottom: 0!important; font-family: Roboto!important } .under-text a { background: #d03d3f; color: #fff; font-family: Roboto; font-size: 14px; padding: 3px 15px; border-radius: 5px; margin-top: 15px; display: inline-block } .text-image
{ text-align: center!important; font-size: 12px; color: #787878 } iframe { width: 100%!important } } @media screen and (max-width: 375px) { .pop { height:320px; padding: 45px 0!important } .pop input { margin-top: 10px!important } } @media
screen and (max-width: 320px) { .pop { height:275px; padding: 40px 0!important } .pop input { height: 45px!important } .pop p { display: none } } .mxh { text-align: center; padding-bottom: 10px } .mxh a { display: inline-block; margin-top:
15px } .mxh a:before { content: ""; display: inline-block; float: left; width: 55px; height: 55px; position: relative; background: url(../images/icon.png); background-position: -1px -401px } .mxh a:nth-child(2):before { background-position:
-58px -401px } .mxh a:nth-child(3):before { background-position: -117px -401px } .mxh a:nth-child(4):before { background-position: -176px -401px } .map { height: 239px; width: 100%; position: relative; overflow: hidden; background:
url(../images/map.webp); margin-bottom: 40px } .last-ft { padding: 15px 0 15px 72px; background-position-x: 15px; margin-bottom: 75px } .last-ft div span { width: 40px; height: 40px; font-family: 'utmhvi',serif; display: inline-block;
font-weight: 400; text-align: center; font-size: 25px; border: 1px solid #4d9a6e; margin-right: 0; border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; color: #fff } #s9 { padding-bottom: 0!important; overflow: hidden }
.call-post { clear: both; padding: 10px; border: 1px dashed #3f835b; border-radius: 5px; background: #f6f5f5; margin: 0 0 20px } .call-post p { margin-bottom: 20px } .call-post ul li { position: relative; display: block; margin-bottom:
20px; display: flex; align-items: center; padding-left: 40px } .call-post ul li:before { content: ''; display: inline-block; width: 35px!important; height: 35px!important; background: url(../images/icon.png) no-repeat!important;
background-position: -375px -320px!important; position: absolute; left: 0!important; top: 2px!important } .call-post ul li:nth-child(2):before { background-position: -409px -320px!important } .call-post ul li:nth-child(3):before {
background-position: -443px -320px!important } .call-post li a { color: #2e8f56!important; font-size: 16px; font-weight: 700; margin-left: 5px } .call-post li:nth-child(2) a { color: #fb8008; text-transform: uppercase; font-size: 14px }
.call-post li:nth-child(3) a { color: #fb8008; text-transform: uppercase; font-size: 14px } .single .last { text-align: center; padding: 20px 20px 0; background: #f7f7f7; border: 5px solid #009647; margin-bottom: 15px!important; width:
100%!important } .last h4 { font-size: 18px!important; text-align: center; color: #e89d26; font-weight: normal!important; margin-bottom: 5px!important } .last p { text-align: center!important; color: #2e8f56 } #s6m { padding: 25px
0!important; background-size: contain!important; height: 295px!important } .single #s9 { margin-top: 0 } #s6m input { width: 100%; padding: 12px 0 12px 45px; margin-top: 15px; border: 1px solid #ccc; border-radius: 3px } #s6m h3 {
font-family: 'utmhvi'; font-weight: 400; text-align: center!important; font-size: 24px!important; color: #000; padding: 0!important; margin-bottom: 0!important; margin-top: 15px } #s6m h3:before { display: none!important } #s6m #form_dt {
width: 80%; margin: 0 auto } .inf { width: 90%; margin: 0 auto; text-align: center } #s6m input:first-child { background: #fff url(../images/s6m1.png) no-repeat left 8px; background-position-x: 15px } #s6m input:nth-child(2) { background:
#fff url(../images/s6m2.png) no-repeat left 8px; background-position-x: 15px } #s6m .d-send { float: right; margin-top: 15px; background: #d7384e; border: 0; color: #fff; font-size: 14px; font-weight: 700; padding: 13px; border-radius: 5px
} .lq-mb .item { float: left; width: 100%; margin-bottom: 15px; border: 1px solid #ccc; padding: 10px; border-radius: 5px } .lq-mb { margin-top: 15px } .lq-mb .item img { width: 40%; float: left; margin-right: 5% } .lq-mb h5 a { font-size:
12px; text-transform: uppercase; color: #2d9057; font-weight: 400; padding-top: 7px } .lq-mb h4 { float: left; width: 55%; line-height: 22px; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 15px; line-height: 22px } .lq-mb h4 a { color: #282828 } #rp>div .ts { font-size: 25px; font-family: 'utmhvi',serif; display: block; margin: 20px 0 0; text-align: center }
#rp>div .ts:before { display: none } #blqxt { background: #ebebeb; font-size: 14px; height: 42px; color: #787878; width: 100%; clear: both; display: block; text-align: center; line-height: 42px; font-weight: 700 } .single .wp-caption {
width: 100%!important } .top-p { float: left; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px!important; padding-bottom: 5px } .desxx p { margin-bottom: 5px!important; text-align: left!important; display: flex; align-items:
center } .desxx p span { font-size: 14px; font-weight: 700; color: #787878 } .desxx p span:first-child { margin-right: 7px } #ctns>div h1 { font-size: 20px; font-weight: 400; padding: 0; margin-top: 15px; margin-bottom: 15px; font-family:
'utmhvi',serif; color: #106634 } #ctns>div h1:before { display: none } #ctns>div h2 { color: #fff; line-height: 1.5; font-weight: 700; width: 100%; padding: 7px 20px; font-size: 18px; margin-bottom: 15px; border-radius: 3px; background:
#ffc7ea; border-left: 5px solid #f1099a; margin: 0 0 1.2rem; background-image: linear-gradient(to right,#df47a6,#ffc7ea) } .slibs { margin-top: 30px } h2.title-sb { font-family: 'utmhvi'; font-size: 22px; line-height: 27px; color: #fff;
text-align: center; text-transform: uppercase; font-weight: 400 } .slibs .slider .item { border: 1px solid #ccc; border-radius: 5px; margin: 1px; overflow: hidden } .slibs .item .des { padding: 15px 5px 8px } .slibs .item .des h3,.slibs
.item .des p { text-align: center; margin-bottom: 10px } .slibs .item { margin: 0 40px!important } .slibs .item .des h3 { color: #106634; font-weight: 400; font-size: 18px } p.ctt { COLOR: #787878; position: relative } p.ctt:before {
content: ''; display: inline-block; width: 70px; height: 1px; background: #d7d7d7; position: absolute; left: 10px; bottom: 10px } p.ctt:after { content: ''; display: inline-block; width: 70px; height: 1px; background: #d7d7d7; position:
absolute; right: 10px; bottom: 10px } .slibs .item .des div { text-align: center } .slibs .item .des a { display: inline-block; position: relative; width: 35px; height: 35px; margin-right: 5px; border: 1px solid #d7d7d7 } .slibs .item .des
a:before { content: ''; display: block; width: 25px; height: 25px; background: url(../images/icon.png) no-repeat 2px -278px; position: absolute; top: 4px; left: 3px } .slibs .item .des a:nth-child(2):before { background-position: -35px
-278px } .slibs .item .des a:nth-child(3):before { background-position: -72px -280px } .slibs .owl-next { width: 25px; height: 25px; background: url(../images/icon.png) no-repeat -113px -281px!important; position: absolute; top: calc((100%
- 19px)/2); right: 0 } .slibs .owl-prev { width: 25px; height: 25px; background: url(../images/icon.png) no-repeat -113px -281px!important; position: absolute; top: calc((100% - 19px)/2); left: 0; -ms-transform: rotate(-180deg); transform:
rotate(-180deg); -moz-transform: rotate(-180deg) } #list_cat { border: 1px solid #ccc; padding: 12px; border-radius: 10px; overflow: hidden; margin-bottom: 15px } #list_cat .img-pt { float: left; width: 40%; margin-right: 5% } #list_cat
.img-pt img { width: 100%!important; height: auto } #list_cat h5 { text-transform: uppercase; font-size: 12px; margin-bottom: 5px; font-weight: 400 } #list_cat h5 a { color: #2d9057 } #list_cat h4 { text-align: justify; line-height: 25px;
overflow: hidden } #list_cat h4 a { color: #282828 } #ctna h1 { font-size: 25px; line-height: 35px; font-family: 'utmhvi'; text-align: center; margin-bottom: 0; margin-top: 10px; font-weight: 400 } #ctns>div h3 { font-size: 17px; color:
#df49a7; margin-bottom: 10px; padding: 0; font-weight: 700 } #ctns>div ul li:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/all.png) no-repeat; background-position: -225px -460px; position:
absolute; left: 0; top: 0 } #ctns>div ul li { padding-left: 35px } .pagination { text-align: center } .pagination span,.pagination a { display: inline-block; border: 1px solid #ccc; font-size: 13px; font-weight: 700; color: #282828;
padding: 8px 15px; margin-right: 0 } .pagination span:hover,.pagination span.current,.pagination a:hover,.pagination a.current { border-color: #61ad7f; background: #61ad7f; color: #fff } #overhidden.active { display: block; position: fixed;
width: 100vw; height: 100vh; top: 0; left: 0; background: #333333ab; z-index: 9999999 } #my_popup3 { display: none; position: fixed; top: 18%; left: 0; width: 100%; z-index: 9999999 } #my_popup3 .ctn { width: calc(100% - 40px); max-width:
440px; margin: auto; background: #fbf8e7; border: 2px solid #f76a70; position: relative; padding: 0 } #my_popup3 .content-popup3 { padding: 15px 10px 10px } #my_popup3 .content-popup3 p { font-family: "Segoe UI","Helvetica
Neue",Arial,sans-serif; margin-bottom: 5px; font-size: 14px; color: #131d46; text-align: justify; line-height: 20px } #my_popup3 .content-popup3 span { color: #ed1c24; font-size: 12px } #my_popup3 .content-popup3 strong { font-weight: 700;
font-size: 12px; font-family: 'Roboto',sans-serif } #my_popup3 .btn-wrap { display: block; padding: 15px 8px; background: #afd7d7 } #my_popup3 .btn-wrap .dib { display: inline-block; float: left; height: 35px; line-height: 33px; border: 1px
solid #a91e35 } #my_popup3 .btn-wrap input { background: #d9faf8; width: calc(100% - 90px); padding: 0 5px } #my_popup3 .btn-wrap button { background: #a91e35; color: #fff; width: 80px; margin-left: 10px; font-weight: 700; text-transform:
uppercase; border-color: #019cb0 } #my_popup3 .btn-popup { display: block; width: 100%; background: #a91e35; border: 1px solid #ff0; border-radius: 3px; height: 47px; line-height: 45px; box-shadow: 0 4px 2px -2px #333; margin-top: 15px;
text-align: center } #my_popup3 .btn-popup a { display: inline-block; height: 45px; line-height: 45px; text-align: left } #my_popup3 .btn-popup.active { background: #2e8f56 } #my_popup3 .btn-popup span,.btn-popup i { display: inline-block;
float: left; padding: 0 5px; color: #fff; line-height: 45px } .btn-popup i { width: 25px; height: 29px; display: inline-block; background: url(./images/ic-bs.png) no-repeat; float: left; margin-top: 7px } #my_popup3 .btn-popup span {
font-family: "Segoe UI","Helvetica Neue",Arial,sans-serif; font-size: 14px; font-weight: 500 } #my_popup3 #btn-close-popup3 { display: block; position: absolute; top: -10px; right: -10px; height: 25px; width: 25px; border: 1px solid
#e1e1e1; line-height: 23px; text-align: center; background: #a91e35; color: #fff } #overhidden.active { display: block; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: #333333ab; z-index: 9999999 } .d-send span {
font-size: 16px } .d-send i { width: 20px; height: 20px; display: inline-block; background: url(../images/ic-bay.png) no-repeat; float: right; margin-top: 7px } #icon-khuyenmai { position: fixed; right: 28px; z-index: 999999999 }
#button-contact-vr { position: fixed; top: 16%; right: 10px; z-index: 9999 } #button-contact-vr .button-contact { position: relative; margin-top: -5px; transition: 1s all; -moz-transition: 1s all; -webkit-transition: 1s all }
#button-contact-vr .button-contact .phone-vr { position: relative; visibility: visible; background-color: #fff0; width: 90px; height: 90px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);
transition: visibility .5s; left: 0; bottom: 0; display: block } .phone-vr-circle-fill { width: 65px; height: 65px; top: 12px; left: 12px; position: absolute; box-shadow: 0 0 0 0 #74eb74; background-color: rgb(87 241 77 / 46%);
border-radius: 50%; border: 2px solid #fff0; -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out; animation: phone-vr-circle-fill 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animuiion: zoom 1.3s infinite; animation: zoom 1.3s infinite } .phone-vr-img-circle { background-color: #e60808; width: 40px; height: 40px; line-height: 40px; top: 25px;
left: 25px; position: absolute; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phone-vr-circle-fill 1s infinite ease-in-out
} .phone-vr-img-circle a { display: block; line-height: 37px } .phone-vr-img-circle img { max-height: 45px; max-width: 45px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%) } @-webkit-keyframes phone-vr-circle-fill { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
100% { -webkit-transform: rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes zoom { 0% { transform: scale(.9) } 70% { transform: scale(1); box-shadow: 0 0 0 15px #fff0 } 100% { transform: scale(.9); box-shadow: 0 0 0 0 #fff0 } }
@keyframes zoom { 0% { transform: scale(.9) } 70% { transform: scale(1); box-shadow: 0 0 0 15px #fff0 } 100% { transform: scale(.9); box-shadow: 0 0 0 0 #fff0 } } .double-call.active { position: fixed; display: block!important; top: 0;
left: 0; right: 0; bottom: 0; z-index: 9999999999 } #callto_ovl { display: block; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background: rgb(0,0,0,60%) } #callto_wrap { position: absolute; bottom: 0; width: 100%;
max-width: 480px; display: flex; flex-direction: column; margin: auto; padding: 0 10px; z-index: 1; left: 50%; transform: translateX(-50%) } #callto_wrap a,#callto_wrap span { display: flex; align-items: center; justify-content: center;
width: 100%; height: 55px; background: #fff; border-radius: 10px; margin-top: 5px; color: #2196f3; font-size: 18px; font-weight: 400; border: 1px solid #767676 } #callto_wrap span { background: #c11111; border-color: #ff9b9b; color: #fff }
#my_popup33 .dhform.d_contact { position: absolute; width: 100%; top: 147px } #my_popup33 .dathen-wrapper { margin: 0 auto; border: none; width: 100%; padding: 0; background: #fff0; display: flex; align-items: center; justify-content:
center; max-width: 320px } #my_popup33 { top: 50%!important; left: 50%!important; width: 94%!important; margin: 0 auto!important; transform: translate(-50%,-50%)!important } .dathen-wrapper input { color: #787878; width: 100%; width: 100%;
clear: none; margin: 0!important; color: #555; background-color: #fff0; border: 0; background-image: none; padding: 0 12px; font-size: 14px; border-radius: 4px } .dathen-wrapper input:focus { outline: none } #my_popup33 .d-send { width:
50px; height: 50px; border: 0; background: #fff0 } .pop-new { position: relative; text-align: center } .btn-aa { position: absolute; bottom: 11px; display: flex; left: 10px; gap: 10px; width: 100%; justify-content: center; align-items:
center; justify-content: space-between } .btn-aa a { display: inline-block; width: 50%; height: 50px; cursor: pointer } #my_popup33 .d_contact { height: 47px; position: absolute; bottom: 138px; width: 88%; display: flex; left: 6%;
background: #fff0 } #my_popup33 .d_contact input { background: #fff0; height: 47px; width: 80%; padding: 0 15px; border: 0 } #my_popup33 .d_contact button { width: 20%; background: #fff0; text-indent: -9999px; border: 0 } .click-pop-mail {
position: fixed; right: -44px; bottom: 180px; z-index: 999999999; display: none; transition: 0.5s } .click-pop-mail img { height: 44px; width: 44px; border-radius: 25px; box-shadow: 0 0 15px #00000054; cursor: pointer }
.click-pop-mail.active { display: block; right: 27px } #my_popup3 .ctn { width: calc(100% - 40px); max-width: 440px; margin: auto; background: #2525239c; position: relative; padding: 0; transition: 1s; transform: translate(1200px,550px) }
#my_popup3.active .ctn { transform: translate(0,0) } .box-add { background: #e2f4e9; padding: 15px; border: 1px dashed #9be2b7; overflow: hidden; height: auto!important } .box-right-bs span { display: inline-block; color: green; width:
auto; margin: 0 0 3px; padding-left: 20px; font-size: 14px; background: #fff url(../images/ic-pl.png) no-repeat left; background-position-x: 5px; padding: 3px 10px 3px 35px; background-size: 25px; text-align: center } #ctns .box-add img {
margin: 0 auto!important; max-width: 200px!important } .box-right-bs h5 { text-align: center; font-family: 'utmhvi',serif; font-size: 17px; color: #1e1e1e; font-weight: 400; line-height: 25px; margin: 5px 0 0 } #ctns .box-right-bs h3 {
color: green; font-size: 25px; margin: 5px 0 10px; padding-bottom: 10px; position: relative; line-height: 35px; text-align: center; font-family: 'utmhvi',serif; font-weight: 400 } #ctns .box-right-bs h3:before { content: ''; display:
inline-block; width: 70%; height: 1px; border-bottom: 1px solid green; position: absolute; left: 15%; right: 0; bottom: 0; top: auto } .box-right-bs .l1 { text-align: left } #ctns .box-right-bs .l1 p { font-size: 14px; line-height:
25px!important; padding-left: 35px } .box-right-bs .l2 { text-align: left } .box-right-bs h4 { color: green; font-size: 18px!important; line-height: 25px!important; margin-bottom: 5px!important; position: relative; padding-left: 35px;
margin-top: 12px!important; font-family: 'utmhvi',serif; font-weight: 400 } .box-right-bs .l1 h4:before { content: ''; display: inline-block; width: 40px; height: 60px; background: url(../images/ic-tainghe.png) no-repeat; position:
absolute; left: 0; top: 0 } .box-right-bs .l2 h4:before { content: ''; display: inline-block; width: 40px; height: 60px; background: url(../images/ic-ct.png) no-repeat; position: absolute; left: 0; top: 0 } .box-right-bs .l2 li { font-size:
14px; line-height: 23px; margin-bottom: 5px; list-style: none; padding-left: 30px; background: url(../images/ic-point.png) no-repeat left top 4px } .box-right-bs .l2 a { float: right; color: green; font-size: 16px } .box-right-bs .dhh {
background: #e49e30; color: #fff; padding: 10px 35px; display: inline-block; margin-top: 15px; font-size: 17px; font-family: 'utmhvi',serif; font-weight: 400; border-radius: 25px } .box-right-bs .dhh.nhay { background: red } #LRMINIBar {
bottom: 110px!important; right: 18px!important } .f_lienhe_new { position: fixed; bottom: 0; right: 0; left: 0; z-index: 10; display: block; max-width: 640px; margin: 0 auto } .f_lienhe_new a:nth-child(3) { display: inline-block; position:
absolute; left: 0; top: 0; bottom: 0; width: 27%; } .f_lienhe_new a:nth-child(4) { display: inline-block; position: absolute; left: 27%; top: 0; bottom: 0; width: 46%; } .f_lienhe_new a:nth-child(5) { display: inline-block; position:
absolute; right: 0; top: 0; bottom: 0; width: 22% } .rung { animation: shake-phone linear 1s; animation-iteration-count: infinite } .chatonline { border: 2px dashed #2e8f56; padding: 1rem; margin-bottom: 1rem } .cam-ket-shot h3 {
margin-bottom: 16px!important; padding: 0 40px; font-family: 'utm-he'; font-weight: 400; margin: 15px 0 20px; text-transform: uppercase } .cam-ket-shot li { margin: 0 0 12px; list-style: none; font-weight: 700; color: #196b3b }
.cam-ket-shot li b { color: red } .cam-ket-shot i { float: left } .hotline-phone-ring-wrap { position: fixed; bottom: 0; left: 0; z-index: 999999 } .hotline-phone-ring { position: relative; visibility: visible; background-color: #fff0;
width: 110px; height: 110px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block } .hotline-phone-ring-circle { width: 110px;
height: 110px; top: 0; left: 0; position: absolute; background-color: #fff0; border-radius: 100%; border: 2px solid #1564a7; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s
infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5 } .hotline-phone-ring-circle-fill { width: 80px; height: 80px; top: 16px; left: 16px;
position: absolute; background-color: rgb(21 100 167 / .7); border-radius: 100%; border: 2px solid #fff0; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite
ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .hotline-phone-ring-img-circle { background-color: #1564a7; width: 50px; height: 50px; top: 31px; left: 31px;
position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid #fff0; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center }
.hotline-phone-ring-img-circle .pps-btn-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .hotline-phone-ring-img-circle .pps-btn-img img { width: 33px; height: 33px } .hotline-bar { position:
absolute; background: #1564a7; height: 45px; width: 165px; line-height: 40px; border-radius: 3px; padding: 0 10px; background-size: 100%; cursor: pointer; transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 9; border-radius:
50px!important; left: 42px; bottom: 31px } .hotline-bar>a { color: #fff; text-decoration: none; font-size: 16px; font-weight: 700; text-indent: 32px; letter-spacing: 1px; display: block; line-height: 45px; font-family: Arial }
.hotline-bar>a:hover,.hotline-bar>a:active { color: #fff } @-webkit-keyframes phonering-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 } 30% { -webkit-transform: rotate(0) scale(.7) skew(1deg);
-webkit-opacity: .5 } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 } } @-webkit-keyframes phonering-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .6 } 50% {
-webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .6 } 100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .6 } } @-webkit-keyframes phonering-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1)
skew(1deg) } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform: rotate(25deg)
scale(1) skew(1deg) } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg) } } .hotline-phone-ring-wrap { position: fixed; bottom: 0; left: auto; right: 20px; z-index: 999999 }
.hotline-phone-ring-circle { border-color: #d33 } .hotline-phone-ring-circle-fill,.hotline-phone-ring-img-circle,.hotline-bar { background-color: #d33 } .hdmd { display: none!important } #my_popup33 { display: none; position: fixed; top:
18%; left: 3%; width: 96%; z-index: 9999999 } .btn-a { display: inline-block; height: 50px; width: 220px; position: absolute; bottom: -48px; width: 100%; max-width: 376px } .btn-a a { display: block; height: 50px } #over_kq.active {
display: block; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: rgb(0 0 0 / .5); z-index: 9999999 } #pop_kq { position: fixed; top: 15%; left: 50%; width: 320px; background: #e8fcf0; z-index: 9999999; transform:
translateX(-50%); padding: 20px } #pop_kq.active { display: block!important } #pop_kq h4 { font-family: 'utmhvi',serif; font-weight: 400; text-align: center; font-size: 25px } .last-kq { background: #cce4d6; padding: 18px; margin: 20px 0 0;
text-align: center } .last-kq input { border: 1px solid #aacdb8; padding: 15px 12px; border-radius: 3px; max-width: 100%; width: 100%; margin-bottom: 10px } .last-kq .d-send { background: #dca932; border: 0; padding: 10px 10px; color: #fff;
font-family: 'utmhvi',serif; font-size: 14px; font-weight: 400; border-radius: 3px } .last-kq a { background: #d03d3f; border: 0; padding: 9px 10px; color: #fff; font-family: 'utmhvi',serif; font-size: 14px; font-weight: 400; border-radius:
3px; line-height: 20px } .ct-kq { line-height: 22px; background: #53a776; padding: 15px; color: #fff } .close-pop-kq { position: absolute; top: -30px; right: -30px; font-size: 30px; z-index: 999999999; cursor: pointer; color: #fff } .viempk
.last-fr { position: relative!important; bottom: auto!important; width: 100%!important } .viempk .d-phone { max-width: 100%!important; margin-left: 0!important; margin-bottom: 10px } .single #ctns .viempk .last-fr a { margin: 0; color:
#fff!important } .viempk .last-fr:before { display: none } .check_kq { background: #dca932; border: 0; padding: 10px 10px; color: #fff; font-family: 'utmhvi'; font-size: 16px; line-height: 22px; font-weight: 400; border-radius: 3px; cursor:
pointer; margin-left: 10px } .last-fr a { font-size: 16px!important; line-height: 22px!important } .question .h3 { display: flex; align-items: center } .box-bao-chi { border: 1px #2f8751 dashed; padding: 12px; border-radius: 3px }
.box-bao-chi p { font-weight: 700; font-size: 16px; line-height: 23px!important; margin-bottom: 10px!important } .box-bao-chi li { display: block; font-size: 15px; line-height: 22px; margin-bottom: 15px } .box-bao-chi li span { font-weight:
700; margin: 0 5px } .box-bao-chi li a { color: blue } .ct-action a { width: 33.33333333%; display: inline-block; height: 45px } .ct-action2 a { width: 33.33333333%; display: inline-block; height: 45px } .tv_thuan a { width: 33.33333333%;
display: inline-block; height: 38px } .ct-action3 { background: transparent!important; max-width: 414px } .ct-action3 img { animation-name: pulse; animation-delay: 0s; animation-duration: 1s; animation-iteration-count: infinite; margin:
0!important } .ct-action3 a { margin: 0 10px; height: 35px!important } .t_shot_pc { display: none } .t_shot_mb { margin-bottom: 20px } #pop-ck { display: none; position: fixed; top: 50%!important; left: 50%!important; width: 94%!important;
margin: 0 auto!important; transform: translate(-50%,-50%)!important; z-index: 9999999 } .d_contact.fr-ck { display: flex; position: absolute; background: #fff0; bottom: 29px; width: 92%; height: 55px; margin: 0 auto; left: 50%; transform:
translateX(-50%) } .d_contact.fr-ck input { width: 70%; border: 0; background: #fff0; padding: 0 15px } .d_contact.fr-ck .d-send { width: 30%; background: #fff0; border: 0 } #close-popup-ck { position: absolute; width: 35px; height: 35px;
background: #fff0; z-index: 2222; top: 3px; right: 4px } #fixbot-btns,.fixbot-btn { height: 50px; display: flex } #fixbot,.fixbot-btn { padding: 5px; display: flex } #fixbot { position: fixed; width: 100%; max-width: 480px; bottom: 0;
z-index: 8; background: #fff; justify-content: space-between } #fixbot-btns { position: absolute; width: 100%; top: 0; left: 0 } .fixbot-btn { width: 28%; border-radius: 5px; background: #07835c; align-items: center; justify-content: center
} #btnCamket { flex: 1!important; background: #ef3d4a; margin: 0 3px; -webkit-animation: 1s infinite scale; -moz-animation: 1s infinite scale; -o-animation: 1s infinite scale; animation: 1s infinite scale } #fixbot .btn-callto { background:
#2973c7 } .fixbot-btn { width: 28%; border-radius: 5px; background: #07835c; align-items: center; justify-content: center } #fixbot { margin: 0!important } #pop-ck { display: none; position: fixed; top: 50%!important; left: 50%!important;
width: 94%!important; margin: 0 auto!important; transform: translate(-50%,-50%)!important; z-index: 9999999 } #fixbot-nk { position: fixed; width: 100%; max-width: 480px; bottom: 0; z-index: 8; background: #fff; justify-content:
space-between; display: flex } #fixbot-nk a { display: block; width: 33.33333%; background: #308f57; text-align: center; color: #fff; font-size: 13px; height: 100%; line-height: 1.4; border-radius: 0; padding: 9px 0!important } #fixbot-nk a
span { display: block; font-weight: 700; margin: 0 0 2px!important } #fixbot-nk #btnCamket { background: #ef3d4a; margin: 0; -webkit-animation: 1s infinite scale; -moz-animation: 1s infinite scale; -o-animation: 1s infinite scale;
animation: none } #fixbot-nk #btnCamket span,#fixbot-nk #btnCamket b { -webkit-animation: 1s infinite scale; -moz-animation: 1s infinite scale; -o-animation: 1s infinite scale; animation: 1s infinite scale; display: inline-block }
#fixbot-nk #btnCamket b { font-weight: normal!important } @keyframes scale { 0% { transform: scale(1) } 50% { transform: scale(.9) } 100% { transform: scale(1) } } #check-bn { background: #fff0; height: auto; width: 100%; margin: 0 auto
30px; padding-top: 30px; position: relative; border: 1px solid green } .question { overflow: hidden; padding: 0 30px } .box-test { border: 0; float: left; width: 48%; margin: 0 1% 15px!important } .box-test .h3 { font-weight:
bold!important; margin-bottom: 10px!important; font-size: 13.5px!important; line-height: 22px!important; text-transform: none!important; background: #53a776; color: #fff!important; padding: 10px 15px; height: 60px; margin-top: 0!important;
font-family: Roboto!important } .box-test .h3 span { background: #d03d3f; color: #fff; margin-right: 10px; padding: 4px 6px; border-radius: 50%; border: 1px solid #fff; float: left } input[type="radio"] { width: 15px; height: 15px;
margin-right: 8px; margin-top: 10px!important; vertical-align: text-bottom; margin-left: 25px } #check-bn .d-phone { border: 1px solid #aacdb8; padding: 15px 12px; border-radius: 3px; max-width: 270px; width: 100%; margin-right: 10px;
float: left; margin-left: 115px } #check-bn .d-phone::placeholder { font-size: 12px; font-style: italic; color: #787878 } #check-bn .d-send { background: #dca932; border: 0; padding: 10px 10px; color: #fff; font-family: 'utmhvi'; font-size:
18px; font-weight: 400; border-radius: 3px; float: left } #check-bn .tit { font-family: 'utmhvi'; font-weight: 400; text-align: center; font-size: 25px; text-transform: uppercase; color: #000; margin-bottom: 0!important; float: left; width:
100%; margin-top: 0 } .last-fr { background: #cce4d6; padding: 18px; margin: 0 13px 0 9px; height: 85px; position: absolute; bottom: 11px; left: 0; width: 97% } .last-fr:before { content: ''; display: inline-block; width: 82px; height:
104px; background: url(../imgages/ic-yta.png) no-repeat; position: absolute; left: 40px; top: -18px } .last-fr a { background: #d03d3f; border: 0; padding: 10px; color: #fff; font-family: 'utmhvi'; font-size: 18px; font-weight: 400;
border-radius: 3px; float: left; margin-left: 9px } .last-fr .mb { display: none } @media only screen and (max-width: 566px) { #check-bn.form_test6 .d-send { position:relative; bottom: auto; left: auto; font-size: 17px; float: left;
margin-top: 30px } .form_test6 .last-fr a { background: #d03d3f; border: 0; padding: 10px 10px; color: #fff; font-size: 18px; font-weight: 400; border-radius: 3px; float: left; margin-left: 9px; margin-top: 30px } #check-bn.form_test6
.last-fr { height: auto; position: relative; bottom: auto; width: 100%; float: left; margin: 0 } .box-test { border: 0; float: left; width: 100%; margin: 0 0 15px!important } .question { padding: 0 9px } #check-bn .tit { font-size: 22px }
#check-bn .d-phone { max-width: 225px; margin-left: 65px } .last-fr .pc { display: none } .last-fr .mb { display: block!important } .last-fr:before { left: 0 } input[type="radio"] { margin-top: 15px!important } #check-bn .d-send { position:
absolute; bottom: 30px; left: 23px; font-size: 17px } .last-fr { height: auto; position: absolute; bottom: 95px; width: 94% } #check-bn a.mb { background: #d03d3f; border: 0; padding: 10px; color: #fff; font-family: 'utmhvi'; font-size:
17px; font-weight: 400; border-radius: 3px; float: left; margin-left: 9px; position: absolute; bottom: 30px; right: 23px } .box-test h3 { padding: 10px 15px!important } } .single .slibs { margin-top: 20px; background: #419062; padding: 20px
0 } .single #ctns a { color: #cc67a8!important } #ctns img { height: auto!important } .dnbs.mb { background: url(../img/vien-bs.png) no-repeat; height: 500px; margin-bottom: 20px; padding: 9px 8px 10px 8px } .dnbs.mb h3 { text-align:
center; color: #106634; padding: 10px 0 5px; font-weight: 400; font-size: 18px } .dnbs.mb h5 { text-align: center; font-size: 16px; color: #282828; margin-bottom: 32px; position: relative; font-weight: 400 } .dnbs.mb h5:before { content:
''; display: inline-block; width: 80px; height: 4px; background: #53a776; position: absolute; left: 35%; bottom: -13px } .dnbs.mb p { padding: 0 15px; color: #787878; margin-bottom: 15px; text-align: justify } .dnbs div { text-align:
center; padding: 0 5px 20px } .dnbs div span { background: #eee; padding: 10px 10px 10px 25px; margin-right: 5px; position: relative; color: #589872; border: 1px solid #d7d7d7; font-size: 12px; border-radius: 3px; height: 35px } .dnbs div
span:before { content: ''; display: inline-block; width: 30px; height: 30px; background: url(../images/ic-view.png) no-repeat; background-size: 13px; position: absolute; left: 5px; top: 13px } .dnbs div a { background: #d03d3f; padding:
10px 10px 10px 25px; position: relative; color: #fff; border: 1px solid #d03d3f; border-radius: 3px; font-size: 11px; font-family: 'utmhvi'; display: inline-block; height: 35px } .dnbs div a:before { content: ''; display: inline-block;
width: 30px; height: 33px; background: url(../images/ic-dh.png) no-repeat; position: absolute; left: 5px; background-size: 13px; top: 8px } .under-text { display: none } .shot-video { background: url(../images/vd-mb.png)
no-repeat!important; height: 260px!important; width: 100%; padding: 15px 30px 20px!important } .text-video h4:after { display: none } #pop-bs { display: none; position: fixed; z-index: 9999; padding-top: 0; left: 0; top: 0; width: 100%;
height: 100%; overflow: auto; background-color: #191919c2 } .conte { margin: auto; padding: 6px; width: 355px; position: relative; TOP: 5%; z-index: 99999999; padding: 20px } .first { background: #e0f1e7; padding: 15px 15px 15px 95px;
position: relative } .first:before { content: ''; display: inline-block; width: 70px; height: 70px; background: url(../images/ic-bsnguyen.png) no-repeat; position: absolute; left: 15px; top: 6px } .pop-bsl .first:before { background:
url(../images/ic-bslam.png) no-repeat!important } .pop-bsvy .first:before { background: url(../images/ic-bsvy.png) no-repeat!important } .pop-bstr .first:before { background: url(../images/ic-bstrinh.png) no-repeat!important } .pop-bsd
.first:before { content: ''; display: inline-block; width: 70px; height: 70px; background: url(../images/ic-bsduyen.png) no-repeat; position: absolute; left: 15px; top: 6px } .pop-bsv .first:before { background: url(../images/ic-bsvan.png)
no-repeat!important } .pop-bsh .first:before { background: url(../images/ic-bshien.png) no-repeat!important } .pop-bsloan .first:before { background: url(../images/ic-bsloan.png) no-repeat!important } .first h3 { font-size: 14px; color:
#206636; font-weight: 700; margin-bottom: 5px } .first p { position: relative; padding-left: 25px } .first p:before { content: ''; display: inline-block; width: 25px; height: 20px; background: url(../images/ic-tick.png) no-repeat; position:
absolute; left: 3px; top: 5px } .fr-dh { background: #fff; padding: 10px 20px } .fr-dh input { padding: 12px 0 12px 55px; border: 1px solid #d7d7d7; width: 100%; border-radius: 3px; margin-bottom: 10px } .fr-dh input.d-fullname {
background: url(../images/ic-name.png) no-repeat left; background-position-x: 10px } .fr-dh input.d-phone { background: url(../images/ic-call.png) no-repeat left; background-position-x: 10px } .fr-dh input.d-fullname.next { background:
url(../images/ic-locate.png) no-repeat left; background-position-x: 10px } .fr-dh input.ss-q-date { background: url(../images/ic-date.png) no-repeat left; background-position-x: 10px } .fr-dh textarea { padding: 12px 0 12px 50px; border:
1px solid #d7d7d7; width: 100%; border-radius: 3px; height: 60px; margin-top: 0!important; margin-bottom: 5px!important } .fr-dh textarea { background: url(../images/ic-why.png) no-repeat left 8px; background-position-x: 10px } .fr-dh
textarea::placeholder { font-family: Roboto!important } .fr-dh .not-ip { display: inline-block; width: auto!important; margin-left: 10px !IMPORTANT; height: auto!important; vertical-align: middle!important; font-weight: 700; margin-top:
3px!important; margin-bottom: 10px } .not-ip.one { margin-left: 55%!important } .fr-dh p { font-size: 13px; line-height: 20px; margin-bottom: 10px } .fr-dh button { background: #5da877; width: 100%; color: #fff; border: 0; border-radius:
3px; padding: 15px; margin-bottom: 10px } .conte .close { top: -7px!important; right: 10px!important; background: #fff0; border: 0; color: #fff0 } input[type="radio"] { -webkit-appearance: radio; border-top-left-radius: 8px;
border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; width: 16px; height: 16px; padding-top: 0; padding-right: 0; padding-bottom: 0; border: 1px solid #000; padding-left: 0 } .title-sb { text-align:
center; font-family: 'utmhvi'; font-weight: 400; font-size: 22px; line-height: 35px; margin-bottom: 0; margin-top: 20px } @media screen and (min-width: 375px) and (max-width:414px) { .single-post #single #s6m { height:326px!important }
.dnbs.mb { margin: 0 auto 20px; width: 91% } .last { width: 90%; margin: 0 auto } #check-bn { width: 91%!important; margin: 0 auto } .last { width: 90%!important; margin: 0 auto!important } #s6m { height: 317px!important } .dnbs.mb div span
{ margin-right: 0 } } @media screen and (max-width: 375px) { .single-post #single #s6m { height:295px!important } .last { width: 100%!important } #s6m { height: 295px!important } .dnbs.mb div span { margin-right: 5px } .last { width: 100%;
margin: 0 auto } .dnbs.mb { margin: 0 auto 20px; width: 101% } #check-bn { width: 101%!important } } #p1 { padding: 10px 0 0; overflow: hidden } #p1 li { list-style: none; float: left; width: 31.333%; margin: 0 1% 10px; border: 1px solid
#d7d7d7; padding: 10px 5px; border-radius: 3px; overflow: hidden; text-align: center; text-transform: uppercase; font-size: 11px } #p1 li img { display: block; margin: 0 auto 10px } #p1 li a { color: #282828 } .tit-mb { font-family:
'utmhvi',serif; font-weight: 400; text-align: center; font-size: 22px; position: relative } .dkgk a { font-size: 18px; color: #fff; background: #e1a930; padding: 10px 20px 12px 20px; border-radius: 30px; transition: all 0.5s; font-family:
'utmhvi',serif; font-weight: 400 } .dkgk span { background: url(../images/ic1811.png) no-repeat center center; display: inline-block; width: 25px; height: 25px; position: relative; top: 5px; margin-left: 8px } .sli-ud .owl-nav.disabled {
display: none!important } .sli-ud .owl-dots .owl-dot span { background: #fff0; border: 1px solid #e6ab59; width: 10px; height: 10px; margin: 5px 7px; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease;
border-radius: 30px } .sli-ud .owl-dots { text-align: center; margin-top: 10px } .sli-ud .owl-dot { display: inline-block } .sli-ud .owl-dots .owl-dot.active span { background: #e6ab59 } table { border: 1px solid #d7d7d7; border-spacing:
0!important; margin: 20px 0; padding: 20px } table tr { background: #fff; border: 1px dashed #d7d7d7!important; text-align: center; height: 45px!important } .as { position: relative; -webkit-transition: all 1s; -o-transition: all 1s;
margin-bottom: 15px; transition: all 1s } .as:after { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; content: "Click để xem ảnh!"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box;
display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .as:hover:after {
opacity: 0 } .as:hover img { -webkit-filter: brightness(1); filter: brightness(1) } .as img { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-filter: brightness(.1); filter: brightness(.1); display: block;
margin: 0 auto } .t_shot_code_4 { display: inline-block; height: 22px; width: 22px; background: url(../images/thumbs-up.png) left top no-repeat; float: left; margin-right: 5px } .text_rung { animation: pulse 1s infinite linear;
-webkit-animation: pulse 1s infinite linear; -moz-animation: pulse 1s infinite linear; display: inline-block } .chatonline { border: 2px dashed #2e8f56; padding: 1rem; margin-bottom: 1rem } #article .chatonline p { margin-bottom:
5px!important; line-height: 25px!important } @-webkit-keyframes pulse { from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } }
@keyframes pulse { from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } } .pulse { -webkit-animation-name: pulse; animation-name:
pulse } #form_tv { width: 100%; float: left; border: 1px solid #2e8f56; border-radius: 10px; padding: 2%; background: #fff; margin: 15px 0 } #form_tv .bar_huongdan { width: 100%; float: left; background: #2e8f56; line-height: 40px; height:
40px; color: #000; text-align: center; text-transform: uppercase; font-family: arial; margin: 15px 0 5px; font-size: 13px } #form_tv .d_contact { width: 100%; float: left; background: #2e8f56; padding: 1%; margin-top: 2%; margin-bottom: 2%
} #form_tv .d-phone { width: 67%!important; padding: 2.9% 5% 2.9% 5%!important; float: left; font-style: italic; font-size: 13px; margin-bottom: 0px!important; border-radius: 15px; border: 0 } #form_tv .d-send { padding: 8px 30px; border:
none; float: right; background: #ed1c24; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 16px; border-radius: 33px; margin: auto; top: 0; position: relative } #form_tv .ct_hdsds a { font-weight: 700; color: red } .ct_hd
{ width: 100%; float: left; color: #1a1a1a; margin-top: 2% } #form_tv .ct_hd span a { color: red; font-weight: 700; font-size: 16px; animation: pulse 1s infinite linear; -webkit-animation: pulse 1s infinite linear; -moz-animation: pulse 1s
infinite linear; display: inline-block } .box-img-pc { display: none } @media only screen and (max-width: 393px) { .sc-top input { width:260px } } @media only screen and (max-width: 375px) { .sc-top input { width:245px } } #s9 h4 { color:
#fff; font-family: 'utmhvi'; font-weight: 400; text-align: center; font-size: 25px; line-height: 35px; margin: 5px 0 20px } .slider-wrapper { max-width: 100%; overflow: hidden } .clear { clear: both } #s5>div>div .item ul li a:before {
content: ''; display: block; width: 25px; height: 25px; background: url(../images/all1.png) no-repeat -241px 0; position: absolute; top: 7px; left: 6px; margin-top: 0 } #s5>div>div .item ul li:nth-child(2) a:before { background-position:
-272px 0px!important } #s5>div>div .item ul li:nth-child(3) a:before { background-position: -301px 0!important; width: 40px } #s5>div>div .item ul li a { width: 40px!important; height: 40px; display: inline-block; background: #E2E2E2;
position: relative } #ctns #s6m { height: auto!important; background: #009647!important } .inf { width: 90%; margin: 0 auto; text-align: center } #ctns #s6m .d-send { float: none!important } #ctns #s6m h3 { color: #fff!important;
margin-top: 0!important } #ctns>div h2 { font-family: "Roboto",serif; font-weight: 700; text-transform: uppercase } .not_bt { padding-left: 12px; font-weight: 700; font-style: italic; margin-bottom: 20px; margin-top: 15px; border: 1px
#ba1e71 dashed; padding: 9px 15px; background: rgb(255 168 172 / .5); font-size: 17px; line-height: 25px!important; text-align: center } .slider .owl-dots { text-align: center; margin-top: 10px } .slider .owl-dots .owl-dot span {
background: #fff0; border: 1px solid #53a776; width: 11px; height: 11px; margin: 5px 7px; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .slider .owl-dots .owl-dot.active span {
background: #53a776 } .slider .owl-dot { display: inline-block!important } .desxx p span.color { color: #2e8f56 } #s9 { margin-top: 0 } h4 { margin-bottom: 15px } .single #check-bn { width: 100%!important; margin: 0 auto 20px!important }
.single #check-bn .last-fr { margin: 0!important } .img-cnsl p { margin-bottom: 0 } .single #ctns .last-fr { height: auto; position: relative; bottom: auto; width: 100%; overflow: hidden } .single #ctns .last-fr:before { display: none }
.single #ctns #check-bn .d-send { position: relative; bottom: auto; left: auto; font-size: 14px; width: 48%; float: left; margin: 10px 1%; display: inline-block } .single #ctns #check-bn a.mb { position: relative; bottom: auto; left: auto;
width: 48%; float: left; margin: 10px 1%; font-size: 14px; padding: 10px 15px; display: inline-block; color: #fff!important; text-align: center; right: auto } .single #ctns #check-bn .d-phone { max-width: 100%; margin-left: 0; margin: 0 }
.chat-lv-top { float: left; width: 100%; position: relative } .chat-lv-top .btn-action { display: flex; align-items: center; position: absolute; width: 90%; bottom: 19px; left: 5% } .chat-lv-top .btn-action a { width: 40%; height: 32px }
.chat-lv-top .btn-action a:nth-child(2) { width: 75% } .single #ctns .last-fr a { margin: 10px 1%; color: #fff!important } .last-fr div { float: left; width: 100%; margin-bottom: 15px } .text-kq p { text-align: center; font-style: italic;
margin-bottom: 5px!important; line-height: 1.5!important } #pstNote { display: flex; align-items: center; background: #d5ecdebd; margin-bottom: 20px; padding: 10px 15px 10px 10px; border-radius: 10px; text-align: justify; margin: 15px 0 }
#pstNote img { width: 45px } #pstNote span { flex: 1; padding-left: 10px; font-size: 14px; line-height: 23px; color: #333 } .text_rung { animation: pulse 0.6s infinite linear; -webkit-animation: pulse 0.6s infinite linear; -moz-animation:
pulse 0.6s infinite linear; display: inline-block } .text_rung a { color: #e91c23!important } .marquee-top { display: block; width: 100%; position: fixed; top: 0; height: 25px; background: #fff; z-index: 22 } .marquee-top
strong,.marquee-top a { color: #f51a3f } .marquee-top.in { top: 46px }
body.category-benh-buong-trung,body.category-nam-khoa,body.category-benh-sui-mao-ga,.single.category-benh-bao-quy-dau,.single.category-benh-duong-tiet-nieu,.single.category-benh-ly-duong-vat,.single.category-benh-ly-tinh-hoan,.single.category-benh-ly-tinh-trung,.single.category-benh-tien-liet-tuyen,.single.category-roi-loan-cuong-duong,.single.category-yeu-sinh-ly,body.category-benh-lau,body.category-phu-khoa
{ padding-top: 25px } body.category-benh-sui-mao-ga #lg #nav,body.category-benh-bao-quy-dau #lg #nav,.single.category-benh-duong-tiet-nieu #lg #nav,.single.category-benh-ly-duong-vat #lg #nav,.single.category-benh-ly-tinh-hoan #lg
#nav,.single.category-benh-ly-tinh-trung #lg #nav,.single.category-benh-tien-liet-tuyen #lg #nav,.single.category-roi-loan-cuong-duong #lg #nav,.single.category-yeu-sinh-ly #lg #nav,body.category-benh-lau #lg #nav,body.category-nam-khoa #lg
#nav,body.category-benh-buong-trung #lg #nav,body.category-phu-khoa #lg #nav { top: 45px } .lq-mb .item img { height: auto } #article,#article p,#article>div { line-height: 28px!important; font-size: 16px } #ctns>div h1 { text-transform:
uppercase } #list_cat .img-pt { float: left; width: 35%; margin-right: 5% } #list_cat h4 { line-height: 22px; height: auto; overflow: visible; font-size: 14px } #pGs { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; right: 0;
bottom: 0; display: none; z-index: 99999 } .bgoverlay { display: block; width: 100%; height: 100%; background: rgb(0 0 0 / .5); position: absolute; top: 0; left: 0; bottom: 0; right: 0 } #pGs-Wrp { width: 100%; max-width: 400px; position:
absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); border-radius: 20px; background: url(../images/pop-smg-dk.png) no-repeat center; background-size: contain; padding-top: 165px; padding-bottom: 10px; height: 500px }
#pGs-Wrp.b-vlt #pGs-cls { top: 0; right: 5px } #pGs-Wrp.b-vlt .pGs-ctnt label { margin-bottom: 1px } #pGs-Wrp.b-pk #pGs-cls img { width: 35px; height: auto } #pGs-Wrp.b-pk .ct-form { border: 1px solid #ff001d; width: 75% } #pGs-Wrp.b-pk
.d-send { background: #ff001d } #pGs-Wrp.b-pk #pGs-cls { top: 0 } #pGs-Wrp.b-nk { background: url(../images/pop-nk-new.png) no-repeat center; background-size: contain; padding-top: 175px } #pGs-Wrp.b-nk #pGs-Frm b { font-size: 15px } .smgg
.pGs-Frm { text-align: center; margin: 15px 0 0 } #pGs-Wrp.b-nk .pGs-text { padding: 10px } #pGs-Wrp.b-nk .pGs-ctnt label { font-size: 14px } .pGs-text { text-align: center; margin-bottom: 10px; margin: 0 auto; border-radius: 35px }
.pGs-text p { margin-bottom: 5px; text-transform: uppercase } #pGs-Frm b { color: #118e4c; font-size: 17px } .pGs-ctnt { display: inline-flex; flex-direction: column; text-align: left } .pGs-ctnt label { padding: 1px 0; font-weight: 700;
color: #444; font-weight: 200; font-size: 17px; margin-bottom: 5px } .pGs-ctnt input:checked { background: #1a924b; border-color: #1a924b } .pGs-ctnt input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;
-o-appearance: none; appearance: none; position: relative; top: 3px; right: 0; bottom: 0; left: 0; height: 16px; width: 16px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out
0s; background: #fff; border: 1px solid #444; cursor: pointer; display: inline-block; margin: 0; outline: none; position: relative; z-index: 0; border-radius: 3px; margin-right: 5px } .pGs-Frm { text-align: center } .pGs-Frm p { margin:
5px; font-family: 'utmhvi',serif; font-weight: 400; font-style: italic; color: #20a138 } #pGs-Frm span { color: #e5000e; text-align: center } .ct-form { display: flex; align-items: center; width: 80%; margin: 0 auto; background: #e9e9e9;
border-radius: 30px } #pGs-Frm .d-phone { display: block; width: 80%; height: 45px; border-radius: 25px; text-align: center; outline: none; margin: auto; border: 0; background: #fff0 } #pGs-Frm .d-send { display: block; max-width: 65px;
margin: 3px auto; background: #199e36; border: none; cursor: pointer; color: #fff; height: 45px; border-radius: 30px; padding: 0 15px; font-weight: 700 } #pGs-Frm .d-send.active { background: #e5000e } #pGs-cls { position: absolute; top:
-22px; right: 0 } .b-nk #pGs-cls { position: absolute; top: 10px; right: 31px; height: 35px; width: 35px } .b-nk #pGs-Frm .d-phone { display: block; width: 258px; height: 45px; background: #fff; border-radius: 25px; text-align: center;
outline: none; border: 1px solid #ff0007; margin: auto; margin: 10px auto } #pGs-Wrp.b-nk .pGs-text { padding: 0 } .b-nk #pGs-Frm .d-send { display: block; margin: 3px auto; background: #fff0; border: none; cursor: pointer; height:
auto!important; width: 100%; max-width: 100% } #bgoverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / .5) } #bn .item { width: 100% !img; height: auto; position: relative } %s7 {
background: url(../i/ibt.png) no-repeat; background-size: 22.1rem } .tb { .tt { font-size: 1.7rem } } #t1 { #i1 { width: 100%; display: inline-block; background: #60AD80; border-radius: .25rem; -moz-border-radius: .25rem;
-webkit-border-radius: .25rem; padding: 1.25rem 0; margin-top: 1.7rem; li { width: calc(100% / 3); float: left; text-align: center; text-transform: uppercase; color: #fff; border-right: .1rem solid #90CEAA; &:last-child { border-right: none
} } } #i2 { padding-top: .8rem; position: relative; &:before { content: ''; width: .05rem; height: 19.85rem; border-left: .1rem dashed #898989; position: absolute; top: -.45rem; left: .95rem } li { margin-bottom: 1.15rem; margin-left:
1.1rem; &:nth-child(2) { span { &: last-child { background:#F1B75E } } } &:nth-child(3) { span { &: last-child { background:#6AB8B7 } } } &:nth-child(4) { span { &: last-child { background:#B280A2 } } } } span { display: inline-block;
&:last-child { font-size: 1.5rem; text-transform: uppercase; color: #fff; width: 15.7rem; background: #D05D62; padding: 1rem 0; text-align: center; border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem }
&:first-child { width: 11.75rem; text-align: center; position: relative; &:before { content: ''; width: 10.5rem; height: .05rem; display: inline-block; position: absolute; border-bottom: .1rem dashed #898989; top: 50%; left: 0; z-index: -1
} &:after { content: ''; width: .4rem; height: .4rem; display: inline-block; border: .1rem solid #898989; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; right: .7rem; top: 50%; margin-top:
-.2rem } } } strong { background: #fff; padding: 0 .5rem } } } #t2 { #itb { background: url(../images/lp.png) no-repeat center center; background-size: 29.15rem; padding: 2.75rem 0; margin-top: 1rem; img { display: block; margin: -1.1rem
auto 0 } } li { width: 100%; padding-left: 1.5rem; text-align: justify; position: relative; margin-bottom: .65rem; &:before { content: ''; width: 3.8rem; height: 2.3rem; @extend %s7;background-position: 0 0; display: inline-block; position:
absolute; top: .6rem; left: 0 } span { display: block; padding: .65rem 0 .65rem 4.8rem; &:first-child { font-size: 1.5rem; border-bottom: .1rem dashed #8C8C8C; position: relative; &:before { content: ''; width: .75rem; height: .75rem;
background: #7F7F7F; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0; bottom: -.4rem } } } &:nth-child(2) { &:before { background-position: 0 -3.3rem } } &:nth-child(3) { &:before {
background-position: -3.75rem -3.5rem } } } } #t3 li:nth-child(2)::after { background-position: -7.8rem 0 } #t3 { span { display: block; color: #fff; font-size: 1.5rem; background: #60AD80; text-align: center; padding: 1rem 0; margin-top:
1rem; margin-bottom: 1.8rem } li { width: 50%; float: left; text-align: center; font-size: 1.2rem; font-weight: 700; position: relative; padding-top: 8.5rem; margin-bottom: 2.2rem; &:before { content: ''; width: 7.5rem; height: 7.5rem;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; border: .1rem solid #CCC; position: absolute; top: 0; left: 50%; margin-left: -3.75rem } &:after { background: url(../images/ibt.png) no-repeat;
background-size: 22.1rem; content: ''; width: 3.5rem; height: 2.8rem; @extend %s7;background-position: -4.15rem 0; position: absolute; left: 50%; top: 2.6rem; margin-left: -1.75rem } &:nth-child(2) { &:after { background-position: -7.8rem 0
} } &:nth-child(3) { &:after { background-position: -11.25rem 0 } } &:nth-child(4) { &:after { background-position: -15.2rem 0 } } } } #t4 { display: inline-block; width: 100%; background: #E5F3EA; padding: 1.4rem 0 2.3rem; img { display:
block; margin: 2rem auto 0 } } #t5 { margin-top: .6rem; .vns-hethong { width: 21.8rem; display: block; margin: 0 auto; border: .1rem solid #D7D7D7; background: #60AD80; position: relative; margin-top: 2rem; p { text-align: justify; padding:
2.8rem 1.5rem; color: #fff; span { display: block; font-size: 1.5rem; margin-bottom: 1.2rem; text-align: center } position: relative; &:before { content: ''; width: 2.8rem; height: 2.8rem; display: inline-block; @extend
%s7;background-position: -19.3rem 0; position: absolute; top: -1.5rem; left: 50%; margin-left: -1.4rem; z-index: 1 } &:after { width: 4.5rem; height: 4.5rem; content: ''; display: inline-block; background: #60AD80; position: absolute; top:
-2.25rem; left: 50%; margin-left: -2.25rem; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } } } .owl-prev,.owl-next { position: absolute; display: inline-block; width: 1.4rem; height: 2.2rem; @extend
%s7;background-position: -15.65rem -4.1rem; position: absolute; top: 50%; margin-top: -.7rem; right: -3.55rem } .owl-prev { right: auto; left: -3.55rem; background-position: -17.4rem -4.1rem } } #t6 { p { border: .1rem dashed #3A8F8E;
padding: .7rem 1.25rem 1.25rem; border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; line-height: 1.8; text-align: justify; text-align-last: center; span { font-size: 1.5rem; text-align: center; display: block;
margin-bottom: .75rem } } .tt { margin-bottom: 2rem } div { display: inline-block; width: 100%; div { span { width: 50%; float: left; height: 23rem; background: url(../images/pt.jpg) no-repeat center center; background-size: 13rem;
position: relative; &:last-child { background: url(../images/pt2.jpg) no-repeat center center; background-size: 13rem; &:before { background-position: -11.75rem -3.45rem; bottom: .7rem; top: auto } } &:before { content: ''; width: 3.5rem;
height: 3.5rem; display: inline-block; @extend %s7;background-position: -7.85rem -3.45rem; position: absolute; top: .7rem; left: 50%; margin-left: -1.75rem } } } } } #t7 { margin-bottom: 2rem; p { text-align: justify; line-height: 1.8;
font-size: 1.15rem } >div { >div { background: #DEF6E8; border: .1rem dashed #32A766; display: inline-block; width: 100%; height: 13.7rem; margin: 1.85rem 0 1rem; img { float: left; display: inline-block; margin-left: .9rem; margin-top:
.9rem; width: 11.65rem; height: 11.65rem } span { width: 50%; float: right; padding-right: .5rem; font-weight: 700; margin-top: 4.75rem } &:nth-child(3) { background: #FDEED8 } &:nth-child(5) { background: #FBE9EA } &:nth-child(7) {
background: #D7F0F0 } } } } #t2 li:before,#t6 div div span:before,#t5 p:before { background: url(../images/ibt.png) no-repeat; background-size: 22.1rem } .pull-right.pagination .page_nav { margin-bottom: 20px } #s7 .i1 li { width: 8rem;
margin-right: 28px; text-align: center; float: left } .iframe { background: url(../images/pk.webp) center center no-repeat; background-size: cover; width: 24rem; height: 15.25rem; display: block; margin: 0 auto } .vns-bacsi .slick-slide img
{ display: block; width: 100% } #slide h2.sec_heading { text-transform: uppercase; text-align: center; font-family: 'utmhvi'; font-weight: 400; margin-bottom: 20px } .vns-slide-tabs .slider-container { width: 80%; margin: auto; border: 1px
solid #d7d7d7; border-radius: 3px } .vns-slide-tabs .slick-slide { text-align: center; font-size: 20px; align-items: center; justify-content: center } .vns-slide-tabs img.a1 { width: 100%; margin: 0 auto; text-align: center } .ct-bs li {
position: relative; padding: 5px 0 3px 25px; line-height: 23px; float: left; width: 100%; font-size: 15px; margin-bottom: 7px } .vns-slide-tabs a.dh { padding: 10px 15px; color: #fff; text-transform: uppercase; display: inline-block;
margin: 5px 0; background: #f09944; border-radius: 20px; font-size: 14px } .vns-bs { width: 320px; margin: 0 auto; text-align: center; border: 1px solid #d7d7d7; border-radius: 3px; padding-bottom: 20px } .noname { font-size: 0 } #popup {
align-items: center; justify-content: center } div#popup .pop { background-size: 100% 100%!important; max-width: 600px; margin: 0 auto!important; padding: 3%!important; transform: translateY(-50%); top: 50% } .pop p { font-size: 14px;
margin-top: 6px } .ctn span.close { position: absolute; top: -5px; right: 15px; font-size: 30px } @media (max-width: 767px) { .pop h3 { font-size:20px } div#popup .pop { padding: 14% 3%!important } .pop p { font-size: 12px } .pop #form_dt {
width: 90%; margin: 0 auto!important } .pop input { height: 40px!important } .ctn span.close { border: 0 } #popup { padding: 10px } } .s1 ul { display: flex; flex-wrap: wrap; gap: .2rem; justify-content: center; margin-top: 1.75rem;
padding: 0 } .s1 ul>li { flex: 1 1 14.25rem; max-width: 14.25rem; list-style: none } .s1 ul>li a { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #9b9b9b; width: 100%; text-align: center;
color: #fff; font-size: 1.2rem; padding: 1.5rem 0; height: 100% } .s1 ul>li img { max-width: 43px; height: auto; transition: filter .3s ease-in-out } .s1 ul>li img:hover { filter: brightness(1.2) } .container-db { display: grid;
grid-template-columns: repeat(3,1fr); gap: 20px; max-width: 600px; margin: 0 auto 20px } .box,.container-db { text-align: center; justify-content: center } .box { display: flex; flex-direction: column; align-items: center; border: 2px solid
#c0e7c0; border-radius: 10px; padding: 20px; transition: .3s } .box:hover { background-color: #e0f2e0 } .icon img { max-width: 100px } .container-db p { font-size: 18px; color: #111 } @media (max-width: 600px) { .container-db {
grid-template-columns:repeat(2,1fr); max-width: 80% } .icon img { max-width: 80px } .container p { font-size: 16px } } .f_lienhe_new a:nth-child(2) { display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; width: 27%; }
.thanks{padding:60px 20px;background-color:#f4f9ff;text-align:center;min-height:60vh;display:flex;justify-content:center;align-items:center}.thanks-container{max-width:600px;margin:0 auto;background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.thanks h1{font-size:28px;color:#009134;margin-bottom:20px}.thanks p{font-size:18px;color:#333;margin-bottom:30px}.thanks-btn{display:inline-block;background-color:#009134;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;transition:background-color .3s}.thanks-btn:hover{background-color:#1b5dbf}div#camket{top:50%!important;left:50%!important;width:94%!important;margin:0 auto!important;transform:translate(-50%,-50%)!important;z-index:9999999;position:fixed}