/*
Theme Name: An Binh
Description: This is a child theme for Flatsome Theme
Theme URI: maxweb.vn
Author: maxweb.vn
Author URI: maxweb.vn
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#header .nav-size-large>li>a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
#header .nav-size-large>li>a:hover{
	color: var(--primary-color);
}
h5.post-title.is-large {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.Can-ho-dien-hinh{
	display: none;
}
.block-form .social-icons{
	font-size: 13px;
	padding-top: 10px;
}

.pd-0 {
	padding-bottom:0;
}
body {
	
	background-color:#fff;
}
.list-tien-ich ol li {
    float: left;
    width: 25%;
    margin: 0px;
    text-align: left;
    list-style: none;
    font-size: 14px;
}
.list-tien-ich ol li strong {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 30px;
    margin: 0 15px 10px 0;
    font-weight: 600;
    color: #fff;
    background: var(--primary-color);
    border: 4px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 0px 1px #d49f0b;
    -moz-box-shadow: 0px 0px 0px 1px #d49f0b;
    box-shadow: 0px 0px 0px 1px #d49f0b;
}
/* *Headder */
.nav-line-bottom>li:hover>a:before, .nav-line-grow>li:hover>a:before, .nav-line-bottom>li.active>a:before, .nav-line-grow>li.active>a:before, .nav-line>li.active>a:before, .nav-line>li:hover>a:before {
    opacity: 1;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1170px;
}


/* *Slide */
.slide .slider-nav-light .flickity-prev-next-button {
    color: rgb(30, 106, 50) !important;
}
.slide .flickity-prev-next-button {
	width: 45px;
    height: 45px;
}
.slide .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow {
	background-color: rgb(30, 106, 50);
    border-color: rgb(30, 106, 50);
}
.slide .flickity-prev-next-button.previous {
	left: 5%;
}
.slide .flickity-prev-next-button.next {
	right:5%;
}

.pd-60 {
	padding:60px 0 !important;
}
.mr-bt-60 {
    margin-bottom: 60px;
}
/* *BLOCK-GIOITHIEU */
.block-quymo .fix-col-6 {
    padding-bottom: 0;
}
h2.style-h2 {
    margin-top: 0;
    padding-bottom: 20px;
    font-size: 30px;
    text-align: center;
    position: relative;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 52.8px;
    text-transform: uppercase;
}
h2.style-h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 180px);
    width: 370px;
    height: 1px;
    background-color: #fff;
}
h2.style-h2:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: calc(50% - 25px);
    width: 50px;
    height: 3px;
    background-color: var(--primary-color);
}
p.style-p {
    width: 730px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-family: arial;
    line-height: 24px;
    font-size: 15px;
    font-weight: 100;
    color: #333;
}
.block-project:before {
    background: url(../../../wp-content/uploads/img/section-intro.png) no-repeat;
    content: '';
    position: absolute;
	left: -11%;
    bottom: 0;
    width: 65%;
    padding-top: 32%;
    background-size: cover;
}
.block-project .box-image img {
	display:none;
}
.block-project .img-hatang .box-image div  {
    width: 68px;
    height: 68px;
    background: url("/wp-content/uploads/2019/04/icons-sf37f873abb.png") no-repeat;
    background-position: 0 -412px;
    background-size: cover;
	margin:0 auto;
}
.block-project .block-vitri .box-image div {
	width: 70px;
    height: 69px;
    background: url("/wp-content/uploads/2019/04/icons-sf37f873abb.png") no-repeat;
    background-position: 0 -494px;
    background-size: cover;
	margin:0 auto;
}
.block-project .block-dautu .box-image div {
	width: 70px;
    height: 69px;
    background: url("/wp-content/uploads/2019/04/icons-sf37f873abb.png") no-repeat;
    background-position:0px -356px;
    background-size: cover;
	margin:0 auto;
}
.block-project .block-tienich .box-image div   {
	width: 70px;
    height: 38px;
    background: url("/wp-content/uploads/2019/04/icons-sf37f873abb.png") no-repeat;
    background-position:0px -54px;
    background-size: cover;
	margin:0 auto;
}
.block-project .block-canho .box-image div {
	width: 70px;
    height: 56px;
    background: url("/wp-content/uploads/2019/04/icons-sf37f873abb.png") no-repeat;
    background-position: 0px -180px;
    background-size: cover;
    margin: 0 auto;
}
.img-chinhsach .box-image div {
	width: 70px;
    height: 44px;
    background: url("/wp-content/uploads/2019/04/icons-sf37f873abb.png") no-repeat;
    background-position: 0px -135px;
    background-size: cover;
    margin: 0 auto;
}
.block-project .box-image {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	margin:0 auto;
}
.block-project .box-text h3.img-text {	
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: uppercase;
    font-size: 14px;
}
.block-project .box-text.text-center {
	padding:0;
}
.block-project .box {
    max-width: 120px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 1.2;
    cursor: pointer;
	font-weight: 600;
}
.slide-project {
    padding: 0 80px !important;
}
.block-project .flickity-page-dots .dot {
	border: 3px solid transparent;
    background-color: #bbbec1;
}
.block-project .slider-nav-light .flickity-page-dots .dot {
    border-color: transparent;
}
.block-project .slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color);
    width: 14px;
    height: 14px;
}
.block-project .flickity-page-dots {
	    position: initial;
}
.block-project .slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow {
	border: 1px solid rgb(30, 106, 50);
}
.block-project .slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
    fill: rgb(30, 106, 50);
}
.block-project .flickity-prev-next-button {
	width: 40px;
    height: 40px;
}
.block-project .flickity-prev-next-button.previous {
	left: 9%;
}
.block-project .flickity-prev-next-button.next {
	right:9%;
}
.block-project .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow {
	background-color: rgb(30, 106, 50) !important;
}



