/*!
Theme Name: mh3
Theme URI: http://underscores.me/
Author: Hung Nguyen
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: qh
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

qh is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/**
 * Swiper 4.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 7, 2017
 */
.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(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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:rgba(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:rgba(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:rgba(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:rgba(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:rgba(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: rgba(59,59,59,1);
    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 #53a776; 
	background-color: transparent;
    width: 10px; 
    height: 10px; 
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {

	background-color: #53a776;
}

#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: normal;
    font-size: 18px;
    
}
#certify .dnbs h5 {
    text-align: center;
    font-size: 16px;
    color: #282828;
    margin-bottom: 32px;
    position: relative;
    font-weight: normal;
}
#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;
}
@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%; } }

input, textarea, button { 
  font-family: 'Arial';
  outline: none; }

img {
  max-width: 100%;
  height: auto; }

a { text-decoration: none; }

@font-face {
  font-family: 'Tahoma';
  font-weight: 400;
  src: url("./a/f/Tahoma.ttf"); } 


body {
    font-size: 16px;
    font-family: Tahoma;
    line-height: 28px;
    max-width: 640px;
    margin: 0 auto;
    color: #222222;
}

.ctn {
  width: calc( 100% - 3rem);
  display: block;
  margin: 0 auto; }
@charset "UTF-8";
@font-face {
  font-family: 'UTM-Isadora';
  font-weight: 400;
  src: url("./a/f/UTM IsadoraR.ttf"); }

@font-face {
  font-family: 'utm-he';
  font-weight: 400;
  src: url("./a/f/utm-helvetins.ttf"); }


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item{
  -webkit-tap-highlight-color: transparent;
  position: relative; }
.owl-carousel{
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -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;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
     background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.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 {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut{
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  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;
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  -o-transition: transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  -webkit-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;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
a {
    text-decoration: none;
    color: inherit;
}
 input{
    margin: 0;
    padding: 0;
    border: none;
    text-align: justify;
}
div, ul, li, ol, dl, dt, dd, input, h1, h2, h3, h4, h5, h6, span, strong {
    margin: 0;
    padding: 0;
    border: none;
}



html {
    margin-top:0 !important;
}
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  
 #mhc {
    background: #2e8f56;
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0;
}
.wpr {
    width: 94%;
    margin: 0 auto;
}
#btm {
    background: url(./a/i/ic.png) no-repeat !important;
    background-position: 0;
    width: 8%;
    height: 31px;
    display: inline-block;
    padding: 7px 15px 7px 0;
    float: left;
    cursor: pointer;
}
#htl {
    width: 80%;
    border-right: 1px solid #59b880;
    text-align: center;
    float: left;
    font-size: 19px;
    color: #ffffff;
    font-family: utm-he;
    font-weight: normal;
    text-transform: uppercase;
    border-left: 1px solid #59b880;
}
#menu li {
    list-style: none;
    border-bottom: 1px solid #fff;}
    .mb #menu li a {
        color: #fff;
        padding: 5px 0 5px 4%;
        font-size: 16px;
        width: 96%;
        display: inline-block;
        line-height: 35px;
        text-transform: uppercase;}
#logo {
    clear: both;
    text-align: center;
    padding: 17px 40px 10px;}
#lc {
        width: 40px;
    height: 40px;
    float: left;
    background: url(./a/i/ic.png) no-repeat !important;
    background-position:  -29px 0 !important;
    position: absolute;
    right: 5px;
}
#menu {
    display: none;
    position: absolute;
    top: 50px;
    background: #2e8f56;
    width: 100%;
    z-index: 99;
}
#frm input[type="text"] {
    height: 48px;
    border: 1px solid #dbdadb;
    padding: 0 4%;
    width: 100%;
    border-radius: 3px;
}
#frm input[type="text"]::placeholder{
    font-style: italic;
}
#frm {
    position: relative;
    margin-bottom: 20px;
}
#frm input[type="submit"] {
    background: url(./a/i/ic.png) center no-repeat;
    width: 30px;
    height: 26px;
    background-position: -61px -4px;
    position: absolute;
    top: 11px;
    right: 28px;
    border-left: 1px solid #c2c1c2;
}
.mb #frm input::placeholder{
        font-style:  italic;
        color:#898989;
    }
.nav {background: transparent;}
.nav div.n1{display:none}
.nav div.n3{display: none}
.nav #btm{display:none;}  
.nav .n2 {width: 100%;}
.n2 input {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #dbdadb;
    padding: 15px;
}

.menu{
    display: none;
}
.menu li a {
    color: #fff;
    padding: 5px 0 5px 4%;
    font-size: 16px;
    width: 96%;
    display: inline-block;
    line-height: 35px;
    text-transform: uppercase;
}
.menu li .sub-menu li a{
    padding-left: 25px;
    font-size: 14px;
    position: relative;
}
.menu li .sub-menu li a:before{
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    border-radius: 50%;
    left: -10px;
    position: absolute;
    top: 22px;
}
.menu {
    display: none;
    position: absolute;
    top: 50px;
    background: #2e8f56;
    width: 100%;
    z-index: 99;
}
.menu li {
    list-style: none;
    border-bottom: 1px solid #fff;
}
#logo {
    clear: both;
    text-align: center;
    padding: 12px 0 10px;
}

#logo img {
  height: 50px;
    object-fit: contain; 
    width: auto;
}

  

.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(https://trangsuckhoe.net/wp-content/themes/mb/img/ic-send-top.png) center no-repeat;
    width: 38px;
    height: 38px;
    border: 0;
    background-size: 24px;
    border-radius: 5px;
}
.ic-menu3 a {
    background: #d62027;
    border-radius: 5px;
    width: 50%;
    display: inline-block;
    width: 38px;
    height: 38px;
    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)}}

