@charset "UTF-8"; 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; } :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; } .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.66667%; } .cxs10 { width: 83.33333%; } .cxs9 { width: 75%; } .cxs8 { width: 66.66667%; } .cxs7 { width: 58.33333%; } .cxs6 { width: 50%; } .cxs5 { width: 41.66667%; } .cxs4 { width: 33.33333%; } .cxs3 { width: 25%; } .cxs2 { width: 16.66667%; } .cxs1 { width: 8.33333%; } @media (min-width: 768px) { .csm1, .csm2, .csm3, .csm4, .csm5, .csm6, .csm7, .csm8, .csm9, .csm10, .csm11, .csm12 { float: left; } .csm12 { width: 100%; } .csm11 { width: 91.66667%; } .csm10 { width: 83.33333%; } .csm9 { width: 75%; } .csm8 { width: 66.66667%; } .csm7 { width: 58.33333%; } .csm6 { width: 50%; } .csm5 { width: 41.66667%; } .csm4 { width: 33.33333%; } .csm3 { width: 25%; } .csm2 { width: 16.66667%; } .csm1 { width: 8.33333%; } } @media (min-width: 992px) { .cmd1, .cmd2, .cmd3, .cmd4, .cmd5, .cmd6, .cmd7, .cmd8, .cmd9, .cmd10, .cmd11, .cmd12 { float: left; } .cmd12 { width: 100%; } .cmd11 { width: 91.66667%; } .cmd10 { width: 83.33333%; } .cmd9 { width: 75%; } .cmd8 { width: 66.66667%; } .cmd7 { width: 58.33333%; } .cmd6 { width: 50%; } .cmd5 { width: 41.66667%; } .cmd4 { width: 33.33333%; } .cmd3 { width: 25%; } .cmd2 { width: 16.66667%; } .cmd1 { width: 8.33333%; } } .csm25 { width: 20%; } .csm15 { width: 12.5%; } html, body { overflow-x: hidden; } 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; } 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; } 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%; } .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; } @media (min-width: 768px) { .ctn { width: 750px; } } @media (min-width: 992px) { .ctn { width: 970px; } } @media (min-width: 1200px) { .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; } .text-center { text-align: center; } .pull-left { float: left !important; } .pull-right { float: right !important; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } @font-face { font-family: utm; src: url(assets/f/UTM-HelvetIns.ttf) format('truetype'); font-weight: normal; } body { font-family: Tahoma format('truetype'); color: #222; } a:hover, a:focus { text-decoration: none; } img { max-width: 100%; height: auto; } .block { display: block; } .relative { position: relative; } .absolute { position: absolute; } p { line-height: 26px; } /** * 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; } /*-------------------------------------------------------------- # Breadcrumb --------------------------------------------------------------*/ .brb { padding: 20px 0 10px 0; border-bottom: 1px solid #d9d9d9; margin-block-end: 20px; } .brb * { color: #787878; } .brb span, .brb a { font-size: 13px; } .brb .current-item { color: #2e8f56; } .brb .home { position: relative; } .brb .home:before { content: ''; display: block; position: absolute; left: -15px; background: #61ad7f; width: 10px; height: 10px; border-radius: 100%; top: 4px; } /*-------------------------------------------------------------- # pagination --------------------------------------------------------------*/ .pagination { text-align: right; margin-bottom: 40px; } .pagination span, .pagination a { display: inline-block; border: 1px solid #ccc; font-size: 13px; font-weight: bold; color: #282828; padding: 8px 15px; 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; } /*-------------------------------------------------------------- # search --------------------------------------------------------------*/ .sf { display: none; position: absolute; overflow: hidden; padding: 10px; background: #FFF; right: 15px; top: 100px; z-index: 999; } .sf .form-group { margin-bottom: 0; position: relative; } .sf.active { display: block; } .sf button { border: none; padding: 3px 10px; position: absolute !important; border-radius: 0px !important; display: block; background: url(assets/i/all.png) no-repeat 1px -230px #fff; right: 1px; transform: translate(0, -50%); cursor: pointer; height: 32px; width: 34px; top: 17px; outline: none; } .sf input[type="search"] { width: 230px; height: 35px; border: 1px solid #ddd; padding: 1px 15px; transition: all 0.5s; font-size: 16px; color: #888; outline: none; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 40px; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; font-size: 14px; text-align: left; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; padding: 20px 0; background: #fff; border-radius: 10px !important; } .dropdown-menu > li > a { display: block; clear: both; font-weight: bold; line-height: 1.42857143; white-space: nowrap; color: #282828; text-transform: capitalize; position: relative; padding: 15px !important; transition: all .5s; } .dropdown-menu > li > a:hover { background: #8be7b1; } .dropdown-menu > li > a:after { display: none !important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #2e8f56; text-decoration: none; outline: 0; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav > li > a > img { max-width: none; } .navbar { position: relative; min-height: 50px; } @media (min-width: 1000px) { .navbar-header { float: left; } } @media (max-width: 999px) { .navbar-header { display: block !important; height: 50px; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 1000px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .navbar-right { float: right !important; margin-right: -15px; } } .ctn > .navbar-header, .ctn > .navbar-collapse { transition: all 0.1s; } @media (min-width: 1000px) { .ctn > .navbar-header, .ctn > .navbar-collapse { margin-right: 0; } } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 1000px) { .navbar > .ctn .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 1000px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 0px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 999px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } .dropdown-menu li ul { display: block; } .menu-item-has-children ul li ul li a { padding-left: 50px !important; display: block; } } @media (min-width: 1000px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding: 15px 25px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-default { position: relative; } .navbar-default .navbar-brand { color: #222; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-default .navbar-text { color: #777777; } .navbar-default .navbar-nav > li > a { color: #000; font-weight: 700; text-transform: capitalize; font-size: 14px; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #8be7b1; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: #f59000; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #dddddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #dddddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555555; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .collapse { display: none; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .collapse.in { display: block; } .dropdown li ul { left: 100%; top: 0; } #hd .top { background: #fff; padding: 5px 0 18px 0; font-size: 13px; color: #787878; } #hd .top .color { color: #60ad80; } #hd .top .icon { background: url(assets/i/all.png) no-repeat -26px 0; display: inline-block; width: 26px; height: 26px; position: relative; top: 8px; } #hd .top .icon2 { background: url(assets/i/all.png) no-repeat 0 0; } #hd .top .icon3 { background: url(assets/i/all.png) no-repeat -52px 0; } #hd { position: relative; width: 100%; } #hd .navbar-header { margin-right: 125px; } #hd .navbar-header .navbar-brand { padding: 15px 0; } #hd .navbar-default { min-height: 100px; border-bottom: 0;max-width: 1170px;margin: 0 auto; z-index: 2223; } #hd .navbar-default .ctn { position: relative; } #hd .navbar-default .ctn span.search-button { position: absolute; display: block; width: 20px; height: 20px; background: url(assets/i/all.png) no-repeat -7px -238px; right: 15px; top: 50%; transform: translate(0, -50%); cursor: pointer; } #hd .navbar-default .navbar-nav { margin-top: 36px; } #hd .navbar-default .navbar-nav li a { padding: 0 20px; } #hd .navbar-default .navbar-nav li a:after { content: ''; width: 0px; display: block; height: 2px; background: #8be7b1; transition: all .5s; margin: 5px auto 0 auto; } #hd .navbar-default .navbar-nav li a:hover:after { width: 35px; } #hd .navbar-default .dh a { font-weight: bold; font-size: 12px; color: #fff; float: right; background: #2e8f56; padding: 0px 15px 12px 15px; border-radius: 30px; margin-top: 25px; transition: all 0.5s; border: 1px solid #fff; transform: scale(1); transition: all .3s ease; background-clip: border-box !important; box-shadow: inset 0 0px 0 50px #2e8f56; } #hd .navbar-default .dh a span { background: url(assets/i/all.png) no-repeat -12px -58px; display: inline-block; width: 25px; height: 25px; position: relative; top: 7px; margin-left: 10px; } #hd .navbar-default .dh a:hover { background: #000; box-shadow: none; color: #fff; border: 1px solid #000; } .hd { font-family: utm; font-size: 26px; color: #000; margin-bottom: 30px; } #s1 { margin-bottom: 500px; } #s11 { margin: 20px -15px 30px -15px; z-index: 2222; position: relative; } #s111 { background: #2e8f56; border: 1px solid #fff; border-radius: 10px; padding: 60px 25px 90px 25px; } #s111 * { color: #fff; font-weight: 500; } #s111 a { font-weight: bold; font-size: 13px; color: #545454; float: right; background: #fff; padding: 5px 15px 14px 15px; border-radius: 30px; margin-top: 10px; transition: all 0.5s; } #s111 a span { background: url(assets/i/all.png) no-repeat -12px -97px; display: inline-block; width: 25px; height: 25px; position: relative; top: 7px; } #s112 { background: url(assets/i/bg1.png) repeat center center; padding: 40px 25px 25px 25px; border: 1px solid #fff; border-radius: 10px; } #s112 .r { display: flex; margin-bottom: 6px; } #s112 .r .it { background: #fff; padding: 20px 15px; flex: 1 1; margin: 7.5px; border-radius: 15px; transition: all .5s; } #s112 .r .it .img { height: 65px; } #s112 .r .it .img img { display: block; margin: 0 auto; } #s112 .r .it .img-hover { display: none; height: 65px; } #s112 .r .it .img-hover img { display: block; margin: 0 auto; } #s112 .r .it h3 { font-size: 13px; color: #282828; text-align: center; } #s112 .r .it:hover { background: #60ad80; } #s112 .r .it:hover h3 { color: #fff; } #s112 .r .it:hover .img { display: none; } #s112 .r .it:hover .img-hover { display: block; } #s12 .p1 { font-size: 18px; color: #2e8f56; } #s12 .p2 { color: #787878; } #s12 h2, #s12 h3 { font-family: utm; color: #282828; font-weight: 500; margin-bottom: 20px; } #s12 h2 { font-size: 30px; } #s12 h3 { font-size: 22px; margin-bottom: 30px; } #s12 .cmd7 { padding-left: 65px; } #s12 .img { display: flex; } #s12 .img img { margin-right: 50px; } #s2 { background: url(assets/i/i2.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 130px 0 75px 0; } #s2 * { text-align: center; } #s21 { margin: -540px 0 25px 0; } #s21 img { display: block; margin: 0 auto; } #s21 .ct { display: flex; padding: 20px 0 !important; justify-content: space-between; border-radius: 15px !important; box-shadow: 2px 0px 29px rgba(40, 40, 40, 0.17); } #s21 .ct .it { flex: 1 1 auto; text-align: center; border-right: 1px dashed #ccc; } #s21 .ct .it span { font-family: utm; font-size: 48px; color: #2e8f56; } #s21 .ct .it h3 { font-size: 14px; color: #282828; } #s21 .ct .it:last-child { border: none; } #s2 span { font-size: 18px; color: #fff; } #s2 h2 { font-size: 30px; font-family: utm; font-weight: 500; margin-bottom: 25px; color: #8adbac; } #s2 .p1 { font-size: 14px; color: #fff; padding: 0 180px; margin-bottom: 40px; } #s2 .cmd4 { transition: all .5s; } #s2 .cmd4:hover { margin-top: -15px; } #s2 .top { font-size: 18px; color: #fff; background: #2e8f56; text-transform: uppercase; font-weight: 500; padding: 30px 0 0 0; height: 150px; position: relative; border-radius: 15px 15px 0 0; } #s2 .top span { display: block; background: url(assets/i/all.png) no-repeat -15px -232px; height: 126px; width: 126px; margin: 0 auto; position: absolute; left: 50%; top: 85px; transform: translate(-50%, 0); } #s2 .top2 span { background: url(assets/i/all.png) no-repeat -175px -232px; } #s2 .top3 span { background: url(assets/i/all.png) no-repeat -335px -232px; } #s2 .ct { background: #fff; padding: 75px 35px 40px 35px; border-radius: 0 0 15px 15px; } #s2 .ct h6 { font-size: 18px; font-weight: 500; color: #282828; margin-bottom: 20px; } #s2 .ct .p3 { font-size: 14px; color: #787878; margin-bottom: 30px; } #s2 .ct ul { margin: 0 auto; width: max-content; } #s2 .ct ul li { font-size: 14px; font-weight: bold; color: #282828; margin-bottom: 30px; position: relative; text-align: left; padding-left: 30px; } #s2 .ct ul li:before { content: ''; background: url(assets/i/ic20.png) no-repeat center center; width: 20px; height: 20px; display: block; position: absolute; left: 0; } #s2 .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; } #s2 .ct a span { background: url(assets/i/ic18.png) no-repeat center center; display: inline-block; width: 25px; height: 25px; position: relative; top: 7px; margin-left: 8px; } #s2 .ct a:hover { background: #2e8f56; } #s3 { background: #60ad80; height: 150px; } #s3 .ctn { display: flex; position: relative; height: 100%; } #s3 img { position: absolute; top: -30px; left: 15px; } #s3 p { font-family: utm; font-size: 30px; color: #fff; padding: 70px 15px 0 200px; } #s3 .d_contact { width: 580px; padding: 58px 0 0 15px; font-size: 13px; color: #787878; position: relative; } #s3 .d_contact input { width: 100%; font-style: italic; padding: 20px 30px; border-radius: 30px; outline: none; } #s3 .d_contact .d-send { content: ''; display: block; width: 50px; height: 37px; background: url(assets/i/all.png) no-repeat -4px -396px; position: absolute; top: 67px; right: 20px; border: none; border-radius: 0; border-left: 1px solid #ccc; cursor: pointer; } #s4 { background: url(assets/i/bg2.png) no-repeat center center; background-size: cover; padding: 55px 0 50px 0; } #s4 .p1 { font-size: 18px; color: #2e8f56; } #s4 h2 { font-size: 30px; color: #282828; } #s4 .p2 { font-size: 14px; color: #787878; margin-bottom: 30px; } #s4 .cmd6 { margin-bottom: 10px; } #s4 .cmd6 h6 { font-size: 14px; color: #282828; width: 250px; margin: 0 auto; text-align: center; line-height: 26px; } #s4 .cmd5 { display: none; } #s5 { padding: 30px 0 ; } #s5 .ctn { position: relative; } #s5 * { text-align: center; } #s5 .p1 { font-size: 18px; color: #2e8f56; } #s5 h2 { font-size: 30px; color: #282828; } #s5 .p2 { font-size: 14px; color: #787878; width: 760px; margin: 0 auto 30px auto; } #s5 .slider .item { background: #edf3f6; padding: 25px 0 0 } #s5 .ct-slide-bs{ background: #2e8f56; padding: 10px 20px 20px; color: #fff; } #s5 .slider .item img { width: auto; display: block; margin: 0 auto; } #s5 .slider .item .p3 { font-size: 18px; color: #fff; margin-top: 10px; } #s5 .slider .item .p4 { font-size: 14px; font-weight: bold; color: #fff; } #s5 .slider .item .p5 { font-size: 14px; color: #fff; margin-bottom: 30px; } #s5 .slider .item a.dh { font-size: 12px; color: #fff; background: #f5ad3e; padding: 10px 20px; display: block; width: max-content; border-radius: 30px; margin: 20px auto; transition: all .5s; border: 1px solid #fff; } #s5 .slider .item a.dh:hover { color: #2e8f56; background: #fff; } #s5 .slider .item .social a { background: url(assets/i/all.png) no-repeat -12px -459px; display: inline-block; width: 32px; height: 32px; margin-right: 12px; } #s5 .slider .item .social a.s2 { background: url(assets/i/all.png) no-repeat -59px -459px; } #s5 .slider .item .social a.s3 { background: url(assets/i/all.png) no-repeat -109px -459px; } #s5 .next, #s5 .prev { position: absolute; cursor: pointer; top: 50%; } #s5 .prev { left: -15px; } #s5 .next { right: -15px; transform: rotate(180deg); } #s5 .more { font-size: 12px; color: #787878; background: #f7fbff; border: 1px dotted #868788; padding: 12px; display: block; width: max-content; margin: 20px auto 30px auto; transition: all .5s; } #s5 .more:hover { color: #f7fbff; background: #787878; } #s6 { background: url(assets/i/bg3.jpg) no-repeat center center; background-attachment: fixed; background-size: cover; padding: 40px 0 75px 0; } #s6 * { text-align: center; } #s6 .p1 { font-size: 18px; color: #fff; } #s6 h2 { font-size: 30px; font-weight: 500; color: #8bdbac; } #s6 .qt { display: block; height: 50px; width: 75px; margin: 0 auto 30px auto; background: url(assets/i/all.png) no-repeat -13px -521px; } #s6 img { width: auto; } #s6 .p2 { background: #f7fbff; font-size: 14px; color: #282828; padding: 30px 20px; text-align: justify; border-radius: 15px; position: relative; margin-bottom: 50px; } #s6 .p2:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-bottom: 56px solid #f7fbff; border-right: 25px solid transparent; transform: rotate(90deg); bottom: -40px; left: 87px; } #s6 .des { display: flex; padding: 0 0 0 20px; } #s6 .des img { margin-right: 30px; } #s6 .des .right * { text-align: left; color: #fff; } #s6 .des .right .name { font-size: 14px; font-weight: bold; } #s6 .des .right .nn { margin-bottom: 15px; } .desxx img { margin-right: 30px; } .desxx .right * { text-align: left; color: #fff; } .desxx .right .name { font-size: 14px; font-weight: bold; } .desxx .right .nn { margin-bottom: 15px; } .desxx p { margin-right: 50px;display: inline-block; } .desxx p span { font-size: 13px; color: #787878; } .desxx p span.color { color: #2e8f56; } /*-------------------------------------------------------------- # Trang danh mục --------------------------------------------------------------*/ .archive .sideb, .single .sideb, .search .sideb { margin-top: 0 !important;} #cat .itl img { width: 100%; } #cat .itl * { text-align: center; } #cat .itl h3 { margin: 20px 0; } #cat .itl h3 a { font-weight: 500; font-size: 28px; color: #282828; text-transform: capitalize; } #cat .itl .des { display: flex; justify-content: center; } #cat .itl .des p { margin-right: 50px; } #cat .itl .des p span { font-size: 13px; color: #787878; } #cat .itl .des p span.color { color: #2e8f56; } #cat .social { margin: 30px 0; } #cat .social .ct { background: #fff; width: max-content; margin: 0 auto; padding: 0 15px; } #cat .social a { background: url(assets/i/all.png) no-repeat -12px -459px; display: inline-block; width: 32px; height: 32px; margin-right: 12px; } #cat .social a.s2 { background: url(assets/i/all.png) no-repeat -59px -459px; } #cat .social a.s3 { background: url(assets/i/all.png) no-repeat -109px -459px; } #cat .it { display: flex; margin-bottom: 30px; } #cat .it .img { flex: 0 0 255px; margin-right: 30px; } #cat .it .ct h3 { padding: 0 0 10px 0;} #cat .it .ct h3 a { font-size: 14px; font-weight: bold; } #cat .it .ct p { font-size: 14px; color: #787878; } #cat .it .ct .des { display: flex; margin-bottom: 25px; } #cat .it .ct .des p { margin-right: 50px; } #cat .it .ct .des p span { font-size: 13px; color: #787878; } #cat .it .ct .des p span.color { color: #2e8f56; } .social { margin: 15px 0; } .social .ct { background: #fff; width: max-content; margin: 0 auto; padding: 0 15px; } .social a { background: url(assets/i/all.png) no-repeat -12px -459px; display: inline-block; width: 32px; height: 32px; margin-right: 7px; } .social a.s2 { background: url(assets/i/all.png) no-repeat -59px -459px; } .social a.s3 { background: url(assets/i/all.png) no-repeat -109px -459px; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ .sideb .sb1 { margin-top: 35px !important; } .sideb .sb1 h6 { font-family: play-r; font-size: 25px; color: #222; position: relative; margin: 50px 0 30px 0; } .sideb .sb1 h6:before { content: ''; width: 100%; height: 3px; display: block; background: #f4f4f4; position: absolute; top: 19px; z-index: -1; } .sideb .sb1 h6 span { text-transform: capitalize; display: block; width: max-content; padding: 0 30px 0 0; background: #fff; font-weight: normal; } .sideb .sb1 .it { display: flex; margin-top: 20px; } .sideb .sb1 .it .img { flex: 0 0 140px; margin-right: 20px; } .sideb .sb1 .it h3 { font-family: muli-r; font-size: 16px; text-transform: capitalize; font-weight: 600; } .sideb .sb1 .it .des { font-family: muli-r; font-size: 12px; color: #898989; display: flex; margin: 15px 0 0px 0 !important; } .sideb .sb1 a.tag { font-family: muli-r; font-size: 14px; color: #666; display: inline-block; padding: 15px 20px; border: 1px solid #ddd; margin: 0 10px 10px 0; } .sideb .sb1 a.tag:hover { color: #fff; background: #f59000; transform: all .1s; } /*-------------------------------------------------------------- # Trang Single --------------------------------------------------------------*/ #sl { margin-bottom: 70px; } #sl .des { font-family: muli-r; font-size: 14px; color: #bbb; display: flex; margin: 50px 0 15px 0; } #sl .des span { display: inline-block; position: relative; padding-left: 18px; } #sl .des span:before { content: ''; display: block; width: 12px; height: 11px; background: url(assets/i/all.png) no-repeat -44px -16px; position: absolute; left: 0; top: 3px; } #sl h1 { font-family: play-r; font-size: 35px; color: #222; font-weight: 500; text-transform: capitalize; margin-bottom: 25px; } #sl .author, #sl .tv { font-family: muli-r; font-size: 14px; color: #bbb; margin-bottom: 0 !important; } #sl .author span, #sl .author a, #sl .tv span, #sl .tv a { color: #2ea6f6 !important; } #sl .tv { border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px !important; } #sl .slc p { line-height: 24px; color: #666; font-size: 16px; margin-bottom: 10px; font-family: muli-r; } #sl .slc a { color: #d05133; font-family: muli-r; } #sl .slc1 { font-size: 16px; color: #666; padding: 10px; margin-bottom: 20px; line-height: 25px; background: #eef7f9; } #sl .slc h2, #sl .slc h3 { font-family: play-r; font-size: 30px; color: #222; font-weight: 500; margin: 10px 0; } #sl .slc ul li { font-family: muli-r; font-size: 16px; color: #666; padding-left: 22px; line-height: 24px; margin-bottom: 15px; position: relative; } #sl .slc ul li:before { content: ''; width: 8px; height: 8px; background: #2ca7e0; border-radius: 50%; position: absolute; left: 9px; top: 6px; } #sl .slc #ssba-classic-2 { margin: 60px 0 80px 0; } #sl .slc .not .img { display: block; } #sl .slc .not h5 { padding-left: 0; margin: 20px 0 15px 0; } #sl .slc .not h5 a { font-family: roboto-b; font-size: 15px; color: #000; text-transform: uppercase; line-height: 22px; } #sl .slc .not p { font-family: roboto-reg; color: #333; font-size: 14px; } /** * 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%; } #f1 button:before, .f21 span:before, #f22 a:before, #f2m b:after, #l1 li a:before, #l3 .time:before, #l3 .view:before { content: ""; background: url("./assets/i/all.png") center no-repeat; display: inline-block; vertical-align: middle; } footer { background: #222 url("./assets/i/fbg.jpg") repeat; } #f1 { display: block; border-bottom: dashed 1px #636363; padding: 42px 0; margin-bottom: 40px; } #f1 .d_contact { width: 448px; max-width: 90%; display: block; margin: 0 auto; background: #fff; border-radius: 100px; height: 55px; padding: 7px 18px; } #f1 input { float: left; width: 90%; height: 41px; font-style: italic; font-size: 13px; } #f1 button { float: right; width: 10%; height: 41px; border-left: solid 1px #ccc; background: none; border: none; border-left: solid 1px #ccc; } #f1 button:before { width: 45px; height: 41px; background-position: -15px -396px; } #f2 { color: #fff; } #f2 h4 { font-family: utm,"Arial",sans-serif; font-size: 22px; color: #8bdbac; text-transform: uppercase; margin-bottom: 30px; font-weight: normal; } .f21 p { color: #787878; } .f21 span { color: #8bdbac; position: absolute; top: 0; left: 0; } .f21 span:before { width: 26px; height: 26px; margin-right: 8px; background-position: 0 0; } .f21 li { padding-left: 90px; position: relative; margin: 20px 0; line-height: 26px; } .f21 li:nth-child(2) span:before { background-position: -26px 0; } .f21 li:nth-child(3) span:before { background-position: -52px 0; } #f22 a { width: 50%; float: left; position: relative; margin-top: 5px; margin-bottom: 25px; padding-left: 17px; } #f22 a:before { width: 8px; height: 11px; margin-right: 8px; background-position: -108px -64px; position: absolute; top: 3px; left: 0; margin-right: 8px; } #f2m { background: #f4ad3e; border: solid 1px #fff; border-radius: 50px; padding: 0 17px; height: 36px; display: inline-block; line-height: 36px; color: #282828; margin-top: 10px; } #f2m b:after { width: 18px; height: 18px; background-position: -61px -63px; margin-left: 10px; } #f23 a { display: inline-block; margin-bottom: 22px; clear: both; line-height: 24px; color: #787878; } #f23 img { width: 92px; height: 65px; float: left; margin-right: 15px; } #fcr { color: #4a4949; font-size: 13px; text-align: center; background: rgba(0, 0, 0, 0.3); padding: 15px 0; } .hd { font-weight: normal; } #l1 .hd { text-align: center; margin-top: 40px; } #l1 li { display: block; text-align: center; margin-bottom: 35px; font-size: 18px; } #l1 li a:before { width: 115px; height: 116px; display: block; background-position: -13px -700px; margin: 0 auto; margin-bottom: 12px; } #l1 li:nth-child(2) a:before { background-position: -162px -700px; } #l1 li:nth-child(3) a:before { background-position: -311px -700px; } #l1 li:nth-child(4) a:before { background-position: -458px -700px; } #l2 .hd { text-align: center; margin-top: 40px; } #l2 img { height: 202px; } #l2 a { position: relative; } #l2 b { position: absolute; bottom: 2px; left: 0; width: 100%; padding: 15px; color: #fff; line-height: 26px; padding-top: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } #l3 { background: url(assets/i/l2bg.jpg) repeat; } #l3 .ctn { padding: 25px 0; } #l3 .hd { text-align: center; margin-bottom: 35px; } #l3 .l31 { background: #fff; border-radius: 20px; padding: 20px 20px 15px 20px; margin-bottom: 20px; } #l3 .cat { background: #60ad80; font-size: 12px; color: #fff; border-radius: 10px; padding: 7px; } #l3 .pot { margin: 17px 0; display: block; line-height: 26px; height: 52px; overflow: hidden; } #l3 .time, #l3 .view { color: #9e9995; display: inline-block; margin-right: 15px; } #l3 .time:before, #l3 .view:before { width: 19px; height: 19px; background-position: -11px -635px; margin-right: 7px; } #l3 .view:before { background-position: -37px -635px; } .l32 { width: 29%; padding: 0 20px; } .l32 img { height: 510px; width: 100%; } .l32 a { position: relative; } .l32 img { border-radius: 20px; } .l32 .pot2 { font-size: 18px; margin-bottom: 10px; } .l32 .bot { position: absolute; bottom: 2px; left: 0; width: 100%; padding: 15px; color: #fff; line-height: 26px; padding-top: 70px; border-radius: 0 0 20px 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .sideb .hd { font-size: 18px; text-transform: uppercase; position: relative; } .sideb .hd:after { content: ""; position: absolute; width: 50px; height: 3px; background: #61ad7f; bottom: -10px; left: 0; } .sb1 .sb11 img { height: 160px; } .sb1 .sb11 a { position: relative; } .sb1 .sb11 b { position: absolute; bottom: 2px; left: 0; width: 100%; padding: 15px; color: #fff; line-height: 26px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .sb1 .sb12 { clear: both; width: 100%; display: block; font-weight: bold; margin: 22px 0; line-height: 24px; height: 72px; overflow: hidden; } .sb1 .sb12 img { width: 95px; margin-right: 15px; float: left; } .sb2 .sbi { height: 250px; width: 100%; } .sb2 .sb2b { color: #fff; font-weight: bold; background: #282828; display: block; padding: 0 13px 20px 13px; line-height: 24px; text-align: center; } .sb2 .sb2b img { display: block; margin: 0 auto; margin-top: -45px; width: 80px; } .sb2 .sb2b2 { text-align: center; display: block; position: relative; margin-bottom: 20px; margin-top: 5px;color: #9de0b9; } .sb2 .sb2b2:after { content: ""; position: absolute; width: 70px; height: 1px; background: #fff; bottom: -10px; left: 0; right: 0; margin: 0 auto; } .sb3 .hd { margin-top: 20px; } #sb31 a { color: #282828; line-height: 24px; padding: 20px 0; border-top: solid 1px #d9d9d9; display: block; font-weight: bold; } #sb31 a:first-child { border: none; padding-top: 5px; } #sb31 a:before { content: "01"; background: #61ad7f; font-size: 18px; font-family: utm,Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; color: #fff; float: left; margin-right: 20px; border-radius: 5px; padding: 5px 12px; margin-top: 7px; } #sb31 a span { height: 48px; overflow: hidden; display: block; } #sb31 a:nth-child(2):before { content: "02"; } #sb31 a:nth-child(3):before { content: "03"; } #sb31 a:nth-child(4):before { content: "04"; } #sb31 a:nth-child(5):before { content: "05"; } .breadcrumb_last { color: #2e8f56; } #article h1, #article h2, #article h3, #article h4 { font-size: 28px; font-family: utm,"Arial",sans-serif; font-weight: normal; margin-bottom: .7em; line-height: 1.5; } #article h2 strong, #article h3 strong, #article h4 strong { font-weight: normal; } #article h2 { font-size: 20px; } #article h3 { font-size: 18px; } #article h4 { font-size: 16px; } #article p { margin-bottom: 0.7em; } #article img { display: block; margin: 0 auto; margin-bottom: .7em; } #blqh { font-size: 22px; font-family: utm,Arial, "Helvetica Neue", Helvetica, sans-serif; position: relative; display: block; margin: 20px 0; padding-top: 30px; text-transform: uppercase; clear: both; } #blqh:after { content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; top: 50px; left: 0; } #blqh span { background: #fff; padding-right: 10px; position: relative; z-index: 9999; } .blq1 { line-height: 24px; margin-bottom: 25px; /* .blq1x{ float: left; }*/ } .blq1 .blqa { font-weight: bold; height: 48px; overflow: hidden; } .blq1 p { color: #787878; margin: 25px 0; height: 96px; overflow: hidden; } .blq1 img { height: 230px; } .blq1 .xemthem { font-size: 12px; color: #277790; background: #b2d4de; padding: 7px 15px; float: right; text-align: right; clear: both; } .blq11 { height: 75px; overflow: hidden; display: block; color: #282828; line-height: 24px; } .blq11 img { float: left; width: 95px; height: 75px; margin-right: 15px; } .blq2 { margin-bottom: 30px; } .blq2 img { height: 160px; width: 100%; } .blq2 a { position: relative; } .blq2 b { position: absolute; bottom: 2px; left: 0; width: 100%; padding: 15px; color: #fff; line-height: 26px; padding-top: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } #blqxt { background: #ebebeb; font-size: 12px; height: 42px; color: #787878; width: 100%; line-height: 42px; display: block; text-align: center; } @media (max-width: 1024px) { #hd .top { font-size: 10px; } #hd .navbar-default .navbar-nav li a { padding: 0 10px; } #hd .navbar-header { margin-right: 20px; } #s3 p { font-size: 22px; } } @media (max-width: 768px) { #l1 li { font-size: 15px; } #l1 li:nth-child(3) { clear: both; } #cat .itl .des p { margin-right: 10px; } .desxx p { margin-right: 10px; } #cat .itl h3 a { font-size: 22px; } #cat .it .img { margin-right: 0; } #blqh span { padding-left: 10px; } #cat .it { display: block; } #cat .it img { width: 100%; margin-bottom: 10px; } #cat .it .ct .des p { margin-right: 10px; } #cat .it .ct .des { margin-bottom: 15px; } .sideb { display: none; } .sb1 .sb11 img { width: 100%; height: initial; } .blq1 p, .blq2 img, #l3 .pot { height: initial; } #blq .row .row { margin: 0; } #hd .ct { background: url(assets/i/banner.jpg) no-repeat top center; height: 405px; } .blq11 { margin-bottom: 20px; } .blq1 > * { margin-bottom: 20px; } .blq1 img { width: 100%; height: initial; } #hd .navbar-default .navbar-nav { margin-top: 10px; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #2e8f56 !important; } #hd .navbar-default { min-height: 100px; border-bottom: 1px dashed #898989; position: relative; z-index: 99999999; } #hd .collapse.in { margin-top: 65px; background: rgba(27, 27, 27, 0.7); } .l32 { width: 100%; padding: 0 20px; margin-bottom: 30px; } #f1 input { width: 84%; } #f1 button { width: 16%; } #l2 li { margin-bottom: 20px; } #f2 h4 { margin-bottom: 20px; } .ft3 { margin-top: 30px; } #l2 img { width: 100%; height: inherit; } #hd .navbar-header { margin-right: 0; } #hd .top { font-size: 13px; text-align: center; display: none; } #hd .navbar-default .dh { display: none; } #hd .navbar-default .navbar-toggle { margin-top: 30px; } #hd .collapse.in { margin-top: 65px; } #hd .navbar-default .navbar-nav li a { padding: 15px 25px; } #hd .navbar-default .navbar-nav li a:after { display: none; } #hd .navbar-default .navbar-nav > .open > a, #hd .navbar-default .navbar-nav > .open > a:hover, #hd .navbar-default .navbar-nav > .open > a:focus { background: none; } #hd .navbar-nav .open .dropdown-menu { margin-left: 30px; padding: 0; } #s112 { margin-top: 30px; } #s12 .cmd7 { padding-left: 15px; } #s12 .p2 { margin-bottom: 30px; } #s21 .ct .it h3 { font-size: 12px; } #s2 .cmd4 { margin-bottom: 30px; } #s2 .p1 { padding: 0 15px; } #s3 .d_contact .d-send { background: url(assets/i/all.png) no-repeat -4px -396px #fff; } #s4 { background: url(assets/i/bg1.png) repeat center center; padding-bottom: 0; } #s4 .cmd5 { display: block; } #s4 .cmd5 img { display: block; margin: 0 auto; } #s4 .cmd7 .p1, #s4 .cmd7 h2 { text-align: center; } #s5 .prev { left: 0; } #s5 .next { right: 0; } } @media (max-width: 480px) { #s112 { padding: 40px 15px 25px 15px; } #s112 .r .it { width: 110px; } #s12 .img img { margin-right: 0; } #s112 .r, #s21 .ct { justify-content: space-around; -webkit-flex-flow: row wrap; } #s21 .ct .it:nth-child(3) { border: none; } #s21 .ct .it { margin-bottom: 25px; } #s3 { height: auto; padding-bottom: 20px; } #s3 .ctn { display: block; } #s3 .d_contact { width: auto; } #s4 .cmd6 img { display: block; margin: 0 auto; } #s3 .d_contact { padding-left: 0; } #hd .navbar-header .navbar-brand { width: 270px; } } @media (max-width: 375px) { #hd .navbar-header .navbar-brand { width: 200px; } #hd .navbar-default .navbar-toggle { margin-top: 18px; } #s12 .img { display: flex; -webkit-flex-flow: row wrap; justify-content: center; } #s12 .img img { margin: 0 15px; } #s21 .ct .it:nth-child(3) { border-right: 1px dashed #ccc; } } /*# sourceMappingURL=style.css.map */ #article img{margin:20px auto;display:block} .khung #article h1{color:#ec1c23;text-align: center} #article .err-content{text-align:center} #article,#article p,#article>div{text-align:justify;margin-bottom:1em;line-height: 1.5em;} #article h2{color:#545454;display:table;padding-bottom:5px;margin-bottom:0 0 10px 0;font:600 20px Tahoma;} #article h3{font-size: 16px;margin: 20px 0 10px;text-transform: uppercase;text-align: left;color: #545454 ;} #article ul{padding: 0 0 0 15px;margin: 10px 0 10px 20px;} #article ul li{list-style-type: disc;} .bl-countdown{text-align:center} #countdown{font-size:30px;color:#106634;font-weight:bold} .p-item img{height:172px} .r-title{min-height:53px} .lg-post{height:300px} .tuvan-banner-info p{font-size:12px;margin-bottom:5px} .tuvan-banner-info .cl-1{font-size:16px} .tuvan-banner-info{margin-top:25px} .tuvan-banner{display:table;background:#fff;border-radius:15px} .cate-item img{margin-bottom:15px} .dv-bot{display:none;margin-top:20px} .rm-btn a i.style{border-radius:5px;transform:scaleY(-1);top:-35px;left:48%} .wp-caption{margin:auto} .wp-caption .wp-caption-text{text-align:center!important} #article .xemthem{background-color:#fff8f8;border:1px dashed #ffcbe2;color:#03ae50;margin:20px 0;display:flex;display:-webkit-box;display:-webkit-flex;font-size:14px;font-weight:700;position:relative;line-height:25px;padding:3px 0 11px 15px !important} .rm-left,.rm-right{flex:1;-webkit-box-flex:1;} .rm-right{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bai-nen-doc.png) no-repeat scroll right center #fff8f8;-webkit-background-size:contain;background-size:contain;position:relative} .rm-right a{position:absolute;height:100%;width:100%} .xemthem > p{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icons.png) no-repeat scroll left center transparent;padding-left:15px!important;margin-top:5px;padding-bottom:0!important;padding-top:0!important} .xemthem a:hover{color:#02652e} .xemthem a{color:#E4276A;font-size:12px} .xemthem .btn-wrapper a{color:#fff} .bv-ctn .h-title{margin-bottom:40px} .panel-body ul li ul{display:none} /* #content #article h2{width:100%;color:#2997c1;border-bottom:1px solid #2997c1;margin-bottom:20px;padding-bottom:10px;font-weight:500} */ .button-tuvan a{background-color:#2997c1} .button-tuvan a,.button-tuvan a:hover{font-weight:700;text-transform:uppercase;border-radius:10px;display:block;width:217px;height:45px;margin:0 auto;text-align:center;font-size:14px;color:#fff;line-height:45px;background-size:90%} .button-tuvan a:hover{background-color:#2ba462;animation-name:scale;animation-duration:.5s;animation-timing-function:ease-in-out;-webkit-animation-name:scale;-webkit-animation-duration:.5s;-webkit-animation-timing-function:ease-in-out} .button-tuvan{clear:both;margin:0 auto;padding:5px 0 10px} .dv-top:before,.dv-top:after,.dv-bot:before,.dv-bot:after{display:table;content:" "} .dv-top:after,.dv-bot:after{clear:both} @keyframes scale { 0%{transform:scale(1)} 25%{transform:scale(.8)} 50%{transform:scale(1.05)} 70%{transform:scale(.9)} 100%{transform:scale(1)} } /* Icon chi tiet bai viet */ #article .bvst1:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 0;margin-right:8px} #article .bvst1 .color{font-weight:bold;color:#d44d3c} #article .bvst2:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -19px;margin-right:8px} #article .bvst2 .color{font-weight:bold;color:#e08716} #article .bvst3:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -38px;margin-right:8px} #article .bvst3 .color{font-weight:bold;color:#007a51} #article .bvst4:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -57px;margin-right:8px} #article .bvst4 .color{font-weight:bold;color:#349f00} #article .bvst5:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -76px;margin-right:8px} #article .bvst5 .color{font-weight:bold;color:#1c6293} #article .bvst6:before{content:'';width:19px;height:19px;margin-top:3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon6.gif) no-repeat;margin-right:8px} #article .bvst6 .color{font-weight:bold;color:#1c6293} /*#article .bvst7:before{content:'';width:27px;height:11px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/iconmt.png) no-repeat;margin-right:8px} #article .bvst7 .color{font-weight:bold;color:#1c6293}*/ #article .wrap_op{position:relative;display:block;width:100%;max-width:600px;margin:0 auto;opacity:0.4;cursor:pointer;margin-bottom:10px} #article .wrap_op:hover{opacity:1} #article .op_img{position:absolute;top:0;left:0;bottom:0;right:0;background:#666;text-align:center;margin:auto;color:#fff;border-radius:5px} #article .op_img{top:0px;position:absolute;right:0px;left:0px;margin:auto;bottom:0px;width:100%;display:flex;flex-direction:column;padding-top:20%;overflow:hidden} #article .a_click{padding:2% 3%;background-color:#eee;border:1px solid #ccc;border-radius:5px;text-decoration:none;color:#666;margin:0 auto;clear:both;margin-top:10px;display:block} #article .content-box1{background:#fffbf3;border:1px #ffa800 dashed;border-radius:10px;padding:16px;margin:15px 0} #article .content-box1 p{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/baiviet_quantam.png) no-repeat left 13px;margin:0;padding:10px 0 10px 28px;color:#333;text-transform:uppercase;font-weight:700;box-sizing:border-box;border-bottom:1px #d4cbb8 solid} #article .content-box1 ul{margin:0;padding:0} #article .content-box1 ul li{list-style:none;padding:2px 0 8px;border-bottom:1px #dbdbdb dashed} #article .content-box1 ul li a{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bullet_baivietquantam.png) no-repeat 6px 8px;line-height:20px;padding-left:16px;color:#333;font-weight:300;text-decoration:none} #article .content-box1 ul li a:hover{transition:.3s ease all;color:#d75a4a;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bullet_baivietquantam_hover.png) no-repeat 16px 6px;padding-left:28px} #article .content-box2{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/content_doctor.png) no-repeat 20px 20px #eef6ff;border:1px #84bce8 dashed;border-radius:10px;padding:16px 16px 16px 126px;margin:15px 0} @media screen and (max-width: 800px){ #article .content-box2{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/content_doctor.png) no-repeat center 20px #eef6ff;padding:210px 16px 16px 16px} } #article .content-box2 p{padding:0;margin:0} #article .content-box2 p:before{content:'';width:16px;height:11px;display:inline-block;margin-right:8px;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon6.gif) no-repeat 0 0} #article .content-box2 p strong{color:#009966} #article .content-box2 ul{margin:20px 0 0;padding:0} #article .content-box2 ul li{list-style:none;padding:2px 0} #article .content-box2 ul li:before{width:19px;height:19px;content:'';display:inline-block;vertical-align:middle;margin-right:6px;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -76px;margin-top:-5px} #article .content-box2 ul li a{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bullet_baivietquantam.png) no-repeat 6px 8px;line-height:20px;padding-left:16px;color:#333;font-weight:300;text-decoration:none} #article .content-box2 ul li a:hover{transition:.3s ease all;color:#d75a4a;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bullet_baivietquantam_hover.png) no-repeat 16px 8px;padding-left:28px} #article h2{ font-family: utm,Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-weight: normal !important;font-size: 18px;font-weight:normal;color: #375d89;text-transform: uppercase;text-align: center;padding: 0 0 18px;line-height: 28px;margin: 14px auto;} #article .content-box2 {background: url(http://chuanamkhoahn.com/wp-content/themes/h2/img/content_doctor.png) no-repeat 20px 20px #eef6ff;border: 1px #84bce8 dashed;border-radius: 10px;padding: 16px 16px 16px 126px;margin: 15px 0;} #article .social{ margin-top: -5px !important; } /** css thêm **/ @font-face { font-family: 'utm-i'; font-weight: 400; src: url("./assets/f/UTM IsadoraR.ttf") format('truetype'); } #hd .top { background: #1d1c1d;} #hd .top .icon { margin-right: 5px;} .navbar-default .navbar-nav > .active > a{ color: #8be7b1; background: transparent; } .navbar-default .navbar-nav > .active > a:hover{ background: transparent; color: #8be7b1; } #s112 .r .it { border: 1px solid #add4bd; padding: 20px 5px; } #s112 {padding: 30px 25px 25px 25px;} #s111 {padding: 28px 25px 85px 25px;} #s111 p{ line-height: 30px; text-align: justify; margin-bottom: 12px; } #s12 .p2 { text-align: justify; } #s4 .p2 { text-align: justify; } #s5 .slider .item .p5 { margin-bottom: 0; } #s5 .slider .social{display: none;} #s5 .slider .item { border: 1px solid #ccc; border-radius: 10px; overflow: hidden; margin: 5px; } #s5 .slider .item:hover{ box-shadow: 0 0 10px #ccc; } #s5 { padding: 30px 0 ; } #s5 .next, #s5 .prev { top: 60%; } #s5 .slider .item a.dh { text-transform: uppercase; padding: 6px 15px; } #l3 .cmd4 .ct { border: 1px solid #ccc; border-radius: 5px; overflow: hidden; } #l3 .cmd4.p1 img { width: 100%; float: none; margin-right: 0; } #l3 .cmd4.p1 .des { padding: 10px 15px; } #l3 .cmd4.p1 .des h4 { font-size: 18px; margin: 10px 0 7px; height: 45px; overflow: hidden; } .des h6 { font-size: 12px; text-transform: uppercase; color: #2d9057; margin-bottom: 10px; } #l3 .cmd4.p1 .des p.ex { height: auto; color: #787878; } .des a.xct { float: left; color: #fc7d0c; font-size: 13px; display: inline-block; margin: 10px 0; } #l3 .p2 .cmd4 img { float: left; width: 35%; margin-right: 5%; } #l3 .p2 .cmd4 h4 { margin-bottom: 10px; line-height: 25px; height: 45px; overflow: hidden; } #l3 .p2 .cmd4 { margin-bottom: 15px; } #l3 .p2 .cmd4 .ct{ overflow: hidden; padding: 15px; border: 0; border-radius: 5px; border: 1px solid #ccc; } #l3 { background: #fff; } #l3 .hd { font-size: 30px; } #l3 .des p{ overflow: hidden; color: #787878; height: 47px; } .des h5 { font-size: 12px; text-transform: uppercase; color: #2e8f56; font-weight: normal; display: inline-block; border-bottom: 1px solid; padding-bottom: 5px; margin: 10px 0; background: transparent; } .xemct { background: #e2e2e2; text-align: center; color: #787878; font-size: 12px; font-weight: bold; clear: both; padding: 10px 0; border-radius: 5px; margin: 10px 15px 0 !important; width: 97.5%; } #l1{ background: #60ad80; margin-top: 30px; } #l1 li a:before { width: 150px; height: 150px; display: block; background-position: 0px -680px; margin: 0 auto; margin-bottom: 12px; } #l1 li:nth-child(2) a:before { background-position: -145px -680px; } #l1 li:nth-child(3) a:before { background-position: -295px -680px; } #l1 li:nth-child(4) a:before { background-position: -445px -680px; } #l1 .hd { text-align: center; margin-top: 20px; font-size: 30px; color: #fff; } #l1 li a{color: #fff;} #l1 li a .one{ font-family: utm; font-weight: normal; font-size: 20px; } #sli .owl-nav .owl-next, #sli div .owl-nav .owl-prev { display: inline-block !important; width: 45px; height: 45px; background: url(./assets/i/all.png) no-repeat; background-position: -55px -396px; position: absolute; top: 50%; right: -40px; text-indent: -9999px; -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transition: all 0.4s; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; } #sli div .owl-nav .owl-prev{ -ms-transform: rotate(-180deg); transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); right: auto; left: -40px; top: 40%; } #l1 li { margin-bottom: 15px; } .menu_bar { background: #53a776; color: #fff; border-radius: 10px; } .menu_bar h2 { font-family: utm; 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 ul li:nth-child(2) .sub-menu { display: block; } .menu_bar .sub-menu { display: none; transition-duration: 1s; } .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; } .menu_bar ul li a:hover { color: #9ff3c2 !important; } .archive .sideb, .single .sideb, .search .sideb { margin-top: 20px !important; } .menu_bar ul li:last-child a { border-bottom: 0 !important; } .sb2{margin-top: 30px;} #article h1{margin-bottom: 5px;} .social { margin: 10px 0; } .sideb .hd { font-size: 20px; font-family: tahoma; text-transform: uppercase; position: relative; color: #282828; margin-bottom: 25px; border-bottom: 1px solid #61ad7f; padding-bottom: 5px; margin-left: 45px; } .sideb .hd:after{display: none;} .sideb .hd:before { content: ''; display: inline-block; width: 40px; height: 45px; background: url(./assets/i/all.png) no-repeat; background-position: -130px -396px; position: absolute; left: -45px; top: -12px; } .sideb .slider .item{ border: 1px solid #ccc; border-radius: 5px; margin: 1px; overflow: hidden; } .sideb .slider .owl-dots{ display: none !important; } .ti{ height: 45px; overflow: hidden; display: inline-block; } .sideb .slider .owl-nav .owl-next, .sideb .slider div .owl-nav .owl-prev { display: inline-block !important; width: 40px; height: 35px; background: url(./assets/i/all.png) no-repeat; background-position: -225px -396px; position: absolute; bottom: -59px; right: 85px; text-indent: -9999px; -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transition: all 0.4s; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; } .sideb .slider div .owl-nav .owl-prev{ -ms-transform: rotate(-180deg); transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); right: auto; left: 80px; bottom: -45px; } .sideb .sb1 { margin-top: 75px; } .sideb .sb1 .hd:before { content: ''; display: inline-block; width: 45px; height: 45px; background: url(./assets/i/all.png) no-repeat; background-position: -170px -396px; position: absolute; left: -48px; top: -12px; } .sideb.fixed { position: fixed!important; width: 15%; height: auto; top: 0; z-index: 99; margin-top: 5px !important; } .sideb.fixed .menu_bar{display: none;} .sideb.fixed .sb2{display: none;} .sideb.fixed .sb1 { margin-top: 20px; } .sct{ border: 1px solid #ccc; padding: 12px; border-radius: 10px; margin-bottom: 15px; float: left; } .sct h4{ text-align: justify; height: 65px; overflow: hidden; } #article ul li { list-style-type: none !important; position: relative; } #article ul li:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(./assets/i/all.png) no-repeat; background-position: -225px -455px; position: absolute; left: -30px; top: 0; } #article ul li { margin-bottom: 10px; } .sb1 .sb12 { overflow: visible; margin: 0;} .brb {border-bottom: 0;} #cat .it { border: 1px solid #ccc; padding: 12px; border-radius: 10px; } #cat .it .img img{border-radius: 5px;} .top-p{ float: left; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 25px !important; } .top-p .social{ float: right; text-align: right; width: 40%; } #article, #article p, #article>div { line-height: 30px !important; } #article 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; } #article h2:before{ content: ''; display: inline-block; width: 50px; height: 60px; background: url(./assets/i/all.png) no-repeat; background-position: -162px -455px; position: absolute; left: -66px; top: -8px; } .last{ text-align: center; padding: 40px 40px 20px; margin-top: 30px; background: url(./assets/i/vien-p.png) no-repeat; } .last h4{ font-size: 18px !important; text-align: center; color: #e89d26; font-family: tahoma !important; font-weight: bold !important; margin-bottom: 5px !important; } .last p{ text-align: center !important; color: #2e8f56; } .img-p{ text-align: center; } .lq h4{ line-height: 25px; height: 70px; overflow: hidden; } #s5 .owl-controls{display: none;} .lq .item{ border: 1px solid #ccc; border-radius: 10px; } #blqxt { margin-top: 20px; } .owl-dots span { background: transparent; border: 1px solid #6db48b; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #6db48b; } .owl-dots{ text-align: center; margin-top: 10px; } .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-dots .owl-dot span { background: transparent; border: 1px solid #6db48b; } #s5 .owl-dots{ margin-top: 0; } #blqxt { background: #e2e2e2; font-weight: bold } #blqh span { border-bottom: 1px solid #ccc; padding-bottom: 10px; display: block; z-index: -1; } #blqh:after { content: ""; width: 210px; height: 1px; background: #106634; position: absolute; bottom: 0 !important; top: auto !important; left: 0; } #s2 .ct a:hover { background: #f4ad3e; } #s2 .ct a:hover span{background: url(assets/i/ic18.png) no-repeat center center;} #s2 .ct a span { width: 28px; height: 28px; top: 10px; background: url(assets/i/ic181.png) no-repeat center center;} #s2 .ct a { background: #2e8f56; } #s3 .d_contact { width: 500px; margin-left: 20px; padding: 48px 0 0 15px; } #s3 p { text-transform: uppercase; padding: 60px 15px 0 200px; } #s3 .d_contact .d-send { top: 57px; } #breadcrumbs{ background: #efefef; padding: 10px; border-bottom: 1px solid #ccc; } .sb1 .sb12 img { border-radius: 5px; } #single #article .xemthem { background-color: #f6f5f5; border: 1px dotted #308051eb; border-radius: 5px; display: block !important; margin: 0 auto !important; overflow: hidden; width: 80% !important; padding: 15px 15px 5px !important; } .rm-left{ float: right; width:80%; } .rm-right { background: url(http://chuanamkhoahn.com/wp-content/themes/h2/img/xt.png) no-repeat scroll right center !important; -webkit-background-size: cover !important; background-size: cover !important; position: relative; float: left; width: 10%; margin-left: 5%; } .xemthem a { color: #308051 !important; font-size: 12px; position: relative; } .xemthem li a:hover{color: #e89d26 !important} .xemthem li:before { content: ''; display: inline-block; width: 7px !important; height: 7px !important; background: transparent !important; border: 1px solid #308051; border-radius: 50%; left: -20px !important; position: absolute; top: 12px !important; } /** CSS 29/03/2019**/ .catc{ float: right; position: relative; z-index: 2; } #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; 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 0 20px; } .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; } #f23 a {text-transform: lowercase;} .mb{display: none !important;} #l1{ position: relative; z-index: 999; } #ft{ position: relative; z-index: 999; } .sideb.fixed_bottom{position: relative !important} input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { font-size: 16px; } .scroll{display: none;} #ptv { z-index: 1111; transition: all 0.8s; display: none; width: 100% !important; top: 0 !important; left: 0 !important; position: fixed; bottom: 0; text-align: center; background: #333333ab; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block !important; } .sideb .slider .owl-dots { display: block !important; } .sb2 .owl-carousel .owl-nav.disabled { display:none !important; } @media screen and (max-width: 414px){ #popup{ padding-top: 60px; } } @media screen and (max-width: 375px){ #popup{ padding-top: 0; } } @media screen and (max-width: 1600px) { .sideb.fixed { width: 18%;} } @media screen and (max-width: 1366px) { .sideb.fixed { width: 22%;} } @media screen and (max-width: 1024px) { .sideb.fixed { width: 25%;} } @media screen and (max-width: 768px) { #s1.mb img{width: 100%;} #s2 { padding: 190px 0 75px 0; } .single-post #article figure{ width: 100% !important; } #s3m p img{width: 100%;} #s4 img{ display: block; margin: 0 auto; } #s3 img { display: none; } #s3 p { text-transform: uppercase; padding: 30px; line-height: 35px; } #s3 .d_contact { width: 600px; margin-left: 0; padding: 38px 0 0; } #s3 .d_contact .d-send { top: 47px; } #s3 .d_contact input::placeholder{font-size: 10px;} #l1 li { width: 50%; } .last { background-size: contain; } .last h4 { font-size: 16px !important;} #article ul li:before { left: -30px; } #article ul li { margin-bottom: 10px; } #s6m input { height: 50px; padding: 0 0 0 45px !important; } .social a { width: 35px; height: 35px; margin-right: 0; } .social a:first-child { background: url(assets/i/fb-mb.png) no-repeat !important;} .social a:nth-child(2) { background: url(assets/i/zl-mb.png) no-repeat !important; } .social a:nth-child(3) { background: url(assets/i/gg-mb.png) no-repeat !important; } .sideb.fixed { width: 100% !important; position: relative !important; top: auto; } .f_lienhe { margin: 0; position: fixed; bottom: 0; width: 100%; left: 0; right: 0; z-index: 999; text-align: center; color: #fff; background: #fff; font-weight: normal; } .f_lienhe li { float: left; width: 25%; padding: 5px 0; text-align: center; } .rung { animation: shake-phone linear 1s; animation-iteration-count: infinite; } .f_lienhe li:first-child { width: 50%; background: #2e9057; padding: 12px 0; } .f_lienhe li:first-child a { color: #fff !important; font-family: tahoma; } .f_lienhe li:first-child img { float: left; margin-left: 20px; vertical-align: middle; height: 20px; } .f_lienhe li:first-child span { float: left; margin-left: 10px; margin-bottom: 10px; font-family: tahoma; } .f_lienhe li:first-child p img { height: 25px !important; margin-left: 20px !important; } .f_lienhe li:nth-child(2) { border-right: 1px dashed #47cb82; } .f_lienhe li img { display: block; margin: 0 auto; height: 45px; } .f_lienhe li a { color: #282828 !important; font-size: 14px; } .f_lienhe li a span{ font-family: utm; margin-top: 3px; display: block; } .f_lienhe li:nth-child(2) a { animation-name: color; animation-duration: 5s; animation-iteration-count: infinite; animation-delay: 2s; } .f_lienhe li:nth-child(3) a { animation-name: color; animation-duration: 5s; animation-iteration-count: infinite; animation-delay: 4s; } @keyframes color{ 0% {color: #282828;} 70% {color: #eb2437;} 100% {color: #eb2437;} } #LRMINIBar{ bottom: 137px !important; right: 10px !important; } #LR-BTN { width: 48px !important; height: 48px !important; } #LR-BTN-ICON { width: 28px !important; height: 28px !important; margin: 9px !important; } #t_ich { position: fixed; bottom: 0%; width: 100%; height: 80px; z-index: 99999; background: url(http://chuanamkhoahn.com/wp-content/themes/h2/img/Gift.gif) center no-repeat; background-size: cover; left: 0px; } #t_ich a { width: 33.333%; height: 80px; display: inline-block; float: left; } #lc a{ width: 35px; height: 35px; display: inline-block } @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)} } } @media screen and (max-width: 566px){ .pc{display: none !important} .mb{display: block !important} .mb #menu-menu-mobie li .sub-menu{display: none;} .mb #mhc { background: #2e8f56; position: relative; float: left; width: 100%; padding: 10px 0 ; } #s1.mb .owl-prev{ z-index: 100; cursor: pointer; background: url(./assets/i/large_left.png) no-repeat 0 0; width: 40px; height: 40px; position: absolute; top: 50%; left: 20px; } #s1.mb .owl-next{ z-index: 100; cursor: pointer; background: url(./assets/i/large_right.png) no-repeat 0 0; width: 40px; height: 40px; position: absolute; top: 50%; right: 20px; } #s1.mb .owl-nav { opacity: 0; } #s1.mb:hover .owl-nav{ opacity: 1; } .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; } #ptv div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 5px solid #2f744c; width: 18.2rem; font-family: RobotoMedium; padding: 10px 5px; z-index: 11111; } #ptv div p{ font-size: 19px; font-weight: bold; margin: 10px 0; } #ptv div img{ height: 25px; width: auto; display: block; margin: 0 auto 10px; } #ptv ul a{ background: #fe9c1c; color: #fff; padding: 10px; border-radius: 5px; display: inline-block; margin: 0 5px; font-family: tahoma; font-size: 15px; width: 115px; } #ptv.show{display: block;} #ptv ul a:nth-child(2){ background: #5fa374; } .scroll.fixed{display: block;} .scroll.fixed { position: fixed!important; width: 100%; height: auto; top: 0; z-index: 9999; } .model { width: 350px; } .model img{ width: 320px; } .mb #menu-menu-mobie li.menu-item-has-children a:before { content: ""; width: 23px; height: 23px; background: url(./assets/i/all.png) no-repeat; background-position: -100px -396px; position: absolute; top: 3px; right: 10px; } #s5 .owl-controls { display: block; } #menu-menu-mobie li .sub-menu li a{ padding-left: 50px !important; position: relative; font-size: 12px; } #menu-menu-mobie li:nth-child(3){border-bottom: 0 !important;} #menu-menu-mobie li .sub-menu li:nth-child(3){border-bottom: 1px solid #fff !important;} #menu-menu-mobie .sub-menu li .sub-menu li a{padding-left: 70px!important;} #menu-menu-mobie li .sub-menu li .sub-menu li a:before{left: 50px !important} #menu-menu-mobie li .sub-menu li a:before { content: ''; display: inline-block; width: 7px !important; height: 7px !important; border: 1px solid #fff; border-radius: 50%; left: 30px; position: absolute; top: 20px !important; } .mb #menu-menu-mobie li a { color: #fff; padding: 5px 0 5px 4%; font-size: 14px; width: 96%; display: inline-block; line-height: 35px; text-transform: uppercase; } .mb #menu-menu-mobie li { list-style: none; border-bottom: 1px solid #fff; position: relative; } .mb #btm { background: url(./assets/i/ic.png) no-repeat; width: 2%; height: 31px; display: inline-block; padding: 7px 35px 7px 0; float: left; cursor: pointer; } .mb .wpr { width: 94%; margin: 0 auto; } .mb #htl { width: 80%; padding: 1px 1%; border-right: 2px solid #59b880; text-align: center; float: left; font-size: 20px; color: #ffffff; font-family: "utm"; font-weight: normal; text-transform: uppercase; border-left: 2px solid #59b880; } .mb #lc { width: 40px; height: 40px; float: left; background: url(./assets/i/ic.png) no-repeat; background-position: -25px 0; position: absolute; right: 10px; } .mb .menu { position: absolute; top: 0; background: #2e8f56; width: 100%; z-index: 99; height: 100%; padding-top: 20px; } .mb #logo { clear: both; text-align: center; padding: 17px 20px 10px; } .mb #frm { position: relative; margin-bottom: 20px; } .mb #frm input[type="text"] { height: 48px; border: 2px solid #dbdadb; padding: 0 4%; width: 100%; border-radius: 5px; } .mb #frm input[type="submit"] { background: url(./assets/i/ic.png) center no-repeat; width: 50px; height: 25px; background-position: -55px -5px; position: absolute; top: 12px; right: 15px; border-left: 1px solid #ccc; } #s1.mb { margin-bottom: 0; } #s2 { background: transparent; padding: 7px 0 10px; } .tit-mb{ font-family: utm; font-weight: normal; text-align: center; font-size: 22px; margin-bottom: 40px; position: relative; } h3.tit-mb:before{ content: ''; display: inline-block; width: 80px; height: 4px; background: #f4ad3e; position: absolute; left: 40%; bottom: -10px; } #s2 ul li{ float: left; width: 31.3333%; margin: 0 1% 20px; background: #60ad80; border-radius: 10px; padding: 15px 0; text-align: center; border: 1px solid #99cfaf; cursor: pointer; } #s2 ul li:hover{ background: #2e8f56 !important; } #s2 ul li img{ display: block; margin: 0 auto; } #s2 span { display: block; height: 60px; margin-bottom: 5px; } #s2 b{ color:#fff; font-size: 12px; text-transform: capitalize; } #s3m h4{ font-size:18px; color: #2e8f56; margin: 10px; } #s3m .img{ margin-bottom: 20px; } #s3m .img img{ float: left; width: 29%; margin: 10px 2% 20px; } #s4m .top { font-size: 18px; color: #fff; background: #2e8f56; text-transform: uppercase; font-weight: 500; padding: 15px 0 20px; position: relative; border-radius: 15px 15px 0 0; } #s4m p{ text-align: center; } #s4m h6{ font-size: 18px; color: #fff; text-align: center; font-weight: normal; margin-top: 10px; } #s4m .ct ul { margin: 20px auto; width: max-content; } #s4m .ct ul li { font-size: 14px; font-weight: bold; color: #282828; margin-bottom: 30px; position: relative; text-align: left; padding-left: 30px; } #s4m .ct ul li:before { content: ''; background: url(assets/i/ic20.png) no-repeat center center; width: 20px; height: 20px; display: block; position: absolute; left: 0; } #s4m .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; } #s4m .ct a span { width: 28px; height: 28px; top: 10px; background: url(assets/i/ic181.png) no-repeat center center; position: relative; display: inline-block; margin-left: 8px; } #s4m .owl-carousel .owl-item img { width: auto; margin: 0 auto; } #s4m .ct{ text-align: center; border: 1px solid #ccc; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; padding: 10px 0 30px; } #s7 .slick-dots li.slick-active:before { content: ''; display: inline-block; width: 14px; height: 14px; border: 1px solid #6db48b; position: absolute; top: -3px; left: -3px; border-radius: 50%; overflow: hidden; } #s5 .tit-mb{margin-bottom: 30px;} #s5 .bt{ font-size: 18px; margin-bottom: 20px; font-family: 'utm-i'; color: #787878; } #s5 .slider .item { background: #edf3f6; border-radius: 5px; padding: 25px 0 0; } #s5 .slider .item .p4 { font-size: 14px; font-weight: normal; } #s5 .slider .item a.dh { font-size: 12px; display: inline-block !important; } #s5 .slider .item a.dh.mb{ display: none !important; } #s5 .ct-slide-bs { padding: 10px 20px 10px; } #s6m{ margin-top: 0; background: url(./assets/i/s6m.jpg); height: 320px; background-size: cover; padding: 55px 0; } #s6m h3{ font-family: utm; font-weight: normal; text-align: center; font-size: 24px; color: #000000; } #s6m #form_dt{ width: 80%; margin: 0 auto; } #s6m input { width: 100%; padding: 12px 0 12px 45px; margin-top: 15px; border: 1px solid #ccc; border-radius: 3px; } #s6m input:first-child { background: #fff url(./assets/i/s6m1.png) no-repeat left 8px; background-position-x: 15px; } #s6m input:nth-child(2) { background: #fff url(./assets/i/s6m2.png) no-repeat left 8px; background-position-x: 15px; } #s6m input::placeholder{ color: #787878; position: relative; border-left: 1px solid #c6c6c6; padding-left: 10px; } #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; } #form_dt div.mxh { margin-top: 20px; } #form_dt div a { display: inline-block; width: 38px; height: 38px; background: url(assets/i/all.png) no-repeat -12px -459px; } #form_dt div a:nth-child(2) { background: url(assets/i/all.png) no-repeat -59px -459px; } #l3 .p1{margin-bottom: 15px;} .des a.xct { float: right;} #sli .ctn{ padding: 0 40px !important; } #l1{ text-align: center; background: url(./assets/i/mb-nen.jpg); padding: 30px 0; } #l1 h3{ color: #fff; margin-bottom: 5px; font-family: 'utm'; font-size: 22px; font-weight: normal; } #l1 p{ font-size: 18px; color: #fff; margin-bottom: 5px; font-family: 'utm-i'; } #l1 img{ display: block; margin: 0 auto 20px; } #f1 { border-bottom: 1px solid #85d6a7; padding: 0 0 30px; margin-bottom: 20px; } #f1 .d_contact {max-width: 100%;} #l1 li a { font-size: 18px; } #f2 h4 { text-transform: none; padding-top: 20px; margin-bottom: 30px; } .f21 li { padding-left: 45px; margin: 20px 0 30px; } .f21 li:before { content: ''; display: inline-block; width: 40px; height: 40px; background: url(./assets/i/ic.png) no-repeat; background-position: -3px -50px !important; position: absolute; left: 0; top: 0; } .f21 li:nth-child(2):before{ background-position: -38px -50px !important; top: -2px;} .f21 li:nth-child(3):before{ background-position: -77px -50px !important; top: -5px; } .f21 li:nth-child(4):before{ top: -5px; background-position: -115px -50px !important;} .f21 li:after { content: ''; display: inline-block; width: 42px; height: 42px; position: absolute; left: -5px; top: -10px; border-radius: 50%; border: 1px solid #fff; } .f21 span{ position: relative; top: auto; left: auto; } .f21 span:before{display: none;} footer { background: #202020; } #l3 .ctn { padding: 25px 0 20PX; } .xemct { margin: 10px !important; width: auto; } /** Danh m?c **/ #cat .it { float: left; width: 100%; margin-bottom: 15px; } #cat .it .ct h3 { padding: 10px 0 10px 0; text-align: justify; height: 55px; overflow: hidden; } #cat .it .ct h3 a { font-size: 16px; line-height: 25px; } .catc .it img { width: 35% !important; margin-right: 5%; float: left; } .sct h4 { height: 55px; } .catc a.xct { margin-top: 5px; color: #fc7d0c; font-size: 13px;} .sideb { display: block; } .sct { width: 100%; } .archive .sideb{ margin-top: 0 !important; } .sb2 { margin-top: 10px; } .brb { border-bottom: 2px solid #d9d9d9; } #article p{ line-height: 30px !important; } .sct h4 { float: left; width: 60%; padding-top: 10px; } .sideb .slider div .owl-nav .owl-prev {left: 35%;} .sideb .slider .owl-nav .owl-next{right: 35%;} #s6m {clear: both;} .siba{padding-top: 30px;} .last { background: url(./assets/i/vien-mb1.png) no-repeat; background-size: contain; padding: 20px; } .last h4 { font-size: 18px !important; padding-top: 20px; font-weight: normal !important;} .lq-mb .item{ float: left; width: 100%; margin-bottom: 15px; border: 1px solid #ccc; padding: 10px; border-radius: 5px; } .lq-mb .item img{ width: 40%; float: left; margin-right: 5%; } .lq-mb h4{ float: left; width: 55%; line-height: 25px; padding-top: 10px; height: 80px; overflow: hidden; } .lq-mb h5 { font-size: 12px; text-transform: uppercase; color: #2d9057; font-weight: normal; padding-top: 7px; } #blqxt { clear: both; } .single-post .sb2{display: none;} .single-post .sb1{display: none;} #article h2 strong { font-weight: normal !important; } .desxx { display: inline-block; } .desxx p{ width: 100%; float: left; } #article .social { margin-top: 35px !important; } #article h1 {color: #106634;} #l3 .cmd4.p1 .des h4 { height: 45px; overflow: hidden; } } @media screen and (max-width: 1366px){ .sideb.fixed { width: 22%;} } @media screen and (min-width: 376px) and (max-width: 414px){ #s6m { height: 350px;} } @media screen and (max-width: 320px){ #s6m { background: url(./assets/i/s6m.jpg) no-repeat; background-size: contain;} #s2 b {font-size: 10px;} #form_dt div.mxh { margin-top: 5px; } #s6m .d-send { margin-top: 5px; padding: 7px; } .mb #htl { width: 75%; font-size: 15px; } #l3 .cmd4.p1 .des h4 { overflow: hidden; } #s6m input { margin-top: 7px; } } /** css 04/04/2019 **/ @media screen and (max-width: 1600px){ #hd .navbar-default { min-height: 88px;} #hd .navbar-header .navbar-brand { padding: 8px 0; } } .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; } #fright { position: fixed; left: 0; bottom: 50px !important; top: auto !important; 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:before { top: 1px; right: 1px; display: inline-block; content: ""; background-image: url(./assets/i/all-1.png); width: 30px; height: 30px; position: absolute; } #fright p:hover { background: #fff; margin-left: 0; color: #000; border: solid 1px #e3e3e3; } #bn .owl-prev{ z-index: 100; cursor: pointer; background: url(./assets/i/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(./assets/i/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 { border: 1px dashed #3f835b; padding: 20px 40px 20px 130px; margin-bottom: 20px; background: #f6f5f5 url(./img/tham-khao.png) no-repeat left 20px; background-position-x: 30px; border-radius: 5px; width: 80%; margin: 20px auto; } .thamkhao h3{ margin-bottom: 5px !important; margin-top:0 !important; } .thamkhao a { position: relative; padding-left: 20px; color: #308051; height: 30px; overflow: hidden; display: inline-block; } .thamkhao p{ margin-bottom: 0 !important; } .thamkhao a:hover{ color: #fb8008; } .thamkhao a:before { content: ''; display: inline-block; width: 8px; height: 8px; border: 1px solid #308051; border-radius: 50%; position: absolute; left: 2px; top: 10px; } .t_shot_code_1{ display: inline-block; height: 22px; width: 22px; float: left; margin-top: 3px; background: url(./img/check1.png) no-repeat left; } .t_shot_code_2 { display: inline-block; height: 22px; width: 22px; background: url(./img/ic-2.png) no-repeat left; float: left; margin-top:2px; } .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: inherit !important; color: #245438 !important; font-weight: bold !important; font-size: 17px !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: 10px; display: inline-block; text-transform: uppercase; } .box-hotro li p{ background: #53a776; font-family: utm,Arial, "Helvetica Neue", Helvetica, sans-serif !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 ; } .box-hotro li:last-child p{ background: #e1a930 !important; } .box-hotro li p span{ display: block; font-size: 20px; } .shot-video { width: 85%; margin: 30px auto; background: url(./img/nen-video.png) no-repeat; padding: 15px 30px 20px; background-size: contain; 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; } .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: 10px; display: inline-block; } .hidden-mb{ 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); } .pop { position: relative; margin-top: 40% !important; background: url(./img/top-pop.jpg) !important; background-size: contain !important; padding: 45px 0 !important; } .pop .d-send{ float: none !important; margin-top: 10px !important; margin-bottom: 7px !important; padding: 10px 13px !important; } .pop input { height: 48px !important; margin-top: 10px !important; } .pop .inf{ text-align: center; } .pop h3 { color: #106634 !important; } .pop p{ color: #e89d26; font-style: italic; text-align: center; font-weight: bold; } .pop .close{ top: 1px !important; color: #444; background: #fff; border: 1px solid #106634; border-radius: 5px; right: 2px !important; padding: 0px 5px !important; font-size: 22px !important; } /** SIDEBAR **/ .sb-time{ margin-top: 24px; border: 1px solid #d7d7d7; border-radius: 5px; background: url(./img/nen-sb.jpg) no-repeat bottom; } .top-time{ background: #967a5f; text-align: center; padding: 10px; border-bottom: 10px solid #a58b71; } .top-time p{ font-size: 12px; color: #fff; text-align: center; } .form-dh { padding: 20px 10px 40px; } .form-dh input:first-child { background: #fff url(./img/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(./img/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 .d-send{ background: #e1a930; border: 1px solid #fff; color: #fff; font-family: utm,"Arial",sans-serif; font-weight: normal; font-size: 18px; padding: 8px 20px; border-radius: 5px; margin-top: 12px; width: 100%; margin-bottom: 18px; } .form-dh p{ text-align: center; font-size: 12px; font-weight: bold; } .slibs{ margin-top: 30px; } h2.title-sb { color: #282828 !important; margin: 0 !important; text-transform: uppercase; border-bottom: 0 !important; margin-bottom: 0 !important; padding: 0 !important; text-align: center !important; font-family: utm; font-weight: normal; } #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, #s4 .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; } .slibs .item .des div { text-align: center; } .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 5px 0 10px; } .slibs .item .des h3, .slibs .item .des p { text-align: center; margin-bottom: 10px; } .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(./assets/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 .owl-dots { text-align: center; margin: 5px 0; } .slibs .owl-dots { display: none !important; } .slibs .owl-nav.disabled { display: none !important; } .slibs .owl-next { width: 25px !important; height: 25px !important; background: url(./assets/i/icon.png) no-repeat -113px -281px !important; position: absolute; top: calc((100% - 19px)/2) !important; right: 0 !important; } .slibs .owl-prev { width: 25px; height: 25px; background: url(./assets/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); } .call-post { clear: both; padding: 25px 50px 15px; border: 1px dashed #3f835b; border-radius: 5px; padding-left: 215px; background: #f6f5f5 url(./img/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; padding-left: 40px; } .call-post ul li:before { content: ''; display: inline-block; width: 35px !important; height: 35px !important; background: url(./assets/i/icon.png) no-repeat !important; background-position: -375px -320px !important; position: absolute; left: 0 !important; top: -3px !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: utm,Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 18px; font-weight: normal; } .call-post li:nth-child(2) a{ color: #fb8008; font-family: Tahoma; text-transform: uppercase; font-size: 14px; } .form-post { background: url(./img/nenp.png); padding: 60px 0 20px; margin-top: 30px; height: 400px; background-size: contain; } .form-post h3 { font-size: 28px; line-height: 35px; font-family: utm,Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-weight: normal; color: #fff; margin-bottom: 15px; text-align: center; } .form-post p { font-family: 'utm-i'; text-align: center; font-size: 20px; color: #fff; } .form-post ul { margin: 30px; } .form-post ul li { float: left; width: 46%; 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: utm,Arial, "Helvetica Neue", Helvetica, sans-serif !important;; 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; text-align: center; font-size: 24px; font-family: utm,Arial, "Helvetica Neue", Helvetica, sans-serif !important; 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(./img/i1.png) no-repeat left 8px; background-position-x: 15px;} .right-f input:nth-child(2) { background: #fff url(./img/i2.png) no-repeat left 8px; background-position-x: 15px;} .right-f input:nth-child(3) { background: #fff url(./img/i3.png) no-repeat left 8px; background-position-x: 15px;} .right-f input:nth-child(4) { background: #fff url(./img/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(./assets/i/icon.png) no-repeat; background-position: -122px -65px;} #form_dt div a:nth-child(2){background-position: -168px -65px;} .tit-lq{ margin: 30px 0 20px; font-family: utm,Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 20px; line-height: 25px; font-weight: normal; } #blq .box { overflow: hidden; padding: 15px 0; border: 0; border-radius: 5px; border: 1px solid #ccc; margin-bottom: 15px; } #blq .box h5 { text-transform: uppercase; font-size: 12px; color: #2d9057; font-weight: normal; margin-bottom: 5px; } #blq .box .desc { padding-left: 0; } #blq .box .desc h4{ height: 45px; overflow: hidden; } #blq{ padding-bottom: 20px; clear: both; overflow: hidden; } #blq .box:hover { box-shadow: 0 0 20px 3px #d8d8d8; } #blq a:hover{ color: #ff8202 !important; } .list-post .desc h3 a:hover{ color: #f37d00; } .t_shot_code_3 { display: inline-block; height: 22px; width: 22px; background: url(./assets/i/all.png) no-repeat; background-position: -225px -455px; float: left; margin-top: -1px; margin-right: 5px; } @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 img { margin: 0 !important; } .box-add { text-align: center !important; margin: 20px 0 0 !important; height: 80px; } .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%; } iframe{ width: 100% !important; } .call-post.mb { clear: both; padding: 10px; border: 1px dashed #3f835b; border-radius: 5px; background: #f6f5f5; margin: 30px 0 20px; } .call-post li a { font-size: 16px; } .call-post ul { margin: 0 !important; } .call-post ul li:before { top: 3px !important; } .slibs .item { margin: 0 40px !important; } #blqh { padding-top: 0 !important; text-align: center ; margin-bottom: 0; } #blqh:after{ display: none !important; } .single .sideb{ margin-top: 0 !important; } #article h1{ font-size: 25px; } .desxx p{ margin-bottom: 0 !important; } .desxx p img{ float: none !important; } h1.tit { font-size: 22px; line-height: 27px; font-family: utm; text-align: center; text-transform: uppercase; font-weight: normal; } .brb { padding: 0 0 20px 0; } #breadcrumbs { height: auto !important; } #cat .it .ct h5 a{ text-transform: uppercase; font-size: 12px; margin-bottom: 5px; font-weight: normal; color: #2d9057; } .pagination { text-align: center !important; margin-bottom: 5px !important; } .pagination span, .pagination a { padding: 8px 10px !important; } figure{ width: 100% !important; } .text-video { padding-right: 0 !important; } .text-video h4 { text-align: center !important; } .shot-video { padding: 10px 30px 22px !important; } .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; } .call-post li:nth-child(3) a { color: #fb8008; font-family: Tahoma !important; text-transform: uppercase; font-size: 14px; } .call-post li:nth-child(2) a { color: #fb8008; font-family: Tahoma !important; text-transform: uppercase; font-size: 14px; } .single-post #single #s6m { padding: 25px 0 !important; background-size: contain !important; height: 295px !important; } .single-post #single #s6m input { margin-top: 10px !important; } .single-post #single .inf { width: 90%; margin: 0 auto; text-align: center; } .single-post #single #s6m h3{ text-align: center !important; font-size: 24px; margin-bottom: 0 !important; } .single-post #single #s6m .d-send { margin-top: 12px; } .slibs .owl-nav.disabled { display: block !important; } .sideb .slider .owl-dots { display: none !important; } #s9 { background: #257247; margin-top: 8px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; } #s9 .tit{ color: #fff; margin-bottom: 10px; font-size: 22px; line-height: 27px; font-family: utm; text-align: center; text-transform: uppercase; font-weight: normal; } #s9 .des { display: block; font-size: 12px; color: #a4dbbc; text-align: center; } #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(./assets/i/icon.png); background-position: -117px -332px; right: 9px; top: 12px; z-index: 9999; border: 0; } #s9 .p:before { content: ''; width: 13.5rem; height: 0.75rem; background: url(./i/bgt.png) repeat-x; display: inline-block; 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: 22px; font-family: utm; position: relative; } #s9 .p a:first-child:before { content: ''; width: 45px; height: 65px; position: absolute; right: 15px; background: url(./assets/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; color: #fff; padding-top: 4rem; 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(./assets/i/icon.png); background-position: 2px -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; } #s9 .tt:before{ display: none; } .mxh { text-align: center; padding-bottom: 10px; } .mxh a { display: inline-block; margin-top: 15px; } .mxh a:before { content: ""; display: inline-block; float: left; width: 55px; height: 55px; position: relative; background: url(./assets/i/icon.png); background-position: -1px -401px; } .mxh a:nth-child(2):before { background-position: -58px -401px; } .mxh a:nth-child(3):before { background-position: -117px -401px; } .mxh a:nth-child(4):before { background-position: -176px -401px; } .map{ height: 239px; width: 100%; position: relative; overflow: hidden; background: url(./assets/i/map.jpg); margin-bottom: -20px; } .last-ft { background: #257247 url(./assets/i/bus.jpg) no-repeat left; padding: 15px 0 15px 72px; background-position-x: 15px; margin-bottom: 45px; } .last-ft div span { width: 40px; height: 40px; font-family: utm; display: inline-block; font-weight: normal; text-align: center; font-size: 25px; border: 1px solid #4d9a6e; margin-right: 1px; border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; color: #fff; } .brb { padding: 0; margin-top: -10px; border-bottom:0 !important; } #article h2:before { top: 2px !important; } /** css 26/09**/ } #overhidden.active { display: block; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 9999999; } #my_popup3{ display:none; position: fixed; top: 18%; left: 3%; width: 96%; z-index: 9999999; } } #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: #e8fcf0 url(./img/box-test.png) no-repeat; height: 614px; width: 90%; margin: 0 auto; padding-top: 30px; position: relative; } #check-bn.form_test6{ height: 670px !important; } .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; font-size: 18px; font-weight: normal; border-radius: 3px; float: left; } #check-bn .tit { font-family: utm; 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.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: 8px; color: #fff; font-family: utm; font-size: 18px; font-weight: normal; border-radius: 3px; float: left; margin-left: 9px; } @media only screen and (max-width: 566px){ #check-bn { background: #fff url(./img/box-mb.png) no-repeat; height: 1075px; width: 97%; margin: 0 auto; padding-top: 30px; position: relative; } #s1 img{ max-height: 246px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; background-color: transparent; width: .6rem; height: .6rem; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #fff; } .box-test { border: 0; float: left; width: 100%; margin: 0 0 15px !important; } .catc{ width: 100% !important; } .archive .sideb, .single .sideb, .search .sideb { width: 100% !important; padding: 0; } #s1 { margin-bottom:0 !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: 95%; } #check-bn a.mb{ background: #d03d3f; border: 0; padding: 8px 10px; color: #fff; font-family: utm; font-size: 17px; font-weight: normal; border-radius: 3px; float: left; margin-left: 9px; position: absolute; bottom: 30px; right: 23px; } /** Ð?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; } #certify .dnbs p { padding: 0 15px; color: #787878; margin-bottom: 15px; text-align: justify; font-weight: normal; } .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; font-size: 12px; border-radius: 3px; height: 35px; } .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: 'utmhvi'; display: inline-block; height: 35px; } .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; } /** NEW MB **/ #p1{ padding: 10px 0 15px; } #p1 li{ list-style: none; float: left; width: 31.333%; margin: 0 1% 10px; border: 1px solid #d7d7d7; padding: 10px 5px; border-radius: 3px; overflow: hidden; text-align: center; text-transform: uppercase; font-size: 12px; } #p1 li img{ display: block; margin: 0 auto 10px; } .dkgk a{ font-size: 18px; color: #fff; background: #e1a930; padding: 10px 20px 12px 20px; border-radius: 30px; transition: all 0.5s; font-family: utm; 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; } .sli-ud .owl-dots .owl-dot.active span{ background: #e6ab59; } #p3{ padding-top: 12px; } #p3 .tit { text-transform: uppercase; margin-bottom: 5px; text-align: center; font-size: 22px; font-family: utm; line-height: 30px; font-weight: normal; } #p3 ul li.active3 { color: #2e9057; } #p3 ul{ text-align: center; margin-bottom: 20px; } #p3 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; } .content-tb.two { display: none; } .content-tb p { text-align: center; font-weight: bold; margin: 10px 0; height: 25px; overflow: hidden; } #p3 .slider .owl-prev { width: 30px; height: 30px; background: url(./img/icon1.png) no-repeat !important; position: absolute; background-position: -103px -276px !important; left: -15px; top: 90px; -ms-transform: rotate(-180deg); transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } #p3 .slider .owl-next { width: 30px; height: 30px; background: url(./img/icon1.png) no-repeat !important; position: absolute; background-position: -103px -276px !important; right: -15px; top: 90px; } #p3 .item{ margin: 0 10px; } .cam-ket { margin: 0 auto 20px; background: url(./img/vien-p.png) no-repeat; padding: 45px 40px 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: 5px; } #s5 { padding: 30px 0 15px; } } #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; } .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; } @media screen and (min-width: 375px) and (max-width: 414px){ .single-post #single #s6m { height: 326px !important; } .dnbs.mb { margin: 0 auto 20px; width: 90%; } #check-bn { width: 87%; } } @media screen and (max-width: 375px){ .single-post #single #s6m { height: 295px !important; } .dnbs.mb { margin: 0 auto 20px; width: 100%; } #check-bn { width: 97%; } } @media screen and (max-width: 320px){ #s9 .p a { font-size: 18px; } #s9 .p a:first-child { padding-right: 4.5rem; } .last-ft div span { width: 31px; height: 31px; font-size: 20px; } .dnbs.mb { background-size: contain; height: auto; } .dnbs.mb div span{display: none;} .dnbs.mb p { line-height: 22px; margin-bottom: 2px; } .dnbs.mb h5 { margin-bottom: 22px; } .dnbs.mb div a { padding: 10px 12px 10px 40px; font-size: 13px; font-family: utm; height: 47px; } .conte { width: 330px; TOP: 2%; padding: 10px 15px 10px 5px; } .conte .close { top: -16px !important; } #s6m.pop{ height: 273px; } .pop p{display: none;} .last h4 { font-size: 15px !important; padding-top: 10px; } .last p{ line-height: 25px !important; } .single-post #single #s6m { height: 245px !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .tit-mb { font-size: 20px; } #p3 ul li { padding: 8px 12px; } .cam-ket h4 { font-size: 16px; line-height: 21px; } .cam-ket { padding: 35px 40px 40px; margin: 0 auto; } .cam-ket p { font-size: 12px; line-height: 22px; } #l3 .ctn { padding: 0 0 20PX; } #s6m { height: 290px; } } /** tab **/ 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; } #km-ft{ 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); } #km-ft img{ display: block; margin: 0 auto; } #km-ft .close { color: #fff; position: absolute; right: 32px; font-size: 25px; top: 31px; font-weight: 700; cursor: pointer; z-index: 999; padding-right: 10px; height: 16px; width: 23px; } #km-ft .form-km { position: absolute; bottom: 12%; left: 18%; } #km-ft .form-km input{ padding: 10px; border: 1px solid #dad8de; width: 100%; max-width: 225px; border-radius: 5px; margin-bottom: 7px; } #km-ft input::placeholder{ font-size: 12px; } #km-ft .form-km button{ background: transparent; border: 0; color: #fff; text-indent: -9999px; width: 100%; padding: 10px; max-width: 225px; } /** Css 02/03/2029 **/ #button { background: #fff url(http://chuanamkhoahn.com/wp-content/themes/h2/img/ic-svg.svg) -2px center no-repeat; font-family: Tahoma; box-shadow: 0 0 15px 0 rgba(0,0,0, .1); padding: .4rem 1.5rem 0.4rem 2.2rem; position: fixed; top: -110px; right: 15px; z-index: 9999; align-content: center; align-items: center; -webkit-transition: all 400ms; transition: all 400ms; border-radius: 1.75rem; background-size: 2.5rem 2.5rem; } #button.animate { top: 0.75rem; right: 0.25rem; } #button p { color: #000; font-weight: bold; font-size: 14px; margin: 0; line-height: 17px; } #button .ph3, #button .ph4 { font-weight: 100; font-size: 10px; line-height: 17px; } .menu-mb{ position: fixed; top: 0; bottom: 0; left: -100%; width: 100%; background: #fff; z-index: 111; display: inline-block; overflow-y: auto; -o-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .menu-mb.acti { left: 0 !important; } .close-menu{ position: absolute; right: 40%; top: 5px; z-index: 999; width: 30px; } .close-menu .icon-close{ color: #fff; font-size: 25px } body{overflow: hidden;} #bn img{ max-height: 596px; } #article img{margin:20px auto;display:block} .khung #article h1{color:#ec1c23;text-align: center} #article .err-content{text-align:center} #article,#article p,#article>div{text-align:justify;margin-bottom:1em;line-height: 1.5em;} #article h2{color:#545454;display:table;padding-bottom:5px;margin-bottom:0 0 10px 0;font:600 20px Tahoma;} #article h3{font-size: 16px;margin: 20px 0 10px;text-transform: uppercase;text-align: left;color: #545454 ;} #article ul{padding: 0 0 0 15px;margin: 10px 0 10px 20px;} #article ul li{list-style-type: disc;} .bl-countdown{text-align:center} #countdown{font-size:30px;color:#106634;font-weight:bold} .p-item img{height:172px} .r-title{min-height:53px} .lg-post{height:300px} .tuvan-banner-info p{font-size:12px;margin-bottom:5px} .tuvan-banner-info .cl-1{font-size:16px} .tuvan-banner-info{margin-top:25px} .tuvan-banner{display:table;background:#fff;border-radius:15px} .cate-item img{margin-bottom:15px} .dv-bot{display:none;margin-top:20px} .rm-btn a i.style{border-radius:5px;transform:scaleY(-1);top:-35px;left:48%} .wp-caption{margin:auto} .wp-caption .wp-caption-text{text-align:center!important} #article .xemthem{background-color:#fff8f8;border:1px dashed #ffcbe2;color:#03ae50;margin:20px 0;display:flex;display:-webkit-box;display:-webkit-flex;font-size:14px;font-weight:700;position:relative;line-height:25px;padding:3px 0 11px 15px !important} .rm-left,.rm-right{flex:1;-webkit-box-flex:1;} .rm-right{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bai-nen-doc.png) no-repeat scroll right center #fff8f8;-webkit-background-size:contain;background-size:contain;position:relative} .rm-right a{position:absolute;height:100%;width:100%} .xemthem > p{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icons.png) no-repeat scroll left center transparent;padding-left:15px!important;margin-top:5px;padding-bottom:0!important;padding-top:0!important} .xemthem a:hover{color:#02652e} .xemthem a{color:#E4276A;font-size:12px} .xemthem .btn-wrapper a{color:#fff} .bv-ctn .h-title{margin-bottom:40px} .panel-body ul li ul{display:none} /* #content #article h2{width:100%;color:#2997c1;border-bottom:1px solid #2997c1;margin-bottom:20px;padding-bottom:10px;font-weight:500} */ .button-tuvan a{background-color:#2997c1} .button-tuvan a,.button-tuvan a:hover{font-weight:700;text-transform:uppercase;border-radius:10px;display:block;width:217px;height:45px;margin:0 auto;text-align:center;font-size:14px;color:#fff;line-height:45px;background-size:90%} .button-tuvan a:hover{background-color:#2ba462;animation-name:scale;animation-duration:.5s;animation-timing-function:ease-in-out;-webkit-animation-name:scale;-webkit-animation-duration:.5s;-webkit-animation-timing-function:ease-in-out} .button-tuvan{clear:both;margin:0 auto;padding:5px 0 10px} .dv-top:before,.dv-top:after,.dv-bot:before,.dv-bot:after{display:table;content:" "} .dv-top:after,.dv-bot:after{clear:both} @keyframes scale { 0%{transform:scale(1)} 25%{transform:scale(.8)} 50%{transform:scale(1.05)} 70%{transform:scale(.9)} 100%{transform:scale(1)} } /* Icon chi tiet bai viet */ #article .bvst1:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 0;margin-right:8px} #article .bvst1 .color{font-weight:bold;color:#d44d3c} #article .bvst2:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -19px;margin-right:8px} #article .bvst2 .color{font-weight:bold;color:#e08716} #article .bvst3:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -38px;margin-right:8px} #article .bvst3 .color{font-weight:bold;color:#007a51} #article .bvst4:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -57px;margin-right:8px} #article .bvst4 .color{font-weight:bold;color:#349f00} #article .bvst5:before{content:'';width:19px;height:19px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -76px;margin-right:8px} #article .bvst5 .color{font-weight:bold;color:#1c6293} #article .bvst6:before{content:'';width:19px;height:19px;margin-top:3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon6.gif) no-repeat;margin-right:8px} #article .bvst6 .color{font-weight:bold;color:#1c6293} /*#article .bvst7:before{content:'';width:27px;height:11px;margin-top:-3px;display:inline-block;vertical-align:middle;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/iconmt.png) no-repeat;margin-right:8px} #article .bvst7 .color{font-weight:bold;color:#1c6293}*/ #article .wrap_op{position:relative;display:block;width:100%;max-width:600px;margin:0 auto;opacity:0.4;cursor:pointer;margin-bottom:10px} #article .wrap_op:hover{opacity:1} #article .op_img{position:absolute;top:0;left:0;bottom:0;right:0;background:#666;text-align:center;margin:auto;color:#fff;border-radius:5px} #article .op_img{top:0px;position:absolute;right:0px;left:0px;margin:auto;bottom:0px;width:100%;display:flex;flex-direction:column;padding-top:20%;overflow:hidden} #article .a_click{padding:2% 3%;background-color:#eee;border:1px solid #ccc;border-radius:5px;text-decoration:none;color:#666;margin:0 auto;clear:both;margin-top:10px;display:block} #article .content-box1{background:#fffbf3;border:1px #ffa800 dashed;border-radius:10px;padding:16px;margin:15px 0} #article .content-box1 p{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/baiviet_quantam.png) no-repeat left 13px;margin:0;padding:10px 0 10px 28px;color:#333;text-transform:uppercase;font-weight:700;box-sizing:border-box;border-bottom:1px #d4cbb8 solid} #article .content-box1 ul{margin:0;padding:0} #article .content-box1 ul li{list-style:none;padding:2px 0 8px;border-bottom:1px #dbdbdb dashed} #article .content-box1 ul li a{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bullet_baivietquantam.png) no-repeat 6px 8px;line-height:20px;padding-left:16px;color:#333;font-weight:300;text-decoration:none} #article .content-box1 ul li a:hover{transition:.3s ease all;color:#d75a4a;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bullet_baivietquantam_hover.png) no-repeat 16px 6px;padding-left:28px} #article .content-box2{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/content_doctor.png) no-repeat 20px 20px #eef6ff;border:1px #84bce8 dashed;border-radius:10px;padding:16px 16px 16px 126px;margin:15px 0} @media screen and (max-width: 800px){ #article .content-box2{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/content_doctor.png) no-repeat center 20px #eef6ff;padding:210px 16px 16px 16px} } #article .content-box2 p{padding:0;margin:0} #article .content-box2 p:before{content:'';width:16px;height:11px;display:inline-block;margin-right:8px;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon6.gif) no-repeat 0 0} #article .content-box2 p strong{color:#009966} #article .content-box2 ul{margin:20px 0 0;padding:0} #article .content-box2 ul li{list-style:none;padding:2px 0} #article .content-box2 ul li:before{width:19px;height:19px;content:'';display:inline-block;vertical-align:middle;margin-right:6px;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/icon.png) no-repeat 0 -76px;margin-top:-5px} #article .content-box2 ul li a{background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bullet_baivietquantam.png) no-repeat 6px 8px;line-height:20px;padding-left:16px;color:#333;font-weight:300;text-decoration:none} #article .content-box2 ul li a:hover{transition:.3s ease all;color:#d75a4a;background:url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bullet_baivietquantam_hover.png) no-repeat 16px 8px;padding-left:28px} #article h2{font-size: 18px;font-weight:normal;color: #375d89;text-transform: uppercase;text-align: center;background: url(http://chuanamkhoahn.com/wp-content/themes/h2/img/bg_h2.png) no-repeat center bottom;padding: 0 0 18px;line-height: 28px;margin: 14px auto;} #article .content-box2 {background: url(http://chuanamkhoahn.com/wp-content/themes/h2/img/content_doctor.png) no-repeat 20px 20px #eef6ff;border: 1px #84bce8 dashed;border-radius: 10px;padding: 16px 16px 16px 126px;margin: 15px 0;} .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.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}} @keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse} @font-face { font-family: 'utm-gothic'; font-weight: 400; src: url("./assets/f/UTM-Alter-Gothic.ttf"); } #single-bs .slider .item { border: 12px solid #5aab7c !important; margin-bottom: 20px !important; border-radius: 0 !important; padding: 20px; position: relative; } #single-bs .slider .item:before { content: ''; display: inline-block; width: 6px; height: 100%; background: url(./img/line-single-post.png); position: absolute; left: 53.5%; top: 0; } #single-bs .slider .item h4{ color: #106634; font-family: 'utm-gothic'; font-weight: normal; font-size: 24px; position: relative; margin-bottom: 20px; padding-bottom: 7px; } #single-bs .slider .item h4:before{ content: ''; display: inline-block; height: 2px; width: 70px; background: #5aab7c; position: absolute; left: 0; bottom: -7px; } #single-bs .slider .cmd8 ul li { margin-bottom: 10px; position: relative; padding-left: 20px; text-align: justify; } #single-bs .slider .cmd8 ul li:first-child{ font-weight: bold; } #single-bs .slider .cmd8 ul li:before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #5aab7c; position: absolute; left: 0; top: 7px; } #single-bs .cmd8 { padding-left: 0; padding-right: 30px; } #single-bs ul{ margin-bottom: 15px; } .luot-dh { margin-top: 10px; color: #106634; border: 1px solid #e1e1e1; border-radius: 3px; padding: 5px 12px 5px 35px; display: inline-block; position: relative; background: url(./img/ic-person.png) no-repeat right 4px; background-position-x: 10px; } #single-bs h3 { font-weight: bold; margin-bottom: 20px; padding-left: 30px; background: #fff url(./img/ic-ip-date.png) no-repeat right 2px; background-position-x: 0; } .hour-dh{ float: left; width: 100%; } .hour-dh a { background: #eefef5; border: 1px solid #d3e8db; padding: 7px 20px; font-size: 16px; display: inline-block; margin-right: 15px; float: left; margin-bottom: 15px; cursor: pointer; } .hour-dh a:hover{ background: #60ae81; color: #fff; } #single-bs .slider h5 { float: left; width: 48%; background: #e49e30; color: #fff !important; padding: 6px; font-size: 14px !important; text-transform: uppercase; font-weight: bold; border-radius: 3px; margin-top: 0 !important; margin-bottom: 0 !important; display: inline-block; margin: 0 1% !important; cursor: pointer; } .dh-location { float: left; width: 100%; margin-top: 10px; padding-top: 10px !important; border-top: 1px solid #e1e1e1; background: transparent; padding: 0; } .dh-location p b{ display: inline-block; margin-bottom: 5px; padding-left: 30px; position: relative; } .dh-location p{ text-align: left !important; } .dh-location p b:before { content: ''; display: inline-block; width: 30px; height: 30px; background: url(./img/icon111.png) no-repeat; background-position: -692px -132px; position: absolute; left: 0; top: -4px; } .dh-location p span{ color: #106634; font-size: 24px; display: inline-block; margin-left: 20px; } .dh-location p i{ color: #787878; font-size: 13px; } #single-bs .cmd6:first-child{ width: 55%; } #single-bs .cmd6:last-child{ width: 45%; } #single-bs .tit{ margin: 30px 0 0; font-family: utm,Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 25px; line-height: 30px; font-weight: normal; text-transform: uppercase; text-align: center; } .tit-h5{ text-align: center; color: #ed9305; font-size: 18px; font-weight: normal; margin: 12px 0 20px; } #single-bs .owl-dots { margin-top: 0; } #single-bs .owl-prev { width: 19px; height: 19px; background: url(http://chuanamkhoahn.com/wp-content/themes/h2/img/sl-rl.png) no-repeat 0px 0px !important; position: absolute; top: calc((100% - 19px)/2); left: -25px; } #single-bs .owl-next { width: 19px; height: 19px; background: url(http://chuanamkhoahn.com/wp-content/themes/h2/img/sl-rl.png) no-repeat -19px 0px !important; position: absolute; top: calc((100% - 19px)/2); right: -22px; } .chatonline{ border: 2px dashed #2e8f56; padding: 1rem; margin-bottom: 1rem; } #article .chatonline p{ margin-bottom: 5px !important; line-height: 25px !important ; }