/* Block-Quy mô */

.block-quymo .col-h2-duan {
    padding-bottom: 0;
}
.color-h2 {
    color: #fff !important;
}
.color-h2:after {
	background-color: #fff !important;
}
.fix-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.fix-col-6 {
    padding-left: 0px;
    padding-right: 5px;
}
.fix-col-6-img {
    padding-left: 5px;
	padding-right: 0;
}
.fix-col-6-img .img {
    margin-bottom: 10px !important;
}
p.title-p {
    font-size: 18px;
    font-family: arial;
    margin-bottom: 20px;
	line-height: 25px;
	color: #fff;
}
.list-text {
    font-family: arial;
    color: #fff;
    font-size: 14px;
}
.list-text p.scale {
    font-size: 18px;
    margin-bottom: 10px;
}
.list-text p {
    margin-bottom: 7px;
}

/* Block-Vi tri  */
.page-template p.from_the_blog_excerpt,.box-blog-post .is-divider, .badge.absolute.top.post-date.badge-outline {
    display: none !important;
}
.block-maps .post-item {
    padding-bottom: 5px;
}
.block-maps p.style-p-project {
    font-family: arial;
    font-size: 14px;
    text-align: center;
    width: 730px;
    margin: 0 auto;
    margin-bottom:30px;
}
.google-maps iframe {
    width: 100%;
}
h3.item-heading {
    text-align: left;
    margin: 0;
    font-family: "Arial",sans-serif;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
h3.item-heading a {
    color: #333;
}
.block-maps .box-image {
    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.block-maps .box-image img {
    display: block;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}
.block-maps .box-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #1c6830;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}
.block-maps .has-hover:hover img {
    filter: grayscale(0);
}
.block-maps .has-hover:hover .box-image:after {
	opacity:0;
}
.block-maps .has-hover:hover .item-heading a {
	color:#5e946c;
}
.block-maps  .box-text {
	padding:5px 0 0;
	text-align:left;
}
.block-maps .fix-col-3 {
    padding-bottom: 0;
}
.block-maps .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button,.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
	margin-top: 0;
}


.block-news .box-text.text-center {
    text-align: left;
    padding-bottom: 0;
}
.block-news .col.post-item.is-selected {
    padding-bottom: 0;
}
/* BLOCK-TIENICH */
.section-tienich {
    position: relative;
    background:url(../../../wp-content/uploads/img/section-4.jpg) no-repeat 0 0;
    background-size: cover;
}
.tab-content-project .nav-left {
    justify-content: space-between;
	padding-bottom: 20px;
}
.tab-content-project ul.nav>li>a {
    padding: 7px 10px;
    border-top: 1px solid #7a7e74;
    border-bottom: 1px solid #7a7e74;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-size: 15px;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
.tab-content-project ul>li.active>a {
	background: var(--primary-color);
}
.style-col-3 .item-thumbnail {
    font-family: arial;
    font-size: 14px;
    text-align: center;
	color:#333;
	margin-bottom: 15px
}
.style-col-3 {
	background-color:#fff;
}
.style-col-3 .col-inner {
    padding: 30px;
    line-height: 1.2;
}
.style-col-3 h3.item-h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 10px;
    border-bottom: 1px solid var(--primary-color);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
	margin-bottom: 10px;
	color: #072e84;
}
.txt-tab {
    font-size: 15px;
    line-height: 28px;
    color: #252525;
}
.fix-col-12 {
    padding-bottom: 0;
}
#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width:4px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb{
	background-color: rgb(50, 119, 68);
}
.scrollbar {
    float: left;
    height: 250px;
    overflow-y: auto;
	margin-bottom: 25px;
    margin-right: -10px;
    padding-right: 10px;
	margin-top: 15px;
}
.scrollbar .force-overflow p {
    font-size: 14px;
    color: #333;
    text-align: justify;
    margin-right: 10px;
    font-family: arial;
}
.style-col-3  .img-cvl {
    width: 68px;
    height: 55px;
    background: url(../../../wp-content/uploads/img/icons-sf37f873abb.png) no-repeat;
    background-position: 0px -230px;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 10px;
}
.style-col-3 .fix-height {
    height: 200px;
}


