@charset "UTF-8";
.page-sitemap.wsp-container {
display: none;
}
.page-sitemap .wrap-toggle-mobile {
display: none;
}
.page-sitemap .menu li.menu-item a:not(ul.sub-menu a) {
color: #df4425;
}
.page-sitemap .menu ul.sub-menu a{
color: #03237E;
}
.page-sitemap ul.menu:not(ul.sub-menu) {
margin: 0;
list-style: none;
padding: 0;
}
.page-sitemap .menu li.menu-item a {
font-size: 20px;
line-height: 31px;
-o-transition: all .2s;
-webkit-transition: all .2s;
transition: all .2s;
}
.page-sitemap ul.menu ul.sub-menu {
list-style: square;
margin: 0;
padding-left: 24px;
}
.page-sitemap ul.menu ul.sub-menu li::marker {
font-size: 21px;
color: #03237E;
}
.page-sitemap .menu li.menu-item a:hover{
opacity: 0.8;
}
.page-sitemap .menu li.menu-item:not(ul.sub-menu li) {
margin-bottom: 10px;
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-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-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content: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%;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;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.swiper-button-next, .swiper-container-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
background-image: none!important;
}
.swiper-button-next:after, .swiper-button-prev:after{
display: none;
}
.vc_banner .swiper-button-prev,.vc_banner .swiper-button-next{
background-color: #fff!important;
box-shadow: 0 0 6px hsl(0deg 0% 0% / 9%);
border-radius: 50%;
width: 40px!important;
height: 40px!important;
text-align: center;
}
.vc_banner .swiper-button-prev svg,.vc_banner .swiper-button-next svg  {
padding: 0;
}
#flowpaper-logo-bottom {
display: none!important;
}
#carousel_home_banner .swiper-pagination {
bottom: 10px;
}.chosen-container,.noUi-target,.noUi-target *{-webkit-user-select:none;-ms-user-select:none}.chosen-container{position:relative;display:inline-block;vertical-align:middle;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//www.cri.or.th/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//www.cri.or.th/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//www.cri.or.th/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;font-size:100%;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//www.cri.or.th/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//www.cri.or.th/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//www.cri.or.th/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.noUi-pips,.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.searchandfilter-date-picker .ui-helper-hidden{display:none}.searchandfilter-date-picker .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.searchandfilter-date-picker .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.searchandfilter-date-picker .ui-helper-clearfix:after,.searchandfilter-date-picker .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.searchandfilter-date-picker .ui-helper-clearfix:after{clear:both}.searchandfilter-date-picker .ui-helper-clearfix{min-height:0}.searchandfilter-date-picker .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.searchandfilter-date-picker .ui-front{z-index:100}.searchandfilter-date-picker .ui-state-disabled{cursor:default!important}.searchandfilter-date-picker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.searchandfilter-date-picker .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.searchandfilter-date-picker .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{top:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{left:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next{right:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{left:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover{right:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;display:inline-block}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year{width:100%}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year{width:49%}.searchandfilter-date-picker .ui-icon{width:16px;height:16px;background-position:16px 16px}.searchandfilter-date-picker .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.searchandfilter-date-picker .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.searchandfilter-date-picker .ui-datepicker td{border:0;padding:1px}.searchandfilter-date-picker .ui-datepicker td a,.searchandfilter-date-picker .ui-datepicker td span{display:block;text-align:center;text-decoration:none}.searchandfilter-date-picker .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//www.cri.or.th/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr;background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0;border-radius:3px}.noUi-handle,.noUi-tooltip{position:absolute;border:1px solid #D9D9D9}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:inline-block;margin:0;padding:0}.searchandfilter>ul>li[data-sf-combobox="1"] label{display:block}.searchandfilter li[data-sf-field-input-type=checkbox] label,.searchandfilter li[data-sf-field-input-type=radio] label,.searchandfilter li[data-sf-field-input-type=range-checkbox] label,.searchandfilter li[data-sf-field-input-type=range-radio] label{padding-left:10px}.searchandfilter .sf-date-prefix{padding-right:5px;display:inline-block}.searchandfilter .sf-count,.searchandfilter .sf-date-postfix{padding-left:5px;display:inline-block}.searchandfilter .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:80px}.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,.searchandfilter .sf-meta-range-radio-fromto .sf-range-min{display:inline-block;vertical-align:middle}.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator{vertical-align:middle;display:inline-block;margin:0 15px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select.sf-input-select{min-width:170px}.searchandfilter select.sf-range-max.sf-input-select,.searchandfilter select.sf-range-min.sf-input-select{min-width:auto}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter.search-filter-disabled .noUi-connect{opacity:.7}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.search-filter-scroll-loading{display:block;margin:20px 10px 10px;height:30px;width:30px;animation:search-filter-loader-rotate .7s infinite linear;border:5px solid rgba(0,0,0,.15);border-right-color:rgba(0,0,0,.6);border-radius:50%}@keyframes search-filter-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.searchandfilter .disabled{opacity:.7}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:5px;color:#666;font-family:inherit}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}.ywcds_amount_field label{
font-weight: bold;
}
.ywcds_form_container .ywcds_button_field .ywcds_submit_widget, #ywcds_add_donation_form_single_product .ywcds_amount_field .ywcds_amount_single_product{
margin-top: 10px;
margin-bottom: 10px;
}
.ywcds_form_container .ajax-loading {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
display: inline !important;
float: right;
top: -40px;
position: relative;
}
.ywcds_message.woocommerce-message{
padding: 1em 2em 1em 3.5em!important;
margin: 0 0 2em!important;
position: relative;
background-color: #f7f6f7;
color: #515151;
border-top: 3px solid #8fae1b;
list-style: none!important;
width: auto;
}
.ywcds_message.woocommerce-message.woocommerce-error{
border-top: 3px solid #b81c23;
} .widget.widget_yith_wc_donations_summary .ywcds_widget_summary{
border:2px solid #ccc;
}
.widget.widget_yith_wc_donations_summary .ywcds_widget_summary .widget-title, .widget.widget_yith_wc_donations_summary .ywcds_widget_summary .ywcds_message{
padding: 0;
margin: 22px 25px 13px 25px;
}
.widget.widget_yith_wc_donations_summary .ywcds_widget_summary .widget-title{
font-size: 15px;
padding-bottom: 13px;
border-bottom:1px solid #ccc;
color:#3b3b3b;
}
.widget.widget_yith_wc_donations_summary .ywcds_widget_summary .ywcds_message .ywcds_text{
font-size: 14px;
margin-bottom: 18px;
text-align: left;
}
.ywcds_amount{
text-align: left;
}
.ywcds_amount span{
text-align: center;
display: inline-block;
font-weight: bold;
font-size: 15px;
line-height: 30px;
color:#3c3c3c;
}
.ywcds_amount span.digit,.ywcds_amount span.separator {
background: #e6e6e6;
margin-left: 5px;
width: 28px;
height: 28px;
}
.ywcds_amount span.separator{
margin-left: 5px;
}
.ywcds_amount span:last-child{
clear: left;
}
.ywcds_select_amounts_content span.ywcdp_single_amount{
display: inline-block;
padding: 10px;
margin-right: 10px;
margin-top:10px;
}
.ywcds_select_amounts_content span.ywcdp_single_amount:hover{
cursor: pointer;
}
.ywcds_show_extra_info_content {
margin-top: 10px;
}
.ywcds_show_extra_info{
display: block;
}
dt.variation-ywcds_extra_info{
display: none;
} .block-editor .ywcds_form_container .ywcds_amount{
display: block;
}
.block-editor .ywcds_form_container .ywcdp_single_amount.button{
padding-top: 0;
}[class*=tt--] {
position: relative;
display: inline-block
}
[class*=tt--]:after, [class*=tt--]:before {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s
}
[class*=tt--]:hover:after, [class*=tt--]:hover:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
transition-delay: .1s
}
[class*=tt--]:before {
content: '';
position: absolute;
background: 0 0;
border: 6px solid transparent;
z-index: 1000001
}
[class*=tt--]:after {
background: #383838;
color: #fff;
padding: 8px 10px;
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 13px;
white-space: nowrap;
text-shadow: none !important;
box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
}
[class*=tt--][aria-label]:after {
content: attr(aria-label)
}
[class*=tt--][data-hint]:after {
content: attr(data-hint)
}
[aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before {
display: none !important
}
.tt--top-left:before, .tt--top-right:before, .tt--top:before {
border-top-color: #383838
}
.tt--bottom-left:before, .tt--bottom-right:before, .tt--bottom:before {
border-bottom-color: #383838
}
.tt--top:after, .tt--top:before {
bottom: 100%;
left: 50%
}
.tt--top:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.tt--top:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%)
}
.tt--top:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--top:hover:after {
border-radius: 3px;
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px)
}
.tt--bottom:after, .tt--bottom:before {
top: 100%;
left: 50%
}
.tt--bottom:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.tt--bottom:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%)
}
.tt--bottom:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px)
}
.tt--right:before {
border-right-color: #383838;
margin-left: -11px;
margin-bottom: -6px
}
.tt--right:after {
margin-bottom: -14px
}
.tt--right:after, .tt--right:before {
left: 100%;
bottom: 50%
}
.tt--right:hover:after, .tt--right:hover:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px)
}
.tt--left:before {
border-left-color: #383838;
margin-right: -11px;
margin-bottom: -6px
}
.tt--left:after {
margin-bottom: -14px
}
.tt--left:after, .tt--left:before {
right: 100%;
bottom: 50%
}
.tt--left:hover:after, .tt--left:hover:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px)
}
.tt--top-left:after, .tt--top-left:before {
bottom: 100%;
left: 50%
}
.tt--top-left:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.tt--top-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 12px
}
.tt--top-left:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--top-left:hover:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px)
}
.tt--top-right:after, .tt--top-right:before {
bottom: 100%;
left: 50%
}
.tt--top-right:before {
margin-bottom: -11px;
left: calc(50% - 6px)
}
.tt--top-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
margin-left: -12px
}
.tt--top-right:hover:after, .tt--top-right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--bottom-left:after, .tt--bottom-left:before {
top: 100%;
left: 50%
}
.tt--bottom-left:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.tt--bottom-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 12px
}
.tt--bottom-left:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--bottom-left:hover:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px)
}
.tt--bottom-right:after, .tt--bottom-right:before {
top: 100%;
left: 50%
}
.tt--bottom-right:before {
margin-top: -11px;
left: calc(50% - 6px)
}
.tt--bottom-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
margin-left: -12px
}
.tt--bottom-right:hover:after, .tt--bottom-right:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--large:after, .tt--medium:after, .tt--small:after {
white-space: normal;
line-height: 1.4em;
word-wrap: break-word
}
.tt--small:after {
width: 80px
}
.tt--medium:after {
width: 150px
}
.tt--large:after {
width: 300px
}
.tt--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0 #592726
}
.tt--error.tt--top-left:before, .tt--error.tt--top-right:before, .tt--error.tt--top:before {
border-top-color: #b34e4d
}
.tt--error.tt--bottom-left:before, .tt--error.tt--bottom-right:before, .tt--error.tt--bottom:before {
border-bottom-color: #b34e4d
}
.tt--error.tt--left:before {
border-left-color: #b34e4d
}
.tt--error.tt--right:before {
border-right-color: #b34e4d
}
.tt--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0 #6c5328
}
.tt--warning.tt--top-left:before, .tt--warning.tt--top-right:before, .tt--warning.tt--top:before {
border-top-color: #c09854
}
.tt--warning.tt--bottom-left:before, .tt--warning.tt--bottom-right:before, .tt--warning.tt--bottom:before {
border-bottom-color: #c09854
}
.tt--warning.tt--left:before {
border-left-color: #c09854
}
.tt--warning.tt--right:before {
border-right-color: #c09854
}
.tt--info:after {
background-color: #3986ac;
text-shadow: none;
}
.tt--info.tt--top-left:before, .tt--info.tt--top-right:before, .tt--info.tt--top:before {
border-top-color: #3986ac
}
.tt--info.tt--bottom-left:before, .tt--info.tt--bottom-right:before, .tt--info.tt--bottom:before {
border-bottom-color: #3986ac
}
.tt--info.tt--left:before {
border-left-color: #3986ac
}
.tt--info.tt--right:before {
border-right-color: #3986ac
}
.tt--success:after {
background-color: #458746;
text-shadow: 0 -1px 0 #1a321a
}
.tt--success.tt--top-left:before, .tt--success.tt--top-right:before, .tt--success.tt--top:before {
border-top-color: #458746
}
.tt--success.tt--bottom-left:before, .tt--success.tt--bottom-right:before, .tt--success.tt--bottom:before {
border-bottom-color: #458746
}
.tt--success.tt--left:before {
border-left-color: #458746
}
.tt--success.tt--right:before {
border-right-color: #458746
}
.tt--always:after, .tt--always:before {
opacity: 1;
visibility: visible
}
.tt--always.tt--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--always.tt--top:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px)
}
.tt--always.tt--top-left:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--always.tt--top-left:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px)
}
.tt--always.tt--top-right:after, .tt--always.tt--top-right:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px)
}
.tt--always.tt--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--always.tt--bottom:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px)
}
.tt--always.tt--bottom-left:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--always.tt--bottom-left:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px)
}
.tt--always.tt--bottom-right:after, .tt--always.tt--bottom-right:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px)
}
.tt--always.tt--left:after, .tt--always.tt--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px)
}
.tt--always.tt--right:after, .tt--always.tt--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px)
}
.tt--rounded:after {
border-radius: 4px
}
.tt--no-animate:after, .tt--no-animate:before {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s
}
.tt--bounce:after, .tt--bounce:before {
-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
-moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}.rangeslider,
.rangeslider__fill {
display: block;
border-radius: 10px;
}
.rangeslider {
background: #F2F2F2;
position: relative;
}
.rangeslider--horizontal {
height: 5px;
width: 100%;
}
.rangeslider--disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}
.rangeslider__fill {
background: #5f64eb;
position: absolute;
transition: 0.3s;
}
.rangeslider--horizontal .rangeslider__fill {
top: 0;
height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
bottom: 0;
width: 100%;
}
.rangeslider__handle {
background: #7E6BE3;
border: 5px solid #F1F1F1;
cursor: pointer;
display: inline-block;
width: 26px;
height: 26px;
position: absolute;
background-size: 100%;
border-radius: 50%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.rangeslider--horizontal .rangeslider__handle {
top: 50%;
left: 0;
transform: translateY(-50%);
transition: 0.3s;
}.rs-ie,.rs-edge{-ms-touch-action:none;touch-action:none}.rs-control{position:relative;outline:0 none}.rs-container{position:relative}.rs-control *,.rs-control *:before,.rs-control *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rs-animation .rs-transition{-webkit-transition:all .5s linear 0s;-moz-transition:all .5s linear 0s;-o-transition:all .5s linear 0s;transition:all .5s linear 0s}.rs-bar{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.rs-control .rs-overlay{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}.rs-rounded .rs-seperator,.rs-split .rs-path{-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.rs-control.rs-error{border:1px dotted;text-align:center}.rs-readonly{height:100%;width:100%;top:0;position:absolute;z-index:100}.rs-disabled{opacity:.35}.rs-inner-container{height:100%;width:100%;position:relative;overflow:hidden}.quarter div.rs-block{height:200%;width:200%}.half.top div.rs-block,.half.bottom div.rs-block{height:200%;width:100%}.half.left div.rs-block,.half.right div.rs-block{height:100%;width:200%}.bottom>.rs-inner-container>.rs-block{top:auto;bottom:0}.right .rs-inner-container>.rs-block{right:0}div.rs-block{-webkit-border-radius:1000px;border-radius:1000px}.rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}.rs-block .rs-inner{-webkit-border-radius:1000px;border-radius:1000px;display:block;height:100%;width:100%;position:relative}.rs-overlay{width:50%}.rs-overlay1,.rs-overlay2{width:100%}.rs-overlay,.rs-overlay1,.rs-overlay2{position:absolute;background-color:#fff;z-index:3;top:0;height:50%}.rs-bar{display:block;position:absolute;height:0;z-index:10}.rs-bar.rs-rounded{z-index:5}.rs-bar .rs-seperator{height:0;display:block;float:left}.rs-bar:not(.rs-rounded) .rs-seperator{border-left:none;border-right:none}.rs-bar.rs-start .rs-seperator{border-top:none}.rs-bar.rs-end .rs-seperator{border-bottom:none}.rs-bar.rs-start.rs-rounded .rs-seperator{border-radius:0 0 1000px 1000px}.rs-bar.rs-end.rs-rounded .rs-seperator{border-radius:1000px 1000px 0 0}.full .rs-bar,.half .rs-bar{width:50%}.half.left .rs-bar,.half.right .rs-bar,.quarter .rs-bar{width:100%}.full .rs-bar,.half.left .rs-bar,.half.right .rs-bar{top:50%}.bottom .rs-bar{top:0}.half.right .rs-bar,.quarter.right .rs-bar{right:100%}.rs-handle.rs-move{cursor:move}.rs-readonly .rs-handle.rs-move{cursor:default}.rs-path{display:block;height:100%;width:100%}.rs-split .rs-path{-webkit-border-radius:1000px 1000px 0 0;border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}.rs-tooltip{position:absolute;cursor:default;border:1px solid transparent;z-index:10}.full .rs-tooltip{top:50%;left:50%}.bottom .rs-tooltip{top:0}.top .rs-tooltip{bottom:0}.right .rs-tooltip{left:0}.left .rs-tooltip{right:0}.half.top .rs-tooltip,.half.bottom .rs-tooltip{left:50%}.half.left .rs-tooltip,.half.right .rs-tooltip{top:50%}.rs-tooltip .rs-input{outline:0 none;border:none;background:transparent}.rs-tooltip-text{font-family:verdana;font-size:13px;border-radius:7px;text-align:center}.rs-tooltip.edit,.rs-tooltip .rs-input{padding:5px 8px}.rs-tooltip.hover,.rs-tooltip.edit:hover{border:1px solid #aaa;cursor:pointer}.rs-readonly .rs-tooltip.edit:hover{border-color:transparent;cursor:default}.rs-handle{border-radius:1000px;outline:0 none;float:left}.rs-handle.rs-handle-square{border-radius:0}.rs-handle-dot{border:1px solid #aaa;padding:6px}.rs-handle-dot:after{display:block;content:"";border:1px solid #aaa;height:100%;width:100%;border-radius:1000px}.rs-seperator{border:1px solid #aaa}.rs-border{border:1px solid #aaa}.rs-path-color{background-color:#fff}.rs-range-color{background-color:#54bbe0}.rs-bg-color{background-color:#fff}.rs-handle{background-color:#838383}.rs-handle-dot{background-color:#fff}.rs-handle-dot:after{background-color:#838383}.liquidpoll-custom h2 {
font-size: 3em;
font-weight: 300;
padding: 0 0 0.5em;
margin: 0 0 30px;
}
.liquidpoll-custom ul,
.liquidpoll-custom ol {
list-style: none;
padding: 0;
margin: 0 auto;
max-width: 800px;
}
.liquidpoll-custom li {
margin: 0 auto;
padding: 2em 0;
position: relative;
}
.liquidpoll-custom label {
display: block;
position: relative;
padding: 0 0 0 65px;
vertical-align: top;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.liquidpoll-custom input[type="checkbox"],
.liquidpoll-custom input[type="radio"],
.liquidpoll-custom label::before {
margin: 0;
width: 44px;
height: 44px;
top: 50%;
left: 0;
position: absolute;
cursor: pointer;
transform: translateY(-50%);
}
.liquidpoll-custom input[type="checkbox"],
.liquidpoll-custom input[type="radio"] {
opacity: 0;
-webkit-appearance: none;
display: inline-block;
vertical-align: middle;
z-index: 100;
}
.liquidpoll-custom label::before {
content: '';
border: 4px solid #ddd;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.liquidpoll-radio label::before {
border-radius: 50%;
} .liquidpoll-custom svg {
position: absolute;
width: 32px;
height: 32px;
top: 50%;
left: 6px;
pointer-events: none;
transform: translateY(-50%);
}
.liquidpoll-custom svg path {
stroke: #4CAF50;
stroke-width: 13px;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
} .liquidpoll-circle input[type="checkbox"],
.liquidpoll-circle input[type="radio"],
.liquidpoll-circle label::before {
width: 30px;
height: 30px;
left: 10px;
position: absolute;
}
.liquidpoll-circle label::before {
background-color: #ddd;
border: none;
}
.liquidpoll-circle svg {
width: 56px;
height: 56px;
left: 27px;
}
.liquidpoll-circle svg path {
stroke-width: 5px;
} .liquidpoll-boxfill svg path {
stroke-width: 8px;
} .liquidpoll-swirl svg path {
stroke-width: 8px;
} .liquidpoll-list ol {
list-style: decimal;
list-style-position: inside;
}
.liquidpoll-list ol li {
font-size: 2em;
padding: 1em 1em 0 2em;
text-indent: -40px;
}
.liquidpoll-list ol li label {
font-size: 1em;
text-indent: 0;
padding-left: 30px;
}
.liquidpoll-list label::before {
display: none;
}
.liquidpoll-list svg {
width: 100%;
height: 80px;
left: 0;
top: 1.2em;
margin-top: 0;
}
.liquidpoll-list svg path {
stroke-width: 4px;
}
 :after, :before, * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img {
height: auto;
max-width: 100%;
}
[class*="liquidpoll-option-list"] {
margin-bottom: 50px;
}
.liquidpoll-poll-thumbnail {
margin-bottom: 25px;
}
.liquidpoll-buttons {
display: flex;
justify-content: space-between;
}
.liquidpoll-button {
display: inline-block;
padding: 16px 18px;
background: #5F64EB;
border: 0;
border-radius: 5px;
color: #fff;
transition: 0.3s;
min-width: 99px;
outline: none;
box-shadow: none;
cursor: pointer;
font-size: 20px;
line-height: 23px;
font-weight: 600;
margin-right: 18px;
font-family: Roboto, serif;
text-align: center;
width: 50%;
}
.liquidpoll-button.liquidpoll-get-poll-results {
margin-right: 0;
}
.liquidpoll-button.liquidpoll-get-poll-results.voted-users-only {
pointer-events: none;
user-select: none;
}
.liquidpoll-poll-title {
font-family: Roboto, serif;
font-size: 35px;
font-weight: 600;
line-height: 41px;
letter-spacing: 0;
text-align: left;
margin: 0 0 15px 0;
}
.liquidpoll-button-orange {
background: #ffb023;
}
.liquidpoll-button-green {
background: #4CAF50;
}
.liquidpoll-button-red {
background: #F44336;
}
.liquidpoll-button-gray {
background: #F2F2F2;
color: #909090;
}
.liquidpoll-button-blue {
background: #087fde;
}
.liquidpoll-button:hover, .liquidpoll-button:focus {
background: #2a2a2a;
color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.liquidpoll_poll_title {
margin-bottom: 15px;
}
.liquidpoll-option-single {
word-break: break-word;
position: relative;
cursor: pointer;
z-index: 10;
transition: 0.4s;
}
.liquidpoll-option-single label {
display: block;
cursor: pointer;
font-size: 16px;
line-height: 26px;
min-height: 26px;
font-weight: normal;
margin: 0 !important;
}
p.liquidpoll-responses {
text-align: center;
margin: 10px 0 20px;
background: #CAFCCF;
color: #49617C;
border-radius: 5px;
padding: 17px 0 17px 60px;
display: none;
font-size: 18px;
line-height: 21px;
transition: 0.3s;
font-weight: 700;
position: relative;
overflow: hidden;
}
p.liquidpoll-responses.display {
display: block;
}
p.liquidpoll-responses .icon-box {
position: absolute;
top: 0;
left: 0;
background: #22D153;
width: 55px;
height: 100%;
}
p.liquidpoll-responses .icon-box:before {
content: url(//www.cri.or.th/wp-content/plugins/wp-poll/assets/images/response-success.svg);
position: absolute;
width: 24px;
height: 24px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} p.liquidpoll-responses.liquidpoll-error, p.liquidpoll-responses.liquidpoll-warning {
background: #FFF0DA;
}
p.liquidpoll-responses.liquidpoll-error .icon-box, p.liquidpoll-responses.liquidpoll-warning .icon-box {
background: #FFB547;
}
p.liquidpoll-responses.liquidpoll-error .icon-box:before, p.liquidpoll-responses.liquidpoll-warning .icon-box:before {
content: url(//www.cri.or.th/wp-content/plugins/wp-poll/assets/images/response-error.svg);
}
p.liquidpoll-responses .close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
p.liquidpoll-responses.liquidpoll-error .close > path, p.liquidpoll-responses.liquidpoll-warning .close > path {
stroke: #FFB547;
}
.liquidpoll-pagination {
text-align: center;
}
.liquidpoll-pagination > * {
display: inline-block;
line-height: normal;
border: 1px solid #dadada;
background-color: #fff;
padding: 6px 14px;
font-size: 13px;
border-radius: 3px;
margin: 0 2px 6px;
overflow: hidden;
outline: none !important;
text-decoration: none;
color: #777;
transition: 0.3s;
}
.liquidpoll-pagination > .current, .entry-content .liquidpoll-pagination > .current, .liquidpoll-pagination > *:hover, .entry-content .liquidpoll-pagination > *:hover {
background: #FF5722;
border-color: #FF5722;
color: #fff;
}
.liquidpoll-checkmark svg {
position: absolute;
width: 42px;
height: 42px;
top: 50%;
left: 6px;
pointer-events: none;
transform: translateY(-50%);
}
.liquidpoll-checkmark svg path {
stroke-width: 5px;
stroke-linecap: unset;
stroke-linejoin: round;
} .poll-archive-single {
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid #eee;
}
.poll-archive-single:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.poll-archive-single.has-thumbnail .poll-thumb {
float: left;
max-width: 150px;
margin: 0 30px 30px 0;
}
.poll-archive-single.has-thumbnail .poll-summary {
margin-left: 170px;
}
.poll-archive-single .poll-options li {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px dashed #ddd;
list-style-position: inside;
list-style-type: circle;
line-height: 32px;
}
.poll-archive-single .poll-options li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.poll-archive-single .poll-options {
margin-bottom: 0;
padding-left: 25px;
}
.poll-archive-single .poll-options .area-right {
float: right;
}
.poll-archive-single .poll-options .area-right:last-child {
margin-right: 10px;
}
.poll-archive-single .poll-options img {
width: 32px;
border-radius: 4px;
}
.poll-archive-single .poll-excerpt {
margin-bottom: 30px;
}
.poll-archive-single .poll-excerpt p:last-child {
margin-bottom: 0;
}
.poll-archive-single .poll-metas .poll-meta {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #ddd;
margin-bottom: 20px;
color: #999;
font-size: 13px;
line-height: 18px;
}
.poll-archive-single .poll-metas .poll-meta:last-child {
border-right: 0;
padding-right: 0;
margin-right: 0;
} .poll-single {
max-width: 570px !important;
}
.poll-single:not(.inside-embed) {
margin: 70px auto;
}
.poll-single .liquidpoll-content {
margin-bottom: 50px;
}
.poll-single .liquidpoll-content p:last-child {
margin-bottom: 0;
}
.poll-single.rendered-results,
.poll-single.vote-done {   } [class*="liquidpoll-countdown-timer"] > span {
margin-bottom: 30px;
}
.liquidpoll-countdown-timer-1 {
margin: 25px 0;
text-align: center;
}
.liquidpoll-countdown-timer-1 > span {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #ccc;
font-size: 22px;
line-height: 25px;
font-weight: 400;
}
.liquidpoll-countdown-timer-1 > span:last-child {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
.liquidpoll-countdown-timer-1 .count-number {
margin-right: 5px;
font-weight: 700;
}
.liquidpoll-countdown-timer-2 > span {
display: inline-block;
margin-right: 25px;
padding-right: 25px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
font-size: 16px;
line-height: 24px;
text-align: center;
}
.liquidpoll-countdown-timer-2 > span:last-child {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
.liquidpoll-countdown-timer-2 .count-number {
margin-right: 5px;
font-weight: bold;
font-size: 42px;
line-height: 32px;
margin-bottom: 10px;
display: block;
}
.liquidpoll-countdown-timer-3 > span {
display: inline-block;
margin-right: 25px;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 16px;
text-align: center;
min-width: 120px;
min-height: 120px;
border-radius: 50%;
}
.liquidpoll-countdown-timer-3 .count-number {
margin-right: 5px;
font-weight: bold;
font-size: 42px;
line-height: 32px;
margin-top: 30px;
margin-bottom: 6px;
display: block;
}
.liquidpoll-countdown-timer-4 > span {
display: inline-block;
margin-right: 15px;
border-left: 4px solid rgba(248, 0, 19, 0.17);
border-right: 4px solid rgba(76, 175, 80, 0.17);
font-size: 16px;
text-align: center;
min-width: 120px;
min-height: 120px;
border-radius: 50%;
}
.liquidpoll-countdown-timer-4 .count-number {
font-weight: bold;
font-size: 42px;
line-height: 32px;
margin-top: 30px;
margin-bottom: 6px;
display: block;
color: #4dd7fd;
}
.liquidpoll-countdown-timer-5 > span {
display: inline-block;
margin-right: 15px;
font-size: 16px;
text-align: center;
min-width: 120px;
min-height: 120px;
border-radius: 50%;
color: #fff;
background-color: #009688;
background-image: linear-gradient(-225deg, #009688 0%, #89d432 100%);
}
.liquidpoll-countdown-timer-5 .count-number {
margin-right: 5px;
font-weight: bold;
font-size: 42px;
line-height: 32px;
margin-top: 30px;
margin-bottom: 6px;
display: block;
} .liquidpoll-option-list-1 .liquidpoll-option-single {
margin-bottom: 30px;
}
.liquidpoll-option-list-1 .liquidpoll-option-single input {
position: absolute;
opacity: 0;
}
.liquidpoll-option-list-1 .liquidpoll-option-single input + label {
position: relative;
cursor: pointer;
display: block;
width: 100%;
font-size: 20px;
line-height: 23px;
font-weight: 600;
color: #000000;
transition: .2s;
}
.liquidpoll-option-list-1 .liquidpoll-option-single input + label:before {
content: '';
right: 0;
top: 50%;
position: absolute;
transform: translateY(-50%);
width: 35px;
height: 35px;
border-radius: 3px;
background: #EEEEEE;
border: 4px solid #EEEEEE;
}
.liquidpoll-option-list-1 .liquidpoll-option-single input[type="radio"] + label:before {
border-radius: 50%;
}
.liquidpoll-option-list-1 .liquidpoll-option-single input:hover + label:before, .liquidpoll-option-list-1 .liquidpoll-option-single input:checked + label:before {
background: linear-gradient(180deg, #80C2FF 0%, #4398E8 100%);
}                  .liquidpoll-option-list-1 .liquidpoll-option-single.has-result {
margin-bottom: 90px;
} .liquidpoll-option-list-2 {
max-width: 460px;
}
.liquidpoll-option-list-2 .liquidpoll-option-single {
padding: 15px;
background: #f5f5f5;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
margin-bottom: 20px;
border-radius: 5px;
line-height: normal;
}
.liquidpoll-option-list-2 .liquidpoll-option-single input {
position: absolute;
opacity: 0;
}
.liquidpoll-option-list-2 .liquidpoll-option-single input + label {
position: relative;
cursor: pointer;
padding-left: 30px;
display: block;
}
.liquidpoll-option-list-2 .liquidpoll-option-single input + label:before {
content: '';
left: 0;
top: 50%;
position: absolute;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 4px;
background: #fff;
border: 2px solid rgba(0, 0, 0, 0.1);
transition: 0.3s;
}
.liquidpoll-option-list-2 .liquidpoll-option-single input[type="radio"] + label:before {
border-radius: 50%;
}
.liquidpoll-option-list-2 .liquidpoll-option-single input:hover + label:before, .liquidpoll-option-list-2 .liquidpoll-option-single input:checked + label:before {
background: #40a544;
}
.liquidpoll-option-list-2 .liquidpoll-option-single input + label:after {
content: '';
position: absolute;
left: 4px;
top: 50%;
background: white;
width: 2px;
height: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg) translateY(-50%);
opacity: 0;
transition: 0.3s;
}
.liquidpoll-option-list-2 .liquidpoll-option-single input:checked + label:after {
opacity: 1;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
} .liquidpoll-option-list-3 .liquidpoll-option-single {
border-bottom: 1px solid #eee;
padding: 32px 0;
display: block;
min-height: 95px;
}
.liquidpoll-option-list-3 .liquidpoll-option-single:not(.has-result):last-child {
border-bottom: 0;
}
.liquidpoll-option-list-3.liquidpoll-circle svg {
left: -3px;
} .liquidpoll-option-list-4 .liquidpoll-option-single {
border: 1px solid #eee;
background-color: #fff;
padding: 25px 20px;
display: block;
margin-bottom: -1px
}
.liquidpoll-option-list-4.liquidpoll-custom svg {
left: 26px;
}
.liquidpoll-option-list-4.liquidpoll-circle svg {
left: 17px;
} .liquidpoll-option-list-5 .liquidpoll-option-single {
border-right: 5px solid rgba(0, 0, 0, 0.07);
border-left: 5px solid rgba(0, 0, 0, 0.07);
padding: 30px 30px;
display: block;
margin-bottom: 30px;
border-radius: 12px;
}
.liquidpoll-option-list-5.liquidpoll-custom svg {
left: 37px;
}
.liquidpoll-option-list-5.liquidpoll-circle svg {
left: 27px;
} .liquidpoll-option-list-6 .liquidpoll-option-single {
background-color: #fff;
border-left: 6px solid #4caf50;
padding: 25px 20px;
display: block;
margin-bottom: 20px;
box-shadow: 0 5px 20px rgba(0, 26, 169, 0.09);
}
.liquidpoll-option-list-6.liquidpoll-custom svg {
left: 27px;
}
.liquidpoll-option-list-6.liquidpoll-circle svg {
left: 17px;
} .liquidpoll-option-list-7 .liquidpoll-option-single {
padding: 25px 20px;
display: block;
margin-bottom: 20px;
box-shadow: 0 5px 20px rgba(0, 26, 169, 0.09);
background-color: #009688;
background-image: linear-gradient(-225deg, #009688 0%, #89d432 100%);
color: #fff;
border-radius: 4px;
}
.liquidpoll-option-list-7.liquidpoll-custom svg {
left: 27px;
}
.liquidpoll-option-list-7.liquidpoll-circle svg {
left: 17px;
}
.liquidpoll-custom.liquidpoll-option-list-7 svg path {
stroke: #fff;
}
.liquidpoll-option-list-7 label::before {
border-color: #fff;
}
.liquidpoll-option-list-7.liquidpoll-circle label::before {
background-color: #fff;
} .liquidpoll-option-list-8 .liquidpoll-option-single {
padding: 20px 26px;
display: block;
margin-bottom: 23px;
background-color: #0F3357;
color: #fff;
border-radius: 50px;
}
.liquidpoll-custom.liquidpoll-option-list-8 label {
padding: 0 0 0 55px;
}
.liquidpoll-option-list-8.liquidpoll-custom input[type="checkbox"], .liquidpoll-option-list-8.liquidpoll-custom input[type="radio"], .liquidpoll-option-list-8.liquidpoll-custom label::before {
border: 3px solid #ddd;
width: 36px;
height: 36px;
}
.liquidpoll-option-list-8.liquidpoll-circle label::before {
width: 24px;
height: 24px;
left: 0;
}
.liquidpoll-option-list-8.liquidpoll-custom svg {
left: 32px;
width: 26px;
height: 26px;
}
.liquidpoll-option-list-8.liquidpoll-circle svg {
left: 14px;
width: 46px;
height: 46px;
}
.liquidpoll-option-list-8.liquidpoll-circle .liquidpoll-option-single label {
padding-left: 40px;
}
.liquidpoll-option-list-8 .liquidpoll-option-single label {
font-size: 16px;
line-height: 26px;
font-weight: 600;
margin: 0;
}
.liquidpoll-option-list-8 .liquidpoll-option-single input:checked + label {
color: green;
} .liquidpoll-option-list-9 {
max-width: 547px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -5px;
margin-right: -5px;
}
.liquidpoll-option-list-9 {
}
.liquidpoll-option-list-9 .liquidpoll-col {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
min-width: 180.31px;
padding-left: 5px;
padding-right: 5px;
}
.liquidpoll-option-list-9 .liquidpoll-option-single {
flex-direction: column-reverse;
justify-content: unset;
padding: 10px;
display: block;
margin-bottom: 10px;
background-color: #F9E7E2;
border: 1px solid #EC785B;
border-radius: 4px;
}
.liquidpoll-option-list-9 .liquidpoll-option-single.has-label.has-thumb .liquidpoll-option-input {
margin: 15px 0 5px;
}
.liquidpoll-option-list-9 .liquidpoll-option-single.has-thumb .liquidpoll-option-thumb, .liquidpoll-option-list-9 .liquidpoll-option-single.has-label.has-thumb .liquidpoll-option-input {
width: 100%;
}
.liquidpoll-custom.liquidpoll-option-list-9 .liquidpoll-option-input {
position: relative;
}
.liquidpoll-custom.liquidpoll-option-list-9 label {
padding: 0 0 0 52px;
font-weight: 600;
position: initial;
line-height: normal;
}
.liquidpoll-custom.liquidpoll-option-list-9 .has-thumb:not(.has-label) label {
height: 47px;
min-width: 150px;
}
.liquidpoll-option-list-9.liquidpoll-custom input[type="checkbox"], .liquidpoll-option-list-9.liquidpoll-custom input[type="radio"], .liquidpoll-option-list-9.liquidpoll-custom label::before {
border: 3px solid rgba(0, 0, 0, 0.1);
width: 36px;
height: 36px;
bottom: -5px;
}
.liquidpoll-option-list-9.liquidpoll-custom .has-thumb:not(.has-label) input[type="checkbox"], .liquidpoll-option-list-9.liquidpoll-custom .has-thumb:not(.has-label) input[type="radio"], .liquidpoll-option-list-9.liquidpoll-custom .has-thumb:not(.has-label) label::before {
bottom: 0;
}
.liquidpoll-option-list-9.liquidpoll-custom.liquidpoll-circle .has-thumb:not(.has-label) label::before {
bottom: 5px;
}
.liquidpoll-option-list-9.liquidpoll-circle label::before {
width: 24px;
height: 24px;
left: 0;
bottom: 1px;
}
.liquidpoll-option-list-9.liquidpoll-circle svg {
left: -6px;
width: 36px;
height: 36px;
bottom: 8px;
}
.liquidpoll-option-list-9.liquidpoll-circle .liquidpoll-option-single label {
padding-left: 34px;
}
.liquidpoll-option-list-9 .liquidpoll-option-single input:checked + label {
color: #ec785b;
}
.liquidpoll-custom.liquidpoll-option-list-9 svg path {
stroke: #ec785b;
}
.liquidpoll-option-list-9 .liquidpoll-option-single.has-label:not(.has-thumb) {
padding: 13px 10px;
min-height: 34px;
}
.liquidpoll-option-list-9 svg {
width: 24px;
height: 24px;
left: 6px;
}
.liquidpoll-option-list-9.liquidpoll-checkmark svg {
width: 36px;
height: 36px;
left: 0;
} .liquidpoll-option-list-10 {
max-width: 1024px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -15px;
margin-right: -15px;
}
.liquidpoll-option-list-10 .liquidpoll-col {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
min-width: 200px;
padding-left: 15px;
padding-right: 15px;
}
.liquidpoll-option-list-10 .liquidpoll-option-single {
flex-direction: column-reverse;
justify-content: unset;
display: block;
margin-bottom: 30px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 5px 20px rgba(88, 88, 88, 0.3);
}
.liquidpoll-option-list-10 .liquidpoll-option-single.has-thumb .liquidpoll-option-thumb {
border-radius: 4px 4px 0 0;
text-align: center;
width: 100%;
background-color: #f36868;
background-image: linear-gradient(48deg, #ffc672 -7.4%, #fb835d 71.6%);
margin-bottom: 65px;
}
.liquidpoll-option-list-10 .liquidpoll-option-single.has-thumb .liquidpoll-option-thumb img {
width: 100px;
border-radius: 50%;
position: relative;
bottom: -50px;
padding: 5px;
background: #fff;
box-shadow: 0 -8px 11px rgba(0, 0, 0, 0.19), 0 8px 11px rgba(0, 0, 0, 0.19);
}
.liquidpoll-custom.liquidpoll-option-list-10 label {
position: inherit;
padding: 0 0 75px;
text-align: center;
font-size: 18px;
line-height: 30px;
}
.liquidpoll-custom.liquidpoll-option-list-10.liquidpoll-checkbox label {
padding: 0 0 85px;
}
.liquidpoll-custom.liquidpoll-option-list-10 .has-label:not(.has-thumb) label {
padding-bottom: 72px;
}
.liquidpoll-option-list-10 .liquidpoll-option-input {
width: 100%;
}
.liquidpoll-option-list-10.liquidpoll-custom input[type="checkbox"], .liquidpoll-option-list-10.liquidpoll-custom input[type="radio"], .liquidpoll-option-list-10.liquidpoll-custom label::before {
top: auto;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
}
.liquidpoll-option-list-10.liquidpoll-custom svg {
left: 50%;
top: auto;
bottom: 30px;
transform: translateX(-50%);
}
.liquidpoll-option-list-10.liquidpoll-circle .liquidpoll-option-single svg {
bottom: 12px;
}
.liquidpoll-option-list-10 .liquidpoll-option-single input:checked + label {
color: #ec785b;
}
.liquidpoll-custom.liquidpoll-option-list-10 svg path {
stroke: #ec785b;
}
.liquidpoll-option-list-10 .liquidpoll-option-single.has-label:not(.has-thumb) {
padding: 13px 10px;
} .liquidpoll-option-list-11 {
max-width: 1024px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -10px;
margin-right: -10px;
}
.liquidpoll-option-list-11 .liquidpoll-col {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
min-width: 205px;
padding-left: 10px;
padding-right: 10px;
}
.liquidpoll-option-list-11 .liquidpoll-option-single {
flex-direction: column-reverse;
justify-content: unset;
display: block;
margin-bottom: 20px;
background-color: #fff;
border: 6px solid #fff;
box-shadow: 0 5px 20px rgba(88, 88, 88, 0.3);
}
.liquidpoll-option-list-11 .liquidpoll-option-single.has-thumb .liquidpoll-option-thumb {
text-align: center;
width: 100%;
background-color: #3d3bf8;
margin-bottom: 65px;
background-image: linear-gradient(249.1deg, rgba(11, 206, 250, 1) -6.5%, rgba(65, 46, 248, 1) 100.2%);
}
.liquidpoll-option-list-11 .liquidpoll-option-single.has-thumb .liquidpoll-option-thumb img {
width: 100px;
border-radius: 50%;
position: relative;
bottom: -50px;
padding: 5px;
background: #fff;
}
.liquidpoll-custom.liquidpoll-option-list-11 label {
position: inherit;
padding: 0 0 75px;
text-align: center;
font-size: 18px;
line-height: 30px;
}
.liquidpoll-custom.liquidpoll-option-list-11.liquidpoll-checkbox label {
padding: 0 0 85px;
}
.liquidpoll-custom.liquidpoll-option-list-11 .has-label:not(.has-thumb) label {
padding-bottom: 72px;
}
.liquidpoll-option-list-11 .liquidpoll-option-input {
width: 100%;
}
.liquidpoll-option-list-11.liquidpoll-custom input[type="checkbox"], .liquidpoll-option-list-11.liquidpoll-custom input[type="radio"], .liquidpoll-option-list-11.liquidpoll-custom label::before {
top: auto;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
}
.liquidpoll-option-list-11.liquidpoll-custom svg {
left: 50%;
top: auto;
bottom: 30px;
transform: translateX(-50%);
}
.liquidpoll-option-list-11.liquidpoll-circle .liquidpoll-option-single svg {
bottom: 12px;
}
.liquidpoll-option-list-11 .liquidpoll-option-single input:checked + label {
color: #0fc2fa;
}
.liquidpoll-custom.liquidpoll-option-list-11 svg path {
stroke: #0fc2fa;
}
.liquidpoll-option-list-11 .liquidpoll-option-single.has-label:not(.has-thumb) {
padding: 13px 10px;
} [class*="liquidpoll-option-list"] .has-thumb {
display: flex;
align-items: center;
}
[class*="liquidpoll-option-list"] .has-thumb.has-label {
justify-content: space-between;
}
[class*="liquidpoll-option-list"] .has-thumb .liquidpoll-option-thumb {
width: 75px;
}
[class*="liquidpoll-option-list"] .has-thumb .liquidpoll-option-thumb img {
height: auto;
max-width: 100%;
border-radius: 5px;
}
[class*="liquidpoll-option-list"] .has-label.has-thumb .liquidpoll-option-input {
width: calc(100% - 100px);
}
.liquidpoll-option-list-10.liquidpoll-checkmark svg, .liquidpoll-option-list-11.liquidpoll-checkmark svg {
bottom: 26px;
}
.liquidpoll-option-list-4.liquidpoll-checkmark svg, .liquidpoll-option-list-6.liquidpoll-checkmark svg, .liquidpoll-option-list-7.liquidpoll-checkmark svg {
left: 22px;
}
.liquidpoll-option-list-5.liquidpoll-checkmark svg {
left: 31px;
}
.liquidpoll-option-list-3.liquidpoll-checkmark svg {
left: 1px;
} .liquidpoll-new-option input[type="text"] {
width: 100%;
padding: 9px 13px;
margin: 10px 0 20px;
outline: none;
}
.liquidpoll-new-option .liquidpoll-notice-warning {
position: relative;
top: -12px;
color: red;
}
.liquidpoll-popup-container {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
}
.liquidpoll-popup-container.popup-open {
display: block;
}
.liquidpoll-popup-container .liquidpoll-popup-box {
background: none repeat scroll 0 0 rgb(255, 255, 255);
height: auto;
margin: 0 auto;
padding: 35px;
position: relative;
top: 20%;
max-width: 320px;
border-radius: 3px;
box-shadow: 0 10px 8px rgba(100, 100, 100, 0.9);
max-height: 450px;
overflow-y: auto;
}
.liquidpoll-popup-container .liquidpoll-popup-box.popup-box-medium {
max-width: 460px;
}
.liquidpoll-popup-container.liquidpoll-embed-popup .liquidpoll-popup-box {
min-height: 180px;
box-shadow: none;
}
.liquidpoll-popup-container .box-close {
font-size: 20px;
line-height: 28px;
color: #ffffff;
background: #f80013;
position: absolute;
top: 7px;
right: 7px;
cursor: pointer;
border-radius: 2px;
transition: background 0.2s linear;
width: 28px;
height: 28px;
}
.liquidpoll-popup-container .box-close:hover {
color: #fff;
background: #94000f;
}
.liquidpoll-popup-container .liquidpoll-popup-box .box-message {
padding: 15px;
font-size: 20px;
color: red;
} .liquidpoll-option-result-bar.results-danger {
background: #ff5722;
}
.liquidpoll-option-result-bar.results-warning {
background: #ff9800;
}
.liquidpoll-option-result-bar.results-info {
background: #03a9f4;
}
.liquidpoll-option-result-bar.results-success {
background: #4caf50;
}
.liquidpoll-option-result-bar {
position: absolute;
height: 5px;
left: 0;
bottom: -25px;
z-index: -1;
width: 0;
transition: 0.5s;
background: #44C368;
}
.liquidpoll-option-result {
position: absolute;
left: 0;
bottom: 0;
font-size: 20px;
line-height: 23px;
color: #000000;
font-weight: 300;
transition: 0.5s;
}
.liquidpoll-option-single.has-result {
margin-bottom: 55px;
}
.liquidpoll-option-single.has-result .liquidpoll-option-result {
bottom: -58px;
}
.liquidpoll-option-list-3 .liquidpoll-option-single.has-result {
border-top: 1px solid #eee;
}
.liquidpoll-option-list-3 .liquidpoll-option-single.has-result .liquidpoll-option-result-bar, .liquidpoll-option-list-4 .liquidpoll-option-single.has-result .liquidpoll-option-result-bar {
border-radius: 0;
top: -1px;
}
.liquidpoll-option-list-5 .liquidpoll-option-single.has-result .liquidpoll-option-result-bar {
left: 2%;
border-top-right-radius: 3px;
max-width: 96%;
}
.liquidpoll-option-list-6 .liquidpoll-option-single.has-result .liquidpoll-option-result-bar {
border-top-left-radius: 0;
}
.liquidpoll-option-list-7 .liquidpoll-option-single.has-result {
margin-top: 12px;
}
.liquidpoll-option-list-7 .liquidpoll-option-single .liquidpoll-option-result-bar {
border-radius: 6px;
height: 6px;
top: -12px;
}
.liquidpoll-option-list-8 .liquidpoll-option-single.has-result {
margin-top: 12px;
margin-bottom: 65px;
}
.liquidpoll-option-list-8 .liquidpoll-option-single .liquidpoll-option-result-bar {
border-radius: 6px;
height: 6px;
top: -12px;
max-width: calc(100% - 60px);
left: 30px;
}
.liquidpoll-option-list-8 .liquidpoll-option-single .liquidpoll-option-result {
left: 30px;
}
.liquidpoll-option-list-9 .liquidpoll-option-single.has-result {
margin-top: 12px;
}
.liquidpoll-option-list-9 .liquidpoll-option-single .liquidpoll-option-result-bar {
border-radius: 6px;
height: 6px;
top: -12px;
}
.liquidpoll-option-list-10 .liquidpoll-option-single .liquidpoll-option-result-bar {
border-radius: 6px;
height: 4px;
top: auto;
bottom: 10px;
max-width: calc(100% - 20px);
left: 10px;
}
.liquidpoll-option-list-11 .liquidpoll-option-single .liquidpoll-option-result-bar {
border-radius: 0;
height: 4px;
top: auto;
bottom: 8px;
max-width: calc(100% - 10px);
left: 5px;
}
.liquidpoll-option-list-11 .liquidpoll-option-single.has-result .liquidpoll-option-result {
bottom: -40px;
} .liquidpoll-notice {
background: #00bcd43b;
padding: 10px;
border-left: 3px solid;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.liquidpoll-notice > p {
margin-bottom: 0;
}
.liquidpoll-notice.liquidpoll-warning {
background: #ff98003b;
}
.liquidpoll-notice.liquidpoll-error {
background: #ff57223b;
}
.liquidpoll-notice.liquidpoll-success {
background: #4caf503b;
} .liquidpoll-poller-list-container h3 {
margin-bottom: 20px;
}
.liquidpoll-poller-list-container table td {
text-align: center;
}
.liquidpoll-poller-list-container table th, .liquidpoll-poller-list-container table td {
text-align: center;
}
.liquidpoll-poller-list-container table th:first-child, .liquidpoll-poller-list-container table td:first-child {
text-align: left;
}
.single-poll-wrong {
width: 70%;
margin: 5% auto;
}
.logged-in .single-survey-wrap {
top: 32px;
}
.poll-single .liquidpoll-option-single span.liquidpoll-votes-count {
position: absolute;
right: 0;
opacity: 0;
transition: 0.3s;
color: #000000;
font-size: 20px;
}
.poll-single .liquidpoll-option-single.has-result span.liquidpoll-votes-count {
opacity: 1;
}
.poll-single .liquidpoll-option-list-1 .liquidpoll-option-single.active span.liquidpoll-votes-count, .poll-single .liquidpoll-option-list-1 .liquidpoll-option-single:hover span.liquidpoll-votes-count {
color: #fff;
}
.poll-single.rendered-results .liquidpoll-option-single.has-thumb.has-label.has-result .liquidpoll-option-input {
width: calc(100% - 195px);
}
.poll-single.rendered-results .liquidpoll-option-single.has-thumb.has-label.has-result .liquidpoll-option-input {
width: calc(100% - 160px);
}
.poll-single.rendered-results .liquidpoll-option-single.has-label.has-result .liquidpoll-option-input {
width: calc(100% - 100px);
} .poll-single.theme-1.rendered-results .liquidpoll-option-single.has-label.has-result .liquidpoll-option-input {
width: 100%;
}
.poll-single.theme-1 .liquidpoll-option-single .liquidpoll-option-input span {
display: inline-block;
width: calc(100% - 40px);
} .poll-single.theme-2 .liquidpoll-content p {
color: #9B9B9B;
font-weight: 400;
font-size: 16px;
}
.poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single {
margin-bottom: 15px;
background-color: #EDF1FD;
padding: 12px 15px;
border-radius: 5px;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
transition: .3s;
min-height: 70px;
}
.poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single.has-thumb .liquidpoll-option-thumb {
margin-right: 26px;
}
.poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single.active {
background-color: #5F64EB;
}
.poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single.active input + label, .poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single:hover input + label {
color: #FFFFFF;
}
.poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single.active, .poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single:hover {
background-color: #5F64EB;
width: calc(100% + 15px);
margin-left: 15px;
}
.poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single input + label:before {
display: none;
}
.liquidpoll-countdown-timer-1 .count-number {
margin-right: 5px;
font-weight: 700;
}
.poll-single .liquidpoll-option-single.has-result span.liquidpoll-votes-count {
right: 30px;
}
.poll-single.theme-2 .liquidpoll-countdown-timer-1 .count-number, .poll-single.theme-2 .liquidpoll-countdown-timer-2 .count-number, .poll-single.theme-2 .liquidpoll-countdown-timer-3 .count-number, .poll-single.theme-2 .liquidpoll-countdown-timer-4 .count-number, .poll-single.theme-2 .liquidpoll-countdown-timer-5 .count-number {
color: #000000;
}
.poll-single.theme-2 .liquidpoll-button-green {
background: #4CAF50;
}
.poll-single.theme-2 .liquidpoll-button:hover, .poll-single.theme-2 .liquidpoll-button:focus {
background: #5F64EB;
color: #fff;
box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
.poll-single.theme-2 .liquidpoll-button-red {
background: #5F64EB;
} .poll-single.theme-3 .liquidpoll-option-single {
padding: 34px 0;
margin-bottom: 0;
}
.poll-single.theme-3 .liquidpoll-option-single.has-thumb {
min-height: 95px;
}
.poll-single.theme-3 .liquidpoll-option-single::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
background-color: #E3E3E3;
width: 100%;
height: 1px;
}
.poll-single.theme-3 .liquidpoll-option-single:last-child::after {
display: none;
}
.poll-single.theme-3 .liquidpoll-option-input {
width: 100%;
}
.poll-single.theme-3 .liquidpoll-option-list-1 .liquidpoll-option-single input + label:before {
content: '';
right: auto;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.poll-single.theme-3 .liquidpoll-option-list-1 .liquidpoll-option-single.has-label input + label {
padding-left: 50px;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single.has-label input + label {
padding-left: 0;
}
.poll-single.theme-3 .liquidpoll-option-list-1 .liquidpoll-option-single.has-thumb.has-label input + label {
padding-left: 135px;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single.has-label input + label {
padding-left: 50px;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single.has-thumb.has-label input + label {
padding-left: 135px;
}
.poll-single.theme-3 .liquidpoll-option-list-1 .liquidpoll-option-single input + label {
position: relative;
cursor: pointer;
display: block;
width: 100%;
font-size: 20px;
line-height: 23px;
font-weight: 600;
color: #000000;
}
.poll-single.theme-3 .liquidpoll-option-thumb {
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.poll-single.theme-3 .liquidpoll-option-single.active span.liquidpoll-votes-count, .poll-single.theme-3 .liquidpoll-option-single span.liquidpoll-votes-count {
color: #9E9E9E;
}
.poll-single.theme-3 .liquidpoll-option-list-1 .liquidpoll-option-single:hover span.liquidpoll-votes-count {
color: #24BE58;
} @media (max-width: 767px) {
.liquidpoll-form {
width: 100%;
padding: 30px 40px !important;
}
.liquidpoll-countdown-timer-4 > span, .liquidpoll-countdown-timer-5 > span {
font-size: 14px;
min-width: 80px;
min-height: 80px;
}
.liquidpoll-countdown-timer-4 .count-number, .liquidpoll-countdown-timer-5 .count-number {
font-size: 20px;
line-height: 22px;
margin-top: 17px;
margin-bottom: 0;
}
[class*="liquidpoll-countdown-timer"] {
text-align: center;
}
p.liquidpoll-responses {
font-size: 16px;
padding: 17px 0 17px 60px;
}
.poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single.active, .poll-single.theme-2 .liquidpoll-option-list-1 .liquidpoll-option-single:hover {
background-color: #5F64EB;
width: 100%;
margin-left: 0;
}
.theme-1.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single input + label {
margin-left: 10px !important;
}
.theme-2.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single input + label {
top: -8px;
transition: .6s;
font-size: 16px;
}
.poll-single.theme-2.rendered-results .liquidpoll-option-single.has-thumb.has-label.has-result .liquidpoll-option-input {
width: 100%;
}
.poll-single.theme-2.rendered-results .liquidpoll-option-single.has-label.has-result .liquidpoll-option-input {
width: 100%;
}
.poll-single.theme-2.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single.has-result.active span.liquidpoll-votes-count {
right: 50%;
}
.theme-2.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single.has-thumb .liquidpoll-option-thumb {
margin-right: 10px;
}
.theme-2.rendered-results .liquidpoll-option-single.has-result span.liquidpoll-votes-count {
left: 80px;
top: 40px;
transition: .6s;
font-size: 16px;
}
.poll-single.theme-3 .has-label.has-thumb .liquidpoll-option-input {
width: 100%;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single input + label:before {
display: none;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-single.has-label.has-result .liquidpoll-option-input {
width: 100%;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-single.has-thumb.has-label.has-result .liquidpoll-option-input {
width: 100%;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single.has-label input + label {
padding-left: 0;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single.has-thumb.has-label input + label {
padding-left: 85px;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-list-1 .liquidpoll-option-single input + label {
top: -10px;
}
.poll-single.theme-3.rendered-results .liquidpoll-option-thumb {
left: 0;
transition: .3s;
}
.theme-3.rendered-results .liquidpoll-option-single.has-result span.liquidpoll-votes-count {
top: 45px;
transition: .6s;
left: 0;
}
.theme-3.rendered-results .liquidpoll-option-single.has-result.has-thumb span.liquidpoll-votes-count {
left: 85px;
}
} .liquidpoll-form {
max-width: 570px;
background: #e1e0fa;
padding: 30px 50px;
border-radius: 5px;
margin: 20px auto;
display: block;
}
.liquidpoll-form:not(.display) {
display: none;
}
.liquidpoll-form .liquidpoll-form-field {
margin-bottom: 20px;
text-align: center;
}
.liquidpoll-form .liquidpoll-form-field:last-child {
margin-bottom: 0;
}
.liquidpoll-form .liquidpoll-form-field > p {
margin-bottom: 40px;
}
.liquidpoll-form .liquidpoll-form-field label:not(.notice) {
display: none;
}
.liquidpoll-form .liquidpoll-form-field input[type="text"], .liquidpoll-form .liquidpoll-form-field input[type="text"]:active, .liquidpoll-form .liquidpoll-form-field input[type="text"]:focus, .liquidpoll-form .liquidpoll-form-field input[type="email"], .liquidpoll-form .liquidpoll-form-field input[type="email"]:active, .liquidpoll-form .liquidpoll-form-field input[type="email"]:focus {
background: #fefefe;
border: 1px solid #fefefe;
border-radius: 3px;
outline: none;
box-shadow: none;
}
.liquidpoll-form .liquidpoll-form-field input[type="submit"] {
}
.liquidpoll-form-field.liquidpoll-form-notice {
text-align: left;
} .poll-single .liquidpoll-vote-survey {
text-align: left;
margin: 0 0 20px 0 !important;
}
.poll-single .liquidpoll-vote-survey ul {
list-style: none;
padding: 0;
margin: 0;
}
.poll-single .liquidpoll-vote-survey ul li {
display: inline-block;
margin: 0;
color: #181818;
font-weight: 700;
}
.poll-single .liquidpoll-vote-survey ul li span {
display: inline-block;
color: #9B9B9B;
font-weight: 500;
}
.poll-single .liquidpoll-vote-survey ul li span.dots {
display: inline-block;
width: 5px;
height: 5px;
vertical-align: middle;
border-radius: 50%;
background: #8b8b8b;
margin: 0 10px;
} @media (max-width: 460px) {
.poll-single.theme-1,
.poll-single.theme-2,
.poll-single.theme-3 {
padding: 0 15px;
}
}.nps-single {  margin: 50px 0;
}
.nps-single .nps-form {
max-width: 700px;
margin: auto;
}
.nps-form.submission-done {
pointer-events: none;
}
.nps-single .liquidpoll-poll-title {
text-align: center;
}
.nps-single .liquidpoll-content {
text-align: center;
}
.nps-single .liquidpoll-content p {
margin-bottom: 1.5em !important;
}
.nps-single input[type="radio"] {
display: none;
}
.nps-single ul.liquidpoll-nps-options {
list-style: none;
padding: 0;
margin-bottom: 15px;
text-align: center;
}
.nps-single ul.liquidpoll-nps-options li {
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
border: 1px solid #5f64eb;
border-radius: 10px;
text-align: center;
width: 60px;
height: 60px;
line-height: 1;
transition: .3s;
}
.nps-single .liquidpoll-nps-score-labels {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.nps-single .liquidpoll-nps-score-labels span {
display: inline-block;
font-size: 15px;
color: #000000;
font-weight: 500;
}
.nps-single ul.liquidpoll-nps-options li label {
text-align: center;
display: block;
line-height: 58px;
font-size: 25px;
font-weight: 500;
transition: 0.3s;
margin: 0;
}
.nps-single .liquidpoll-comment-box {
display: none;
}
.nps-single .liquidpoll-comment-box textarea {
color: #000000;
background: #F4F4F4;
border: 1px solid #F4F4F4;
height: 150px;
padding: 28px 23px;
border-radius: 10px;
margin-bottom: 20px;
}
.nps-single .nps-button-wrap {
display: flex;
justify-content: center;
}
.nps-single .nps-button-wrap .liquidpoll-button.liquidpoll-submit-poll {
margin: 0 auto;
width: 264px;
display: none;
}
.nps-single .nps-form .liquidpoll-submit-poll.disabled {
pointer-events: none;
background: #bbb;
}
.nps-single textarea::placeholder {
color: #ACACAC;
font-size: 18px;
} .nps-single.theme-1 ul.liquidpoll-nps-options li:hover,
.nps-single.theme-1 ul.liquidpoll-nps-options li.active {
background: linear-gradient(138.32deg, #5F64EB 23.82%, #946EE6 88.62%);
}
.nps-single.theme-1 ul.liquidpoll-nps-options li:last-child {
margin-right: 0;
}
.nps-single.theme-1 ul.liquidpoll-nps-options li:hover label,
.nps-single.theme-1 ul.liquidpoll-nps-options li.active label {
color: #FFFFFF;
}
.nps-single.theme-1 .liquidpoll-button {
font-weight: 500;
width: 264px;
}
@media (max-width: 460px) {
.nps-single .nps-form {
width: 100%;
padding: 0 5px;
}
.nps-single.theme-1 ul.liquidpoll-nps-options li:last-child {
margin-right: 10px;
}
}@font-face {
font-family: 'Chulabhorn Likit Display';
src: url(//www.cri.or.th/wp-content/themes/fluffy/fonts/chulabhorn/ChulabhornLikitDisplay-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Chulabhorn Likit Text';
src: url(//www.cri.or.th/wp-content/themes/fluffy/fonts/chulabhorn/ChulabhornLikitText-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Chulabhorn Likit Text';
src: url(//www.cri.or.th/wp-content/themes/fluffy/fonts/chulabhorn/ChulabhornLikitText-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Chulabhorn Likit Text';
src: url(//www.cri.or.th/wp-content/themes/fluffy/fonts/chulabhorn/ChulabhornLikitText-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Chulabhorn Likit Text';
src: url(//www.cri.or.th/wp-content/themes/fluffy/fonts/chulabhorn/ChulabhornLikitText-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}
._heading,
.btn,
.button,
.menu,
blockquote,
legend,
fieldset,
table,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea,
nav,
a,
.elementor-icon-box-description,
.post_date,.site-info {
font-family: 'Chulabhorn Likit Text','Chulabhorn Likit Display', sans-serif!important;
font-weight: 500
}
body *{
outline: none!important;
}
.-gray {
color: #333!important;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
} ::selection {
color: #fff!important;
background: #7f7fae!important;
} body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: 'Chulabhorn Likit Text','Chulabhorn Likit Display', sans-serif!important;
font-size: 14px;
line-height: 1.20;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #666;
}
a:visited {
color: #666;
}
a:hover,
a:focus,
a:active {
color: #04A9FF;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
cursor: pointer;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}        .main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}   .site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
} .updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 1.5em;
}
body.home .entry-content{
margin: 0;
}
body.elementor-page .entry-content{
margin: 0;
}
body.elementor-page.post,body.elementor-page.page{
margin: 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}html #wpadminbar {
z-index: 99!important;
}
html.nofixed #wpadminbar {
position: relative;
}
html.nofixed{
margin-top: 0!important;
}
html.nofixed .main-object.fixed {
position: relative!important;
}
.heateor_sss_sharing_container{
display: none!important;
}
.left-share .heateor_sss_sharing_container{
display: block!important;
}
.lang-box span.text-span{
font-size: 19px;
}
.link-all{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.card-weblink .link-all{
z-index: 999;
}
.in-thumb-overlay {
background: #00a1e1c4;
width: 100%;
height: 100%;
display: block;
z-index: 10;
top: 0;
left: 0;
position: absolute;
color: #FFF;
opacity: 0;
-o-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
border-radius: 15px;
}
.in-thumb-overlay a {
width: 100%;
height: 100%;
display: block;
}
td h4 {
margin: 0;
}
.vc_general.vc_cta3.vc_cta3-shape-rounded .vc_cta3_content-container {
padding: 0!important;
}
.vc_general.vc_cta3.vc_cta3-shape-rounded h5 {
margin-top: 15px;
color: #222;
font-size: 18px;
font-weight: bold;
}
#carousel_ebook {
position: static!important;
padding: 20px 10px;
width: calc(100% - 106px);
}
#carousel_ebook .card-post_m {
display: block; background: #FFF;
padding: 0;
text-align: center;
border-radius: 20px;
}
#carousel_ebook a.readmore {
background: #fdcd0e;
color: #005;
display: inline-block;
min-width: 90px;
text-align: center;
justify-content: center;
margin: 15px 0 0;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
padding: 4px 0 2px;
}
#carousel_ebook a.readmore:hover{
background: #ddd;
color: #005;
}
.carousel_ebook_nav .swiper-button-prev {
left: 0;
background: #ffe066;
color: #005;
width: 44px;
}
.carousel_ebook_nav .swiper-button-next {
right: 0;
background: #ffe066;
color: #005;
width: 44px;
}
.vc-post:hover > .in-thumb-overlay, .vcps-item:hover > .in-thumb-overlay, .card-post_m.card-recent_post:hover > .in-thumb-overlay, .vc-post-alt:hover > .in-thumb-overlay,
.post-tab-style-1 .vc-container .vc_post_tab_style_1_left:hover .in-thumb-overlay,
.v-post-loop article:hover .in-thumb-overlay,.post-card-two:hover .in-thumb-overlay,
.card-post_m:hover .in-thumb-overlay
{
opacity: 1!important;
}
.vc-post:hover > .vc-view-more, .vcps-item:hover .vc-view-more, .card-post_m.card-recent_post:hover > .vc-view-more, .vc-post-alt:hover > .vc-view-more,
.post-tab-style-1 .vc-container .vc_post_tab_style_1_left:hover .vc-view-more,
.v-post-loop article:hover .vc-view-more,.vcps-item:hover .vc-view-more svg
{
color: #275D3B!important;
}
.vcps-item .featured-croped a:before,
.vcps-item .featured-croped a:after
{
display: none!important;
}
.post-tab-style-1 .vc-container .vc_post_tab_style_1_left {
position: relative;
}
.vc_post_tab_style_1_left .in-thumb-overlay {
top: -10px;
width: calc(100% + 10px);
}
.in-view-more {
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
padding: 4px 50px;
width: 140px;
background-color: #00038a;
border-radius: 0;
font-size: 20px;
color: #FFF!important;
-o-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
}
.in-view-more.icon {
background-color: #0000;
color: #FFF;
width: auto;
}
.in-view-more.icon i {
border: solid 2px #fff;
width: 30px;
height: 30px;
display: flex;
align-items: center;
font-size: 11px;
justify-content: center;
line-height: 20px;
border-radius: 50px;
}
.in-view-more:hover {
background: #FFF!important;
color: #222!important;
}
.in-view-more.icon:hover {
background: #0000!important;
color: #222!important;
}
.in-view-more.icon:hover i {
background: #FFF;
}
.footer ul.social-ul li a:before ,.top-object .social-list li a:before{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: inline-block;
content: "";
background: #FFF;
border-radius: 50%;
transform: scale(0.0);
transform-origin: center;
transform-style: preserve-3d;
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: -1;
}
.footer ul.social-ul li:hover a:before,
.top-object .social-list li:hover a:before
{
transform: scaleX(1.0);
} body.theme-four main#primary .wrap-bg,
body.theme-four .detail-archive_box {
background: #FFF;
}
body.theme-four .main-post_column {
grid-gap: 15px;
}
.theme-four .h-title_archive
{
display: none;
}
body.box-color_3 .search-bar_ypx li:before,
body.box-color_3 li.sf-field-category li label{
color: #fff700!important;
}
.left-tags.style-2
{
width: 100%;
border-top: solid 1px #ccc;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 25px;
}
.left-tags.style-2 .tags_list
{
margin-top: 0;
}
.right-shared.style-2
{
display: none;
}
.single-post .title-cat_right,
.single-mec-events .title-cat_right,
.single-vc_photo .title-cat_right,
.single-vc_video .title-cat_right
{
display: none;
}
.theme-four.single-post .title-cat_page:after,
.theme-four.single-mec-events .title-cat_page:after,
.theme-four.single-vc_photo .title-cat_page:after,
.theme-four.single-vc_video .title-cat_page:after
{
display: none;
}
header.two_page_title .wrap-page{
border-bottom: solid 1px #e3e3e3;
}
.single-post .bg-c .v-container,
.single-mec-events .bg-c .v-container,
.single-vc_photo .bg-c .v-container,
.single-vc_video .bg-c .v-container{
min-height: 200px;
}
.single-meta{
position: relative;
}
.wrap-vc-read-post {
position: absolute;
right: 0;
}
.single-meta.style-2 .post_date {
color: #FFF;
text-align: center;
min-width: 90px;
padding-bottom: 6px;
max-width: 90px;
max-height: 75px;
}
.single-meta.style-2 .post_date svg {
width: 13px;
margin-bottom: -13px;
color: #fdcd0e;
}
.site-branding.white img {
min-height: 70px;
}
.single-meta.style-2 .post_date span {
display: block;
font-weight: 300;
font-size: 18px;
margin-bottom: -10px;
}
.single-meta.style-2 .entry-title {
margin: 0;
line-height: 36px;
font-size: 40px;
}
.single-meta.style-2 span.posted-on {
float: none;
margin: 0;
font-size: 18px;
font-weight: 600;
}
.single-meta.style-2 .left-items {
display: grid;
grid-template-columns: 105px 1fr;
float: none;
width: 100%;
margin-bottom: 30px;
}
.single-meta.style-2 .post_views {
display: grid;
grid-template-columns: 20px 1fr;
position: absolute;
bottom: 0;
}
.single-meta.style-2 .post_title {
position: relative;
padding-bottom: 25px;
}
.single-meta.style-2 .post_views svg {
color: #fec300;
width: 14px;
margin-bottom: -20px;
}
.single-meta.style-2 .post_views .entry-meta {
text-align: left;
margin-bottom: -8px;
}
.box-color_3 #primary .single-meta.style-2 .post_date{
background: #000!important;
}
main#primary .wrap-bg {
margin-top: 0px;
padding-top: 5px;
}
.page.page-poll.wrap-bg {
margin-bottom: -50px;
padding-bottom: 50px;
}
.page.wrap-bg {
min-height: 50vh;
padding-bottom: 15px;
}
#primary .ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
border: solid 1px #bfbfbf;
font-size: 13px;
background: #fff;
padding: 10px;
}
select.sf-input-select {
appearance: none!important;
-webkit-appearance: none!important;
background: #FFF;
}
.button-size .object-2.obj-box span.span-middle {
font-size: 20px!important;
}
.bottom-banner-wrap img {
width: 100%;
height:auto!important;
}
h3 {
font-size: 30px;
margin: 0;
}
.-pdf-item .-pdf-file .-pdf-name {
width: 70%;
}
.-pdf-item .-pdf-file .-pdf-category-and-date {
margin: 0 0 0 auto;
}
.category-and-date {
padding: 5px 0;
}
.-pdf-item .-pdf-file .-pdf-category-and-date span {
display: inline-block;
}
.category-and-date .-category {
background-image: url(//www.cri.or.th/wp-content/themes/fluffy/img/folder-2.svg);
}
.category-and-date .-date {
background-image: url(//www.cri.or.th/wp-content/themes/fluffy/img/clock-2.svg);
}
.-pdf-item .-pdf-file {
display: flex;
display: -ms-flexbox;
align-items: center;
-ms-flex-align: center;
width: 100%;
}
.-pdf-item {
display: flex;
display: -ms-flexbox;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #97a0ac;
}
.-pdf-item .-pdf-file {
display: flex;
display: -ms-flexbox;
align-items: center;
-ms-flex-align: center;
width: 80%;
}
.-pdf-item .-pdf-download {
display: flex;
display: -ms-flexbox;
align-items: center;
-ms-flex-align: center;
width: 20%;
}
.-pdf-item .-pdf-download .-pdf-btn-img {
margin: 0 0 0 auto;
}
.-pdf-item .-pdf-download .-pdf-btn {
margin: 0 0 0 auto;
}
.-pdf-item .-pdf-download .-pdf-btn a {
transition: all ease-in-out 150ms;
font-size: 20px;
color: #222;
}
.-pdf-item .-pdf-download .-pdf-btn a:hover {
background: #ddd;
}
.-pdf-item .-pdf-download .-pdf-btn-img img {
max-width: 25px;
}
.-btn a {
background-color: #ffc300;
border-radius: 3px;
padding: 5px 25px;
text-decoration: none;
}
.category-and-date span {
display: block;
font-size: 20px;
color: #fbc000;
padding-left: 35px;
background-position: 15px 6px;
background-size: 15px;
background-repeat: no-repeat;
}
.detail-data {
font-size: 24px;
}
.detail-data p {
line-height: 25px;
}
.detail-data strong {
font-weight: 600;
}
.people-list {
background-size: 100%;
padding-bottom: 60px;
}
.people-list .-people-item:first-child {
margin-top: -120px;
}
.people-list .-people-item {
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
margin-top: -270px;
}
.people-list .-people-item .-people-img {
width: 60%;
}
.people-list .-people-item .-people-img img {
width: 100%;
height: auto;
max-width: 100%;
}
.people-list .-people-item .-people-text {
width: 40%;
}
.people-list .-people-item .-people-text p:first-child {
font-size: 32px;
}
.people-list .-people-item .-people-text p {
font-size: 20px;
color: #002144;
line-height: 1;
}
.people-list .-people-item .-people-text span {
font-size: 24px;
color: #252525;
line-height: 1;
}
.people-list .-people-item .-people-text .-people-btn {
margin-top: 30px;
display: none;
}
.people-list .-people-item:nth-child(2n) .-people-text {
text-align: right;
order: 1;
}
.title-text.title-people {
display: none;
}
.-people-item {
max-width: 1024px;
margin: 0 auto;
}
.people-list .-people-item:nth-child(odd) .-people-text {
text-align: left;
order: 2;
}
.people-list .-people-item:nth-child(2n) .-people-img {
order: 2;
}
.people-list .-people-item .-people-text {
width: 40%;
}
.people-list .-people-item .-people-text .-people-btn a {
position: relative;
z-index: 2;
color: #fff;
padding: 5px 10px;
}
.policy-wrap{
margin: 80px 0 50px;
font-family: 'Chulabhorn Likit Text','Chulabhorn Likit Display';
} .policy-wrap h2 {
margin-top: 0;
font-weight: 600;
color: #142c48;
}
.policy-wrap h3 {
font-weight: 600;
margin: 0;
font-size: 32px;
color: #142c48;
margin-bottom: 5px;
}
.policy-wrap  p {
line-height: 29px;
font-size: 18px;
color: #363636;
padding-bottom: 15px;
}
.wpdm_package .list .file:first-child {
padding-top: 0;
}
#footer-yp a {
transition: all ease-in-out 150ms;
}
.search-h_box button.btn-search_h{
transition: all ease-in-out 150ms;
}
.search-h_box button.btn-search_h:hover {
transform: scale(1.1);
}
.content-post-tab-yp .swiper{
width: 100%;
}
.content-post-tab-yp .swiper,
.content-post-tab-yp .vc-post,
.content-post-tab-yp .overlay,
.content-post-tab-yp .vc-post-alt,
.content-post-tab-yp .vcps-item,
.content-post-tab-yp .card-recent_post,
.content-post-tab-yp .row > div
{
margin-top: 20px;
opacity: 0!important;
-webkit-transitio: all .5s;
transition: all .5s;
}
.content-post-tab-yp.active .swiper,
.content-post-tab-yp.active .vc-post,
.content-post-tab-yp.active .overlay,
.content-post-tab-yp.active .vcps-item,
.content-post-tab-yp.active .vc-post-alt,
.content-post-tab-yp.active .card-recent_post,
.content-post-tab-yp.active .row > div
{
opacity: 1!important;
margin-top: 0;
}
.content-post-tab-yp{
opacity: 0;
z-index: -999;
position: fixed;
}
.content-post-tab-yp.active{
opacity: 1;
z-index: 1;
position: relative;
}
.content_bottom_banner{
opacity: 0;
z-index: -999;
position: fixed;
display: flex;
}
.content_bottom_banner.active{
opacity: 1;
z-index: 1;
position: relative;
}
.procurement-wrap.style-1-v2 article,.procurement-wrap.style-1-v1 article{
border: solid 3px #0000;
transition: all ease-in-out 150ms;
} article{
position: relative;
}
.hide{
display: none!important;
}
#nsl-notices-fallback{
display: none!important;
}
.lang-box ul {
margin: 0;
padding: 0;
display: flex;
gap: 7px;
}
.single .overlay_thumb_single {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #00a1e1c4;
content: '';
transition: all ease-in-out 200ms;
z-index: 1;
opacity: 0;
}
.single .overlay_thumb_single svg {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFF;
position: absolute;
width: 30px;
height: 30px;
margin: 0!important;
}
.wrap_yp_gallery a.yp_gallery_item:hover .overlay_thumb_single {
opacity: 1;
}
.video_local_wrap .btn-video-download {
display: inline-block;
background: #df4425;
font-size: 14px;
min-width: 140px;
text-align: center;
text-decoration: none;
min-height: 40px;
border-radius: 50px;
color: #FFF;
margin-top: 20px;
transition: all ease-in-out 250ms;
}
.video_local_wrap .btn-video-download:hover,
.shared-embedded-wrap .get_embed:hover{
background: #eee;
color: #de4425;
}
.video_local_wrap .btn-video-download svg {
width: 20px;
margin-top: 8px;
margin-bottom: -7px;
margin-left: 3px;
}
.single .video_local_wrap {
text-align: center;
border-radius: 15px;
margin-bottom: 15px;
}
.single .video_local_wrap .plyr--video {
border-radius: 15px;
}
.single .video_embed_wrap {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
margin-bottom: 15px;
}
.single .video_embed_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 15px;
}
.single .video_local_wrap .plyr__menu__container .plyr__control {
font-size: 14px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: 600;
}
.single .video_local_wrap .plyr__controls .plyr__controls__item.plyr__time {
font-size: 14px;
}
.main-post_column.col-1 {
display: block;
}
.main-post_column.download-page {
max-width: 900px;
margin: 0 auto;
}
.list-download {
width: 100%;
display: flex;
gap: 2px;
margin-bottom: 15px;
}
.list-download h3,
.list-download h4 {
margin: 0;
padding: 0;
color: #275d3b;
}
.list-download p {
margin: 0;
padding: 0;
}
.list-download .list .file img {
max-width: 37px;
}
.list-download .fa-file-pdf {
color: #bb0706;
}
.list-download .fa-file-word {
color: #2e5b97;
}
.list-download .fa-file-powerpoint {
color: #c55736;
}
.list-download .fa-file-excel {
color: #396d45;
}
.list-download .menu {
background-color: white;
padding: 1.5rem;
text-align: center;
}
.list-download .menu p {
font-size: 14px;
}
.list-download .menu h4 {
font-size: 23px;
line-height: 8px;
font-weight: 600;
}
.list-download .menu i {
color: #fec81d;
margin-bottom: 0.5rem;
}
.list-download .menu .date-public {
border-bottom: 1px solid #eee;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.list-download .list {
background-color: white;
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
flex: 1;
}
.list-download .list h3 {
font-size: 26px;
margin-bottom: 5px;
font-weight: 600;
line-height: 22px;
}
.list-download .detail-button .download-all {
padding-left: 0;
}
.list-download .list .file {
display: flex;
padding: 1rem 0;
border-bottom: 1px solid #eee;
justify-content: space-between;
align-items: center;
gap:10px;
}
.list-download .list .file:last-child{
border-bottom: 0;
}
.list-download .list .file .detail {
text-align: left;
line-height: 20px;
flex: 1;
font-size: 20px;
}
.list-download .list .file a {
transition: all ease-in-out 250ms;
border-radius: 2rem;
padding: 5px 30px;
background-color: #fec81d;
text-decoration: none;
}
.list-download .list .file a:hover {
background: #ddd;
color: #222;
}
.list-download .list .file:last-of-type {
border: none;
}
.list-download .detail-button {
display: flex;
justify-content: space-between;
align-items: center;
}
.list-download .detail-button a {
text-decoration: none;
}
.list-download .detail-button i {
margin-right: 0.25rem;
}
.list-download .detail-button .download-all {
display: block;
padding: 1rem;
color: black;
padding-left: 0;
}
.list-download .list ul {
margin: 0;
padding: 0;
}
.list-download .detail-button .report {
display: block;
padding: 1rem;
color: #555;
padding-right: 5px;
}
.list-download .detail-button .report i {
color: #f00;
font-size: 14px;
}
h3.download-title a {
text-decoration: none;
color: #00038a;
font-weight: 600;
}
.box-pageination_post.no_per_page {
display: block;
text-align: center;
}
.box-pageination_post.no_per_page .count-found {
margin-top: 15px;
}
@media(max-width: 767px) {
.list-download .detail-button .download-all {
padding: 0;
margin-top: 15px;
margin-bottom: -15px;
}
.list-download .list h3 {
text-align: center;
}
.list-download .list .file,
.list-download .detail-button {
flex-direction: column;
}
.list-download .list .file .detail {
text-align: center;
}
}
.card-weblink {
border: 1px solid #eee;
}
.card-weblink .post-header {
display: flex;
align-items: center;
justify-content: center;
}
.card-weblink .post-header img {
width: 100px;
height: 100px;
object-fit: contain;
}
.card-weblink .post-header {
background: #eaeaea;
padding: 15px;
}
.card-weblink h4 a {
margin: 0;
font-size: 21px;
font-weight: 600 !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
position: relative;
overflow: hidden;
line-height: 1.1;
text-decoration: unset;
color: #005;
}
.card-weblink h4 {
margin: 0;
}
.card-weblink .title-head_card {
position: relative;
padding: 10px 15px;
}
.weblink-box .column-post_grid {
grid-template-columns: auto;
}
.weblink-box .column-post_grid .main-post_column {
grid-template-columns: repeat(4, 1fr);
}
.weblink-box .column-post_grid .box-pageination_post {
grid-column: span 4;
}
.card-weblink .date-post_card {
display: flex; gap: 6px;
padding: 0 10px;
}
.card-weblink .date-post_card span.text-card {
color: black;
font-size: 18px;
}
.card-weblink .date-post_card svg {
fill: #fdcd0e;
stroke: #fff;
stroke-width: 1px;
width: 16px;
}
.card-weblink .post-info {
padding: 10px 0 15px;
display: grid;
grid-gap: 5px;
}
button.wpp-get-poll-results {
display: none;
}
#carousel_home_post .card-post_m {
display: block;
grid-template-columns: none;
grid-gap: 0;
}
#carousel_home_post {
margin: 0;
padding-bottom: 10px;
}
#carousel_home_post .card-post_m img {
height: 220px !important;
}
.carousel_home_post_nav .swiper-button-prev svg ,.carousel_home_post_nav .swiper-button-next svg {
color: #FFF;
background: #9aa9d0;
border-radius: 50px;
padding: 5px;
width: 30px;
height: 27px;
}
.carousel_home_post_nav .swiper-button-next{
right: -50px
}
.carousel_home_post_nav .swiper-button-prev{
left: -50px;
}
#carousel_home_post .card-post_m h4 a {
min-height: 60px;
}
.procurement-wrap.style-11 article img {
transition: all ease-in-out 250ms!important;
transform: scale(1)!important;
}
.procurement-wrap.style-11 article:hover img {
transform: scale(1.1)!important;
}
.vc_posts.card.style-2.v1 .p_excerpt {
display: none!important;
}
.show_excerpt .vc_posts.card.style-2.v1 .p_excerpt {
display: -webkit-box!important;
}
.bg-white .elementor-button-icon {
background: #FFF!important;
color: #004d4c!important;
border-radius: 0!important;
margin-right: 10px;
width: 14px!important;
height: 14px!important;
margin-top: 3px!important;
}
.bg-white:hover .elementor-button span {
color: #ddd!important;
}
.bg-white:hover .elementor-button span i{
color: #004d4c!important;
}
.btn-more.more-news {
display: inline-block!important;
width: 140px!important;
}
.hide-title .vc-title,.hide-title .procurement-wrap.style-3 > h3,
.hide-title .post-tab-style-3 .p-title,
.hide-title .p-title
{
display: none!important;
}
.hide-title .vc-info .vc-title{
display: block!important;
}
.hide-btn .vc-view-all ,.hide-btn .btn-view-all,.hide-btn .all-btn,
.hide-btn .btn-view-more
{
display: none!important;
}
.hide-tab .bottom_banner_nav {
display: none;
}
a.btn-more {
display: block;
background: #f66;
color: #FFF;
max-width: 129px;
padding: 5px;
text-align: center;
margin-top: 10px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
a.btn-more:hover{
background:#ddd;
color: #222;
}
.procurement-wrap.style-8 article img{
-webkit-transition: all .3s!important;
-o-transition: all .3s!important;
transition: all .3s!important;
}
.post-tab-style-8-2 .vc-post .vc-info .excerpt {
color: #222;
}
.post-tab-style-8-2 .vc-post .vc-info .excerpt {
line-height: 19px!important;
}
.procurement-wrap.style-8 article:hover img{
transform: scale(1.1);
}
.btn-icon-mini i {
font-size: 13px!important;
}
.fluentform .ff_btn_style,.fluentform .ff-el-form-control {
font-size: 14px;
}
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit {
border-radius: 50px;
}
.calendar-clean.green .post-card-two > .main-object span.cat-text:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
background: #005654;
right: -100%;
z-index: 1;
}
.calendar-clean.green .post-card-two > .main-object > .object-1{
border-radius: 0;
padding: 14px 10px;
background: #e1e1e1;
position: relative;
overflow: hidden;
}
.calendar-clean.green .post-card-two > .main-object span.cat-text {
grid-gap: 3px;
color: #005654;
border: solid 2px #005654;
padding: 15px 20px;
background: #e1e1e1;
position: relative;
}
.calendar-clean.green .post-card-two > .main-object {
grid-template-columns: 153px 1fr;
}
.calendar-clean.green  .post-card-two .box-info_column .main-object {
display: block;
}
.elementor-widget-carousel_theme_7 .swiper-slide img{
cursor: pointer;
}
@media (max-width:767px) {
.weblink-box .column-post_grid .main-post_column {
grid-template-columns: repeat(2, 1fr);
}
}
.no-bg .elementor-button-icon {
background: #0000!important;
}
#carousel_home_weblink {
margin: 0;
}
#carousel_home_weblink img {
max-height: 115px;
object-fit: contain;
}
#carousel_home_weblink .swiper-slide:after {
content: '';
display: block;
width: 1px;
height: 40px;
background: #eee;
position: absolute;
top: 50%;
left: -10px;
margin-top: -25px;
}
#carousel_home_weblink .swiper-wrapper {
padding-bottom: 50px;
}
#carousel_home_weblink .swiper-slide h4 {
font-size: 23px;
margin-top: 20px;
}
#carousel_home_weblink .swiper-slide a{
color: #005;
font-weight: 600;
margin-top: 15px;
line-height: 21px;
}
.title-carousel_home_weblink {
padding: 15px 0;
margin-bottom: 30px;
border-bottom: solid 1px #ddd;
position: relative;
}
.title-carousel_home_weblink h3 {
color: #000055;
font-size: 42px;
font-weight: 600;
}
.title-carousel_home_weblink .weblink-btn {
display: inline-block;
cursor: pointer;
width: 24px;
height: 24px;
}
.top-object_bottom .image img,.footer-yp .main-footer .main-object .object-grid img {
max-height: 95px!important;
}
.weblink-button-next.weblink-btn {
margin-left: -4px;
border-left: 0;
border: solid 1px #005;
position: relative;
padding-right: 23px;
} .weblink-button-prev.weblink-btn {
margin-right: 6px;
border: solid 1px #005;
}
.title-carousel_home_weblink .weblink-btn svg{
width: 20px;
}
.nav-weblink-home {
position: absolute;
right: 0;
bottom: 18px;
}
.weblink-button-next.weblink-btn svg {
margin-left: 2px;
margin-top: -1px;
}
.weblink-button-prev.weblink-btn svg {
margin-left:1px;
margin-top: -1px;
}
.bottom-object li a {
-o-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
}
.wpp-submit-poll{
position: relative;
background: #001d3d;
padding: 4px 25px;
padding-left:45px;
border-radius: 50px;
font-size: 20px;
max-width: 120px;
min-width: 120px;
}
.wpp-submit-poll:before {
width: 18px;
height: 18px;
content: '';
background-image: url(//www.cri.or.th/wp-content/themes/fluffy/img/bar-chart.svg);
display: block;
background-size: contain;
z-index: 111;
position: absolute;
left: 33px;
top: 6px;
}
.wpp-option-list-1 .wpp-option-single input + label:before {
width: 16px;
height: 16px;
}
.btn-more.more-news {
z-index: 10;
}
[class*="wpp-option-list"]{
margin-bottom: 15px;
}
.wpp-submit-poll:hover, .wpp-submit-poll:focus{
background: #275D3B;
}
.wpp-option-list-1 .wpp-option-single input + label:after {
left: .13em;
width: 5px;
height: 9px;
top: 13px;
}
.wpp-option-list-1 .wpp-option-single input + label {
padding-left: 24px;
padding-top: 3px;
font-size: 20px;
}
.wpp-option-list-1 .wpp-option-single {
margin-bottom: 15px;
}
.wpp-poll-title {
margin-bottom: 7px;
font-weight: 600;
font-size: 23px;
line-height: 22px;
}
.yp-form-contorl label {
display: block;
width: 100%;
color: #222;
font-weight: 600;
font-size: 20px;
}
.yp-form-contorl svg {
width: 14px;
color: #222;
margin-right: 7px;
}
.form-sub-title h3 {
font-size: 42px;
color: #fa8246;
font-weight: 600;
margin-top: 10px;
margin-bottom:25px;
}
.form-sub-title h3:after {
content: '';
height: 0.05em;
position: relative;
display: block;
background: #222;
width: 35px;
}
.yp-form-contorl {
margin-bottom: 10px;
}
.yp-form-contorl .yp-remark {
color: #444;
font-size: 17px;
}
#primary .v-calendar .vc_posts.card.style-2.v1 .card-post_m img {
height: 130px!important;
}
.full-width-btn a.elementor-button-link {
width: 100%;
}
.full-width-btn .elementor-button span {
display: block;
}
.full-width-btn .elementor-button span {
display: inline-block;
}
.full-width-btn span.elementor-button-text {
float: left;
}
.btn-icon-yellow i {
color: #ecb70f;
font-size: 13px;
}
.icon-calendar i.left-icon {
position: absolute;
left: 20px;
font-size: 24px;
top: 5px;
color: #015b5f;
}
.full-width-btn a.elementor-button-link:hover {
background-color: #014a56!important;
color: #FFF!important;
}
.full-width-btn a.elementor-button-link:hover i{
color: #FFF!important;
}
.edit-follwer-section .acf-label,.edit-follwer-section .children {
display: none;
}
.edit-follwer-section ul.acf-checkbox-list {
margin: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px 25px;
list-style: none;
padding: 0;
}
.no-follow h3 {
font-size: 22px;
margin: 0;
}
.edit_profile_form #message_box {
background: #fff;
border: 1px solid #c3c4c7;
border-left-width: 4px;
box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
margin: -10px 0 15px 0;
padding: 1px 12px;
border-left-color: #00a32a;
}
.edit-follwer-section ul.acf-checkbox-list li input{
display: none;
pointer-events: none;
}
.edit-follwer-section ul.acf-checkbox-list li label {
position: relative;
cursor: pointer;
}
.edit-follwer-section ul.acf-checkbox-list li label span {
font-size: 20px;
}
.edit-follwer-section ul.acf-checkbox-list li label.selected:after{
content: '';
display: inline-block;
left: 5px;
top: 2px;
width: 5px;
height: 9px;
border: solid #fff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
background: #0000!important;
}
.edit-follwer-section ul.acf-checkbox-list li label.selected:before {
background: #fdcd0e;
border-color: #fdcd0e;
}
.edit-follwer-section ul.acf-checkbox-list li label:before {
content: "";
margin-right: 5px;
display: inline-block;
vertical-align: text-top;
width: 15px;
height: 15px;
background: #fff;
border: 1px solid #ddd;
}
.yp-form-contorl input.active {
border: solid 1px #DC3544;
}
.user_password_msg {
margin: 5px 0;
}
.user_password_msg .progress-bar {
color: #FFF;
padding: 1px 6px;
font-size: 17px;
}
.user_password_msg .progress-bar.bg-warning {
background: #ffc107;
}
.user_password_msg .progress-bar.bg-danger {
background: #dc3545;
}
.user_password_msg .progress-bar.bg-success {
background: #28a745;
}
.page-template-page-edit-profile {
background: #fff;
}
.yp-form-contorl input {
border: solid 1px #ddd;
padding: 4px 7px;
border-radius: 0;
width: 100%;
font-size: 20px;
}
.yp-col-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
form.edit_profile_form {
margin-bottom: 60px;
max-width: 770px;
}
.edit_profile_submit {
padding: 5px 9px;
display: block;
width: 100%;
font-size: 18px;
border-radius: 0;
background: #ffce09;
border: 0;
color: #FFF;
}
.edit_profile_reset {
background: #616161;
color: #FFF;
padding: 5px 9px;
border-radius: 0;
}
.edit_profile_submit svg {
width: 12px;
margin-bottom: -8px;
margin-left: 5px;
}
.wrap-epSubmit {
max-width: 300px;
grid-gap: 10px;
margin-top: 30px;
}
.yp-form-contorl label[for="user_phone"] svg {
width: 10px;
}
.yp_chart_wrap {
width: 600px!important;
height: 300px!important;
float: left;
}
.profile_head{
position: absolute;
top: calc(50% + 40px);
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.profile_image img {
margin: 0 auto;
display: block;
width: 130px;
height: 130px;
object-fit: cover;
background: #f0f8ff;
border-radius: 50%;
padding: 5px;
}
.profile-nav-wrap {
margin-top: 5px;
}
.profile-nav-wrap ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.profile-nav-list a{
text-decoration: none;
}
.profile-nav-wrap ul {
list-style: none;
margin: 0;
padding-left: 0;
background: #f2f2f2;
padding: 10px 0 20px;
border-radius: 5px;
}
.profile-nav-wrap li a{
border-bottom: solid 1px #ddd;
padding: 5px 15px;
display: inline-block;
width: 100%;
transition: all ease-in-out 150ms;
font-size: 19px;
color: #000;
}
.profile-nav-wrap li a:hover,.profile-nav-wrap li.active a{
background: #fdcd0e;
color: #FFF;
}
.profile-nav-wrap li a:hover:before,.profile-nav-wrap li.active a:before{
background:#fff;
}
.profile-nav-wrap li:last-child {
border-bottom: 0;
}
.profile-nav-wrap li a::before {
content: '';
width: 5px;
height: 5px;
display: inline-block;
background: #fdcd0e;
border-radius: 50%;
margin-bottom: 0.04em;
margin-right: 5px;
}
.profile-nav-wrap li:last-child a{
border: 0;
}
.yp_chart_wrap canvas {
margin-top: -50px;
margin-left: -150px;
}
.poll-option_name li {
display: inline-block;
width: 33.33%;
float: left;
font-size: 19px;
}
.poll-option_name span.pointer-circle {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
margin-right: 3px;
}
ul.poll-option_name {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-20%, -50%);
list-style: none;
float: left;
width: calc(100% - 300px);
margin: 0;
padding: 0;
}
.poll-toggle {
color: #303030;
cursor: pointer;
}
.poll-toggle svg {
color: #fdcd0e;
width: 13px;
margin-bottom: -6px;
}
.poll-toggle .btn-report svg {
fill: #fdcd0e;
}
.poll-toggle .btn-down svg {
margin-bottom: -8px;
}
.post_embed_wrap:after {
display: block;
content: url(//www.cri.or.th/wp-content/themes/fluffy/img/chevron-down.svg);
position: absolute;
top: 7px;
right: 10px;
width: 20px;
height: 20px;
z-index: 1;
}
.search-bottom h4{
display: none;
}
.searchandfilter-date-picker .ui-datepicker-next:before ,
.searchandfilter-date-picker .ui-datepicker-prev:before
{
display: none!important;
}
.searchandfilter-date-picker .ui-datepicker-prev,
.searchandfilter-date-picker .ui-datepicker-next
{
background: #343338!important;
}
.searchandfilter-date-picker .ui-datepicker-prev span,
.searchandfilter-date-picker .ui-datepicker-next span
{
margin-top: 4px!important;
}
.searchandfilter-date-picker .ui-datepicker-title {
margin-bottom: 0!important;
margin-top: 11px!important;
}
.searchandfilter-date-picker .ui-datepicker-title span {
font-size: 24px!important;
color: #000;
font-weight: 600;
}
.archive-box.search-page li.sf-field-category li input:checked ~ label:after {
content: '';
border-bottom-right-radius: 0;
border-top-right-radius: 0;
display: inline-block;
left: 20px;
top: 4px!important;
width: 6px;
height: 14px;
border: solid #fff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
background: #0000!important;
}
.archive-box.search-page li.sf-field-search label:after{
color: #222;
top: 25px;
font-size: 16px;
right: 0;
}
.archive-box.search-page li.sf-field-category li input:checked ~ label::before {
background: #fdcd0e;
border-color: #fdcd0e;
}
.generate-btn {
box-shadow: none;
padding: 7px 20px;
display: inline-block;
border: 0;
font-size: 20px;
color: #FFF;
border-radius: 0!important;
background: #ffce09;
}
.output_data iframe {
min-height: 490px;
line-height: 20px;
}
.generate-btn svg {
width: 15px;
margin-bottom: -7px;
margin-right: 2px;
}
.wrap-generate-btn{
display: block;
text-align: center;
margin-top: 15px;
}
.yp_post_embed label {
margin-right: 10px;
font-size: 20px;
color: #666;
}
.post_embed_wrap {
position: relative;
}
.post_embed_wrap select{
appearance: none;
}
.yp_post_embed label, .yp_post_embed input, .yp_post_embed .post_embed_wrap {
display: inline-block!important;
}
.post_embed_wrap select {
border: 1px solid #dbdbdb;
border-radius: 0;
font-size: 22px;
font-weight: 500;
padding: 5px 35px 5px 20px;
height: 40px;
color: #979797;
text-align: left;
margin: 0;
position: relative;
width: 100%;
display: block;
line-height: 26px;
appearance: none;
}
input.post_embed_name {
border: 1px solid #dbdbdb;
padding: 6px 35px 7px 20px;
border-radius: 0;
line-height: 18px;
font-size: 22px;
min-width: 325px;
margin-right: 10px;
}
.box-input-embed {
border: solid 1px #ddd;
padding: 20px;
}
.output_embed h4 {
margin: 0;
font-size: 32px;
color: #F99636;
font-weight: 600;
margin-bottom: 10px;
}
.wrap-pre-embed h4 {
margin: 0;
}
.post_embed.active {
border-color: #f00;
color: #f00;
}
.post_embed.active option{
color: #222;
}
.in-output_embed {
border: solid 1px #ddd;
padding: 20px;
}
.output_embed{
display: none;
margin-top: 40px;
}
.output_embed.active{
display: block;
}
textarea.pre-embed {
background: #e1e1e1;
border: 0;
border-radius: 0;
min-height: 80px;
padding: 5px 10px;
font-size: 21px;
}
.wrap-thumb-header .in-thumb {
background-size: cover;
background-position: center;
position: relative;
}
.search-page li.sf-field-reset a {
font-weight: 500!important;
font-size: 20px!important;
}
.archive-box li.sf-field-posts_per_page select{
max-width: 60px;
min-width: 60px;
}
.archive-box.search-page li.sf-field-category > ul {
margin: 0 -10px;
}
.archive-box.search-page  .v-post-loop.-list .post-header {
width: 10%;
}
.archive-box.search-page  .v-post-loop.-list .post-info {
width: 90%;
}
.searchandfilter h4 {
padding-top: 8px!important;
padding-bottom: 0!important;
}
.search-page .search-bar_ypx {
margin-bottom: 40px;
}
.archive-box.search-page li.sf-field-reset {
padding-top: 0;
} .box-pageination_post .searchandfilter ul li.sf-field-posts_per_page {
max-width: 170px;
min-width: 170px;
display: flex!important;
gap: 25px;
align-items: center;
justify-content: end;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page h4{
padding: 0;
font-size: 14px;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page ul{
grid-gap: 6px;
display: flex;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page > ul > li label,
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page li.sf-level-0.sf-item-0::after {
background: #FFF;
color: #000;
font-size: 14px;
width: 45px;
height: 45px;
display: flex;
align-items: center;
margin: 0;
justify-content: center;
font-weight: 400!important;
padding: 0;
border-radius: 50px;
cursor: pointer;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page > ul > li:hover label,
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page li.sf-item-0:hover::after,
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page > ul > li.sf-option-active label,
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page > ul > li.sf-item-0.sf-option-active::after{
background: #df4425;
color: #FFF;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page ul,
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page ul li {
padding: 0;
margin: 0;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page > ul > li input {
display: none;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page > ul > li:nth-child(2) {
display: none;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page li.sf-item-0 label.sf-label-radio {
overflow: hidden;
position: absolute;
opacity: 0;
display: block;
font-size: 35px;
line-height: 13px;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page li.sf-item-0::after{
content: "12";
}
.wrap-left-content {
position: relative;
}
.search-bar_yp.search-bottom-per li {
display: none!important;
}
.search-bar_yp.search-bottom-per .sf-field-posts_per_page {
max-width: 170px;
min-width: 170px;
display: block!important;
float: right;
position: absolute;
bottom: 48px;
}
.archive-box.search-page .searchandfilter ul {
display: block;
width: 100%;
margin: 0;
max-width: 100%;
}
.archive-box.search-page li.sf-field-search,.archive-box.search-page li.sf-field-post_date ,.archive-box.search-page li.sf-field-sort_order{
float: left;
}
.archive-box.search-page li.sf-field-sort_order{
width: 15%;
}
.archive-box.search-page li.sf-field-post_date {
width: 45%;
padding-top: 10px!important;
}
.archive-box.search-page li.sf-field-category li input, .archive-box.search-page li.sf-field-category li label {
display: inline-block;
}
.archive-box.search-page li.sf-field-category li {
float: left;
width: 33.33%;
max-height: 40px;
}
ul.sf_date_field li, ul.sf_date_field, li.sf-field-post_date {
display: inline-block!important;
padding: 0!important;
}
.archive-box.search-page li.sf-field-search{
padding-right: 20px;
width: 30%;
}
.archive-box.search-page li.sf-field-category ,.archive-box.search-page li.sf-field-reset {
float: left;
width: 100%;
}
.archive-box.search-page li.sf-field-category label:after{
display: none;
}
.archive-box.search-page li.sf-field-category li.sf-level-1 {
display: none;
}
.archive-box.search-page li.sf-field-category > ul {
align-items: start!important;
display: flex!important;
flex-wrap: wrap!important;
width: 100%!important;
grid-gap: 0!important;
justify-content: start!important;
}
.archive-box.search-page ul:after {
content: '';
clear: both;
float: none;
display: block;
}
.procurement-archive.style-3.v-post-loop.-list article {
border: 0;
border-bottom: solid 1px #ddd;
margin: 10px 0;
padding: 10px 0 20px;
}
.card-weblink .date-post_card span.text-card a{
text-decoration: none;
word-break: break-word;
}
.box-post_grid {
position: relative;
}
.w3eden .card.mb-3.p-3.hide_empty {
display: none;
}
.archive-box li.sf-field-posts_per_page select{
height: 31px!important;
font-weight: 600!important;
color: #fdcd0e!important;
text-align: left!important;
float: right;
}
.archive-box li.sf-field-posts_per_page option{
color: #222!important;
} li.sf-field-posts_per_page label:after {
top: 3px!important;
pointer-events: none;
}
.search-page li.sf-field-posts_per_page label:after {
top: 16px!important;
font-size: 13px;
}
.search-page li.sf-field-sort_order label:after {
right: -5px!important;
width: 30px;
}
.search-page li.sf-field-posts_per_page select{
height: 31px!important;
}  .column-post_grid {
grid-gap: 15px!important;
}
select.sf-input-select{
line-height: 28px;
}
.search-bottom {
float: right;
position: absolute;
right: 0;
bottom: 10px;
} .searchandfilter label{
position: relative;
}  .post-card-two > .main-object span.cat-text span.m-y-m {
font-size: 37px!important;
}
.post-card-two > .main-object span.cat-text span.day {
font-size: 80px!important;
line-height: 45px!important;
}
.btn-green{
background: #005;
color: #FFF!important;
padding: 3px 12px;
border-radius: 50px;
font-size: 18px;
transition: all ease-in-out 250ms;
}
.btn-green:hover{
background: #ddd;
color: #222!important;
}
.btn-green span{
background: #ffce09;
border-radius: 50%;
text-align: center;
width: 13px;
height: 13px;
display: inline-block;
margin-bottom: -3px;
margin-right: 3px;
}
.btn-green svg {
max-width: 12px;
margin: 0;
text-align: center;
display: block;
margin-top: -6px;
margin-left: 1px;
}
.btn-orange {
background: #EE7B1F;
color: #FFF!important;
padding: 8px 12px;
border-radius: 50px;
font-size: 18px;
transition: all ease-in-out 250ms;
}
.btn-orange:hover{
background: #ddd;
color: #222!important;
transform: scale(1.1)
}
.btn-orange span{
background: #ffce09;
border-radius: 50%;
text-align: center;
width: 13px;
height: 13px;
display: inline-block;
margin-bottom: -3px;
margin-right: 3px;
}
.btn-orange svg {
max-width: 12px;
margin: 0;
text-align: center;
display: block;
margin-top: -6px;
margin-left: 1px;
}
.one-column {
display: block!important;
}
.procurement-archive.style-3 article img {
position: relative!important;
max-width: 100%!important;
height: auto!important;
left: 0!important;
top: 0!important;
transform: none!important;
}
.procurement-archive.style-3 .post-header {
border-right: solid 1px #ddd;
width: 4%!important;
padding-right: 13px;
}
.procurement-archive.style-3.style-8 .post-header{
width: 6%!important;
}
.procurement-archive.poll-layout.style-3 .post-header {
border: 0;
padding-right: 0;
width: 2.5%!important;
}
.procurement-archive.poll-layout.style-3 article {
border: solid 1px #ddd!important;
padding: 10px!important;
}
.procurement-archive.style-3 .post-info {
width: 96%!important;
padding-left: 11px!important;
}
.procurement-archive.style-3.style-8 .post-info {
width: 94%!important;
}
.procurement-archive.poll-layout.style-3 .post-info {
width: calc(85% - 29px)!important;
padding-right: 10px;
}
.procurement-archive.poll-layout.style-3 .post-link-btn {
width: 15%;
float: left;
}
.poll-content-toggle {
overflow: hidden;
display: none;
position: relative;
}
.poll-content-toggle.active {
display: block;
}
.post-link-btn a {
display: block;
width: 100%;
text-decoration: none;
background: #fdcd0e;
border-radius: 20px;
color: #FFF;
padding: 3px 5px;
text-align: center;
transition: all ease-in-out 250ms;
font-size: 20px;
}
.post-link-btn a:hover {
background: #ddd;
color: #222;
}
.post-link-btn a svg {
width: 14px;
margin-bottom: -6px;
}
.card-recent_post h4 a:hover ,.post-basic-style-3 h3.link-name a:hover,.v-post-loop.-list .post-info h3:hover{
-webkit-line-clamp: 99!important;
}
.card-recent_post h4 a {
line-height: 25px!important;
max-height: 70px;
}
.post-card-two > .main-object > .object-2 h3 a{
line-height: 21px;
}
.button-size .span-btn svg {
width: 16px;
height: 16px;
}
.wrap-thumb-header .in-thumb .v-container {
position: relative;
min-height: 300px;
}
.single .entry-featured-image img {
width: 100%;
border-radius: 15px;
max-height: 450px;
object-fit: cover;
}
.yp_single_content {
padding: 20px 0 30px;
}
.wrap-tag-shared .left-share {
display: flex;
align-items: center;
gap: 10px;
position: relative;
flex-wrap: wrap;
}
.icon-yellow .elementor-button-icon {
background: #ffce09!important;
}
.icon-yellow:hover .elementor-button-icon{
color: #FFF!important;
}
.btn-more.relative {
position: relative!important;
left: auto!important;
right: auto!important;
text-align: left;
}
.tringger.tring-news.ton {
margin-top: 0;
}
.single .icon-date {
background: #fdcd0e;
display: inline-block;
width: 25px;
height: 25px;
float: left;
}
.single-meta {
margin-bottom: 15px;
display: flex;
gap: 15px;
align-content: center;
}
.single-meta .left-items {
}
.single-meta .right-items {display: flex;align-items: center;}
.single .icon-date svg {
width: 14px;
color: #005;
margin-left: 6px;
margin-top: 0;
}
.single span.posted-on {
float: left;
margin-left: 8px;
margin-top: 0;
}
.single-meta .post_by {
display: flex;
margin-right: 15px;
float: left;
align-items: center;
}
.single .main-content {
display: flex;
gap:20px;
}
.single .main-content .content-left{
width: 70%;
padding-right: 50px;
}
#page .main-content .single_sidebar {
width: 30%;
border-left: solid 1px #ddd;
padding-left: 35px;
padding-top: 50px;
}
.single .main-content .content-left h1.entry-title {
font-size: 32px;
line-height: 40px;
font-weight: 600;
}
.single_sidebar .widget-title,
.archive-sidebar .widget-title_head{
font-size: 18px;
padding-top: 4px;
font-weight: 600;
}
.single_sidebar .widget-title {
color: #ffce09;
margin: 0;
margin-bottom: 10px;
}
.single_sidebar.style-list-s2 .widget-title {
color: #000;
position: relative;
display: inline-block;
background: #0000;
z-index: 5;
padding-top: 4px;
margin-bottom: 25px;
font-size: 28px;
}
.btn_back {
position: absolute;
top: 0;
right: 0;
}
.single-meta .post_date {
display: flex;
align-items: center;
}
.single h3.byline {
margin: 0!important;
}
.single-meta i {
font-weight: bold;
}
.single-meta .post_by span.byline {
display: inline-block;
float: left;
padding-left: 10px;
padding-top: 0;
}
.single-meta .post_by span.byline a{
text-decoration: none;
color: #000;
}
.user-feed-page .page-sub-title, .profile-page .page-sub-title {
display: block;
margin-bottom: -25px;
}
.edit-profile-page .page-sub-title{
display: block;
}
.user-feed-page .searchandfilter ul,.profile-page .searchandfilter ul {
padding-bottom: 0!important;
}
.wrap-thumb-header .in-thumb:after {
content: '';
display: block;
background: #fff;
background: linear-gradient(90deg, #fff0 35%, #000000b0 100%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.um-page-loggedout .page-sub-title {
max-width: 450px;
margin: 0 auto;
display: block!important;
}
.search-page .page-sub-title {
margin: 0;
}
.search-page .page-sub-title h2{
margin: 0;
}
.search-page .page-sub-title h3 {
margin: 0;
font-weight: 600;
color: #ffce09;
font-size: 34px;
}
.search-page .page-sub-title span.result {
color: #222;
font-weight: 400;
}
.page-sub-title h2 {
font-size:42px;
color: #fa8246;
font-weight: 600;
}
.page-sub-title h2:after {
content: '';
height: 0.05em;
position: relative;
display: block;
background: #222;
width: 35px;
}
.wrap-thumb-header .in-thumb .entry-title ,.wrap-thumb-header .in-thumb .byline{
position: absolute;
right: 50px;
bottom: 50px;
z-index: 123;
font-size: 42px;
color: #FFF;
text-decoration: none;
}
.single-meta .post_by i {
background: #fdcd0e;
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
color: #005;
padding: 4px;
float: left;
font-size: 13px;
line-height: 18px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
display: none;
}
.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover,
.um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color{
color: #fdcd0e!important;
}
.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
background: #fdcd0e;
font-size: 20px;
}
.um-login .um-half {
width: 49%;
}
.um-login,.um-register,.form-reset,.um-change {
border: solid 1px #eee;
padding: 15px;
}
.box-remem {
margin-top: -20px;
margin-bottom: 10px;
}
#primary .go-register{
background: #00038a!important;
box-shadow: none;
padding: 7px 9px 10px!important;
display: block!important;
width: 100%!important;
font-size: 20px;
border-radius: 0!important;
color: #FFF!important;
}
#primary .go-register svg{
width: 15px;
margin-bottom: -6px;
margin-right: 1px;
}
#primary .yp-btn-reset button{
background: #ffce09!important;
box-shadow: none;
padding: 7px 9px 10px!important;
display: block!important;
width: 100%!important;
font-size: 20px;
border-radius: 0!important;
color: #FFF!important;
}
#primary .yp-btn-reset svg{
width: 15px;
margin-bottom: -6px;
margin-right: 2px;
}
#um_field_um_password_id_username_b {
padding: 3px 0;
}
#primary .um-form input[type=text], .um-form input[type=search], .um-form input[type=tel], .um-form input[type=number], .um-form input[type=password] {
font-size: 20px!important;
color: #222!important;
}
.label-reset div {
font-size: 20px!important;
color: #000;
}
div.nsl-container.nsl-container-block .nsl-container-buttons {
width: 100%;
}
div.nsl-container .nsl-button-default div.nsl-button-label-container{
font-family: 'Chulabhorn Likit Text','Chulabhorn Likit Display'!important;
font-size: 20px;
}
div.nsl-container .nsl-container-buttons a {
text-decoration: none !important;
box-shadow: none !important;
border-radius: 0!important;
}
div.nsl-container .nsl-button-default div.nsl-button-label-container {
font-family: 'Chulabhorn Likit Text','Chulabhorn Likit Display'!important;
font-size: 20px!important;
font-weight: 500!important;
font-style: normal!important;
}
div.nsl-container .nsl-button-default div.nsl-button-label-container  b {
font-style: normal!important;
font-weight: 500;
}
.yp-custom-regform .nsl-separator,.yp-custom-login .nsl-separator{
display: flex;
flex-basis: 100%;
align-items: center;
font-size: 20px;
color: #555;
margin: 20px 0 20px;
font-weight: 600;
}
.yp-custom-regform .nsl-separator::before,
.yp-custom-regform .nsl-separator::after,
.yp-custom-login .nsl-separator::before,
.yp-custom-login .nsl-separator::after
{
content: "";
flex-grow: 1;
background: #dddddd;
height: 1px;
font-size: 0;
line-height: 0;
margin: 0 10px;
margin-left: 0;
margin-right: 0;
}
.yp-custom-login .nsl-separator{
margin-bottom: 10px;
}
.yp-custom-login .nsl-separator::before, .yp-custom-regform .nsl-separator::before{
margin-right: 10px;
}
.yp-custom-login .nsl-separator::after, .yp-custom-regform .nsl-separator::after {
margin-left: 10px;
}
#primary .yp-forgot a {
text-align: right!important;
font-weight: 600;
color: #000!important;
font-size: 18px!important;
text-decoration: underline!important;
}
div.nsl-container .nsl-button-google[data-skin="light"] svg * {
fill: #FFF!important;
}
div.nsl-container .nsl-button-google[data-skin="light"] {
border-radius: 0!important;
box-shadow: none!important;
background: #ec4034!important;
color: #FFF!important;
}
#primary .um-register label,#primary .um-login label,#primary .um-field-label label {
font-size: 20px!important;
color: #000;
}
.um span.um-req {
font-size: 20px;
margin-left: 1px;
color: #ff0009!important;
}
#primary .um-register .custom-register-btn ,#primary .um-login .custom-login-btn{
box-shadow: none;
padding: 7px 7px 9px!important;
display: block!important;
width: 100%!important;
font-size: 20px;
border-radius: 0!important;
background: #ffce09;
}
#primary .um-register .custom-login-btn a {background: #ccc;display: block!important;box-shadow: none;padding: 10px!important;font-size: 20px;color: #FFF;border-radius: 0!important;}
#primary .um-register .custom-register-btn svg,#primary .um-login .custom-login-btn svg {
width: 15px;
margin-bottom: -6px;
margin-right: 2px;
}
#primary .um-change #um-submit-btn {
box-shadow: none;
padding: 7px 7px 9px!important;
display: block!important;
width: 100%!important;
font-size: 20px;
border-radius: 0!important;
background: #ffce09;
}
#primary .um-change #um-submit-btn svg{
width: 15px;
margin-bottom: -6px;
margin-right: 2px;
}
.custom-register-btn{
background: #ffce09;
}
#nsl-custom-login-form-1 .nsl-separator{
display: none!important;
}
.password-help-custom{
position: relative;
}
.password-help-custom .um-col-122 {
position: absolute;
top: 0;
right: 0;
text-align: right;
}
body.theme-four.single main#primary .wrap-bg {
margin-bottom: -25px;
padding-bottom: 50px;
}
.tags_list a {
background: #999;
color: #FFF;
text-decoration: none;
display: inline-block;
padding:1px 9px 2px;
font-size: 18px;
margin-right: 2px;
}
.tags_list a:hover{
background: #333;
color: #FFF;
}
.seed-social a {
padding: 0;
border-radius: 50%;
min-width: 40px;
}
.seed-social>li {
margin-right: 6px;
}
.wrap-all-list.new img {
float: left;
margin-right: 7px;
width: 21px;
padding-top: 6px;
}
.file_url_item a {
color: #fdcd0e!important;
font-weight: 600;
font-size: 24px;
line-height: 24px;
text-decoration: none;
}
.wrap-all-list.new {
padding-left: 37px;
border-bottom: solid 1px #ccc;
padding: 10px 0;
}
.wrap-all-list.new:last-child {
border: 0;
}
.file_url_item{
float: left;
}
.wrap-all-list .file-btn {
float: right;
}
.wrap-all-list .file-btn a {
display: inline-block;
background: #a7a7a7;
color: #FFF;
font-size: 20px;
min-width: 140px;
text-align: center;
text-decoration: none;
min-height: 40px;
transition: all ease-in-out 150ms;
}
.file_url_sub ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
font-size: 20px;
font-weight: 400;
}
.file_url_sub ul span{
font-weight: 700;
color: #fdcd0e;
}
.file_url_sub li {
display: inline-block;
}
.wrap-all-list .file-btn a{
display: inline-flex;
gap:10px;
align-items: center;
justify-content: center;
}
.wrap-all-list .file-btn a svg {
width: 18px;
height: 18px;
display: block; }
.file-download-list h3 {
margin-bottom: 10px;
}
.file-download-list {
display: flex;
gap:15px;
}
.file-download-list .left{
width: 25%;
}
.file-download-list .right{
width: 75%;
}
.section-box-single h3{
font-size: 30px;
line-height: 31px;
margin-top: 0;
font-weight: 600;
}
.section-box-single .icon-title {
background: #fdcd0e;
display: inline-block;
width: 35px;
height: 35px;
margin-right: 5px;
}
.section-box-single .icon-title svg {
width: 20px;
color: #FFF;
margin-left: 0.27em;
margin-top: 0.14em;
}
.section-box-single {
border-top: solid 1px #ccc;
padding-top: 20px;
padding-bottom: 20px;
}
.archive-description{
text-align: center;
}
.box-pageination_post .count-found {
width: 20%;
}
.box-pageination_post .search-bar_yp {
width: 20%;
} .content-pagination {
display: flex;
justify-content: center;
margin: 0;
width: 60%;
}
.content-pagination a.last-number_page {
width: auto;
padding: 0 1em;
height: auto;
font-size: 18px;
margin: 0 8px;
}
.content-pagination span.text-number_page {
font-size: 18px;
margin-right: 10px;
}
.content-pagination span.page-numbers.dots {
min-width: 20px;
} .posted-cats {
text-align: center;
}
.v-post-loop.-list article {
border: solid 1px #ddd;
padding: 10px;
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.v-post-loop.-list .post-header {
float: left;
width: 30%;
}
.v-post-loop.-list .post-info {
float: left;
width: 70%;
padding-left: 10px;
}
.v-post-loop.-list .post-header .wrap-thumb{
padding-bottom: calc( 1 * 100% );
position: relative;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
overflow: hidden;
}
.v-post-loop.-list article img {
display: block;
-webkit-transition: -webkit-filter .3s;
transition: -webkit-filter .3s;
-o-transition: filter .3s;
transition: filter .3s;
transition: filter .3s,-webkit-filter .3s;
height: 100%;
width: 100%;
position: absolute;
top: calc(50% + 1px);
left: calc(50% + 1px);
-webkit-transform: scale(1.01) translate(-50%,-50%);
-ms-transform: scale(1.01) translate(-50%,-50%);
transform: scale(1.01) translate(-50%,-50%);
object-fit: cover;
-o-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
}
.card-post_m h4 a:hover {
color: #df4425;
}
.v-post-loop.-list .post-header:hover img {
-webkit-transform: scale(1.1) translate(-46%,-50%);
-ms-transform: scale(1.1) translate(-46%,-50%);
transform: scale(1.1) translate(-46%,-50%);
}
.v-post-loop.-list .post-header a{
overflow: hidden;
display: block;
}
.v-post-loop.-list .post-info h3 {
margin-top: 0;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 20px;
line-height: 20px;
max-height: 57px;
min-height: 57px;
}
.card-recent_post .post-info{
z-index: 1;
padding: 5px 10px 0;
}
.v-post-loop.-list .post-info a {
text-decoration: none;
font-weight: 600;
color: #000;
font-size: 14px; transition: all ease-in-out 150ms;
}
.v-post-loop.-list .post-info a:hover{
color: #fa8246;
}
.v-post-loop.-list .entry-meta{
text-align: left;
margin-top: 5px;
}
.v-post-loop.-list .entry-meta svg {
width: 12px;
color: #fdcd0e;
margin-bottom: -8px;
}
.v-post-loop .entry-meta .post_view{
float: left;
margin: 0 5px;
padding-top: 1px;
font-size: 12px;
line-height: 25px;
}
.v-post-loop .entry-meta .post-views{
float: left;
margin: 0 3px;
margin-left: 0;
line-height: 25px;
}
.v-post-loop .entry-meta .post_view svg {
display: block;
float: left;
margin-right: 5px;
margin-top: -1px;}
.v-post-loop .post_date {
display: block;
float: left;
margin-right: 20px;
font-size: 12px;
}
.tags_list {
display: block;
font-size: 20px;
text-transform: uppercase;
color: #222;
font-weight: 700;
}
.posted-cats a {
display: inline-block;
background: #f9aa2a;
color: #222;
padding: 7px 10px 4px;
text-decoration: none;
border-radius: 50px;
font-size: 12px;
line-height: 13px;
font-weight: 500;
margin-bottom: 10px;
}
.posted-cats a:hover,.posted-cats a:focus{
background:#ddd;
color: #222;
}
.yp_breadcrumb #breadcrumbs span a{ font-weight: 300;
}
span.breadcrumb_last {
padding: 0;
font-weight: 300!important;
white-space: nowrap;
overflow: hidden;
max-width: 420px;
text-overflow: ellipsis;
display: inline-block!important;
}
.entry-meta {
text-align: center;
margin-top: 12px;
}
.post-views.entry-meta {
text-align: left;
margin-top: 0;
}
header.entry-header {
padding:50px 0;
background: #eee;
}
#breadcrumbs {
font-size: 14px;
text-align: left;
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
color: #000;
align-content: center;
}
#breadcrumbs span {
display: inline-flex;
align-items: center;
gap: 50px;
position: relative;
}
#breadcrumbs a {
text-decoration: none;
color: #222;
margin: 0;
}
#breadcrumbs a:after{
content: '';
display: block;
width: 10px;
height: 0.11em;
background: #000;
position: absolute;
left: -30px;
bottom: 11px;
}
#breadcrumbs span > a{
position: relative;
}
#breadcrumbs span > a:before {
content: '';
display: block;
width: 10px;
height: 0.11em;
background: #000;
position: absolute;
right: -30px;
bottom:11px;
}
.single #breadcrumbs span > span:nth-last-child(2) > a::before{
display: none;
}
#breadcrumbs svg {
width: 20px;
height: 20px;
background: #df4425;
color: #FFF;
padding: 3px;
border-radius: 50px;
margin-right: 10px;
}
#breadcrumbs a.svg-b {
display: flex;
align-items: center;
}
#breadcrumbs a.svg-b::after{
display: none!important;
}
#breadcrumbs .divider {
content: '';
display: none;
width: 10px;
height: 0.11em;
background: #000;
position: relative;
margin: 0 20px;
margin-left: 13px;
}
#breadcrumbs > span > span > a:after {
display: none;
}
#breadcrumbs > a:after {
display: none;
}
.site-main {
min-height: 86vh;
}
.v-post-loop.-card .post-item {
box-shadow: 0 5px 10px 0 hsl(0deg 0% 62% / 16%);
margin-bottom: 30px;
}
.v-post-loop.-card {
grid-template-columns: repeat(3, 1fr);
display: grid;
grid-gap: 12px;
margin: 50px 0 60px;
}
.v-post-loop.-card .post-info {
padding: 15px 15px 25px;
}
.v-post-loop.-card .post-info h2 {
margin: 0;
font-size: 19px;
}
.v-post-loop.-card .entry-meta {
font-size: 13px;
text-align: left;
}
.v-post-loop.-card .post-info a{
text-decoration: none;
color: #000;
}
.v-post-loop.-card .post-info span.cat-links {
background: #9e6d0b;
color: #FFF;
display: inline-block;
line-height: 19px;
padding: 0 10px;
border-radius: 3px;
margin-bottom: 3px;
}
.v-post-loop.-card .post-info span.cat-links a{
color: #FFF;
font-size: 12px;
}
.column-post_grid.full-width {
grid-template-columns: auto;
grid-gap: 0!important;
}
.rss-page .wrap-thumb {
padding-bottom: 0!important;
}
.rss-page.v-post-loop.-list .post-header {
width: 6%;
text-align: center;
}
.rss-page.v-post-loop.-list .post-header {
width: 6%;
text-align: center;
}
.rss-page.v-post-loop.-list .post-info{
padding: 0;
width: 94%;
}
.rss-page.v-post-loop.-list {
margin-top: 50px;
}
.rss-page.v-post-loop.-list .post-header .rss-icon {
background: #fdcd0e;
max-width: 50px;
max-height: 50px;
padding-top: 5px;
}
.rss-page.v-post-loop.-list .post-info a:hover{
color: #fdcd0e;
}
.rss-page-single {
margin-top: 50px;
}
.rss-page-single.v-post-loop.-list .post-header {
width: 10%;
}
.rss-page-single.v-post-loop.-list .post-info{
width: 90%;
}
.rss-page-single.v-post-loop.-list .post-info .p_excerpt {
line-height: 17px;
margin-top: 6px;
}
.rss-page-single.v-post-loop.-list .post-info h3 a {
font-size: 21px;
}
.bottom_banner_nav_wrap{
text-align: center;
}
ul.bottom_banner_nav {
width: 100%;
margin: 0;
list-style: none;
display: inline-block;
padding: 0;
margin-bottom: 15px;
}
ul.bottom_banner_nav li {
display: inline-block;
cursor: pointer;
margin: 0 5px;
padding: 2px 14px;
font-size: 20px;
transition: all ease-in-out 250ms;
}
ul.bottom_banner_nav li.active,ul.bottom_banner_nav li:hover {
background: #fdcd0e;
}
.post-calendar-style-7 .vc-post .vc-info .vc-view-more div:first-child {
transition: all ease-in-out 250ms!important;
padding: 0.4em!important;
}
.post-calendar-style-7 .vc-post .vc-info .vc-view-more div:last-child,
.post-tab-style-7-2 .vc-post .vc-info .vc-view-more div:first-child
{
transition: all ease-in-out 250ms!important;
}
.post-calendar-style-7 .vc-post .vc-info .vc-view-more:hover div:first-child ,
.post-tab-style-7-2 .vc-post .vc-info .vc-view-more:hover div:first-child{
background: #bdeec4;
color: #225779;
}
.post-calendar-style-7 .vc-post .vc-info .vc-view-more:hover div:last-child,
.post-tab-style-7-2 .vc-post .vc-info .vc-view-more:hover div:last-child
{
color: #fff;
background-color: #225779;
}
.post-tab-style-7-2 .vc-post .vc-info,.post-calendar-style-7 .vc-post .vc-info,.post-tab-style-7-4 .vc-post .vc-info  {
transition: all ease-in-out 150ms;
}
.post-tab-style-7-2 .vc-post:hover .vc-info,
.post-calendar-style-7 .vc-post:hover .vc-info
{
background: #f5f7f9;
}
.post-tab-style-7-4 .vc-post:hover .vc-info{
background: #225779;
}
.post-tab-style-7-4 .vc-post:hover .vc-post-date{
color: #FFF;
}
.post-tab-style-7-4 .vc-post:hover .vc-info h3{
color: #FFF!important;
}
#carousel_home_weblink img{
transition: all ease-in-out 150ms;
}
#carousel_home_weblink img:hover{ }
#carousel_home_weblink .swiper-slide .text-center:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #f3f3f3;
transform-origin: center;
transform-style: preserve-3d;
transform: scaleY(0);
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
z-index: -1;
height: 100%;
}
#carousel_home_weblink .swiper-slide .text-center:hover:before {
opacity: 1;
transform: scaleY(1);
}
.post-tab-style-7-4 .vc-main-title .term-link-all ,.post-tab-style-7-2 .vc-main-title .term-link-all{
font-size: 18px!important;
transition: all ease-in-out 250ms!important;
}
.post-tab-style-7-3 .vc-post .vc-info,.post-tab-style-8-2 .vc-post{
transition: all ease-in-out 250ms!important;
}
.post-tab-style-7-3 .vc-post:hover .vc-info {
background: #225779;
}
.post-tab-style-7-3 .vc-post:hover .vc-info h3{
color: #FFF!important;
}
.post-tab-style-7-4 .vc-main-title .term-link-all:hover,
.post-tab-style-7-2 .vc-main-title .term-link-all:hover
{
color: #ddd;
}
.bottom-banner-wrap{
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 10px 0 5px;
}
.column-update_calendar article ,.procurement-wrap.style-3 article{
border: solid 2px #0000;
transition: all ease-in-out 150ms;
}
.column-update_calendar article:hover,
.procurement-wrap.style-3 article:hover{
border: solid 2px #fdcd0e!important;
}
.vc_posts.card.style-1.v1 .vcps-item .featured-croped a:before{
z-index: -999;
opacity: 0;
content: '';
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
background: #ffcf2f73;
top: 0;
left: 0;
width: 100%;
position: absolute;
height: calc(100% - 15px);
}
.vc_posts.card.style-1.v1 .vcps-item .featured-croped a:after
{
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
z-index: -999;
content: "\f133";
font-family: "Flaticon";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFF;
border: solid 2px #FFF;
border-radius: 50px;
width: 30px;
height: 30px;
text-align: center;
font-size: 14px;
font-weight: bold;
padding-top: 3px;
margin-top: -15px;
}
.vc_posts.card.style-1.v1 .vcps-item:hover .featured-croped a:after,
.vc_posts.card.style-1.v1 .vcps-item:hover .featured-croped a:before
{
z-index: 2;
opacity: 1;
}
.post-tab-style-10 .vc-post .vc-info .excerpt{
color: #222;
}
.item-quick-links .more-info{
transition: all ease-in-out 150ms;
}
.item-quick-links .more-info:hover{
background: #FFF;
color: #222;
}
.card-recent_post .post-header a {
display: block;
overflow: hidden;
}
.card-post_m .title-head_card {
padding: 10px 15px;
}
.card-recent_post .post-header img{
-o-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
} #carousel_home_post .card-post_m .post-header a{
padding-bottom: calc( 0.57 * 100% );
position: relative;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
overflow: hidden;
margin-bottom: 0;
}
#carousel_home_post .card-post_m img {
display: block;
-webkit-transition: -webkit-filter .3s;
transition: -webkit-filter .3s;
-o-transition: filter .3s;
transition: filter .3s;
transition: filter .3s,-webkit-filter .3s;
height: auto!important;
height: 100%;
width: 100%;
position: absolute;
top: calc(50% + 1px);
left: calc(50% + 1px);
-webkit-transform: scale(1) translate(-50%,-50%);
-ms-transform: scale(1) translate(-50%,-50%);
transform: scale(1) translate(-50%,-50%);
object-fit: cover;
}
.page-template-page-all-poll .search-bottom-per .sf-field-posts_per_page{
bottom: 10px;
}
.page-template-page-all-poll #primary li.sf-field-posts_per_page select {
color: #979797 !important;
}
.page-template-page-all-poll #primary.archive-box  {
margin-bottom: 50px;
}
.contact-us-btn .ff_btn_style p {
display: inline-block;
}
.contact-us-btn .ff_btn_style i {
display: inline-block;
font-size: 14px;
margin-left: 3px;
}
#primary .but-2.reset-btn{
background-color:#a2a2a2!important;
}
#primary .contact-us-btn .ff-t-cell{
padding: 0 5px!important;
}
.single-tags {
display: flex;
gap: 10px;
align-items: center;
}
#page .single-tags p{
font-size: 14px;
margin: 0;
padding: 0;
font-weight: 500;
}
.wrap-single.style-2 .tags_list a {
background: #eaeaea;
color: #000;
border: solid 1px #ddd;
border-radius: 0;
padding: 0 8px;
transition: all ease-in-out 150ms;
line-height: 20px;
font-size: 12px;
border-radius: 50px;
}
.wrap-single.style-2 .tags_list a:hover{
background: #ddd;
color: #000;
}
.wrap-single.style-2 .tags_list span {
background: #005;
color: #FFF;
font-weight: 400;
font-size: 18px;
min-width: 50px;
display: inline-block;
text-align: center;
margin-right: 15px;
}
.wrap-single.style-2 .section-box-single .icon-title {
display: none;
}
.title-cat_page .head-c{
color: #005;
}
.procurement-wrap.style-1-v1 .post-header:after {
background: #005;
border-radius: 0;
}
.wrap-single.style-2 .wrap-all-list.new {
background: #FFF;
padding-left: 37px;
border-bottom: solid 1px #e4f3ff;
padding: 15px 12px 10px;
border-top: solid 1px #e4f3ff;
}
.wrap-single.style-2 .wrap-all-list.new img {
margin-right: 15px;
width: 42px;
padding-top: 4px;
}
.wrap-single.style-2 .wrap-all-list .file-btn a {
border-radius: 0;
margin-right: 10px;
}
.wrap-single.style-2 .section-box-single .section-title {
font-size: 28px;
margin-bottom: 15px;
}
.wrap-single.style-2 .section-box-single .file_url_item a {
font-family: 'Chulabhorn Likit Text','Chulabhorn Likit Display'!important;
font-size: 23px;
font-weight: bold;
}
.wrap-single.style-2 .gallery-single.section-box-single {
border-top: 0;
padding-top: 20px;
}
.wrap-single.style-2 .section-box-single {
padding-top: 25px;
}  .law-modifly h3 {
font-size: 32px;
line-height: 28px;
margin-bottom: 10px;
}
.law-modifly li a {
color: #111;
font-size: 20px;
line-height: 21px;
display: inline-block;
float: left;
width: calc(100% - 15px);
}
.law-modifly li a:hover {
opacity: .8;
}
.law-modifly ul {
margin: 0;
list-style: none;
padding: 0;
padding-left: 2px;
}
.law-modifly li {
margin: 0;
padding: 0;
margin-bottom: 3px;
}
.law-modifly li::before {
content: '';
background: #225779;
width: 5px;
height: 5px;
float: left;
margin-top: 7px;
display: inline-block;
margin-right: 10px;
border-radius: 50%;
}
.law-modifly li:after {
display: block;
content: '';
clear: both;
}
.bottom_banner_overlay{
position: absolute;
top: 0;
left: 0;
height: calc(100% + 5px);
width: 100%;
content: "";
background-color: #fdcd0e94;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform: translateY(-102%);
transform: translateY(0);
opacity: 0;
z-index: 1;
}
.item-bottom_banner:hover .bottom_banner_overlay{
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}
.bottom_banner_overlay span {
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
text-align: center;
border-radius: 0;
width: 25px;
height: 25px;
display: block;
background: #222;
color: #FFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bottom_banner_overlay span:hover{
background: #FFF;
}
.bottom_banner_overlay span:hover svg {
stroke: #222;
}
.bottom_banner_overlay svg {
width: 13px;
margin-top: 0px;
}
.bottom_banner_overlay a{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.item-bottom_banner{
overflow: hidden;
position: relative;
}
#page .post-basic-style-3 .post-right .btn {
font-size: 17px;
padding-top: 6px;
padding-bottom: 3px;
}
.title-carousel_home_weblink .left {
display: flex;
gap: 12px;
align-items: center;
font-size: 18px;
color: #005;
}
.title-carousel_home_weblink .left a {
font-weight: 600;
color: #3e3e3e;
}
.title-carousel_home_weblink .left i {
color: #005;
font-size: 12px;
}
.archive-box.search-page .search-bottom li.sf-field-posts_per_page{
max-width: 170px;
min-width: 170px;
display: block!important;
float: right;
position: relative;
bottom: 0;
} .box-pageination_post.vc-botom{
margin-top: 25px;
}
.lang-th .search-bar_ypx li:before {
font-size: 21px;
color: #555;
}
.archive-box.search-page li.sf-field-post_date h4 {
margin-top: 22px;
}
.search-bar_ypx li.sf-field-post_date li:before {
content: 'ช่วงเวลา';
width: 100%;
display: block;
opacity: 0;
}
.archive-box.search-page li.sf-field-post_date label{
position: relative;
}
.archive-box.search-page li.sf-field-post_date label input {
padding-left: 40px;
padding-right: 0;
}
.archive-box.search-page li.sf-field-post_date label::before {
content: "\f145";
font-family: "Flaticon";
position: absolute;
left: 0;
top: 0;
background: #0000;
color: #777;
width: auto;
padding: 8px 11px;
height: 100%;
border-radius: 50px;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
z-index: 1;
} .search-page li.sf-field-category:before{
display: none;
}
.searchandfilter select.sf-input-select {
line-height: 23px;
}
.downloads-box .searchandfilter ul {
margin: 0 auto!important;
}
.downloads-box .box-pageination_post {
max-width: 1024px;
width: 100%;
margin: 0 auto;
position: relative;
}
.downloads-box .search-bar_yp.search-bottom-per .sf-field-posts_per_page {
bottom: 0;
}
.v-post-loop.-list article.post-item-style_2 .post-header {
float: none;
width: 100%;
position: relative;
}
.v-post-loop.-list article.post-item-style_2 {
border: 0;
padding: 0;
}
.v-post-loop.-list article.post-item-style_2 .wrap-thumb {
padding-bottom: calc( 0.55 * 100% );
}
.v-post-loop.-list article.post-item-style_2 .entry-meta {
background: #000055;
display: inline-block;
color: #FFF;
padding: 0 5px;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
}
.v-post-loop.-list article.post-item-style_2 .entry-meta .post_date {
margin: 0;
} .v-post-loop.-list article.post-item-style_2 .post-info a {
color: #00038a;
font-size: 22px;
}
.v-post-loop.-list article.post-item-style_2 .post-info {
width: 100%;
padding: 11px 0;
}
.social_shared_style_2 ul {
margin: 0;
border-bottom: solid 4px #275d3b;
padding-bottom: 5px;
text-align: center;
margin-bottom: 30px;
padding: 5px 15px;
text-align: left;
}
.social_shared_style_2 a {
background: #fdcd0e!important;
}
.social_shared_style_2 svg{color: #00135a;}
.btn_back svg {
color: #fec300;
width: 18px;
margin-bottom: -8px;
}
.btn_back ,.social_shared_style_2 span{
background: #0000;
border: 0;
padding: 0;
font-weight: 500;
color: #000;
font-size: 17px;
}
.social_shared_style_2 span svg {
color: #fec300;
width: 13px;
margin-bottom: -8px;
margin-right: 3px;
fill: #fec300;
}
.social_shared_style_2 > span {
padding: 0 15px 3px;
display: block;
}
.social_shared_style_2 ul li {
width: auto;
margin-right: 13px;
}
.social_shared_style_2 .seed-social a {
border-radius: 50%;
min-width: 45px;
min-height: 45px;
max-width: 45px;
padding: 0;
}
.fluentform .ff-el-is-error .text-danger {
font-size: 14px!important;
}
@media (max-width:767px) {
.single_sidebar.style-list-s2 {
margin: 0;
padding: 0;
margin-top: 15px;
}
.downloads-box .box-pageination_post li.sf-field-posts_per_page label {
text-align: center;
}
.law-modifly h3 {
font-size: 26px;
line-height: 24px;
}
.single-meta.style-2 .left-items {
grid-template-columns: auto;
}
.single-meta.style-2 .entry-title {
margin: 0;
line-height: 31px;
font-size: 32px;
margin-top: 15px;
}
.wrap-single.style-2 .file_url_item {
width: 78%!important;
}
.wrap-single.style-2 .wrap-all-list.new {
padding-bottom: 15px;
}
.people-list .-people-item {
display: block;
margin-top: 30px!important;
}
.people-list .-people-item .-people-img ,.people-list .-people-item .-people-text{
width: 100%;
text-align: center!important;
}
.people-list .-people-item .-people-img img {
margin-right: -30px;
margin-bottom: -100px;
margin-top: -50px;
}
.session-people .people-list .-people-item .-people-img {
width: 100%;
}
.session-people .people-list .-people-item .-people-text {
width: 100%;
text-align: center!important;
}
.icon-box-n .elementor-icon-box-wrapper {
display: flex;
text-align: left !important;
}
.icon-box-n .elementor-icon-box-icon {
padding-right: 10px !important;
}
.rss-page-single.v-post-loop.-list .post-header {
width: 25%;
}
.rss-page-single.v-post-loop.-list .post-info{
width: 75%;
}
.rss-page.v-post-loop.-list .post-header{
width: 14%;
}
.rss-page.v-post-loop.-list .post-info {
width: 86%;
}
.home-theme-4 .procurement-wrap.style-1-v1 .post-header{
width: 10%;
}
.home-theme-4 .procurement-wrap.style-1-v1 .post-info {
width: 65%;
}
.home-theme-4 .procurement-wrap.style-1-v1 .entry-meta {
width: 25%;
}
.home-theme-4 .procurement-wrap.style-1-v2 .post-header {
width: 15%;
}
.home-theme-4 .procurement-wrap.style-1-v2 .post-info{
width: 58%;
}
.home-theme-4 .procurement-wrap.style-1-v2 .entry-meta {
width: 27%;
}
.home-theme-4 .vc_posts.card.style-2.v1 .card-recent_post:last-child {
display: block;
}
.home-theme-4.col-4 .vc_posts.card.style-2.v1 .vc_posts-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.home-theme-4.col-4 .vc_posts.card.style-2.v1 .card-recent_post:last-child{
display: block!important;
}
.nav-weblink-home{
bottom: 20px;
}
#carousel_home_weblink .swiper-slide:after{
display: none;
}
#carousel_home_weblink .swiper-wrapper {
padding-bottom: 40px;
}
.title-carousel_home_weblink {
padding: 10px 0;
}
.title-carousel_home_weblink h3 {
font-size: 40px;
}
.yp_chart_wrap {
width: 600px!important;
float: none;
margin-right: -320px;
margin-bottom: 50px;
display: block;
}
.yp_chart_wrap canvas {
margin-top: -80px;
margin-left: -185px;
}
.poll-option_name:after {
display: block;
content: '';
clear: both;
}
.poll-option_name li {
width: 100%;
}
ul.poll-option_name {
position: relative;
top: 0;
left: 0;
float: none;
width: 100%;
transform: none;
clear: both;
margin-bottom: 10px;
}
.procurement-archive.poll-layout.style-3 .post-info {
width: 92%!important;
padding: 0!important;
padding-left: 10px!important;
}
.procurement-archive.poll-layout.style-3 .post-link-btn {
width: 100%;
}
.post-link-btn a {
margin-top: 5px;
}
.procurement-archive.poll-layout.style-3 .post-header {
width: 8%!important;
}
.search-bar_yp.search-bottom-per .sf-field-posts_per_page {
position: relative;
bottom: auto;
float: none;
} .search-bar_yp.search-bottom-per ul{
grid-template-columns: revert!important;
} .single-meta .post_by{
margin-bottom: 10px;
}
.archive-box.search-page  .v-post-loop.-list .post-header {
width: 30%;
}
.archive-box.search-page  .v-post-loop.-list .post-info {
width: 70%;
}
span.breadcrumb_last {
margin-left: 0;
}
.v-post-loop.-card {
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
margin: 45px 0 70px;
}
.single .main-content,.single .single_sidebar{
width: 100%;
}
.single .entry-content .v-container {
padding: 0;
}
.wrap-all-list.new img {
width: 7%;
}
.file_url_item {
float: left;
width: 89%;
}
.v-post-loop .post-item {
margin-bottom: 10px;
}
}
.hamburger {
-webkit-tap-highlight-color: rgba(0,0,0,0);
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000; }
.hamburger-box {
width: 32px;
height: 18px;
display: inline-block;
position: relative;
margin-left: 5px;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 32px;
height: 3px;
background-color: #000;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px;
} .hamburger--slider .hamburger-inner {
top: 2px; }
.hamburger--slider .hamburger-inner::before {
top: 8px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -16px, 0) rotate(-90deg);
}
@font-face {
font-family: "Flaticon";
src: url(//www.cri.or.th/wp-content/themes/fluffy/fonts/paradizicon/Flaticon.eot);
src: url(//www.cri.or.th/wp-content/themes/fluffy/fonts/paradizicon/Flaticon.eot?#iefix) format("embedded-opentype"),
url(//www.cri.or.th/wp-content/themes/fluffy/fonts/paradizicon/Flaticon.woff2) format("woff2"),
url(//www.cri.or.th/wp-content/themes/fluffy/fonts/paradizicon/Flaticon.woff) format("woff"),
url(//www.cri.or.th/wp-content/themes/fluffy/fonts/paradizicon/Flaticon.ttf) format("truetype"),
url(//www.cri.or.th/wp-content/themes/fluffy/fonts/paradizicon/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(//www.cri.or.th/wp-content/themes/fluffy/fonts/paradizicon/Flaticon.svg#Flaticon) format("svg");
font-display: swap;
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
margin-left: 0;
}
.flaticon-phone:before { content: "\f100"; }
.flaticon-phone-1:before { content: "\f101"; }
.flaticon-shopping-cart:before { content: "\f102"; }
.flaticon-shopping-cart-1:before { content: "\f103"; }
.flaticon-shopping-cart-2:before { content: "\f104"; }
.flaticon-shopping-cart-empty-side-view:before { content: "\f105"; }
.flaticon-shopping-cart-of-horizontal-lines-design:before { content: "\f106"; }
.flaticon-shopping-cart-3:before { content: "\f107"; }
.flaticon-cart:before { content: "\f108"; }
.flaticon-supermarket:before { content: "\f109"; }
.flaticon-commerce-and-shopping:before { content: "\f10a"; }
.flaticon-cart-1:before { content: "\f10b"; }
.flaticon-shopping-basket:before { content: "\f10c"; }
.flaticon-line-logo:before { content: "\f10d"; }
.flaticon-dialogue:before { content: "\f10e"; }
.flaticon-chat:before { content: "\f10f"; }
.flaticon-speech-bubbles:before { content: "\f110"; }
.flaticon-menu:before { content: "\f111"; }
.flaticon-menu-1:before { content: "\f112"; }
.flaticon-cross-out:before { content: "\f113"; }
.flaticon-error:before { content: "\f114"; }
.flaticon-avatar:before { content: "\f115"; }
.flaticon-user:before { content: "\f116"; }
.flaticon-account:before { content: "\f117"; }
.flaticon-magnifying-glass:before { content: "\f118"; }
.flaticon-search:before { content: "\f119"; }
.flaticon-down-arrow:before { content: "\f11a"; }
.flaticon-downwards-pointer:before { content: "\f11b"; }
.flaticon-chevron:before { content: "\f11c"; }
.flaticon-chevron-1:before { content: "\f11d"; }
.flaticon-back:before { content: "\f11e"; }
.flaticon-left-chevron:before { content: "\f11f"; }
.flaticon-right-chevron:before { content: "\f120"; }
.flaticon-chevron-2:before { content: "\f121"; }
.flaticon-delete-button:before { content: "\f122"; }
.flaticon-delete:before { content: "\f123"; }
.flaticon-heart:before { content: "\f124"; }
.flaticon-car:before { content: "\f125"; }
.flaticon-car-1:before { content: "\f126"; }
.flaticon-car-2:before { content: "\f127"; }
.flaticon-envelope:before { content: "\f128"; }
.flaticon-pin:before { content: "\f129"; }
.flaticon-pointer-spot-tool-for-maps:before { content: "\f12a"; }
.flaticon-pin-1:before { content: "\f12b"; }
.flaticon-pin-2:before { content: "\f12c"; }
.flaticon-pin-3:before { content: "\f12d"; }
.flaticon-earth-grid-symbol:before { content: "\f12e"; }
.flaticon-browser:before { content: "\f12f"; }
.flaticon-browser-1:before { content: "\f130"; }
.flaticon-add:before { content: "\f131"; }
.flaticon-add-1:before { content: "\f132"; }
.flaticon-plus:before { content: "\f133"; }
.flaticon-share:before { content: "\f134"; }
.flaticon-share-1:before { content: "\f135"; }
.flaticon-substract:before { content: "\f136"; }
.flaticon-substract-1:before { content: "\f137"; }
.flaticon-minus-symbol:before { content: "\f138"; }
.flaticon-text-height:before { content: "\f139"; }
.flaticon-text-height-1:before { content: "\f13a"; }
.flaticon-like:before { content: "\f13b"; }
.flaticon-thumbs-up:before { content: "\f13c"; }
.flaticon-clock:before { content: "\f13d"; }
.flaticon-tag:before { content: "\f13e"; }
.flaticon-tag-1:before { content: "\f13f"; }
.flaticon-tag-2:before { content: "\f140"; }
.flaticon-folder:before { content: "\f141"; }
.flaticon-edit:before { content: "\f142"; }
.flaticon-folder-1:before { content: "\f143"; }
.flaticon-paper:before { content: "\f144"; }
.flaticon-timetable:before { content: "\f145"; }
.flaticon-clock-1:before { content: "\f146"; }
.flaticon-clock-2:before { content: "\f147"; }
.flaticon-clock-3:before { content: "\f148"; }
.flaticon-alarm-clock:before { content: "\f149"; }
.flaticon-history:before { content: "\f14a"; }
body, html {
width: 100%;
overflow-x: hidden;
color: #000;
}
.btn-splash input {
font-weight: bold;
}
.single .entry-content p {
margin-bottom: 15px;
font-family: 'Chulabhorn Likit Text','Chulabhorn Likit Display';
font-size: 1rem;
line-height: 1.7;
}
.single .main-content h3 {
font-size: 30px;
line-height: 31px;
margin-top: 0;
}
.single .entry-featured-image {
margin-bottom: 20px;
}
.wrap-tag-shared {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.single .right-items .post_views {
float: none;
display: flex;
align-items: center;
}
.single .right-items .post_views .icon-view {
background: #fdcd0e;
display: inline-block;
width: 25px;
height: 25px;
float: left;
}
.single .right-items .post_views .icon-view svg {
color: #005;
width: 15px;
margin-left: 5px;
margin-top: 1px;
}
.single .right-items .post_views .post-views {
float: left;
margin-left: 7px;
margin-top: 0;
}
.left-tags {
float: left;
}
.right-shared {
float: right;
}
.seed-social .text{
display: none;
}
.site {
position: relative;
min-height: 100vh;
overflow: hidden;
}
.v-container{
margin-right: auto;
position: relative;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
max-width: 1240px;
}
ul.sidebar_not_found {
margin: 0;
list-style: none;
padding-left: 17px;
}
.site-header {
min-height: 70px;
box-shadow: 0 3px 5px 1px rgb(0 0 0 / 8%);
}
.site-header>.v-container {
position: relative;
min-height: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.desktop_menu ul {
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100%;
}
.desktop_menu li {
position: relative;
height: 100%;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.desktop_menu li a { font-size: 16px;
line-height: 20px;
color: #222;
font-weight: 400;
} .desktop_menu .current_page_item > a{
border-bottom: solid 3px #df4425;
}
.desktop_menu li a:not(.sub-menu a) {
padding: 35px 10px;
margin: 0 3px;
padding-left: 2px;
}
.desktop_menu  li:hover > a,.site-header .menu-item-has-children:hover > .wrap-toggle-mobile svg,
.site-header  .menu-item-has-children:hover > a,.current_page_item > a {
color: #df4425;
}
.site-branding {
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
transform: none;
margin: 0;
}
.site-branding a {
display: flex;
}
.site-branding img {
max-height: 74px;
max-height: 74px;
width: auto;
}
.menu-item-has-children svg {
width: 15px;
margin-left: -10px;
cursor: pointer;
margin-right: 10px;
margin-top: 6px;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s,-webkit-transform .4s;
}
.menu-item-has-children:hover > .wrap-toggle-mobile > svg {
color: #df4425;
}
.desktop_menu .sub-menu {
padding: 0;
display: block;
text-align: left;
overflow: hidden;
opacity: 0;
border-radius: 0;
height: auto;
max-height: 0;
position: absolute;
z-index: 101;
top: calc(100% + 5px);
-webkit-filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.1));
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background-color: #FFF;
min-width: 220px;
}
.desktop_menu .sub-menu .wrap-toggle-mobile > svg {
-webkit-transform: rotateZ( 270deg);
transform: rotateZ( 270deg);
}
#main-header_1 ul.social-ul li a:hover {
transform: scale(1)!important;
} .menu-item-has-children .sub-menu svg {
margin: 0;
padding: 0;
margin-top: 3px;
}
.menu-item-has-children .sub-menu .wrap-toggle-mobile {
position: absolute;
right: -25px;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .desktop_menu .sub-menu li:last-child > a{
border-bottom: 0;
}
.desktop_menu .sub-menu .sub-menu:before {
border-bottom-color: #fff!important;
}
.desktop_menu li:hover>.sub-menu {
opacity: 1;
max-height: 100vh;
top: 90%;
height: auto;
z-index: 200;
overflow: visible;
}
ul.social-ul li a{
position: relative;
}
.desktop_menu .sub-menu li a{
border-bottom: 0;
font-size: 16px;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
position: relative;
width: 100%;
} .desktop_menu .sub-menu li a:before {
content: "\f344";
font-family: "dashicons";
color: #df4425;
position: absolute;
top: 50%;
left: -20px;
font-size: 12px;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-5px,-50%);
-ms-transform: translate(-5px,-50%);
transform: translate(-5px,-50%);
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.desktop_menu .sub-menu > li:hover > a::before {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
}
.desktop_menu .sub-menu li a:after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
height: 1px;
width: 0px;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
background-color: #df4425;
}
.desktop_menu .sub-menu > li:hover > a::after {
width: 100%;
}
.desktop_menu .sub-menu {
padding: 10px 0;
padding-right: 0;
} #mobile-menu li.is-active-mobile>.sub-menu .sub-menu {
left: 0;
}  .languages-yp{
position:relative;
}
.current_btn_lang img {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
margin-right: 5px;
margin-bottom: -9px;
}
.current_btn_lang svg {
width: 14px;
margin-left: 2px;
margin-bottom: -7px;
}
.current_btn_lang.languages__item--current {
display: block;
}
.current_btn_lang{
cursor:pointer;
font-size:14px;
color: #000;
}
.dropdown_lang {
display: block;
text-align: left;
overflow: hidden;
opacity: 0;
border-radius: 3px;
height: auto;
max-height: 0;
position: absolute;
z-index: 101;
top: calc(100% + 5px);
-webkit-filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.1));
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-color: #FFF;
min-width: 150px;
padding:10px;
}
.current_btn_lang:hover > .dropdown_lang {
opacity: 1;
max-height: 100vh;
top: 90%;
height: auto;
margin-top: 15px;
z-index: 101;
overflow: visible;
z-index: 9999;
}
a.languages__item {
display: block;
font-size: 13px;
line-height: 23px;
text-transform: none;
color: #000;
font-weight: 400;
}
a.languages__item:hover {
color: #0074bc;
} .desktop_menu li>.sub-menu li {
min-height: auto!important;
}
.desktop_menu li.menu-item-has-children>.sub-menu li{
margin:16px 35px;
}
.desktop_menu li.menu-item-has-children>.sub-menu li a {
min-height: auto;
}
.desktop_menu .sub-menu .sub-menu {
left: 100%;
top: 0!important;
margin-left: 35px;
}
.desktop_menu  .sub-menu  .sub-menu:before{
display: none;
}
.site-footer {
background: #eee;
color: #242424;
text-align: center;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
body.admin-bar .site {
min-height: calc(100vh - 32px);
}
.site-footer p {
margin: 0!important;
padding: 10px;
font-size: 12px;
font-weight: 400;
}
.fix-icon-align svg {
margin-top: -9px;
}
.fix-icon-align-2 svg {
margin-top: -5px;
}
.text-center {
text-align: center;
} ._mobile{
display: none;
}
._desktop{
display: block;
}
html #wpadminbar {
z-index: 996;
}  #mobile-menu .sub-menu {
width: 100%;
max-height: 0;
filter: none;
background: #f6f6f6;
position: relative;
overflow: hidden;  }
#mobile-menu li.is-active-mobile>.sub-menu { max-height: 100vh;
}
#mobile-menu li:hover > a,#mobile-menu li:hover svg{
color: #222!important;
}
.overlay_menu_m{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 997;
background: #000;
opacity: 0;
pointer-events: none;
transition: opacity .5s;
display: none;
pointer-events: none;
}
.overlay_menu_m.is-active {
opacity: .5;
display: block;
pointer-events: all;
}
#mobile_menu_wrap {
position: relative;
}
#mobile_menu_wrap{
background: #FFF;
position: fixed;
top: 0;
right: 0;
width: 350px;
height: 100vh;
z-index: 998;
max-width: 95%;
transform: translateX(350px);
-webkit-transition: .5s ease;
transition: .5s ease;
}
#mobile_menu_wrap.is-active {
transform: translateX(0);
display: block;
}
#close-mobile-menu {
z-index: 999;
display: block;
text-align: right;
border: solid 1px #ddd;
border-bottom: 0;
width: 60px;
margin-left: auto;
padding-left: 15px;
}
#close-mobile-menu svg {
width: 30px;
}
#toggle-main-menu {
margin-right: -15px;
margin-top: 10px;
height: 60px;
}
#mobile-menu {
display: block;
height: calc(100vh - 15rem);
overflow-y: auto;
overflow-x: hidden;
margin: 0;
padding: 0;
}
#mobile-menu ul {
margin: 0;
padding: 0;
}
#mobile-menu li{
display: block;
min-height: auto;
height: auto;
border-bottom: solid #ddd 1px;
}
#mobile-menu li:first-child {
border-top: solid 1px #ddd;
}
#mobile-menu li>a {
width: 100%;
display: block;
min-height: 50px;
line-height: 29px;
padding: 10px;
}
#mobile-menu .menu-item-has-children > a {
width: calc(100% - 60px);
}
#mobile-menu .menu-item-has-children .wrap-toggle-mobile {
margin: 0;
border-left: solid 1px #ddd;
width: 60px;
height: 60px;
height: 100%;
position: absolute;
right: 0;
bottom: 0;
}
#mobile-menu .menu-item-has-children .wrap-toggle-mobile svg {
margin: 0;
padding: 17px;
width: 60px;
min-height: 60px;
transform: rotate(270deg);
transition: transform .2s;
display: block;
}
#mobile-menu li.is-active-mobile>.wrap-toggle-mobile svg {
transform: rotate(
0deg);
}  span.options-reset {
background: #ddd;
color: #222;
border-radius: 5px;
padding: 2px 14px;
font-size: 12px;
cursor: pointer;
font-weight: 600;
}
.ad-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 50px 0 60px;
flex-wrap: wrap;
}
.s-sidebar {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
display: flex;
flex-wrap: wrap;
}
.has-sidebar .ad-wrap-loop {
display: flex;
flex-wrap: wrap;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.term-option-label{
display: block;
}
.ad-wrap-loop input {
width: 100%;
min-height: 40px;
border-radius: 0;
padding: 5px 10px;
margin-bottom: 15px;
}
.searchBar-wrap {
width: 100%;
position: relative;
}
.searchBar-wrap button.ad-submit {
background: transparent;
position: absolute;
right: 0;
border: 0;
max-height: 40px;
} .has-sidebar .v-post-loop {
margin: 0!important;
}    body.box-color_3 .v-post-loop.-list .entry-meta {
color: #fff700!important;
}
body.box-color_3 article.post-item-style_2 .entry-meta {
background: #000!important;
} .archive-sidebar {
margin-top: 0;
}
.post-tab-style-2 .btn-view-all a {
background: #005!important;
font-size: 18px;
color: #fff!important;
padding-top: 6px!important;
padding-bottom: 3px!important;
}
.post-tab-style-2 .btn-view-all a:hover {
background: #ddd!important;
color: #222!important;
transform: scale(1.1)!important;
}
.procurement-wrap.style-1-v1 .post-info a {
position: relative;
z-index: 5;
} #primary .post-tab-style-2 .nav-sub-term-yp li.active {
background: #fdcd0e;
border: solid 1px #fdcd0e;
color: #005;
}
.icon-doc-home .elementor-icon {
background: #FFF;
padding: 25px;
border-radius: 50%;
}
#carousel_quicklink {
position: static;
width: calc(100% - 130px);
padding: 13px 0 23px;
}
#carousel_quicklink .swiper-button-next {
right: 25px;
}
#carousel_quicklink .swiper-button-prev {
left: 5px;
}
#carousel_quicklink .swiper-button-next svg ,
#carousel_quicklink .swiper-button-prev svg
{
background: #FFF;
color: #005;
}
.post-tab-style-2 .nav-sub-term-yp li,
.post-tab-style-2 .btn-view-all a,
.post-basic-style-3 .post-right .btn,
#carousel_ebook a.readmore,
.procurement-wrap.style-1-v1 .post-info a,
.searchandfilter label,
.searchandfilter ul li:before
{
font-size: 21px;
font-weight: 600!important;
}
.searchandfilter ul li:before{
color: #000;
}
.single .left-share h4 {
margin: 0;
padding: 0;
}
.archive-box .searchandfilter ul li .select2-container {
width: 100%!important;
height: 40px;
border: 1px solid #dbdbdb;
}
.archive-box .searchandfilter ul li .select2-selection--single {
border: 0;
height: 38px;
padding: 5px 35px 5px 20px;
}
.sidebar_banner {
position: relative;
grid-gap: 0 7px;
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: -20px;
padding: 10px;
border: solid 1px #ddd;
padding-bottom: 0;
}
.sidebar_banner a {
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
}
.sidebar_banner a:hover {
opacity: .9;
}
.site-branding img {
image-rendering: -webkit-optimize-contrast;
}
.card-list-announce {
margin-bottom: 10px;
border-bottom: solid 1px #ddd;
padding-bottom: 25px;
}
.card-list-announce a,
.card-list-announce svg
{
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
}
.card-list-announce .box-terms_text a:after {
content: ',';
padding-right: 6px;
padding-left: 6px;
}
.card-list-announce .box-terms_text a:last-child:after {
content: unset;
}
.card-list-announce .post-title {
margin-top: 0;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 32px;
line-height: 35px;
font-weight: 600;
padding-top: 3px;
max-height: 73px;
}
.card-list-announce .post-title svg {
margin-bottom: -4px;
}
.card-list-announce .box-title a {
text-decoration: none;
color: #005;
}
.card-list-announce .box-title a:hover {
color: #000192;
}
.card-list-announce .box-title a:hover svg {
stroke: #000192;
}
.card-list-announce .box-terms_text a {
text-decoration: none;
color: #000;
}
.card-list-announce .box-terms_text a:hover {
color: #000192;
}
.card-list-announce .meta-post {
display: flex;
gap: 0 10px;
}
.card-list-announce .meta-post .post-views.entry-meta {
margin-top: 0;
}
.card-list-announce .meta-post .box-count {
display: flex;
gap: 0 5px;
}
.card-list-announce .meta-post svg{
width: 12px;
color: #fdcd0e;
margin-bottom: -8px;
}
.card-list-announce .box-btn a {
background: #005;
text-decoration: none;
padding: 5px 15px;
color: #FFF;
margin-top: 5px;
display: inline-block;
font-weight: 600;
}
.card-list-announce .box-btn a:hover{
background: #ddd;
color: #000;
}
.clearfix {
clear: both;
}
.doc-list a.elementor-icon:hover {
transform: scale(1.1);
}
#page .home-ebook img {
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
height: 245px !important;
}
.carousel_ebook_nav .swiper-button-prev,
.carousel_ebook_nav .swiper-button-next{
border-radius: 50px;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
}
#page .home-ebook img:hover{
transform: scale(1.04);
}
.carousel_ebook_nav .swiper-button-prev:hover,
.carousel_ebook_nav .swiper-button-next:hover{
transform: scale(1.07);
}
.new-sitemap .vc_general.vc_cta3.vc_cta3-color-blue.vc_cta3-style-3d {
box-shadow: 0 5px 0 #1026cf;
background-color: #050581;
line-height: 17px;
border-radius: 0;
}
.new-sitemap .vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern {
font-size: 19px;
border-color: #1026cf;
border-radius: 0;
padding: 8px 15px 5px;
background: #1026cf;
box-shadow: 0 5px 0 #050581;
}
.new-sitemap .vc_btn3.vc_btn3-color-chino.vc_btn3-style-modern {
color: #000;
border-color: #fdcd0e;
font-weight: bold;
font-size: 18px;
border-radius: 0;
background-color: #fdcd0e;
padding: 8px 15px 5px;
box-shadow: 0 5px 0 #f3c200;
}
.new-sitemap .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
padding: 8px 15px 5px;
box-shadow: 0 5px 0 #ddd;
font-size: 18px;
border-radius: 0;
font-weight: bold;
color: #000;
}
.post-tab-style-2 .nav-sub-term-yp li {
padding: 6px 10px 2px;
}
.post-basic-style-3 .post-right .btn {
line-height: 25px;
}
.social-footer ul {
display: flex;
gap: 0 8px;
}
.social-footer ul svg {
fill:#fdcd0e;
width: 28px;
height: 28px;
}
.social-footer ul span {
background: #fdcd0e;
display: block;
width: 28px;
height: 28px;
padding:  2px;
}
.social-footer {
margin-top: 5px;
}
.social-footer a,.social-footer a span  {
transition: all ease-in-out 350ms;
}
.social-footer a:hover ,.social-footer a:hover span{
opacity: .85;
}
.ninja-forms-all-fields-wrap input[type="submit"] {
background: #005;
border: 0;
border-radius: 0;
color: #FFF;
font-weight: bold;
min-width: 100px;
cursor: pointer;
transition: all ease-in-out 350ms;
}
.ninja-forms-all-fields-wrap input[type="submit"]:hover {
opacity: .85;
}
.ninja-forms-all-fields-wrap * {
font-size: 19px!important;
}
.ninja-forms-form .field-wrap {
margin-bottom: 14px;
}
#main-header_4 .bottom-object.fixed {
position: fixed;
top: -1px;
width: 100%;
animation: fadeInDown .9s;
}
#page .fluentform .ff_btn_style {
font-size: 24px;
padding: 4px 29px 3px;
font-weight: 600;
}
.fluentform .ff-el-input--label {
font-size:14px;
}
.read_post {
font-size: 20px;
}
.polylang_slink .languages__item--current {
display: none!important;
} .donation-back,
.polylang_slink a, .desktop_menu li a,
.button-banner-readmore a,
.title-cat li,
.btn-pagina,
.confirm_box a,
input.ywcds_submit_widget,
.wp-element-button,
.wrap-question,
.liquidpoll-option-single input + label:before,
.nav-sub-term-yp li,
.co-box .elementor-image-box-img a:before,
.nav-menu-left li,
a.fc-event,
.vc-view-more,article,
.ob2 a h4,
.item-download-toggle,
.download-btn svg,
.footer-yp a,
label,
li.sf-item-0::after,
button,
.vitem-download-list,
.vitem-download-list a,
.link-read_all,
.sw-bottom_banner a{
-o-transition: all .2s;
-webkit-transition: all .2s;
transition: all .2s;
}
.main-header .main-object .v-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.main-header .main-object .object-2 {
display: flex;
align-items: center;
gap: 10px;
}
.mobile-object {
display: none;
}
#page .button-banner-readmore a {
background: #FFF;
color: #df4425;
min-width: 200px;
min-height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
}
#page .button-banner-readmore a:hover {
background: #eee;
color: #df4425;
}
.mobile-object .mobile-wrap {
display: flex;
justify-content: space-between;
padding: 10px 15px;
align-items: center;
}
.mobile-object .mobile-wrap > div {
width: 50%;
}
.mobile-object .mobile-wrap > .object-2 #site-navigation {
display: flex;
justify-content: end;
font-size: 16px;
}
.mobile-object .mobile-wrap > .object-2 #site-navigation .main-tog {
display: flex;
align-items: center;
gap: 10px;
}
.bottom_banner {
border-top: solid 1px #ddd;
background: #FFF;
padding: 40px 10px;
z-index: 1;
position: relative;
}
.sw-bottom_banner {
position: static;
width: calc(100% - 250px);
}
.sw-bottom_banner .swiper-button-next svg,
.sw-bottom_banner .swiper-button-prev svg {
background: #de4325;
stroke: #FFF;
padding: 3px;
border-radius: 50px;
width: 25px;
height: 25px;
}
.sw-bottom_banner a {
border: solid 1px #0000;
padding: 10px;
border-radius: 20px;
margin: 1px;
align-items: center;
}
.sw-bottom_banner .swiper-slide:hover a {
border: solid 1px #ddd;
}
.sw-bottom_banner a img {
max-height: 60px;
object-fit: contain;
} ::-webkit-scrollbar {
width: 8px;
} ::-webkit-scrollbar-track {
background: #f1f1f1;
} ::-webkit-scrollbar-thumb {
background: #888;
} ::-webkit-scrollbar-thumb:hover {
background: #555;
}
#v-calendar .mec-wrap .mec-totalcal-box,
#v-calendar .mec-event-footer,
#v-calendar .mec-table-side-title,
#v-calendar .mec-table-side-day{
display: none!important;
}
#v-calendar .mec-calendar{
border: 0!important;
}
#v-calendar .mec-event-article {
background: #f5f6fa;
padding: 20px 18px;
border-radius: 20px;
margin-bottom: 14px;
border: solid 2px #0000;
border-bottom: solid 7px #0000;
}
#v-calendar .mec-event-article:hover {
border: solid 2px #41bfef;
border-bottom: solid 7px #41bfef;
}
#v-calendar .mec-calendar-side {
padding: 15px 20px;
margin: 0 auto;
border-radius: 15px;
}
#v-calendar .mec-event-title {
margin: 7px 0 6px;
}
#v-calendar .mec-event-title a {
color: #2e476c;
font-size: 18px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
position: relative;
overflow: hidden;
line-height: 22px;
min-height: 44px;
}
#v-calendar .mec-event-title a:hover {
color: #f44336;
}
#v-calendar .mec-calendar dt {
border: 0!important;
margin: 0 auto;
}
#v-calendar .mec-selected-day {
display: flex;
justify-content: center;
}
#v-calendar .mec-calendar{
box-shadow: none!important;
}
#v-calendar .mec-selected-day,
#v-calendar .mec-selected-day:hover {
background: #0000;
color: #fff;
}
#v-calendar .mec-calendar dt {
position: relative;
height: 45px;
line-height: 45px; }
#v-calendar .mec-calendar dt:before {
content: '';
position: absolute;
background: #df4425;
width: 26px;
height: 26px;
opacity: 0;
-o-transition: all .2s;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
left: 50%;
top: 50%;
border-radius: 5px;
z-index: 1;
}
#v-calendar .mec-calendar dt:hover::before,
#v-calendar .mec-calendar .mec-selected-day::before{
opacity: 1;
}
#v-calendar dt.mec-calendar-day-head:before{
display: none;
}
#v-calendar .mec-calendar dt a{
width: auto!important;
}
#v-calendar .mec-calendar dt a,
#v-calendar .mec-calendar dt span{
position: relative;
z-index: 1;
}
#v-calendar .mec-calendar-side,
#v-calendar .mec-calendar-side dt {
background: #04237e;
}
#v-calendar .mec-calendar-side * {
color: #FFF;
}
#v-calendar dt.mec-table-nullday {
opacity: 0.4;
pointer-events: none;
}
#v-calendar .mec-next-month,
#v-calendar .mec-previous-month {
border: 0;
top: 13px;
background: #0000;
z-index: 1;
padding: 0;
}
#v-calendar .mec-previous-month{
left: 30px;
}
#v-calendar .mec-next-month{
right: 30px;
}
#v-calendar .mec-calendar-header h2{
margin-top: 10px;
margin-left: -20px;
}
#v-calendar .mec-next-month i, #v-calendar .mec-previous-month i {
background: #FFF;
color: #04237e;
padding: 5px 5px;
font-size: 8px;
border-radius: 50px;
font-weight: bold;
text-align: center;
}
#v-calendar .mec-calendar-header {
padding: 0!important;
margin: 0;
}
#v-calendar .mec-next-month a {
font-size: 0;
}
#v-calendar .mec-previous-month a {
font-size: 0;
}
#v-calendar .mec-calendar-events-side {
padding: 0;
max-width: 300px;
border: 0;
}
#v-calendar .mec-calendar-topsec {
display: flex;
flex-direction: row-reverse;
justify-content: start;
gap: 17px;
}
#v-calendar .mec-has-event:after{
margin: -4px 0 0 -3px;
}
#v-calendar .event-color{
display: none;
}
#v-calendar .mec-calendar-side dl {
margin: 0 auto !important;
}
#v-calendar .mec-event-time {
color: #df4425;
font-weight: 500;
}
#v-calendar .mec-calendar-events-sec {
max-height: 295px;
overflow-y: auto;
padding-right: 8px;
}
#v-calendar .vdate{
display: flex;
gap:5px;
font-size: 12px;
fill: #6e6e6e;
align-items: center;
margin-top: 5px;
}
#v-calendar .vdate svg {
width: 13px;
height: 13px;
stroke: #df4425;
}
#v-calendar h4.mini-title {
margin: 0;
font-size: 34px;
font-weight: 600!important;
margin-bottom: 10px;
}
body.archive .post-info .new-label {
display: none;
}
.card-post_m .post-header .new-label {
top: 6px;
bottom: auto;
} .vitem-download-list {
display: flex;
gap: 0;
border-radius: 0;
box-shadow: 0 0 0px 1px #ececec;
margin-bottom: 15px;
align-items: center;
border: solid 1px #0000;
position: relative;
overflow: hidden;
}
.file-download-list.section-box-single .vitem-download-list,
.vc_post_download_list .vitem-download-list{
border-radius: 20px;
} .vitem-download-list .ob1 .bg {
background: #284369;
padding: 18px 14px;
border-radius: 10px;
margin: 10px;
display: flex;
align-items: center;
justify-content: center;
min-width: 65px;
max-width: 65px;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
} .vitem-download-list .ob1 .bg.type-pdf{
background: #cd0442;
padding-left: 12px;
}
.vitem-download-list .ob1 .bg.type-ppt,
.vitem-download-list .ob1 .bg.type-pptx{
background: #ef5a00;
padding-left: 12px;
}
.vitem-download-list .ob1 .bg.type-doc,
.vitem-download-list .ob1 .bg.type-docx{
background: #284599;
padding-left: 12px;
}
.vitem-download-list .ob1 .bg.type-xls,
.vitem-download-list .ob1 .bg.type-xlsx{
background: #188239;
padding-left: 12px;
}
.vitem-download-list .ob1 .bg.type-zip{
background: #530071;
padding-left: 12px;
}
.vitem-download-list .ob1 .bg.type-rar{
background: #39054c;
padding-left: 12px;
}
.vitem-download-list .ob2 .bottom {
display: flex;
gap: 25px;
align-items: center;
}
.vitem-download-list .ob2 .bottom > div {
display: flex;
align-items: center;
gap: 7px;
font-weight: 400;
color: #6e6e6e;
position: relative;
}
.vitem-download-list .ob2 .bottom > div:after,
.vitem-download-list .ob2 .bottom > .list-2.ac::before {
content: "|";
position: absolute;
right: -15px;
color: #ddd;
}
.vitem-download-list .ob2 .bottom > .list-3.the_date svg{
color: #41bfef;
}
.vitem-download-list .ob2 .bottom > .list-3.the_date::after{
display: none;
}
.vitem-download-list.-full .list-3 button{
padding: 0;
border: 0;
color: #6e6e6e;
font-weight: 400;
background: #0000;
}
.vitem-download-list.-full .list-3 button:hover{
color: #df4425;
}
.vitem-download-list .ob2 .top {
margin-bottom: 5px;
}
.vitem-download-list .ob2 .bottom > div button {
padding: 0;
border: 0;
color: #6e6e6e;
font-weight: 400;
background: #0000;
}
.vitem-download-list .ob2 .bottom > div button:hover {
color: #feab27;
}
.vitem-download-list .ob2 .bottom > div svg {
width: 16px;
height: 16px;
color: #41bfef;
margin-top: -2px;
}
.vitem-download-list .ob2 .bottom .list-3 svg {
color: #feab27;
}
.vitem-download-list .ob1 .bg img {
max-height: 45px;
} .vitem-download-list .ob2 a h4 {
font-weight: 300;
margin: 0;
display: flex;
align-items: center;
gap: 6px;
color: #6e6e6e;
font-size: 18px;
line-height: 25px;
}
.vitem-download-list.-full .ob2 h4 {
margin: 0;
font-weight: 400;
}
.vitem-download-list .ob2 a h4 span {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
position: relative;
overflow: hidden;
}
.vitem-download-list .ob2 a .new-label {
position: relative;
display: inline-block;
padding: 0 15px;
margin-left: 8px;
line-height: 21px;
min-width: 65px;
margin-bottom: 4px;
text-align: center;
}
.vitem-download-list .ob3 .download-btn {
display: flex;
color: #df4425;
flex-wrap: wrap;
gap: 3px;
align-items: center;
align-content: center;
text-align: center;
cursor: pointer;
}
.vitem-download-list .ob3 .download-btn span{
width: 100%;
}
.vitem-download-list .ob3 .download-btn svg {
background: #df4425;
padding: 7px;
color: #FFF;
width: 33px;
height: 33px;
border-radius: 50px;
}
.vitem-download-list .ob3 .download-btn:hover svg {
background: #eee;
color: #df4425;
}
.vitem-download-list .ob1 {
width: 15%;
}
.vitem-download-list .ob2 {
width: 68%;
}
.vitem-download-list .ob3 {
width: 17%;
} .vc_post_list-wrapper .vtitle h4 {
font-size: 34px;
font-weight: 600!important;
margin: 0;
margin-bottom: 10px;
}
.post-s-list .post-header .new-label {
display: none;
}
#page .post-s-list .post-header {
display: none;
}
#page .post-s-list .post_excerpt {
display: none;
}
#page .post-s-list .card-recent_post {
border: 0!important;
padding: 0!important;
border-radius: 0!important;
border-left: solid 2px #209af0!important;
padding-left: 10px!important;
margin-bottom: 8px!important;
position: relative;
}
#page .post-s-list .card-recent_post:hover {
border: 0!important;
border-radius: 0!important;
border-left: solid 2px #40d9f1!important;
}
#page .vc_post_tab_v4 .card-recent_post {
border: solid 1px #ddd!important;
padding: 20px 15px!important;
border-radius: 10px!important;
}
#page .vc_post_tab_v4 .card-recent_post:hover{
border: solid 1px #ddd!important;
border-radius: 10px!important;
}
#page .post-s-list .post-info {
padding: 0;
}
#page .post-s-list .card-post_m h4 a {
font-weight: 400;
color: #222;
-webkit-line-clamp: 2;
min-height: 40px;
font-size: 15px;
}
#page .post-s-list .card-post_m .read-more {
font-size: 13px;
}
#page .post-s-list .card-post_m:hover h4.entry-title a {
color: #df4425;
}
#page .post-s-list .card-post_m .title-head_card {
padding-bottom: 2px!important;
}
#page .post-s-list .card-post_m h4.entry-title {
color: #df4425;
line-height: 18px;
}
.vc_post_list-wrapper .vc_post_list {
margin-bottom: 20px;
}
.vpost_title {
padding: 50px;
color: #FFF;
min-height: 300px;
background-position:center right!important;
background-size: cover!important;
margin-right: -30%;
margin-top: 50px;
margin-bottom: 45px;
padding-left: 0;
position: relative;
}
.vpost_title:before {
content: '';
background: #df4523;
width: 8px;
height: 60%;
display: block;
position: absolute;
left: -8px;
top: 0;
}
.vpost_title .wrap-in-title {
min-height: 200px;
display: block;
background: #000;
position: absolute;
width: 60%;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
background: url(//www.cri.or.th/wp-content/themes/fluffy/img/bg-page-title.png);
background-position: center;
background-size: cover;
margin-left: -19%;
top: 50%;
left: 0;
-webkit-transform: translate(0%, -50%) scale(1);
-ms-transform: translate(0%, -50%) scale(1);
transform: translate(0%, -50%) scale(1);
display: flex;
align-items: center;
overflow: hidden;
}
.vpost_title .wrap-in-title .img-ab-yb {
background: url(//www.cri.or.th/wp-content/themes/fluffy/img/bg-page-title.png);
background-size: cover;
width: 100.6%;
}
.vpost_title .wrap-in-title {
margin-left: -27%;
}
.vpost_title .in-title {
position: absolute;
right: auto;
left: 45%;
font-size: 28px;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
z-index: 2;
} .single .entry-content {
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
margin-bottom: 0;
}
.yp_breadcrumb {
margin-bottom: 45px;
}
.single-meta {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
}
.single-meta .wrap-date-post svg {
stroke: #41bfef;
width: 18px;
height: 18px;
}
.single-meta .left strong{
display: flex;
gap: 20px;
}
.single-meta .left > div{
display: flex;
gap: 10px;
align-items: center;
}
.single-meta .left {
display: flex;
gap: 20px;
}
.single-meta .left strong{
color: #294599;
font-weight: 600;
}
.single-meta .post_type strong { color: #000;
font-weight: 400;
}
body.single-mec-events .single-meta .post_type strong{
color: #294599;
font-weight: 500;
}
.single-meta .post_type a{
color: #df4425;
}
.single-meta .right .wrap-date-post > span,
.single-meta .wrap-date-post{
display: flex;
gap: 10px;
align-items: center;
position: relative;
}
.single-meta .post_type,
.wrap-date-post .shared-count {
display: flex;
gap: 5px;
align-items: center;
}
.wrap-date-post .post_view:after,.wrap-date-post .shared-count:after{
content: "|";
position: absolute;
left: -20px;
color: #ddd;
}
.wrap-date-post .shared-count {
position: relative;
margin-left: 35px;
}
.single-meta span.date-post_card {
margin-right: 30px;
}
#page .single_sidebar .card-recent_post {
border: 0!important;
margin-bottom: 30px!important;
}
#page .single_sidebar .card-post_m .title-head_card {
padding-bottom: 3px;
}
#page .single_sidebar .card-post_m h4 a {
-webkit-line-clamp: 2;
min-height: 40px;
}
#page .single_sidebar .card-recent_post:hover {
border-bottom: 0!important;
}
#page .single_sidebar .last-news {
margin-bottom: 80px;
margin-top: 50px;
}
#page .single_sidebar .card-post_m img {
height: 190px !important;
}
body.single-vc_ebook #page .single_sidebar .card-post_m img {
height: 100%!important;
}
.post_excerpt{
margin-bottom: 10px;
}
.single .contorl-bottom {
padding: 10px;
position: absolute;
width: 100%;
z-index: 1;
display: inline-flex;
max-width: 210px;
justify-content: center;
background: #FFF;
-webkit-transform: translate(-50%, 0) scale(1);
-ms-transform: translate(-50%, 0) scale(1);
transform: translate(-50%, 0) scale(1);
left: 50%;
bottom: 3px;
border-radius: 15px;
min-height: 40px;
justify-content: space-around;
align-items: center;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.single .contorl-bottom .swiper-pagination-fraction {
color: #df4425;
justify-content: center;
display: flex;
align-items: center;
margin: 0;
font-size: 19px;
gap: 5px;
font-weight: 500;
}
.single .contorl-bottom .swiper-pagination-fraction .swiper-pagination-current {
color: #000;
}
.single .contorl-bottom svg{
margin: 0;
width: 18px;
height: 18px;
}
.single .contorl-bottom .swiper-button-prevx,
.single .contorl-bottom .swiper-button-nextx {
background: #df4425;
color: #FFF;
cursor: pointer;
border-radius: 50px;
min-width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.banner-archive_box .post-tab-v1 .head-tab {
border-bottom: solid 1px #ddd;
padding-bottom: 17px;
}
.right-rss-archive svg {
stroke-width: 4px;
fill: #df4425;
width: 28px;
height: 28px;
}
.yp_breadcrumb .v-container {
display: flex;
justify-content: space-between;
}
.right-rss-archive a {
display: flex;
align-items: center;
gap: 12px;
color: #294599;
font-weight: 500;
font-size: 18px;
}
.banner-archive_box .v-container.wrap {
padding: 0 0 50px;
} .banner-archive_box .nav-sub-term-yp li.active {
background: #284599;
padding: 13px 15px;
border-radius: 8px;
color: #fff;
}
.banner-archive_box .nav-sub-term-yp li {
background: #eaeaea;
padding: 13px 15px;
border-radius: 8px;
color: #284599;
}
.banner-archive_box .nav-sub-term-yp ul {
display: block;
padding: 0;
margin: 0;
height: 100%;
}
.banner-archive_box .nav-sub-term-yp {
display: block;
position: relative;
}
.banner-archive_box .nav-sub-term-yp ul li {
display: inline-block;
list-style: none;
float: left;
margin-right: 8px;
height: 100%;
}
.banner-archive_box .post-tab-v1 .head-tab {
display: flex;
font-size: 16px;
flex-wrap: wrap;
position: relative;
}
.banner-archive_box .post-tab-v1 .head-tab > div{
width: 100%;
}
.banner-archive_box .post-tab-v1 .head-tab .vc-view-more {
position: absolute;
right: 0;
font-size: 15px;
font-weight: 400;
bottom: 0;
color: #FFF;
background: #df4425;
padding: 10px 30px;
border-radius: 5px;
}
.banner-archive_box .post-tab-v1 .head-tab .vc-view-more:hover{
background: #eaeaea;
color: #df4425;
}
.vc_posts-wrapper.vc_post_tab_v1 {
display: flex;
gap: 20px;
}
.vc_posts-wrapper.vc_post_tab_v1 .left {
width: 45%;
}
.vc_posts-wrapper.vc_post_tab_v1 .right {
width: 55%;
}
.vc_posts-wrapper.vc_post_tab_v1 .left article{
border: 0!important;
box-shadow: 0px 2px 8px rgb(0 0 0 / 8%);
}
.vc_posts-wrapper.vc_post_tab_v1 .left article .read-more{
margin: 20px 0 30px;
}
.vc_posts-wrapper.vc_post_tab_v1 .left article span.date-post_card{
width: auto;
}
.vc_posts-wrapper.vc_post_tab_v1 .left article img {
height: 377px!important;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post-header {
min-width: 50%;
padding-bottom: calc( 0.287 * 100% );
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post-info {
min-width: 50%;
padding-right: 10px;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post-header img {
border-radius: 15px;
min-height: 190px;
} .vc_posts-wrapper.vc_post_tab_v1 .right article .post_excerpt{
-webkit-line-clamp: 1;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article h4 a{
-webkit-line-clamp: 1;
min-height: 20px;
}
.vc_posts-wrapper.vc_post_tab_v1 .left article .post_excerpt {
-webkit-line-clamp: 3;
}
#page .vc_posts-wrapper.vc_post_tab_v1 .left article .post-info {
margin-top: 12px;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post_excerpt {
display: -webkit-box!important;
}
.banner-archive_box .post-tab-v1 .nav-sub-term-yp ul,
.archive-event .title-cat ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 10px;
}
#page .vc_posts-wrapper.vc_post_tab_v1 .right article {
display: flex;
align-items: center;
box-shadow: 0px 2px 8px rgb(0 0 0 / 8%);
margin-bottom: 15px!important;
gap: 10px;
padding: 7px!important;
}
.banner-archive_box .post-tab-v1 .nav-sub-term-yp li,
.archive-event .title-cat li {
cursor: pointer;
color: #294599;
background: #eaeaea;
padding: 10px 20px;
border-radius: 5px;
white-space: nowrap;
}
.banner-archive_box .post-tab-v1 .nav-sub-term-yp li:hover,
.archive-event .title-cat li:hover{
background: #ddd;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .read-more {
font-size: 13px;
}
.banner-archive_box .post-tab-v1 .read-more svg {
stroke: #df4425;
}
.banner-archive_box .post-tab-v1 .nav-sub-term-yp li.active,
.archive-event .title-cat li.active
{
background: #294599;
color: #FFF;
}
.banner-archive_box .post-tab-v1 .p-title h3 {
font-size: 40px;
font-weight: 400;
margin-bottom: 25px;
}
.detail-archive_box {
padding: 43px 0;
background: #eaeaea;
}
.title-td h3 {
display: none!important;
padding: 25px 0 5px;
}
.detail-archive_box .column-post_grid .box-post_grid #main {
display: flex !important;
gap: 15px;
flex-wrap: wrap;
justify-content: start;
margin: 0 auto;
}
.detail-archive_box .column-post_grid {
grid-template-columns: 1fr;
}
.detail-archive_box .column-post_grid .box-post_grid #main article {
width: calc(25% - 12px);
}
#page .box-pageination_post .searchandfilter > ul {
display: flex;
justify-content: end;
}
.gallery-label {
position: absolute;
top: 0;
left: 20px;
background: #41bfef;
color: #FFF;
min-width: 50px;
border-radius: 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
display: flex;
align-items: center;
gap: 6px;
z-index: 1;
justify-content: center;
font-size: 12px;
padding: 4px 15px;
width: 65px;
}
#page .gallery-label svg {
stroke: #FFF;
width: 12px;
height: 12px;
}
.video-label {
position: absolute;
bottom: 15px;
left: 15px;
background: #41bfef;
width: 30px;
height: 30px;
border-radius: 50px;
z-index: 1;
justify-content: center;
display: flex;
align-items: center;
}
#page .video-label svg {
stroke: #FFF;
margin-left: 3px;
}
.newsletter-home{
max-width: 400px;
}
.newsletter-home input {
font-size: 13px;
border-radius: 50px!important;
border: 0!important;
min-height: 47px;
padding: 10px 30px!important;
}
.newsletter-home button {
font-size: 14px!important;
font-weight: 500!important;
}
.newsletter-home .ff_submit_btn_wrapper_custom {
max-width: 200px;
margin: 0 auto!important;
}
.icon-circle-home .elementor-button-icon {
margin: 0!important;
min-width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
#page .icon-circle-home .elementor-button:hover {
background-color: #eee;
color: #DB4829;
}
.icon-circle-home .elementor-button-icon svg {
width: 18px;
}
#page .newsletter-home .ff_btn_style {
padding: 10px;
font-size: 11px!important;
}
#page .newsletter-home .ff-el-is-error .text-danger {
font-size: 13px!important;
text-align: center;
color: #df4425;
}
.detail-archive_box.detail-archive-vc_downloadmanager {
background: #FFF;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.item-download-toggle {
width: 100%;
padding: 5px;
border-radius: 10px;
box-shadow: 0 0 0px 1px #ececec;
margin-bottom: 0;
border: solid 1px #0000;
border-bottom: solid 5px #0000;
}
.item-download-toggle:hover{
border: solid 1px #ddd;
box-shadow: 0 0 0px 1px #0000;
border-bottom: solid 5px #41bfef;
}
.vitem-download-list.-list-full::before,
.vitem-download-list.-full::before{
display: none!important;
}
.vitem-download-list.-list-full,
.vitem-download-list.-full{
border: 0!important;
box-shadow: none!important;
}
.vitem-download-list.-list-full .bg {
margin: 0;
margin-top: 2px;
}
.vitem-download-list.-list-full:hover,
.vitem-download-list.-full:hover {
border: 0!important;
box-shadow: none!important;
} .vitem-download-list.-full .ob2 > .top > div {
display: flex;
align-items: center;
gap: 10px;
font-size: 12px;
margin-top: 2px;
}
.vitem-download-list.-full .ob2 .top svg{
width: 16px;
height: 16px;
color: #41bfef;
margin-top: -2px;
}
.vitem-download-list.-full .ob2 .top .list-3 svg{
color: #feab27;
width: 15px;
height: 15px;
}
.vitem-download-list.-full .list-full-in > div {
display: flex;
align-items: center;
gap: 5px;
}
.item-download-toggle .new-label {
display: none!important;
}
.vitem-download-list.-list-full .ob3 {
display: flex;
justify-content: end;
}
.vitem-download-list.-list-full .ob3 .download-btn {
padding: 13px;
flex-wrap: nowrap;
background: #df4425;
border: 0;
min-width: 85%;
color: #FFF;
justify-content: center;
border-radius: 6px;
font-size: 14px;
gap: 10px;
}
.vitem-download-list.-list-full .ob3 .download-btn:hover{
background: #ececec;
color: #df4425;
}
.vitem-download-list.-list-full .ob3 .download-btn span {
width: auto;
}
.vitem-download-list.-list-full .ob3 .download-btn svg {
background: #FFF;
color: #df4425;
width: 20px;
height: 20px;
padding: 4px;
}
.vitem-download-list.-list-full .ob1 {
width: 7%;
}
.vitem-download-list.-list-full .ob2 {
width: 73%;
}
.vitem-download-list.-list-full .ob3 {
width: 20%;
padding-right: 17px;
}
.vitem-download-list.-full .ob1 {
width: 7%;
}
.vitem-download-list.-full .ob2 {
width: 73%;
}
.vitem-download-list.-full .ob3 {
width: 20%;
display: flex;
justify-content: end;
padding-right: 20px;
}
.vitem-download-list.-full .ob2,
.vitem-download-list.-full .ob3{
border-bottom: solid 1px #ddd;
}
.vitem-download-list.-full .ob3 .download-btn {
flex-wrap: nowrap;
gap: 8px;
margin-bottom: 20px;
margin-top: -5px;
}
.vitem-download-list.-full .ob3 .download-btn span {
width: auto;
font-size: 13px;
font-weight: 400;
}
.vitem-download-list.-full .ob3 .download-btn svg {
padding: 5px;
width: 26px;
height: 26px;
}
.vitem-download-list.-full .ob2 a h4 {
font-size: 14px;
color: #000;
}
.vitem-download-list.-full {
margin: 0;
padding-right: 50px;
padding-bottom: 0;
margin-bottom: 10px;
padding-top: 10px;
}
.vitem-download-list h4 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
position: relative;
overflow: hidden;
line-height: 23px;
}
.vitem-download-list.-full:hover .ob2 a h4 {
color: #df4425!important;
}
.vitem-download-list.-list-full .ob2 h4 {
font-weight: 500;
margin-top: 0;
}
.item-download-toggle .download-close {
background: #000;
display: none;
width: 33px;
height: 33px;
border-radius: 50px;
padding: 0;
align-items: center;
justify-content: center;
}
.item-download-toggle.active .vitem-download-list.-list-full .download-close:hover {
background: #444;
}
.vitem-download-list.-list-full .download-close svg {
color: #FFF;
min-width: 20px!important;
height: 20px!important;
padding: 0;
}
.item-download-toggle.active .vitem-download-list.-list-full .download-close{
display: flex;
}
.item-download-toggle.active .vitem-download-list.-list-full .download-btn{
display: none;
}
.item-download-toggle .content-download {
display: none;
position: relative;
}
.item-download-toggle.active{
padding-bottom: 15px;
}
.vitem-download-list.-list-full {
margin-bottom: 0;
}
.item-download-toggle.active .content-download {
display: block;
}
.item-download-toggle.active .vitem-download-list.-list-full {
margin-bottom: 6px;
padding-bottom: 15px;
}
.detail-archive_box.detail-archive-vc_downloadmanager #main {
gap: 10px!important;
}
.detail-archive-vc_downloadmanager .vitem-download-list .ob2 .bottom > div.list-2:after {
display: none;
}
article.article-cpt:hover .overlay-img,
#page .card-recent_post .in-thumb-overlay {
background: #0000!important;
}
.wrap-404 {
display: flex;
gap: 20px;
padding: 50px 20px 70px;
}
.wrap-404 .left{
width: 60%;
}
.wrap-404 .right {
width: 40%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wrap-404 h1 {
margin: 0;
font-size: 150px;
color: #284599;
width: 100%;
display: block;
line-height: 130px;
}
.wrap-404 h4 {
margin: 0;
font-size: 57px;
color: #898989;
width: 100%;
display: block;
margin-bottom: 15px;
}
.wrap-404 a {
margin: 0;
color: #284599;
width: 100%;
display: flex;
align-items: center;
gap: 5px;
}
.wrap-404 a svg {
width: 15px;
height: 15px;
}
body.error404 .site {
background: #ebebeb;
}
body.error404 .site-main {
min-height: auto;
}
.wrap-404 img {
max-width: 500px;
text-align: center;
margin: 0 auto;
display: block;
width: 100%;
}
.v-search-events {
display: flex;
align-items: center;
gap: 15px;
}
#page .event-ss svg {
top: 11px;
cursor: pointer;
position: absolute;
right: 15px;
width: 20px;
height: 20px;
}
.event-content-a{
border-top: solid 1px #ddd;
margin-top: 30px;
}
.event-content-a .wrap-con{
display: flex;
}
.event-content-a .wrap-con #v-calendar-full {
width: 75%;
padding-right: 50px;
}
.event-content-a .wrap-con .e-rightbar{
width: 25%;
border-left: solid 1px #ddd;
padding-left: 30px;
padding-top: 40px;
}
.event-content-a .wrap-con .e-rightbar .widget-title{
color: #000;
position: relative;
display: inline-block;
background: #0000;
z-index: 5;
padding-top: 4px;
margin-bottom: 25px;
font-size: 28px;
}
.mec-fluent-current-time-text, .mec-fluent-wrap .mec-agenda-event>i, .mec-fluent-wrap .mec-available-tickets-details i:before, .mec-fluent-wrap .mec-calendar .mec-week-events-container dl>span, .mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-calendar-d-table.mec-date-labels-container span, .mec-fluent-wrap .mec-calendar.mec-yearly-calendar .mec-calendar-table-head dl dt:first-letter, .mec-fluent-wrap .mec-daily-view-events-left-side .mec-daily-view-events-item>span.mec-time, .mec-fluent-wrap .mec-daily-view-events-left-side .mec-daily-view-events-item>span.mec-time-end, .mec-fluent-wrap .mec-date-details i:before, .mec-fluent-wrap .mec-date-details:before, .mec-fluent-wrap .mec-date-wrap i, .mec-fluent-wrap .mec-event-article .mec-event-title a:hover, .mec-fluent-wrap .mec-event-carousel-type2 .owl-next i, .mec-fluent-wrap .mec-event-carousel-type2 .owl-prev i, .mec-fluent-wrap .mec-event-location i, .mec-fluent-wrap .mec-event-location i:before, .mec-fluent-wrap .mec-event-sharing-wrap .mec-event-sharing li:hover a, .mec-fluent-wrap .mec-more-events-icon, .mec-fluent-wrap .mec-price-details i:before, .mec-fluent-wrap .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .mec-fluent-wrap .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i, .mec-fluent-wrap .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev, .mec-fluent-wrap .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i, .mec-fluent-wrap .mec-text-input-search i, .mec-fluent-wrap .mec-time-details:before, .mec-fluent-wrap .mec-totalcal-box .mec-totalcal-view span, .mec-fluent-wrap .mec-totalcal-box .nice-select, .mec-fluent-wrap .mec-totalcal-box .nice-select .list li, .mec-fluent-wrap .mec-totalcal-box .nice-select:after, .mec-fluent-wrap .mec-totalcal-box input, .mec-fluent-wrap .mec-totalcal-box select, .mec-fluent-wrap .mec-venue-details:before, .mec-fluent-wrap.colorskin-custom .mec-color-before :before, .mec-fluent-wrap.mec-skin-masonry-container .mec-events-masonry-cats a.mec-masonry-cat-selected, .mec-fluent-wrap.mec-skin-masonry-container .mec-events-masonry-cats a:hover, .mec-fluent-wrap.mec-timetable-wrap .mec-cell .mec-time, .mec-single-fluent-body .lity-content .mec-events-meta-group-booking .nice-select .list li, .mec-single-fluent-wrap .mec-event-schedule-content dl dt.mec-schedule-time:before, .mec-single-fluent-wrap .mec-events-meta-group-booking .nice-select .list li, .mec-single-fluent-wrap .mec-local-time-details li:first-child:before, .mec-single-fluent-wrap .mec-local-time-details li:last-child:before, .mec-single-fluent-wrap .mec-local-time-details li:nth-of-type(2):before, .mec-single-fluent-wrap .mec-marker-infowindow-wp .mec-marker-infowindow-count, .mec-single-fluent-wrap .mec-next-event-details a, .mec-single-fluent-wrap .mec-next-event-details i:before, .mec-single-fluent-wrap .mec-single-event-additional-organizers dd i, .mec-single-fluent-wrap .mec-single-event-additional-organizers dd.mec-organizer-description:before, .mec-single-fluent-wrap .mec-single-event-bar>div i, .mec-single-fluent-wrap .mec-single-event-category a, .mec-single-fluent-wrap .mec-single-event-location i, .mec-single-fluent-wrap .mec-single-event-organizer dd i, .mec-single-fluent-wrap .mec-single-event-organizer dd.mec-organizer-description:before{
color:#222!important;
}
#v-calendar-full .mec-fluent-wrap {
max-width: 100%!important;
box-shadow: none!important;
border-radius: 0!important;
background: #0000!important;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar {
padding: 0;
background: #0000;
}
#v-calendar-full .mec-calendar-table{
box-shadow: none!important;
}
#v-calendar-full .mec-fluent-wrap .mec-skin-monthly-view-month-navigator-container,
#v-calendar-full .mec-fluent-wrap .mec-calendar-a-month,
#v-calendar-full .mec-fluent-wrap .mec-yearly-title-sec {
border-radius: 0!important;
padding: 0;
margin-bottom: 35px;
background: #0000!important;
border: 0!important;
box-shadow: none!important;
}
#v-calendar-full .mec-totalcal-box,
#v-calendar-full .mec-search-form,
#v-calendar-full .mec-calendar-weekly .mec-calendar-d-top,
#v-calendar-full .mec-date-labels-container.mec-calendar-d-tablex,
#v-calendar-full .mec-daily-view-events-right-side,
#v-calendar-full .mec-gCalendar-search-text-wrap,
#v-calendar-full .mec-fluent-weekly-wrap .mec-calendar-d-top,
#v-calendar-full .mec-fluent-weekly-wrap .mec-search-form,
#v-calendar-full .mec-skin-daily-view-events-containerx{
display: none!important;
}
#v-calendar-full .mec-skin-daily-view-events-container {
box-shadow: none!important;
border-color: #ccc!important;
}
#v-calendar-ful .mec-fluent-wrap .mec-skin-daily-view-events-container{
border-color: #ccc;
}
#v-calendar-full .mec-fluent-wrap .mec-daily-view-events-left-side{
border: 0;
padding-top: 0;
background: #df4425;
}
#v-calendar-full .mec-fluent-wrap .mec-daily-view-events-left-side h5.mec-daily-today-title span {
padding: 0;
margin: 0;
color: #FFF!important;
position: relative;
}
#v-calendar-full .mec-calendar-d-table.mec-date-labels-container .mec-daily-view-day,
#v-calendar-full .mec-calendar-d-table.mec-date-labels-container .mec-daily-view-day:hover {
background: #294599;
}
#v-calendar-full .mec-daily-today-title:after {
content: 'รายละเอียดกิจกรรม';
position: absolute;
right: 20px;
top:9px;
}
body.lang-en_GB #v-calendar-full .mec-daily-today-title:after {
content: 'Activity details';
}
#v-calendar-full .mec-fluent-wrap .mec-daily-view-events-left-side h5.mec-daily-today-title {
padding: 10px 20px 12px;
margin-bottom: 0;
color: #FFF;
display: flex;
gap: 7px;
align-items: center;
position: relative;
}
#v-calendar-full .mec-daily-view-events-item:nth-child(1) .mec-time {
margin-top: 15px;
}
#v-calendar-full .mec-fluent-wrap .mec-daily-view-events-left-side .mec-daily-view-events-item {
border-top: dashed 1.5px #ddd;
border-left: dashed 1.5px #ddd;
background: #EEEEEE;
}
#v-calendar-full .mec-fluent-wrap .mec-daily-view-events-left-side .mec-daily-view-events-inner {
background: #C6C6C6;
}
#v-calendar-full .mec-daily-view-events-left-side {
width: 100%;
}
#v-calendar-full .mec-next-month.mec-load-month {
position: absolute;
right: 0;
bottom: -4px;
}
#v-calendar-full .mec-previous-month.mec-load-month {
position: absolute;
right: 40px;
bottom: -4px;
}
#event-view {
cursor: pointer;
}
#v-calendar-full .mec-load-month {
position: absolute;
right: 0;
background: #df4425;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-color: #df4425!important;
padding-top: 5px;
}
#v-calendar-full .mec-load-month:hover {
background: #ddd;
border-color: #ddd!important;
}
#v-calendar-full .mec-fluent-wrap .mec-load-month:hover i {
color: #df4425!important;
}
#v-calendar-full .mec-fluent-wrap .mec-load-month i,
#v-calendar-full .mec-fluent-wrap .mec-load-year i {
color: #FFF!important;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-event-calendar-classic .mec-calendar-table-head {
background: #294599;
border-radius: 13px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt {
background: #0000;
color: #FFF!important;
padding: 0;
height: 50px!important;
text-align: center;
padding-top: 6px;
}
#v-calendar-full .mec-month-navigator{
padding-top: 6px;
}
#v-calendar-full .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dt.active {
background: #df4425;
}
#v-calendar-full .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dt {
display: flex;
align-items: center;
gap: 10px;
background: #294599;
}
#v-calendar-full .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dt.active span {
color: #FFF;
}
#v-calendar-full .mec-skin-weekly-view-events-container.mec-custom-scrollbar {
background: #C6C6C6;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar .mec-week-events-container dl > span {
color: #000!important;
}
#v-calendar-full .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dt span {
margin: 0;
color: #FFF;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar .mec-week-events-container dt {
background: #eee;
border: 0!important;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar .mec-week-events-container dt .mec-event-article .mec-event-title a {
color: #FFF!important;
}
#v-calendar-full .mec-fluent-current-time{
background-color: #de4325!important;
}
#v-calendar-full .mec-fluent-current-time-text{
color: #de4325!important;
}
#v-calendar-full .mec-fluent-current-time-first
{
border-left: 11px solid #de4325!important;
}
#v-calendar-full .mec-fluent-current-time-last
{
border-right: 11px solid #de4325!important;
}
#v-calendar-full .mec-skin-weekly-view-events-container {
border: 1px solid #eee;
}
#v-calendar-full .vtime-w,
#v-calendar-full .vplace{
display: flex;
gap:8px;
font-weight: 400;
align-items: center;
}
#v-calendar-full .vtime-w svg,
#v-calendar-full .vplace svg{
width: 15px;
height: 15px;
color: #3EB5E9;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar .mec-week-events-container dt:nth-child(odd) {
background: #FFF;
}
#v-calendar-full .mec-skin-weekly-view-month-navigator-container .mec-month-label {
font-size: 26px;
font-weight: 500!important;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar .mec-week-events-container dt .mec-event-article {
background: #294599;
color: #FFF;
border: 0!important;
border-radius: 10px;
margin-bottom: 3px;
padding: 10px 15px 20px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar .mec-week-events-container dt:nth-child(odd)  .mec-event-article{
background: #172C6D;
}
#v-calendar-full .vplace{
font-size: 12px;
}
#v-calendar-full .vtime-w {
margin-top: 10px;
margin-bottom: 10px;
}
body .nicescroll-cursors{
background-color: #ddd!important;
}
#v-calendar-full button.fc-filterEvents-button,
#v-calendar-full button.fc-findEvents-button {
display: none!important;
}
#v-calendar-full .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk,
#v-calendar-full .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk > div{
width: 100%!important;
}
#v-calendar-full .mec-gCalendar #mec-gCalendar-wrap .fc-toolbar-title {
width: 90%;
font-size: 26px;
}
#v-calendar-full .mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
border: 0;
padding: 0;
margin: 0;
margin-top: 30px;
}
#v-calendar-full .mec-gCalendar button.fc-prevYear-button.fc-button,
#v-calendar-full .mec-gCalendar button.fc-nextYear-button.fc-button {
display: none;
}
#v-calendar-full .mec-gCalendar #mec-gCalendar-wrap a.fc-event > div{
color: #FFF!important;
}
#v-calendar-full .mec-gCalendar #mec-gCalendar-wrap a.fc-event span,
#v-calendar-full .mec-gCalendar .fc-event-selected:after,
#v-calendar-full .mec-gCalendar .fc-event:focus:after {
display: none;
}
#v-calendar-full .mec-gCalendar button.fc-today-button {
border: 0;
color: #df4425;
cursor: pointer;
min-width: 50px;
padding-bottom: 5px;
}
#v-calendar-full .mec-gCalendar button.fc-prev-button,
#v-calendar-full .mec-gCalendar button.fc-next-button {
background: #df4425;
border-radius: 50px;
min-width: 40px;
min-height: 40px;
color: #FFF;
}
#v-calendar-full .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk>div:not(#MonthPicker_mec-gCalendar-month-filter) {
gap: 7px;
}
#v-calendar-full .mec-gCalendar button.fc-button.fc-button-primary:hover span {
background: #0000;
color: #FFF;
}
#v-calendar-full .mec-gCalendar button.fc-button:hover{
background: #c83518;
}
#v-calendar-full .mec-gCalendar button.fc-today-button:hover {
background: #0000;
color: #294598;
}
#v-calendar-full .mec-gCalendar #mec-gCalendar-wrap a.fc-event {
background-color: #172C6D!important;
opacity: 1!important;
color: #FFF!important;
border: 0!important;
border-radius: 10px!important;
line-height: 14px!important;
padding: 10px!important;
}
#v-calendar-full .mec-gCalendar #mec-gCalendar-wrap a.fc-event:hover {
background-color: #294599!important;
}
#v-calendar-full .mec-gCalendar-tooltip {
display: none;
}
#v-calendar-full #mec-gCalendar-wrap table.fc-scrollgrid{
border-radius: 10px;
}
#v-calendar-full #mec-gCalendar-wrap table.fc-scrollgrid th{
padding: 6px 0;
text-align: center;
background: #294599;
border-radius: 10px;
}
#v-calendar-full .mec-gCalendar table.fc-scrollgrid-sync-table tbody td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
#v-calendar-full #mec-gCalendar-wrap .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
color: #df4425;
}
#v-calendar-full #mec-gCalendar-wrap table.fc-scrollgrid tr th a {
color: #FFF;
}
#v-calendar-full .mec-skin-daily-view-events-container .mec-calendar-d-table {
background: #294599;
}
#v-calendar-full .mec-skin-daily-view-events-container .mec-calendar-d-table span {
color: #FFF!important;
}
#v-calendar-full .mec-skin-daily-view-events-container .mec-calendar-d-table span,
#v-calendar-full .mec-calendar-d-table.mec-date-labels-container .mec-daily-view-day{
color: #FFF!important;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar .mec-daily-view-day.mec-has-event:after {
background: #ddd!important;
bottom: 0!important;
width: 5px;
height: 5px;
}
#v-calendar-full .mec-fluent-wrap .mec-daily-view-date-labels.mec-owl-carousel {
border-left: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
padding-bottom: 14px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .vmeta {
display: flex;
gap: 20px;
align-items: center;
font-size: 12px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .vdate {
display: flex;
align-items: center;
gap: 7px;
}
#v-calendar-full  .mec-fluent-wrap .mec-calendar.mec-calendar-daily .vplace{
gap: 7px;
}
#v-calendar-full  .mec-fluent-wrap .mec-calendar.mec-calendar-daily .vplace svg {
margin-bottom: -3px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-event-article .vexceprt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
position: relative;
overflow: hidden;
color: #eee;
margin-bottom: 10px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-event-article h4 {
padding: 0;
margin-bottom: 7px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-event-article {
background: #294599;
color: #FFF;
border: 0!important;
border-radius: 10px;
padding: 15px 20px!important;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-event-article:hover{
background: #172C6D;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .vmore svg {
width: 13px;
height: 13px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .vmore a {
display: flex;
align-items: center;
color: #FFF;
font-size: 12px;
margin-top: 20px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-event-article .mec-event-title a{
color: #FFF!important;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .vmeta svg {
color: #3EB5E9;
width: 13px;
height: 13px;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-calendar-d-table.mec-date-labels-container a {
background: #0000;
margin-top: 8px;
color: #FFF;
}
#v-calendar-full .mec-fluent-wrap .mec-calendar.mec-calendar-daily .mec-calendar-d-table.mec-date-labels-container a i {
color: #FFF;
}
#v-calendar-full .mec-skin-list-wrap .mec-load-more-button {
background: #ef6332;
box-shadow: none!important;
color: #FFF!important;
border: 0;
}
#v-calendar-full .mec-skin-list-wrap .mec-load-more-button:hover {
background: #de4325!important;
}
#v-calendar-full .mec-fluent-wrap .mec-skin-list-wrap .mec-calendar-a-month {
padding-top: 0!important;
}
#page article.vevent-card {
border: solid 1px #ddd!important;
border-color: #ddd!important;
border-radius: 10px;
padding:7px;
gap:20px;
margin-bottom: 7px;
display: flex;
position: relative;
overflow: hidden!important;
}
#page article.vevent-card:hover .mec-event-title{
color: #df4425;
}
#page article.vevent-card:hover .mec-event-vdate{
border: solid 3px #df4425;
}
#page article.vevent-card .vdate-in svg{
min-width: 20px;
}
#page article.vevent-card .vmore.-m {
display: none;
}
#page article.vevent-card .vdate-in {
display: flex;
align-items: center;
color: #6E6E6E;
gap:8px;
}
#page article.vevent-card .vdate-in svg{
width: 15px;
height: 15px;
color: #3EB5E9;
}
#page article.vevent-card .vplace {
line-height: 12px;
align-items: center;
display: flex;
gap: 6px;
}
#page article.vevent-card .vplace:before {
content: '';
height: 20px;
display: block;
width: 1px;
background: #dfdfdf;
margin: 0 10px;
}
#page article.vevent-card h3.mec-event-title {
margin: 0;
color: #1d509a;
font-size: 16px;
margin-bottom: 10px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 22px;
}
#page article.vevent-card .mec-event-content {
padding: 0!important;
}
#page article.vevent-card .mec-event-vdate span {
display: flex;
flex-direction: column;
align-items: center;
}
#page article.vevent-card .mec-event-vdate {
display: flex;
flex-direction: column;
align-items: center;
background: #F5F6FA;
border: solid 3px #3EB5E9;
padding: 7px;
border-radius: 8px;
color: #3E5478;
min-width: 85px;
min-height: 100px;
justify-content: center;
}
#page article.vevent-card .vmore a {
display: flex;
align-items: center;
gap:10px;
color: #df4425;
font-size: 13px;
}
#page article.vevent-card .mec-event-vdate svg{
color: #df4425;
width: 20px;
height: 20px;
margin-bottom: 7px;
}
#page article.vevent-card .mec-event-vdate span > div {
display: flex;
gap: 4px;
align-items: center;
}
#page article.vevent-card .mec-event-vdate span > div b {
font-size: 22px;
font-weight: 700;
}
#page article.vevent-card .mec-event-vdate span div.l1 {
flex-direction: column;
gap: 2px;
}
#page article.vevent-card .mec-event-vdate span > div.big1 b {
font-size: 36px;
margin-top: -6px;
}
#page article.vevent-card .mec-event-vdate .vdivider {
content: '';
width: 13px;
height: 4px;
background: #3E5478;
display: block!important;
border-radius: 5px;
margin: 5px 0 4px;
}
#page article.vevent-card .vdate-in .vdate {
display: flex;
align-items: center;
gap: 6px;
} .e_news_shortcode label, .e_news_shortcode h2 {
color: #284599;
}
.e_news_shortcode label{
font-size: 16px;
}
.e_news_shortcode label.ff-el-form-check-label {
color: #636363;
}
.e_news_shortcode label.category_data{
color: #636363;
display: block;
margin-bottom: 5px;
}
.e_news_shortcode .ff-el-form-check {
margin-bottom: 0!important;
}
.e_news_shortcode .full-width{
width: 100%;
}
.form-submit-reset .ff-t-cell {
display: flex;
gap: 20px;
}
.e_news_shortcode button.ff-btn.ff-btn-submit {
font-size: 18px!important;
font-weight: 400!important;
background-color: #284599!important;
border-color: #284599!important;
color: #FFF!important;
border-radius: 10px!important;
padding: 10px!important;
}
.e_news_shortcode button.reset-form {
font-size: 18px;
background: #ebebeb;
color: #363636;
width: 100%;
border-radius: 10px!important;
padding: 10px!important;
line-height: 1.5;
max-width: 200px;
min-width: 200px;
border-color: #ebebeb;
}
.e_news_shortcode button.reset-form:hover {
opacity: .8;
}
.e_news_shortcode .ff_submit_btn_wrapper_custom {
max-width: 200px;
min-width: 200px;
}
.e_news_shortcode .form-submit-reset .ff-t-cell {
flex-direction: row!important;
gap: 20px;
}
.e_news_shortcode .ff-el-form-control {
border: solid 2px #284599!important;
padding: 10px 15px!important;
}
.e_news_shortcode h2 {
font-size: 28px;
margin-top: 0;
}
.e_news_shortcode {
display: flex;
gap:20px;
}
.e_news_shortcode .left {
width: 27%;
position: relative;
}
.e_news_shortcode .right {
width: 73%;
position: relative;
padding-left: 30px;
}
.e_news_shortcode .nav-menu-left {
border: solid 2px #14abf9;
border-radius: 15px;
margin-right: 30px;
position: relative;
height: 100%;
padding: 0 22px;
}
.e_news_shortcode .nav-menu-left::after {
content: '';
height: 100%;
width: 1px;
display: block;
}
.e_news_shortcode .right::after {
content: '';
height: 100%;
width: 0.02em;
display: block;
position: absolute;
left: -25px;
background: #284599;
top: 0;
}
.e_news_shortcode .nav-menu-left .venew-title {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: solid 1px #284599;
padding: 10px 0 6px;
}
.e_news_shortcode .nav-menu-left .venew-title svg{
color: #284599;
}
.e_news_shortcode .nav-menu-left .venew-title h4 {
margin: 0;
color: #284599;
font-size: 20px;
}
.e_news_shortcode .nav-menu-left ul {
margin: 30px 0 20px;
list-style: none;
padding: 0;
}
.e_news_shortcode .nav-menu-left li {
font-size: 18px;
background: #ebebeb;
color: #363636;
padding: 12px 15px;
border-radius: 10px;
margin-bottom: 18px;
cursor: pointer;
}
.e_news_shortcode .nav-menu-left li.active,
.e_news_shortcode .nav-menu-left li:hover {
background: #df4424;
color: #FFF;
}
.e_news_shortcode .right .content-item {
display: none;
}
.e_news_shortcode .right .content-item.active{
display: block;
}
.e_news_shortcode .ff-message-success {
font-size: 16px;
line-height: 24px;
color: #41bfef;
}
.e_news_shortcode .ff-message-success i{
color: #df4424;
}
#page .e-rightbar article.vevent-card {
border: 0!important;
padding: 0;
gap: 11px;
margin-bottom: 15px;
padding-bottom: 10px;
}
#page .e-rightbar article.vevent-card .vplace:before{
display: none;
}
#page .e-rightbar article.vevent-card .vdate-in {
flex-wrap: wrap;
}
#page .e-rightbar article.vevent-card .vdate-in {
flex-wrap: wrap;
font-size: 13px;
gap: 4px;
}
#page .e-rightbar article.vevent-card .mec-event-vdate {
min-width: 90px;
min-height: 100px;
padding: 0;
gap: 0;
max-height: 100px;
font-size: 13px;
}
#page .e-rightbar article.vevent-card .vmore a {
font-size: 13px;
margin-top: 15px;
}
#page .e-rightbar article.vevent-card .vmore a svg{
width: 20px;
height: 20px;
}
#page .e-rightbar article.vevent-card .mec-event-vdate span > div b {
color: #000;
font-size: 18px;
}
#page .e-rightbar article.vevent-card .vdate-in svg {
width: 15px!important;
height: 15px!important;
min-width: 15px!important;
}
#page .e-rightbar article.vevent-card .mec-event-vdate svg {
margin-bottom: 5px;
min-width: 20px;
min-height: 20px;
}
#page .e-rightbar article.vevent-card .vdate-in .vdate {
align-items: start;
width: 100%;
margin-bottom: 3px;
}
.mec-events-meta-s .vdate {
margin-bottom: 5px;
}
.event-views{
position: relative;
}
.mec-events-meta-s{
margin: -5px 0 40px;
}
.mec-events-meta-s svg {
width: 20px;
height: 20px;
color: #3EB5E9;
}
.mec-events-meta-s > div {
display: flex;
align-items: center;
gap:6px;
}
.single_sidebar .e-rightbar h3.widget-title.section-title {
margin-bottom: 30px;
}
.bub {
position: absolute!important;
height: 100%;
}
.bubble-dotted {
left: 0;
top: 0;
right: 0;
width: 100%;
z-index: 2;
height: 100%;
overflow: hidden;
position: absolute;
pointer-events: none;
}
.bubble-dotted .dotted {
position: absolute;
border-radius: 50%;
}
.bubble-dotted .dotted-1 {
width: 11px;
height: 11px;
left: 100px;
top: 50%;
animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-2 {
width: 7px;
height: 7px;
left: 240px;
top: 40%;
animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-3 {
width: 11px;
height: 11px;
left: 460px;
top: 30%;
animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-4 {
width: 16px;
height: 16px;
left: 430px;
top: 90%;
animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-5 {
width: 6px;
height: 6px;
left: 50%;
top: 50%;
animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-6 {
width: 9px;
height: 9px;
left: 70%;
top: 230px;
animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-7 {
width: 6px;
height: 6px;
left: 65%;
top: 30%;
animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-8 {
width: 6px;
height: 6px;
left: 85%;
top: 35%;
animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-9 {
width: 13px;
height: 13px;
left: 90%;
top: 40%;
animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
}
.bubble-dotted .dotted-10 {
width: 12px;
height: 12px;
left: 80%;
top: 70%;
animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
}
.bubble-dotted .dotted {
position: absolute;
background: #fff;
border-radius: 50%;
z-index: 1;
}
.bubble-dotted .dotted-1 {
width: 6px;
height: 6px;
left: 270px;
top: 100px;
background: #ff3614;
}
.bubble-dotted .dotted-2 {
width: 6px;
height: 6px;
left: 190px;
top: 210px;
}
.bubble-dotted .dotted-3 {
width: 11px;
height: 11px;
left: 150px;
top: 90%;
background: #ff3614;
}
.bubble-dotted .dotted-4 {
width: 11px;
height: 11px;
left: 25%;
top: 100px;
}
.bubble-dotted .dotted-5 {
width: 11px;
height: 11px;
left: 45%;
top: 60px;
background: #ff3614;
}
.bubble-dotted .dotted-6 {
width: 6px;
height: 6px;
left: 50%;
top: 370px;
}
.bubble-dotted .dotted-7 {
width: 9px;
height: 9px;
left: 75%;
top: 25px;
background: #ff3614;
}
.bubble-dotted .dotted-8 {
width: 8px;
height: 8px;
left: 77%;
top: 170px;
}
.bubble-dotted .dotted-9 {
width: 6px;
height: 6px;
left: 85%;
top: 50%;
background: #ff3614;
}
.bubble-dotted .dotted-10 {
width: 6px;
height: 6px;
left: 90%;
top: 80%;
}
@keyframes animateBubble {
0% {
margin-top: 20%;
}
100% {
margin-top: -30%;
}
}
#mobile-menu li.is-active-mobile > a {
background: #FFF;
}
#mobile-menu li.is-active-mobile > .wrap-toggle-mobile {
background: #FFF;
}
.btn-main a,#page .btn {
background: #df4425;
padding: 9px 33px;
font-weight: 400;
color: #FFF;
line-height: 25px;
border-radius: 3px;
font-size: 15px;
min-height: 41px;
display: inline-flex;
align-items: center;
}
.btn-icon span {
display: flex;
align-items: center;
gap: 10px;
}
.btn-icon span svg{
width: 20px;
height: 20px;
}
#page .btn:hover{
background: #0000;
}
#page .btn:hover span,
#page .btn a:focus span,
#page .btn a:active span,
.btn-main a:hover,
.btn-main a:focus,
.btn-main a:active {
color: #df4425;
}
.vc-view-more,.vc-view-more span,
.btn-main a,
#page .btn:hover span,
#page .btn a:focus span,
#page .btn a:active span,
.btn,
.btn-main .elementor-button-text{
position: relative;
z-index: 1;
overflow: hidden;
}
.vc-view-more:before,
.btn::before,
.btn-main a .elementor-button-content-wrapper:before {
content: '';
width: 0;
height: 100%;
position: absolute;
bottom: 0;
left: 100%;
z-index: 1;
background: #eaeaea;
color: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vc-view-more:hover:before,
.btn:hover:before,
.btn-main a:hover .elementor-button-content-wrapper:before {
width: 100%;
left: 0;
-webkit-transition: width 0.3s ease;
transition: width 0.3s ease;
}
.wrap-button_back .btn {
border-radius: 50px!important;
padding: 7px 25px!important;
min-height: 30px!important;
}
.wrap-button_back {
margin-top: 50px;
justify-content: end;
display: flex;
}
.post-tab-v1 .nav-sub-term-yp li:hover,
.post-tab-v2 .nav-sub-term-yp li:hover,
.post-tab-v3 .nav-sub-term-yp li:hover {
color: #FFF;
background: #294599;
}
.post-tab-v3 .head-tab .vc-view-more:before{
background: #FFF;
}
.wrap-popup-broken {
position: fixed;
top: 0;
left: 50%;
background-color: #00000087;
height: 0;
width: 0;
overflow: hidden;
z-index: 99999;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.wrap-popup-broken.active {
opacity: 1;
visibility: visible;
width: 100.1%;
height: 100%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
border-radius: 0;
}
.wrap-popup-broken .broken-form .btn-close {
position: absolute;
right: 20px;
top: 15px;
cursor: pointer;
}
.wrap-popup-broken .broken-form .btn-close svg {
width: 20px;
height: 20px;
}
.wrap-popup-broken .broken-form {
display: block;
width: 100%;
max-width: 520px;
padding: 45px 35px 20px!important;
border-radius: 0.5rem;
background: #FFF;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
position: absolute;
top: 50%;
left: 50%;
margin: 0;
}
.wrap-popup-broken .broken-form .ff-btn-submit {
background-color: #df4425!important;
color: #FFF!important;
border: 0!important;
}
.wrap-popup-broken .ff-btn-reset {
line-height: 1.5;
min-width: 81px;
padding: 7px 12px;
width: 87px;
color: #222;
background: #eee;
border: 0;
border-radius: 5px;
}
.wrap-popup-broken .ff-btn-reset:hover{
opacity: .8;
}
#page .fluentform .ff-el-form-control{
font-size: 14px;
border-radius: 20px;
}
.iti__selected-flag {
border-radius: 0!important;
}
#page .fluentform .ff-el-group {
margin-bottom: 12px;
}
.wrap-popup-broken .broken-form .broken_msg {
min-height: 150px;
margin-bottom: 10px;
}
.wrap-popup-broken .fluentform .ff-el-group {
margin-bottom: 15px;
}
.wrap-popup-broken .broken-form h5 {
font-size: 20px;
margin: 0;
margin-bottom: 10px;
text-transform: uppercase;
}
.image-flip-360,.image-flip-360-in .elementor-image-box-img{
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.image-flip-360:hover,
.image-flip-360-in .elementor-image-box-img:hover{
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
} .file-download-list.section-box-single .new-label{
display: none!important;
}
.card-recent_post .post-header a picture {
width: 100%;
}
.detail-archive_box.detail-archive-vc_publications #main {
max-width: 950px;
}
.single .bottom_banner {
border-top: 0;
}
.embedded-iframe{
position: absolute;
bottom: 100%;
right: 0;
width: 16rem;
opacity: 0;
pointer-events: none;
border-radius: 1.3125rem;
transition: bottom 0.25s, opacity 0.25s;
box-shadow: 0px 5px 20px 10px rgb(0 0 0 / 10%);
padding: 15px;
background: #FFF;
z-index: 10;
}
.embedded-iframe.active{
bottom: calc(100% + 1rem);
opacity: 1;
pointer-events: auto;
}
.shared-embedded-wrap {
margin-right: -5px;
}
.shared-embedded-wrap .copy_this {
width: 100%;
background: #eee;
color: #df4425;
border-radius: 50px;
padding: 10px 15px;
display: block;
font-size: 12px;
font-weight: bold;
border: 0;
text-align: center;
margin-top: 10px;
}
.shared-embedded-wrap .copy_this:hover{
background: #df4425;
color: #eee;
}
.shared-embedded-wrap .get_embed {
background: #df4425;
color: #FFF;
border-radius: 50px;
padding: 10px 15px;
display: flex;
align-items: center;
gap: 7px;
font-size: 12px;
font-weight: bold;
border: 0;
}
.shared-embedded-wrap .get_embed svg {
width: 16px;
height: 18px;
stroke-width: 3px;
}
.embedded-iframe textarea{
color: #000!important;
position: relative;
font-size: 13px;
padding: 0.6rem 1rem;
min-height: 2.875rem;
border-radius: 1.4375rem;
line-height: 1.1;
font-weight: 400;
min-width: 0;
width: 100%;
transition: border-color 0.25s, border-radius 0.25s;
}
.profile-modal {
opacity: 0;
visibility: hidden;
position: fixed;
z-index: -1;
}
.profile-modal.active{
z-index: 99999;
position: fixed;
top: 0;
left: 0;
visibility: visible;
opacity: 1;
}
.profile-content {
position: fixed;
top:10%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #FFF;
max-width: 960px;
width: 100%;
display: flex;
gap: 10px;
padding: 20px;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
gap:20px;
}
.profile-content .close-profile {
position: absolute;
background: #df4425;
color: #FFF;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
top: 0;
right: -30px;
}
.profile-content .close-profile svg {
width: 20px;
height: 20px;
margin-top: -2px;
}
.profile-modal.active .profile-content{
top: 50%;
}
.profile-modal .profile-overlay{
position: fixed;
top: 0;
left: 0;
background-color: #00000087;
height: 100%;
width: 100%;
overflow: hidden;
opacity: 0;
visibility: hidden;  }
.profile-modal.active .profile-overlay{
opacity: 1;
visibility: visible;
}
.profile-modal .profile-content .left {
width: 70%;
}
.profile-modal .profile-content .right {
width: 30%;
}
.profile-modal .profile-content .right img{
width: 100%;
}
.profile-modal .profile-content h2 {
margin: 0;
font-size: 26px;
line-height: 30px;
font-weight: bold;
word-break: break-all;
}
.profile-modal .profile-content .vcontent h3 {
font-size: 20px;
color: #df4425;
}
.professional-wrap .elementor-widget-image-box{cursor: pointer;}
.profile-modal .profile-content .vcontent h3 {
font-size: 20px;
margin: 5px 0 0;
}
.profile-modal .profile-content .vcontent p {
margin-top: 10px;
}
.searchandfilter ul li[data-sf-field-type="taxonomy"],
.searchandfilter ul li.sf-field-category{
min-width: 300px;
}
.searchandfilter label {
width: 100%;
text-align: left;
}
.map-single.section-box-single iframe {
width: 100%!important;
}
.iti__selected-flag {
border-top-left-radius: 15px!important;
border-bottom-left-radius: 15px!important;
}
.ct .ff-btn.ff-btn-submit {
border: 0;
min-width: 165px!important;
padding: 6px 13px 8px!important;
}
.ct .ff-btn.ff-btn-reset,
#page .form-contact-faq .ff-btn-reset {
border: 0;
border-radius: 8px;
color: #222;
background: #eee;
padding: 6px 55px 8px!important;
font-weight: 600;
font-size: 16px !important;
min-height: 38px;
min-width:  165px!important;
}
#page .form-contact-faq .ff-btn-reset {
background: #FFF;
}
.carousel_home_banner-m{
display: none;
}
#page .form-contact-faq .frm-fluent-form .ff-t-container[data-name="ff_cn_id_3"]{
max-width: 165px;
}
body.lang-th #page .form-contact-faq .frm-fluent-form .ff-t-container[data-name="ff_cn_id_3"] {
max-width: 365px;
}
body.search-results #breadcrumbs span > span > span {
pointer-events: none;
}
.wrap-all-list.gallery-top {
display: flex;
justify-content: center;
margin-bottom: 15px;
}
.single .wrap-title-download {
display: flex;
justify-content: space-between;
align-items: center;
}
.single .wrap-title-download h3{
margin: 0!important;
}
.gallery-single.bottom .wrap-title-download {
margin-bottom: 15px;
}
.wrap-all-list.gallery-bottom a {
margin: 0!important;
padding: 0!important;
min-height: 38px;
min-width: 130px;
font-size: 13px;
}
.wrap-all-list.gallery-bottom svg {
width: 15px;
height: 15px;
}
.single-vc_rss .detail-archive_box {
padding-bottom: 80px;
}
.single-vc_rss article.card-rss .column-box .c-1 .feature-column .feature-image {
background: #0000!important;
padding: 0;
}
.single-vc_rss article.card-rss .column-box .c-1 .feature-column .feature-image img {
height: 95px;
width: 95px;
object-fit: cover;
object-position: center;
}
.cpt-newsletter .column-1 .title .head-h2 {
line-height: 50px;
}
.faqs-loop .vitem-download-list.-full .ob2 .bg {
min-width: 42px;
padding: 13px 10px;
margin-top: 0;
}
.faqs-loop .vitem-download-list.-full .ob2 h4 {
font-size: 14px;
}
.faqs-loop .vitem-download-list.-full .ob3{
border-bottom: 0!important;
}
.faqs-loop .vitem-download-list.-full .ob3 .download-btn {
margin-bottom: 15px!important;
margin-top: 11px!important;
}
.faqs-loop .vitem-download-list.-full {
justify-content: end;
max-width: calc(100% - 170px);
margin: 0 auto;
padding-right: 0;
border-bottom: solid 1px #ddd!important;
}
.faqs-loop .vitem-download-list.-full:last-child{
border-bottom:0!important;
}
.faqs-loop .vitem-download-list.-full .ob2 {
display: flex;
width: 100%;
}
.faqs-loop .vitem-download-list.-full .ob2 {
border-bottom: 0!important;
}
.faqs-loop .vitem-download-list .ob2 .bottom > div span {
display: flex;
gap: 7px;
align-items: center;
}
.faqs-loop .vitem-download-list .ob2 .bottom > div:after{
right: auto;
left: -15px;
}
.faqs-loop .faq-content {
justify-content: end;
max-width: calc(100% - 170px);
margin: 0 auto;
color: #6e6e6e;
font-size: 14px;
}
.faqs-loop .faq-content.attachment h4 {
margin: 0;
font-size: 18px;
color: #000;
font-weight: 600;
}
.faqs-loop.item-download-toggle.active .content-download {
border-top: solid 2px #df4425;
padding-top: 10px;
margin: 0 10px;
}
.faqs-loop .vitem-download-list.-list-full .ob1 .wrap-question {
background: #284599;
color: #FFF;
display: flex;
justify-content: center;
align-items: center;
padding: 17px 0;
flex-wrap: wrap;
gap: 0;
text-align: center;
max-width: 70px;
border-radius: 7px;
}
.faqs-loop.active .vitem-download-list.-list-full .ob1 .wrap-question,
.faqs-loop:hover .vitem-download-list.-list-full .ob1 .wrap-question {
background: #df4425;
}
.item-download-toggle:hover {
border-bottom: solid 5px #ce5033;
}
.faqs-loop .vitem-download-list.-list-full .ob1 .wrap-question h5{
width: 100%;
margin: 0;
padding: 0;
margin-bottom: -3px;
margin-top: 5px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
}
.faqs-loop .vitem-download-list.-list-full .ob1 .wrap-question span {
width: 100%;
font-weight: 600;
font-size: 15px;
}
.faqs-loop .answer-label {
display: inline-block;
position: absolute;
background: #df4425;
color: #FFF;
max-width: 70px;
font-size: 14px;
width: 100%;
text-align: center;
border-radius: 7px;
padding: 4px 10px;
top: -15px;
left: -10px;
}
.vc_posts-wrapper.vc_post_tab_v1 .left article h4 a {
line-height: 35px!important;
margin-bottom: 15px;
min-height: 70px!important;
}
body.lang-th .vc_posts-wrapper.vc_post_tab_v1 .left article h4 a {
line-height: 46px!important;
min-height: 78px!important;
}
body.lang-th .vc_posts-wrapper.vc_post_tab_v1 .right article h4 a {
-webkit-line-clamp: 1;
min-height: 34px;
line-height: 34px!important;
}
body.lang-th .card-recent_post h4 a {
line-height: 30px!important;
}
#page .vc_posts-wrapper.vc_post_tab_v1 .left article img {
height: 335px!important;
}
.cpt-newsletter .grid-box .column-1 .title {
margin-bottom: 15px;
}
.detail-archive_box .column-post_grid .box-post_grid #main article.card-rss.card-publications .text-box p {
display: block;
font-size: 17px;
word-break: break-all;
} .liquidpoll-countdown-timer{
display: none;
}
.liquidpoll-option-list-1 .liquidpoll-option-single input + label:before {
left: 13px;
}
.poll-single.theme-1 .liquidpoll-option-list-1 .liquidpoll-option-single input + label {
background: #f1f1f1;
border: solid 2px #f1f1f1;
padding: 10px;
border-radius: 12px;
padding-left: 35px!important;
}
#page .poll-single.theme-1 .liquidpoll-option-list-1 .liquidpoll-option-single:hover input + label {
background: #FFF;
border-color: #df4425;
}
.poll-single.theme-1 .liquidpoll-option-single .liquidpoll-option-input span {
font-size: 14px;
font-weight: 400;
color: #6e6e6e;
margin-top: 2px;
}
.liquidpoll-option-list-1 .liquidpoll-option-single {
margin-bottom: 7px;
}
.liquidpoll-option-list-1 .liquidpoll-option-single input + label:before {
width: 12px;
height: 12px;
border: 1px solid #000;
background: #FFF;
box-shadow: 0px 0px 0px 1px rgb(0 0 0);
}
.liquidpoll-option-list-1 .liquidpoll-option-single input:hover + label:before, .liquidpoll-option-list-1 .liquidpoll-option-single input:checked + label:before {
background-image: none;
background: #222;
border: 2px solid #FFF;
}
.liquidpoll-button {
background: #df4425;
font-size: 14px;
font-weight: 500;
}
.liquidpoll-button.liquidpoll-get-poll-results{
display: none;
}
.poll-content-all article.polls-list .top {
background: #ddd;
display: block;
height: 6px;
width: 100%;
border-radius: 5px;
}
.poll-content-all article.polls-list .top span {
background: #209af0;
display: block;
height: 5px;
border-radius: 5px;
}
.poll-content-all article.polls-list {
width: 100%!important;
}
.poll-content-all article.polls-list h4.item-title small {
color: #000;
font-weight: 600;
}
.item-download-toggle.faqs-loop .ob2 .bottom > div{
font-size: 12px;
}
[class*="liquidpoll-option-list"] {
margin-bottom: 25px;
}
.liquidpoll-submit-poll {
max-width: 20px;
padding: 10px;
}
.poll-content-all .poll-single {
width: 100%;
margin: 5px 70px;
} .polls-list-wrap {
max-width: 565px;
}
.poll-content-all {
display: block;
margin: 40px 70px 0;
}
.poll-content-all .poll-single {
width: 100%;
margin: 0;
margin-top: -37px;
margin-bottom: 20px;
}
.poll-content-all .poll-single .liquidpoll-poll-title{
display: none;
}
.poll-content-all article.polls-list h4.item-title {
font-weight: 300;
margin-top: 5px;
}
p.liquidpoll-responses{
font-size: 13px;
}
.form-contact-faq {
background: #eaeaea;
padding: 80px 10px;
}
.form-contact-faq .wrap-in {
display: flex;
gap: 60px;
}
.form-contact-faq .wrap-in .left{
width: 20%;
}
.form-contact-faq .wrap-in .right{
width: 80%;
}
.form-contact-faq .wrap-in p {
margin-bottom: 20px;
}
.card-recent_post .post-info .new-label {
display: none;
}
.page-sitemap .menu ul.sub-menu ul.sub-menu a {
color: #222;
}
.main-footer {
padding: 50px 0 0;
}
#breadcrumbs {
margin-bottom: 20px;
}
li.print2pdf {
cursor: pointer;
}
body.nofixed .main-header .main-object,
body.nofixed .main-header .mobile-object{
position: relative!important;
}
.cpt-newsletter .grid-box .column-1 .title{
width: 100%;
}
.cpt-newsletter .swiper-pagination-fraction{
display: none;
}
.vc_new_arrow {
margin-top: 10px;
padding-left: 18px;
}
html.nofixed div#wpadminbar {
display: none;
}
html.nofixed body *{
transition: none !important;
-webkit-transition: none !important; animation: none!important;
animation-duration: 0s!important;
-webkit-animation-duration: 0s!important;
}
html.nofixed body .animated {
animation-duration: 0s!important;
-webkit-animation-duration: 0s!important;
}
html.nofixed body .main-header .main-object{
position: relative!important;
}
html.nofixed body .elementor-invisible {
visibility: visible!important;
}
html.nofixed body .vpost_title .wrap-in-title{
overflow: inherit!important;
}
.mec-calendar .mec-calendar-table-head dt,.mec-calendar .mec-calendar-header h2 {
text-transform: capitalize!important;
}
html[lang="th"] .box-pageination_post .searchandfilter ul li.sf-field-posts_per_page h4 {
min-width: 95px;
}
.main-footer .main-wrap .object-grid.object-3 h4 {
margin-top: 2px;
}
.single .main-content .content-left.w-100 {
width: 100%;
}
.post-tab-v4 .nav-sub-term-yp ul{
overflow-x: auto;
flex-wrap: wrap;
}
.post-tab-v4 .nav-sub-term-yp ul::-webkit-scrollbar {
width: 3px;
}  @media (max-width: 767px) {
.single #breadcrumbs span > span:nth-last-child(2) > a::before{
display: block;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post-header img {
padding-bottom: calc( 0.68 * 100% );
}
.yp_breadcrumb #breadcrumbs span a {
max-width: 205px;
display: inline-block;
}
.searchandfilter ul li[data-sf-field-type="taxonomy"],#event-s,
.searchandfilter ul li.sf-field-category,.search-bar_ypx li.sf-field-search{
min-width: 100%!important;
}
.top-bar .main-top .right, .top-bar .main-top .left{
gap:25px;
}
.mobile-object .mobile-wrap {
padding: 5px 15px;
}
.detail-archive-vc_ebook #main.main-post_column .top-post  .card-recent_post .post-info .read-more,
.detail-archive-vc_ebook #main.main-post_column .top-post  .card-recent_post .post-info .read-more {
bottom: 15px!important;
}
.detail-archive_box .column-post_grid .box-post_grid #main .top-post .in-top {
flex-wrap: wrap;
margin-bottom: 5px!important;
}
#breadcrumbs {
margin-bottom: 0;
}
.form-contact-faq .wrap-in{
display: block;
}
.form-contact-faq .wrap-in .left,
.form-contact-faq .wrap-in .right{
width: 100%;
}
#page .vc_posts-wrapper.vc_post_tab_v1 .right article {
flex-wrap: wrap;
}
#page .vc_posts-wrapper.vc_post_tab_v1 article {
gap:0!important;
}
.poll-content-all {
margin: 10px 0 0;
}
.poll-content-all .poll-single {
margin-top: 0;
}
#page .vc_posts-wrapper.vc_post_tab_v1 .right article img,
#page .vc_posts-wrapper.vc_post_tab_v1 .left article img{
min-height: 200px!important;
height: auto!important;
}
#page .vc_posts-wrapper.vc_post_tab_v1 .left article h4 a {
line-height: 34px!important;
min-height: 60px!important;
margin-bottom: 5px;
font-size: 20px!important;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article h4 a {
max-height: 34px;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post_excerpt {
-webkit-line-clamp: 1;
max-height: 23px;
}
#page .card-post_m h4 a {
max-height: 60px;
}
.vc_posts-wrapper.vc_post_tab_v1 .left article .post_excerpt {
-webkit-line-clamp: 3;
max-height: 69px!important;
} .single-meta {
flex-wrap: wrap;
}
.carousel_home_banner-m{
display: block;
}
.carousel_home_banner{
display: none;
}
.single-mec-events .single-meta {
flex-wrap: wrap;
}
.vc_post_download_list .download-list .vitem-download-list{
padding-bottom: 20px;
width: 100%!important;
}
.searchandfilter ul li[data-sf-field-type="taxonomy"],
.searchandfilter ul li.sf-field-category {
margin-bottom: 10px;
}
.profile-modal .profile-content .vcontent h3 {
font-size: 20px;
}
.profile-modal .profile-content .left {
padding: 0 17px 22px;
}
.profile-modal .profile-content h2 {
margin: 0;
font-size: 24px;
line-height: 27px;
font-weight: bold;
}
.profile-modal .profile-content {
flex-wrap: wrap;
flex-direction: column-reverse;
max-width: 85%;
margin-left: -15px;
padding: 0;
}
.profile-modal .profile-content .right, .profile-modal .profile-content .left {
width: 100%;
}
li.sf-field-taxonomy-vc_publications_category {
display: block;
margin-bottom: 10px!important;
}
.menu-item-has-children .sub-menu .wrap-toggle-mobile{
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#v-calendar-full .mec-fluent-wrap {
margin-top: 10px!important;
}
#page article.vevent-card {
gap: 11px;
align-items: start;
}
#v-calendar-full .mec-month-navigator {
text-align: left;
}
#v-calendar-full .mec-month-navigator .mec-calendar-header h2 {
font-size: 24px;
}
.type-mec-events .yp_breadcrumb .v-container {
flex-direction: column;
}
.type-mec-events .yp_breadcrumb {
margin-bottom: 0;
}
.type-mec-events label.event-views,
.type-mec-events #event-s,
.type-mec-events #event-view {
width: 100%;
}
.type-mec-events .v-search-events {
flex-wrap: wrap;
width: 100%;
margin-top: 15px;
}
.type-mec-events .event-ss {
position: relative;
width: 100%;
}
#page article.vevent-card .vmore.-d {
display: none;
}
#page article.vevent-card .vmore.-m {
display: flex;
margin-top: 8px;
}
#page article.vevent-card .vplace:before{
display: none;
}
#page article.vevent-card .vplace {
margin-bottom: 5px;
}
#page article.vevent-card .mec-event-vdate {
min-width: 105px;
}
#page article.vevent-card {
gap: 11px;
}
#page article.vevent-card .vdate-in {
flex-wrap: wrap;
}
.event-content-a .wrap-con {
flex-direction: column;
}
.event-content-a .wrap-con #v-calendar-full,
.event-content-a .wrap-con .e-rightbar{
width: 100%;
padding: 0;
}
.event-content-a .wrap-con .e-rightbar {
border: 0;
border-top: solid 1px #ddd;
padding-top: 30px;
}
.e_news_shortcode .right {
padding: 10px;
}
.e_news_shortcode .form-submit-reset .ff-t-cell {
gap: 15px;
}
.e_news_shortcode .ff_submit_btn_wrapper_custom {
max-width: 50%;
min-width: 50%;
}
.e_news_shortcode button.reset-form {
max-width: 150px;
min-width: 150px;
}
.e_news_shortcode {
flex-wrap: wrap;
}
.e_news_shortcode .left,
.e_news_shortcode .right{
width: 100%;
}
.e_news_shortcode .nav-menu-left {
margin: 0 10px;
}
.wrap-404 .left,
.wrap-404 .right{
width: 100%;
justify-content: center;
}
.in-right {
text-align: center;
margin-top: 25px;
}
.wrap-404 a {
display: inline-flex;
justify-content: center;
}
.wrap-404 {
flex-wrap: wrap;
}
.wrap-404 {
display: block;
text-align: center;
}
.title-td h3{
padding-top: 0;
}
.vitem-download-list.-list-full .ob1 {
width: 20%;
}
.vitem-download-list.-list-full .ob2 {
width: 100%;
margin-bottom: 15px;
}
.vitem-download-list.-list-full .ob2 {
width: 100%;
}
.vitem-download-list.-list-full .ob3 {
width: 100%;
padding: 0;
padding-bottom: 10px;
}
.vitem-download-list.-list-full .ob3 .download-btn {
max-width: 100%;
width: 100%;
}
.vitem-download-list.-list-full .bg {
margin-top: 10px;
}
.vitem-download-list.-list-full {
gap: 0;
justify-content: center;
}
.vitem-download-list.-full .ob1, .vitem-download-list.-full .ob2, .vitem-download-list.-full .ob3 {
width: 100%!important;
}
.vitem-download-list.-full {
padding: 0 10px;
}
.item-download-toggle {
margin-bottom: 10px;
}
.vitem-download-list.-full .ob3 {
justify-content: center;
padding: 0;
}
#page .banner-archive_box .v-container.wrap {
padding: 20px;
}
#page .detail-archive_box {
padding: 50px 10px 40px;
margin: 0!important;
}
.box-pageination_post {
flex-wrap: wrap;
margin-top: 40px;
}
.box-pageination_post .count-found {
width: 100%;
text-align: center;
}
.box-pageination_post .search-bar_yp {
width: 100%;
display: block;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page {
flex-wrap: wrap;
gap: 5px;
justify-content: center;
}
#page .box-pageination_post .searchandfilter ul li.sf-field-posts_per_page h4 {
width: 100%;
text-align: center;
padding: 0!important;
}
.content-pagination {
width: 100%;
margin: 10px 0;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post-info .date-post_card span.post_view {
display: none;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post-info .date-post_card {
width: 100%;
}
.vc_posts-wrapper.vc_post_tab_v1 .right article .post-info .date-post_card::after{
display: none;
} .vc_posts-wrapper.vc_post_tab_v1 .right article .post-header {
min-width: 47%;
padding-bottom: calc( 0.60 * 100% );
} .vc_posts-wrapper.vc_post_tab_v1 {
flex-wrap: wrap;
}
.vc_posts-wrapper.vc_post_tab_v1 .left, .vc_posts-wrapper.vc_post_tab_v1 .right {
width: 100%;
}
.banner-archive_box .post-tab-v1 .head-tab .vc-view-more {
top: 10px;
bottom: auto;
padding: 7px 17px;
}
.banner-archive_box .post-tab-v1 .nav-sub-term-yp ul,
.archive-event .title-cat ul{
overflow-x: scroll;
}
.detail-archive_box .column-post_grid .box-post_grid #main article {
width: 100%;
}
#page .archive-box .searchandfilter ul {
display: block;
}
#page .box-pageination_post .searchandfilter ul {
display: flex!important;
}
.search-bar_ypx li.sf-field-search {
min-width: 100%;
margin-bottom: 10px;
}
.single .contorl-bottom {
max-width: 180px;
padding: 7px 10px;
}
.overflow-hide{
overflow: hidden!important;
} .vitem-download-list{
flex-wrap: wrap;
gap: 10px;
}
.vitem-download-list .ob2 a h4 {
text-align: center;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.vitem-download-list .ob1 .bg {
margin: 20px auto 5px;
}
.vitem-download-list .ob2 {
padding: 0 10px;
}
.vitem-download-list .ob2 .bottom {
flex-wrap: wrap;
gap: 10px 15px;
justify-content: center;
border-bottom: solid 1px #ddd;
border-top: solid 1px #ddd;
padding: 8px 0;
margin-top: 10px;
}
.vitem-download-list .ob2 .bottom > div {
width: auto;
}
.vitem-download-list .ob2 .bottom {
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.vitem-download-list .ob2 .bottom > div:after{
display: none;
}
.vitem-download-list .ob1,
.vitem-download-list .ob2,
.vitem-download-list .ob3 {
width: 100%;
}
#v-calendar .mec-calendar-topsec {
flex-wrap: wrap;
} .main-wrap .footer-menu {
border-bottom: solid 1px #dddddd4f;
}
.main-wrap .object-grid.object-3 .footer-menu:last-child {
border-bottom:0;
}
#v-calendar .mec-calendar-events-side {
max-width: 100%;
}
#page .button-banner-readmore a {
min-width: 75px;
padding: 0;
min-height: 27px;
font-size: 10px;
}
.card-post_m img{
min-height: 200px!important;
}
.sw-bottom_banner {
width: calc(100% - 70px);
}
.main-header .main-object, #page .top-bar .main-top .left{
display: none;
}
.top-bar {
padding: 5px 0;
}
#page .top-bar .main-top {
justify-content: center;
}
.mobile-object {
display: block;
}
.single .right-items .post_views {
display: flex;
}
.wrap-vc-read-post {
bottom: 0;
}
.icon-doc-home .elementor-icon {
padding: 15px;
}
#carousel_ebook {
padding: 0;
width: calc(100% - 30px);
}
#carousel_ebook .card-post_m { border-radius: 5px;
}
#carousel_ebook .card-post_m img {
height: 200px !important;
padding-bottom: 15px;
}
.archive-sidebar {
margin-top: 30px;
}
.post_embed_wrap {
width: 100%;
margin-top: 12px;
}
input.post_embed_name {
min-width: auto;
width: 100%;
margin: 0!important;
}
.yp_post_embed label {
width: 100%;
margin: 0;
font-weight: 600;
text-align: center;
}
.v-container{
padding: 0 20px;
}
._mobile{
display: block;
}
._desktop{
display: none;
}
.-pdf-item .-pdf-file {
display: block;
width: 60%;
}
.-pdf-item .-pdf-download {
width: 40%;
align-items: flex-end;
-ms-flex-align: flex-end;
padding-bottom: 15px;
}
.-pdf-item .-pdf-download .-pdf-btn-img img {
margin-bottom: -10px;
}
.vpost_title{
margin-left: 20px;
}
.vpost_title .wrap-in-title {
width: 95%;
}
.vpost_title .in-title {
padding-left: 0;
right: auto;
left: 25%;
font-size: 25px;
}
.yp_breadcrumb {
margin-bottom: 25px;
margin-top: -15px;
padding: 0 5px;
}
#breadcrumbs {
flex-wrap: wrap;
}
#breadcrumbs {
flex-wrap: wrap;
align-items: start;
}
#breadcrumbs a:after,
#breadcrumbs a:before,
#breadcrumbs > span > span > a:after  {
display: none;
}
.yp_breadcrumb #breadcrumbs span a:before,#breadcrumbs .breadcrumb_last:before {
content: '';
display: block;
width: 10px;
height: 0.11em;
background: #000;
position: absolute;
left: -30px;
top: 11px;
} #page #breadcrumbs span {
display: block!important;
}
#breadcrumbs a:after {
position: relative;
bottom: 13px;
}
#breadcrumbs > a:after {
display: none!important;
}
span.breadcrumb_last {
max-width: 250px;
margin-top: 5px;
}
#page .yp_breadcrumb #breadcrumbs span.divider {
opacity: 0;
display: block;
}
#breadcrumbs span:has( > .breadcrumb_last) > a:before {
right: auto;
left: -30px;
bottom: -12px;
}
.single .main-content {
flex-wrap: wrap;
padding: 10px 20px;
}
.single .main-content .content-left,
#page .main-content .single_sidebar{
padding: 0;
width: 100%;
}
#page .main-content .single_sidebar {
border: 0;
border-top: solid 1px #ddd;
padding-top: 40px;
}
.file-download-list .right {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: 100%;
}
.file-download-list .left{
width: 100%;
}
.file-download-list .right .vitem-download-list {
width: 100%;
margin-bottom: 0;
}
.wrap-single.style-2 .section-box-single {
flex-wrap: wrap;
}
.wrap-tag-shared {
flex-wrap: wrap;
gap:15px;
}
#page .main-content .single_sidebar .v-post-loop {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
#page .main-content .single_sidebar .v-post-loop article {
width: 100%;
margin-bottom: 15px!important;
}
#page .single_sidebar .last-news {
margin: 20px 0;
}
.faqs-loop .vitem-download-list.-full {
max-width: calc(100% - 10px);
padding: 0;
gap: 0;
}
.faqs-loop .vitem-download-list.-full .ob3 .download-btn svg {
width: 22px;
height: 22px;
padding: 4px;
margin-bottom: -5px;
}
.faqs-loop .vitem-download-list.-full .ob3 {
width: 21%!important;
}
.faqs-loop .vitem-download-list .ob2 .top {
margin-bottom: 0;
}
.faqs-loop .vitem-download-list.-full .ob2 h4 {
font-size: 13px;
}
.faqs-loop .vitem-download-list.-full .ob3 .download-btn span{
font-size: 10px;
}
.faqs-loop .vitem-download-list.-full .ob1 {
width: auto!important;
max-width: 40px;
}
.faqs-loop .vitem-download-list.-full .ob2 {
width: 79%!important;
padding-right: 3px!important;
gap: 8px;
padding-left: 0;
padding-top: 5px;
}
.faqs-loop .vitem-download-list.-full .ob3 .download-btn {
margin-bottom: -5px!important;
margin-top: 0!important;
flex-wrap: wrap;
justify-content: center;
gap: 0;
flex-direction: column;
}
.faqs-loop .vitem-download-list.-list-full .ob1 {
width: 24%;
margin-bottom: 10px;
}
.faqs-loop .faq-content {
max-width: 100%;
margin-top: 26px;
}
.faqs-loop .faq-content.attachment {
margin-top: 10px;
margin-bottom: 5px;
}
.faqs-loop .item-download-toggle.active .content-download {
margin: 0 5px!important;
}
}  @media (min-width: 768px) and (max-width: 991px) {
#breadcrumbs span > a:before{
display: none;
}
.search-bar_ypx li.sf-field-search {
margin-bottom: 9px!important;
}
.detail-archive-vc_ebook #main.main-post_column .top-post  .card-recent_post .post-info .read-more,
.detail-archive-vc_ebook #main.main-post_column .top-post  .card-recent_post .post-info .read-more {
bottom: 0;
}
#breadcrumbs {
margin-bottom: 0;
}
#page .poll-single,.polls-list-wrap{
max-width: 100%!important;
}
.poll-content-all {
margin: 30px 0 0;
}
.poll-content-all .poll-single {
margin-top: 0;
}
.carousel_home_banner-m{
display: block;
}
.carousel_home_banner{
display: none;
}
.search-bar_ypx form ul {
text-align: right;
flex-wrap: wrap;
display: flex!important;
flex-direction: column;
gap: 0!important;
}
.search-bar_ypx form ul li {
width: 100%;
padding-bottom: 0;
}
.profile-modal .profile-content {
max-width: 90%;
margin-left: -15px;
padding: 25px 17px;
}
.co-box .elementor-image-box-content h3 {
font-size: 15px!important;
padding-right: 10px;
}
.co-box .elementor-image-box-content img {
width: 40px!important;
}
.menu-item-has-children .sub-menu .wrap-toggle-mobile{
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.event-content-a .wrap-con {
flex-direction: column;
}
.event-content-a .wrap-con #v-calendar-full,
.event-content-a .wrap-con .e-rightbar{
width: 100%;
padding: 0;
}
.event-content-a .wrap-con .e-rightbar {
border: 0;
border-top: solid 1px #ddd;
padding-top: 30px;
}
#page article.vevent-card .vmore.-d {
display: none;
}
#page article.vevent-card .vmore.-m {
display: flex;
margin-top: 8px;
}
.title-td h3{
padding-top: 0;
}
.e_news_shortcode button.reset-form {
max-width: 150px;
min-width: 150px;
}
.e_news_shortcode .ff_submit_btn_wrapper_custom {
max-width: 150px;
min-width: 150px;
}
.e_news_shortcode .left {
width: 45%;
}
.e_news_shortcode .right {
width: 55%;
padding-left: 0;
}
.e_news_shortcode {
padding: 0 10px;
}
.vc_posts-wrapper.vc_post_tab_v1 .left article img {
height: 290px !important;
}
.vc_posts-wrapper.vc_post_tab_v1 {
flex-wrap: wrap;
}
.vc_posts-wrapper.vc_post_tab_v1 .left, .vc_posts-wrapper.vc_post_tab_v1 .right {
width: 100%;
}
.banner-archive_box .post-tab-v1 .head-tab .vc-view-more {
top: 10px;
bottom: auto;
padding: 7px 17px;
}
.banner-archive_box .post-tab-v1 .nav-sub-term-yp ul,
.archive-event .title-cat ul{
overflow-x: scroll;
}
.detail-archive_box .column-post_grid .box-post_grid #main article {
width: calc(50% - 8px);
}
#page .banner-archive_box .v-container.wrap {
padding: 20px;
}
#page .detail-archive_box {
padding: 50px 10px 40px;
margin: 0!important;
}
.box-pageination_post {
flex-wrap: wrap;
margin-top: 40px;
}
.box-pageination_post .count-found {
width: 100%;
text-align: center;
}
.box-pageination_post .search-bar_yp {
width: 100%;
display: block;
}
#page .box-pageination_post .searchandfilter ul {
display: flex;
justify-content: center;
}
.box-pageination_post .searchandfilter ul li.sf-field-posts_per_page {
flex-wrap: wrap;
gap: 5px;
justify-content: center;
}
#page .box-pageination_post .searchandfilter ul li.sf-field-posts_per_page h4 {
width: 100%;
text-align: center;
padding: 0!important;
}
.content-pagination {
width: 100%;
margin: 10px 0;
}
.vpost_title{
margin-left: 20px;
}
.vpost_title .wrap-in-title {
margin-left: -50px;
width: 70%;
}
.vpost_title .in-title {
padding-left: 0;
right: auto!important;
left: 70px;
}
.yp_breadcrumb {
margin-bottom: 25px;
margin-top: -15px;
padding: 0 5px;
}
#breadcrumbs {
flex-wrap: wrap;
align-items: start;
}
span.breadcrumb_last {
max-width: 420px;
margin-top: 5px;
}
#breadcrumbs > a:after,
#breadcrumbs > span > span > a:after  {
display: block!important;
}
#page #breadcrumbs span {
display: block!important;
}
#breadcrumbs a:after {
position: relative;
bottom: 13px;
}
#page .yp_breadcrumb #breadcrumbs span.divider {
opacity: 0;
display: block;
}
#breadcrumbs span:has( > .breadcrumb_last) > a:before {
right: auto;
left: -30px;
bottom: -15px;
}
.single .main-content {
flex-wrap: wrap;
padding: 10px 30px;
}
.single .main-content .content-left,
#page .main-content .single_sidebar{
padding: 0;
width: 100%;
}
#page .main-content .single_sidebar {
border: 0;
border-top: solid 1px #ddd;
padding-top: 40px;
}
.file-download-list .right {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: 100%;
}
.file-download-list .left{
width: 100%;
}
.file-download-list .right .vitem-download-list {
width: calc(33.33% - 14px);
margin-bottom: 0;
}
.wrap-single.style-2 .section-box-single {
flex-wrap: wrap;
}
#page .main-content .single_sidebar .v-post-loop {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
#page .main-content .single_sidebar .v-post-loop article {
width: calc(50% - 5px);
}
#page .single_sidebar .last-news {
margin: 20px 0;
} .vitem-download-list{
flex-wrap: wrap;
gap: 10px;
}
.vitem-download-list .ob1 .bg {
margin: 20px auto 5px;
}
.vitem-download-list .ob2 {
padding: 0 10px;
}
.vitem-download-list .ob2 .bottom {
flex-wrap: wrap;
gap: 10px 15px;
justify-content: center;
border-bottom: solid 1px #ddd;
border-top: solid 1px #ddd;
padding: 8px 0;
margin-top: 10px;
}
.vitem-download-list .ob2 .bottom > div {
width: auto;
}
.vitem-download-list .ob2 .bottom {
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.vitem-download-list .ob2 .bottom > div:after{
display: none;
}
.vitem-download-list .ob1,
.vitem-download-list .ob2,
.vitem-download-list .ob3 {
width: 100%;
}
#v-calendar .mec-calendar-topsec {
flex-wrap: wrap;
}
.vitem-download-list .ob2 a h4 {
text-align: center;
} #v-calendar .mec-calendar-events-side{
min-width:320px;
}
#v-calendar .mec-calendar {
display: flex;
justify-content: center;
}
.sw-bottom_banner {
width: calc(100% - 110px);
}
.card-post_m img {
height: 190px !important;
}
.main-header .main-object,
#page .top-bar .main-top .phone-top,
#page .top-bar .main-top .fax-top,
#page .box-size .text-size{
display: none;
}
.top-bar {
padding: 5px 0;
}
#page .top-bar .main-top {
justify-content: space-between;
}
.mobile-object {
display: block;
}
.archive-sidebar {
margin-top: 30px;
}
.-pdf-item .-pdf-file {
display: block;
width: 60%;
}
.-pdf-item .-pdf-download {
width: 40%;
}
.rss-page-single.v-post-loop.-list .post-header {
width: 25%;
}
.rss-page-single.v-post-loop.-list .post-info{
width: 75%;
}
#carousel_home_weblink .swiper-wrapper {
padding-bottom: 40px;
}
.yp_chart_wrap {
width: 600px!important;
float: none;
margin: -50px;
margin-bottom: 50px;
display: block;
}
.yp_chart_wrap canvas {
margin-top: -80px;
margin-left: -130px;
}
.poll-option_name:after {
display: block;
content: '';
clear: both;
}
ul.poll-option_name {
position: relative;
top: 0;
left: 0;
float: none;
width: calc(100% + 120px);
transform: none;
clear: both;
margin-bottom: 10px;
}
.user-feed-page .search-bar_yp.search-bottom-per .sf-field-posts_per_page{
bottom: 32px;
}
.procurement-archive.poll-layout.style-3 .post-info {
width: calc(80% - 29px)!important;
}
.procurement-archive.poll-layout.style-3 .post-link-btn {
width: 21%;
}
.archive-box li.sf-field-posts_per_page select {
max-width: 77px;
min-width: 77px;
}
.post_embed_wrap {
width: 45%;
}
.archive-box.search-page  .v-post-loop.-list .post-header {
width: 15%;
}
.archive-box.search-page  .v-post-loop.-list .post-info {
width: 75%;
}
input.post_embed_name {
min-width: 40%;
}
.yp_post_embed label {
width: 10%;
}
.single .main-content,
.single .single_sidebar
{
width: 100%;
}
.single .entry-content .v-container {
padding: 0;
}
._mobile{
display: block;
}
._desktop{
display: none;
}
.vitem-download-list.-list-full .ob1 {
width: 10%;
}
.vitem-download-list.-list-full .ob2 {
width: 88%;
}
.vitem-download-list.-list-full .ob3 {
width: 100%;
padding: 0 3px;
}
.vitem-download-list.-full .ob1 {
width: 12%;
}
.vitem-download-list.-full .ob2 {
width: calc(75% - 10px);
}
.vitem-download-list.-full .ob3 {
width: calc(10% - 10px);
}
.vitem-download-list.-full{
padding-right: 30px;
gap:0;
}
.vitem-download-list.-full .ob3 .download-btn {
flex-wrap: nowrap;
gap: 8px;
}
.item-download-toggle {
margin-bottom: 10PX;
}
.vitem-download-list.-list-full .ob3 .download-btn{
padding: 10px;
width: 100%;
}
.vitem-download-list.-list-full .bg {
margin-top: 0;
}
.faqs-loop .vitem-download-list.-full .ob2 {
width: 90%;
gap: 10px;
padding: 0;
}
}  @media (min-width: 992px) and (max-width: 1199px) {
.item-download-toggle.faqs-loop .vitem-download-list.-list-full .ob2 {
padding-left: 20px;
}
.site-branding img {
max-height: 65px;
max-height: 65px;
}
.desktop_menu li a{
font-size: 12px;
}
.v-container {
padding-right: 20px!important;
padding-left: 20px!important;
}
._mobile{
display: none;
}
._desktop{
display: block;
}
}::selection {
background: #df5936;
color: #fff;
}
::-moz-selection {
background: #df5936;
color: #fff;
}
.toggle-icon {
display: flex;
align-items: center;
}
.toggle-icon svg {
width: 22px;
height: 22px;
cursor: pointer;
}
button{
cursor: pointer;
}
p {
margin: 0;  } a{
color: #000;
font-weight: 500;
text-decoration: none; }
a:hover, a:focus, a:active{
color: #df4425; }
body {
margin: 0;
}
body.admin-bar .site-header {
top: 0;
}  .toggle-search {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.toggle-search .toggle-icon i {
font-size: 20px;
cursor: pointer;
padding: 5px 15px;
}
.popup_search {
position: fixed;
top: -100%;
left: 50%;
background-color: #04237ee3;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 99999;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.popup_search.active {
top: 0;
opacity: 1;
visibility: visible;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.popup_search form.search-h_box .main-object_s {
display: flex;
margin: 0 auto;
max-width: fit-content;
}
.popup_search .sec-search_box {
padding: 20px;
border-radius: 5px;
text-align: center;
padding-top:35px;
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
padding-bottom: 40px;
cursor: auto;
width: 100%;
max-width: 700px;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform ease 0.4s;
transition: -webkit-transform ease 0.4s;
transition: transform ease 0.4s;
transition: transform ease 0.4s, -webkit-transform ease 0.4s;
}
.popup_search .sec-search_box h3{
color: #FFF;
margin-bottom: -5px;
}
.popup_search .sec-search_box p{
color: #dbdbdb;
margin-bottom: 13px;
}
.popup_search input.input-s_box {
width: 100%!important;
min-height: 45px;
border-radius: 50px!important;
font-size: 16px!important;
padding: 10px 20px;
}
.popup_search form.search-h_box .main-object_s {
min-width: 100%;
}
.popup_search form.search-h_box .s-object.object-1 {
min-width: 100%;
}
.popup_search.active .sec-search_box{
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.popup_search .main-object_s .s-object.object-2{
position: relative!important;
}
.popup_search .box-search {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
form.search-panel {
max-width: 400px;
width: 100%;
}
form.search-panel .main-object {
display: flex;
align-content: flex-end;
width: 100%;
}
form.search-panel .main-object input {
height: 50px;
border: 0;
border-bottom: 2px
solid #000;
border-radius: 0;
width: 100%;
color: #000;
padding: 10px 10px;
font-weight: 500;
font-size: 20px;
}
form.search-panel .main-object button {
height: 50px;
background: transparent;
color: #000;
border: 0;
border-bottom: 2px solid;
border-radius: 0;
padding: 0;
}
form.search-panel .main-object button i {
font-size: 21px;
}
form.search-panel .main-object .object-1 {
width: 100%;
}
form.search-panel .main-object button:hover i {
background: #000;
color: #fff;
}
form.search-panel .main-object button i {
padding: 10px;
border-radius: 50px;
}
.cancel-btn_search {
position: absolute;
top: 50px;
right: 50px;
cursor: pointer;
}
.cancel-btn_search svg {
color: #fff;
}
form.search-panel .main-object button svg {
width: 22px;
margin-bottom: -10px;
}
.cancel-btn_search .icon_cancel svg {
cursor: pointer;
width: 24px;
display: none;
}
.cancel-btn_search svg.active {
display: flex;
}
#nsl-custom-login-form-1 .nsl-container-um-login-layout-below-separator {
clear: both;
margin: 0 auto;
text-align: center;
}
.popup_search .search-h_box button.btn-search_h {
padding: 6px;
font-size: 18px;
line-height: 1.3;
border: 1px solid #df4425;
color: #FFF;
background: #df4425;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
height: 34px;
width: 34px;
position: absolute;
right: 5px;
top: 5px;
} @media (max-width: 1600px){
} @media (max-width: 1280px){
} @media (max-width: 1024px) and (min-width: 992px){
} @media (max-width: 991.98px) {
.mobile-object .main-object .object-2 .toggle-search {
display: block!important;
}
.x-close span.btn-close svg {
width: 19px;
margin-top: -3px;
}
.mobile-object .main-object .object-2 .main-navigation {
width: auto;
display: flex!important;
align-items: center;
}
.mobile-object .main-object .object-2 .toggle-search svg {
color: #000!important;
}
.popup_search .sec-search_box h3 {
font-size: 32px;
}
.popup_search .search-h_box button.btn-search_h {
right: 4px;
top: 3px;
width: 38px;
height: 38px;
}
} @media (max-width: 575.98px) {
.popup_search .search-h_box button.btn-search_h {
right: 4px;
top: 3px;
width: 38px;
height: 38px;
}
.mobile-object .main-object .object-2 .toggle-search {
margin-right: 14px!important;
margin-bottom: 1px!important;
}
.popup_search form.search-h_box .main-object_s {
max-width: fit-content;
}
.x-close span.btn-close svg {
width: 19px;
margin-top: -3px;
}
.cancel-btn_search {
position: absolute;
top: 10px;
right: 10px;
}
form.search-panel {
width: 85%;
}
.toggle-search {
margin-left: 20px;
}
} @media (max-width: 360px) {
}:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animated.repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@font-face{font-family:dearflip;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB/AAAAC8AAAAYGNtYXDV1NUQAAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZvV0Ah0AAAGQAAASdGhlYWQnoblUAAAUBAAAADZoaGVhB8ID8QAAFDwAAAAkaG10eLYAAAAAABRgAAAAwGxvY2FSqk12AAAVIAAAAGJtYXhwADoAmgAAFYQAAAAgbmFtZWTWXU4AABWkAAABknBvc3QAAwAAAAAXOAAAACAAAwP1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADq0QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg6Sjqk+rK6tH//f//AAAAAAAg6QDqk+rK6tH//f//AAH/4xcEFZoVZBVeAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAKSA8AABQAAJQcJARcHApI8/wABADzE5zwBAAEAPMQAAAAAAQAA/8ACqgPAAAUAACU3JzcJAQFuxMQ8AQD/AOfExDz/AP8AAAAAAAEAAP/AAwADwAAFAAABFzcXCQEBPMTEPP8A/wACPcTEPP8AAQAAAAABAAD/wAMAA8AABQAAAScJAQcnATw8AQABADzEARk8AQD/ADzEAAAAAQAA/8AB8gPAAAUAAAkCBwkBAfL+pgFaTP5aAaYDBf6m/qZMAaYBpgAAAAABAAD/wAQAA8AABQAAJQkBNwkBAg4BWv6mTAGm/lpRAVoBWkz+Wv5aAAAAAAIAAP/AAxIDwAADAAkAAAEzESMlBwkBFwcBAFZWAhI8/wABADzEAqv+ADw8AQABADzEAAACAAD/wAMAA8AAAwAJAAABMxEjATcJASc3AqpWVv5EPAEA/wA8xAKr/gABxDz/AP8APMQAAQAA/8ADKgPAAAIAAAkCAVYB1P4sAtX+1v7WAAIAAP/AAwADwAADAAcAAAEzESMhETMRAlaqqv6qqgLV/awCVP2sAAACAAD/wANWA8AAAgAFAAAJAREhCQEB6gFs/oD+lAFsAasBAP4AAQABAAAAAAIAAP/AA5YDwAACAAUAAAkCIREBAioBbP6U/oABbAKr/wD/AAIA/wAAAAAAAQAA/8ADKgPAAAsAAAEHFwcnByc3JzcXNwMq7u487u487u487u4Cme7uPO7uPO7uPO7uAAMAAP/AA6oDwAAPAB8AKwAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYXFTMVIxUjNSM1MzUCAIxlZWVljIxlZWVljLB9fX19sLB9fX192qysVKysVWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH191KxUrKxUrAAAAwAA/8ADqgPAAA8AHwAjAAAlMjc2NTQnJiMiBwYVFBcWEzIXFhUUBwYjIicmNTQ3NgMhFSECAIxlZWVljIxlZWVljLB9fX19sLB9fX19JgGs/lRVZWWMjGVlZWWMjGVlAwB9fbCwfX19fbCwfX3+gFQAAAABAAD/wAMqA8AACwAAASERIxEhNSERMxEhAyr/AFT/AAEAVAEAAYH/AAEAVAEA/wAAAAAAAQAA/8ADKgPAAAMAAAEhNSEDKv2sAlQBgVQAAAYAAP/AA4ADwAADAAcACwAbACsAOwAAASEVIRE1IRUBNSEVJTIXFhUUBwYjIicmNTQ3NhMyFxYVFAcGIyInJjU0NzYTMhcWFRQHBiMiJyY1NDc2ASoCVv2qAlb9qgJW/SoaExMTExoaExMTExoaExMTExoaExMTExoaExMTExoaExMTEwLVVP8AVFT/AFRUahMTGhoTExMTGhoTEwIAEhIcHBISEhIcHBIS/wASEhwcEhISEhwcEhIAAAAABAAA/8ADAAPAAAMABwALAA8AAAEzNSMhFTM1AzM1IwUzNSMBAODgASDg4ODg/uDg4AHL4ODg/gDg4OAACAAA/8ADgAPAAAMABwALAA8AEwAXABsAHwAAJTUjFQMhESEBNSMVAyERIQM1IxUDIREhATUjFQMhESEDKqpWAVb+qgEAqlYBVv6qqqpWAVb+qgEAqlYBVv6qgaqqAQD+qgIAqqoBAP6q/qyqqgEA/qoCAKqqAQD+qgAAAAkAAP/AA1YDwAADAAcACwAPABMAFwAbAB8AIwAAJTUzFQM1MxUBNTMVNzMVIwE1MxUhNTMVAzUzFTM1MxUBNTMVAqqsrKz+VKxUrKz/AKz+VKysrFSs/lSsVaysAQCsrAEArKysrP8ArKysrP8ArKysrAIArKwAAAIAAP/AA9YDwAAJACkAACURJiMiBxE2MzIDMhcRFAcGIyInJiMiByYjIgciBwYjIicmNRE2MzIXNgOAQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlaVAewUQP4WQAJAQP2SCAcHAixAQC4BAQYGCAJyQEBAAAAABQAA/8AD1gPAAAkAEwAdACcARwAAATIXFSYjIgc1Nic2MzIXFSYjIgc3Igc1NjMyFxUmExEmIyIHETYzMgMyFxEUBwYjIicmIyIHJiMiByIHBiMiJyY1ETYzMhc2Auo0OChEeEhMTFRsNDgoRHhIwHhIUHA0ODBaQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlYBRwpACipIIlAiCkAKKpwqRiQKQgz+qgHsFED+FkACQED9kggHBwIsQEAuAQEGBggCckBAQAAAAAACAAD/wANWA8AAAgATAAABMyclIQERFAcGIyEiJyY1EzQ3NgIq7Oz+1gFWAQAaGiL+ACIaGgIZGQIr6kD/AP4AIhkZGRkiAqwiGRkAAwAA/8ADagPAAAMAEwAsAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBKtbWbFA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAisqrDg4UFA4ODg4UFA4ONRA1CIMQlBQdHRRUVFRdCo1NSAMAAMAAP/AA2oDwAALABsANAAAASMVIzUjNTM1MxUzBzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcCAFYqVlYqVmpQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQFBQaDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0KjU1IAwAAwAA/8ADVgPAAA8AHwAvAAABMhcWFRQHBiMiJyY1NDc2ITIXFhUUBwYjIicmNTQ3NiEyFxYVFAcGIyInJjU0NzYCACIaGhoaIiIaGhoaASIiGhoaGiIiGhoaGv4iIhoaGhoiIhoaGhoCARoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGgAAAgAA/8ADVgPAAAMACgAANyEVIQEHJzMRMxGqAqz9VAIAqqqAVIFWAVasrAGq/lYAAwAA/8ADgAPAABEAGAAeAAABFhcWFRQHBgc1Njc2NTQnJicTFAcRFhcWJTM3EScjAlaCVFRUVIJeOzs7O15qaiwfH/3AqtbWqgMhHGlpiIhpaRxYHE5OZmZOThz+4ng0AVgWMjJO1v1U1gAAAQAA/8ADgAPAADMAACUyFxYVFAcGIyInJjU0NyUGIyInJjU0NzYzMhclJjU0NzYzMhcWFRQHBiMiJwUWFRQHBTYDADQkJCUlMjIlJQL+0iYyNCYmJiY0MiYBLAQmJjQ0JiYmJjQwKP7UBAQBMCT9JSUyNCUlJSU0FAiwIiYmNDQmJiKuFAo0JiYmJjQ0JiYksBQKChSwIAAFAAD/wAOqA8AAAwANABcAIQArAAABESERExUjIicmPQEzFSUzFRQHBisBNTMBIzU0NzY7ARUjJTMyFxYdASM1IwMA/gAqgCIZGVQCrFQZGSKAgP1UVBkZIoCAAiyAIhkZVIACVf6sAVT+VlYaGiJWVlZWIhoaVgGqViIaGlZWGhoiVlYAAAAABAAA/8ADgAPAAAYADQAUABsAAAERITcnNxcFIREXNxcHAxEhBxcHJyUhEScHJzcDgP8AYnw+ev5i/wBiej58ngEAYnw+egGeAQBiej58ASv/AGJ6PnyeAQBifD56AZ4BAGJ6Pnye/wBifD56AAAAAAEAAP/AAqsDwAAXAAABMxUjESMRIzUzNTQ2Nz4BOwEVIyIGHQECK4CAgICAGBcYPCNaWhAWAgCA/tUBK4A2JlUaGxqAFhBaAAIAAP/AA84DwAALAA8AAAEzCQEhCwEjCQEhExMzASMDCo7+ywFr/uTf/o0BSf6lASPJt07+B1QDS/6f/iEBI/7dAXkBx/72/h4CnAAEAAD/wAOqA8AAHQAtAD0AQQAAATIXFhUUBwYVIzQ3Njc2NzY1NCcmIyIHBhUjNDc2EzI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYTNTMVAgBGMjJAQFQUFBgYFBQaGiIiGhpUMjJGjGVlZWWMjGVlZWWMsH19fX2wsH19fX2GVAKrMjJGNjk5Li4hIQ8PFhYcIhkZGRkiRjIy/aplZYyMZWVlZYyMZWUDAH19sLB9fX19sLB9ff1WVlYAAAAAAwAA/8ADqgPAABwAIAAwAAABNjU0JyYjIgcGFTM0NzYzMhcWFRQPAQYdATM0NwM1IxUTMhcWFRQHBiMiJyY1NDc2AoIoMjJGRjIyVBoaIiIaGho0MlQyMlQqsH19fX2wsH19fX0Byyg4RjIyMjJGIhoaGhoiIho2NkIWQjb+3lRUAtR9fbCwfX19fbCwfX0AAgAA/8ADagPAAA8AKAAAATI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBllA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAVU4OFBQODg4OFBQODjUQNQiDEJQUHR0UVFRUXQqNTUgDAAAAAAEAAD/wAOqA8AAAwATABcAJwAAARUhNQEyNzY1NCcmIyIHBhUUFxYDNSEVATIXFhURIxUhNSMRNDc2MwMA/gACKhINDQ0NEhIMDAwMbv6sAdQ0Jiaq/gCqJiY0Ayuqqv6ADAwSEg0NDQ0SEgwM/tbU1AHUJiY0/wCqqgEANCYmAAMAAP/AA6oDwAACAAcAGwAAASUhAREFJREBMhcWFREUBwYjISInJjURNDc2MwIAAVb9VAKs/qr+qgKsIhkZGRki/VQiGRkZGSIB1db+AAGq1NT+VgJWGhoi/gAiGhoaGiICACIaGgAAAgAA/8ADqgPAAAUAGQAAATUFJRUFATIXFhURFAcGIyEiJyY1ETQ3NjMDVv6q/qoBVgFWIhkZGRki/VQiGRkZGSICVVbW1lbUAYAaGiL+ACIaGhoaIgIAIhoaAAADAAD/wAOAA8AAAwAHAAsAABMhFSEVNSEVBTUhFYADAP0AAwD9AAMAAqtW1FRU1lZWAAAAAwAA/6sD/gPAACgAUACXAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmJwExIiYvAQc3Jy4BNTQ3PgE3NjMyFx4BFxYXFhceARcWFRQHDgEHBiMTLgEnJiIHDgEHDgEnLgEnLgEnJjY3PgE3PgE3NiYnLgEnLgEjKgEjIgYHDgEVFBYXFhceARcWFx4BFxYyNz4BNz4BJy4BJwNpJCkqWzExM2lcXYkoKCIiSAENN3tAaVxdiigoCgomGxwk/pk5bTEPoCsKICEiIXJNTVcrKClMIiMeHRcXIAgIISJyTU1X5wlECQkNBwYcBgYMCQo4JB0kBgYHBQQKBQQFAwMBAwIdCAcQBQYMBwYTCAkkLwUCERA4JycwFiQOFygREjsICAICAwwKAxYkHBsmCgooKIpcXWlDgTn++UYeICgoil1caTMxMVspKiT88x4dCSqcEDJyPFdNTXMhIQgIIBcXHh0jIkwpKSpXTU1zISEBPAUhAwMJCiEHBgIFBRkhGTUKCQwEBQwGBQkHBgsFBUYTEwMGCQoxLy9OBgMXFzwfHxUJDQUHAgMjFxYiBAQGBQAAAAMAAP/AA8ADwAAZAB0AKQAAATMVMz4BMzIXHgEXFhURIxE0JiMiBhURIxEhMxEjExQGIyImNTQ2MzIWAYCxAxJZQ0crKzAJCLkZR0gmuf7AwMDAOCgoODgoKDgCK1shOhUUSDExOf7MARExZFk3/uoCQP3AAuAoODgoJzk5AAAAAQAA/8ADvAPAAG4AAAEiBw4BBwYVFBceARcWFy4BNzY3PgE3NjEwJjU0NjMyFhUUBgcGFjMyNjU0JiMiBhUUFhceAQcOAQcOAScuATU0Nz4BNzYzMhceARcWFRQHDgEHBiMiJicwBgcOAQceATMyNz4BNzY1NCcuAScmIwIAXFFQeSMjFRVLNDQ9AgMHAwgJEgcHDS8hHBwbCggpITtQZ1JeahMOAwEBAwgBAgcGKjATE0o2N0g5MjJKFRURET0rKjIiOQsXBAgiDR9CIlxRUHkjIyMjeVBRXANmIyJ5UVBcR0BAbCkpGBpIHQ0kJEweHSUdLj4lGhxQJyEvcVpQZHdJHTgRAwYDCyMFBgMDFGcxNTAxShYWExNFLy83OTIzShYWHxRaDx1BFgoKIyN4UVFbXFFReSIjAAAAAAEAAAABAABPPPplXw889QALBAAAAAAA4kE6dgAAAADiQTp2AAD/qwQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAADAEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAoAFAAeADIARgBaAG4AhACaALQAzgDcAPABBgEcATYBdgGwAcoB2AI2AlQCkgLOAw4DeAOeA+IELgR2BI4ExAUQBVQFjAWwBdYGOAaABsAHAAc0B2IHfAhcCJwJOgAAAAEAAAAwAJgACQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBSZWd1bGFyAFIAZQBnAHUAbABhAHJkZWFyZmxpcABkAGUAYQByAGYAbABpAHBGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");font-weight:400;font-style:normal;font-display:block}.df-ui-btn[class*=" ti-"]:before,.df-ui-btn[class^=ti-]:before,[class*=" df-icon-"]:before,[class^=df-icon-]:before{font-family:dearflip!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.df-icon-arrow-left:before{content:"\e900"}.df-icon-arrow-right:before{content:"\e901"}.df-icon-arrow-down:before{content:"\e902"}.df-icon-arrow-up:before{content:"\e903"}.df-icon-arrow-left1:before{content:"\e904"}.df-icon-arrow-right1:before{content:"\e905"}.df-icon-first-page:before{content:"\e906"}.df-icon-last-page:before{content:"\e907"}.df-icon-play-popup:before,.df-icon-play:before{content:"\e908"}.df-icon-pause:before{content:"\e909"}.df-icon-fast-rewind:before{content:"\e90a"}.df-icon-fast-forward:before{content:"\e90b"}.df-icon-close:before{content:"\e90c"}.df-icon-add-circle:before{content:"\e90d"}.df-icon-minus-circle:before{content:"\e90e"}.df-icon-add:before{content:"\e90f"}.df-icon-minus:before{content:"\e910"}.df-icon-list:before{content:"\e911"}.df-icon-grid:before{content:"\e912"}.df-icon-grid-view:before{content:"\e913"}.df-icon-apps:before{content:"\e914"}.df-icon-double-page:before{content:"\e915"}.df-icon-book:before{content:"\e916"}.df-icon-file:before{content:"\e917"}.df-icon-zoom-out:before{content:"\e918"}.df-icon-zoom-in:before{content:"\e919"}.df-icon-more:before{content:"\e91a"}.df-icon-download:before,.df-ui-btn.ti-download:before{content:"\e91b"}.df-icon-volume:before{content:"\e91c"}.df-icon-share:before{content:"\e91d"}.df-icon-fit-screen:before{content:"\e91e"}.df-icon-fullscreen:before{content:"\e91f"}.df-icon-facebook:before{content:"\e920"}.df-icon-twitter:before{content:"\e921"}.df-icon-help-outline:before{content:"\e922"}.df-icon-help:before{content:"\e923"}.df-icon-search:before,.df-ui-btn.ti-search:before{content:"\e924"}.df-icon-print:before,.df-ui-btn.ti-printer:before{content:"\e925"}.df-icon-mail-outline:before{content:"\e926"}.df-icon-mail:before{content:"\e927"}.df-icon-menu:before{content:"\e928"}.df-icon-linkedin:before{content:"\eaca"}.df-icon-pinterest:before{content:"\ead1"}.df-icon-whatsapp:before{content:"\ea93"} .df-container .df-loading-icon,.df-fetch-pdf .df-loading-info,.df-flipbook-3d.df-loading:after,.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after,.df-page.df-loading:after,.df-searching .df-search-info,.df-thumb.df-thumb-requested:before{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%2307abcc' stroke-width='9' r='30' stroke-dasharray='141.37166941154067 49.12388980384689'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E")}.df-hidden{display:none!important}.df-text-align-center,.has-text-align-center{text-align:center}.df-app{min-height:220px;position:relative;overflow:hidden;width:100%;image-rendering:auto;direction:ltr;line-height:1.5}.df-container{height:100%}.df-container *{box-sizing:border-box!important}.df-container i{font-style:normal}.df-container a{outline:0;text-decoration:none;box-shadow:none}.df-container .df-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:no-repeat 50%;background-size:cover}.df-container .df-loading-info{position:absolute;top:-300px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;max-width:200px;margin-top:20px;padding:10px 15px;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#f7f7f7;border-radius:5px;font-size:12px;color:#222;word-break:break-word;letter-spacing:.5px;opacity:0}.df-container.df-init .df-loading-info{top:50%;opacity:1;max-width:300px}.df-container.df-init .df-viewer{display:none}.df-container.df-error .df-loading-info{-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);margin:0;color:#b00}.df-container .df-loading-icon{-moz-transition:.3s .1s opacity;-o-transition:.3s .1s opacity;-webkit-transition:.3s .1s opacity;transition:.3s .1s opacity;opacity:0;height:50px;width:50px;left:50%;top:50%;margin:-45px -25px -25px;box-sizing:border-box;position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:32px;background-position:50%;background-color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.df-container.df-loading .df-loading-icon{opacity:1;z-index:100}.df-fetch-pdf .df-loading-info{opacity:1;top:0;z-index:4;background-repeat:no-repeat;padding-left:36px;background-size:24px;background-position:6px 6px}.df-viewer .df-3dcanvas{right:0;position:absolute}.df-ui{color:#666;bottom:0;width:100%;height:42px;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#fff;position:absolute;vertical-align:top;box-sizing:border-box;text-align:center;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:4;display:block}.df-ui .df-logo{height:100%}.df-ui .df-logo.df-logo-img{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px}.df-ui .df-logo.df-logo-img img{max-height:100%;max-width:120px}.df-ui .df-ui-page{padding:0;font-size:12px;width:50px;min-width:50px;line-height:42px;margin:0 0;border-radius:0;background-color:rgba(0,0,0,.03)}.df-ui .df-ui-page label{position:absolute;right:0;top:0;min-width:50px;height:100%;text-align:center;display:block;line-height:inherit!important;color:#999;font-weight:400;cursor:pointer;background-color:transparent;z-index:1;box-sizing:border-box;word-break:normal}.df-ui .df-ui-page input{width:100%;background-color:transparent;height:100%;margin:0;padding:0!important;border:1px solid #8f8f8f;text-align:center;vertical-align:top;line-height:inherit!important;color:transparent;font-size:14px;top:0;box-sizing:border-box;z-index:-1;display:block;opacity:0}.df-ui .df-ui-page input:focus{z-index:2;opacity:1;color:inherit}.df-ui .df-ui-page input:focus+label{opacity:0;display:none}.df-ui-btn{color:#777;vertical-align:top;background-color:#fff;box-sizing:border-box;text-align:center;position:relative;width:40px;height:100%;font-size:20px;cursor:pointer;z-index:2;display:inline-block;padding:10px 5px;line-height:1.2;transition:.3s;transition-property:opacity,color,background-color}.df-ui-btn:before{box-sizing:border-box}.df-ui-btn.df-active,.df-ui-btn:hover{color:#00acce;background-color:#eee}.df-ui-btn.df-active{background-color:#e7e7e7}.df-ui-btn.disabled,.df-ui-btn.disabled:hover{color:#bbb}.df-ui-btn span{display:none}.df-more-container{display:none;position:absolute;bottom:100%;margin-bottom:8px!important;right:10px;background-color:#f7f7f7;z-index:20;border-radius:5px;box-shadow:0 -1px 3px rgba(0,0,0,.2)}.df-more-container:before{content:" ";position:absolute;border:7px solid transparent;border-top-color:#eee;height:0;width:0;bottom:-14px;right:13px;margin-right:-8px;pointer-events:none}.df-more-container>.df-ui-btn{width:170px;text-align:left;padding:6px 8px;height:36px;border-top:1px solid #e4e4e4;border-radius:0;line-height:16px}.df-more-container>.df-ui-btn span{font-size:12px;padding-left:24px;vertical-align:middle;display:inline-block}.df-more-container>.df-ui-btn:before{position:absolute;top:7px;font-size:20px;width:1em;text-align:center}.df-more-container>.df-ui-btn:first-child{border-radius:5px 5px 0 0;border-top:none}.df-more-container>.df-ui-btn:last-child{border-radius:0 0 5px 5px}.df-ui-more.df-active .df-more-container{display:block}.df-ui-search.df-active .df-search-container{display:block;padding:5px}.df-ui-nav{top:50%;margin-top:-50px;position:absolute;opacity:.8;height:100px;font-size:36px;width:50px;z-index:2;cursor:pointer}.df-ui-nav:hover{opacity:1}.df-ui-nav .df-ui-btn{height:auto;height:initial;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;padding:15px 5px;width:auto;font-size:inherit;background-color:transparent!important}.df-ui-nav .df-ui-btn:before{color:#fff;filter:drop-shadow(0 0 3px rgb(0, 0, 0))}.df-ui-nav.df-ui-prev{left:0;right:auto;border-radius:0}.df-ui-nav.df-ui-prev .df-ui-btn{left:10px}.df-ui-nav.df-ui-prev .df-ui-btn:before{text-align:left}.df-ui-nav.df-ui-next{right:0}.df-ui-nav.df-ui-next .df-ui-btn{right:10px}.df-ui-nav.df-ui-next .df-ui-btn:before{text-align:right}.df-flipbook-2d,.df-flipbook-3d,.df-slider,.df-viewer-container,.df-zoomview{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;z-index:1}.df-flipbook-2d{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);-o-filter:blur(0);filter:blur(0)}.df-flipbook-2d .df-viewer-wrapper{position:relative;margin:0 auto;height:100%;-moz-transition:.3s left;-o-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}.df-flipbook-2d .df-book-shadow{position:absolute;z-index:-1;height:100%;display:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.df-page-content{overflow:hidden;opacity:.3}.df-page.df-loading:after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-page.df-loading .df-page-content{display:none}.df-page>canvas{width:100%;height:100%;position:relative;z-index:0}.df-page .df-page-content{position:absolute;height:100%;display:block;top:0;width:100%;z-index:1}.df-sheet{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}.df-sheet .df-page,.df-sheet .df-page-back,.df-sheet .df-page-front,.df-sheet .df-sheet-fold-inner-shadow,.df-sheet .df-sheet-fold-outer-shadow,.df-sheet .df-sheet-wrapper{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}.df-sheet .df-sheet-wrapper{overflow:hidden}.df-sheet .df-page{width:100%;height:100%;background-color:#fff;box-sizing:border-box;z-index:0;background-size:100% 100%}.df-sheet .df-page:before{content:"";position:absolute;display:block;top:0;width:15%;height:100%;z-index:5;opacity:.5;pointer-events:none}.df-sheet .df-page>canvas{z-index:-1}.df-sheet .df-page-front:before{left:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0))}.df-sheet .df-page-back:before{right:0;background-image:-webkit-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-moz-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-ms-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%)}.df-sheet.df-left-side{right:50%;-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right}.df-sheet.df-left-side .df-page-front{z-index:1}.df-sheet.df-left-side .df-page-back{z-index:2}.df-sheet.df-right-side{left:50%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left}.df-sheet.df-right-side .df-page-front{z-index:2}.df-sheet.df-right-side .df-page-back{z-index:1}.df-sheet .df-sheet-fold-inner-shadow{position:absolute;z-index:5;display:none}.df-sheet .df-sheet-fold-outer-shadow{z-index:-1;width:100%;height:100%}.df-sheet.df-flipping,.df-sheet.df-folding{z-index:200!important}.df-sheet.df-folding.df-left-side .df-page-front,.df-sheet.df-folding.df-right-side .df-page-back{z-index:3}.df-sheet.df-folding .df-sheet-fold-inner-shadow{display:block}.df-sheet.df-folding .df-page-content{display:none}.df-pending .df-page-content,.df-pendingresize .df-page-content{display:none!important}.df-sheet.df-left-side.df-folding:not(.df-hard-sheet) .df-page-front{z-index:3}.df-hard-sheet .df-sheet-wrapper{width:100%!important;height:100%!important;overflow:visible;transform-style:preserve-3d;-webkit-transform-origin:0 50% 0;-moz-transform-origin:0 50% 0;transform-origin:0 50% 0}.df-hard-sheet .df-sheet-fold-inner-shadow,.df-hard-sheet .df-sheet-fold-outer-shadow{display:none!important}.df-hard-sheet .df-page-back,.df-hard-sheet .df-page-front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.df-hard-sheet.df-right-side .df-page-back{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;transform-origin:right 50%;z-index:3!important}.df-hard-sheet.df-right-side .df-page-front{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;transform-origin:left 50%;z-index:4}.df-hard-sheet.df-left-side .df-page-back{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;transform-origin:right 50%}.df-hard-sheet.df-left-side .df-page-front{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;transform-origin:left 50%}.df-flipbook-3d.df-loading:after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-link-content,.df-text-content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none;width:auto!important;height:auto!important}.df-page-content.df-double-internal:not(.df-double-internal-fix)>div{right:-100%}.df-page-content.df-double-internal-fix>div{left:-100%}.annotationLayer section,.customHtmlAnnotation,.customLinkAnnotation,.customVideoAnnotation,.df-link-content section,.highlightAnnotation,.linkAnnotation,.popupAnnotation{position:absolute;z-index:5;cursor:pointer;pointer-events:all;border:none!important;padding:0!important;margin:0!important}section.popupAnnotation{display:none}.buttonWidgetAnnotation a,.customHtmlAnnotation,.customVideoAnnotation,a.customLinkAnnotation,a.df-autolink,a.linkAnnotation,section.linkAnnotation a{background-color:#ff0;display:block;height:100%;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.buttonWidgetAnnotation a:hover,.customHtmlAnnotation:hover,.customVideoAnnotation:hover,a.customLinkAnnotation:hover,a.df-autolink:hover,a.linkAnnotation:hover,section.linkAnnotation a:hover{border-color:transparent;background-color:#2196f3}a.df-autolink{display:inline;pointer-events:all;color:transparent!important}.df-sidemenu-wrapper{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:0;top:0;bottom:0;width:220px;position:absolute;z-index:3}.df-sidemenu-wrapper .df-sidemenu-buttons{z-index:6;position:relative;top:0;left:0;box-shadow:0 2px 5px rgba(0,0,0,.3)}.df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close{float:right;display:none;background-color:transparent;padding:6px 5px}.df-sidemenu-wrapper:before{content:" ";position:absolute;height:100%;width:100%;background-color:rgba(238,238,238,.9);z-index:3;left:0}.df-sidemenu-open .df-ui-nav.df-ui-prev{left:220px}.df-sidemenu-open .df-sidemenu-wrapper{display:block;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);left:0}.df-sidemenu-open .df-sidemenu-wrapper:before{box-shadow:1px 0 4px rgba(102,102,102,.38)}.df-sidemenu-open .df-sidemenu-buttons .df-ui-close{display:block}.df-sidemenu-open .df-flipbook-3d.df-loading:after{margin-left:99px}.df-sidemenu{width:100%;height:auto!important;position:absolute!important;top:0;bottom:0;z-index:3;opacity:0;color:#666;font-size:12px}.df-sidemenu>.df-wrapper{overflow:auto;position:absolute!important;top:40px;bottom:0;left:0;right:0;height:auto!important}.df-sidemenu.df-sidemenu-visible{opacity:1;z-index:5}.df-outline-container .df-wrapper{padding:10px}.df-outline-items>.df-outline-item{margin-left:18px}.df-outline-item a{color:inherit!important;text-decoration:none!important;display:block;padding:5px 0 5px 5px;overflow:hidden;text-overflow:ellipsis;border:none!important;box-shadow:none!important;margin-bottom:1px}.df-outline-item a:hover{text-decoration:underline!important;color:#2196f3!important}.df-outline-toggle{cursor:pointer;float:left;width:28px;padding:0 5px 0 10px;margin-left:-28px;text-align:center}.df-outline-toggle:before{content:"\e902";font-size:18px;font-family:dearflip}.df-outline-toggle.df-outlines-hidden:before{content:"\e901"}.df-outline-toggle.df-outlines-hidden~.df-outline-items{display:none}.df-outline-item a:hover,.df-outline-toggle:hover,.df-outline-toggle:hover+a,.df-outline-toggle:hover~.df-outline-items{background-color:rgba(100,100,100,.05)}.df-thumb{margin:0;cursor:pointer;width:100%;position:relative;text-align:center}.df-thumb .df-wrapper{box-sizing:content-box!important;margin:6px;border-radius:3px;transition:.2s background;display:inline-block;vertical-align:middle;border:2px dashed rgba(0,0,0,.3);position:relative}.df-thumb .df-wrapper .df-thumb-number{position:absolute;bottom:8px;background-color:rgba(238,238,238,.85);color:#444;font-size:14px;left:50%;transform:translateX(-50%);padding:5px;opacity:0}.df-thumb .df-bg-image{height:100%;background-size:100%;box-shadow:0 1px 4px rgba(0,0,0,.3)}.df-thumb.df-thumb-requested:before{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-thumb.df-thumb-loaded{height:auto!important}.df-thumb.df-thumb-loaded .df-wrapper{border:none;margin:0;padding:8px}.df-thumb.df-thumb-loaded:hover .df-wrapper .df-thumb-number{opacity:1}.df-thumb.df-selected .df-wrapper,.df-thumb.df-thumb-loaded:hover .df-wrapper{background-color:#ccc;background-color:rgba(0,0,0,.1);opacity:1}.df-lightbox-wrapper{position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0;z-index:99999}.df-lightbox-wrapper.df-lightbox-padded{top:20px;left:20px;bottom:20px;right:20px}.df-lightbox-wrapper .df-lightbox-bg{background:#eee;position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0}.df-lightbox-wrapper .df-lightbox-controls{float:right;padding:5px;z-index:1000;position:relative}.df-lightbox-wrapper .df-app{position:absolute!important;width:100%;top:0;bottom:0;height:auto!important}.df-lightbox-wrapper .df-container.df-transparent{height:100%}.df-lightbox-wrapper .df-lightbox-close{float:right;text-align:center;font-size:32px;padding:8px 0;height:48px;width:46px;cursor:pointer;color:#444;border-color:transparent;background-color:transparent;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;opacity:.8}.df-lightbox-wrapper .df-lightbox-close:hover{color:#fff;background-color:rgba(0,0,0,.21);border-color:#000;opacity:1}.df-lightbox-wrapper .df-lightbox-close:before{color:#fff;filter:drop-shadow(0 0 3px black)}.df-share-wrapper{z-index:2;position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.35);display:none}.df-share-box{position:absolute;top:50%;width:280px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);left:50%;background-color:#fff;border-radius:10px;padding:10px 15px 5px;text-align:center}span.df-share-title{color:#777;margin-bottom:10px;display:block}.df-share-url{background-color:#fff;height:60px;color:#666;padding:2px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:100%;font-size:12px;box-sizing:border-box;margin-bottom:0}.df-share-button{display:inline-block;text-align:center;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:5px 10px;font-size:20px;color:#aaa}.df-share-button:hover{color:#444}.df-reader{overflow:auto;position:absolute;-webkit-overflow-scrolling:touch}.df-reader .df-viewer-wrapper{cursor:grab}.df-reader .df-page{position:relative;transform-origin:initial;margin:-10px auto -10px;border:10px solid transparent;left:auto;left:initial;box-sizing:content-box!important}.df-reader .df-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.df-reader~.df-ui-nav{display:none}.df-reader:not(.df-noscroll){margin-right:-12px}.df-reader-scrollbar{position:absolute;top:0;height:auto;right:0;width:auto;background:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.3);border-radius:20px 0 0 20px;padding:6px 8px 6px 12px;z-index:100;cursor:ns-resize}.df-reader-scrollbar.df-active,.df-reader-scrollbar:hover{background-color:#fff}.df-reader-scroll-page-number{display:none;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:#ddd;border-radius:10px;padding:20px;font-size:24px;z-index:100;text-align:center;color:#333}.df-reader-scroll-page-number.df-active{display:block}.df-reader-scroll-page-number div{margin-top:6px;padding-top:6px;border-top:1px solid #aaa;font-size:16px;font-style:italic}.df-ios .df-viewer.df-reader{margin-right:0}.df-no-transition{-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important}.df-float .df-ui{bottom:10px;width:auto;width:intial;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;margin:0 auto;display:table;display:flex;border-radius:5px}.df-float .df-ui>.df-ui-btn:first-child{border-radius:5px 0 0 5px}.df-float .df-ui>.df-ui-btn:last-child{border-radius:0 5px 5px 0}.df-controls-top .df-ui{bottom:auto;bottom:intial;top:0}.df-controls-top.df-float .df-ui{top:10px}.df-controls-top .df-more-container{bottom:auto;top:100%;margin:8px 0 0!important}.df-controls-top .df-more-container:before{border-bottom-color:#eee;border-top:0;bottom:auto;top:-7px}.df-controls-hidden .df-ui{display:none}.df-float-off.df-controls-top .df-sidemenu-wrapper{top:42px;bottom:0}.df-float-off.df-controls-bottom .df-sidemenu-wrapper{top:0;bottom:42px}.df-float-off .df-ui-left{justify-content:flex-start;display:flex;flex:1}.df-float-off .df-ui-right{justify-content:flex-end;display:flex;flex:1}.df-float-off .df-ui-center{display:flex;justify-content:center;align-items:center}.df-float-off .df-ui{display:flex}.df-link-content .annotationTextContent{color:transparent}.df-link-content .popupWrapper{position:absolute;width:20em}.df-link-content .popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.df-link-content .popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.df-link-content .popup p{padding-top:.2em}body.df-lightbox-open,html.df-lightbox-open{overflow:hidden!important}.df-zoomview{display:none;cursor:move}.df-zoomview .df-viewer-wrapper{position:relative;margin:0 auto}.df-zoomview .df-viewer-wrapper .df-book-shadow{position:absolute;z-index:-1;height:100%;display:none;-webkit-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);-moz-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);box-shadow:0 1px 15px 1px rgba(0,0,0,.5)}.df-zoomview .df-page{position:absolute;top:0;right:50%;background-color:#fff}.df-zoomview .df-page:before{width:10%;opacity:.5}.df-zoomview .df-page.df-page-front{left:50%}.df-zoom-active .df-viewer{cursor:move;cursor:-webkit-grab}.df-zoom-active .df-flipbook{display:none}.df-zoom-active .df-zoomview{display:block}.df-hybrid-viewer .df-zoomview .df-page:before{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-flipbook.df-loading+.df-zoomview{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview{display:block;pointer-events:none}.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview .df-page:before{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-hybrid-viewer:not(.df-zoom-active).df-hide-zoomview .df-zoomview,.df-hybrid-viewer:not(.df-zoom-active).df-pending .df-zoomview,.df-hybrid-viewer:not(.df-zoom-active).df-pendingresize .df-zoomview{display:none}.df-container ::-webkit-scrollbar{width:12px;height:12px;cursor:pointer}.df-container ::-webkit-scrollbar-button{height:0;width:0;cursor:pointer}.df-container ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:50px}.df-container ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}.df-container ::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.8)}.df-container ::-webkit-scrollbar-thumb,.df-container ::-webkit-scrollbar-thumb:active,.df-container ::-webkit-scrollbar-thumb:hover{border-right:1px;border-left:1px;border-style:solid;border-color:transparent}.df-container ::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:50px}.df-container ::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.1)}.df-container ::-webkit-scrollbar-track:active{background:rgba(0,0,0,.15)}.df-container ::-webkit-scrollbar-corner{background:0 0}.df-sidemenu-wrapper ::-webkit-scrollbar{width:10px}.df-container.df-transparent.df-fullscreen{background:#aaa}.df-container.df-fullscreen{position:fixed!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:2147483647}.df-container.df-rtl .df-sidemenu-wrapper{left:auto;left:initial;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);right:-50px;direction:rtl}.df-container.df-rtl input.df-search-text{padding:0 15px 0 45px}.df-container.df-rtl .df-sidemenu-title{text-align:right}.df-container.df-rtl .df-search-clear{right:auto;left:60px}.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);right:0}.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close{float:left}.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-prev{left:0}.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-next{right:220px}.df-container.df-rtl.df-sidemenu-open .df-flipbook-3d.df-loading:after{margin-left:-122px}.df-container.df-rtl .df-outline-item{margin:0 18px 0 0;text-align:right;direction:rtl}.df-container.df-rtl .df-outline-item .df-outline-toggle{float:right;margin:0 -18px 0 0}.df-container.df-rtl .df-outline-item .df-outline-toggle.df-outlines-hidden:before{content:"\e900"}.df-container.df-rtl .df-viewer .df-3dcanvas{left:0;right:auto;right:initial}.df-container.df-rtl .df-more-container .df-ui-btn{text-align:right;direction:rtl}.df-container.df-rtl .df-more-container .df-ui-btn:before{right:10px}.df-container.df-rtl .df-more-container .df-ui-btn span{padding:0 24px 0 0}.df-lightbox-wrapper.df-rtl .df-lightbox-controls{float:left}.df-element[data-df-lightbox],.df-element[data-lightbox]{cursor:pointer}.df-popup-thumb{display:inline-block;box-sizing:border-box;margin:30px 15px 15px!important;text-align:center;border:0;width:140px;height:auto;word-break:break-word;vertical-align:bottom;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-moz-perspective:800px;perspective:800px}.df-popup-thumb .df-book-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.2s;box-shadow:2px 0 4px rgba(0,0,0,.2);transform-origin:30%;background-color:#fff;width:100%;display:inline-block}.df-popup-thumb .df-book-page1,.df-popup-thumb .df-book-page2{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;background-color:#fff;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;z-index:1}.df-popup-thumb .df-book-cover{background-size:100% 100%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;top:0;position:relative;overflow:hidden;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;box-shadow:0 10px 10px rgba(0,0,0,.24);z-index:1}.df-popup-thumb .df-book-cover.df-thumb-not-found{height:200px;position:relative}.df-popup-thumb.df-has-ridge .df-book-cover:after{display:block;content:" ";height:100%;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.15) 1%,rgba(0,0,0,.15) 3%,rgba(255,255,255,.15) 5%,rgba(255,255,255,0) 7%);box-shadow:inset 0 -1px 3px 0 rgba(80,80,80,.5490196078);z-index:3;position:absolute;top:0;left:0}.df-popup-thumb .df-book-title{bottom:-100%;position:absolute;width:100%;left:0;padding:5px;font-size:.75em;background:rgba(255,255,255,.9);box-sizing:border-box;display:block;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;opacity:0}.df-popup-thumb img{display:block;width:100%;height:auto;margin:0!important;padding:0!important;border:0!important}.df-popup-thumb.df-thumb-not-found .df-book-title,.df-popup-thumb.df-tl-book-title-fixed .df-book-title,.df-popup-thumb:hover .df-book-title{opacity:1;bottom:0}.df-popup-thumb.df-tl-book-title-fixed .df-book-title,.df-popup-thumb.df-tl-book-title-top .df-book-title{opacity:1;position:relative}.df-popup-thumb.df-thumb-not-found .df-book-wrapper{width:100%}.df-popup-thumb.df-tl-book-title-bottom .df-thumb-not-found,.df-popup-thumb.df-tl-cover-title .df-thumb-not-found{height:170px}.df-popup-thumb.df-tl-book-title-bottom .df-book-wrapper,.df-popup-thumb.df-tl-cover-title .df-book-wrapper{position:relative;z-index:1}.df-popup-thumb.df-tl-book-title-bottom .df-book-title,.df-popup-thumb.df-tl-cover-title .df-book-title{position:relative;bottom:0;opacity:1;height:3em;background:0 0}.df-popup-thumb:hover .df-book-page1{transform:rotateY(-8deg) rotateZ(0);box-shadow:2px 0 4px rgba(0,0,0,.2)}.df-popup-thumb:hover .df-book-page2{transform:rotateY(-14deg) rotateZ(0);box-shadow:2px 0 4px rgba(0,0,0,.2)}.df-popup-thumb:hover .df-book-wrapper{transform:rotateY(-15deg) rotateZ(0)}.df-popup-thumb:hover .df-book-cover{-webkit-transform:rotateY(-18deg) rotateZ(0);-moz-transform:rotateY(-18deg) rotateZ(0);-ms-transform:rotateY(-18deg) rotateZ(0);transform:rotateY(-18deg) rotateZ(0)}.df-popup-thumb.df-tl-cover-title .df-book-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.3)}.df-popup-thumb.df-tl-cover-title .df-book-cover{box-shadow:none}.df-popup-thumb.df-tl-cover-title .df-book-cover:after{display:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-wrapper{box-shadow:0 5px 20px rgba(0,0,0,.5);transform:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-cover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;box-shadow:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-page1,.df-popup-thumb.df-tl-cover-title:hover .df-book-page2{display:none}.df-popup-button{width:auto;display:inline-block;background:#ddd;border-radius:5px;padding:5px 15px;margin:5px;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background}.df-popup-button:hover{background:#aaa}.df-popup-hidden{display:none}.df-icon-play-popup{position:relative}.df-icon-play-popup:before{top:50%;position:absolute;left:50%;font-size:40px;background:#777;border-radius:50%;padding:10px;box-shadow:0 1px 5px #777;margin-top:-30px;margin-left:-30px;display:block;color:#fff;z-index:1;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;pointer-events:none}.df-icon-play-popup:hover:before{opacity:0}.df-posts{max-width:1140px;margin:0 auto}.df-posts>.df-popup-thumb{width:calc(20% - 30px);min-width:100px;position:relative;z-index:1}df-post-shelf{display:none;height:160px;background-color:transparent;z-index:0;margin:-105px -40px -40px -40px;position:relative;background-repeat:no-repeat}df-post-shelf:nth-of-type(5n){display:block}df-post-shelf:after{content:" ";height:160px;display:block;position:absolute;bottom:0;right:0;width:240px;z-index:1;background-position:0 -160px;background-repeat:no-repeat;background-image:inherit;background-size:inherit}df-post-shelf:before{content:" ";display:block;position:absolute;left:240px;bottom:0;right:240px;height:160px;z-index:1;background-image:inherit;background-size:inherit;background-repeat:repeat-x;background-position:0 -320px}.df-posts.df-has-shelf{padding:0 40px 50px 40px}@media screen and (max-width:1100px){.df-posts>.df-popup-thumb{width:calc(25% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(4n){display:block}}@media screen and (max-width:900px){.df-posts>.df-popup-thumb{width:calc(33% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(3n){display:block}}@media screen and (max-width:600px){.df-posts>.df-popup-thumb{width:calc(50% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(2n){display:block}df-post-shelf{background-size:120px 480px}df-post-shelf:before{left:120px;right:120px}df-post-shelf:after{width:120px}}@media screen and (max-width:420px){.df-popup-thumb,.df-posts>.df-popup-thumb{width:calc(100% - 30px)}df-post-shelf:nth-of-type(n){display:block}}df-post-shelf:last-of-type{display:block}.df-posts{container-type:inline-size;container-name:dfposts;width:100%;box-sizing:border-box!important}@container dfposts (max-width:1020px){.df-posts>.df-popup-thumb{width:calc(25% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(4n){display:block}}@container dfposts (max-width:820px){.df-posts>.df-popup-thumb{width:calc(33% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(3n){display:block}}@container dfposts (max-width:520px){.df-posts>.df-popup-thumb{width:calc(50% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(2n){display:block}df-post-shelf{background-size:120px 480px}df-post-shelf:before{left:120px;right:120px}df-post-shelf:after{width:120px}}@container dfposts (max-width:320px){.df-posts>.df-popup-thumb{width:calc(100% - 30px)}df-post-shelf:nth-of-type(n){display:block}}@container dfposts (max-width:150px){.df-posts.df-has-shelf>.df-popup-thumb{width:100%;margin:30px -35px 15px!important}}df-post-shelf:last-of-type{display:block}.df-page-content{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.df-auto-link-content,.df-text-content{line-height:1;transform-origin:top left}.df-auto-link-content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.df-auto-link-content span,.df-text-content br,.df-text-content span{color:transparent!important;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.df-auto-link-content>span{overflow:hidden}.df-text-content .highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.df-text-content .highlight.appended{position:initial}.df-text-content .highlight.begin{border-radius:4px 0 0 4px}.df-text-content .highlight.end{border-radius:0 4px 4px 0}.df-text-content .highlight.middle{border-radius:0}.df-text-content .highlight.selected{background-color:#006400}.df-text-content .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-text-content .endOfContent.active{top:0}body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:32px}@media screen and (max-width:782px){body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:46px}}@media screen and (max-width:600px){body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:0}}.df-single-content{width:100%}.df-link-content section.textWidgetAnnotation{display:none}.df-link-content :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.df-viewer::-webkit-scrollbar-button{height:50px}.df-viewer::-webkit-scrollbar-thumb{min-height:50px}.df-container .df-reader ::-webkit-scrollbar-thumb,.df-container .df-reader ::-webkit-scrollbar-track{background:0 0}.df-container.df-pinch-zoom ::-webkit-scrollbar-thumb,.df-container.df-pinch-zoom ::-webkit-scrollbar-track{background:0 0}.df-container.df-pinch-zoom .df-page-content{display:none}section.squareAnnotation .popupWrapper,section.textAnnotation .popupWrapper{display:none}section.squareAnnotation svg,section.textAnnotation svg{display:block}.df-comment-popup{display:none;position:absolute;width:360px;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;z-index:9;padding:10px;word-break:break-word}.df-comment-popup.df-active{display:block}.df-comment-popup .popup{background-color:transparent!important}.df-comment-popup p{margin:0}.df-comment-popup h1{padding-bottom:5px;border-bottom:1px solid;margin-top:0;font-size:1em}.df-sidemenu-wrapper.df-sidemenu-center{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;display:none;top:auto;height:360px;bottom:52px}.df-sidemenu-center .df-sidemenu-buttons{box-shadow:none;text-align:center}.df-sidemenu-center .df-sidemenu-buttons .df-icon-close{display:block;margin:-55px auto 0 auto;float:none;border-radius:50px;width:44px}.df-sidemenu-wrapper.df-sidemenu-center:before{background-color:rgba(255,255,255,.9)}.df-sidemenu-open .df-sidemenu-wrapper.df-sidemenu-center{display:block}.df-sidemenu-center .sidemenu,.df-sidemenu-center:before{border-radius:10px 10px 0 0}.df-slider{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);-o-filter:blur(0);filter:blur(0)}.df-slider .df-viewer-wrapper{position:relative;margin:0 auto;height:100%;-moz-transition:.3s left;-o-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}.df-slider .df-sheet{-moz-transition:transform .5s;-o-transition:transform .5s;-webkit-transition:transform .5s;transition:transform .5s}.df-slider .df-sheet.df-left-side,.df-slider .df-sheet.df-right-side{left:50%!important}.df-slider .df-sheet:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.df-slider .df-page:before{display:none}.df-slider .df-page.df-page-front{z-index:3}.df-slider+.df-zoomview .df-page:before{display:none}.df-has-shelf df-post-shelf{background:0 0;perspective:400px;margin:5px 0 30px 0;height:0;box-shadow:0 5px 40px 15px rgba(0,0,0,.3137254902)}.df-has-shelf df-post-shelf:after,.df-has-shelf df-post-shelf:before{background-size:auto;left:-40px;right:-40px;width:auto;background-repeat:repeat-x;transform-style:preserve-3d;background-position:0 0}.df-has-shelf df-post-shelf:before{transform:translateY(-15px) rotateX(50deg);height:50px;transform-origin:bottom;box-shadow:inset 0 3px 15px 0 rgba(0,0,0,.6117647059)}.df-has-shelf df-post-shelf:after{transform:translateZ(0);height:15px;box-shadow:inset 0 3px 3px rgba(243,243,243,.3215686275);background-position:0 -50px}.df-search-highlight{position:relative!important;background-color:#00f}.df-search-results{top:125px!important;padding:0 10px 10px}.df-search-result{color:inherit!important;text-decoration:none!important;overflow:hidden;border:none!important;box-shadow:none!important;margin-bottom:1px;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.df-search-result.df-active,.df-search-result:hover{background-color:rgba(100,100,100,.2)}.df-sidemenu-title{padding:8px 20px;text-transform:uppercase;text-align:left}.df-search-hits{z-index:10;display:none}.df-search-open .df-search-hits{display:inline-block}.df-search-form{display:flex;padding:10px;position:relative}.df-search-clear{position:absolute;right:55px;top:22px;cursor:pointer;display:none}input.df-search-text{flex-grow:1;margin:0;border-radius:4px 0 0 4px;outline:0;border:0;height:40px;padding:0 45px 0 15px;width:100%}input.df-search-text:not(:placeholder-shown)~a.df-search-clear{display:block}.df-ui-btn.df-search-btn{height:40px;padding:10px;background-color:#f7f7f7}.df-search-info{padding:5px 20px}.df-searching .df-search-info{background-repeat:no-repeat;background-size:24px;background-position:176px}.df-popup-thumb img.df-lazy{transform:scale(1.2);opacity:.5}@media (prefers-reduced-motion:no-preference){.df-popup-thumb img{transition:opacity 1.5s ease,transform 1.5s ease}}.df-trigger{cursor:pointer}.df-element[data-df-lightbox],.df-element[data-lightbox]{position:relative}.rtl .df-popup-thumb .df-book-cover,.rtl .df-popup-thumb .df-book-page1,.rtl .df-popup-thumb .df-book-page2{transform-origin:right}.rtl .df-popup-thumb:hover .df-book-cover{transform:rotateY(18deg) rotateZ(0)}.rtl .df-popup-thumb:hover .df-book-page2{transform:rotateY(14deg) rotateZ(0);box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb:hover .df-book-page1{transform:rotateY(8deg) rotateZ(0);box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb:hover .df-book-wrapper{transform:rotateY(15deg) rotateZ(0);transform-origin:70%!important;box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb .df-book-cover:after{transform:scaleX(-1)}.df-posts [skip-parse]{display:none}.df-posts{text-align:center;position:relative}.df-load-more-button-wrapper{text-align:center;display:none;margin-top:20px}.df-posts [skip-parse]~.df-load-more-button-wrapper{display:block}.df-load-more-button{padding:10px 15px;display:inline-block;margin:0 auto;cursor:pointer;background:#0085ba;color:#fff}._df_book{min-height:400px}.dpdpa--popup{visibility:hidden;position:fixed;left:0;right:0;bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);background-color:#fff;padding:15px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.25);box-shadow:0 2px 5px 0 rgba(0,0,0,0.25);line-height:1.6;z-index:9999999997;-webkit-transition:1s all;-o-transition:1s all;transition:1s all}.dpdpa--popup .container{max-width:1200px;margin:auto}.dpdpa--popup-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.dpdpa--popup.active{visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.dpdpa--popup.hide-close .dpdpa--popup-close{display:none}.dpdpa--popup.hide-close .dpdpa--popup-button-group{padding-right:0}.dpdpa--popup-settings{display:inline-block;margin-right:20px}.dpdpa--popup-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:2em;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dpdpa--popup-text p{margin:0;font-size:14px;line-height:1.5;color:#444}.dpdpa--popup-text a{display:inline-block;margin:0 1px;color:#3860BE;font-weight:500}.dpdpa--popup-text a:hover{text-decoration:underline;color:#2c4c97}.dpdpa--popup-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:30px}.dpdpa--popup-button-group a{margin-right:15px}.dpdpa--popup-button-group a:last-child{margin-right:0}a.dpdpa--popup-button{display:inline-block;padding:8px 20px;font-size:14px;font-weight:bold;text-align:center;border-radius:3px;background-color:#3860BE;color:#fff;text-decoration:none;clear:both;white-space:nowrap}a.dpdpa--popup-button:hover,a.dpdpa--popup-button:visited{color:#fff;text-decoration:none;background-color:#3256aa;-webkit-transition:0.2 all;-o-transition:0.2 all;transition:0.2 all}.dpdpa--popup-bg{visibility:hidden;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3)!important;z-index:9999999998;-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;cursor:pointer}.dpdpa--popup-bg.active{visibility:visible;opacity:1}.dpdpa--popup-sidebar{visibility:hidden;overflow:hidden;opacity:0;background-color:#ffffff;position:fixed;top:0;left:0;right:auto;bottom:0;width:100%;max-width:400px;z-index:9999999999;-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);transform:translateX(-400px)}.dpdpa--popup-sidebar.active{-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);visibility:visible;opacity:1}.dpdpa--popup-sidebar.dark .cookie--list-box,.dpdpa--popup-sidebar.dark .dpdpa--popup-cookie-link,.dpdpa--popup-sidebar.dark .dpdpa--popup-cookie-title{color:#fff}.dpdpa--popup-sidebar.dark .dpdpa--popup-cookie-detail{background-color:#303133}.dpdpa--popup-sidebar.dark .cookie--list-box{border-color:#525252}.dpdpa--popup-sidebar.dark .dpdpa--popup-cookie-back svg polygon{fill:#fff}.dpdpa--popup-close:before,.dpdpa--popup-settings-close:before{display:inline-block;content:"";width:10px;height:10px;background:url(//www.cri.or.th/wp-content/plugins/designil-pdpa/public/assets/images/close.svg) no-repeat 0 0;background-size:cover}.dpdpa--popup-close:hover:before,.dpdpa--popup-settings-close:hover:before{width:10px;height:10px;background:url(//www.cri.or.th/wp-content/plugins/designil-pdpa/public/assets/images/close.svg) no-repeat 0 0;background-size:cover}.dpdpa--popup-close{position:absolute;top:50%;right:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:20px}.dpdpa--popup-settings-close{display:inline-block;position:absolute;right:30px;top:45%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:2}.dpdpa--popup-sidebar-container{line-height:1.7;position:absolute;top:60px;left:1em;right:0;bottom:1em;padding-top:1em;padding-right:1em;overflow-y:auto}.dpdpa--popup-sidebar-header{position:relative;background:#fff;z-index:2}.dpdpa--popup-logo{min-height:60px;padding:12px 15px 12px 20px;border-bottom:1px solid #E9E9E9;-webkit-box-sizing:border-box;box-sizing:border-box}.dpdpa--popup-logo img{width:auto!important;max-height:35px}.dpdpa--popup-section{padding-bottom:15px}.dpdpa--popup-section em{font-style:normal;font-weight:500;font-size:19px;line-height:1;color:#444}.dpdpa--popup-section p{font-size:14px;line-height:1.6;margin:10px 0 15px;color:#444}.dpdpa--popup-section .dpdpa--popup-button{margin-top:10px}.dpdpa--popup-section.intro{border-bottom:1px solid #ddd;padding-bottom:1em}.dpdpa--popup-section.list{margin-top:1em}.dpdpa--popup-list{padding:0;margin:1em 0 0 0}.dpdpa--popup-list li{list-style:none;margin-top:1em}.dpdpa--popup-list li:first-child{margin-top:0.5em}.dpdpa--popup-list p{font-size:13px;line-height:1.6}.dpdpa--popup-header{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;font-size:15px;line-height:1.5;color:#444}.dpdpa--popup-action{padding-left:10px;padding-top:5px;text-align:right;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dpdpa--popup-action.text{padding-top:0;white-space:nowrap;color:#3860BE}.dpdpa--popup-switch{position:relative;display:inline-block;width:55px;height:28px}.dpdpa--popup-switch input{opacity:0;width:0;height:0}.dpdpa--popup-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#F2F1F1;border:1px solid #DDDDDD;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.dpdpa--popup-slider:before{position:absolute;content:"";height:18px;width:18px;left:5px;bottom:4px;background-color:#bbb;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.dpdpa--popup-switch input:checked+.dpdpa--popup-slider{background-color:rgba(56,96,190,0.2);border-color:#3860BE}.dpdpa--popup-switch input:focus+.dpdpa--popup-slider{-webkit-box-shadow:0 0 1px #2196F3;box-shadow:0 0 1px #2196F3}.dpdpa--popup-switch input:checked+.dpdpa--popup-slider:before{background-color:#3860BE;-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.dpdpa--alwayson{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;left:1em;bottom:1em;right:auto;-webkit-box-shadow:0 0px 3px rgba(0,0,0,0.15);box-shadow:0 0px 3px rgba(0,0,0,0.15);border-radius:100%;width:40px;height:40px;padding:0;-webkit-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;border:1px solid #dadada;background-color:#fff;opacity:0;visibility:hidden;cursor:pointer;z-index:999999996}.dpdpa--alwayson:before{display:block;content:"";width:30px;height:31px;background-image:url(//www.cri.or.th/wp-content/plugins/designil-pdpa/public/assets/images/cookie.svg);background-size:cover;-webkit-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out}.dpdpa--alwayson:hover:before{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.dpdpa--alwayson:active:before{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.dpdpa--alwayson.active{opacity:1;visibility:visible}.dpdpa--popup-slider.round{border-radius:34px}.dpdpa--popup-slider.round:before{border-radius:50%}.dpdpa--popup-cookie-link{display:inline-block;width:auto;margin-top:10px}.dpdpa--popup-cookie-detail{visibility:hidden;padding:20px 15px 15px 20px;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:3;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;overflow:auto}.dpdpa--popup-cookie-detail.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible}.dpdpa--popup-cookie-title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:19px;font-weight:500;gap:10px}.dpdpa--popup-cookie-title a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dpdpa--popup-cookie-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-top:26px}.cookie--list-box{padding:12px 16px;border-bottom:1px solid #000;border-radius:4px;border:1px solid #888;display:none}.cookie--list-box.active{display:block}.cookie--list-box .meta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;font-size:13px;margin-bottom:2px}.cookie--list-box .label{font-weight:700;width:80px;min-width:80px}.dpdpa--popup-cookie-back{margin-left:-5px}@media only screen and (max-width:860px){.dpdpa--popup{padding:1em;max-width:480px;margin:auto;left:1em;right:1em;bottom:1em;border-radius:6px}.dpdpa--popup.hide-close .dpdpa--popup-text{padding-right:0}.dpdpa--popup-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dpdpa--popup-text{padding-right:30px}.dpdpa--popup-text p{line-height:1.6}.dpdpa--popup-button-group{margin-top:12px;padding-right:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dpdpa--popup-close{top:-5px;right:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@media only screen and (max-width:782px){.logged-in .dpdpa--popup-sidebar{top:46px}}@media only screen and (max-width:600px){.logged-in .dpdpa--popup-sidebar{top:0}}.dpdpa--popup-text a, .dpdpa--popup-text a:visited { color: #294599; }.dpdpa--popup-text a:hover { color: #253E8B; }.dpdpa--popup-action.text, .dpdpa--popup-cookie-link, .dpdpa--popup-cookie-link:hover, .dpdpa--popup-cookie-link:active { color: #294599; }a.dpdpa--popup-button, a.dpdpa--popup-button, a.dpdpa--popup-button:visited  { background-color: #294599; }a.dpdpa--popup-button:hover { background-color: #253E8B; }a.dpdpa--popup-button.accept { background-color: #e94425; }a.dpdpa--popup-button.accept:hover { background-color: #D33D21; }.dpdpa--popup-switch input:checked + .dpdpa--popup-slider { background-color: rgba(41,69,153, 0.3); border-color: #294599; }.dpdpa--popup-switch input:checked + .dpdpa--popup-slider:before { background-color: #294599; }#heateor_sss_error{color:red;margin:7px 0}#heateor_sss_sharing_more_providers .filter svg{position:absolute;left:16px;top:18px}div.heateor_sss_sharing_ul a:link,div.heateor_sss_sharing_ul a:focus{text-decoration:none;background:transparent!important}.heateor_sss_login_container{margin:2px 0}.heateor_sss_login_container img,.heateor_sss_sharing_container img{cursor:pointer;margin:2px;border:none}.heateor_sss_login_container img{display:none;float:left}#heateor_sss_loading_image{display:block!important;float:none}.heateor_sss_error{background-color:#ffffe0;border:1px solid #e6db55;padding:5px;margin:10px}#heateor_sss_sharing_more_providers{position:fixed;top:50%;left:47%;background:#fafafa;width:650px;margin:-180px 0 0 -300px;z-index:10000000;text-shadow:none!important;height:308px}#heateor_sss_mastodon_popup_bg,#heateor_sss_popup_bg{background:url(//www.cri.or.th/wp-content/plugins/sassy-social-share/images/transparent_bg.png);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}#heateor_sss_sharing_more_providers .title{font-size:14px!important;height:auto!important;background:#58b8f8!important;border-bottom:1px solid #d7d7d7!important;color:#fff;font-weight:700;letter-spacing:inherit;line-height:34px!important;padding:0!important;text-align:center;text-transform:none;margin:0!important;text-shadow:none!important;width:100%}#heateor_sss_sharing_more_providers *{font-family:Arial,Helvetica,sans-serif}#heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content{background:#fafafa;border-radius:4px;color:#555;height:auto;width:100%}#heateor_sss_sharing_more_providers .filter{margin:0;padding:10px 0 0;position:relative;width:100%}#heateor_sss_sharing_more_providers .all-services{clear:both;height:250px;overflow:auto}#heateor_sss_sharing_more_content .all-services ul{display:block;margin:10px!important;overflow:hidden;list-style:none;padding-left:0!important;position:static!important;width:auto!important}#heateor_sss_sharing_more_content .all-services ul li{padding:0;margin:0 0 0 5px;background:0 0!important;float:left;width:24.1%;text-align:left!important}#heateor_sss_sharing_more_providers .close-button img{margin:0}#heateor_sss_sharing_more_providers .close-button.separated{background:0 0!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;z-index:1000}#heateor_sss_sharing_more_providers .close-button{height:auto!important;width:auto!important;left:auto!important;display:block!important;color:#555!important;cursor:pointer!important;font-size:29px!important;line-height:29px!important;margin:0!important;padding:0!important;position:absolute;right:-16px;top:-16px}#heateor_sss_sharing_more_providers .filter input.search{width:96%;display:block;float:none;font-family:"open sans","helvetica neue",helvetica,arial,sans-serif;font-weight:300;height:auto;line-height:inherit;margin:0 11px;padding:5px 8px 5px 27px!important;border:1px solid #ccc!important;color:#000;background:#fff!important;font-size:16px!important;text-align:left!important;max-width:-webkit-fill-available;line-height:1}#heateor_sss_sharing_more_providers .footer-panel{background:#fff;border-top:1px solid #d7d7d7;padding:6px 0;width:100%;color:#fff}#heateor_sss_sharing_more_providers .footer-panel p{background-color:transparent;top:0;text-align:left!important;color:#000;font-family:'helvetica neue',arial,helvetica,sans-serif;font-size:12px;line-height:1.2;margin:0!important;padding:0 6px!important;text-indent:0!important}#heateor_sss_sharing_more_providers .footer-panel a{color:#fff;text-decoration:none;font-weight:700;text-indent:0!important}#heateor_sss_sharing_more_providers .all-services ul li a span{width:51%}#heateor_sss_sharing_more_providers .all-services ul li a{border-radius:3px;color:#666!important;display:block;font-size:12px;height:auto;line-height:20px;overflow:hidden;padding:8px 8px 8px 1px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;border:none!important;text-indent:0!important;background:0 0!important;text-shadow:none}.heateor_sss_share_count{display:block;text-indent:0!important;visibility:hidden;background-color:#58b8f8!important;width:5px;height:auto;text-align:center;min-width:8px!important;padding:1px 4px!important;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important;font-size:10px!important;font-weight:600!important;-webkit-border-radius:15px!important;border-radius:15px!important;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2);line-height:14px!important;border:2px solid #fff!important;z-index:1;margin:2px auto!important;box-sizing:content-box!important}.heateor_sss_share_count,.heateor_sss_vertical_sharing{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}div.heateor_sss_follow_ul,div.heateor_sss_sharing_ul{padding-left:0!important;margin:1px 0!important}#heateor_sss_mastodon_popup_close img,#heateor_sss_sharing_popup_close img{opacity:1!important;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;width:auto!important;height:auto!important;top:inherit!important;right:inherit!important;left:9px!important;padding:0!important}div.heateor_sss_follow_ul .heateorSssSharingRound,div.heateor_sss_sharing_ul .heateorSssSharingRound{background:0 0!important}.heateor_sss_square_count{display:none;text-align:center;font-weight:bolder;font-family:sans-serif;font-style:normal;font-size:.6em;visibility:hidden}div.heateor_sss_follow_ul a,div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{float:left;padding:0!important;list-style:none!important;border:none!important;margin:2px}.heateorSssSharing,.heateorSssSharingButton{display:block;cursor:pointer;margin:2px}div.heateor_sss_follow_ul a:before,div.heateor_sss_sharing_ul a:before{content:none!important}div.heateor_sss_follow_ul a{width:auto}.heateor_sss_vertical_sharing{background:0 0;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1);position:fixed;overflow:visible;z-index:10000000;display:block;padding:10px;border-radius:4px;opacity:1;box-sizing:content-box!important}div.heateor_sss_horizontal_counter li.heateor_sss_facebook_share,div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_share{width:96px}li.heateor_sss_facebook_like .fb-like span,li.heateor_sss_facebook_recommend .fb-like span,li.heateor_sss_facebook_share .fb-share-button span{vertical-align:top!important}li.heateor_sss_facebook_like .fb-like span iframe,li.heateor_sss_facebook_recommend .fb-like span iframe{max-width:none!important;z-index:1000}.heateor_sss_counter_container li{height:21px}.heateorSssTCBackground:hover{border-width:0!important;background-color:transparent}.heateorSssTCBackground{border-width:0!important;background-color:transparent!important;font-style:normal;word-wrap:normal;color:#666;line-height:1;visibility:hidden}.heateorSssSharingSvg{width:100%;height:100%}.heateorSssSharing{float:left;border:none}.heateorSssSharingArrow{height:16px;width:16px;cursor:pointer;margin-top:10px}.heateorSssPushIn{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%207%206%20q%202%206%2010%206%20v%20-6%20l%206%209%20l%20-6%209%20v%20-6%20q%20-10%202%20-10%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssPullOut{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%2023%206%20q%20-2%206%20-10%206%20v%20-6%20l%20-6%209%20l%206%209%20v%20-6%20q%2010%202%2010%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssCommentingTabs li{padding-left:0!important;float:left;margin:0 1em 0 0 !important;list-style:none;color:#aaa;display:block;cursor:pointer;font-size:.85em}div.heateorSssTotalShareCount{word-wrap:normal!important;font-weight:bolder;font-family:sans-serif;padding:0;margin:0;text-align:center}div.heateorSssTotalShareText{word-wrap:normal!important;margin:0;padding:0;text-align:center}div.heateor_sss_horizontal_sharing li{width:auto}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_like{width:91px}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_recommend{width:145px}div.heateor_sss_horizontal_sharing li.heateor_sss_twitter_tweet{width:95px}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share span{vertical-align:text-top!important}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share{width:96px}div.heateor_sss_horizontal_sharing li.heateor_sss_buffer_share{width:108px}div.heateor_sss_horizontal_sharing li.heateor_sss_reddit_badge{width:130px}div.heateor_sss_horizontal_sharing li.heateor_sss_yummly{width:106px}div.heateor_sss_horizontal_sharing li.heateor_sss_pinterest_pin{width:76px}div.heateor_sss_horizontal_sharing li.heateor_sss_xing{width:98px}.heateor_sss_sharing_container a{padding:0!important;box-shadow:none!important;border:none!important}.heateorSssClear{clear:both}div.course_instructor_widget .heateor_sss_vertical_sharing{display:none!important}@media screen and (max-width:783px){#heateor_sss_sharing_more_providers{width:80%;left:60%;margin-left:-50%;text-shadow:none!important}}@media screen and (max-width:752px){#heateor_sss_sharing_more_content .all-services ul li{width:32.1%}}@media screen and (max-width:590px){#heateor_sss_sharing_more_content .all-services ul li{width:48.1%}#heateor_sss_sharing_more_providers .filter input.search{width:93%}}@media screen and (max-width:413px){#heateor_sss_sharing_more_content .all-services ul li{width:100%}}div.heateor_sss_bottom_sharing{margin-bottom:0}div.heateor_sss_sharing_container a:before,div.heateor_sss_follow_icons_container a:before{content:none}.heateor_sss_mastodon_popup_button{background:linear-gradient(#ec1b23,#d43116);padding:8px 0 10px;font-size:18px;border:0;color:#fff;border-radius:8px;margin:4px auto;font-weight:bolder;width:35%;cursor:pointer;border-bottom-style:groove;border-bottom-width:5px;border-bottom-color: rgb(0,0,0,.2)}@media screen and (max-width: 783px)#heateor_sss_sharing_more_providers .filter input.search{border:1px solid #ccc;width:92.8%}div.heateor_sss_follow_icons_container svg,div.heateor_sss_sharing_container svg{width:100%;height:100%}