/*
Theme Name: Đất Xanh Trung Kính
Theme URI: https://bdsmienbac24h.com/
Author: Phạm Thế Linh
Author URI: https://facebook.com/thelinh93/
Description: Giao diện bất động sản chuyên nghiệp của Đất Xanh Miền Bắc. - Mọi chi tiết xin liên hệ: Thế Linh Hotline: 0977.38.3030 - Facebook: <a href="https://facebook.com/thelinh93">Phạm Thế Linh<a>
Version: v1.0 (10/08/2017)
Text Domain: DXMB
Domain Path: /languages/
Tags:
*/
@charset "utf-8";
@import url('css/reset.css');
@import url('css/wp-core.css');
@font-face{
    font-family:'FontAwesome';
    src:url('font-awesome/fonts/fontawesome-webfont.eot');
    src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
        url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
        url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight:normal;
    font-style:normal
}

[class^="icon-"]:before,[class*=" icon-"]:before{
    font-family:FontAwesome;
    font-weight:normal;
    font-style:normal;
    display:inline-block;
    text-decoration:inherit
}
html{-webkit-text-size-adjust: none}
html, body {overflow-x:hidden}
body {font-size: 16px; line-height: 24px;color:#333; font-family: 'Roboto', sans-serif}
ul li{list-style: none}
.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
.fw{float: left;width: 100%}
iframe{max-width: 100%}
a{color: #333}
a,a:hover,a:active,a:focus {text-decoration: none;outline: none}
a img{ border:none}
.overlay2, .overlay3{position: absolute;width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0}
.overlay3{opacity: 1;background-color: rgba(5, 86, 153, 0.8)}
.overlay4{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;background: rgba(0, 0, 0, 0.5)}
img { max-width:100%; height: auto;width: auto\9; /* ie8 */}
embed, object, iframe {width: 100%}
input, textarea, select{outline: none}
/*h1, h2, h3, h4, h5, h6{font-family: 'Bebas Neue', sans-serif}*/
h1 {font-size:22px;line-height:1.38462}
h2 {font-size:20px;line-height:1}
h3 {font-size:18px;line-height:1.09091}
h4 {font-size:16px;line-height:1.2}
h5 {font-size:14px;line-height:1.33333}
h6 {font-size:14px;line-height:1.5}
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 400}
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img,
.wrapper-menu ul li,
.overlay2,.property-block,
.menu-toggle-class,
#slider .owl-nav [class*=owl-],
.header-wrapper{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.block{display: block}
.flw{float: left; width: 100%}
.btn-red{background-color: #D63240}
::-webkit-input-placeholder {color: #333}
:-moz-placeholder {color: #333}
::-moz-placeholder {color: #333}
:-ms-input-placeholder {color: #333}
:input-placeholder {color: #333}
.spacer-40{height: 40px;clear: both;width: 100%}
.spacer-20{height: 20px;clear: both;width: 100%}
.txtcenter{text-align: center; display: block}
label {position: relative; width: 100%; }
blockquote{ font-style: italic;font-family: arial, helvetica, sans-serif;font-size: 16px;border: solid 1px #ddd;border-left: solid 5px #ddd;padding: 15px;margin: 10px 0}
input[type="text"],input[type="tel"], input[type="password"], input[type="email"], textarea, select {border: 1px solid #ccc;display: block;font-size: 14px;margin: 0;max-width: 100%;outline: medium none; line-height: 32px; color: #333; font-weight: 400;width: 100%;padding: 0 10px; margin: 5px 0}

#logo h1.site-title{ visibility: hidden;position: absolute}
#header-top {padding: 5px 0; background:#3498db;}
.header-top li.phone a{font-weight: 700}
/*#logo{margin-left: 15px}*/
#header-top a{color: #fff}
#header-top ul li {float:left}
.header-top-2 ul li a { font-size: 12px;width: 20px;float: left;line-height: 20px;text-align: center}
.header-top-2 ul li:hover a { background-color: rgba(0,0,0,.05)}
.header-top-2 ul{float: right}
.header-top-1 ul li:first-child{ padding-left: 0}
.header-top-1 ul li a { padding-right: 10px}
.cs-social li{background-color: #62B8FE;border-radius: 3px;margin-left: 5px}
.mini-search{ float: right;margin-right: 5px;margin-top: -1px}
#trigger-overlay:before{content: '\f002'; font-family: "FontAwesome"; padding-right: 3px}
.mini-search .text-search{ position: absolute;visibility: hidden}
.mini-search .buttom-search,.overlay-door .buttom-search{position: absolute;clip: rect(1px 1px 1px 1px)}
/*Search*/
.overlay{position: fixed;width: 100%;height: 100%;z-index: 9999;top: 0;left: 0;background: rgba(11, 76, 84, 0.85)}
.overlay-close {position: absolute;top: 30px;right: 30px;z-index: 100;overflow: hidden;width: 34px;height: 34px;outline: 0;border: none;background-position: center center;background-repeat: no-repeat;color: transparent;text-indent: 200%; cursor: pointer}
.overlay-close {background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2234px%22%20height=%2234px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Crect%20x=%2210.661%22%20y=%22-1.048%22%20fill=%22white%22%20width=%220.021%22%20height=%220.083%22/%3E%3Crect%20x=%229.328%22%20y=%22-1.049%22%20fill=%22white%22%20width=%220.03%22%20height=%220.042%22/%3E%3Cpolygon%20fill=%22white%22%20points=%2215.081,14.044%2014.067,15.103%200.92,1.913%201.999,0.899%20%22/%3E%3Cpolygon%20fill=%22white%22%20points=%220.959,14.01%201.967,15.062%2015.041,1.946%2013.969,0.938%20%22/%3E%3C/svg%3E")}
.overlay-close:hover {background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2234px%22%20height=%2234px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Crect%20x=%2210.661%22%20y=%22-1.048%22%20fill=%22rgba(255,255,255,0.8)%22%20width=%220.021%22%20height=%220.083%22/%3E%3Crect%20x=%229.328%22%20y=%22-1.049%22%20fill=%22rgba(255,255,255,0.8)%22%20width=%220.03%22%20height=%220.042%22/%3E%3Cpolygon%20fill=%22rgba(255,255,255,0.8)%22%20points=%2215.081,14.044%2014.067,15.103%200.92,1.913%201.999,0.899%20%22/%3E%3Cpolygon%20fill=%22rgba(255,255,255,0.8)%22%20points=%220.959,14.01%201.967,15.062%2015.041,1.946%2013.969,0.938%20%22/%3E%3C/svg%3E")}
.overlay-door {visibility: hidden;width: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .5s .3s, visibility 0s .8s;transition: width .5s .3s, visibility 0s .8s}
.overlay-door .searchform {position: relative;top: 50%;width: 560px;max-width: 100%;margin: -35px auto 0}
.overlay-door input[type=text] {font: normal normal 600 25px / 31px "Arial", Helvetica, Arial, Verdana, sans-serif}
.overlay-door input[type=text] {width: 560px;max-width: 100%;height: 70px;margin-bottom: 0;padding-right: 50px;background: 0 0;border: 3px solid rgba(255, 255, 255, .5);color: #fff}
.overlay-door input[type=text]:focus {color: #fff!important;background-color: rgba(255, 255, 255, .2)}
.overlay-door input[type=text]::-webkit-input-placeholder {color: #fff}
.overlay-door input[type=text]:-moz-placeholder {color: #fff}
.overlay-door input[type=text]::-moz-placeholder {color: #fff}
.overlay-door input[type=text]:-ms-input-placeholder {color: #fff}
.overlay-door input[type=text]:input-placeholder {color: #fff}
.overlay-door.open{visibility: visible;width: 100%;-webkit-transition: width .5s;transition: width .5s}
.overlay-door .overlay-close,.overlay-door .searchform{opacity: 0;-webkit-transition: opacity .3s .5s;transition: opacity .3s .5s}
.overlay-door.open .overlay-close,.overlay-door.open .searchform{opacity: 1;-webkit-transition-delay: .5s;transition-delay: .5s}
.overlay-door .overlay-close,.overlay-door .searchform{-webkit-transition-delay: 0s;transition-delay: 0s}
.overlay-door .submit {background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22rgba(255,255,255,0.5)%22%20d=%22M8.93,0C5.573,0,2.855,2.718,2.855,6.072c0,1.444,0.506,2.769,1.347,3.811L0.19,13.896c-0.253,0.252-0.253,0.662,0,0.914c0.252,0.254,0.662,0.254,0.914,0l4.013-4.013c1.042,0.841,2.367,1.349,3.811,1.349c3.354,0,6.072-2.719,6.072-6.072C15,2.72,12.283,0,8.93,0z%20M8.93,11.073c-2.761,0-5-2.242-5-5c0-2.758,2.241-5,5-5c2.756,0,4.998,2.242,4.998,5C13.928,8.83,11.686,11.073,8.93,11.073z%22/%3E%3C/svg%3E")}
.overlay-door .submit {position: absolute;top: 2px;right: 15px;width: 40px;height: 70px;padding: 0;background-position: 0 center;background-repeat: no-repeat;text-indent: -9999px;background-size: 40px 40px}
/*End Search*/
.menu-toggle-class{padding: 20px 0}
.menubar-fixed-top {position: fixed;left: 0;top: 0;right:0;z-index: 1050; padding: 0;background-color: rgba(5, 86, 153, .8)!important}
.menubar-fixed-top .wrapper-menu a{color: #fff}
.menubar-fixed-top #menu-menu-chinh{text-align: center}
.menubar-fixed-top #menu-menu-chinh > li{display: inline-block;float: none}
.menubar-fixed-top #logo img{max-height: 50px; margin: 10px 0}
.menubar-fixed-top .col-sm-3{display: none}
.menubar-fixed-top .col-md-9{width: 100%}
.menubar-fixed-top .container-main-menu{margin-top: 0!important}
.menubar-fixed-top ul.menu-menu-chinh{ float: none!important;display: block;margin: 0 auto;text-align: center}
.menubar-fixed-top ul.menu-menu-chinh.sub-menu{ text-align: left}
.menubar-fixed-top ul.menu-menu-chinh li{float: none!important;display: inline-block}
.menubar-fixed-top ul.menu-menu-chinh li a{color: #fff}
.menubar-fixed-top .col-lg-3 {display: none}
.menubar-fixed-top .main-navigation {margin-top: 0; }
#logo{text-align: center}
#logo a{line-height: 0;display: block}
#logo img{max-height: 80px}
.logo-mobile{max-height: 39px; display: none}
.wrapper-menu .container-main-menu{float: left;width: 100%;margin-top: 20px}
.wrapper-menu ul li{float: left; position: relative}
.wrapper-menu ul li.current-menu-item a,.wrapper-menu ul li:hover a,.wrapper-menu ul li.current-du-an-parent a,
.wrapper-menu ul li.current-post-parent a{color: #D63240}
.wrapper-menu ul li.close-menu {display: none!important}
/*.wrapper-menu ul > li + li {margin-left: 5px}*/
.wrapper-menu ul li > a{padding: 0 15px;display: block;white-space: nowrap; text-transform: uppercase; line-height: 40px; font-weight: 700; font-size: 14px}
.wrapper-menu ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 999999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.wrapper-menu ul li .sub-menu{background: #fff;min-width:220px;opacity: 0;padding:0;position:absolute;-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.wrapper-menu ul li .sub-menu li{ margin:0;width: 100%;background-color: inherit; border-bottom: 1px solid #eee; text-align: left;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
.wrapper-menu ul li .sub-menu li:last-child{border-bottom: none}
.wrapper-menu ul li .sub-menu li a{color: #333; text-transform: none; line-height: 40px; font-weight: 700}
.wrapper-menu ul li .sub-menu li:hover > a,.wrapper-menu ul li .sub-menu li.current-menu-item > a {color: #D63240}
.wrapper-menu ul li .sub-menu ul {left:220px;margin-top: -40px}
.main-navigation{clear: both;display: block;float: left;width: 100%;background-color: rgba(5, 86, 153, 0.8);border: 0px;padding: 0}
.main-navigation .navbar-toggle{ padding: 7px 10px; background: #fff}
.off-canvas-toggle {float: right; margin: 7px 0 0}
.off-canvas-toggle .icon-bar {background-color: #333}
#off-canvas{background:#3c3c3c;transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);top: 0;bottom: 0;left: 0;height: 100%;overflow: hidden;position: fixed;visibility: hidden;z-index: -1;transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s}
body.mnopen #off-canvas{transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);overflow-scrolling: touch;overflow: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;visibility: visible;z-index: 999999;transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s}
.off-canvas-inner{width:100%;background:#3c3c3c;color:#FFF}
.off-canvas-inner ul{float:left;width: 320px}
.off-canvas-inner ul li{float:left;width: 100%;border-top: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:last-child{border-bottom: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:hover{border-color: #212327}
.off-canvas-inner ul li.menu-item-has-children:hover{border-color: rgba(255,255,255,.1)}
.off-canvas-inner ul li a{padding: 9px 30px;margin: 0 auto;display:block;color: #999;font-size: 13px;text-transform: uppercase}
.off-canvas-inner ul li a:hover{background:#212327;color: #FFF}
.off-canvas-inner ul li a .fa-times-circle{opacity: .3;color: #055699;font-family: "FontAwesome";font-size: 28px;margin-right: 0!important}
.off-canvas-inner ul li a:hover .fa-times-circle{opacity: 1}
.off-canvas-inner ul li i.fa{margin-right: 10px}
.off-canvas-inner ul li .sub-menu li{line-height: normal}
.off-canvas-inner ul li .sub-menu li:last-child{border-bottom: 0px}
.off-canvas-inner ul li .sub-menu li a{padding-left: 40px}
.off-canvas-inner ul li .sub-menu li a:before{content: '-';display: inline-block;font-family: Fontawesome;color: #999;margin: 0 5px 0 0}
.off-canvas-inner .close-menu {text-align: center}

#main{ float: left;width: 100%}
/*Slider*/
/*#slider .owl-controls{margin-top: 0;  position: absolute;bottom: 0;right: 105px;margin-bottom: 19px}
#slider .owl-theme .owl-dots .owl-dot span{width: 16px; height: 16px}
#slider .owl-theme .owl-dots .owl-dot span{background-color: #fff; opacity: .5}
#slider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #69BD43; opacity: 1}*/
/*#slider .owl-nav{position: absolute;top: 50%;margin-top: -50px;color: #fff}*/
#slider{position: relative}
#slider .owl-nav [class*=owl-]{margin: 0; padding: 35px 8px; opacity: 0; font-size: 30px; border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; background: rgba(0, 0, 0, 0.7);}
#slider .owl-nav [class*=owl-]{position: absolute;top: 50%;margin-top: -50px; color: #fff}
#slider:hover .owl-nav [class*=owl-]{opacity: 1}
#slider .owl-prev{left: 0;position: absolute}
#slider .owl-next{right: 0;position: absolute}
/*Banner*/
.banner-home{ width: 100%;background-color: #f3f3f3; position: relative}
.top-banner{ width: 100%;min-height: 250px;background-position: 50%;background-repeat: no-repeat; background-size: cover;box-sizing: border-box;max-height: 250px; position: relative}
.out-top{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center}
.out-top h1{ font-size: 25px; color: #e2ff00; z-index: 99999; position: relative}
.out-top .des-top{ font-size: 16px;max-width: 800px;padding: 0 15px;margin: 0 auto}
.des-top{ position: relative; z-index: 99999; color: #fff}
/*Content*/
.wrapper_section{float: left;width: 100%}
.featured-block{text-align: center}
.featured-block img{ width: 80%;border-radius: 100%;margin-bottom: 5px}
.featured-block h3{margin-bottom: 5px}
.featured-block p{padding: 0 10%}
.wrapper-text{text-align: center}
.border-color{height: 0;border: none;border-top: solid 5px #055699;width: 15%;display: block;text-align: center;margin: 10px auto}
.wrapper-text h2{font-size: 30px}
.wrapper-text h4{text-align: center;line-height: 28px;font-size: 16px;margin: 10px 0}
.dx-btn{margin: 0 10px 5px;background-color: #D63240;color: #fff;text-transform: uppercase;line-height: 40px;display: inline-block;padding: 0 15px;border-radius: 5px}
.dx-btn:hover{background-color: #C93C69}
.dx-btn:focus, .dx-btn:hover, .dx-btn:active{color: #fff}
.subcat{float: left;width: 100%; background: #efefef; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; height: 40px}
.subcat h2,.subcat h3{background-color: #055699;line-height: 40px;color: #fff;display: inline-block;padding-right: 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 16px}
.subcat h2 a, .subcat h3 a{color: #fff}
.subcat h2 .heading-icon,.subcat h3 .heading-icon{float: left;margin-right: 10px; margin-left: -1px}
.subcat .btn{margin: 6px 15px 0 0;background-color: #055699;border: none}
.section_feature .col-lg-4:nth-child(3n+1), .section_properties .col-lg-4:nth-child(3n+1),.post-related .col-lg-4:nth-child(3n+1){clear: both}
.property-block{margin-top: 20px}
.thumb-rotate{position: relative; overflow: hidden}
.thumb-rotate img{width: 100%}
.thumb-rotate:hover{ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1)}
.thumb-rotate:hover .overlay2{opacity: 1;background: rgba(0,0,0,.4);z-index: 1}
.property-featured-image{position: relative; line-height: 0}
.property-featured-image{-webkit-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out}
.thumb-rotate:hover .property-featured-image{ -webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transform: rotate(5deg) scale(1.3) skew(1deg) translate(0);-ms-transform: rotate(5deg) scale(1.3) skew(1deg) translate(0);transform: rotate(5deg) scale(1.3) skew(1deg) translate(0)}
.property-info{padding: 10px;display: block;background: #efefef}
.property-info h4 a, .du-an h2 a, #project_sidebar h4 a{ color: #055699;font-size: 16px;float: left;margin-bottom: 10px;width: 100%}
.property-info h4 a{height: 38px; font-weight: 500;overflow: hidden}
#project_sidebar li{border-bottom: none!important}
#project_sidebar h4 a, #project_sidebar .location{margin:5px 0 0}
.du-an h2 a{font-size: 18px}
.info-project .thumb img{width: 100%}
.info-project .location{margin-bottom: 0}
.info-project .property-amenities span{padding: 0}
.location{ color: #999;float: left;width: 100%;margin-bottom: 5px; height: 43px;overflow: hidden}
.location i{ color: #055699}
.price{position: absolute;bottom: 0;z-index: 1;left: 0;display: inline-block;background: #D63240;color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height: 30px;margin: 0 0 5px 5px}
.price strong{background: rgba(0,0,0,.1);padding: 0 7px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;line-height: 30px;height: 30px;display: inline-block;font-weight: 400}
.price span{ padding: 0 10px;line-height: 30px;height: 30px;font-weight: 700}
.property-amenities{background: #fff;color: #999}
.property-amenities span{display: block;width: 60%;float: left;padding: 4px 0 4px 0;text-align: center;border-right: 1px solid #efefef}
.property-amenities span.floors{width: 40%}
.du-an .property-amenities{color: #333}
.du-an .property-amenities span{width: 100%; text-align: left; border-right: none}
.du-an .row .row .col-xs-4{padding-right: 5px}
.du-an .row .row .col-xs-8{padding-left: 5px}
#owl-feature .owl-nav.disabled{display: block}
.feature-projects .owl-nav [class*="owl-"]{background-color: rgba(0, 0, 0, 0.7);color: #fff;height: 25px;line-height: 25px;padding: 0 10px;position: absolute;top: 0;margin-top: -32px}
.feature-projects .owl-nav .owl-prev{right: 0;margin-right: 45px}
.feature-projects .owl-nav .owl-next{ right: 0; margin-right: 15px}
.box-news ul{float: left; width: 100%; margin-top: 20px}
.box-news li {float: left;margin-bottom: 10px;width: 100%}
.box-news li:not(.first) { list-style: disc;list-style-position: inside;color: #055699}
.box-news .entry-thumb {float: left;width: 100%;position: relative}
.box-news .post-thumbnail img {width: 100%;max-height: 224px}
/*.box-news div:first-child .gr {background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.7) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0,0)), color-stop(100%,rgba(0, 0, 0, 0.7)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%);background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );bottom: 0;height: 70%;left: 0;position: absolute;width: 100%}*/
.box-news .post-thumbnail {line-height: 0;display: inline-block;float: left;margin-right: 15px}
.widget-news .post-title, .box-news .post-title, .post-related .post-title {font-weight: 700;color: #333}
.entry-meta:before{ content: "\f017"; font-family: 'FontAwesome'; float: left; margin-right: 3px; color: #999}
.albums .owl-nav [class*="owl-"]{background-color: rgba(0, 0, 0, 0.7);color: #fff;height: 60px;line-height: 60px;padding: 0 10px;position: absolute;top: 50%;margin-top: -90px}
.albums .owl-nav .owl-prev{left: 0;margin-left: -13px}
.albums .owl-nav .owl-next{right: 0;margin-right: -13px}
.albums .owl-nav [class*="owl-"]{margin-top: -30px}
.section_four .thumb-news{float: left;margin: 5px 10px 0 0}
.section_four .news-title{font-weight: 700}
.section_four .col-lg-3:nth-child(4n+1){clear: both}
.news-home, .partners{margin-top: 20px}
.partners .owl-carousel .owl-item img{width: auto}

.post-h1{ background-color: #055699;color: #fff;text-transform: uppercase;font-size: 18px;line-height: 34px}
.dx_wrapper{float: left;width: 100%; padding: 20px 20px 10px; margin-top: 30px; border: 1px #e3e3e3 solid;position: relative}
.title-block, .title-block2{margin: 20px auto; color: #fff;line-height: 40px; padding: 0 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 20px}
.title-block{display: table; background: #055699}
.title-block2{display: block; background: linear-gradient(to right,#055699,#fff)}
.toa-dang-ban li{list-style: none!important}
#gallery-2 {width: 100%;background: #151515;-webkit-user-select: none;-moz-user-select: none;user-select: none}
#gallery-2 * {-webkit-backface-visibility: initial}
.royalSlider{ margin-bottom: 30px}
.procedure .wrapper-text{ margin-bottom: 30px }
.procedure .sub-title span{ color: #D63240}
.procedure .owl-stage-outer{float: left; width: 100%}
.procedure .thumb{border: 1px solid #D63240; position: relative; width: 150px; border-radius: 50%; margin: 0 auto 20px; cursor: pointer}
.procedure .thumb i{font-size: 50px; display: block; line-height: 150px; color: #D63240}
.procedure .thumb:hover{background-color: #D63240}
.procedure .thumb:hover i{color: #fff}
.procedure h3.title{font-size: 16px; font-weight: 700; margin-bottom: 10px}


/*.dx_lydo{border: 1px solid #cfe6e6;width: 100%;margin: 0 auto}
.dx_lydo_tt {padding: 10px 20px;background: #055699;color: #fff;margin-bottom: 20px;font-weight: 700}*/

.panel-group{margin-bottom: 1px}
.panel-group .panel{border: none;}
.panel-default>.panel-heading{background-color: #055699; color: #fff;}
.panel-default>.panel-heading .panel-title{font-size: 14px}
.panel-default>.panel-heading .panel-title a{font-weight: 700}
.panel-default>.panel-heading .panel-title .number{color: #fff000; font-weight: 700}

.prj-name{color: #D63240; font-size: 20px; font-weight: 700}
.intro-prj{border-top: 1px solid #E1E1E1; margin-top: 20px; padding-top: 20px}
.intro-prj *{margin-bottom: 10px; font-size: 16px}
.intro-prj strong{color: #0065b3}

.menu-project{background-color: #f1f1f1; border-bottom: 1px solid #d7d7d7; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.11); margin: 35px 0 25px 0; padding: 10px 0}
.menu-project li{float: left}
.menu-project li a{ color: #1d3052; font-weight: 700; border-left: 1px solid #fefefe; border-right: 1px solid #e1e1e1; padding: 5px 20px; font-size: 16px}
.menu-project li .li-active{color: #D63240}

.dxtl{padding: 0 15px}
.dx_tvkh td:nth-child(1){width: 15%;float: left;margin-right: 2%}
.dx_tvkh td:nth-child(2){float: left;vertical-align: middle;width: 83%}
.dx_tvkh_tt{ color: #007ebf;font-weight: 700}
.dx_heading {padding: 5px 10px;color: #fff;line-height: 26px;background: #055699;border-radius: 3px;margin-bottom: 5px; position: relative}
.dx_heading:before{content: '\f0da'; font-family: 'FontAwesome'; float: left; position: absolute;left: 0;top: 50%;margin-top: -13px;margin-left: -1px}
.dx_heading a{color: #fff}
.dx_tmb{ background-color: #62B8FE; padding: 50px 0 }
.dx_tmb .title-section{ color: #fff}
.dx_tmb .border-color{ border-color: #fff}
.dx_tmb .item{border: 1px solid #D63240; float: left; width: 100%; border-radius: 4px 4px 0 0}
.dx_tmb h4.title{text-transform: uppercase; text-align: center; background-color: #D63240; color: #0a2453; height: 60px; position: relative}
.dx_tmb h4.title a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 20px); color: #fff; height: 38px; overflow: hidden}
.add-time{ line-height: 1.2; padding: 15px 10px; text-align: center; font-size: 14px; color: #fff}
.add-time .time{ font-size: 15px; text-align: center; border-right: 1px solid #D63240; text-transform: inherit}
.add-time .time span{ font-weight: 700; color: #EDAB21}
.add-time td{ vertical-align: middle}

.feature-posts-list li{ padding: 5px 0;margin: 0 0 5px;line-height: 1.4;border-bottom: 1px solid #eee}
.feature-posts-list li img{ margin: 4px 8px 5px 0;float: left;width: 65px; height: auto}
.child-page li{float: left;padding: 5px 10px;background: #055699;margin-right: 2px;margin-bottom: 5px}
.child-page li a{color: #fff}
.wp-pagenavi { clear: both;margin-top: 20px;float: right}
.wp-pagenavi a, .wp-pagenavi span {font-size: 11px;font-weight: bold;color: #055699;padding: 6px 10px;line-height: 50px}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000}
.wp-pagenavi span.current {background-color: #055699;color: #fff}
.wp-pagenavi span.pages{background-color: #055699;color: #fff;margin-right: 5px}
.post_related{float: left;width: 100%; margin-top: 20px}
.post-title h1{border-bottom: 1px dotted #DADADA;padding: 0 0 10px;margin: 10px 0;color: #055699;text-transform: uppercase;font-weight: normal;font-size: 24px}
#sticker li{list-style: none}
#tab-fixed{ position: absolute;left: -95px; top:0; z-index: 9999}
.single-du-an #tab-fixed{ top:110px}
.tab_sticker li {margin-bottom: 1px;position: relative}
.tab_sticker li a:active, .tab_sticker li a:focus, .tab_sticker li a.li-active {background: #FDBA37}
.tab_sticker li a {width: 78px;display: block;padding: 5px;text-align: center;color: #fff;background: #055699}
.tab_sticker li a span.tab_icon {display: block;font-size: 20px}
.tab_sticker li a.li-active:after {content: "";width: 0;height: 0;border-color: rgba(253,186,55,0);border-left-color: #F4C60C;border-width: 10px;border-style: solid;position: absolute;top: 50%;margin-top: -10px;right: -20px}
.tab_sticker .tab_icon:before {font-family: FontAwesome}
.icon_gt:before {content: "\f0e4"}
.icon_qt:before {content: "\f0d6"}
.icon_cp:before {content: "\f201"}
.icon_kq:before {content: "\f03e"}
.icon_kh:before {content: "\f0e6"}
.icon_bs:before {content: "\f0f0"}
.icon_dk:before {content: "\f25d"}
/*Widget calendar*/
#wp-calendar {float: left; width: 100%; font-size: 11px}
#wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px}
#wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease}
#wp-calendar tbody td:hover { background: #f1f1f1; color: #333}
#wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; color: #333}
#wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff}
#wp-calendar tfoot td { padding-top: 1px; padding: 4px}
#wp-calendar tfoot td#next{text-align: right}
#wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #3b86b0; color: #fff}
#wp-calendar tbody a { display: block; text-decoration: underline}
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7}

/*Widget search*/
.widget_search{ position: relative}
.widget_search input[type="text"], .dx_search-form input[type="text"]{ width: 100%;margin: 0;padding-right: 80px}
.widget_search input[type="submit"], .dx_search-form input[type="submit"]{ position: absolute;top: 0;right: 0;height: 34px;background: #055699;border: none;color: #fff}
.widget_search #trigger-overlay, .dx_search-form #trigger-overlay{display: none}
.dx_search-form{float: left;width: 100%; margin-bottom: 20px; position: relative}
#breadcrumbs{margin-bottom: 20px}
#breadcrumbs strong{color: #055699}

/*404 page*/
.error404 .dx_search-form{margin-top: 20px}
.error404 #footer-wrapper{margin-top: 0}
.error404 .top-banner{min-height: 446px; max-height: 446px}

.intro-header{ color: #037c07;font-size: 32px;font-weight: 400; margin: 20px 0 15px}
.intro-text {font-size: 18px;color: #333;font-weight: 400}
.product-screen {background: url("images/product_bg.png") no-repeat scroll right center;overflow-x: hidden}
#diagram_image {display: block;position: relative;width: 486px;height: 459px}
#diagram_image img {height: 100%;position: absolute;width: 100%;left: 0;top: 0;z-index: 1;opacity: 0;  -webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none}
.btn-general {background: rgba(124,204,104,1);background: -moz-linear-gradient(top, rgba(124,204,104,1) 0%, rgba(81,159,60,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,204,104,1)), color-stop(100%, rgba(81,159,60,1)));background: -webkit-linear-gradient(top, rgba(124,204,104,1) 0%, rgba(81,159,60,1) 100%);background: -o-linear-gradient(top, rgba(124,204,104,1) 0%, rgba(81,159,60,1) 100%);background: -ms-linear-gradient(top, rgba(124,204,104,1) 0%, rgba(81,159,60,1) 100%);background: linear-gradient(to bottom, rgba(124,204,104,1) 0%, rgba(81,159,60,1) 100%);color: #fff!important;padding: 9px 25px;float: right;font-size: 16px;font-weight: 500;font-family: 'Roboto',Arial;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;text-shadow: 1px 1px 1px #666;white-space: nowrap}

.mgt20{margin-top: 20px}
.gift_content_element{margin-bottom: 35px}
.form-order {padding: 25px 0 0;background: #FFF;border: 1px solid #54bd43;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;width: 100%;margin: 0 auto;display: block}
.form-order > .col-xs-12 {margin-bottom: 15px}
.form-order > .col-xs-12:last-child {margin-bottom: 0}
.form-order input, .form-order textarea {border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;padding-left: 20px}
form.wpcf7-form input, body form.wpcf7-form textarea {width: 100%}
.wpcf7-submit{background: #055699;color: #fff;padding: 5px 25px;font-size: 16px;font-weight: 500;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-top: 9px;text-shadow: 1px 1px 1px #666;white-space: nowrap;border: none;width: 100%}
.wpcf7-captchac{margin-top: 8px}
.dx-blog,.dx-blog-2{margin-top: 30px!important}
.testimonial-item{ border: 1px solid #54bd43;border-radius: 10px;padding: 20px;text-align: center}
.testimonial-item .testimonial-content {text-align: justify;margin-top: 18px}
.testimonial-content {font-style: italic;font-weight: normal;font-family: 'Times New Roman';font-size: 16px}
.testimonial-content .readmoretest{ color: #00773d; font-size: 14px;font-weight: 500;margin: 0;padding-top: 20px;text-align: center; display: block;font-family: 'Roboto', sans-serif}
.dx-blog .owl-dot span,.dx-blog-2 .owl-dot span{width: 12px!important; height: 12px!important;  opacity: 0.5!important;background: #54bd43!important}
.dx-blog .owl-dot.active span,.dx-blog-2 .owl-dot.active span{ opacity: 1!important}

.wpb_accordion .wpb_accordion_header{ padding: 0;border: 1px solid #ddd;border-radius: 5px}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{color: #333;font-weight: 500; padding: 0;line-height: 45px}
.wpb_accordion .wpb_content_element{ border: 1px dashed #ccc;padding: 15px}
.wpb_accordion .wpb_accordion_header:after{width: 20px;line-height: 20px;text-align: center;background-color: #037c07;border-radius: 50%;color: #fff;font-weight: 700}
.wpb_accordion .wpb_accordion_header:after{content: "\f107";font-family: FontAwesome;margin-top: -10px;position: absolute;right: 10px;top: 50%}
.wpb_accordion .wpb_accordion_header.ui-accordion-header-active:after{content: "\f106"}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon{display: none!important}

.all-posts-grid-custom img{width: 100%; height: auto}
.all-posts-grid-custom .link_image{display: block;line-height: 0; border: 1px solid #eee;border-radius: 15px;overflow: hidden}
.all-posts-grid-custom .post-title{ font-size: 16px;font-weight: 700;;display: block}
.all-posts-grid-custom .post-title a{color: #037c07; line-height: 30px}
#primary{float: left;width: 100%; margin-top: 30px}
.blog-entry{float: left;width: 100%; margin-bottom: 20px; border-bottom: 1px dashed #ccc;padding-bottom: 20px}
.blog-entry:last-child{border-bottom: none}
.blog-entry .thumb a{display: block;line-height: 0}
.blog-entry .thumb a img{width: 100%}
.blog-entry .post-title, .blog-entry .readmore,#sidebar aside .news-item li a.post-title{font-size: 18px; font-weight: 500; display: block;color: #333}
.blog-entry .readmore{float: right; font-size: 14px}
aside{float: left;width: 100%; margin-bottom: 20px}
#searchform .text-search{ float: left;width: 75%}
#searchform .buttom-search{ float: right;width: 20%;border: none;line-height: 38px;border-radius: 5px;background-color: #037c07; color: #fff}
.block-suport ul li {float: left;width: 100%}
.block-suport ul li .name-suport{display: block;float: left;width: 100%;font-weight: 500;color: #D63240}
.block-suport ul li span:before{font-family: 'FontAwesome';float: left; margin-right: 5px}
.block-suport ul li .skyper-suport:before{content:'\f17e'}
.block-suport ul li .name-suport:before{content:'\f007'}
.block-suport ul li .phone-suport:before{content:'\f095'}
.block-suport ul li .phone-suport,.block-suport ul li .skyper-suport{ width: 50%;float: left;font-size: 16px;color: #037c07}
.block-suport ul li .skyper-suport{ color: #337AB7}
.block-suport .dx_heading{padding-right: 44%; background-color: #D63240}
.block-suport .dx_heading:after{content: '';position: absolute;bottom: 0;right: 0;background: url(images/sp.png);width: 100px;height: 70px}
#sidebar aside .news-item li {float: left;width: 100%; margin-bottom: 10px}
#sidebar aside .news-item .title-news:before { content: 'News';float: left;margin-right: 5px;background: #D63240;padding: 0 5px;color: #fff}
#sidebar aside .news-item li img {float: left;border-radius: 50%;border: 3px solid #eee;margin-right: 25px;width: 70px;height: 70px}
#sidebar aside .news-item .date, .section_four .text-secondary, .entry-time{ font-size: 12px;font-style: italic;color: #999}
#sidebar aside .news-item .date a {color: #fa5c65;font-weight: 500}
#sidebar li{border-bottom: 1px dotted #8F8F8F;padding: 10px 0; float: left; width: 100%}
#sidebar li:last-child{border-bottom: none}
#sidebar .dx_dmb li:before{content: '\f101'; font-family: 'FontAwesome'; float: left;margin-right: 5px}
#sidebar .menu li a{;font-weight: normal;display: block;text-transform: none;color: #333}
.list-post-tax .thumb a{ text-align: center; border-radius: 0;border: none;overflow: inherit}
.list-post-tax .thumb img{ border-radius: 50%;border: 4px solid #FFCB00}
.blog-entry-odd .col-xs-4{float: right}
.blog-entry-odd .readmore {float: left}
.list-post .post-title{ margin-bottom: 10px}
.list-post-tax .blog-entry{ margin-top: 40px}
.share{float: right}
.share .fb-like,.share .fb-send{float: left; margin-left: 5px}
.share #___plusone_0{ float: left!important;width: 70px!important}
.share #twitter-widget-0{  float: left;margin-top: 2px}
.detail-post .post-title { margin-bottom: 20px}
.dx_wrapper ul, .content-post ul{padding-left: 15px}
.dx_wrapper ul li, .content-post li {list-style-type: inherit; list-style-position: inside;}
.content-post p, .content-post h1, .content-post h2, .content-post h3, .content-post ul{margin-bottom: 10px}
.info-bottom{float: left;width: 100%; margin-bottom: 20px}
.info-bottom .tags a{ background-color: #ddd;padding: 5px 10px;border-radius: 5px;margin-left: 5px;font-weight: 700;color: #000}
.info-bottom .tags{ border: 1px solid #ddd;margin-top: 20px;padding: 10px 15px;background-color: #eee}
.post-related{margin-top: 20px}
.post-related .col-lg-3:nth-child(4n+1){clear: both}
.post-related img{width: 100%}

.testimonial-item-left {padding: 10px;margin: 0 ;margin-right: 10px}
.testimonial-item-left img {float: left;width: 155px!important; margin-right: 10px}
.testimonial-item-left .testimonial-content {margin-top: 0}
.testimonial-item-left .readmoretest{display: inline-block; padding: 0}
.testimonial-item-left .testimonial-name{display: block; font-size: 14px;font-weight: 500;padding-top: 20px;text-align: center;font-family: 'Roboto', sans-serif; color: #666}
.dx_video_wrapper iframe{max-width: 100%; height: auto}
.wrapper_section .spacer-40:last-child{height: 0}
.post-by-cate{margin-top: 30px}
.post-right li{  float: left;width: 100%;margin-bottom: 10px}
.post-right li:last-child{margin-bottom: 0}
.post-right li .post-thumb{ float: left;width: 102px}
.post-by-cate .post-thumb img{ border: 1px solid #eee}
.post-right li .post-content{ float: right;width: calc(100% - 117px)}
.post-by-cate .post-title{ color: #037c07;font-weight: 700;font-size: 16px;line-height: 18px;margin: 10px 0;display: block}
.post-by-cate li .post-title{margin-top: 0; margin-bottom: 5px}
.page iframe{width: 100%}

.scrollTo{color: #eee;border: 1px solid #444;background-color: #333;position: fixed;border-radius: 2px;height: 50px;width: 50px;line-height: 50px;text-decoration: none;text-align: center;opacity: 0;right: 50px;bottom: 50px;z-index: 1030;visibility: hidden}
.scrollTo.dx_pop_class{ opacity: 0.7;visibility: visible}
.scrollTo:hover {background-color: #fcfcfc;color: ##037c07;border: 1px solid #e1e1e1}

#footer-wrapper{ float: left;width: 100%;margin-top: 30px;padding-top: 30px;background: #055699 url('images/banner3.jpg') no-repeat center center;color: #fff;background-size: cover; position: relative}
.box_footer{margin-bottom: 15px}
.box_footer h4{ font-size: 16px;text-transform: uppercase;color: #fff;font-weight: 700;margin-bottom: 10px}
.box_footer a{color: #fff}
#copyright{float: left;width: 100%; padding: 5px 0;background-color: rgba(0, 0, 0, 0.8)}
#copyright .social li{float: right; margin-left: 10px}
.box_footer li:before {content: '\f105';font-family: FontAwesome;margin-right: 5px;color: #999}
#copyright .social li a{float: left; color: #B9C0C6; font-size: 18px}
#copyright .social li.social-tw a{color: #00ACED}
#copyright .social li.social-fb a{color: #3B5998}
#copyright .social li.social-gp a{color: #DD4B39}
#copyright .social li.social-yt a{color: #E22B27}
.copyright{color: #fff}
.copyright a{color: #D63240}

/*home search*/
/*.home-search{text-align:left;color: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -585px; z-index: 10; margin-bottom: 50px}*/
.search-title{font-size:20px;margin:15px 0;display:block}
.search-home,.filter{min-height:240px;padding:15px 40px;color: #FFF}
.search-home{background:url(images/search_bg.png) rgb(13,29,49) no-repeat right bottom}
.search-btn{bottom:15px;right:40px;position:absolute}
.search-btn .fa-search:before{position: relative;left: -5px}
.filter{background:rgb(17,37,63)}
.select{display:block;height:40px;background:white;border:1px solid transparent;border-radius:4px;color:rgb(153,153,153)}
.search-home>.select{width:100%}
.filter-area,.filter-price{margin:0 0 15px 0}
.filter-area .district{position: relative;}
.filter-area .district i{display: none; position: absolute; top: 0; right: 0; color: #DC143C; margin-top: 13px; margin-right: 30px}
.col-sm-2{padding:0;margin-top:9px;line-height:30px}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
option:first-child{font-style:italic;color:rgb(153,153,153)}
option{font-style:normal;padding:10px;color:#000}
.select-control::before,.select-control::after,.input-tel::before,.input-mail::before{font-family:FontAwesome;font-size:12px;color:rgb(153,153,153);position:absolute;top:12px;pointer-events:none}
/*.select-control::before{content:'\f1ad';left:20px}*/
.select-control::after{content:'\f107';right:15px; top: 10px}

#info-scroll {position: fixed; top: 35%; left: 0; z-index: 99999 }
#info-scroll li {display: block; position: relative; left: 0; float: none; width: auto; border-radius: 0 25px 25px 0; margin-bottom: 2px; background-color: #3498DB; color: #fff; font-size: 16px; font-weight: bold; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#info-scroll li a {display: block; padding: 2px 2px 2px 12px; }
#info-scroll li .text {display: inline-block; text-align: center; color: #fff}
#info-scroll li small {display: block; font-size: 16px; font-weight: 700; color: #ffed01; }
#info-scroll li .icon {display: inline-block; float: right; width: 47px; height: 47px; margin: 1px 0 0 5px; }
/*Call*/
.dx-alo-phone{display: none}
.dx-alo-phone {position: fixed; bottom: 25%; z-index: 9999}
.dx-alo-ph-circle {width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); border: 2px solid #48A5D4 9; opacity: .1; -webkit-animation: dx-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: dx-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: dx-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: dx-alo-circle-anim 1.2s infinite ease-in-out; animation: dx-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.dx-alo-phone.dx-alo-active .dx-alo-ph-circle {-webkit-animation: dx-alo-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: dx-alo-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: dx-alo-circle-anim 1.1s infinite ease-in-out !important; -o-animation: dx-alo-circle-anim 1.1s infinite ease-in-out !important; animation: dx-alo-circle-anim 1.1s infinite ease-in-out !important }
.dx-alo-phone.dx-alo-static .dx-alo-ph-circle {-webkit-animation: dx-alo-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: dx-alo-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: dx-alo-circle-anim 2.2s infinite ease-in-out !important; -o-animation: dx-alo-circle-anim 2.2s infinite ease-in-out !important; animation: dx-alo-circle-anim 2.2s infinite ease-in-out !important }
.dx-alo-phone.dx-alo-hover .dx-alo-ph-circle, .dx-alo-phone:hover .dx-alo-ph-circle {border-color: #309ACF; opacity: .5 }
.dx-alo-phone.dx-alo-green.dx-alo-hover .dx-alo-ph-circle, .dx-alo-phone.dx-alo-green:hover .dx-alo-ph-circle {border-color: #FDAA38; border-color: #ffc272 9; opacity: .5 }
.dx-alo-phone.dx-alo-green .dx-alo-ph-circle {border-color: #309ACF; border-color: #48A5D4 9; opacity: .5 }
.dx-alo-phone.dx-alo-gray.dx-alo-hover .dx-alo-ph-circle, .dx-alo-phone.dx-alo-gray:hover .dx-alo-ph-circle {border-color: #ccc; opacity: .5 }
.dx-alo-phone.dx-alo-gray .dx-alo-ph-circle {border-color: #FDAA38; opacity: .5 }
.dx-alo-ph-circle-fill {width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.dx-alo-phone.dx-alo-active .dx-alo-ph-circle-fill {-webkit-animation: dx-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: dx-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: dx-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: dx-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: dx-alo-circle-fill-anim 1.7s infinite ease-in-out !important }
.dx-alo-phone.dx-alo-static .dx-alo-ph-circle-fill {-webkit-animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: dx-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important }
.dx-alo-phone.dx-alo-hover .dx-alo-ph-circle-fill, .dx-alo-phone:hover .dx-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #309ACF 9; opacity: .75 !important }
.dx-alo-phone.dx-alo-green.dx-alo-hover .dx-alo-ph-circle-fill, .dx-alo-phone.dx-alo-green:hover .dx-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); background-color: #ffc272 9; opacity: .75 !important }
.dx-alo-phone.dx-alo-green .dx-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #a6e3fa 9; opacity: .75 !important }
.dx-alo-phone.dx-alo-gray.dx-alo-hover .dx-alo-ph-circle-fill, .dx-alo-phone.dx-alo-gray:hover .dx-alo-ph-circle-fill {background-color: rgba(204, 204, 204, 0.5); background-color: #ccc 9; opacity: .75 !important }
.dx-alo-phone.dx-alo-gray .dx-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important }
.dx-alo-ph-img-circle {width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) url("/wp-content/themes/PTL/images/jIfeFOA.png") no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: dx-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: dx-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: dx-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: dx-alo-circle-img-anim 1s infinite ease-in-out; animation: dx-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.dx-alo-phone.dx-alo-active .dx-alo-ph-img-circle {-webkit-animation: dx-alo-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: dx-alo-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: dx-alo-circle-img-anim 1s infinite ease-in-out !important; -o-animation: dx-alo-circle-img-anim 1s infinite ease-in-out !important; animation: dx-alo-circle-img-anim 1s infinite ease-in-out !important }
.dx-alo-phone.dx-alo-static .dx-alo-ph-img-circle {-webkit-animation: dx-alo-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: dx-alo-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: dx-alo-circle-img-anim 0s infinite ease-in-out !important; -o-animation: dx-alo-circle-img-anim 0s infinite ease-in-out !important; animation: dx-alo-circle-img-anim 0s infinite ease-in-out !important }
.dx-alo-phone.dx-alo-hover .dx-alo-ph-img-circle,
.dx-alo-phone:hover .dx-alo-ph-img-circle {background-color: #309ACF }
.dx-alo-phone.dx-alo-green.dx-alo-hover .dx-alo-ph-img-circle,
.dx-alo-phone.dx-alo-green:hover .dx-alo-ph-img-circle {background-color: #FDAA38}
.dx-alo-phone.dx-alo-green .dx-alo-ph-img-circle {background-color: #E83952}
.dx-alo-phone.dx-alo-gray.dx-alo-hover .dx-alo-ph-img-circle, .dx-alo-phone.dx-alo-gray:hover .dx-alo-ph-img-circle {background-color: #ccc }
 .dx-alo-phone.dx-alo-gray .dx-alo-ph-img-circle {background-color: #FDAA38 }
@-moz-keyframes dx-alo-circle-anim {
    0% {-moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
    30% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
    100% {-moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes dx-alo-circle-anim {
    0% {-webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
    30% {-webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes dx-alo-circle-anim {
    0% {-o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
    30% {-o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
    100% {-o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes dx-alo-circle-fill-anim {
    0% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
    100% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes dx-alo-circle-fill-anim {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
    100% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes dx-alo-circle-fill-anim {
    0% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
    50% {-o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
    100% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes dx-alo-circle-img-anim {
    0% {transform: rotate(0) scale(1) skew(1deg) }
    10% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-moz-transform: rotate(0) scale(1) skew(1deg) }
    100% {-moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes dx-alo-circle-img-anim {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes dx-alo-circle-img-anim {
    0% {-o-transform: rotate(0) scale(1) skew(1deg) }
    10% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
    30% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
    50% {-o-transform: rotate(0) scale(1) skew(1deg) }
    100% {-o-transform: rotate(0) scale(1) skew(1deg) }
}

/*col-md*/
@media screen and (max-width: 1199px) {
    
}
@media screen and (max-width: 1024px) {
    .navbar-toggle{display: block}
    .main-navigation{padding: 0 15px}
    #header-main{padding: 0}
    #header-main .col-xs-12{display: none}
    .logo-mobile{display: inline-block}
    #logo{margin-left: 0; text-align: center}
    .home-search{position: inherit; margin: 40px auto 0; left: 0}
}
/*col-sm*/
@media screen and (max-width: 991px) {
    .bo-suu-tap{ float: left; width: 100%; margin-bottom: 20px}
    .menu-project{display: none!important}
    .dx-alo-phone{display: block}
    #info-scroll{display: none}
}
@media screen and (max-width: 800px) {
    .box_footer{margin-bottom: 15px}
    .share{float: left}
    #tab-fixed{display: none}
    .no-padding{padding: 0}
    .full-width{width: 100%}
}
/*col-xs*/
@media screen and (max-width: 767px) {
    .search-home{display: none}
    .filter{padding: 15px; min-height: inherit}
    .search-btn{position: inherit; float: right; margin: 15px 15px 0 0}
}
@media screen and (max-width: 600px) {
    #header-top{display: none; padding: 0}
    .page-title{ line-height: 40px}
    .bc:before, .bc:after{max-width: 0}
    .content-post .wpcf7 .wpcf7-textarea{margin-bottom: 15px}
    .section_feature .col-lg-4:nth-child(3n+1), .section_properties .col-lg-4:nth-child(3n+1), .post-related .col-lg-4:nth-child(3n+1){clear: inherit}
    .section_feature .col-lg-4:nth-child(2n+1), .section_properties .col-lg-4:nth-child(2n+1), .post-related .col-lg-4:nth-child(2n+1){clear: both}
    .single .des-top{display: none}
    .page-template-page-contact iframe{margin-top: 15px}
}
@media screen and (max-width: 568px) {
    .du-an .col-xs-8 .col-xs-4{display: none}
    .du-an .col-xs-8 .col-xs-8{width: 100%}
    .out-top .des-top{display: none}
}
@media screen and (max-width: 412px) {
    .col-ew-12{width: 100%}
    .section_two .col-xs-6:nth-child(2n+1){clear: both}
    .toa-dang-ban li,.quy-trinh .col-md-3{width: 100%}
    .dx_lydo,.dx_lydo > div{display: inherit}
    .dx_lydo > div{width: 100%}
    .section_four .col-xs-6{width: 100%}
    article.blog-entry .col-xs-4,article.blog-entry .col-xs-8{width: 100%}
    article.blog-entry .col-xs-4 .thumb{margin-bottom: 10px}
    .du-an .row .row .col-xs-8{padding-left: 15px; margin-top: 10px}
}
@media screen and (max-width: 390px) {
    .blog-entry .col-xs-5,.blog-entry .col-xs-5 img,.blog-entry .col-xs-7{width: 100%}
}
@media screen and (min-width: 800px) and (max-width: 1024px){
    .pdlr50{padding: 0 50px}
}