#s1{
    padding: 20px 0;
}
#s1 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;
}
#s1 li img{
    display: block; 
    margin: 0 auto 10px;
}
.tit-mb { 
    font-family: utm-he;
    font-weight: normal; 
    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: utm-he;
    font-weight: normal; 
   
}
.dkgk  span {
    background: url(./img/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: transparent;
    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-dots .owl-dot.active span{
    background: #e6ab59;
}
#uu-dai{
    clear: both;
    padding: 15px 0;
}
#s2{
    clear: both;
    padding-top: 15px;
}
#s2 .ctn{
    padding: 45px 0 75px;
    background: url(./a/i/s2nen.png) no-repeat;
    clear: both;
}
#s2 h4 {
    text-align: center;
    font-size: 25px;
    line-height: 31px;
    font-family: UTM-Isadora;
    color: #126635;
    font-weight: normal;
}
#s2 h5{
    font-size: 14px;
    text-align: center;
    line-height: 25px;
}
#s2 p{
    text-align: center;
    color: #787878;
    line-height: 25px;
}
#dthq {
    background: #c2dece;
    padding: 30px 0 ;
}
#dthq .it1 {
    background: #fff;
    padding: 20px 15px 20px 105px;
    margin: -6px 0 15px;
    border-radius: 3px;
    position: relative;
}
#dthq .it1:before {
    content: '';
    display: inline-block;
    height: 85px;
    width: 85px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -470px -17px;
    position: absolute;
    left: 10px;
    top: 30px;
}
#dthq .it2{
    background: #fff;
    padding: 20px 15px 20px 105px;
    margin: 15px 0 0;
    border-radius: 3px;
    position: relative;
}
#dthq .it2:before {
    content: '';
    display: inline-block;
    height: 85px;
    width: 85px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -555px -17px;
    position: absolute;
    left: 10px;
    top: 30px;
}
#dthq .it3{
    background: #fff;
     padding: 20px 15px 20px 105px;
    margin: 15px 0 0;
    border-radius: 3px;
    position: relative;
}
#dthq .it3:before {
    content: '';
    display: inline-block;
    height: 85px;
    width: 85px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -639px -21px;
    position: absolute;
    left: 10px;
    top: 30px;
}
#dthq p {
    color: #787878;
    line-height: 26px;
       margin-bottom: 0; 
}
#s3{
    padding: 30px 0 0;
}
#s3 .tit {
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
    font-size: 25px;
    font-family: utm-he;
    line-height: 30px;
    font-weight: normal;
}
#s3 ul li.active3 {
    color: #2e9057;
}
#s3 ul{
    text-align: center;
    margin-bottom: 20px;
}
#s3 ul li {
    border: 1px solid #aacdb8;
    border-radius: 3px;
    margin-right: 10px;
    padding: 8px 15px;
    font-weight: bold;
    display: inline-block;
    font-size: 13.5px;
    min-width: 132px;  
}
#nlpn{
    background: #f2f3f4;
    padding: 30px 0;
}
#nlpn .cm1 {
    background: #fff;
    padding: 20px 15px 20px 105px;
    margin: 0 0 10px;
    border-radius: 3px;
    position: relative;
      border: 1px solid #d7d7d7;  
}
#nlpn .cm1:before {
    content: '';
    display: inline-block;
    height: 85px;
    width: 85px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -724px -20px;
    position: absolute;
    left: 10px;
    top: 30px;
}
#nlpn .cm2{
    background: #fff;
    padding: 20px 15px 20px 105px;
    margin: 10px 0 0;
    border-radius: 3px;
    position: relative;
       border: 1px solid #d7d7d7; 
}
#nlpn .cm2:before {
        content: '';
    display: inline-block;
    height: 85px;
    width: 85px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -808px -22px;
    position: absolute;
    left: 10px;
    top: 30px;
}
#nlpn .cm3{
    background: #fff;
   padding: 20px 15px 20px 105px;
    margin: 10px 0 0;
    border-radius: 3px;
    position: relative;
       border: 1px solid #d7d7d7; 
}
#nlpn .cm3:before {
    content: '';
    display: inline-block;
    height: 85px;
    width: 85px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -894px -21px;
    position: absolute;
    left: 10px;
    top: 30px;
}
#nlpn h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    font-weight: normal;
}
#nlpn p {
    color: #787878;
    line-height: 26px;
    margin-bottom: 0;
}
.content-tb.two {
    display: none;
}
.content-tb p {
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
}
#s3 .slider .owl-prev {
    width: 30px;
    height: 30px;
    background: url(./a/i/icon1.png) no-repeat !important;
    position: absolute;
   background-position: -113px -281px !important;
    left: -24px;
    top: 90px;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
#s3 .slider .owl-next {
    width: 30px;
    height: 30px;
    background: url(./a/i/icon1.png) no-repeat !important;
    position: absolute;
  background-position: -113px -281px !important;
    right: -24px;
    top: 90px;
}
#s3 .item{
    margin: 0 10px;
}
.cam-ket {
    margin: 0 auto;
    background: url(./a/i/vien-p.png) no-repeat;
    padding: 45px 40px;
    background-size: contain;
}
.cam-ket h4 {
    text-transform: uppercase;
    color: #eb6d21;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0;
    font-weight: normal;
}
.cam-ket p {
    text-align: center;
    color: #2e8f56;
    margin-top: 10px;
}
#s4 {
    padding: 30px 0 10px;
}


#s4 .item {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
}
#s4 .item .des {
    padding: 15px 5px;
}
#s4 .item .des h3 {
    color: #106634;
    font-weight: normal;
    font-size: 18px;
}
#s4 .item .des h3, #s3 .item .des p {
    text-align: center;
    margin-bottom: 10px;
}
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;
}
#s4 .item .des div {
    text-align: center;
}
#s4 .item .des {
    padding: 15px 5px 8px;
}
#s4.item .des h3 {
    color: #106634;
    font-weight: normal;
    font-size: 18px;
}
#s4 .item { 
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    margin: 0 40px;
}
 #s4 .item .des p {
    text-align: center;
    margin-bottom: 10px;
        margin-top: 5px;
}
#s4 .item .des h3 {
    text-align: center;
    margin-bottom: 0;
}
#s4 .item .des div a {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    border: 1px solid #d7d7d7;
}
#s4 .item .des div a:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(./a/i/icon.png) no-repeat 2px -278px;
    position: absolute;
    top: 4px;
    left: 3px;
}
#s4 .item .des a:nth-child(2):before{
    background-position: -35px -278px;
}
#s4 .item .des a:nth-child(3):before {
    background-position: -72px -280px;
}
#s4 .owl-dots {
    text-align: center;
    margin: 5px 0;
}
#s4 .owl-dots .owl-dot {
    border: 1px solid #47a15d;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 10px;
}
#s4 .owl-dots .active {
    background: #47a15d;
}
#s4 .owl-prev {
    width: 25px;
    height: 25px;
    background: url(./a/i/icon.png) no-repeat -113px -281px;
    position: absolute;
    top: calc((100% - 19px)/2);
    left: 0;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