/* BLOCK-VIDEO */
.block-video {
	position: relative;
    padding-top: 30% !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    background-image: url(../../../wp-content/uploads/img/section-video.jpg);
}
.block-video  .is-outline:hover, .primary.is-outline:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: #e1e1e1;
}
.block-video .relative {
    position: initial !important;
}
.block-video .video-button-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.block-video:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    opacity: 1;
    transition: opacity 0.35s;
}
.block-video .button i.icon-play {
    opacity: 1 !important;
    color: var(--primary-color);
}
.block-video .button:hover i.icon-play {
	color:#fff !important;
}

/* Block-cảnhđẹp */
.block-view p.style-p-project {
    width: 730px;
    margin: 0 auto;
    line-height: 1.3;
    color: #333;
    text-align: center;
    font-size: 14px;
    font-family: arial;
}
.fix-img-col-4 {
    padding:0 5px 5px 15px !important;
}
.fix-img-col-8 {
    padding-left: 0 !important;
    padding-bottom: 5px !important;
}
.fix-img-col-4 .col-inner>.img:not(:last-child), .col>.img:not(:last-child) {
    margin-bottom: 5px;
}
.fix-col-4-first {
    padding-right: 5px;
	padding-bottom:0;
}
.fix-col-4-two {
    padding-left: 0;
    padding-right: 0;
	padding-bottom:0;
}
.fix-col-4-three {
    padding-left: 5px;
	padding-bottom:0;
}
/* 
* SECTION-CĂN HỘ */
.col-h2-duan {
    padding-bottom: 0 !important;
}
.section-canho .img-thumnail {
    width: 68px;
    height: 60px;
    background: url(../../../wp-content/uploads/img/icons-sf37f873abb.png) no-repeat;
    background-position: 0 -286px;
    background-size: cover;
    margin: 0 auto;
}
.section-canho h3.mr-bt {
    margin-top: 15px ;
}
/* BLOCK -TABCONTENT -MẶT BẰNG */
.block-tab-mb .nav-left {
    justify-content: space-between;
}
.block-tab-mb ul.nav>li>a {
    padding: 7px 10px;
    border-top: 1px solid #7a7e74;
    border-bottom: 1px solid #7a7e74;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.block-tab-mb ul>li.active>a {
    border-color:rgba(28,104,48,0.9);
    background-color: rgba(28,104,48,0.9);
	color:#fff;
}
.block-tab-mb .nav-left {
    display: inline-block;
    text-align: center;
}
.block-tab-mb  .border-tab .img .img-inner {
    border: 1px solid #d9d9d9;
}
.block-tab-mb h3.text-tabcontent {
    margin-bottom: 22.5px;
    margin-top: 20px;
    color: #1c6830;
    font-size: 24px;
    font-weight: 500;
}
h3.text-tab {
    margin-bottom: 22.5px;
    color: #1c6830;
    font-size: 24px;
}
a.style-tab {
    background-color: #ffb522;
    padding: 6px 10px 5px;
}
.detail {
    font-size: 14px;
    font-family: arial;
}
.border-tab-content .br-col .col-inner {
    border: 1px solid #d9d9d9;
}
.list-icon {
    border-top: 1px solid #e1e1e1;
	padding-top:20px;
}
.item a:hover .item-icon {
    background-color: var(--primary-color);
}
.item-icon {
    position: relative;
    float: left;
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    background-color: #39b54a;
    border-radius: 50%;
    transition: background 0.3s ease;
}
.item {
    line-height: 46px;
    font-size: 16px;
}
.icon-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 30px;
    height: 22px;
    background: url(../../../wp-content/uploads/img/icons-sf37f873abb.png) no-repeat;
    background-position: 0px -30px;
    margin: 0 auto;
}
span.text {
    color: #333;
    font-size: 16px;
    font-family: arial;
}
.fix-width .icon-box-text {
    line-height: 46px;
}

