html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
html {
margin-top:0px !important;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:before,
:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row {
margin-left: -15px;
margin-right: -15px
}
.cb{
clear: both;
}
.tac{
text-align: center;
}
/**
* 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;
font-weight: bold;
}
#certify .p5{
color: #787878 !important;
margin-bottom: 15px !important;
text-align: justify !important;
padding: 0 15px;
font-weight: normal !important;
line-height: 18px !important;
}
#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 #47a15d;
background-color: #fff;
width: .6rem;
height: .6rem;
opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
background-color: #47a15d;
}
#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 .des h3{
color: #106634;
font-weight: bold;
font-size: 16px;
margin: 10px 0;
text-align: center;
}
.cxs1,
.csm1,
.cmd1,
.clg1,
.cxs2,
.csm2,
.cmd2,
.clg2,
.cxs3,
.csm3,
.cmd3,
.clg3,
.cxs4,
.csm4,
.cmd4,
.clg4,
.cxs5,
.csm5,
.cmd5,
.clg5,
.cxs6,
.csm6,
.cmd6,
.clg6,
.cxs7,
.csm7,
.cmd7,
.clg7,
.cxs8,
.csm8,
.cmd8,
.clg8,
.cxs9,
.csm9,
.cmd9,
.clg9,
.cxs10,
.csm10,
.cmd10,
.clg10,
.cxs11,
.csm11,
.cmd11,
.clg11,
.cxs12,
.csm12,
.cmd12,
.clg12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.cxs1,
.cxs2,
.cxs3,
.cxs4,
.cxs5,
.cxs6,
.cxs7,
.cxs8,
.cxs9,
.cxs10,
.cxs11,
.cxs12 {
float: left
}
.cxs12 {
width: 100%
}
.cxs11 {
width: 91.66666667%
}
.cxs10 {
width: 83.33333333%
}
.cxs9 {
width: 75%
}
.cxs8 {
width: 66.66666667%
}
.cxs7 {
width: 58.33333333%
}
.cxs6 {
width: 50%
}
.cxs5 {
width: 41.66666667%
}
.cxs4 {
width: 33.33333333%
}
.cxs3 {
width: 25%
}
.cxs2 {
width: 16.66666667%
}
.cxs1 {
width: 8.33333333%
}
@media (min-width: 768px) {
.csm1,
.csm2,
.csm3,
.csm4,
.csm5,
.csm6,
.csm7,
.csm8,
.csm9,
.csm10,
.csm11,
.csm12 {
float: left
}
.csm12 {
width: 100%
}
.csm11 {
width: 91.66666667%
}
.csm10 {
width: 83.33333333%
}
.csm9 {
width: 75%
}
.csm8 {
width: 66.66666667%
}
.csm7 {
width: 58.33333333%
}
.csm6 {
width: 50%
}
.csm5 {
width: 41.66666667%
}
.csm4 {
width: 33.33333333%
}
.csm3 {
width: 25%
}
.csm2 {
width: 16.66666667%
}
.csm1 {
width: 8.33333333%
}
.ctn{
max-width: 1100px;
}
}
.ctn{
max-width: 1300px;
}
@media (min-width: 992px) {
.ctn{
max-width: 1200px;
}
.cmd1,
.cmd2,
.cmd3,
.cmd4,
.cmd5,
.cmd6,
.cmd7,
.cmd8,
.cmd9,
.cmd10,
.cmd11,
.cmd12 {
float: left
}
.cmd12 {
width: 100%
}
.cmd11 {
width: 91.66666667%
}
.cmd10 {
width: 83.33333333%
}
.cmd9 {
width: 75%
}
.cmd8 {
width: 66.66666667%
}
.cmd7 {
width: 58.33333333%
}
.cmd6 {
width: 50%
}
.cmd5 {
width: 41.66666667%
}
.cmd4 {
width: 33.33333333%
}
.cmd3 {
width: 25%
}
.cmd2 {
width: 16.66666667%
}
.cmd1 {
width: 8.33333333%
}
}
.csm25{width: 20%;}
.csm15{width: 12.5%;}
body,div,ul,li,ol,dl,dt,dd,input,h1,h2,h3,h4,h5,h6,span,strong,img,p{margin:0;padding:0;border:none;text-align:justify}
ul,li,ol,dl,dt,dd{list-style:none}
*{transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;}
img{max-width:100%}
a {
text-decoration: none;
color: inherit;
}
a:hover, a:focus{
text-decoration: none;
color: #ffd915;
}
body{
font-family: Tahoma;
font-size: 14px;
line-height: normal;
position: relative;
}
.ctn{
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
#dom{
display: none;
}
#news .top img{
height: 278px !important;
}
#news .news_bt img{
width: 105px;
height: 105px;
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
.line{
width: 17% !important;
background: #fff;
height: 50px;
float: left;
position: absolute;
}
}
@media screen and (min-width: 1300px){
.line{
width: 21%;
background: #fff;
height: 50px;
float: left;
position: absolute;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
@charset "UTF-8";
@font-face {
font-family: "utmhel";
src: url("fonts/UTM_HelvetIns.ttf"); }
@font-face {
font-family: "oswald";
src: url("fonts/Oswald-Regular.ttf"); }
.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-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; }
body {
font-family: Tahoma, Geneva, sans-serif;
font-weight: 500;
color: #282828; }
header {
position: relative;
overflow: hidden; }
select, input, button {
border: none;
outline: none; }
#t_h {
position: relative;
overflow: hidden;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc; }
#t_h p:nth-child(1) {
text-align: left;
margin-top: 5px;
padding-left: 0px; }
#t_h p:nth-child(2) {
float: right;
font-size: 16px;
text-align: right;
padding-right: 0px; }
#t_h p:nth-child(2) span {
font-family: 'utmhel'; }
#t_h p:nth-child(2) span:before {
content: "";
position: relative;
background: url(images/icon/all.png) no-repeat;
background-position: 3px 3px;
width: 20px;
height: 30px;
display: block;
float: left;
margin-right: 10px;
margin-left: 20px; }
#logo {
position: relative;
overflow: hidden;
margin-top: 15px;
margin-bottom: 10px; }
#logo h1 {
margin-top: 5px;
padding-left: 0px; }
#logo .search {
position: relative;
overflow: hidden;
padding-right: 0px; }
#logo .search form {
height: 40px;
border: 1px solid #ccc;
width: 70%;
float: right; }
#logo .search form select {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #ccc; }
#logo .search form input {
padding-left: 10px; }
#logo .search form button {
padding: 10px 10px 10px 10px;
background: url(images/icon/all.png) no-repeat;
width: 25px;
height: 25px;
background-position: -169px 3px;
float: right;
margin-right: 15px;
margin-top: 5px; }
#logo .search .mxh {
width: 100%;
text-align: right;
position: relative;
overflow: hidden;
height: 55px; }
#logo .search .mxh a {
display: inline-block;
position: relative;
height: 45px;
width: 40px;
margin-top: 10px; }
#logo .search .mxh a:nth-child(1) {
background: url(images/icon/all.png);
background-position: -17px 3px; }
#logo .search .mxh a:nth-child(2) {
background: url(images/icon/all.png);
background-position: -56px 3px;
width: 37px; }
#logo .search .mxh a:nth-child(3) {
background: url(images/icon/all.png);
background-position: -92px 3px;
width: 37px; }
#logo .search .mxh a:nth-child(4) {
background: url(images/icon/all.png);
background-position: -129px 3px; }
nav {
background: #1e7743;
height: 50px; }
nav #nav_menu {
position: relative;
height: 50px;
padding: 0px !important;
display: flex;
}
nav #nav_menu > li {
padding: 10px 0;
position: relative;
list-style: none;
flex: 1;
float: left; }
nav #nav_menu > li > a {
font-size: 16px;
/* color: inherit; */
margin: 0;
line-height: 25px;
padding: 0 20px;
/* text-transform: uppercase; */
font-weight: bold; }
nav #nav_menu li:hover .sub-menu {
margin-top: 0;
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
visibility: inherit; }
nav #nav_menu li .sub-menu li a:before {
content: ">";
padding-right: 10px; }
nav #nav_menu li .sub-menu li:hover > ul {
display: block; }
nav #nav_menu a {
color: #fff;
padding: 9px 0;
white-space: nowrap; }
nav #nav_menu .sub-menu {
width: 230px;
position: absolute;
z-index: 999999;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-webkit-transform: rotate3d(1, 0, 0, -90deg);
-moz-transform: rotate3d(1, 0, 0, -90deg);
-o-transform: rotate3d(1, 0, 0, -90deg);
-ms-transform: rotate3d(1, 0, 0, -90deg);
transform: rotate3d(1, 0, 0, -90deg);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
transform-origin: 0 0 0;
margin-right: 24px;
top: 45px;
left: -5px;
background: #1f9354;
visibility: hidden;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
nav #nav_menu .sub-menu li {
height: 40px;
position: relative;
border-bottom: dotted 1px #44D6E4;
width: 100%;
text-align: left;
padding-left: 20px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; }
nav #nav_menu .sub-menu li a {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
color: #fff;
line-height: 40px; }
nav #nav_menu .sub-menu li > ul {
position: absolute;
left: 230px;
top: 0;
width: 230px;
background: #1f9354;
display: none;
-webkit-box-shadow: inset 7px 0 18px -4px #012929;
-moz-box-shadow: inset 7px 0 18px -4px #012929;
box-shadow: inset 7px 0 18px -4px #012929; }
footer {
background: #257247;
color: #fff;
overflow: hidden; }
footer #t_f {
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden; }
footer h3 {
text-align: center;
font-size: 26px;
font-family: 'utmhel';
text-transform: uppercase;
font-weight: 100; }
footer p {
color: #a4dbbc;
text-align: center;
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px; }
footer .d_contact {
text-align: center;
width: 50%;
margin: 0px auto;
position: relative; }
footer input[type='text'] {
width: 100%;
height: 40px;
border-radius: 20px;
padding-left: 15px;
background: #2a7b4e;
border: 1px solid #4e9d6f;
color: #fff; }
footer input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #4b9a6e; }
footer input::-moz-placeholder {
color: #4b9a6e; }
footer input:-ms-input-placeholder {
color: #4b9a6e; }
footer input:-moz-placeholder {
color: #4b9a6e; }
footer button {
content: "";
width: 55px;
height: 30px;
position: absolute;
display: block;
background: url(images/icon/all.png);
background-position: -298px 3px;
right: 20px;
top: 5px;
z-index: 9999; }
footer .cmd12 p {
text-align: center;
font-size: 40px;
font-family: 'utmhel';
text-transform: uppercase;
font-weight: 100;
color: #fff;
text-align: right;
padding-right: 30px; }
footer .cmd12 p:nth-child(2) {
text-align: left; }
footer .cmd12 img {
position: absolute;
left: 48.8%;
top: 25px;
right: 50%; }
footer .phone p {
text-align: center;
font-size: 40px;
font-family: 'utmhel';
text-transform: uppercase;
font-weight: 100;
color: #fff;
text-align: right;
padding-right: 30px; }
footer .phone p:nth-child(3) {
text-align: left;
padding-left: 30px; }
footer .ad p {
margin-bottom: 0px;
font-size: 24px; }
footer .ad p:nth-child(1) {
border-right: 1px dashed #ccc; }
footer .ad p:before {
display: block;
float: right;
content: "";
width: 50px;
height: 70px;
background: url(images/icon/all.png);
background-position: -123px -345px;
margin-left: 10px; }
footer .ad p:nth-child(2):before {
display: block;
float: left;
content: "";
width: 50px;
height: 70px;
background: url(images/icon/all.png);
background-position: -170px -345px;
margin-right: 10px; }
footer .ad span {
font-size: 16px;
font-weight: 100;
font-family: TAHOMA; }
footer #b_f {
height: 400px;
width: 100%;
position: relative;
overflow: hidden;
background: url(images/map.png);
margin-bottom: -20px; }
footer #cp_f {
position: relative;
height: 50px;
background: #333;
color: #fff;
text-align: center;
/* overflow: hidden; */
width: 100%;
float: left;
/* margin-bottom: -51px; */ }
footer #cp_f .mxh {
position: absolute;
text-align: center;
top: -30px;
width: 100%; }
footer #cp_f .mxh a {
display: inline-block; }
footer #cp_f .mxh a:before {
content: "";
display: inline-block;
float: left;
width: 55px;
height: 53px;
position: relative;
background: url(images/icon/all.png);
background-position: -87px -422px; }
footer #cp_f .mxh a:nth-child(2):before {
background-position: -141px -422px; }
footer #cp_f .mxh a:nth-child(3):before {
background-position: -194px -422px; }
footer #cp_f p {
margin-top: 25px;
color: #6b6b6b; }
/*css category*/
.c_l ul.list-news li {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
line-height: 25px; }
.c_l ul.list-news li a:hover {
color: #333; }
.c_l ul.list-news li h3 {
color: #106634;
font-size: 18px;
margin-bottom: 15px; }
.c_l ul.list-news li img {
float: left;
margin-right: 20px;
width: 300px;
height: 200px; }
.c_l ul.list-news li span {
padding: 5px 15px 5px 10px;
background: #60ad80;
border-radius: 25px;
color: #fff;
margin-top: 20px;
display: inline-block; }
/*--------------------------------------------------------------
# Trang chủ
--------------------------------------------------------------*/
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.ctn:before,
.ctn:after {
content: " ";
display: table; }
.ctn:after {
clear: both; }
.row:before,
.row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.ctn {
width: 1170px; }
.relative {
position: relative; }
.absolute {
position: absolute; }
.block {
display: block; }
.inline-block {
display: inline-block; }
.center-block {
display: block;
margin-right: auto;
margin-left: auto; }
.cxs5s,
.csm5s,
.cmd5s,
.clg5s {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px; }
.col-xs-5ths {
width: 20%;
float: left; }
body{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sub-menu a.active, nav .sub-menu a:hover {
color: #29ff8b!important;
}
#fright {position: fixed;left: 0;bottom: 50px;z-index: 99999;}
#fright p {transition: all 1s;padding-right: 45px;padding-left: 20px;color: #fff;margin-left: -425px;border-radius: 50px;line-height: 35px;}
#fright p:hover {background: #fff;margin-left: 0;color: #000;border: solid 1px #e3e3e3;}
#fright p:before {top: 1px;right: 1px;display: inline-block;content: "";background-image: url(http://hanoi.ytequocte.com/images/all-1.png);width: 30px;height: 30px;position: absolute;}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left; } }
.pull-left {
float: left !important; }
.pull-right {
float: right !important; }
.clearfix:before,
.clearfix:after {
display: table;
content: " "; }
.clearfix:after {
clear: both; }
.sec_heading {
text-align: center;
text-transform: uppercase;
font-family: utmhel;
margin-bottom: 30px;
font-size: 30px;
font-weight: 500; }
.sec_heading:after {
content: '';
display: block;
background: url(images/h_i9.png) no-repeat center center;
height: 12px;
margin-top: 15px; }
#int {
counter-reset: section;
margin-bottom: 40px; }
#int .int_l {
background: url(images/h_img14.png) no-repeat center center;
background-size: contain;
height: 340px;
padding: 38px 41px; }
#int .int_r {
background: url(images/h_i5.png) no-repeat left center;
padding-left: 55px; }
#int .int_r .item {
padding-left: 90px;
margin-bottom: 35px; }
#int .int_r .item:before {
counter-increment: section;
content: "0" counter(section);
display: block;
text-align: center;
width: 70px;
height: 70px;
position: absolute;
left: 0;
background: #f4ad3e;
border-radius: 50%;
color: #Fff;
font-size: 30px;
font-weight: 700;
padding-top: 16px; }
#int .int_r .item h3,
#int .int_r .item p {
color: #282828; }
#int .int_r .item h3 {
margin-bottom: 20px; }
#int .int_r .item p {
line-height: 26px; }
#int .int_r .item:last-child {
margin-bottom: 0; }
#int .int_r .item:nth-child(2):before {
background: #d8555b; }
#int .int_r .item:nth-child(3):before {
background: #2e8f56; }
#dom {
background: url(images/bg1.png) no-repeat center center;
background-size: cover;
margin-bottom: -8px; }
#dom .cmd2 {
padding: 0 5px; }
#dom .sec_heading {
margin-bottom: 100px; }
#dom .item {
background: #d05d62;
padding: 60px 10px 55px 10px; }
#dom .item:before {
content: '';
width: 0;
height: 0;
border-left: 93px solid transparent;
border-right: 92px solid transparent;
border-bottom: 65px solid #d05d62;
position: absolute;
top: -65px;
left: 0; }
#dom .item .icon {
display: block;
background: url(images/all.png) no-repeat 1px -74px;
width: 70px;
margin: 0 auto 15px auto;
height: 70px;
position: absolute;
top: -22px;
left: calc((100% - 70px)/2); }
#dom .item h3 {
font-size: 18px;
color: #fff;
margin-bottom: 20px;
text-align: center;
font-weight: 500; }
#dom .item p {
color: #fec8ca;
line-height: 26px; }
#dom .item_2 {
background: #59a7c9; }
#dom .item_2:before {
border-bottom-color: #59a7c9; }
#dom .item_2 .icon {
background-position: -68px -74px; }
#dom .item_3 {
background: #60ad80; }
#dom .item_3:before {
border-bottom-color: #60ad80; }
#dom .item_3 .icon {
background-position: -137px -74px; }
#dom .item_4 {
background: #f1b75e; }
#dom .item_4:before {
border-bottom-color: #f1b75e; }
#dom .item_4 .icon {
background-position: -207px -74px;
width: 68px; }
#dom .item_5 {
background: #b280a2; }
#dom .item_5:before {
border-bottom-color: #b280a2; }
#dom .item_5 .icon {
background-position: -274px -74px; }
#dom .bt {
height: 1px;
border-top: 1px dotted #fff;
position: relative;
top: -30px; }
#dom .bt:before, #dom .bt:after {
content: '';
display: inline-block;
background: #fff;
border-radius: 50%;
width: 10px;
height: 10px;
position: absolute;
top: -5px; }
#dom .bt:before {
left: 0px; }
#dom .bt:after {
right: 0px; }
#wtime {
background: url(images/img2.jpg) no-repeat center center;
text-align: center;
padding: 38px 0 30px 0; }
#wtime .sec_heading {
color: #fff; }
#wtime p {
color: #e3c798;
font-size: 24px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 30px auto 10px auto; }
#wtime p:before, #wtime p:after {
content: '';
display: block;
position: absolute;
background: url(images/h_i16.png) no-repeat center center;
height: 10px;
width: 170px;
position: absolute;
top: 12px; }
#wtime p:before {
left: -190px; }
#wtime p:after {
right: -190px; }
#wtime .bt {
text-align: center; }
#wtime .bt span {
color: #fff;
font-size: 34px;
font-family: utmhel; }
#wtime .bt span:nth-child(2) {
background: url(images/all.png) no-repeat -201px 0px;
display: inline-block;
width: 37px;
height: 44px;
position: relative;
top: 9px;
margin: 0 15px; }
#slide {
position: relative;
padding-top: 25px; }
#slide .item {
border: 1px solid #d7d7d7; }
#slide .item .des {
padding: 15px; }
#slide .item .des h3,
#slide .item .des p {
text-align: center;
margin-bottom: 10px; }
#slide .item .des h3 {
color: #106634; }
#slide .item .des div {
text-align: center; }
#slide .item .des a {
display: inline-block;
position: relative;
background: #e2e2e2;
width: 40px;
height: 40px;
margin-right: 5px; }
#slide .item .des a:before {
content: '';
display: block;
width: 25px;
height: 25px;
background: url(images/all1.png) no-repeat -241px 0;
position: absolute;
top: 7px;
left: 6px; }
#slide .item .des a:nth-child(2):before {
background-position: -272px 0; }
#slide .item .des a:nth-child(3):before {
background-position: -301px 0;
width: 30px; }
#slide .owl-prev,
#slide .owl-next {
z-index: 999;
position: absolute;
top: 45%;
cursor: pointer;
background: url(images/h_i18.png) no-repeat 0px 2px;
width: 20px;
height: 24px; }
#slide .owl-prev {
left: -30px; }
#slide .owl-next {
right: -30px;
background: url(images/h_i18.png) no-repeat -42px 2px; }
#inf {
counter-reset: section;
padding: 35px 0; }
#inf .item:first-child,
#inf .item:last-child {
width: 31%; }
#inf .item:nth-child(2) {
width: 38%; }
#inf .item_top {
margin-bottom: 50px; }
#inf .item_top:after {
content: '';
display: block;
width: 74px;
height: 74px;
background: url(images/all.png) no-repeat -1px -147px;
position: absolute;
bottom: -42px;
left: calc((100% - 75px)/2); }
#inf .item_top_2 {
margin-top: -32px; }
#inf .item_top_2:after {
background: url(images/all.png) no-repeat -70px -148px;
width: 83px;
height: 77px;
bottom: -40px; }
#inf .item_top_3:after {
background: url(images/all.png) no-repeat -152px -147px; }
#inf .sec_heading {
margin-bottom: 60px; }
#inf .item_bt {
border: 1px solid #e1e1e1;
padding: 20px 15px; }
#inf .item_bt h4 {
font-size: 20px;
color: #fff;
background: #60ad80;
font-weight: 500;
padding: 10px 15px;
text-align: center;
margin-bottom: 20px; }
#inf .item_bt p {
margin-bottom: 24px;
color: #282828;
line-height: 26px; }
#inf .item_bt p:last-child {
margin-bottom: 0; }
#inf .item_bt_1 p {
color: #282828;
line-height: 26px;
margin-bottom: 40px;
padding-left: 70px; }
#inf .item_bt_1 p:before {
counter-increment: section;
content: "0" counter(section);
display: block;
text-align: center;
width: 60px;
height: 60px;
position: absolute;
left: 0;
background: #f4ad3e;
border-radius: 50%;
color: #Fff;
font-size: 25px;
font-weight: 700;
padding-top: 18px; }
#inf .item_bt_1 p:last-child {
margin-bottom: 20px; }
#inf .item:nth-child(3) .item_bt p:before {
background: #d05d62; }
#bg {
background: url(images/h_img12.jpg) no-repeat center center;
height: 295px; }
#guar {
background: url(images/h_bg3.jpg) no-repeat center center;
display: block;
padding: 50px 0 100px 0; }
#guar .icon {
text-align: center;
margin-bottom: 20px; }
#guar .icon span {
position: relative;
display: inline-block;
background: url(images/all.png) no-repeat 0px -236px;
width: 92px;
height: 91px;
margin-right: 150px; }
#guar .icon span:after {
content: '';
display: inline-block;
position: absolute;
border-top: 1px dashed #797979;
width: 130px;
bottom: 50%;
right: -141px; }
#guar .icon span:nth-child(2) {
background-position: -92px -240px; }
#guar .icon span:last-child {
background: url(images/all.png) no-repeat -184px -240px;
margin-right: 0; }
#guar .icon span:last-child:after {
display: none; }
#guar .text .bt {
position: relative; }
#guar .text .bt:before, #guar .text .bt:after {
content: '';
display: block;
position: absolute; }
#guar .text .bt h4 {
font-size: 18px;
font-weight: 500;
text-align: center;
margin-bottom: 75px; }
#guar .text .bt p {
color: #f4ad3e;
border: 1px solid #f4ad3e;
border-radius: 25px;
text-align: center;
padding: 15px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
padding: 15px;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(30deg); }
#guar .text .bt_1:before, #guar .text .bt_3:before {
width: 11px;
height: 206px;
position: absolute;
top: 25px;
right: 0px;
background: url(images/h_i17.png) no-repeat center center; }
#guar .text .bt_3:before {
top: 25px;
left: 0px;
background: url(images/h_i17.png) no-repeat center center; }
#guar .text .bt_3 p {
border-color: #2e8f56;
color: #2e8f56; }
#guar .text .bt_2 p {
border-color: #d8555b;
color: #d8555b; }
#news .tt {
font-size: 20px;
font-weight: 500;
margin: 20px 0 10px 0;
padding-left: 10px;
border-left: 4px solid #2e8f56;
font-family: utmhel;
text-transform: uppercase;
margin-bottom: 20px; }
#news .top_img {
width: 66.5%; }
#news .top_img:after {
content: '';
display: block;
width: 63px;
height: 63px;
background: url(images/all.png) no-repeat 1px -348px;
position: absolute;
bottom: 10px;
left: 10px; }
#news .top_text {
width: 33.5%;
padding: 0 15px; }
#news .top_text span {
display: block;
background: url(images/all.png) no-repeat -227px -151px;
height: 55px;
width: 40px;
margin: 0 auto 15px auto;
border-bottom: 1px solid #fff; }
#news .top_text p {
text-align: center;
line-height: 26px;height: 60px;overflow: hidden; }
#news .top_text p a {
font-size: 18px;
color: #fff; }
#news .top_text a.more {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-size: 12px;
color: #60ad80;
background: #fff;
padding: 10px 15px;
font-style: italic;
margin-top: 25px; }
#news .top_1 {
background: #60ad80; }
#news .top_2 {
background: #f1b75e; }
#news .news_bt {
margin-top: 25px; }
#news .news_bt .bt {
background: #ebfcf2;
border: 1px dashed #95cbac;
border-radius: 4px;
padding: 15px;
margin-bottom: 20px; }
#news .news_bt .bt_img {
margin-right: 15px; }
#news .news_bt .bt_des .title {
line-height: 20px;
margin-bottom: 10px;
height: 40px;
overflow: hidden; }
#news .news_bt .bt_des .title a {
color: #282828;
font-weight: bold; }
#news .news_bt .bt_des .time {
color: #7d7d7d;
font-size: 12px; }
#c_l {
padding-bottom: 20px;
margin-bottom: 30px; }
#c_l:after {
content: "";
background: url(images/bodder.jpg) repeat;
width: 100%;
height: 10px;
position: relative; }
#content {
position: relative;
overflow: hidden; }
#content h1.tt {
font-size: 26px;
font-weight: 500;
margin: 20px 0 10px 0;
padding-left: 10px;
border-left: 4px solid #2e8f56;
font-family: utmhel;
text-transform: uppercase;
margin-bottom: 20px; }
#content p.bold {
font-weight: 700; }
#content .cmd9 {
padding-left: 0px;
padding-right: 30px;
}
#content .cmd3 {
padding-right: 30px;
padding-left: 0;
}
#content #breadcrumb {
background: #d5ecde;
height: 50px;
overflow: hidden;
position: relative;
border: 1px dashed #6cb38a; }
#content #breadcrumb div div {
float: left;
margin-right: 20px;
line-height: 50px; }
#content #breadcrumb div div:nth-child(1):before {
content: '';
width: 30px;
height: 30px;
background: url(images/ic_home.png) no-repeat;
position: relative;
float: left;
margin-right: 10px;
margin-top: 10px; }
#content #breadcrumb div div:nth-child(1):after {
background: none; }
#content #breadcrumb div div:after {
content: '';
width: 15px;
height: 15px;
background: url(images/ic_n.png) no-repeat;
position: relative;
float: left;
margin-right: 10px;
margin-top: 20px; }
.c_r .tit {
text-align: center;
/* padding: 50px; */
height: 110px;
background: #2e8f56;
line-height: 50px;
margin-top: 15px;
padding: 10px; }
.c_r .tit h2 {
text-align: center;
padding: 20px 20px 20px 20px;
border: 1px solid #fff;
color: #fff;
text-transform: uppercase; }
.c_r #sb_m {
position: relative;
margin-top: 20px; }
.c_r #sb_m #m > li {
position: relative;
overflow: hidden;
margin-bottom: 20px; }
.c_r #sb_m #m > li > a {
font-size: 20px;
margin-top: 4px;
display: inline-block;
display: block; }
.c_r #sb_m #m > li > a:after {
content: "";
background: url(images/tru.png);
width: 10px;
height: 3px;
position: relative;
float: right;
margin-top: 10px; }
.c_r #sb_m #m > li > a:hover {
color: #2e8f56; }
.c_r #sb_m #m > li:before {
content: "";
background: url(images/1.png);
width: 36px;
height: 36px;
position: relative;
float: left;
margin-right: 10px; }
.c_r #sb_m #m > li:nth-child(2):before {
background: url(images/2.png); }
.c_r #sb_m #m > li:nth-child(3):before {
background: url(images/3.png); }
.c_r #sb_m #m > li:nth-child(4):before {
background: url(images/4.png); }
.c_r #sb_m #m > li:nth-child(5):before {
background: url(images/5.png); }
.c_r #sb_m #m > li ul {
margin-top: 20px;
margin-bottom: 20px; }
.c_r #sb_m #m > li ul li {
position: relative;
height: 40px;
line-height: 40px;
border-bottom: 1px dashed #ccc;
padding-left: 10px; }
.c_r #sb_m #m > li ul li:before {
content: "";
background: url(images/muiten.png);
width: 18px;
height: 10px;
position: relative;
float: left;
margin-right: 20px;
margin-top: 15px; }
.c_r #sb_m #m > li ul li a {
font-size: 16px; }
.c_r #sb_m #m > li ul li a:hover {
color: #2e8f56; }
.sub li {
width: 200px;
position: relative; }
.sub .sub2 {
float: left;
position: absolute;
left: 200px;
top: 0px;
width: 100%; }
.sub .sub2 li {
float: left; }
#thread {
line-height: 30px; }
#thread img {
margin: 0px auto;
display: block; }
#thread #news img {
width: 125px;
height: 100px; }
#tt_thong {
position: relative;
overflow: hidden;
margin-top: 30px;
padding-top: 30px;
border-top: 1px dashed;
margin-bottom: 30px; }
#tt_thong .cmd3 h2 {
color: #6acf97;
margin-bottom: 20px; }
#tt_thong .cmd3 ul li {
position: relative;
overflow: hidden; }
#tt_thong .cmd3 ul a {
width: 60%;
padding-top: 15px;
border-top: 1px solid #6acf97;
margin-bottom: 15px;
display: block; }
#tt_thong .cmd3:nth-child(2) a {
width: 90%;
padding-top: 15px;
margin-bottom: 15px;
display: block; }
#tt_thong .cmd3:nth-child(3) h2 {
text-align: center;
padding-left: 20px; }
#tt_thong .cmd3:nth-child(3) a {
margin: 0px auto;
margin-bottom: 15px; }
#tt_thong .cmd3:nth-child(4) ul {
margin-top: 45px; }
#thread .wp-caption {
text-align: center;
margin: 0px auto; }
#thread .wp-caption img {
margin: 0px auto;
margin-top: 10px;
margin-bottom: 10px; }
#thread .wp-caption p {
text-align: center; }
.add-post{
border: 1px #84ba1e dashed;
padding: 10px;
background: #e2f4e9;
margin-bottom: 20px;
clear: both;
text-align: center;
}
.add-post1{
border: 1px #ba1e71 dashed;
padding: 10px;
background: rgba(255,168,172,0.5);
margin-bottom: 20px;
clear: both;
text-align: center;
}
#bn .owl-prev{
z-index: 100;
cursor: pointer;
background: url(http://dakhoaquoctehanoi.vn/wp-content/themes/dakhoahanoi/img/large_left.png) no-repeat 0 0;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 20px;
}
#bn .owl-next{
z-index: 100;
cursor: pointer;
background: url(http://dakhoaquoctehanoi.vn/wp-content/themes/dakhoahanoi/img/large_right.png) no-repeat 0 0;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 20px;
}
#bn .owl-nav{
opacity: 0;
}
#bn:hover .owl-nav{
opacity: 1;
}
/** SHORTCODE **/
.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(./img/check1.png) no-repeat left;
float: left;
margin-right: 8px;
}
.t_shot_code_2{
display: inline-block;
height: 22px;
width: 22px;
background: url(./img/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: 10px;
margin-right: 5px;
}
.t_shot_code_4 {
display: inline-block;
height: 22px;
width: 22px;
background: url(http://dakhoaquoctehanoi.vn/wp-content/uploads/2020/05/thumbs-up.png) left top no-repeat;
float: left;
margin-right: 5px;
}
@font-face {
font-family: 'utm-fb';
font-weight: 400;
src: url("./f/UTM-FacebookB.ttf"); }
@font-face {
font-family: 'utm-avo';
font-weight: 400;
src: url("./f/UTM-Avo.ttf"); }
.box-add{
text-align: center !important;
margin: 30px 0;
}
.shot-video p {
text-align: center !important;
}
.box-hotro {
background: #dff1e7;
border: 1px dashed #6ab388;
display: flex;
width: 75%;
margin: 30px auto 10px !important;
}
.box-hotro li {
float: left;
text-align: center;
width: 23%;
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;
padding-left: 0 !important;
text-transform: uppercase;
}
.box-hotro h3:before{display: none !important}
.box-hotro li:first-child{
width: 54% !important;
position: relative;
}
.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: 5px;
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;
}
.box-hotro li p {
background: #53a776;
font-family: utmhel!important;
font-size: 16px;
color: #fff;
overflow: hidden;
padding: 5px;
text-align: center;
border: 1px solid #fff;
border-radius: 5px;
margin-bottom: 0 !important;
text-align: center !important;
}
.shot-video {
width: 90%;
margin: 20px auto;
background: url(./img/nen-video.png) no-repeat;
padding: 22px 30px 20px;
height: 225px;
}
.shot-video iframe{
width: 265px;
height: 165px;
float: left;
margin-right: 20px;
}
.text-video h4{
font-size: 14px !important;
font-family: Tahoma !important;
font-weight: bold !important;
position: relative;
padding-bottom: 10px;
text-align: left;
line-height: 21px;
}
.text-video h4:after {
content: '';
display: inline-block;
height: 1px;
width: 346px;
background: #d7d7d7;
position: absolute;
left: 45%;
bottom: 0;
}
.text-video{
padding-right: 30px;
}
.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;
}
@media screen and (max-width: 566px){
.thamkhao {
background: #f6f5f5 url(./img/tham-khao.png) no-repeat right 15px !important;
background-position-x: 95% !important;
background-size: 45px;
}
.box-add a {
width: auto !important;
background: #d03d3f;
color: #fff;
padding: 10px 10px 10px 40px;
font-size: 15px;
}
.box-add a:nth-child(2) {
margin-right: 0;
}
.thamkhao {
background: #f6f5f5 url(./img/tham-khao.png) no-repeat right 15px !important;
background-position-x: 95% !important;
background-size: 45px !important;
padding: 20px 20px 10px !important;
width: 100%;
}
}
/** css 23/09/2019 **/
.menu_bar {
background: #53a776;
color: #fff;
border-radius: 5px;
}
.menu_bar h2 {
font-family: utmhel;
font-weight: normal;
font-size: 20px;
margin: 0;
border-bottom: 2px solid;
margin-bottom: 10px;
padding-bottom: 10px;
padding: 20px 20px 15px;
}
.menu_bar ul {
padding: 5px 20px;
}
.menu_bar ul li {
width: 100%;
}
.menu_bar ul li a {
font-weight: bold;
border-bottom: 1px dotted #fff;
display: inline-block;
width: 100%;
padding: 15px 0;
position: relative;
}
.menu_bar ul li a:before {
content: "";
width: 23px;
height: 23px;
background: url(./assets/i/all.png) no-repeat;
background-position: -100px -396px;
position: absolute;
top: 3px;
right: 0;
}
.menu_bar .sub-menu {
display: none;
transition-duration: 1s;
}
.menu_bar ul li:nth-child(2) .sub-menu {
display: block;
}
.menu_bar ul li .sub-menu li a {
font-weight: normal;
position: relative;
border-bottom: 0;
padding-left: 10px;
}
.menu_bar ul 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;
}
#content .cmd3 {
margin-top: 20px;
}
.menu_bar ul li:last-child a{
border-bottom: 0
}
#thread h2 {
font-size: 20px;
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;
font-family: utmhel;
}
#thread h2 strong{
font-weight: normal !important;
}
#thread h2:after {
content: '';
display: inline-block;
width: 50px;
height: 60px;
background: url(./i/icon.png) no-repeat;
background-position: -262px -60px;
position: absolute;
left: -55px;
top: -10px;
}
#thread h3{
font-family: utmhel;
font-size: 18px;
font-weight: normal;
color:#106634;
margin-bottom: 15px;
}
#thread h3 strong{
font-weight: normal !important;
}
#thread p{
margin-bottom: 12px;
}
.sb-time {
margin-top: 24px;
border: 1px solid #d7d7d7;
border-radius: 5px;
clear: both;
background: url(./img/nen-sb.jpg) no-repeat bottom;
}
.top-time {
background: #967a5f;
text-align: center;
padding: 10px;
border-bottom: 10px solid #a58b71;
}
.form-dh {
padding: 20px 10px 40px;
}
.form-dh input:first-child {
background: #fff url(./i/ip-sb1.png) no-repeat right 12px;
background-position-x: 96%;
padding: 12px 15px;
border: 1px solid #d7d7d7;
width: 100%;
border-radius: 3px;
margin-bottom: 15px;
}
.form-dh input.d-phone {
background: #fff url(./i/ip-sb2.png) no-repeat right 12px;
background-position-x: 96%;
padding: 12px 15px;
border: 1px solid #d7d7d7;
width: 100%;
border-radius: 3px;
}
.form-dh p {
text-align: center;
font-size: 12px;
font-weight: bold;
}
.slibs {
margin-top: 30px;
}
h2.title-sb {
font-family: utmhel;
font-weight: normal;
font-size: 20px;
margin: 0;
color: #106634;
position: relative;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 20px;
padding: 0 0 15px 50px;
}
.top-time p {
font-size: 12px;
color: #fff;
text-align: center;
}
.form-dh .d-send {
background: #e1a930;
border: 1px solid #fff;
color: #fff;
font-family: utmhel;
font-weight: normal;
font-size: 18px;
padding: 8px 20px;
border-radius: 5px;
margin-top: 12px;
width: 100%;
margin-bottom: 18px;
}
.slibs .slider .item {
border: 1px solid #ccc;
border-radius: 5px;
margin: 1px;
overflow: hidden;
}
.slibs .item .des {
padding: 15px 5px 8px;
}
.slibs .item .des h3 {
color: #106634;
font-weight: normal;
font-size: 18px;
text-align: center;
margin-bottom: 10px;
}
.slibs .item .des p {
text-align: center;
margin-bottom: 10px;
}
p.ctt {
COLOR: #787878;
position: relative;
}
.slibs .item .des div {
text-align: center;
}
.slibs .item .des a {
display: inline-block;
position: relative;
width: 35px;
height: 35px;
margin-right: 5px;
border: 1px solid #d7d7d7;
}
.slibs .item .des a:before {
content: '';
display: block;
width: 25px;
height: 25px;
background: url(./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;
}
h2.title-sb:before {
content: '';
display: inline-block;
width: 40px;
height: 45px;
background: url(./i/icon.png) no-repeat;
background-position: -343px -9px;
position: absolute;
left: 0;
top: -12px;
}
h2.title-sb:after {
background: #6db48b;
content: '';
display: inline-block;
width: 150px;
height: 1px;
position: absolute;
left: 0;
bottom: -1px;
}
p.ctt:before {
content: '';
display: inline-block;
width: 40px;
height: 1px;
background: #d7d7d7;
position: absolute;
left: 10px;
bottom: 10px;
}
p.ctt:after {
content: '';
display: inline-block;
width: 40px;
height: 1px;
background: #d7d7d7;
position: absolute;
right: 10px;
bottom: 10px;
}
.slibs .owl-dots {
text-align: center;
margin: 5px 0;
}
.slibs .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;
display: inline-block
}
.slibs .owl-dots .active {
background: #47a15d;
}
.call-post {
clear: both;
padding: 25px 50px 15px;
border: 1px dashed #3f835b;
border-radius: 5px;
padding-left: 215px;
background: #f6f5f5 url(./i/last-pt.jpg) no-repeat left;
background-position-y: 10px;
margin: 30px 0;
}
.call-post p{
margin-bottom: 20px;
}
.call-post ul li{
position: relative;
display: block;
margin-bottom: 20px !important;
padding-left: 40px !important;
}
.call-post ul li:before {
content: '';
display: inline-block;
width: 35px !important;
height: 35px !important;
background: url(./i/icon.png) no-repeat !important;
background-position: -375px -320px !important;
position: absolute;
left: 0 !important;
top: 1px !important;
}
.call-post ul li:nth-child(2):before{
background-position: -409px -320px !important;
}
.call-post ul li:nth-child(3):before{
background-position: -443px -320px !important;
}
.call-post li a{
color: #2e8f56;
font-family: utmhel;
font-size: 18px;
font-weight: normal;
}
.call-post li:nth-child(2) a{
color: #fb8008;
font-family: Tahoma;
text-transform: uppercase;
font-size: 14px;
}
.last-pt {
text-align: center;
padding: 40px;
margin-top: 30px;
background: url(./i/vien-p.png) no-repeat;
}
.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;
}
.form-post {
background: url(./i/nenp.png);
padding: 60px 0 20px;
height: 390px;
}
.form-post li{
padding: 0 !important;
}
.form-post li:before{
display: none !important;
}
.form-post h3 {
font-size: 28px !important;
line-height: 35px;
font-family: utmhel;
font-weight: normal;
color: #fff !important;
margin-bottom: 15px;
text-align: center;
}
.form-post p {
font-family: 'UTM-Isadora';
text-align: center;
font-size: 20px;
color: #fff;
}
.form-post ul {
margin: 30px;
}
.form-post ul li {
float: left;
width: 46% !important;
margin: 0 4% 0 0;
text-align: center;
}
.form-post ul li span {
background: #d03d3f;
color: #fff;
padding: 2px 7px 4px;
font-size: 20px;
line-height: 25px;
font-family: utmhel;
font-weight: normal;
margin-top: 10px;
display: inline-block;
border: 1px solid #fff;
border-radius: 5px;
}
.form-post ul li:nth-child(2) {
margin: 0 0 0 4%;
}
.form-post ul li:nth-child(2) span {
background: #208048;
}
.right-f {
width: 44%;
}
.right-f h3{
margin: 0;
color:#000000 !important;
text-align: center;
font-size: 24px !important;
font-family: utmhel;
font-weight: normal;}
.right-f input {
width: 100%;
padding: 12px 0 12px 45px;
margin-top: 15px;
border: 1px solid #ccc;
border-radius: 3px;}
.right-f input::placeholder{
color: #787878;
position: relative;
border-left: 1px solid #c6c6c6;
padding-left: 10px;
height: 25px;
line-height: 25px;}
.right-f input:first-child {
background: #fff url(./i/i1.png) no-repeat left 8px;
background-position-x: 15px;}
.right-f input:nth-child(2) {
background: #fff url(./i/i2.png) no-repeat left 8px;
background-position-x: 15px;}
.right-f input:nth-child(3) {
background: #fff url(./a/i/i3.png) no-repeat left 8px;
background-position-x: 15px;}
.right-f input:nth-child(4) {
background: #fff url(./i/i4.png) no-repeat left 8px;
background-position-x: 15px;}
.right-f input:nth-child(3) {
float: left;
width: 48%;
margin: 10px 2% 10px 0;}
.right-f input:nth-child(4) {
float: left;
width: 48%;
padding-left: 55px;
margin: 10px 0 10px 2%;}
.right-f .d-send{
float: right;
margin-top: 10px;
background: #d7384e;
border: 0;
color: #fff;
font-size: 18px;
padding: 13px;
border-radius: 5px;}
#form_dt div.mxh{
position: absolute;
bottom: 0;}
#form_dt div a{
display: inline-block;
width: 38px;
height: 38px;
background: url(./i/icon.png) no-repeat;
background-position: -122px -65px;}
#form_dt div a:nth-child(2){background-position: -168px -65px;}
/** Check bệnh **/
.list-news li:before{display: none !important;}
.list-news li{
margin-bottom: 20px !important;
padding-left: 0 !important;
}
#check-bn {
background: #e8fcf0 url(./img/box-test.png) no-repeat;
height: 614px;
width: 92.5%;
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;
background: #53a776;
color: #fff !important;
padding: 10px 15px;
height: 60px;
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: utmhel;
font-size: 18px;
font-weight: normal;
border-radius: 3px;
float: left;
}
#check-bn .tit{
font-family: utmhel;
font-weight: normal;
text-align: center;
font-size: 25px;
text-transform: uppercase;
color: #000000;
margin-bottom: 0 !important;
float: left;
width: 100%;
}
.last-fr {
background: #cce4d6;
padding: 18px;
margin: 0 13px 0 9px;
height: 85px;
position: absolute;
bottom: 11px;
left: 0;
width: 97.5%;
}
.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: 9px 10px;
color: #fff;
font-family: utmhel;
font-size: 18px;
font-weight: normal;
border-radius: 3px;
float: left;
margin-left: 9px;
}
#c_l article.cmd9 ul li {
position: relative;
padding-left: 30px;
width: 100%;
margin-bottom: 15px;
}
#c_l article.cmd9 ul li:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
background: url(./i/icon.png) no-repeat;
background-position: -320px -67px;
position: absolute;
left: 3px;
top: 5px;
}
table {
border: 1px solid #d7d7d7;
border-spacing: 0 !important;
margin: 20px 0;
padding: 20px;
}
table tr {
background: #fff;
border: 1px dashed #d7d7d7 !important;
text-align: center;
height: 45px !important;
}
table tr td{
padding: 10px;
}
.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;
}
.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.12,1.12,1.12);transform:scale3d(1.12,1.12,1.12)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.12,1.12,1.12);transform:scale3d(1.12,1.12,1.12)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}
.shortcode-table{
BACKGROUND: #53a776;
padding: 20px 0;
text-align: center;
}
.shortcode-table h3{
text-align: center;
color: #fff;
font-size: 25px;
margin-bottom: 5px;
font-family: utmhel;
}
.shortcode-table h4{
text-align: center;
color: #fff;
font-family: utmhel;
font-weight: normal;
font-size: 17px;
margin-bottom: 30px;
}
.shortcode-table .tab1{
float: left;
width: 48%;
border: 1px solid #b7aa80;
margin: 0 1%;
}
.shortcode-table .tab2{
float: left;
width: 48%;
border: 1px solid #b7aa80;
margin: 0 1%;
}