#s4 .owl-next {
    width: 25px;
    height: 25px;
    background: url(./a/i/icon.png) no-repeat -113px -281px;
    position: absolute;
    top: calc((100% - 19px)/2);
    right: 0;
}
#s5 {
    padding: 15px 0 60px;
}
#s5 .i1 li {
    width: 7.7rem;
    margin-right: 2.7rem;
    text-align: center;
    float: left;
    list-style: none;
}
#s5 .i1 li span:first-child {
    width: 80px;
    height: 80px;
    background: #F4AD3E;
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: 0.5rem;
}
#s5 .i1 li span:last-child {
    font-weight: bold;
    margin-top: 1.4rem;
    display: block;
}
#s5 .i1 li span:first-child:before {
    content: '';
    width: 50px;
    height: 55px;
    display: inline-block;
    background-position: -411px -251px !important;
    position: absolute;
    top: 50%;
    margin-top: -1.5rem;
    left: 49%;
    margin-left: -1.75rem;
    background: url(./a/i/icon1.png) no-repeat;
}
#s5 .i1 li span:first-child:after {
    content: '';
    width: 3rem;
    height: 0.05rem;
    border-top: 0.1rem dotted #9d9d9d;
    position: absolute;
    right: -44px;
    top: 50%;
}
#s5 .i1 li:nth-child(2) {
    width: 8rem;
    margin-top: -6px;
}
#s5 .i1 li:nth-child(2) span:first-child {
    width: 90px;
    height: 90px;
    background: #D8555B;
}
#s5 .i1 li:nth-child(2) span:first-child:before {
    background-position: -469px -247px !important;
    margin-top: -23px;
    left: 50%;
    width: 55px;
    height: 60px;
}
#s5 .i1 li:last-child {
    margin-right: 0;
}
#s5 .i1 li:nth-child(3) span:first-child {
    background: #2E8F56;
}
#s5 .i1 li:nth-child(3) span:first-child:before {
    background-position: -527px -246px !important;
    height: 65px;
    margin-top: -1.75rem;
}
#s5 .i1 li:nth-child(3) span:after {
    display: none
}  
#s5 .i2 li {
    display: inline-block;
    border: 0.1rem solid #f7a422;
    border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    color: #f7a422;
    padding: 0.5rem 1.4rem;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#s5 .i2 li:nth-child(2) {
    border: 0.1rem solid #d8555b;
    color: #d8555b;
}
#s5 .i1 li:nth-child(2) span:last-child {
    display: block;
    margin-top: 14px;
}
#s5 .i2 li:nth-child(3) {
    margin-left: 0.45rem;
    border: 0.1rem solid #2e8f56;
    color: #2e8f56;
}
#s5 .i2 {
    padding-top: 3.5rem;
    clear: both;
} 

#s6{padding-top: 30px;}

#s6 h3{
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    font-family: utm-he;
    line-height: 30px;
    font-weight: normal;
}
#s6 .item{
    border: 1px solid #d7d7d7;
    border-radius: 15px;
    margin: 0 3px;
}
#s6 .top {
    background: #79c598;
    padding: 12px 0;
    position: relative;
    border-radius: 15px 15px 0 0;
}
#s6 .top span {
    display: block;
    background: url(./a/i/all.png) no-repeat -15px -232px;
    height: 126px;
    width: 126px;
    margin: 0 auto;
}
#s6 .top2 span {
    background: url(./a/i/all.png) no-repeat -175px -232px;
}
#s6 .top3 span {
    background: url(./a/i/all.png) no-repeat -335px -232px;
}
#s6 span {
    font-size: 18px;
    color: #fff;
}
#s6 .ct {
    padding: 20px;
    border-radius: 0 0 15px 15px;
}
#s6 .ct h6 {
    font-size: 18px;
    font-weight: 500;
    color: #282828;
    margin-bottom: 10px;
    text-align: center;
}
#s6 .ct .p3 {
    font-size: 14px;
    color: #787878;
    margin-bottom: 22px;
}
#s6 .ct ul {
    margin: 0 auto;
    width: max-content;
}
#s6 .ct ul li {
    font-size: 14px;
    font-weight: bold;
    color: #282828;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    padding-left: 30px;
    width: 100%;
    list-style: none;
}
#s6 .ct ul li:before {
    content: '';
    background: url(./a/i/ic20.png) no-repeat center center;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
}
#s6 .ct a {
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background: #f4ad3e;
    padding: 15px 20px 15px 20px;
    border-radius: 30px;
    margin-top: 10px;
    transition: all 0.5s;
}
#s6 .ct a {
    background: #79c598;
}
#s6 .item.two .top {
    background: #d85b78;
}
#s6 .item.three .top {
    background: #f2b75c;
}
#s6 .item.two .ct a {
    background: #d85b78;
}
#s6 .item.three .ct a {
    background: #f2b75c;
}
#s6 .ct a span {
    background: url(./a/i/ic1811.png) no-repeat center center;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 7px;
    margin-left: 8px;
}
#s6  p{
    text-align: center;
}
#s6 .owl-dots{
    text-align: center;
}
#s6 .owl-carousel .owl-dots button {
    height: 10px;
    width: 10px;
    border: 1px solid #8e8e8e;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}
#s6 .owl-carousel .owl-dots button.active {
    border: 1px solid #60ad80 !important;
}
#ph {
    background: url(./a/i/nen-ph.jpg);
    padding: 30px 0 25px; 
}
#ph h3{
    color: #fff;
}
#ph .item img {
    max-width: 150px;
    margin: 10px auto;
}
.star2{
        max-width: 110px !important;
}

#ph h4{
      margin-bottom: 3px;
    text-align: center;
    color: #99fac2;
    font-size: 18px;
    font-weight: normal;
}
#ph h5 {
    color: #dcb277;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: left;
}
.ct-item p{
    color: #fff;
    text-align: center;
    line-height: 30px;
} 
#ph .owl-dots{
    text-align: center;
}
#ph .owl-carousel .owl-dots button {
    height: 6px;
    width: 6px;
    background: transparent;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}