.icon-img-2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 30px;
    height: 30px;
    background: url(../../../wp-content/uploads/img/icons-sf37f873abb.png) no-repeat;
    background-position: 0px 0px;
}
.icon-img-3 {
    color: #fff;
    font-size: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.icon-img-3:before {
    content: "\f16a";
    font-family: FontAwesome;
}
.icon-img-4 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: url(../../../wp-content/uploads/img/icons-sf37f873abb.png) no-repeat;
    background-position: -30px -30px;
    height: 28px;
    width: 30px;
}
.icon-img-5 {
    color: #fff;
    font-size: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.block-tab-mb p.text {
    margin-bottom: 0;
}
.icon-img-5:before {
    content: "\f09a";
    font-family: FontAwesome;
}
/*  BLOCK-FORM */
.block-form {
    padding: 20px 0 !important;
}
h4.text-user {
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
    margin-top: 10px;
}
h4.text-user p {
    margin-bottom: 0;
}
.style-col-4 .text-user p.font-weight-light {
    font-weight: 100;
}
.style-col-4 {
    text-align: center;
}
p.footer-sdt {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
	    color: #fff;
}
p.footer-hotline {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 30px;
    margin-bottom: 22.5px;
	    color: #fff;
}
p>a {
    color: #fff;
}
p>a:hover {
	color:#ffb522;
}
p.web,.email,.web,.add {
    margin-bottom: 0;
    font-family: arial;
	font-size: 16px;
	color: #fff;
}
.block-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #fff;
}
.block-form .input span.wpcf7-form-control-wrap input.wpcf7-form-control {
    display: block;
    width: 100%;
    height: 31px;
	margin-bottom: 5px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #000;
    background-color: #bad1c0;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
	box-shadow: none;
    -webkit-appearance: none;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
.block-form textarea.wpcf7-form-control.wpcf7-textarea {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #000;
    background-color: #bad1c0;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
.block-form input.wpcf7-form-control.wpcf7-submit {
    font-weight: bold;
    color: #fff;
    background-color: #bad1c0;
    border-color: #bad1c0;
    padding: 0px 35px;
    font-size: 16px;
}
.block-form .row .medium-4:last-child {
    border-left: 1px solid rgba(57,181,74,0.5);
}
.block-form .section-content {
    padding: 60px 15px;
    border: 1px solid rgba(57,181,74,0.5);
    width: 1170px;
    margin: 0 auto;
}
.block-form .br-left {
    border-left: 1px solid rgba(57,181,74,0.5);
}

.block-form .ux-logo-link.block.image- {
    padding: 0px !important;
}

/* BLOCK FOOTER */
.footer-widgets .widget_text {
    max-width: 24% ;
    flex-basis: 24%;
	margin-bottom: 0 !important;
}
.footer-widgets .widget_nav_menu {
	max-width: 76% ;
    flex-basis: 76%;
	margin-bottom: 0 !important;
}
.textwidget p {
    margin-bottom: 0;
}
.footer-widgets  ul.menu>li+li, .widget>ul>li+li {
	border-top: none;
}
.footer-widgets .menu-menu-footer-container ul.menu {
	float:left;
}
.footer-widgets .menu-menu-footer-container ul.menu li {
    float: left;
}
.footer-widgets .menu-menu-footer-container ul.menu li a {
    padding-left: 18px;
    padding-right: 0;
    color: #333;
    transition: color 0.3s ease;
    padding-bottom: 10px;
    position: relative;

}
.footer-widgets .menu-menu-footer-container ul.menu li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 3px;
	width: 100%;
}
.footer-widgets .menu-menu-footer-container ul.menu li:hover a:after {
    bottom: -1px;
    z-index: 1;
    background-color: var(--primary-color);
}
.absolute-footer.dark {
    color: rgba(255,255,255,0.5);
    display: none;
}





/* block-download */
.btn-group-aside {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 101 !important;
    transform: translate3d(0, -50%, 0);
    font-size: 16px;
    font-weight: bold;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.btn-group-aside li {
    position: relative;
    display: inline-block;
    height: 48px;
    float: right;
    clear: both;
    background-color: rgba(186,209,192,0);
    border-radius: 18px 0 0 18px;
    white-space: nowrap;
}
.btn-group-aside .button-sp {
    display: inline-block;
    width: 48px;
    height: 48px;
    float: left;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    background-color: var(--primary-color);
    color: #fff;
	margin-bottom: 0;
    margin-right: 0;
}
.btn-group-aside .text {
    display: inline-block;
    width: 0;
    padding: 0;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    transition: all 0.7s ease;
}
.btn-group-aside li+li {
    margin-top: 10px;
}
.btn-group-aside li {
    position: relative;
    display: inline-block;
    height: 48px;
    float: right;
    clear: both;
    background-color: rgba(186,209,192,0);
    border-radius: 18px 0 0 18px;
    white-space: nowrap;
}
.btn-group-aside a {
    color: #333;
}
.btn-group-aside li:hover {
    background-color: #bad1c0;
    overflow: visible;
}
.btn-group-aside li:hover .button-sp {
    background-color: #072e84;
}
.btn-group-aside li:hover.phone .text {
    width: 150px;
}
.btn-group-aside li:hover .text {
    padding: 0 20px;
}
.btn-group-aside li:hover.download .text {
    width: 150px;
}
.block-maps button.flickity-button.flickity-prev-next-button {
    position: absolute;
    top: 0;
    height: 81%;
    bottom: 29px;
    width: 50px;
    z-index: 1;
	color: #fff;
}
.block-news button.flickity-button.flickity-prev-next-button {
	height: 70%;
}
.block-news button.flickity-button.flickity-prev-next-button.previous {
	left: 4px;
}
.block-news button.flickity-button.flickity-prev-next-button.next {
    right: 4px;
    
}
.block-news button.flickity-button.flickity-prev-next-button {
    position: absolute;
    top: 0;
    height: 70%;
    bottom: 29px;
    width: 50px;
    z-index: 1;
	color: #fff;
}
.block-news button.flickity-button.flickity-prev-next-button.previous:before {
    content: '';
    position: absolute;
    top: 0;
    left: 11px;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    background: linear-gradient(to right, #000 0%, rgba(255,255,255,0) 100%);
}
.block-news button.flickity-button.flickity-prev-next-button.next:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 11px;
    bottom: 0;
    opacity: 0.5;
    background: linear-gradient(to right, #000 0%, rgba(255,255,255,0) 100%);
} 
.copyright p.pull-left {
    font-family: arial;
    font-size: 13px;
    color: #333;
}
ul.list-unstyled li {
    position: relative;
    padding-left:0;
    padding-right: 7px;
    display: inline-block;
	font-family: arial;
    font-size: 13px;
    color: #333;
}
/* ul.list-unstyled li + li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -2px;
    height: 10px;
    width: 1px;
    margin-top: -6px;
    border-left: 1px solid #333;
} */
.footer .widget_custom_html {
    max-width: 100%;
    flex-basis: 100%;
}
.copyright {
    width: 73%;
    float: right;
	    padding-bottom: 10px;
}
.popup-box h2.title-popup {
    background: rgba(0, 0, 0, 0) url(/wp-content/uploads/2019/04/file.svg) no-repeat scroll center top;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0px;
    padding: 80px 0 20px;
    text-align: center;
    text-transform: uppercase;
}
.popup-box .input-sidebar label {
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
        width: 25%;
}
.popup-box .wpcf7 .wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: none;
    color: #222;
    font-family: "Roboto";
    font-weight: 400;
    padding: 5px 10px;
}
.click.bg-btn {
    text-align: center;
}
.click.bg-btn input {
    background: #fff;
    color: #333;
	text-transform: initial;
}
.breadcrumbs {
    background: #327744 none repeat scroll 0 0;
    margin-top: 0px;
}
.breadcrumbs p {
    font-size: 14px;
    color: #fff;
    text-transform: none;
	margin: 0px auto;
    padding: 15px 0 10px;
}
.breadcrumbs p:before {
    font-family: FontAwesome;
    font-size: 24px;
    font-weight: normal;
    line-height: 20px;
    margin:0 5px;
    content: "\f015";
    display: block;
    float: left;
    color: #fff;
}
.breadcrumbs a.current, .breadcrumbs a:hover {
    color: #dc2a25;
}
.breadcrumbs a {
    font-size: 14px;
    color: #ccc;
    font-weight: 600;
}
.category h1.page-title {
    color: #327744;
    font-size: 22px;
}
.category .box-vertical {
    display: block;
    width: 100%;
}
.large-9 .post-item {
    max-width: 33.333%;
    flex-basis: 33.333%;
}
.large-columns-1 .box-image {
    width: 100% !important;
    display: block;
}
.large-columns-1 .box-text {
    padding: 0;
    display: block;
    width: 100% !important;
	text-align:center;
}
.category  p.from_the_blog_excerpt, .box-blog-post .is-divider, .badge.absolute.top.post-date.badge-outline {
    display: block;
}
.category .badge-inner {
    display: none;
}
.category .is-divider {
	margin: 9px auto !important;
}
 .large-9 .col-inner {
    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.category  .box-text-inner.blog-post-inner {
    padding: 10px 10px;
}
.input-sidebar span input {
    background-color: #FFF;
    border: 1px solid #777;
    padding: 5px 10px;
    border-radius: 0;
    color: #222;
    width: 100%;
    margin-bottom: 10px;
}
h2.widget-title {
    font-size: 19px;
    color: #dc2a25;
	text-align:center;
}
.pd-col-sidebar h3 {
    font-size: 16px;
    color: #dc2a25;
	text-align:center;
}
.sidebar {
    position: relative;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    margin-bottom: 35px;
    padding: 25px 5px 5px;
    border: 3px dashed #1e6a32;
    z-index: 1;
}
.sidebar .click.bg-btn input {
    margin: 10px 0 0;
    background: #1e6a32;
    color: #fff;
    text-transform: initial;
}
.row-divided .large-9 {
    max-width: 70%;
    flex-basis: 70%;
}
.row-divided .large-3 {
    max-width: 30%;
    flex-basis: 30%;
}
.post-sidebar.large-3.col {
    border: none !important;
}
.row.row-large {
    max-width: 1170px !important;
}
.single h6.entry-category.is-xsmall,.is-divider {
    display: none;
}
.single .entry-header-text-top {
    padding-bottom: 0;
    padding-top: 5px;
}
.single .entry-content {
	padding-top: 0; 
}
.pd-col-sidebar {
    padding-bottom: 5px;
}
.border-side {
    padding-bottom: 0;
}
.news-side {
    padding-left: 30px !important;
    padding-right: 30px !important;
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.news-side .post-item .col-inner:last-child {
    border: none;
}
.news-side .post-item .col-inner {
    border-bottom: 1px solid #ccc !important;
}
/* RESPONSIVE
*/
@media (min-width:544px) and (max-width: 1024px) {
	.block-tab-mb .item {
		text-align: center;
	}
	.block-tab-mb .item-icon {
		float: none;
		margin: 0 !important;
	}
	.block-tab-mb p.text {
		display: block;
		line-height: 1.3;
	}
}
@media (min-width: 544px) {
	.fix-width {
		max-width: 20% !important;
		float: left;
		padding-bottom: 0;
	}
	
}
@media (max-width: 1024px) {
 	.block-news button.flickity-button.flickity-prev-next-button {
		height: 65%;
	}
	.header-main .nav > li > a {
		font-size: 13px;
	}
	.slide .flickity-prev-next-button {
		width: 35px !important;
		height: 35px !important;
	}
	.pd-60 {
		padding: 30px 0 !important;
	}
	.block-project .flickity-prev-next-button.previous {
		left: 4%;
	}
	.block-project .flickity-prev-next-button.next {
		right: 4%;
	}
	.list-text p {
		margin-bottom: 5px;
	}
	p.title-p {
		margin-bottom: 10px;
	}
	.scrollbar {
		height:160px !important;
	}
	.block-tab-mb .nav-left li {
		margin-bottom: 10px;
	}
}
@media (max-width: 991px) { 
	.block-form .br-left {
		display: none;
	}
	.block-form .large-4 {
		max-width: 50%;
    	flex-basis: 50%;
	}
}
@media (max-width: 768px) {
		.footer-widgets .menu-menu-footer-container ul.menu li a {
		padding: 15px 15px;
	}
	.block-news button.flickity-button.flickity-prev-next-button {
		height: 86%;
	}
	.block-maps button.flickity-button.flickity-prev-next-button.previous {
		left: 15px;
	}
	button.flickity-button.flickity-prev-next-button {
		height: 92%;
	}
	.block-form .section-content {
		width: 719px;
	}
	.section-tienich .medium-9 {
		max-width: 100%;
		flex-basis: 100%;
	}
	.section-tienich .col.medium-3.large-3 {
		max-width: 100%;
		flex-basis: 100%;
	}
	.scrollbar {
		height: auto !important;
	}
		.block-maps .col-h2 {
		padding-bottom: 0;
	}
	h2.style-h2:before {
		left: calc(50% - 125px);
    	width: 250px;
	}
	.block-project .col-h2 {
		padding-bottom: 0;
	}
	 h2.style-h2 {
		padding-bottom: 10px;
    	font-size: 35px;
		line-height: 40.8px;
	}
	.header.show-on-scroll, .stuck .header-main {
		height: 50px!important;
	}
	.stuck #logo img {
		max-height: 50px!important;
	}
	.header-main {
		height: 50px !important;
	}
	#logo img {
		max-height: 50px !important;
	}
	p.style-p {
		width: 100%; 
	}
	.pd-0 {
		padding-bottom: 0;
		max-width: 100%;
		flex-basis: 100%;
	}
	
}
@media (min-width: 481px) and (max-width: 768px) {
	.block-project .medium-2 {
		max-width: 33.33% ;
		flex-basis: 33.33%;
	}
	.block-quymo .medium-6 {
		max-width: 100%;
		flex-basis: 100%;
	}
	.block-quymo .fix-col-6 {
		max-width: 50% !important;
		flex-basis: 50% !important;
	}
	.fix-col-6-img {
		max-width: 50% !important;
		flex-basis: 50% !important;
	}
	.block-quymo .fix-col-6 {
		padding-bottom: 40px;
	}
	.block-quymo .col.medium-6.small-12.large-6 {
			padding-bottom: 5px;
		}
	.fix-col-6-img .img {
		margin-bottom: 13px !important;
	}
}
@media (max-width: 480px) { 
	.footer-widgets .widget_nav_menu {
		display: none;
	}
	.footer-widgets .widget_text {
		max-width: 100%;
		text-align: center;
		flex-basis: 100%;
	}
	img.size-full.alignnone {
		margin-bottom: 0;
	}
	.copyright p.pull-left {
		float: inherit;
	}
	ul.pull-right.list-unstyled {
		float: inherit;
	}
	.copyright {
    width: 100%;
    float: inherit;
    padding-bottom: 0;
}
	.block-form  .style-col-4 .col-inner {
		border-bottom: 1px solid rgba(57,181,74,0.5);
		padding-bottom: 15px;
	}
	p.footer-hotline {
		font-size: 28px;
		margin-bottom: 10px;
	}
	p.footer-sdt {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.block-form .large-4 {
		max-width: 100%;
		flex-basis: 100%;
		padding-bottom: 10px;
	}
	.block-form input.wpcf7-form-control.wpcf7-submit {
		padding: 0px 25px;
    	font-size: 15px;
	}
	
	.block-form .section-content {
		padding: 15px 0;
	}
	.block-tab-mb .col-inner .img {
		width: 100% !important;
	}
	.fix-width {
		padding-bottom: 0;
	}
	.section-canho .fix-height {
		height: 97px !important;
	}
	.fix-img-col-4, .fix-img-col-8 {
		    padding: 0 15px 5px 15px !important;
	}
	.fix-col-4-first,.fix-col-4-two,.fix-col-4-three {
		 padding: 0 15px 5px 15px !important;
	}
	
	.col-h2 {
		padding-bottom: 10px;
	}
	.block-view p.style-p-project {
		width: 100%;
		text-align: justify;
	}
	.is-xlarge {
		font-size: 20px;
	}
	i.icon-play {
		font-size: 30px !important;
	}
	.fix-col-maps {
		padding-bottom: 15px;
	}
	.block-maps p.style-p-project {
		text-align: justify !important;
    	width: 100%;
		margin-bottom: 15px;
	}
	.list-text p.scale {
		font-size: 17px;
		margin-bottom: 5px;
	}
	p.title-p {
		font-size: 17px; 
		margin-bottom: 5px;
	}
	.pd-col-0 {
		padding-bottom: 0;
	}
	.fix-col-img {
		padding-bottom: 0 !important;
	}
	.fix-col-6-img {
		padding: 0 !important;
	}
	.block-quymo .fix-col-6 {
		padding-bottom: 10px;
	}
	.mr-bt-60 {
		margin-bottom: 20px;
	}
	.slide-project {
		padding: 0 20px !important;
	}
	p.style-p {
		text-align: justify !important;
    	margin-bottom: 5px;
	}
	.pd-60 {
		padding: 15px 0 !important;
	}
	h2.style-h2 {
		padding-bottom: 10px;
		font-size: 26px;
		line-height: 30.8px;
	}
	h2.style-h2:before {
		left: calc(50% - 95px);
		width: 190px;
	}
	.block-project .col {
		padding-bottom: 10px;
	}
	.block-project .box-text h3.img-text {
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0; 
		font-size: 16px;
	}
	.tab-content-project .nav-left {
		justify-content: center;
		padding-bottom: 0;
	}
	.tab-content-project .nav-left li {
		width:50%;
		margin-right: 0;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 10px;
	}
	.tab-content-project ul.nav>li>a {
		text-align: center;
    	font-size: 14px;
	}
	.style-col-3 h3.item-h3 {
		margin-left: 0;
	}
	.style-col-3 .col-inner {
		padding: 15px;
	}
	.block-tab-mb ul.nav>li>a {
		font-size: 15px;
	}
}
@media (max-width: 414px) {
	.row-divided .large-9 {
		max-width: 100%;
		flex-basis: 100%;
	}
	.row-divided .large-3 {
		max-width: 100%;
		flex-basis: 100%;
	}
	.category .post-item {
		max-width: 100%;
		flex-basis: 100%;
	}
	.block-maps button.flickity-button.flickity-prev-next-button.next {
		right: 15px;
	}
	.block-news button.flickity-button.flickity-prev-next-button.previous:before {
		left: 0;
	}
	.block-news button.flickity-button.flickity-prev-next-button.next:before {
		right:0;
	}
	.block-news button.flickity-button.flickity-prev-next-button.previous {
		left: 15px;
	}
	.block-news button.flickity-button.flickity-prev-next-button.next {
		right: 15px;
	}
	.block-news button.flickity-button.flickity-prev-next-button {
		height: 78%;
	}
	button.flickity-button.flickity-prev-next-button.next {
		right: 15px;
	}
.block-form .section-content {
		width: 719px;
	}
}
@media (max-width: 375px) { 
	.block-form .section-content {
		width: 326px;
	}
	.block-news button.flickity-button.flickity-prev-next-button {
		height: 75%;
	}
}
@media (max-width: 320px) { 
	.block-form .section-content {
		width: 271px;
	}
	.block-news button.flickity-button.flickity-prev-next-button {
		height: 72%;
	}
	button.flickity-button.flickity-prev-next-button {
		height: 84%;
	}
}