#ph .owl-dot.active {
    background: #fff !important;
}
#ph .owl-carousel .owl-dots button:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 50%;
    overflow: hidden;
}
#s6m {
    padding: 25px 0 !important;
    background-size: contain !important;
    height: 320px !important;
    background: url(./a/i/s6m.jpg);
}
#s6m h3 {
    font-family: utm-he;
    font-weight: normal;
    text-align: center;
    font-size: 24px;
    color: #000000;
    padding-top: 25px;
}
#s6m #form_dt {
    width: 72%;
    margin: 0 auto;
}
.single-post #single .inf {
    width: 90%;
    margin: 0 auto;
    text-align: center;
} 
#s6m input:first-child {
  
    background-position-x: 15px;
}
#s6m input:nth-child(2) {
    background: #fff url(./a/i/i2.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: bold;
    padding: 13px;
    border-radius: 5px;
}
#s6m input {
    width: 100%;
    padding: 12px 0 12px 55px;
    margin-top: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
}
#s6m input::placeholder{
    position: relative;
}
#s6m input::placeholder:before{
    content: '';
    display: inline-block;
    height: 30px;
    width: 1px;
    background: #ccc;
    position: absolute;
    left: -30px;
    top: 0;
}
.mxh1 a {
    display: inline-block;
    margin-top: 15px;
}
.mxh1 a:before {
    content: "";
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
    background: url(./a/i/icon.png);
       background-position: -354px -64px;
}
.mxh1 a:nth-child(2):before {
    background-position: -400px -64px;
}
#s7{
    padding: 30px 0 0;
}
#s7 h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    font-family: utm-he;
    line-height: 30px;
    font-weight: normal;
}
#s7 .box{
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
#s7 .box .cmd5{
    float: left;
    width: 40%;
    margin-right: 5%;
}
#s7 .box .cmd7{
    float: left;
    width: 54%;
    padding-right: 1%;
}
#s7 .box  h5{
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: normal;
}
#s7 .box  h5 a{
    color: #2d9057;
}
#s7 .box h4 {
    text-align: justify;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
}
.xemct {
    background: #e2e2e2;
    text-align: center;
    color: #787878;
    font-size: 12px;
    font-weight: bold;
    clear: both;
    padding: 10px 0;
}
#s8 {
    padding: 20px 0 10px;
}
#s8 h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    font-family: utm-he;
    line-height: 30px;
    font-weight: normal;
}
#s8 .item{
    margin: 0 25px;
}
#s8 .owl-next {
    width: 30px;
    height: 30px;
    background: url(./a/i/icon1.png) no-repeat !important;
    position: absolute;
    background-position: -113px -281px !important;
    right: -15px;
    top: 88px;
}
#s8 .owl-prev {
    width: 30px;
    height: 30px;
    background: url(./a/i/icon1.png) no-repeat !important;
    position: absolute;
    background-position: -113px -281px !important;
    left: -15px;
    top: 92px;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
#s9 {
    background: #257247;
    margin-top: 1.5rem;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}
#s9 .tit{
    color: #fff;
    margin-bottom: 10px;
}
#s9 .des {
    display: block;
    font-size: 12px;
    color: #a4dbbc;
    text-align: center;
    line-height: 1.4
}
#s9 .f {
    position: relative;
    margin-top: 1.85rem;
}
#s9 .f input {
    width: 100%;
    background: #2A7B4E;
    border: 0.1rem solid #4E9D6F;
    font-size: 1.2rem;
    font-style: italic;
    padding: 12px;
    border-radius: 2rem;
    -moz-border-radius: 2rem;
    -webkit-border-radius: 2srem;
    color: #fff;
}
#s9 .f input::placeholder {
    color: #479569;
    font-size: 15px;
    padding-left:10px;
}
#s9 .f button {
        content: "";
    width: 55px;
    height: 30px;
    position: absolute;
    display: block;
    background: url(./a/i/icon.png);
    background-position: -117px -332px;
    right: 9px;
    top: 7px;
    z-index: 9999;
    border: 0;
}
#s9 .p:before {
    content: '';
    width: 13.5rem;
    height: 0.75rem;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6.75rem;
}
#s9 .p a:first-child {
    padding-right: 5rem;
}
#s9 .p {
    position: relative;
    margin-top: 1.2rem;
    padding-top: 2rem;
}
#s9 .p a {
    display: inline-block;
    color: #fff;
    font-size: 25px;
    font-family: utm-he;
    position: relative;
}
#s9 .p a:first-child:before {
    content: '';
    width: 45px;
    height: 65px;
    position: absolute;
    right: 0px;
    background: url(./a/i/icon.png);
    background-position: -192px -321px;
    bottom: -22px;
}
#s9 .a {
    margin-top: 1.25rem;
    padding-bottom: 1.65rem;
    border-bottom: 1px dashed #8ac3a2;
    overflow: hidden;
}
#s9 .a > div {
    width: 49%;
    float: left;
    padding: 0.8rem 0;
}
#s9 .a > div:first-child {
    border-right: 1px dashed #8ac3a2;
}
#s9 .a > div span:first-child {
    font-size: 1.55rem;
    font-family: utm-he;
    color: #fff;
    padding-top: 5.05rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
}
#s9 .a > div span {
    display: block;
    margin-right: 1.1rem;
    position: relative;
    text-align: right;
}
#s9 .a > div span:first-child:before {
    content: '';
    width: 3.85rem;
    height: 3.85rem;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    background: url(./a/i/icon.png);
    background-position: -10px -322px;
}
#s9 .a > div:last-child span {
    margin-left: 1.1rem;
    margin-right: 0;
    text-align: left;
}

#s9 .a > div span:last-child {
    color: #a4dbbc;
    text-align: justify;
    font-size: 13px
}
#s9 .a > div:last-child span:first-child:before {
    background-position: -65px -322px;
    right: auto;
    left: 0;
}
#s9 .tt {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: utm-he;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    display: block;
}
#s9 .tt:before{
    display: none;
}
footer .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(./a/i/icon.png);
    background-position: -1px -401px;
}
.mxh a:nth-child(2):before {
   background-position: -162px -405px;
    top: 5px;
}
footer .mxh a:nth-child(3):before {
    background-position: -55px -401px;
}
footer .mxh a:nth-child(4):before {
    background-position: -110px -401px;
}
.map{
    height: 239px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(./a/i/map.jpg);
    margin-bottom: -20px;
}
.last-ft {
    background: #257247 url(./a/i/bus.jpg) no-repeat left;
    padding: 15px 0 15px 80px;
    background-position-x: 20px;
}
.last-ft div span {
        width: 38px;
    height: 40px;
    font-family: utm-he;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    font-size: 25px;
    border: 1px solid #4d9a6e;
    margin-right: 5px;
    border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
}
/** DANH MUC **/


#list_cat.ct{
    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 h5 {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: normal;
}
 #list_cat h5 a {
    color: #2d9057;
}
 #list_cat h4{
    text-align: justify;
    line-height: 25px;
}
.pagination {
    text-align: center;
    margin-bottom: 40px;
}
.pagination span, .pagination a {
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: bold;
    color: #282828;
    padding: 8px 13px;
    margin-right: 5px;
    transition: all .5s;
}
.pagination span:hover, .pagination span.current, .pagination a:hover, .pagination a.current {
    border-color: #61ad7f;
    background: #61ad7f;
    color: #fff;
}

.slibs .item {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    margin: 0 60px;
}
.slibs .item .des {
    padding: 15px 5px 8px;
}
.slibs.item .des h3 {
    color: #106634;
    font-weight: normal;
    font-size: 18px;
}
.slibs .item {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    margin: 0 50px;
}
.slibs .item .des p {
    text-align: center;
    margin-bottom: 10px;
        margin-top: 5px;
}
.slibs .item .des h3 {
    text-align: center;
    margin-bottom: 0;
}
.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(./a/i/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 .item .des div {
    text-align: center;
}
.slibs .owl-prev {
    width: 25px;
    height: 25px;
    background: url(./a/i/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); 
    -webkit-transform: rotate(-180deg);
}
.slibs .owl-next {
    width: 25px;
    height: 25px;
    background: url(./a/i/icon.png) no-repeat -113px -281px !important;
    position: absolute;
    top: calc((100% - 19px)/2);
    right: 0;
}
#article h1 {
    color: #106634;
    font-size: 20px;
    font-family: utm-he;
    line-height: 30px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#article p {
    text-align: justify;
    line-height: 25px;
    color: #282828;
}
.desxx{
    padding: 5px 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
.desxx p span.color {
    color: #fb8008;
}
.desxx p {
    font-size: 14px;
    color: #787878 !important;
    margin: 5px 0;
}
#article h2 {
    font-size: 20px;
    font-family: utm-he !important;
    font-weight: normal !important;
    color: #2e8f56 !important;
    text-align: left !important;
    padding: 10px 0 10px !important;
    line-height: 28px;
    background: transparent !important;
    margin: 30px 0 20px 55px !important;
    position: relative;
    display: block !important;
    border-bottom: 1px solid #d7d7d7;
}
#article h2 strong{
    font-weight: normal !important;
}
#article h2:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 60px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -262px -60px;
    position: absolute;
    left: -55px;
    top: 0;
}
figure{
    width: auto !important;
}
figcaption{
    font-size: 12px;
}
.tit {
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
    font-size: 25px;
    font-family: utm-he;
    line-height: 30px;
    font-weight: normal;
}

.single-post #article ul li {
    position: relative;
    padding-left: 20px;
    list-style: none;
}
.single-post #article ul li:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -320px -67px;
    position: absolute;
    left: -2px;
    top: 1px;
}

/** SINGLE POST **/

.call-post {
    clear: both;
    padding: 10px;
    border: 1px dashed #3f835b;
    border-radius: 5px;
    background: #f6f5f5 ;
    margin: 30px 0 20px;
}
.call-post p{
    margin-bottom: 20px;
}
.call-post ul li{
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-left: 40px;
}
.call-post ul li:before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -375px -320px;
    position: absolute;
    left: 0;
    top: -3px;
}
.call-post ul li:nth-child(2):before{
    background-position: -409px -320px;
} 
.call-post ul li:nth-child(3):before{
    background-position: -443px -320px;
} 
.call-post li a{
    color: #2e8f56;
    font-family: utm-he;
    font-size: 17px;
    font-weight: normal;
}
.call-post li:nth-child(2) a{
    color: #fb8008;
    font-family: Tahoma;
    text-transform: uppercase;
    font-size: 14px;
}
.call-post li:nth-child(3) a {
    color: #fb8008;
    font-family: Tahoma;
    text-transform: uppercase;
    font-size: 14px;
}
#single .last-pt {
        background: transparent;
    background-size: contain;
    padding: 20px;
    border: 4px solid #2e8f56;
    margin-bottom: 25px;
}
.last-pt h4 {
    font-size: 18px !important;
    text-align: center;
    color: #e89d26;
    
    font-weight: normal !important;
    margin-bottom: 5px !important;
}
.last-pt p {
    text-align: center !important;
    color: #2e8f56;
}
#single #s6m {
    padding: 15px 0 !important; 
  background: #2e8f56;
  height: auto !important
}
#single #s6m #form_dt {
    width: 100%;
    margin: 0 auto;
}

#single #s6m h3 {
	color: #fff;
	padding: 0;
	margin: 10px 0 ;
}

#single .post .cm{
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
#single .post .img-pt {
    float: left;
    width: 40%;
    margin-right: 5%;
}
#single .post h5 {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: normal;
}
#single .post h5 a {
    color: #2d9057;
}
.post h4{
    text-align: justify;
    line-height: 25px;
}
.slibs{
    margin-top: 25px;
}

@media screen and (min-width: 375px) and (max-width: 414px){
#s6m {
    padding: 40px 0 !important;
    height: 352px !important;
}
}
@media screen and (max-width: 375px){
#s5 .i1 li span:first-child:before {
    content: '';
    width: 50px;
    height: 55px;
    display: inline-block;
    background-position: -411px -252px !important;
    position: absolute;
    top: 48%;
    margin-top: -1.5rem;
    left: 47%;
    margin-left: -1.75rem;
    background: url(./a/i/icon1.png) no-repeat;
}  
#s5 .i1 li:nth-child(2) span:first-child:before {
    left: 46%;
}
#s5 .i1 li span:last-child {
    font-size: 13px;
}

#s5 .i1 li span:first-child:after {
    width: 2.5rem;
    right: -35px;
}
#s2 p {
    margin-top: 5px;
}
#s9 .p a{
    font-size: 22px;
}
.last-ft div span {
    margin-right: 0;
}
#s6m {
    padding: 25px 0 !important;
    height: 320px !important;
}
}
@media screen and (max-width: 320px){
 #s6m {
    padding: 10px 0 !important;
    height: 273px !important;
}  
#s5 .i2 li {
    padding: 0.5rem 0.9rem;
}
.tit {
    font-size: 20px;
  }    
#s5 .i1 li span:first-child:after {
    right: -25px;
}  
#s9 .p a {
    font-size: 19px;
}
#s9 .a > div span:first-child:before {
    content: '';
    width: 46px;
    height: 46px;
}
.last-ft div span {
    width: 30px;
    height: 34px;
    font-size: 20px;

}
#s1 li {
    font-size: 10px;
}
#s3 ul li {
    padding: 8px 10px;
}
.cam-ket {
    background-size: contain;
}
.cam-ket h4 {
    font-size: 15px;
}
.cam-ket p {
    margin-top: 5px;
    font-size: 12px;
}
}

/** Footer **/

.f_lienhe {
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    text-align: center;
    color: #fff;
    font-family: utm;
    font-weight: normal;
}
.f_lienhe li{
    float: left;
    width: 33.3333%;
  
    padding: 3px 0;
}
.f_lienhe li a{
    color: #0d793a;
}
.f_lienhe li { 
    background: #edeeee;
    animation-name: background;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    text-align: center; 
    list-style: none;
    font-family: utm-he;
    font-weight: normal;
} 
.f_lienhe li:nth-child(2) {
		    background: #edeeee;
		    animation-name: background;
		    animation-duration: 5s; 
		    animation-iteration-count: infinite;
		    animation-delay: 2s;
		}
.f_lienhe li:nth-child(3) {
		    background: #edeeee;
            animation-name: background;
		    animation-duration: 5s;
		    animation-iteration-count: infinite;
		    animation-delay: 4s;
		} 
		@keyframes background{
		    0% {background-color: #bcbbbc;}  
		    70% {background-color: #e6e3e4;}
		    100% {background-color: #e6e3e4;} 
		}
 
 @keyframes shake-phone {
		0%{transform:translate(0px,0px) rotate(0deg)}
		10%{transform:translate(0px,5px) rotate(-25deg)}
		12%{transform:translate(0px,5px) rotate(-23deg)}
		20%{transform:translate(0px,0px) rotate(-15deg)}
		21%{transform:translate(0px,5px) rotate(-15deg)}
		30%{transform:translate(0px,0px) rotate(-20deg)}
		40%{transform:translate(0px,5px) rotate(-10deg)}
		51%{transform:translate(0px,0px) rotate(0deg)}
		100%{transform:translate(0px,0px) rotate(0deg)}
	}  
 
.f_lienhe li img{   
    display: block;
    margin: 0 auto 5px;
    
} 
.f_lienhe li:first-child img{ 
    animation: shake-phone linear 1s;
    animation-iteration-count: infinite;
}
#popup {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.model {
    background-color: TRANSPARENT;
    margin: auto;
    padding: 6px;
    width: 430px; 
    position: relative; 
    TOP: 0 ;
}
.title3{ 
    background: #2e8f56;
    margin-left: 0;
    font-family: utm-he;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    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;}  
.bfr button {
    background: #d03d3f;
    font-size: 22px;
    color: #ffffff;
    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 20px 20px;   
}
.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;
}
input[type="date"]::before {
	color: #999999;
	content: attr(placeholder);
}
input[type="date"] {
	color: #ffffff;
}
input[type="date"]:focus,
input[type="date"]:valid {
	color: #666666;
}
input[type="date"]:focus::before,
input[type="date"]:valid::before {
	content: "" !important;
} 
.close { 
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 25px;
    font-weight: 700;
    cursor: pointer;
    z-index: 999;  
    padding-right: 10px;
} 
.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: 5px 0 10px!important;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: none;
    padding: 6px;  
    font-size: 14px;
    border-radius: 4px;
} 
input[type="text"]:focus, input[type="password"]:focus,
textarea:focus, select:focus {
  font-size: 16px;
} 
#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(./img/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(./img/ic-bay.png) no-repeat;
    float: right;
    margin-top: 7px
}
@media  only screen and (min-width: 375px){
		#my_popup3 .btn-popup span strong{font-size:14px}
	}
@media  only screen and (min-width: 411px){
		#my_popup3 .content-popup3 p,#my_popup3 .content-popup3 span,#my_popup3 .content-popup3 strong{font-size:14px}
		#my_popup3 .btn-popup span{font-size:16px}
		#my_popup3 #my_popup3{margin-top:25%}
	}
/** Check b?nh **/

#check-bn {
    background: url(./img/box-test.png) no-repeat;
    height: 615px;
    width: 91%;
    margin: 0 auto;
    padding-top: 30px; 
    position: relative;
}
.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: Tahoma !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: utm-he;
    font-size: 18px;
    font-weight: normal;
    border-radius: 3px; 
    float: left;
}
#check-bn .tit {
    font-family: utm-he;
    font-weight: normal;
    text-align: center;
    font-size: 25px; 
    text-transform: uppercase;
    color: #000000;
    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(./img/ic-yta.png) no-repeat;
    position: absolute;
    left: 40px;
    top: -18px; 
}
.last-fr a{
    background: #d03d3f;
    border: 0;
    padding:  10px;
    color: #fff;
    font-family: utm-he;
    font-size: 18px;
    font-weight: normal;
    border-radius: 3px;
    float: left;
    margin-left: 9px;
}   
.last-fr .mb{display: none}

footer {
	padding-bottom: 45px
}

#button-contact-vr {
    position: fixed;
    top: 30%;
    right:  10px;
    z-index: 99999;
}
#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: transparent;
    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 #c31d1da8;
    background-color: rgb(230 8 8 / 40%);
    border-radius: 50%;
    border: 2px solid transparent;
    -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 transparent;
  }
  100% {
    transform:scale(.9);
    box-shadow:0 0 0 0 transparent;
  }
}

@keyframes zoom {
  0% {
    transform:scale(.9);
  }
  70% {
    transform:scale(1);
    box-shadow:0 0 0 15px transparent;
  }
  100% {
    transform:scale(.9);
    box-shadow:0 0 0 0 transparent;
  }
}
    
#my_popup33 {
    top: 50% !important;
    left: 50% !important;
    width: 94% !important;
    margin: 0 auto !important;
    transform: translate(-50%, -50%) !important;
    position: fixed;
    z-index: 9999999;
}    
.pop-new {
    position: relative;
}
.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 #btn-close-popup3 {
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 50% !important;
    height: 50px !important;
    position: relative !important;
}

@media  only screen and (max-width: 566px){
#check-bn {
    background: url(./img/box-mb.png) no-repeat;
    height: 1075px;
    width: 97%;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
}  
.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: 96%;
} 
#check-bn a.mb{
    background: #d03d3f; 
    border: 0;
    padding: 10px; 
    color: #fff;
    font-family: utm-he;
    font-size: 17px;
    font-weight: normal;
    border-radius: 3px; 
    float: left;
    margin-left: 9px;
    position: absolute;
    bottom: 30px;   
    right: 23px;
}
}   

@media only screen and (max-width: 393px) {
     .sc-top input {
 
    width: 260px;
  
}
}
@media only screen and (max-width: 375px) {
     .sc-top input {
 
    width: 245px;
  
}
} 

/** ??i ngu bs **/
.slibs {
    margin-top: 5px;
}

.dnbs h3{
    text-align: center;
    color: #106634;
    padding: 10px 0 5px;
    font-weight: normal;
    font-size: 18px;
}
.dnbs h5{
    text-align: center;
    font-size: 16px;
    color: #282828;
    margin-bottom: 32px;
    position: relative;
    font-weight: normal;
}
.dnbs 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: #eeeeee;
    padding: 10px 10px 10px 25px;
    margin-right: 5px;
    position: relative;
    color: #589872;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
}
.dnbs div span:before{ 
       content: '';
    display: inline-block;
    width: 30px; 
    height: 30px;
    background: url(./img/ic-view.png) no-repeat;
    position: absolute;
    left: 5px;
    background-size: 13px;
    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: utm-he;
    display: inline-block;
    height: 38px;
}
.dnbs div a:before{
    content: '';
    display: inline-block;
    width: 30px;  
    height: 33px;
    background: url(./img/ic-dh.png) no-repeat;
    position: absolute;
    left: 5px;
    background-size: 13px;
    top: 8px;
} 
.under-text{
    display: none;    
}
.shot-video {
    background: url(./img/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(./img/ic-bsnguyen.png) no-repeat;
    position: absolute;
    left: 15px;
    top: 6px;
} 
.pop-bsl .first:before{
    background: url(./img/ic-bslam.png) no-repeat !important;
}
.pop-bsvy .first:before{
    background: url(./img/ic-bsvy.png) no-repeat !important;
}
.pop-bstr .first:before{
    background: url(./img/ic-bstrinh.png) no-repeat !important;
}
.pop-bsd .first:before{ 
        content: '';  
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(./img/ic-bsduyen.png) no-repeat;
    position: absolute;
    left: 15px;
    top: 6px;
} 
.pop-bsv .first:before{
    background: url(./img/ic-bsvan.png) no-repeat !important;
}
.pop-bsh .first:before{
    background: url(./img/ic-bshien.png) no-repeat !important;
}
.pop-bsloan .first:before{
    background: url(./img/ic-bsloan.png) no-repeat !important;
}
.first h3{
    font-size: 14px;
    color: #206636;
    font-weight: bold;
   margin-bottom: 5px; 
}
.first p{
    position: relative;
    padding-left: 25px;
}
.first p:before{ 
    content: ''; 
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url(./img/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(./img/ic-name.png) no-repeat left;
    background-position-x: 10px;
}
.fr-dh input.d-phone{
    background: url(./img/ic-call.png) no-repeat left;
    background-position-x: 10px;
}
.fr-dh input.d-fullname.next{
    background: url(./img/ic-locate.png) no-repeat left;
    background-position-x: 10px;
}
.fr-dh input.ss-q-date{
    background: url(./img/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(./img/ic-why.png) no-repeat left 8px;
    background-position-x: 10px;
}
.fr-dh textarea::placeholder{
    font-family: Tahoma !important;
}
.fr-dh .not-ip {
    display: inline-block;
    width: auto !important;
    margin-left: 10px !IMPORTANT;
    height: auto !important;
    vertical-align: middle !important;
    font-weight: bold;
    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;
}
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: 0px;
  padding-right: 0px; 
  padding-bottom: 0px;
 border: 1px solid #000; 
  padding-left: 0px;
}
.title-sb {
    text-align: center;  
    font-family: utm-he;
    font-weight: normal;
    font-size: 22px;
    line-height: 35px; 
    margin-bottom: 0;
}
#blq{padding-top: 30px;}
@media screen and (min-width: 375px) and (max-width: 414px){

.dnbs.mb {
    margin: 0 auto 20px;
    width: 90%;    
}
#check-bn {
    width: 90%; 
}

}
@media screen and (max-width: 375px){
.single-post #single #s6m {
    height: 295px !important;
    
}
#single .last-pt {
    width: 100%;
}
.dnbs.mb {
    margin: 0 auto 20px; 
    width: 100%;
}
#check-bn {  
    width: 100%;  
} 
.single-post #single #s6m.pop {
    height: 318px !important;
   
}
#s6m.pop {
    height: 318px !important;
   
} 
#s6m.pop h3 {
    padding-top: 0 !important;
}
} 
@media screen and (max-width: 320px){
#htl {
    font-size: 17px;
} 
.pop {
    height: 273px !important;
}
.dnbs.mb { 
    margin: 0 auto ;
    width: 100%;
    height: 454px;
    background-size: contain;
}
.dnbs.mb h5 {
    margin-bottom: 20px;

}
.dnbs.mb p { 
        margin-bottom: 2px;
    line-height: 22px;
}
.dnbs.mb div span{display: none;}
.dnbs.mb div a {
    padding: 10px 12px 10px 40px;
    font-size: 13px;
    height: 47px;
}
.conte {
    width: 325px;
    TOP: 2%;  
}
.first {
    padding: 15px 15px 15px 95px;
}
.model {
    width: 320px !important;
}
}
@media screen and (max-width: 414px){
.model {
    width: 350px;
}
}
.t_shot_code_nenhong {
    background: #FFA8AC;
    border: 1px #ba1e71 dashed;
    padding: 5px 15px;
    background: rgba(255,168,172,0.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(./a/i/check1.png) no-repeat left;
}
.t_shot_code_2{
    display: inline-block;
    height: 22px;  
    width: 22px;
    background: url(./a/i/ic-2.png) no-repeat left;
}
.t_shot_code_3 { 
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(http://ytequocte.com/wp-content/uploads/2019/09/ic3.png) no-repeat;
    float: left;
   margin-top: -1px;
    margin-right: 5px;   
} 
@font-face {
  font-family: 'utm-fb';
  font-weight: 400;
  src: url("./a/f/UTM-FacebookB.ttf"); }
@font-face {
  font-family: 'utm-avo';
  font-weight: 400;
  src: url("./a/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%;
}  
.box-hotro h3{ 
    font-size: 16px !important; 
}
.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; 
}

.box-hotro li:first-child:after {
    content: ''; 
    display: inline-block;
    width: 20px; 
    height: 22px;
    background: url(./img/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(./img/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: Tahoma !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: normal;
    text-align: left !important;
    margin-bottom: 0 !important;
    font-family: Tahoma !important;
}
.under-text a{
    background: #d03d3f;
    color: #fff;
    font-family: Tahoma;
    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;
}
#breadcrumbs {
    margin-top: 0;
    background: #efefef;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.brb span, .brb a {
    font-size: 13px;
}
.breadcrumb_last {
    color: #126635;
}
.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(0.1);
    filter: brightness(0.1); 
    display: block;
    margin: 0 auto;
}
body>object{display:none}#d-form-contact{width:100%;height:100%;position:fixed;z-index: 999999999999;top:0;left:0;background:rgba(0 ,0 ,0 ,.8)}#d-form-contact>.in{width:500px;height:400px;margin:50px auto 0;background-color:#f0f0f0;border-radius:5px;padding:10px}#d-form-contact>.in>.tit{text-align:center;font-weight:700;font-size:20px;margin-bottom:0;text-transform:uppercase}#d-form-contact>.in>.form>label{width:100px;text-align:right;font-weight:700;font-size:14px;font-family:arial;display:block;float:left;margin-right:10px;line-height:25px}#d-form-contact>.in>.form>input{width:350px;display:block;float:left;margin-bottom:10px;height:25px;border:1px solid #ccc;border-radius:2px;padding-left:10px}#d-form-contact>.in>h4{font-size: 16px;text-align: center;margin-bottom: 15px;margin-top: 5px}#d-form-contact>.in>.form>.trieuchung{width:340px;height:150px;border-radius:5px;padding:10px 0 10px 10px;border:1px solid #ccc}#d-form-contact>.in>.form>button{float:right;display:block;width:70px;height:28px;border:none;border-radius:2px;margin-right:5px;margin-top:5px;font-weight:700;color:#fff;cursor:pointer}#d-form-contact>.in>.form>.send{background-color:green}#d-form-contact>.in>.form>.send:hover{background-color:#026202}#d-form-contact>.in>.form>.cancel{background-color:orange;margin-right:28px}#d-form-contact>.in>.form>.cancel:hover{background-color:#d08701}@media screen and (max-width:600px){#d-form-contact>.in .form{display:table;margin:0 auto}#d-form-contact>.in{width:80% !important;height:initial}#d-form-contact>.in>.tit{font-size:18px}#d-form-contact>.in>.form>.trieuchung,#d-form-contact>.in>.form>input{width:150px}#d-form-contact>.in>.form>.cancel{margin-right:0}#d-form-contact>.in>.form>.trieuchung{height:70px}}#loading,#success{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;background-image:url(https://chuyende.ytequocte.com/i/bg-black-opacity.png);background-repeat:repeat}#loading img,#success img{width:100px;display:block;margin:200px auto 0}#loading p,#success p{text-align:center;font-size:16px;font-family:arial;font-weight:700;color:#fff;text-transform:uppercase;line-height:30px}@media screen and (max-width: 600px){#success img{margin-top:150px;}}@media screen and (max-width: 350px){#d-form-contact>.in {width: 95% !important;}}
.left-dh{
    float: left; 
    width: 50%;
    background: #388e56;
    color: #fff;
        position: relative;
} 
.right-dh{
    float: left;
    width: 50%;
    background: #3f3f3f;
    color: #fff;
        position: relative;
}
.last-pop3 span{
    position: absolute;
    left: 62px;
    top: 10px;
}
#my_popup3 .ctn {
background: #2525239c;
    border: 2px solid #fff;
   
}
#my_popup3 .btn-wrap {
    display: block;
    padding: 15px 8px;
    background: transparent;
}
#my_popup3 .content-popup3 p {
    color: #fff;
        margin-top: 0;
}
 #my_popup3 #btn-close-popup3 {
    display: block;
    position: absolute;
    top: -20px;
    left: -10px; 
    height: 30px;
    width: 30px;
    border: 1px solid #fff;
    line-height: 23px;
    text-align: center;
    background: #2525239c;
    color: #fff;
}
.last-pop3 img{
        float: left;
    position: relative; 
    max-width: 40px;
    display: inline-block;
    margin: 10px 20px;
}
.last-pop3 h4{
    float: left;
    font-size: 17px;
     font-weight:  bold; 
    text-transform: uppercase;
    padding: 10px 10px 10px 33px;
}

.last-pop3{ 
    overflow: hidden;
}

.left-dh{
    float: left; 
    width: 50%;
    background: #388e56;
    color: #fff;
        position: relative;
} 
.right-dh{
    float: left;
    width: 50%;
    background: #3f3f3f;
    color: #fff;
        position: relative;
}
.last-pop3 span{
    position: absolute;
    left: 62px;
    top: 10px;
}

 #my_popup3 #btn-close-popup3 {
    display: block;
    position: absolute;
    top: -20px;
    left: -10px;
    height: 30px;
    width: 30px;
    border: 1px solid #fff;
    line-height: 23px;
    text-align: center;
    background: #2525239c;
    color: #fff;
}
.last-pop3 img{
        float: left;
    position: relative; 
    max-width: 40px;
    display: inline-block;
    margin: 10px 20px;
}
.last-pop3 h4{
    float: left;
    font-size: 17px;
     font-weight:  bold; 
    text-transform: uppercase;
    padding: 10px 10px 10px 33px;
}

.last-pop3{
    overflow: hidden;
}
.btn-popup i {
    width: 25px;
    height: 29px;
    display: inline-block; 
    background: url(https://trangsuckhoe.net/wp-content/themes/mb/img/ic-bs.png) no-repeat;
    float: left;
    margin-top: 7px;
}
.d-send i {
        width: 20px;
    height: 20px;
    display: inline-block;
    background: url(https://trangsuckhoe.net/wp-content/themes/mb/img/ic-bay.png) no-repeat;
    float: right;
    margin-top: 7px;
}

#s9 .p a:first-child {
    padding-right: 3.2rem !important;
     font-size: 22px !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: 50%;
}
.f_lienhe_new a:nth-child(4) {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 38%;
}

.f_lienhe_new a:nth-child(5) {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 13%;
}
           

.rung {
    animation: shake-phone linear 1s;
    animation-iteration-count: infinite;
}
.hdmd{
		display: none !important;
	}

@media screen and (max-width: 566px){
.last-pop3 img { 
    margin: 5px 12px 5px 8px;
}
.last-pop3 span { 
    left: 50px;
}
.last-pop3 h4 {
    float: left; 
    font-size: 14px;     
    text-transform: uppercase; 
   padding: 8px 10px 8px 17px; 
   
}

} 
.text_rung{
    animation: pulse 1s infinite linear;
    -webkit-animation: pulse 1s infinite linear;
    -moz-animation: pulse 1s infinite linear;
        display: inline-block;
}

@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.07,1.07,1.07);transform:scale3d(1.07,1.07,1.07)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.07,1.07,1.07);transform:scale3d(1.07,1.07,1.07)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}