body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    overflow-x: hidden;
    background: #fdfcfa;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.5;
}
p, em {
    line-height: 1.7;
}
a{color: #337ab7;}
a:focus, a, a:hover{
    text-decoration: none;
    outline: 0
}
/*button:focus,input[type=submit]:focus {outline:none;}
*/input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom;
}
input[type="search"] {
    -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
    cursor:pointer;
    color:red!important;background: blue!important;height: 10px;
    width: 10px;
    display: inline-block;
}
input {
    -webkit-appearance: searchfield;
}
*::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}
.header {
    z-index: 99;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    transition: all .2s ease-in-out 0s;
    -moz-animation: headerAnimation .7s 1;
    -webkit-animation: headerAnimation .7s 1;
    -o-animation: headerAnimation .7s 1;
    animation: headerAnimation .7s 1;
    box-shadow:none;
}


header  .header-inner{
    padding: 0px  15px;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    position: relative;
}
.header .wrap {
   
    transition: .35s all cubic-bezier(.65, .05, .36, 1);
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    z-index: 1030;
}
.header.small .wrap {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1030;background: #fffffff7;
}
.header-bg {
     border-bottom: 1px solid #E5E5E5;
     overflow:unset;
}
.header.small.header-bg{
    padding-bottom: 85px;
}
.header.header-bg .wrap{
    margin: 0 auto;
    position: inherit;
    width: 100%;
}
.header.small.header-bg .wrap{
    margin: 0 auto;
    position: fixed;
}
/*.header.header-bg .wrap{
    position: inherit;
    margin: 0 auto;
}
.header.header-bg .logo a {
    display: block;
    margin: auto;
}
.header.header-bg .logo a img{max-height: 80px;    margin-left: 0;padding: 1px;}*/
/*.header img, .menu__primary ul li > a {
    transition: all .1s ease-in-out 0s;
    -moz-animation: headerAnimation .7s 1;
    -webkit-animation: headerAnimation .7s 1;
    -o-animation: headerAnimation .7s 1;
    animation: headerAnimation .7s 1
}*/



/*.header.small .menu__primary ul li > a {
    padding: 15px 25px;
}*/

.header.fixed::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .6;
    pointer-events: none;
    background: linear-gradient(180deg,#000 0,transparent);
    height: 120%;
    content:"";
}
.header .logo {
    display: block;
    margin-top: 4px;
    margin-bottom: 5px;
    min-height: unset;
    padding-right: 20px;
    z-index: 9;
}
.header nav.menu__primary{    flex-grow: 1;
    text-align: center;    max-width: 992px;}

.header .logo a img{
    transition: all 100ms;display:block;
}

.header  .header-inner::before {
    position: absolute;
    content: '';
    top: 0;
    right: 10%;
    bottom: 0;
    left: 10%;
    visibility: hidden;
    background: 0 0;
    transition: all .3s ease;
}
.header.small  .header-inner::before {
    right: 0;
    left: 0;
    visibility: visible;
/*    background: rgb(255 255 255 / 95%);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);*/
}

.header.small .header-inner{
    padding: 2px 0px;    background: unset;
}
.header.small .menu__primary ul li > a {
    padding: 10px 10px 12px;
}

.header .logo a img {
    content: url("/images/logo.png"); 
    max-width: 100%;
    max-height:75px;
    transition: all 0.3s ease-in-out;
}


.header.small .logo a img {
    content: url("/images/logo-2.png");
    width: 146px;
}
.header .logo a img:hover{
    transform: scale(1.07);
}
.header.small .menu li.has-dropdown:before{
    border-bottom-color: rgb(220 220 220 / 68%);
}
.header .menu > li > a::after {
    content:"";
    border: 0;
    margin: 0px auto;
    background-color: #ffffff00;
    transition: all .15s ease-in;
    width: 135%;
    height: 1px;
    display: block;
}
.header  .menu > li:hover > a::after {
    width: 40px;
    background-color: #00a64f;
    margin: 0 auto;
}

@media (max-width: 786px){
    .header .wrap {
        top: 25px;
    }
}
@keyframes wobble-to-top-right {
  	16.65% {
  	    -ms-transform: translate(6px, -6px);
	    -webkit-transform: translate(6px, -6px);
	    transform: translate(6px, -6px);
  	}

  	33.3% {
  		-ms-transform: translate(-5px, 5px);
	    -webkit-transform: translate(-5px, 5px);
	    transform: translate(-5px, 5px);
  	}

  	49.95% {
  		-ms-transform: translate(3px, -3px);
	    -webkit-transform: translate(3px, -3px);
	    transform: translate(3px, -3px);
  	}

  	66.6% {
  		-ms-transform: translate(-2px, 2px);
	    -webkit-transform: translate(-2px, 2px);
	    transform: translate(-2px, 2px);
  	}

  	83.25% {
  		-ms-transform: translate(1px, -1px);
	    -webkit-transform: translate(1px, -1px);
	    transform: translate(1px, -1px);
  	}

  	100% {
  		-ms-transform: translate(0, 0);
	    -webkit-transform: translate(0, 0);
	    transform: translate(0, 0);
  	}
}
.menu__primary ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
}

.menu__primary ul li {
    display: block;
    position: relative;
    z-index: 100;

}
@media (min-width: 786px) and (max-width: 1200px){
    .menu__primary ul li:nth-child(7){display:none;}
}
/*.menu__primary>ul>li:first-child>a{
    border-left:1px solid rgba(255,255,255,.22)
}*/
.menu__primary ul li > a {
    text-decoration: none;
    padding: 33px 11px 22px;
    display: block;
    color: #272727;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
    transition: all 0.4s;
}
.menu__primary ul .menu-item-home a i{padding-left:0;padding-right:2px;font-size:18px;line-height:24px;}
.menu__primary ul li > a:hover{color: #00a64f;}
.header.fixed .menu__primary ul li > a{color:#383838;}
.header.fixed .menu__primary ul li > a:hover{opacity:0.9}
/*.menu__primary ul li.current-menu-item a,.menu__primary ul li a:hover{
    border-bottom: 1px solid #fff;
    color: #ffffff;
}*/
/*.menu__primary ul li.current-menu-item a:after, .menu__primary ul li a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.5px;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    -webkit-transition: all .15s ease-in;
    -ms-transition: all .15s ease-in;
    transition: all .15s ease-in;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(1);
    width: 135%;
    margin: 0 auto
}

.menu__primary ul li.current-menu-item a:after, .menu__primary ul li a:hover:after {
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    background-color: #fff;
    width: 40px;
}
*/
.menu__primary .menu__phone a strong {
    background: #fafafa;
    padding: 0px 8px;
    border-radius: 15px;
    font-size: 18px;
    transition: all 0.2s;
    color: #dd0404;
}
/*.menu__primary .menu__phone a strong {border: 1px solid #b5b5b5;}*/
.menu__primary .menu__phone a:hover strong {
    /*background: #da0802;*/
    transform: scale(1.05);
}
.menu__primary .menu__contact{float:right;}
.menu__primary .menu__contact a{
    float:right;
    padding-right: 0;
}
.menu__primary .menu__contact a strong {
     padding: 8px 12px;
    border-radius: 2px;
    font-size: 13px;
    color: #ffffff;
    background: #00a550;
    text-transform: uppercase;
    font-family: arial;
    -webkit-box-shadow: 0 3px 5px -4px rgb(0 0 0 / 16%), 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: 0 3px 5px -4px rgb(0 0 0 / 16%), 0 3px 5px rgb(0 0 0 / 13%);
    background: -webkit-linear-gradient(left, #e7bf20 0%, #edba1d 50%, #efa51f 100%);
    background: -o-linear-gradient(left, #e7bf20 0%, #edba1d 50%, #efa51f 100%);
    background: linear-gradient(to right, #e7bf20 0%, #edba1d 50%, #efa51f 100%);
    background-size: 200%;
}

/*.menu__primary .menu__contact a strong {border: 1px solid #b5b5b5;}*/
.menu__primary .menu__contact a:hover strong{
    -webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.menu__primary .menu__phone a:after,.menu__primary .menu__contact a:after  {
    display: none;
}

.menu-responsive a:focus, .menu-responsive a:hover {
    text-decoration: none
}

.menu-responsive {
    top: 0;
    height: 100%;
    position: fixed;
    width: 300px;
    z-index: 9999;
    overflow: auto;
    display: none;
    transition: all .2s ease-out;
    font-weight: 600;
    background: linear-gradient(128deg, #3d9a61f7, #358554ed);
}

.menu-icon {
    position: absolute;
    right: 10px;
    z-index: 999;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: all .5s cubic-bezier(1,0,.0,1.000);
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
}

.menu-icon span {
    position: absolute;
    top: 10px;
    color: #444
}

.menu-close {
    cursor: pointer;
    color: #ffffffa3;
    overflow: hidden;
    font-size: 16px;
    text-align: right;
    letter-spacing: 1px;background: #2f8752;
}

.menu-close i {
    padding: 10px 15px;
    background: rgba(0, 0, 0, .23);
    font-size: 35px;
}

.menu-close span {
    float: left;
    text-transform: uppercase;
    margin: 15px;    
}

.menu-open {
    font-size: 18px;
    padding: 1px 9px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #9dc9b2de;
    color: #9dc9b2de;
    width: 36px;
    height: 36px;
    border-radius: 2px;
}

.menu-open:hover
{
    border: 1px solid #00a64fde;
    color: #00a64fde;
}
.menu-responsive ul {
    list-style: none;
    padding: 0
}
.menu-responsive > ul > li {
    border-bottom: 1px solid rgba(255,255,255,.08);
    position: relative
}

.menu-responsive > ul > li > a {
    color: rgba(255,255,255,.9);
    font-size: 15px;
    padding: 10px;
    display: block;
    text-transform: uppercase
}
.menu-responsive > ul > li > a i.fa-caret-down{display:none;}
.menu-responsive > ul > li.menu-item-has-children {
    border-bottom: 0
}

.menu-responsive > ul > li > a:before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    position: absolute;
    right: 10px;
    top: 13px
}

.menu-responsive > ul > li > a.dcjq-parent:before {
    content: "\f067"
}

.menu-responsive > ul > li > a.dcjq-parent.active:before {
    content: "\f068"
}

.menu-responsive > ul > .menu-item-has-children > a {
    border-bottom: 1px solid rgba(255,255,255,.17)
}

.menu-responsive ul.sub-menu > li {
    position: relative
}

.menu-responsive ul.sub-menu > li > a {
    color: rgba(255,255,255,.9);
    font-size: 14px;
    padding: 10px 20px 10px;
    text-align: left;
    display: table;
    left: -99999px;
    background: #499d6bd4;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.menu-responsive ul.sub-menu > li:not(.menu-item-has-children) {
    border-bottom: 1px solid rgba(255,255,255,.17)
}

.menu-responsive ul.sub-menu > li > a i {
    font-size: 16px;
    margin-right: 5px
}

/*submenu*/
.menu .menu-dropdown {
    position: absolute;
    min-width: 220px;
    max-height: 0; 
    z-index: 9;
    padding: 14px 17px 5px;
    margin: 0;
    transition: opacity .25s;
    border: 1px solid #a5b7c138;
    color: #777;
    background-color: rgba(255, 255, 255, 0.97);
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    text-align: left;
    display: table;
    left: -99999px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    border-radius: 5px;
    font-size: 15.5px;
    min-height: 110px;
}
.menu li.has-dropdown:hover>.menu-dropdown,.no-js .menu  li.has-dropdown:hover>.menu-dropdown{opacity:1;max-height:inherit;left:0px}
.menu-dropdown li {
    display: block;
    margin: 0;
    vertical-align: top;
    margin-left: 0 !important;
}
.menu .menu-dropdown li {
    width:100%;
}
.menu .menu-dropdown li:hover a{
    color: #00a64f;
}
.menu .menu-dropdown>li>a {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    border-bottom: 1px solid #cecece6e;
    display: block;
    color: #30333a!important;
    transition: all .2s;
    width: auto;
    display: block;
    padding: 10px 2px;
    line-height: 1.3;
    font-weight: 500;
    font-size: 14.5px;
}
.menu .menu-dropdown li:last-child>a {
    border-bottom: none;
}
/*.menu .menu-dropdown>li:hover{background:#fcfcfc;}*/
.menu li.has-dropdown i.fa-angle-down {
    font-size: 16px;
    margin-left: .2em;
    opacity: .8;
    vertical-align: middle;
    transition: color .3s;
    margin-bottom: 4px;
}
.menu li.has-dropdown:before {
    bottom: -1px;
    opacity: 0;
    left: 50%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: -999;
    border-bottom-color: #d7d7d7c7;
    border-width: 11px;
    margin-left: -11px;
}
.menu li.has-dropdown:after{
    bottom: 0px;
    z-index: 10;
    opacity: 0;
    left: 50%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgb(221 221 221 / 0%);
    border-bottom-color: #d7d7d7c7;
    border-width: 8px;
    margin-left: -8px;
}
.menu li.has-dropdown:hover:before,.menu li.has-dropdown:hover:after{
    opacity:1;
    transition: all 0.25s;
}
/*.menu__primary ul li.has-dropdown a:after{display:none!important;}*/

.header__title {
margin: 0 0 30px;
    /* text-transform: uppercase; */
    font-weight: 800;
    font-size: 20px;
    line-height: 1.6;
    color: #333;
}
.border__bottom {
    position: relative
}
.border__bottom:before {
    content: " ";
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 10px;
    border-bottom: 3px solid #373738;
    width: 60px;
}

.section__banner {
    margin-bottom: 0px;
    background-image: url(/images/bannerv2.jpg);
    background-position: center;
    position: relative;
    z-index: 5;
    background-repeat: no-repeat;
    background-size: cover;
}
.section__banner .section__intro {
    display: table;
    width: 100%;
    height: 560px;
    padding-top: 190px;
}
.section__banner .section__intro .intro__text{
    max-width: 900px;margin: 0 auto;text-align: center;float: none;font-size: 110%;color:#fff;
}
.section__banner .section__intro .intro__text .des{margin-bottom:15px;text-shadow: 1px 1px #676767;}
    .section__intro .intro .intro__text .btn-tuyendung {
    opacity: 0.9;
margin-left: 20px;
background: linear-gradient(to right, #0ca04e 0%, #24ca55 50%, #0ca04e 100%);
}
    
/*search*/
.search-form .input-row span.span1 {
    position: relative;
    display: inherit;
    width: calc(100% - 130px);
    float: left;
}
.search-form .input-row span input.form-control {
    min-height: 40px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid rgba(255,255,255,.29);
    background: #f5f5f5;
    font-size: 18px;
    color: #615f5f;
    padding-left: 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    line-height: 46px;
}
.search-form .search-btn {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    padding: 9px 20px;
    display: block;
    min-height: 46px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #00a550;
    border-color: #00a550;
    width: 130px;
    float: left;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
}
.search-form .input-row span i.fa {
    position: absolute;
    left: 12px;
    top: 14px;
    color: gray;
    font-size: 16px;
}
/*p search*/
.adsearch{
    background: #e8e8e8;
    padding: 20px 15px 15px;
    margin-bottom: 20px;
    border-radius: 2px;
}
.adsearch .search-form .search-btn{color:#fff;}
.adsearch .input-row span input.form-control,
.adsearch .input-row  select {
    min-height: 40px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid rgba(255,255,255,.29);
    background: #ffffff;
    font-size: 18px;
    color: #615f5f;
    padding-left: 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    line-height: 46px;
}
.adsearch .input-row  select{
border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 7px 15px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    display: block;
    min-height: 46px;
    cursor:pointer;
}
.archive__content .no-results{ background: #ffeeb5;
    padding: 30px 20px;
    font-size: 19px;
    color: red;
    font-style: italic;}

input[type="search"] {
    -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
    cursor:pointer;
}
/*end search*/
/*banner slick*/

.wrap-slides {
    max-width: 2200px;
    margin: 0 auto;
}
.wrap-slides  .slides  {
    width:100%;
}
.wrap-slides  .slides  img{
    width: 100%;
    display: block;
}
.wrap-slides  .slick-list{width: 100%;    margin: 0!important;}
.wrap-slides  .slick-list .slick-slide{padding: 0!important;}
.wrap-slides.fullscreen-slide {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.slides {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* Căn giữa ảnh */
     opacity: 0;  /* Ẩn slider */
    transition: opacity 0.5s ease-in-out; /* Khi hiện ra sẽ mượt */
}

.slides div {
    height: 100%; /* Đảm bảo các div chứa ảnh đều chiếm 100% chiều cao */
}

.slides img {
    object-fit: cover; /* Đảm bảo ảnh phủ đầy không gian */
    width: 100%;
    height: 100%;
}
.slides .slick-dots{
    display: block;
    z-index: 8;
    position: relative;
    bottom: 111px;
}
.slides .slick-dots li button{
    background: #d3c28f !important;
}
.slides .slick-dots li.slick-active button,
.slides .slick-dots li:hover button
{
    background: #ddaa13!important;
}
@media (max-width: 768px) {
    .fullscreen-slide {
        background-size: contain; /* Trên màn hình nhỏ hơn, dùng contain để ảnh không bị cắt */
    }
}
.owl__banner .item {
    position: relative;
    height: 550px;
    overflow: hidden
}

.owl__banner.owl-theme img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: inherit;
    max-width: inherit;
    min-width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.section__home {
    margin: 30px 0;
}

.contact__form--heading {
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 35px;
    font-size: 17px;
    font-family: 'UTM-Avo-Bold';
    text-align: center;
}

.contact__form--heading:before {
    margin: 0 auto;
}

.contact__form {
    position: absolute;
    top: 140px;
    left: 10%; /*140px*/
    width: 340px;
    padding: 35px 25px 20px;
    background: rgb(24 22 22 / 31%);
    z-index: 9;
    opacity: 0.95;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(127,127,127,.4);
    -webkit-box-shadow: 0 2px 4px rgba(127,127,127,.4);
}

.contact__form .btn-submit {
    border-radius: 3px;
}

.btn-submit {
    padding: 10px  20px;
    display: block;
    color: #fff;
    background-color: #00a550;
    border-color: #00a550;
    text-transform: uppercase;
    font-weight: 700
}
.btn-submit:focus,.btn-submit:active{outline:none!important;color:#fff;}
.contact__form .btn-submit:hover {
    opacity: 0.95;
}

.btn-submit:hover {
    color: #fff
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.btn-animate {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
/*project*/
.featured-projects .post .project__title a
{
    background: -webkit-linear-gradient(#05b359, #03803f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (min-width: 768px)
{
    .featured-projects .post{
    width: 39%;
    float: left;
    margin-bottom: 10px;
    position:relative;
}
.featured-projects .post .cover__image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 60%;
}
.featured-projects .post .project__text
{
    border: none;
}

.featured-projects .post:first-child{
    width:60%;
    margin-right:1%;
}
.featured-projects .post:first-child .project__text{
        background: #fdfdfd;
}
.featured-projects .post:first-child .cover__image a{
   padding-top: 64%;
}
.featured-projects .post:first-child .project__title a
{
    font-size:17.5px;
    background: -webkit-linear-gradient(#05b359, #03803f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.featured-projects .post:nth-child(2) .area,
.featured-projects .post:nth-child(2) .address,
.featured-projects .post:nth-child(3) .area,
.featured-projects .post:nth-child(3) .address{
    display:none;
}
/*.featured-projects .post:first-child  .area{color:red;}*/
.featured-projects .post a{
        text-transform: uppercase;
}
.featured-projects .post:nth-child(2) .project__text,
.featured-projects .post:nth-child(3) .project__text{
    position: absolute;
    bottom: 0px;
    padding: 12px 20px 5px 18px;
    background: unset;
    width:100%;    border: none;
}

.featured-projects .post:nth-child(2) .project__text:before,
.featured-projects .post:nth-child(3) .project__text:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#343434));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #343434 100%);
    background-image: linear-gradient(
-180deg
, rgba(255,255,255,0) 0%, #343434 100%);
    z-index: 0;
}
.featured-projects .post:nth-child(2) .project__text .project__title,
.featured-projects .post:nth-child(2) .project__text .info__address,
.featured-projects .post:nth-child(2) .project__text .info__price,
.featured-projects .post:nth-child(3) .project__text .project__title,
.featured-projects .post:nth-child(3) .project__text .info__address,
.featured-projects .post:nth-child(3) .project__text .info__price{
    z-index:2;
    position:relative;
    color:#fff;
}
.featured-projects .post:nth-child(2) .project__text .info__address,
.featured-projects .post:nth-child(3) .project__text .info__address{display:none;}

.featured-projects .post:nth-child(2) .project__text .project__title a,
.featured-projects .post:nth-child(3) .project__text .project__title a{
    color:#fff;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.featured-projects .post:nth-child(2) .project__text .info__price,
.featured-projects .post:nth-child(3) .project__text .info__price{color:#fff;}

.featured-projects  .post .project {
    margin-bottom: 0px;
}
}

.post .project {
    margin-bottom: 2.5em;
}
.project .cover__image {
    position: relative;
}
.project .cover__image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.project .cover__image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.project .project__text {
   border: 1px solid #ececec;
    padding: 8px 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.project .project__title {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 25px;
}
.project .project__title a {
    font-weight: 700;
    font-size: 16.5px;
    color: #353535;
}
.project .info01, .project .info02
{
    list-style:none;
    padding-left:0;
}
.project .info01 li{
     width:50%;
    float:left
}
.project .info01 .info__price{
        font-family: 'UTM-Avo-Bold';    color: #da0802;
}
.project .info02{margin-bottom:0;}
.project .info01 .info__area{float:right;text-align: right;    font-style: italic;}
.project .info02 .info__localtion
{
    margin-bottom:5px;font-size: 14px;
    color: #726a6a;
    font-style: italic;
}
.project .info02 .info__cdt {
    font-size: 14px;
    font-weight:bold;
    opacity: 0.9;
}
.project .project__text i {
    padding-right: 5px
}
.project .project__description p{
    font-size: 13.5px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 4px;
}
.project .project__description p span:first-child{
    width: 82px;
    display: inline-block;
}
.project .project-inner
{
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
}
.info__address{
    color: #737373;
    font-size:15px;
    margin-bottom:6px;
}
.info__price{
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
        color: red;
}

.product .info03 {
    display: flex;
    justify-content: space-between;
    margin: 0;
    border-top: 1px solid #e0e0e0;
    padding: 8px 0 0px;
    list-style: none;
}
.product .product__price {
    margin-bottom: 3px;
    font-size: 14.5px;
    font-weight: 600;    color: red;
}
.project .info03 li{
    line-height: 1.5;
    letter-spacing: normal;
    color: #626262;
    font-size: 13px;
}

.product .product__text{padding:8px 8px;}
.post .product .product__text a.title {
margin: 0 0 10px;
    line-height: 22px;
    font-weight: 600;
    font-size: 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
    color: #333;
}
.post .product .product__text .info__address {
    font-family: Noto Serif;
    color: #737373;
    font-size: 14.5px;
    margin-bottom: 6px;
}
.related__product
{
    padding: 20px;
    background:#f9f9f9;
}
.related__product .project .project__title a{
    font-weight: 600;
    font-size: 15px;
    color: #353535;
    font-family: arial;
    line-height: 23px;
}
.related__product .related__header{margin-bottom:30px}
.related__product article .project__text{background:#fff;}
._1line,._2line,._3line,._4line,._5line,._6line
{
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
._2line{
    -webkit-line-clamp: 2;
}
._3line{
    -webkit-line-clamp: 3;
}
._4line{
    -webkit-line-clamp: 3;
}
._5line{
    -webkit-line-clamp: 3;
}
._6line{
    -webkit-line-clamp: 3;
}
/*end project*/
.post .news__item {
    margin-bottom: 2.5em;
}

.news__item .cover__image {
    position: relative;
}

.news__item .cover__image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}

.news__item .cover__image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.news__item .news__title {
    margin: 0 0 0px;
    font-size: 16px;
    line-height: 25px
}
.news__item .news__title a {
    font-weight: 700;
    font-size: 17px;
    color: #333;
}

.news__item .news__meta {
    border: 1px solid #ececec;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 8px 10px 5px 6px;
    background: #fff;
}

.news__item .news__meta i {
    padding-right: 5px
}

.news__item .news__info01, .news__item .news__info02 {
    list-style: none;
    padding-left: 0;
}

/*.news__item .news__info01 li {
    width: 50%;
    float: left
}*/

.news__item .news__info01 .info__price {
    font-family: 'UTM-Avo-Bold';
    color: #da0802;
}

.news__item .news__info02 {
    margin-bottom: 0;
}

.news__item .news__info01 .info__area {
    float: right;
    text-align: right;
}

.news__item .news__info02 .info__localtion {
    margin-bottom: 5px;
    font-size: 14px;
    color: #726a6a;
}

.news__item .news__info02 .info__cdt {
    font-size: 14px;
    font-weight: bold;
    opacity: 0.9;
}

.article__page {
    margin-top: 15px;    margin-bottom: 30px;
}
.archive__page {margin-bottom: 30px;}
 .taxonomy-description.rte {
    margin-bottom: 20px;    font-family: "Signika", sans-serif;
}
 .taxonomy-description.rte b,.taxonomy-description.rte strong{font-weight:600}
.taxonomy-description.rte p,
.taxonomy-description.rte em{line-height:1.6;}
.article__page .post .news__item {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.article__page .post .news__item .news__excerpt {
    font-size: 15.5px;
    line-height: 1.6;
}

.article__page .post .news__item .news__date {
    font-size: 14px;
}

.abs__price{
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'UTM-Avo-Bold';
    color: #da0802;
    padding: 0px 6px;
    background: white;
    opacity: 0.8;
}
.sidebar-fixed .news__item .news__title {
    margin: 0 0 6px;
    line-height: 18px;
}

.sidebar-fixed .news__item .news__title a {
    color: #343434;
    font-size: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
}

.sidebar-fixed .news__item .news__info01 .info__price {
    font-size: 14px;
    width: 100%;
}

.sidebar-fixed .news__item .news__info02 .info__localtion {
    color: #444343;
}

.sidebar-fixed .news__item .news__title a:hover,
.sidebar-fixed .news__item .row .col-left:hover + .col-right .news__title a,
.article__page .news__item .news__title a:hover, .article__page .news__item .col-left:hover + .col-right .news__title a,
.articles .article_list .item .item_text a.title:hover{
    color: #409476;
}

.view-all {
    margin: 20px 0; position: relative;opacity:0.9;

}
/*.view-all::before {
    content: '';
    position: absolute;
    width: 4px;
    top: 1px;
    bottom: 3px;
    left: 0;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: #dd3333;
}*/
.view-all a.readmore {
    position: relative;
}

.view-all .icon-rrow {
    display: inline-block;
    transform: translateY(2px);
    overflow: hidden;
}

.view-all .icon-arrow path {
    transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 125ms cubic-bezier(0.4, 0, 0.2, 1);
}

.view-all .icon-arrow path:first-child {
    transform: translateX(-8px);
}

.view-all .icon-arrow path:last-child {
    transform: translateX(-100%);
}

.view-all:hover .icon-arrow path {
    transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1), opacity 125ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}

.view-all:hover .icon-arrow path:first-child {
    transform: translateX(0);
}

.view-all:hover .icon-arrow path:last-child {
    transform: translateX(0);
}

.section__center .view-all{
    margin: 20px auto;
    display: table;
}
/*.view-all a.readmore span:after{
content:"\f101";
display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
position:absolute;
left:100%;
padding:10px;
background:#da0802;
top:0;
font-size:16px
}*/
.view-all a.readmore,
.article02 article.item .item_text .button-option .readmore{
    max-width: 203px;
    opacity: 0.85;
    transition: all 0.2s;
    line-height: 18px;
    border-radius: 24px;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    background: #fffdf9;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    font-size: 15px;
    color: #404a3d;
    text-decoration: none !important;
    position: relative;
    padding: 12px 27px;
    display: inline-block;
    margin-top: 0;
    border-radius: 50px;
    font-family: "Signika", sans-serif;
    font-weight: 500;
    background-size: 200%;
    -webkit-box-shadow: 0 2px 4px -3px rgb(0 0 0 / 16%), 0 3px 4px rgb(0 0 0 / 13%);
    box-shadow: 0 2px 3px -3px rgb(0 0 0 / 16%), 0 3px 4px rgb(0 0 0 / 13%);
}
.view-all a.readmore:hover {
    color: #fff;
    background: #23b649;
    border: 1px solid #1ea541;
    text-decoration: none
}
/*div.view-all a.readmore:before {
    content: "";
    border-bottom: 4px solid #d9d9d9;
    width: 50px;
    position: absolute;
    top: 30px;
}

.view-all:hover a.readmore {
    color: #d40802;
}*/
/*.view-all a.readmore span:before{
    position:absolute;
    right:0;
    top:0;
    width:0;
    height:0;
    content:'';
    border-style:solid;
    border-width:0 0 36px 15px;
    border-color:transparent transparent #da0802
}*/
span.view-all {
    margin: 0;
    display: inline-block;
}
span.view-all a.readmore {
    color: #337ab7;
    border-bottom: none;
}
span.view-all a.readmore:hover {
    color: #2d6ea7;
    
}
h1.h1-title, h3.related__heading {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 27px;
    line-height: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact__page {
    margin-bottom: 40px;
    margin-top: 25px;
}

.contact__title {
    margin-bottom: 40px;
    font-size: 20px;
    font-family: 'UTM-Avo-Bold';
    text-transform: uppercase;
}
.contact__description {
    font-size: 105%;
    font-family: Noto Serif;
}
.contact__info a {
    color: #085a94;
}

    .contact__info a:hover {
        color: #222;
    }

.contact__info img {
    max-width: 100%;
    margin-bottom: 20px;
}

.contact__info p i {
    width: 18px;
}

.contact__info h1 {
    font-size: 18px;
    display: inline-block;
    font-weight: 600;
    margin: 5px 0;
}

.contact-form {
    position: relative;
    margin-right: -10px;
    margin-left: -10px;
}
.contact-form .col-md-3{
    padding-left:10px;
    padding-right:10px;
}

.contact-form .input-group {
    margin-bottom: 2px;
   /* float: left;*/
    margin-top: 10px;    width: 100%;
}

.contact-form .input-group br {
    display: none
}

.contact-form .input-group .input-group-addon {
    border-radius: 0;
    border: none;
    position: relative;
    padding: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.contact-form .input-group .input-group-addon i {
    color: rgb(139 139 139 / 90%);
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.contact-form .input-group .form-control {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #0e0e0e;
    min-height: 40px;
}

.contact-form::-webkit-input-placeholder {
    color: #444
}

.contact-form:-moz-placeholder {
    color: #444;
    opacity: 1
}

.contact-form:-moz-placeholder {
    color: #444;
    opacity: 1
}

.contact-form:-ms-input-placeholder {
    color: #444
}

.contact-form .btn-submit {
    margin-top: 10px;
    border-radius: 25px;
}

.form-below  .ava-user {
    float: left;
    width: 62px;
    /* border-radius: 50%; */
    margin-right: 12px;
    margin-top: 2px;
}
/*footer*/
.footer .footer-form .input-group {
    margin-bottom: 2px;
    float: left;
    margin-top: 8px;
}
.footer .footer-form .input-group .form-control {
    color: #0e0e0e;
    min-height: 38px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: none;
    background: #ffffff;
    border-radius: 21px;
    -moz-border-radius: 21px;
    -webkit-border-radius: 21px;
}
.footer .footer-form .btn-submit
{
    padding: 8px 20px;
    display: block;
    color: #fff;
    background-color: #d6b63e;
    border-color: #ebbd48;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 20px!important;
    float: unset!important;
    width: 330px;
}
.main-form .form-alert{
    color: #60b109;
    font-family: tahoma;
    font-size: 15px;
    margin-top: 11px;
    font-weight: bold;
    text-align: center;
    clear:both;
}

.tag__list a {
    color: #545353
}

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    font-family: 'UTM-Avo-Bold';
}

/*.entry-content h2 {
    color: #008000;
}*/

.entry-content h3 {
    font-size: 18px;
    line-height: 1.6;
}

.entry-content h4 {
    font-size: 16.5px;
    line-height: 1.5;
}

.entry-content h5, .entry-content h6 {
    font-size: 15px;
    line-height: 1.5;
}
.box-row {margin: 20px 0 25px;}

.box-row h2{font-size: 22px;letter-spacing:0.3px;}
.box-rating{margin-top:20px;}
.gallery__wrap {
    background: #f1f1f1
}
.gallery-thumbnail{
    max-height: 96px;
    overflow: hidden;
}
.gallery-thumbnail .owl-item .gallery__item {
    margin: 5px;
    border: 2px solid #565656;
}
.gallery-thumbnail .owl-item img{height:76px;}
.gallery-thumbnail .owl-item.current .gallery__item {
    border: 2px solid #fff;
}
.gallery-thumbnail  .gallery__item { max-width:120px;}
.gallery__item {
    margin:0 0px 0 0;
}

#gallery-full .gallery__item {
    height: 400px;
}

#gallery-full .gallery__item img {
    height: 100%;
}

.gallery__wrap .gallery-icon a {
    display: inline-block;
    width: 100px;
    height: 78px;
    color: rgba(255,255,255,.54);
    text-align: center;
    background: rgba(255,255,255,.06)
}

.gallery__wrap .gallery-icon i.fa {
    font-size: 30px;
    line-height: 2.5
}


.project__slider .owl-item {
    max-height: 600px
}

.project__header__right {
    float: right;
    margin-top: 10px
}

.project__header__right > ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .project__header__right > ul > li {
        display: inline-block
    }

.project__header__right a.btn:hover, a.btn:focus {
    color: #fff
}

.single__project__item .entry-header{
    margin: 10px 0;
    text-align: center;
}

.single__project__item .entry-header:after {
    display: table;
    content: " ";
    clear: both;
}

.single__project header.entry-header h1 {
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 18px;
    background: -webkit-linear-gradient(#05b359, #03803f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 45px;
    text-transform: uppercase;
}
.single__project header.entry-header h3 {
    font-size: 17px;
    color: #797979;
    font-weight: 500;
    font-family: 'Source Sans Pro', sans-serif;
}
.single__project .single__project__item .breadcrumbs a {
    color: #444;
}
.single__project .single__project__item .breadcrumbs {
    opacity: 0.8;
    margin: 5px 0 0 0; 
}
.single__project .single__project__item .breadcrumbs ul{
    text-align: center;
}
.single__project.full__page{

}
.project__info__fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 14px;
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity .5s ease-in-out,transform .5s ease-in-out;
    -webkit-box-shadow: 0 1px 1px rgba(88,88,88,.1);
    box-shadow: 0 1px 1px rgba(88,88,88,.1);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(rgba(255,255,255,0))) , #fff;
    background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%) , #fff;
    -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
}

.project__info__fixed.active {
    opacity: 1;
    transform: translateY(0)
}

.project__fix__title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 52px;
    font-size: 20px;
    overflow: hidden;
    font-weight: 700
}

.project__fixed__title {
    font-size: 20px;
    font-family: 'UTM-Avo-Bold';
    line-height: 28px;
    height: 64px;
    overflow: hidden;
    display: block;
    padding-left: 5px;
}

.project__fixed__logo img {
    max-width: 100px;
    margin: 0 auto;
    display: block;
    display: table-cell;
    vertical-align: middle;
}

.project__info__fixed p {
    margin-bottom: 0
}

.project__info__fixed .container-fuild {
    max-width: 1300px;
    margin: 0 auto;
}

.single__project .stick_logo {
    width: 150px;
    float: left;
    height: 64px;
    display: table;
}

.single__project .stick_contact {
    width: 280px;
    float: left;
}

.single__project .stick_info {
    width: calc(100% - 430px);
    padding: 0 15px;
    float: left;
    margin-bottom: 18px;
}

    .single__project .stick_info > div {
        width: 25%;
        float: left;
        padding: 10px 5px;
    }
.single__project .box-form{
    background: #e5eae4;
    padding: 0;
    -webkit-box-shadow: 0 3px 5px -4px rgb(0 0 0 / 16%), 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: 0 3px 5px -4px rgb(0 0 0 / 16%), 0 3px 5px rgb(0 0 0 / 13%);
    background-repeat: no-repeat!important;
    background-position: 50% 50%;
    margin-bottom: 30px;
    background-image: url(/images/bannerv2.jpg);
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
    position: relative;
}
.single__project .box-form .bg {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: rgba(0,0,0,.2);
    width: 100%;
}
.single__project .box-form .container{
    padding: 35px 25px;
    z-index: 2;
    position: relative;
}
.single__project .box-form .btn-submit{
    width:100%;
}
a.btn__contact {
    border: 1px solid #6cb955;
    color: #fff!important;
    background: #6cb955;
    border-radius: 20px;
}

a.btn__call {
    border: 1px solid #da0802;
    color: #fff!important;
    background: #da0802;
    border-radius: 20px;
}
.baogia {
    left: 5px;
    position: fixed;
    bottom: 5px;
    animation: goRight;
    animation-duration: 1s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    background: linear-gradient(90deg,#cc0214 0,#f12f2f 50%,#cc0214 100%);
    padding: 2px 15px;
    border-radius: 40px;
}
.baogia .icon {
    background-image: url(/img/icon-baogia-w.svg);
    width: 35px;
    height: 35px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: 3px;
}
.baogia span {
	font-size: 15.5px;
	line-height: 1.6;
	font-weight: 700;
	color: #fff;	
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
    margin-top: 7px;
}
.baogia:hover span {
	color: #ffc70b;
	background-size: 50%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.baogia:hover .icon {
	background-image: url(/img/icon-baogia-y.svg);
	width: 35px;
	height: 35px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	transform: scale(.9);
}
.baogia,.goidien{z-index: 2;}
    
.goidien {
    position: fixed;
    bottom: 66px;
    left: 8px;
    padding: 6px 6px;
    color: #fff;
    transition: all ease .4s;
    background: #ffe873;
    border-radius: 40px;
}

.goidien .icon-phone {
	background-image: url(../images/icon-call.svg);
	width: 40px;
	height: 40px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: relative;
	display: inline-block;
	vertical-align: bottom;		
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.goidien:hover .icon-phone {
	background: url(/img/icon-call-w.svg) center center no-repeat;
	width: 40px;
	height: 40px;
	background-size: contain;
	transform: scale(.9);
}
.goidien .icon-phone{background: url(/img/icon-call.svg) center center no-repeat;    background-size: 22px;    width: 30px;    height: 30px;}

.goidien .text {
	font-size: 24px;
	line-height: 1.6;
	-webkit-background-clip: text;
	-webkit-animation: color-change 1s infinite;
	-moz-animation: color-change 1s infinite;
	-o-animation: color-change 1s infinite;
	-ms-animation: color-change 1s infinite;
	animation: color-change 1s infinite;
	text-decoration: none;
	color: #dfa97a;
}
@-webkit-keyframes color-change {
	0% { color: #71966c; }
	50% { color: #295424 ; }
	100% { color: #71966c; }
}
@-moz-keyframes color-change {
	0% { color: #71966c; }
	50% { color: #295424 ; }
	100% { color: #71966c; }
}
@-ms-keyframes color-change {
	0% { color: #71966c; }
	50% { color: #295424 ; }
	100% { color: #71966c; }
}
@-o-keyframes color-change {
	0% { color: #71966c; }
	50% { color: #295424 ; }
	100% { color: #71966c; }
}
@keyframes color-change {
	0% { color: #71966c; }
	50% { color: #295424 ; }
	100% { color: #71966c; }
}
.project__info {
    background: #fefefe;
    max-width: 888px;
    margin: 12px auto 20px;
}
.project__info ul{text-align:center;display: block!important;}
.project__info ul .col{width:210px;text-align:left;}
/*.project__info .col p{text-align:center;}*/
.project__info p, .stick_info > div, .stick_info > div p {
    line-height: 22px;
    font-size: 17px;
    color: #454545;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'Source Sans Pro', sans-serif;
}

.project__info p.project__info__price strong, .stick_info > div strong.project__info__price {
    color: #de0000;
}

.project__info p strong, .stick_info > div {
    font-size: 16.5px;
    font-style: normal;
    display: block;
}

.project__info ul {
    font-weight: 700;
    margin: 10px 0;
    display: inline-block;
    padding-left: 0
}

.project__info li {
    display: inline-block;
    padding-left: 5px
}

.project__header--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    right: 0;
    z-index: 999;
    background: rgba(0,0,0,.37);
    text-align: center;
    padding: 5px 0
}
.single__product .entry-header{
    margin: 10px 0;
    text-align: left;  
}
.single__produc header.entry-header p {
    font-size: 17px;
    color: #797979;
    font-weight: 500;
    font-family: 'Source Sans Pro', sans-serif;
}
.single__product header.entry-header h1 {
        font-size: 22px;
        margin-top: 0px;
        line-height: 1.6;
        margin-bottom: 15px;
        font-family: tahoma;
        font-weight: bold;  text-transform: unset;
}
.single__product .sidebar-fixed {
    margin-top: 40px;
}
h2.comments-title {
    font-size: 15px;
    background: #215a94;
    color: #fff;
    padding: 10px
}

h3.comment-reply-title {
    text-transform: uppercase;
    font-size: 16px;
    font-family: UTM-Avo-Bold
}

.comment-reply-title a {
    border: 1px solid;
    padding: 3px 10px;
    color: #ee2d34;
    font-size: 12px;
    margin-left: 20px
}

ol.comment-list {
    list-style: none;
    margin: 0;
    padding: 0
}

ol.children {
    list-style: none
}

.comments-area .avatar {
    float: left;
    border-radius: 50%;
    margin-right: 10px
}

.comment-author {
    overflow: hidden;
    position: relative
}

.comment-meta {
    margin: 10px;
    border: 1px solid #eee;
    padding: 10px;
    position: relative;
    line-height: 1.8
}

span.comment-name a {
    color: #ee2d34
}

.reply a {
    right: 10px;
    position: absolute;
    top: 0;
    border: 1px solid;
    padding: 0 15px;
    color: #ee2d34;
    line-height: 1.8
}

.comment-meta a {
    margin: 10px 0
}

span.comment-name {
    display: block;
    margin: 10px 0 0;
    font-style: italic;
    padding-right: 10px;
    color: #ee2d34
}

.comment-author a.comment-date {
    font-style: italic;
    color: #999
}

em.comment-awaiting-moderation {
    color: #fe6d03;
    display: block
}

.comment-edit-link, .logged-in-as a {
    border: 1px solid;
    padding: 0 5px;
    color: #ee2d34;
    line-height: 1.8;
    display: inline-block;
    font-weight: 300
}

.comment-respond textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    font-family: Arial,sans-serif;
    padding: 15px
}

.comment-respond input[type=text] {
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    font-family: Arial,sans-serif;
    padding: 10px 15px;
    width: 100%
}

.comment-respond input[type=submit] {
    background: #ee2d34;
    border: 1px solid #ee2d34;
    font-size: 17px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 100
}

.comment-form {
    margin: 20px 0 50px
}

.entry-sharing{overflow:hidden;}
.share-buttons .btn-facebook {
    color: #fff;
    background-color: #305891;
    border-color: #305891
}

.share-buttons .btn-twitter {
    color: #fff;
    background-color: #2ca8d2;
    border-color: #2ca8d2
}

.share-buttons .sospace {
    vertical-align: 2px;
    margin-left: 7px;
}

.share-buttons .btn-googleplus {
    color: #fff;
    background-color: #ce4d39;
    border-color: #ce4d39
}

.share-buttons .btn-pinterest {
    color: #fff;
    background-color: #c82828;
    border-color: #c82828
}

.share-buttons .btn-email {
    color: #fff;
    background-color: #e98118;
    border-color: #e98118
}

.share-buttons .btn-linkedin {
    color: #fff;
    background-color: #0077b5;
    border-color: #0077b5
}

.share-buttons a {
    float: left;
    padding: 6px 12px;
    border-radius: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: 34px;
    width: auto;
    line-height: normal;
    font-size: 14px;
    transition: background-color .25s ease;
    transition: all .2s ease-in-out 0s;
    display: block;
    opacity: 0.8;
    width: 33.33%;
}

.share-buttons .btn-pinterest {
    display: none;
}

.share-buttons a:hover {
    opacity: 1;
    color: #fff!important;
}

.share-buttons li {
    display: inline-block;
    margin: 0;
    width: 120px
}

.share-buttons ul {
    display: table-cell;
    vertical-align: middle
}

.share-buttons {
    margin: 10px 0
}

    .share-buttons span.fa {
        font-size: 1.5em;
    }

.search-form {
    display: block;
    margin: 0 0 15px
}

.search-form .form-group {
    margin: 0
}

.search-form .buttom-search {
    padding: 7px 13px;
    border-radius: 0
}

.search-form .buttom-search {
    background: #da0802;
    color: #fff
}

.search-form .form-control {
    border: 1px solid #da0802;
    font: normal 12px Arial,Helvetica,sans-serif;
    color: #555;
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-form .form-control {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 22px 15px
}

.breadcrumbs {
    margin: 15px 0;
    opacity: 0.9;
    font-weight: 400;
    font-size: 13.5px;
    text-transform: uppercase;
}
.breadcrumbs a{color:inherit;}
.breadcrumbs a:hover {
    color: #058643;
}

.breadcrumbs .current, .breadcrumbs .delimiter {
    color: #444
}

.breadcrumbs .delimiter {
    padding: 0 10px;
    font-size: 10px
}

.breadcrumbs ul {
    list-style: none;
    padding-left: 0;
}

.breadcrumbs ul li {
    display: inline-block;
    padding-right: 5px;
}

.breadcrumbs ul li:after {
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 10px;
    height: 10px;
    font-size: 10px;
    color: #565656;
    margin: 0 6px 0 12px;
    display: inline-block;
}

.breadcrumbs ul li:last-child a {
    color: #444;
}

.breadcrumbs ul li:last-child:after {
    display: none;
}

.panel-group {
    margin-top: 10px
}

    .panel-group .panel + .panel {
        margin-bottom: 5px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-heading {
    padding: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
    font-size: 14px;
    color: #444040;
    background: #f5f5f5;
    line-height: 1.6
}

.panel-title > a {
    display: block;
    text-decoration: none;
    padding: 0;
    position: relative;
    background-color: #444040;
    line-height: 1.6;
    font-size: 15px;
    color: #fff
}

.panel-title {
    position: relative;
}

    .panel-title img {
        width: 100%;
        max-width: 100%;
        display: block;
    }

    .panel-title > a > span {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3px 6px;
    }
        /*.panel-title>a:before{
    content:"\f046";
    font-family:'FontAwesome';
    display:inline-block;
    background-color:rgba(0,0,0,.45);
    position:absolute;
    left:0;
    top:0;
    width:40px;
    height:100%;
    padding:10px 0;
    text-align:center;
    color:#fff
}*/
        /*.panel-title>a:after{
    content:"\f068";
    font-family:'FontAwesome';
    display:inline-block;
    background-color:transparent;
    position:absolute;
    right:0;
    top:0;
    width:40px;
    height:100%;
    padding:10px 0;
    text-align:center;
    color:#fff
}*/
        /*.panel-title>a.collapsed:after{
    content:"\f067"
}*/

.panel-title > a > span:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#343434));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#343434 100%);
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#343434 100%);
    z-index: 0;
}

.panel-title > a > span > span {
    position: relative;
    z-index: 2;
    display: block;
    line-height: 1.5;
    font-size: 15.5px;
}

.panel-title > a.collapsed {
    background-color: #da0802
}

.panel, .panel-group .panel, .panel-primary > .panel-heading {
    border: none
}

.panel a:focus {
    text-decoration: none
}

.back-to-top {
    position: fixed;
    bottom: 35px;
    right: 10px;
    display: none;
    cursor: pointer;
    z-index: 99
}

.back-to-top i {
    padding: 8px 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: -webkit-linear-gradient(bottom,#e7bf20 0%, #edba1d 50%, #efa51f 100%);
    background: -o-linear-gradient(bottom, #e7bf20 0%, #edba1d 50%, #efa51f 100%);
    background: linear-gradient(to bottom,#e7bf20 0%, #edba1d 50%, #efa51f 100%);
    border-radius: 50%;
    box-shadow: 0 0 3px #888;
    border: 2px solid #fff;
    opacity: 0.75;
    width: 40px;
    height: 40px;
    text-align: center;
}
.back-to-top:hover i{opacity:0.95;}
/*chat*/
.float-icon-hotline {
    display: block;
    width: 40px;
    position: fixed;
    bottom: 50px;
    left: 25px;
    z-index: 9999;
}
.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.float-icon-hotline ul li .fa {
    background-color: #ed1c24;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 41px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.tada {
    animation-name: tada;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.float-icon-hotline ul li .fa-phone {
    background-color: #ed1c24;
}
.float-icon-hotline ul li span {
    display: inline-block;
    padding: 0;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #1660ad;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    text-align: center;
    padding-left: 20px;
     font-size: 13.5px;
}
.float-icon-hotline ul li .fa-zalo {
    background: #019cd9  url(/theme/img/zalo-icon.png) center center no-repeat;
}
.float-icon-hotline ul li .fa-fb {
    background: #0088ff url(/theme/img/fb-chat.png) center center no-repeat;
}
.float-icon-hotline ul li .fa-phone:before {
    content: "\f095";
    font-family: fontawesome;
    font-size: 140%;
    padding-top: 2px;
    display: inline-block;
}
.float-icon-hotline ul li a.fhl span {
    background-color: #ed1c24;
}
.float-icon-hotline ul li a.fzl span {
    background-color: #019cd9 ;
}
.float-icon-hotline ul li a.ffb span {
    background-color:#0088ff;
}
@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
 
}
.float-icon-hotline ul li:hover span {
    width: 176px;
    padding-left: 32px;
    padding-right: 12px;
    opacity: 1;
}
/*end chat*/
body.has-mobile-menu.wpex-mobile-toggle-menu-fixed_top {
    padding-top: 36px;
}
.kenit-load-more {
    clear: both;
    display: block;
    margin: 0 auto;
    text-align: center
}

.kenit-load-more a {
    color: #fff;
    height: 100%;
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 16px;
    background: #da0802;
    padding: 10px 20px;
    border-radius: 20px
}

.kenit-load-more a:hover {
    color: #fff
}

.modal-popup .modal-content {
    border-radius: 0;
    border: 7px solid #e6e6e6;
    margin-bottom: 20px;
}

.modal-popup .modal-body {
    padding: 0
}

.form-modal {
    padding: 20px;
    background: #f5f5f5
}
.form-modal h3{
    font-family: 'UTM-Avo-Bold';
    margin-top: 10px;
}
.form-modal  .modal__sub{font-size: 14px;}
.modal-popup .info-modal i.fa.fa-arrow-circle-right {
    position: absolute;
    font-size: 44px;
    color: #c2162b;
    background: #fff;
    border-radius: 50%;
    height: 38px;
    width: 37px;
    text-align: center;
    line-height: 37px;
    right: -20px;
    z-index: 5555;
    top: 50%
}

.modal-popup .close {
    opacity: 1
}

.modal-popup i.fa.fa-times {
    height: 30px;
    width: 30px;
    background: #d0cfcf;
    line-height: 30px;
    border-radius: 50%;
    color: #000;
    opacity: 1;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 999
}

.form-modal input, .form-modal select, .form-modal textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 10px;
    -webkit-appearance: none;
    border-radius: 0
}

.form-modal input[type=submit] {
    background: #7ca50d;
    border: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    color: #fff;
    margin: 0 auto
}

.form-modal input[type=checkbox] {
    width: auto
}

.map {
    height: 400px;
    background: #333
}

.api__map--btn {
    margin: 10px
}

.row.no-gutters {
    margin-right: -5px;
    margin-left: -5px
}

.row.no-gutters > [class^=col-], .row.no-gutters > [class*=" col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.row.no-margin {
    margin-left: 0;
    margin-right: 0
}

.row.no-margin > [class^=col-], .row.no-margin > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0
}

.btn, .notice {
    border-radius: 0
}



nav.nav .menu > ul {
    margin: 0;
    padding: 0
}

nav.nav .menu > ul > li {
    display: block;
    float: left;
    position: relative;
    z-index: 100;
    border-bottom: 3px solid
}

nav.nav .menu > ul > li.current-menu-item, nav.nav .menu-primary > ul > li:hover {
    border-bottom: 3px solid #ed1c24
}

nav.nav .menu > ul > li > a {
    text-decoration: none;
    padding: 30px 10px;
    display: block;
    color: #fff;
    font-size: 16px
}

/*.menu ul li:hover > ul.sub-menu {
    display: block
}

.menu ul.sub-menu {
    list-style: none;
    margin: 0;
    position: absolute;
    background: rgba(0,0,0,.61);
    width: 165px;
    display: none;
    padding: 0
}

.menu ul.sub-menu li > a {
    color: #fff;
    display: block;
    padding: 29px;
    border-bottom: 1px solid rgba(255,255,255,.36);
    font-size: 13px
}

.menu ul.sub-menu li > a:hover {
    color: #d64337
}*/
.usercp >a {
    padding: 13px 16px 13px!important;
}
.usercp > a >img {
    width: 50px;
    float:unset;
    border-radius: 50%;border: 1px solid #c9c9c9;
}
.usercp > .menu-dropdown{
        min-width: 220px;
}
.usercp > .menu-dropdown>li>a {font-weight:normal;}
.sidebar .project__content {
    margin-bottom: 20px;
}

@media only screen and (min-width:992px) {
    .form-below{display:none;}
    .modal-popup .modal-dialog {
        width: 1000px
    }

    .project__content .news__item .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .project__content .news__item .row [class*=" col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

    .share-buttons a {
        width: 25%;
    }

    .share-buttons .btn-pinterest {
        display: block;
    }
}
.entry-content cite,.entry-content dfn,.entry-content em{
    font-style:italic
}
.entry-content p{
    line-height:1.7
}
.entry-content ol,.entry-content ul{
    margin:16px 0;
    padding:0 0 0 40px
}
.entry-content ul{
    list-style-type:square;
    line-height:1.7
}
.entry-content ol{
    list-style:decimal outside
}
.entry-content li>ul,.entry-content li>ol{
    margin:0
}
.entry-content dl{
    margin:0 20px
}
.entry-content dt{
    font-weight:700
}
.entry-content dd{
    margin:0 0 20px
}
.entry-content code,.entry-content kbd,.entry-content pre,.entry-content samp{
    font-size:14px
}
.entry-content pre{
    font-size:15px;
    overflow:auto;
    white-space:pre-wrap;
    word-wrap:break-word;
    border-radius:0;
    line-height:1.8;
    border:0;
    background:#f5f5f5;
    padding:10px;
    border-left:5px solid #ddd;
    margin:20px 0;
    font-family:'Segoe'
}
/*.entry-content blockquote,.entry-content q{
    quotes:none
}
.entry-content blockquote:before,.entry-content blockquote:after,.entry-content q:before,.entry-content q:after{
    content:"";
    content:none
}
.entry-content blockquote{
    font-size:15px;
    font-weight:300;
    margin:10px 0;
    background:#32373c;
    border-left:5px solid #d40736;
    color:#fff
}
.entry-content blockquote blockquote{
    margin-right:0
}
.entry-content blockquote cite,.entry-content blockquote small{
    font-size:15px;
    font-weight:400;
    text-transform:uppercase
}*/
.entry-content cite{
    border-bottom:0
}
.entry-content abbr[title]{
    border-bottom:1px dotted
}
.entry-content address{
    font-style:italic;
    margin:0 0 24px
}
.entry-content del{
    color:#333
}
.entry-content ins{
    background:#fff9c0;
    border:none;
    color:#333;
    text-decoration:none
}
.entry-content sub,.entry-content sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
.entry-content sup{
    top:-.5em
}
.entry-content sub{
    bottom:-.25em
}
.entry-content a{
    text-decoration:none;
    color:#337ab7;
}
.entry-content a:active,.entry-content a:hover{
    color:#337ab7;
    outline:0
}
.entry-content .alignleft{
    float:left;
    margin:5px 20px 5px 0
}
.entry-content .alignright{
    float:right;
    margin:5px 0 5px 20px
}
.entry-content .aligncenter{
    display:block;
    margin:5px auto
}
.entry-content img.alignnone{
    display:block;
    margin:5px auto
}
.entry-content table{
    border:1px solid #ededed;
    border-collapse:collapse;
    border-spacing:0;
    font-size:15px;
    line-height:2;
    margin:0 0 20px;
    width:100%
}
.entry-content caption,.entry-content th,.entry-content td{
    font-weight:400!important;
    border:1px solid #ededed;
    text-align:left
}
.entry-content caption{
    font-size:16px;
    margin:20px 0
}
.entry-content th{
    font-weight:400!important;
    text-transform:uppercase;
    border:1px solid #ededed
}
.entry-content td{
    border:1px solid #ededed;
    padding:6px 10px
}
.entry-content img{
    height:auto;
    max-width:100%;
    vertical-align:middle
}
.entry-content .wp-caption{
    background:0 0;
    border:none;
    padding:0;
    text-align:center
}
.entry-content .wp-caption.alignleft{
    margin:5px 10px 5px 0
}
.entry-content .wp-caption.alignright{
    margin:5px 0 5px 10px
}
.entry-content .wp-caption-dt{
    margin:0
}
.entry-content .wp-caption .wp-caption-text,.entry-content .wp-caption-dd{
    color:#666;
    font-size:16px;
    font-style:italic;
    font-weight:300;
    line-height:2.5;
    margin-bottom:20px;
    padding:0
}
.entry-content .mceTemp+ul,.entry-content .mceTemp+ol{
    list-style-position:inside
}
/*form*/
.right-content{
    float: right;
    width: 100%;
border: 1px solid rgba(110,110,110,.15);
    border-radius: 2px;
}
.fixed-form-r{
    position: relative;
    width: 100%;
    /* border: 1px solid rgba(110,110,110,.15); */
    border-radius: 2px;
    /*background-color: #d00000;*/
    font-size: 14px;
    /* margin-top: 30px; */
    border-radius: 2px;
}
.fixed-form-r .form-info{
    padding:0 20px 8px 20px;
}
.fixed-form-r .content-pu-rv{
    padding:20px
}
.user-owner-list{
    background: #f0f0f0;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding: 8px 15px;
    /* border: 1px solid #e0e0e0; */
    border-bottom: none;
    border-radius: 3px 3px 0 0;
}
.user-owner-list:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.user-owner-list p{
    color: #515151;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-owner-list .ava-user{
    float: left;
    width: 62px;
  /*  border-radius: 50%;*/
    margin-right: 12px;
    margin-top: 2px;    border-radius: 50%;
    border: 3px solid #ccc1bf;
}
.name-us {
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
    color: #222;
}
.user-owner-list p {
    color: #515151;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box-info {
    border-radius: 0 0 15px 15px;
    background-color: #fbfbfb;
    padding-top: 15px;
}
.fixed-form-r .form-info {
    padding: 0 20px 8px 20px;
}
.form-info .action {
    margin-top: 5px;
}

.btn-callnow {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 24px;
    font-size: 16px;
    line-height: 42px;
    border-radius: 8px;
    border: 0;
    color: #00a550;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-size: 200%;
    margin: 0 auto;
    display: block;
    width: 80%;
    font-family: 'UTM-Avo-Bold';
    border: 1px solid #00a550;
    border-radius: 50px;
}
.btn-callnow:hover{opacity:0.95; border: 1px solid #444;color: #444;}

.btn-hotline{
    display: inline-block;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    font-size: 17px;
    line-height: 28px;
    border-radius: 8px;
    border: 0;
    color: #464545;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-size: 200%;
    margin: 0 auto;
    font-family: 'UTM-Avo-Bold';
    border-radius: 50px;
}
.btn-hotline > span 
{
    background: -webkit-linear-gradient(#e8370a, #c52e07);
    display: block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-hotline:hover{opacity:0.95;}
.fixed-form-r .contact-now{
    max-width: 80px;
    margin: 5px auto;
    display: block;
}
.fixed-form-r .note-more{    font-size: 13px;
    padding: 10px 0;
    display: block;}
.center-text-small {
    margin-top: 20px;
    padding-bottom: 15px;
}
.center-text-small>span {
    text-align: center;
    font-size: 12px;
    opacity: .5;
    border-bottom: 1px solid #d1d1d2;
    line-height: .1em;
    width: 50%;
    margin: 0 auto;
    padding: 0;
    display: block;
}
.center-text-small>span>span {
    background: #fff;
    padding: 0 8px;
}
.contact-form-body {
    position: relative;
}
#alert {
    margin-bottom: 5px;
}
.contact-form-body .form-element {
    position: relative;
    width: 100%;
    height: 44px;
    margin-bottom: 15px;
    float: left;
    margin-bottom: 13px;
}
.form-element:before {
    clear: both;
    width: 100%;
    content: '';
    display: table;
}
.form-element .placeholder {
    pointer-events: none;
    color: rgba(68,76,89,.7);
    position: absolute;
    top: 5px;
    max-width: 100%;
    z-index: 1;
    transition: .3s;
    transform-origin: 0 0;
    font-size: 14px;
    left: 6px;
    line-height: 44px;
    font-weight: 400;
}
.form-element .input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    outline: 0!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
}
.form-element .error-text, .form-element .field-validation-error {
    color: #c72528;
    font-size: 12px;
    position: absolute;
    top: 44px;
    left: 0;
}
.form-info .form-element {
    position: relative;
    display: table;
    border-collapse: separate;
}
.form-info .form-element .input
{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #0e0e0e;
    min-height: 40px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid rgba(255,255,255,.29);
    background: #f5f5f5;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.form-info .form-element .input-group-addon {
    border-radius: 0;
    border: none;
    position: relative;
    padding: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*new*/
.btn-map{
    border-radius: 32px;
    font-weight: bold;
    background: #00a550;
    border-color: #00a550;
}
.btn-map:hover{
    background: #0f75bd;
    border-color: #016ab5;
}
.btn-map:before
{
   content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width:16px;
    height:16px;
    margin-right:8px;
}
.btn-map div{display:inline-block;}
#contact-form .loader {font-size:14px;font-style:italic;color:#454545;margin-top:3px}
/*.archive__content{margin-bottom:40px;}*/
/*#contact-form .loader,#comments-form .loader{position:absolute;top:30%;left:48%}*/
.banner-left {margin-bottom:20px;}
.article__content{
    margin-top: 10px;
    margin-bottom: 20px;
}

.article__content .news__item
{
   /* margin-bottom: 20px;*/
    border-radius: 4px;
    border: none;
    box-shadow: none;
    background-color: #fff;
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
}
.article__content .news__item:last-child{border-bottom:0;}
.panel-group .panel-heading {
    border-bottom: 0;
    padding: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.article__content .news__heading
{
    border-bottom: 0;
    padding: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    position: relative;
}
.article__content .news__heading>a {
    display: block;
    text-decoration: none;
    padding: 0;
    position: relative;
    background-color: #444040;
    line-height: 1.6;
    font-size: 15px;
    color: #fff;
}
.article__content .news__heading>a img {
    width: 100%;
    max-width: 100%;
    display: block;
    border-radius: 3px;
}
.article__content .news__heading>a h4  {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 6px 4px;
    margin-bottom: 0;
    margin-top: 0;
}
.article__content .news__heading>a h4 > span{
    position: relative;
    z-index: 2;
    display: block;
    line-height: 1.5;
    font-size: 15.5px;
}
.article__content .news__heading>a h4:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#343434));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#343434 100%);
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#343434 100%);
    z-index: 0;
    border-radius: 3px;
}
.article__content .news__description{
/*    display: none;
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #fff;
    z-index: 1;
    height: 120px;
    overflow: hidden;
    padding: 8px;
    font-size: 14.5px;
    line-height: 1.45;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    opacity:0;*/
    background-color: #fff;
    z-index: 1;
    overflow: hidden;
    padding: 8px 0;
    font-size: 14.5px;
    line-height: 1.45;
}
.article__content .news__description span.view-all{
    display: block;
    margin-left: 5px;
    margin-top: 5px;
}
.sidebar .article__content .news__title a.title{
    line-height:22px;
    font-size: 15.5px;
}
/*.article__content .news__item:hover .news__description{
    display:block;
    bottom:-120px;
    opacity:1;
    z-index: 9;
    border:1px solid #ccc;
    box-shadow: 0 3px 5px rgba(0,0,0,.5);
}*/

.project__content .news__item{
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.project__content .news__item:last-child{border:none;}
 .page-single h1.h1-title{
    margin-top: 40px;
    margin-bottom: 30px;
}
.rte-fw.single__content h1.h1-title {
    margin-top: 30px;
    margin-bottom: 20px;
}
.rte-fw h1.h1-title {
    text-align:center;
}
.rte-fw .post__heading{
    text-align:center;
}
.rte-fw .entry-header .entry-meta{
    text-align: center;
    opacity: 0.8;
    margin-bottom: 15px;
}
 /*fancy*/
.fancybox-controls{top:42%!important;}
 /*.fancybox-button{
     width:64px;height:64px; background: rgb(124 124 124 / 60%)!important;border-radius: 3px;
 }*/
 .fancybox-button:hover{opacity:00.9;}
 .fancybox-buttons,.fancybox-infobar__body {display:none!important;}
  .fancybox-infobar button.fancybox-button--left {position: absolute;left: 10px;}
 .fancybox-infobar button.fancybox-button--right {position: absolute;right: 10px;}

.fancybox-infobar button.fancybox-button--left:after, .fancybox-infobar button.fancybox-button--right:after {
    
    width: 20px!important;
    height: 20px!important;
   
}
    .fancybox-infobar button.fancybox-button--left:after {
    left: 28px!important;
}
     .fancybox-infobar button.fancybox-button--right:after {
    right: 28px!important;
}
    
/*project page*/
/*.single__project h2.title{
    color: #008000;
}*/
.single__project  .entry-content{
    max-width: 940px;
    margin: 0 auto;
    padding: 0 10px;
}
.single__project .social{margin-bottom: 30px;}
.single__project .related__project{margin: 40px 0;background: #f7f7f7;}
.single__project .related__article{
    margin-top:40px;
}
.single__project .related__article .related__header,
.single__project .related__article .related__list
{
    max-width:900px;
}
.project__box__menu{
    padding: 8px 15px;
    border: 1px solid #f8f8f8;
    background: #f3f3f3;
    border-radius: 2px;  font-family:tahoma;
    margin-bottom:20px;
    height: 46px;
    overflow: hidden;
}
.project__info__fixed .project__box__menu{
    border: unset!important;
    background: unset!important;
    margin-bottom: 0px!important;
    border-bottom: 1px solid #e9edf1;
    height: 46px;
    overflow:hidden;
}
.project__info__fixed .project__box__menu .licall{
    float: right;
}
.project__info__fixed .project__box__menu .licall a{
    float: right;
    color: #f13b3b!important;
    font-weight: bold;
    font-size: 17px;
    padding: 0; }
.project__box__menu h2{margin-top:0!important;}
.project__menu {
    padding-left: 0!important;
    list-style: none!important;
    margin-bottom:0;
    overflow: hidden;
    white-space: nowrap;   text-align: center;
}
.project__menu li{
    padding: 0!important;
    margin-bottom: 2px;
    counter-increment: item!important;
    display: inline-block;
    margin-right: 15px;

}
.project__menu li a{
    color: #333;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
}
.project__menu li a:hover{
    color: #333;
    text-decoration: underline!important;
}
.project__info__fixed .project__menu li a{
    color:  #4f4f4f;
}
.project__info__fixed .project__menu li a:hover{
    color:#00a550;
}
/*.project__menu li::before {
    margin-right: 7px!important;
    content: counter(item)'./'!important;
    color: #4686b4!important;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    height: 15px!important;
    line-height: 15px!important;
    padding-right: 0!important;
    font-size: 17px!important;
}*/
/*send*/
.form-send .loader{
    background: rgba(127,127,127,0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    border-radius: 12px;
}
.form-send .loader img{
    position: absolute;
    top: 56%;
    left: 48%;
}
.form-send .form-alert p.success{
    padding: 0;
    color:#5eb500;
    border-radius: 3px;
    opacity: 1;
    font-family: tahoma;
    font-size: 15px;
    line-height: 20px;
    margin-top: 6px;
    margin-bottom: 0;
}
.form-modal .form-alert p.success{ color:#6acc00;}
.project-form-list.form-send .form-alert p.success
{
    color: #15d01b;
    font-size: 17px;
    line-height: 23px;
    margin-top: 0px;    text-align: left;
}
.form-send .form-alert p.error{
    padding: 0;
    color: #ff9494;
    border-radius: 3px;
    opacity: 1;
    font-family: Dancing Script;
      font-size: 15px;
    line-height: 20px;
    margin-top: 6px;    text-align: left;
}
.project-form-list.form-send .form-send .form-alert p.error {
    color: #ff2424;
    font-size: 17px;
    line-height: 23px;
    margin-top: 0px;
}

.contact-form-body {position:relative;}
.form_with_bg {
    background-image: url(/theme/img/contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    position: relative;
    height: 265px;
    opacity: 0.9;
}
.form_with_bg form{
    max-width: 300px;
    float: right;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.form_with_bg .form-alert p.error,.form_with_bg .form-alert p.success{color:#000;font-size:16px;}

.btn-callnow:hover{opacity:0.95; border: 1px solid #444;color: #444;}
.fixed-form-r .contact-now{
    max-width: 80px;
    margin: 5px auto;
    display: block;
}
.fixed-form-r .note-more{    font-size: 13px;
    font-size: 14px;
    padding: 5px 0;
    display: block;
    text-align: center;
}

.center-text-small {
    margin-top: 20px;
    padding-bottom: 15px;
}
.center-text-small>span {
    text-align: center;
    font-size: 12px;
    opacity: .5;
    border-bottom: 1px solid #d1d1d2;
    line-height: .1em;
    width: 50%;
    margin: 0 auto;
    padding: 0;
    display: block;
}
.center-text-small>span>span {
    background: #fff;
    padding: 0 8px;
}
.contact-form-body {
    position: relative;
}
#alert {
    margin-bottom: 5px;
}
.contact-form-body .form-element {
    position: relative;
    width: 100%;
    height: 44px;
    margin-bottom: 15px;
    float: left;
    margin-bottom: 13px;
}
.form-element:before {
    clear: both;
    width: 100%;
    content: '';
    display: table;
}
.form-element .placeholder {
    pointer-events: none;
    color: rgba(68,76,89,.7);
    position: absolute;
    top: 5px;
    max-width: 100%;
    z-index: 1;
    transition: .3s;
    transform-origin: 0 0;
    font-size: 14px;
    left: 6px;
    line-height: 44px;
    font-weight: 400;
}
.form-element .input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    outline: 0!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
}
.form-element .error-text, .form-element .field-validation-error {
    color: #c72528;
    font-size: 12px;
    position: absolute;
    top: 44px;
    left: 0;
}
.form-info .form-element {
    position: relative;
    display: table;
    border-collapse: separate;
}
.form-info .form-element .input
{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #0e0e0e;
    min-height: 40px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid rgba(255,255,255,.29);
    background: #f5f5f5;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.form-info .form-element .input-group-addon {
    border-radius: 0;
    border: none;
    position: relative;
    padding: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.large-btn-contact {
    padding: 12px 40px;
    border-radius: 2px;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
    font-weight: 600;
    background: #00abeb;
    background: -moz-linear-gradient(top,#089f25 0%,#0aa929 50%,#0aa929 50%,#089f25 100%);
    background: -o-linear-gradient(top,#089f25 0%,#0aa929 50%,#0aa929 50%,#089f25 100%);
    background: linear-gradient(to bottom,#089f25 0%,#0aa929 50%,#0aa929 50%,#089f25 100%);
    color: #fff;
    border: none;
}

.large-btn-contact:hover {
    opacity: .9
}
.section__partners{
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
        position: relative;
    background: #ecf6fb;background-image: url(/theme/img/partner.png);background-repeat: no-repeat;background-position: right;
}
.section__partners .container{padding: 40px 15px 30px;}
.section__partners .section__header h2.header__title{    
    color: #3f4b3e;
    font-family: "Signika", sans-serif;
    text-transform: unset;
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 20px;}
.section__partners .partner-inner {
    max-width:1000px;
}
.section__partners .partner-inner .slick-list .slick-track{
    margin-left:unset;
    margin-right:unset;
}
/*.section__partners .partner-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}*/
.section__partners .partner-inner .item{
    padding:10px;
    -webkit-box-flex:0;
    -ms-flex:0 0 20%;
    flex:0 0 20%;
    max-width:20%;
}
.section__partners.partnets_c5 .partner-inner .item{
   width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.section__partners.partnets_style_cricle{
    margin-bottom: -30px;
    padding-bottom: 35px;
}
.section__partners.partnets_style_cricle .partner-inner .item .card{background:unset;border:none;}
.section__partners.partnets_style_cricle .partner-inner .item .card img {border-radius:50%;}

.section__partners.partnets_bg {
    background-image: url(/theme/img/partners.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position:relative;
}
.section__partners.partnets_bg  .section__center .section__header {
    margin: 20px auto 35px;
    display: block;
    text-align: center;
}
.section__partners.partnets_bg  .section__header 
{
    position: relative;
    z-index: 2;
}
.section__partners.partnets_bg .section__header .header__title,
.section__partners.partnets_bg .section__header .header__subtitle{
    color:#fff;
}
.partnets_overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3c3c3c2e;
}
.section__partners .partner-inner .item {
    position: relative;
    display: inline-block;
}
.section__partners .partner-inner .item .card{
    opacity: 0.85;
    padding:5px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border: solid 1px rgba(151,151,151,.25);
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor:pointer;
}

.section__partners .partner-inner .item .card a{
    position:relative;
    display:block;
}
.section__partners .partner-inner .item .card img{
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    margin:auto;
    -o-object-fit:contain;
    object-fit:contain
}
.section__partners .header__title{
        margin-bottom: 5px;
    color: #e8363f;font-size: 19px;
}
.section__partners blockquote
{
    background: #fff8de4d;
    border-left: none;
    margin: 15px  0px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    font-size: 16px;
    font-family: 'KoHo', sans-serif;
    font-weight: 500;
    line-height: 1.45;
    border-bottom: 1px solid #c7bc49;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    border-radius: 2px;
}
.section__partners blockquote p, .section__partners blockquote div{
    line-height: 1.45;
}
.section__partners blockquote:before {
    color: #d42b35;
    content: open-quote;
    font-size: 4.5em;
    line-height: 27px;
    margin-right: 15px;
    vertical-align: 0;
    float: left;
    margin-top: 15px;
    opacity: 0.9;
}
.section__partners blockquote a{color: #149a53;}
.section__partners blockquote a:hover{text-decoration:underline;}
.section__partners:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: rgb(255 255 255 / 30%);
    width: 100%;
}
.section__partners .container {
    width: 100%;
    margin: 0 auto;
}
.section__partners .section__header{
    z-index: 1;
    position: relative;
}
.box__links{
    padding: 10px;
    border: 2px dashed #f68122;
    text-align: justify;
    font-family: arial;
    border-radius: 4px;
    font-size:15px;
    font-weight: 600;
    line-height: 1.4;
    font-style: italic;
}
.box__links a {color: #1f38ee;}
@media (max-width:760px){
    .section__partners{
        margin-top: 30px;
        background: #ecf6fb;background-image: url(/theme/img/partner.png);background-repeat: no-repeat;
        background-position: center;
        background-size: cover;overflow: hidden;
    }
    .section__partners .container{ padding: 40px 0 30px;}
    .section__partners .partner-inner{
        width:calc(100% + 16px);
        margin:0 -8px;
    }
    .section__partners .partner-inner .item{
            padding: 2px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%!important;
        flex: 0 0 20%!important;
        max-width: 20%!important;
    }
    
    .section__partners .partner-inner .item .card{padding:2px;}
   /* .section__partners .partner-inner .item{
        display:none
    }*/
    .section__partners .partner-inner .item:nth-child(1),
    .section__partners .partner-inner .item:nth-child(2),
    .section__partners .partner-inner .item:nth-child(3),
    .section__partners .partner-inner .item:nth-child(4){
        display:block;
    }
      .section__partners .header__title {
        margin-bottom: 15px;
        text-align:center;
        font-size: 18px;
    }
     .section__partners .partner-inner .item:nth-child(10){
        display:none;
    }
    .project__info p{text-align:center;}
    .related__list .post .project__title a {
        font-weight: 600!important;
        font-size: 15.5px!important;
    }
}
.load-more {
    color: #fff;
    height: 100%;
    display: block;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 16px;
    background: #23527c;
    padding: 5px 20px;
    border-radius: 35px;
    clear: both;
    margin: 0 auto;
    text-align: center;
    margin: 16px auto 30px;
    text-align: center;
    width: 226px;
    opacity:0.9;
}
.load-more:hover{opacity:1;}
.project__page{padding:20px 0;}
.single__project__content .entry-content .title{
    background: #f1f1f1;
    text-transform: uppercase;
    padding: 5px 12px;
    margin: 25px 0 15px;
    color: #383838;
    font-weight: bold;
    font-family: 'UTM-Avo-Bold';
    font-size: 19px;
    line-height: 32px;
}
.single__project__content .entry-content .title:before{
    content: '';
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: #383838;
    margin-right: 4px;
    width: 5px;
    display: inline-block;
    height: 18px;
    padding-left: 5px;
    margin-right: 10px;
}



/*paging*/
.paging {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin-bottom: 15px;
}
.paging .button-page {
    margin-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paging .button-page .btn-page {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    float: left;
    position: relative;
    margin-right: 10px;
    color: #636363;
    font-weight: 600;
    font-size: 15px;
    opacity: 0.95;
}
.paging .button-page .btn-page-info{
    width: unset;
    padding: 0 10px;
    background: #fafafa;
    font-weight:normal;
    cursor:pointer;
}
.paging .button-page .btn-page:hover {
    background: #F7F7F7;
}
.paging .button-page .btn-page-info:hover{background:unset;cursor:default;}
.paging .button-page .btn-page.active {
    border: 1px solid #dbbe4f;
    background: #f8db71;
    color: #434343;
}
.single__project .col-md-4.lockfixed 
{
    width:33.1%;
}
.project_item_style02 .project__text{
    padding: 8px 0px 10px 10px;
    border: 1px solid #ececec;
}
.project_item_style02 .project__title{
    margin-bottom:8ox
}
.project_item_style02 .project__title a{
    color: #333;
}
.project_item_style02 .address,
.project_item_style02 .area
{
      color: #3c3c3c;
    font-size: 16px;
    margin-bottom: 2px;
    font-weight:600;
    font-family: 'KoHo';
}
.project_item_style02 .area{
    padding-right:15px;
    padding-right:0px;    color: #da0802;
}
.project_item_style02 .area::before {
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    background: transparent none no-repeat center center/auto 100%;
    margin-right: 4px;
    background-image: url(/theme/img//area.svg);
}
.project_item_style02 .address{
    color: #3c3c3c;
    font-size: 15px;
    margin-bottom: 4px;
}
.project_item_style02 .address i{
    padding-right: 8px;
    color: #949494;
    font-size: 17px;
    margin-left: 4px;
}


.cta-bottom-wrapper {
    background: #0a1a2e;
    width: 100%;
    height: 46px;
    position: fixed;
    bottom: 0;
    z-index: 1040;
    border: 1px solid rgba(48,51,57,.15);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    overflow: hidden;
    transition: opacity .5s ease-in-out , transform .5s ease-in-out;
    font-size: 16px;
    display: none;
}
.cta-bottom-inner {
    width: 100%;
    border-spacing: 15px 4px;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
    height: 100%;
}
.cta-bottom-inner div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 50%;
}
.cta-bottom-inner a {
    transition: all 300ms;
}
.cta-hotline, .cta-post {
    display: block;
    border-radius: 40px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #3e3e3e;
    font-weight: 600;
    border: 1px solid #f68122;
    font-size: 110%;
    border-image: linear-gradient(0deg, #f68122, #ffe569, #e0af5e, #ffe569, #f68122) 1;
    background: linear-gradient(to right, #e0af5d, #faeb9c, #e0af5d, #faeb9c);
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.cta-form {
    display: block;
    color: #fff;
    border-radius: 40px;
    width: 100%;
    height: 38px;
    border: 1px solid #f68122;
    line-height: 38px;
    font-weight: 600;
    border-image: linear-gradient(0deg, #f68122, #ffe569, #e0af5e, #ffe569, #f68122) 1;

    background: linear-gradient(to right, #e0af5d, #faeb9c, #e0af5d, #faeb9c);
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
.cta-form .icon {
    background-image: url(/img/icon-register.svg);
    width: 24px;
    height: 24px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    transition: all .3s ease-in-out;
    color: #ffe569;
    vertical-align: middle;
}

.cta-hotline .icon{
    background: url(/img/call.svg) center center no-repeat;
    background-size: 22px;
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
/*.cta-hotline:before, .cta-form:before, .cta-post:before {
    font-family: fontawesome;
    content: '\f095';
    margin-right: 4px;
    font-size: 18px;
}*/

.cta-bottom-inner a.cta-hotline:hover{
    color: #fff;
}
.cta-hotline:hover{
    color:#fff;
    opacity:0.9;
}
/*top bar*/
.header-top {
    background: #efa71f;
    height:46px;
    color: #333;
}
.header-top .header-contact{float:right; line-height: 46px;}
.header-top .contact-email,.header-top .contact-phone{}
.header-top .header-contact a{color:#585858;}
.header-top .contact-phone{}
.header-top a.contact-phone{
    font-weight: bold;
    color: #cc1717;
    font-size: 17px;
}
.header-top .header-contact a:hover{text-decoration:underline;}
.header-top span.space{opacity:0.4;}
.header-top .header-social-icons{line-height: 46px;}
.header-top .header-social-icons a{color:#846b4d;margin-right:5px;}
/*end top bar*/
/*single contact*/
.single-contact{
        margin-bottom: 20px;
    background: white;
    margin-top: 20px;
    opacity:0.9
}
.single-contact .single-contact-form{
    margin-top: 20px;
    border: 2px solid #00a550;
    padding: 15px;
    border-radius: 2px;
    margin-bottom: 15px;

}
.single-contact .single-contact-form .single-contact-title
{
    font-size: 18pt;
    color: #ea700d;
    text-align:center;
    font-weight: bold;
}
.single-contact .single-contact-form .single-contact-description{
    text-align:center;margin:0 auto; max-width:1000px;
}
.single-contact .left{
    float: left;
    width: calc((100% - 20px)/ 2);
}
.single-contact .right{
    float: right;
    width: calc((100% - 20px)/ 2);
}
.single-contact  select {
    color: red;
}
/*header*/
.header-cover{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    
}
.header-cover-inner {
    height: 100%;
    z-index: 1;
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: auto;
    color: #fff!important;
    text-align: center;padding: 80px 0;
}
.header-cover h1 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 28px;
    font-family: 'UTM-Avo-Bold';
    line-height: 34px;
    text-transform: uppercase;
}
.header-cover .des{    
    padding: 10px;
    max-width: 780px;
    margin: 0 auto;
}
.header-cover .search-box{
        padding: 10px;
    max-width: 780px;
    margin: 0 auto;

}
.header-cover.hc01{
    background-color: rgb(103 103 103);
    background-image: url(/images/bannerv2.jpg);
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
}
.header-cover.hc01 .bg {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: rgba(0,0,0,.2);
    width: 100%;
}
.above-description{
    font-size: 16px;
    font-weight: 600;
    color: #3c3c3c;
    display: inline-block;
    margin: 15px 0 20px;
    font-family: 'Source Sans Pro', sans-serif;
}
/*end single contact*/
.investors {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    clear: both;
    padding-top: 60px;
    padding-bottom: 60px;
}
.investors .col-left,
.investors .col-right{    
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.investors .col-left{
    width: 220px;
    float: left;
}
.investors .col-right{width: calc(100% - 220px);    float: left;}
.investors .investor-logo{
    display: block;
    width: 100%;
    min-width: 195px;
    height: 100%;
    min-height: 195px;
    border: 1px solid rgba(131,131,131,.2);
    position: relative;
    overflow: hidden;
}
.investors h3.title{
    margin: 0 0 0px;
    font-size: 19px;
    line-height: 34px;
    font-weight: bold;
    text-transform: uppercase;
}
.investors .cop__title{
    font-size: 15px;
    line-height: 1.5;
    color: #838383;
    margin-bottom: 5px;
    font-weight: 500;
}
.investors .news__excerpt {    font-size: 16px;
    line-height: 1.5;
    color: #838383;
    margin-bottom: 5px;}
.investors .readmore {
    font-weight: 400;
    color: #0c4a80;
    display: inline-block;    margin-top: 4px;
}
.investors .links {
    padding: 8px 0;
    text-align: justify;
    font-family: arial;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    font-style: italic;
    color: #1f38ee;
}
.investors .links a{ color: #1f38ee;}
.projects{
    max-width: 900px;
    margin: 0 auto;
}
.projects .project .project-location
{
    font-size: 15px;
    font-weight: 600;
    color: #6d6d6d;
    display: inline-block;
}
.projects .project .project__title{
    text-transform:uppercase;
}
.projects ul.meta{
    list-style:none;padding-left:0;
    font-size: 15px;
    font-weight: 600;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*.projects ul.meta li{display:inline-block;padding-right:15px;}
.projects ul.meta li:last-child{padding-right:0px;}
.projects ul.meta li.meta-price{color: #da0802;}*/
.projects .meta
{
    background: #fefefe;
    padding: 2px 5px 0px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
        margin-bottom: 20px;
}
.projects .project-description{font-size:15px;line-height: 1.6;min-height: 68px;}
.projects .area,
.projects .address,.projects .cdt
{
    color: #3c3c3c;
    font-size: 16px;
    margin-bottom: 2px;
    font-weight: 500;
}
.projects .area{
    padding-right:15px;
    padding-right:0px;    color: #da0802;
}
.projects .area::before {
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    background: transparent none no-repeat center center/auto 100%;
    margin-right: 4px;
    background-image: url(/theme/img//area.svg);
}
.projects .address{
    color: #3c3c3c;
    font-size: 15px;
    margin-bottom: 6px;
}
.projects .address i{
    padding-right: 8px;
    color: #949494;
    font-size: 17px;
    margin-left: 4px;
}
.projects .cdt{
        font-size: 14px;
    font-weight: bold;
}
.projects  .intro-btn {
    background: linear-gradient(to right, #0ca04e 0%, #269e4a 50%, #22a147 100%);
    padding: 0 18px;
    font-size: 15px;
    line-height: 35px;
    opacity: 0.7;
    -webkit-box-shadow: 0 1px 3px -2px rgb(0 0 0 / 16%), 0 2px 4px rgb(0 0 0 / 13%);
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 16%), 0 2px 4px rgb(0 0 0 / 13%);
    border-radius: 30px;
}
.projects  .intro-btn:hover{opacity:0.9}
.projects .project   .project__text h3 a{
        background: -webkit-linear-gradient(#05b359, #03803f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.projects .project  .cover__image:hover + .project__text h3 a,
.projects .project   .project__text:hover h3 a{
    background: -webkit-linear-gradient(#07a955, #03773b); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.listview .project .cover__image {
    width:320px;
    float:left;
}
.listview .project .project__text {
    width: calc(100% - 338px);
    margin-left: 18px;
    float: left;
    padding: 0;
    border: 0;
}
.listview  .project {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.listview .project .project__title a {
    font-size: 20px;
}
@media(max-width: 768px) {
    .listview .project .cover__image {
        width:300px;
        float:left;
    }
    .listview .project .project__text {
        width: calc(100% - 318px);
        margin-left: 18px;
    }.single__project .entry-content {
    padding: 0 8px;
}
     h1.h1-title, h3.related__heading {
        font-size: 21px;
        line-height: 32px;
}#gallery-full .gallery__item {
    height: 320px;
}
 .hidesm{display:none;}
}
@media(max-width: 520px) {
    .listview .project .cover__image {
        width:100%;
    }
    .listview .project .project__text {
        width:100%;
        margin-left: 0;
    }
}
/*feedback*/
.box-customer-experience{
    width:100%;
    position:relative;
    display:inline-block
}
.box-customer-experience .buttons{
    position:absolute;
    top:50%;
    width:40px;
    height:40px;
    cursor:pointer;
    border:0;
    line-height:40px;
    padding:0;
    text-align:center;
    background-color:transparent;
    font-size:30px;
    color:#888;
    z-index:1;
    cursor:pointer;
    margin-top:-20px
}
.box-customer-experience .next{
    right:-55px
}
.box-customer-experience .prev{
    left:-55px
}
@media only screen and (max-width:1240px){
    .box-customer-experience .next{
        right:0
    }
    .box-customer-experience .prev{
        left:0
    }

}
.box-customer-experience .list-slide-item{
    width:100%;
    display:inline-block;
    overflow:hidden
}
.box-customer-experience .item{
    /*width:445px;*/
    /*float:left;*/
    /*margin-left:40px;*/
    /*margin-right:100px;*/
}
.box-customer-experience .item .text{
    width: 100%;
    float: left;
    padding-left: 18px;
    padding-top: 15px;
    line-height: 16px;
    font-size: 15px;
    color: #333;
    margin: 0;
    margin-bottom: 15px;
    background: url(/images/img/icon-double-quotes.png) no-repeat 0 0;
    font-weight: normal;
    padding-right: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 3px 4px 7px #00000040;
    border-bottom: 2px solid #ab0f10;
    height: 170px;
}
.box-customer-experience .item .box-name{
    width:100%;
    float:left;
    padding-left: 20px;
    margin-top: -25px;
}
.box-customer-experience .item .box-name .avatar{
    width:80px;
    height:80px;
    float:left;
    border-radius: 50%;
    border: 3px solid #ab0f10;
}
.box-customer-experience .item .box-name .small{
    margin-left:100px;
    margin-top:14px
}
.box-customer-experience .item .box-name .name{
    margin:0;
    font-size:16px;
    color:#fff;
    font-weight:700;
    line-height:28px
}
.box-customer-experience .item .box-name .text-note{
    margin:0;
    font-size:14px;
    font-weight:normal;
    color:#888;
    line-height:20px;
    text-align: left;
}
.feedbacks{
    height: 100%;
padding: 40px 0!important;
    margin: 0!important;
        background-image: url(/theme/img/bg-feedback.jpg);
            background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%;
}
.feedbacks .list{margin-top:20px;}
.khach-hang-section .icon-box .icon-box-text {
    margin-left: -20px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 3px 4px 7px #00000040;
    padding-left: 24px;
    border-bottom: 2px solid #76c770;
    background: white;
}
/*end feedback*/
.twocol {
    display: block;
    width: 100%;
}
.twocol .left,.twocol .right{
  padding: 15px  12px;
  float:left;
  width:50%;
}
.twocol:before,.twocol:after {
    display: table;
    content: " ";
}
@media(max-width:768px) {
    .twocol{
            max-width: 600px;
    display: block;
    margin: 0px auto;
    }
    .twocol .left,.twocol .right{
          display: block;
        margin: 15px 0;
        width: 100%;
    }
}
.b-gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px 0px 0;
    -ms-flex-pack: center;
    justify-content: center;
}
.b-gallery .item {
    margin: 20px 10px 0;
    position: relative;
    width: 100%;
}
.b-gallery .item a {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.b-gallery .item img{
    
    cursor: pointer;
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
    margin-bottom:0}

@media (min-width: 768px)
{
    .b-gallery .item {
        width: calc(50% - 20px);
    }
}
@media (min-width: 1200px)
{
    .b-gallery .item {
        width: calc(100%/3 - 20px);
    }
}
h2.hasline, h3.hasline{
    text-align:center;    position: relative;
    padding-bottom: 4px;
    margin-bottom: 32px!important;
}
.hasline:before {
    background: url(/img/line-1.png) center center no-repeat;
    background-size: contain;
    bottom: -17px;
    content: '';
    display: block;
    height: 15px;
    left: 0;
    margin: 0 auto;
    max-width: 260px;
    position: absolute;
    right: 0;
    width: 100%;
}

.btn-registration{
    -webkit-transition: all .5s;
    background: #a461b7;
    border: 0 none;
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    color: var(--font-color-2);
    display: block;
    font-size: 18px;
    font-weight: var(--fw-3);
    margin: 20px auto 0;
    min-width: 300px;
    padding: 15px;
    text-transform: uppercase;
    transition: all .5s;
    width: 100%;    padding: 15px 20px;
    width: auto;color: #fff;
}
.btn-registration:active,.btn-registration:focus{outline:none;border:0!important;}
/*album*/
.container-album-title
{
     text-align:center;
     max-width:768px;
     margin:0 auto;
    margin-bottom: 30px;
 }
.container-album-title h1 {
     
     font-size: 30px;font-family: 'UTM-Avo-Bold';line-height: 1.5;
 }
.container-album-title .stats-container{
    font-size:15px;
}
.box-description{
    max-width: 1050px;
    margin: 0 auto;
    background: #fbfbfb;
    padding: 15px 10px;
    border-radius: 5px;
    margin-top: 15px;margin-bottom: 30px;
}
#album, #page
{
    position: relative;
    padding-bottom: 60px;
}

#album .slick-slide {
    padding-left: 12px;
    padding-right: 12px;
}
div.photo-list-album-interaction {
    height: 100%;
    background-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

div.photo-list-album-interaction:hover{
        -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
div.photo-list-album-interaction .interaction-bar {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    bottom: -18px;
    box-sizing: border-box;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div.photo-list-album-interaction.has-actions:hover .actions {
    height: 50px
}

div.photo-list-album-interaction.has-actions:hover .metadata {
    bottom: 30px
}
@media (min-width: 768px){
    .cover--box{margin-left:-50px;}
}
@media (max-width: 812px) and (orientation:landscape),only screen and (max-width:700px) and (orientation:portrait) {
    div.photo-list-album-interaction.has-actions:hover .metadata {
        bottom:40px
    }
}

div.photo-list-album-interaction .album-title {
    text-shadow: 0 1px 1px #000;
    line-height: 20px;
    word-break: break-word;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

div.photo-list-album-interaction .album-photo-count,div.photo-list-album-interaction .album-views-label {
    text-shadow: 0 1px 1px #000
}

div.photo-list-album-interaction .metadata {
    padding: 0 15px;
    font-weight: 500;
    bottom: 20px;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: bottom .25s ease-out;
    transition: bottom .25s ease-out;
    width: 100%;
    box-sizing: border-box;
    color:#fff;
}

@media (max-width: 812px) and (orientation:landscape),only screen and (max-width:700px) and (orientation:portrait) {
    div.photo-list-album-interaction .metadata {
        padding:0 10px;
        bottom: 20px
    }

    div.photo-list-album-interaction .metadata h4 {
        font-size: 16px;
        line-height: 1;
        font-weight: 600
    }

    div.photo-list-album-interaction .metadata span {
        font-size: 12px;
        line-height: 1
    }
}

div.photo-list-album-interaction .metadata .album-views-count-wrapper {
    white-space: nowrap
}

div.photo-list-album-interaction .metadot {
    margin: 0 5px;
    font-size: 18px;
    font-weight: 800
}

div.photo-list-album-interaction .actions {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: height .15s ease-out;
    transition: height .15s ease-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 0;
    position: absolute;
    bottom: 0;
    width: 100%
}

div.photo-list-album-interaction .actions.less-items {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

div.photo-list-album-interaction .actions a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    outline: none;
    padding: 15px
}

div.photo-list-album-interaction .actions a:first-of-type {
    padding-left: 20px
}

div.photo-list-album-interaction .actions a:first-of-type span {
    left: 0
}

div.photo-list-album-interaction .actions a:last-of-type {
    padding-right: 20px
}

div.photo-list-album-interaction .actions a span {
    display: block;
    pointer-events: none;
    position: relative
}

div.photo-list-album-interaction .actions a.is-disabled {
    cursor: default;
    opacity: .5
}

@media (max-width: 812px) and (orientation:landscape),only screen and (max-width:700px) and (orientation:portrait) {
    div.photo-list-album-interaction .actions a.book.cta,div.photo-list-album-interaction .actions a.share.cta {
        display:none
    }
}
div.photo-list-album-interaction.photo-selector-album .interaction-bar {
    padding: 0 0 15px 15px;
    width: auto
}

div.photo-list-album-interaction.photo-selector-album .album-title {
    font-size: 16px;
    bottom: 48px
}

div.photo-list-album-interaction.photo-selector-album .album-photo-count {
    font-size: 14px;
    bottom: 20px
}
.photo-list-album-view {
    /*position: absolute;*/
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    background-size: cover;
    margin-bottom:30px;
    border-radius: 2px;
}

.photo-list-album-view.awake {
    opacity: 1
}

.photo-list-album-view a.click-target {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.photo-list-album-view .interaction-view {
    position: absolute;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    opacity: 1
}
.photo-list-album-view{
    transform: translate(0px, 8px);
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.photo-list-album-view .interaction-view.photo-list-album {
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.5) 0,transparent 50%,transparent);
    background: linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent 50%,transparent);
    margin: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.photo-list-comment-view i.comments {
    display: inline-block;
    margin: 2px 1px 0 0;
    vertical-align: bottom;
    background: url(https://s.yimg.com/ap/build/images/sprites/icons-9441054a.png) -496px -160px no-repeat;
    width: 24px;
    height: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
    .photo-list-comment-view i.comments {
        background-image:url(https://s.yimg.com/ap/build/images/sprites/icons@2x-3e3206b8.png);
        background-size: 552px 521px
    }
}
#album .avatar.album.ginormous:before {
    right: 15px;
    left: 15px;
}

#album .avatar.album:before {
    right: 4px;
    left: 4px;
    top: -4px;
}
#album .avatar.album:after, #album .avatar.album:before {
    content: "";
    position: absolute;
    height: 1px;
    background: #afb7bc;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
#album .avatar.album.ginormous:after {
    right: 10px;
    left: 10px;
}

#album .avatar.album:after {
    right: 2px;
    left: 2px;
    top: -2px;
}

#album  .avatar.album:hover:before {
    top: -6px;
}
#album  .avatar.album:hover:after, .fluid .avatar.album:hover:before {
    background-color: #8c9296;
}
.album-relates 
{
    margin-top:40px;
    padding-top: 25px;
    padding-bottom: 55px;
    background-image: url(/theme/img/bg_about.jpg);
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%;
}
.album-relates .album-slick{
    margin-bottom: 0;
    padding-top: 30px;
}
/*end album*/

/*
    video
*/
.block-video {
    background-image: url(/images/Slide-bannerv2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.block-video .videos{margin-top:40px;}
.video-list .video-col {
   /* box-shadow: 0 1px 9px rgb(222 213 213);*/
    margin-bottom: 40px;
}
.video-list figure {
    position: relative;
    display: inline-block;
}
.video-list .video-col figure .video-img .ico-play {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    background: #6b6b6b4f;
    border-radius: 50%;
    background-image: url(/img/ico-play.png);
    background-size: 100% 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    opacity: .8;
    position: absolute;
    top: 42%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -35px 0 0 -35px!important;
    transition: all 0.3s;
}
.video-list .video-col figure .video-img:hover .ico-play {
    opacity: 1;
    width: 76px;
    height: 76px;
    margin: -38px 0 0 -38px !important
}
.video-list .video-col .video-img:focus {
    outline: none !important
}
.video-list .video-col .video-img img {
    max-width: 100%
}

/*.video-list .video-col .video-img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .4;
    pointer-events: none;
    background: linear-gradient(0deg,#000 0,transparent);
    height: 100%;
    content: ""
}*/

.video-list .video-col figure .video-img:hover::before {
    opacity: .3
}

.video-list .video-col figure figcaption {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: block
}

.video-list .video-col figure figcaption .video-name {
    text-align: center;
    color: #fff;
    font-size: 21px;
    padding: 0 10px;
    margin: 0;
    overflow: hidden;
    font-weight: 500;
    font-family: 'UTM-Avo-Bold';
    line-height: 31px;
    display: table;
    margin: 0 auto;
    padding-bottom: 5px;
    border-radius: 4px
}

.video-list .video-col figure figcaption hr {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    opacity: .5
}
.video-list .slick-prev, .video .slick-next
{
    top:30%;
    opacity: 0.7;
}
.video-list .slick-prev:hover, .video .slick-next:hover
{
    opacity: 1;
}
.block-video .heading-fw h2 {
    color: #fff;
    font-size: 24px;margin-bottom: 40px;
}
.block-video .heading-fw h2:after{content:none;}
.video-list .col-md-4 {
    display: inline-block;
    float: none;
    margin-right: -4px;
    vertical-align: top;
}
@media only screen and (max-width:768px) {
    .video-col figure figcaption .video-name {
        font-size: 16px;
        line-height: 46px;
        height: 46px;
        padding: 0 4px;
    }
}
/*end vide*/
/*stat*/
.box-extend-animation {
  background-color: #00a64fa1;
 clip-path: inset(0%); /* Hiệu ứng ban đầu */
}
@media only screen and (max-width:1250px) {
    .box-extend-animation {
     clip-path: inset(0%)!important;
    }
}
#section_stat {
    padding-top: 0px;
    padding-bottom: 0;
    /*background-color: rgb(234 255 225);
    background-image: url(/images/bannerv2.jpg);
    background-attachment: fixed;
    background-position: center;*/
    overflow: hidden;
    position: relative;
    opacity: 0.9;
    /* min-height: 400px; 
    background-image: url(/images/img/bg2.jpg);
    background-position: top !important;
    background-repeat: no-repeat;
    background-size: cover;*/
}
 #section_stat .bg {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    /*  background:rgb(230 240 195 / 42%);*/
    width: 100%;
}
#section_stat .section-content {
    z-index: 9;
    position: relative;
    padding: 45px 0 15px;
    background: url(/theme/img/mid-bg.jpg);
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
 }
  #section_stat .section__header h2.header__title{
      color:#00a64f;
  }

    #section_stat .section__header .header__subtitle{
        color: #444;
        font-weight: 400;
        font-size: 18px;
  }
    
    #section_stat .highlight {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #d69f17;
    margin-bottom: 26px;
    font-family: "Signika", sans-serif;
    letter-spacing: 0.4px;

}
.block-stat{
    display: flex;
    flex-wrap: wrap;
    gap: 2.5%;
    align-content: center;
    align-items: center;
    margin: 20px 0;
 }
 .block-stat .item-stat{
    background: #ffffffe0;
    text-align: center;
    position: relative;
    border-radius: 4px;
    display: block;
    width: 23%;
    margin-bottom: 15px;
    padding: 25px 15px;
 } 
 .block-stat .item-stat .count {
        padding-left: 15px;
    font-size: 3.125rem;
    font-weight: 800;
    color: #07994d;
    text-align: center;
    font-family: Poppins;
    line-height: 1.4;
    margin-top: 8px;
  /*  background: -webkit-linear-gradient(#f0b547, #e1a83f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.block-stat .item-stat .count span {
    text-shadow: 3px 2px 2px rgb(51 51 51 / 5%);
}
.block-stat .item-stat .title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.9rem;
    color: #4a4a49;
    text-align: center;
    padding: 2px 12px;
    display: inline-block;
    font-family: "Signika", sans-serif;
}
.block-stat .item-stat .countWrap {
    margin: 0 auto;
   /* position: absolute;
    top: 50%;
    left: 0;
    right: 0;
   
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);*/
}
.block-stat .item-stat .icon-img{
        margin: 0 auto;
        width: 64px;
        max-width: 100%;
        position: relative;
        /* background: #eceae1e3; */
        padding: 0px;
        border-radius: 2px;
}.block-stat .item-stat .icon-img .icon{
    padding: 15px;
    border-radius: 50%;
    background: #f3f5f0a3;
    width: 74px;
    height: 74px;
}.block-stat .item-stat .icon-img .icon img {
    padding-top: 0;
    width: 100%;
    opacity: 0.9;
    height: auto;
}
@media (min-width: 992px) {
    .block-stat .item-stat {
        height: 200px;
    }
    .block-stat .item-stat .count {
        font-size: 2.75rem;
    }
}
@media (min-width: 1200px) {
    .block-stat .item-stat {
        height: 215px;
    }

    .block-stat .item-stat .count {
        font-size: 4rem;
    }
    .block-stat .item-stat .title {
        font-size: 17px;
        padding:0;
    }
}
@media (max-width: 768px){
    .block-stat .item-stat {
        width: 49%;
    }
    .block-stat {
        gap: 2%;
    }
}
/*video*/

.section_video .featured-video{
    position: relative;
       padding: 0;margin-top: 15px;
    padding-bottom: 10px;
    padding-top: 15px;margin-bottom:0;
}
.section_video .featured-video a:after {
    font-size: 17px;
}
.section_video .featured-video a {
    position: relative;
    background: #fff;
    display: inline;
    float: left;
    margin: 0 0 27px 0px;
    width: auto;
    padding: 10px 10px 15px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-webkit-transition: -webkit-transform .15s linear;
}
.section_video .featured-video  a:after {
    content: attr(title);
    font-weight: 600;
    font-size: 15px;
}
.section_video .featured-video a:hover {
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
}
.section_video.featured-video .ico-play {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    background-image: url(/img/ico-play.png);
    background-size: 100% 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    opacity: .8;
    position: absolute;
    top: 47%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -35px 0 0 -35px!important;
    transition: all 0.3s;
}
.section_video .featured-video a:hover .ico-play {
    opacity: 1;
    width: 76px;
    height: 76px;
}

#section_active {
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgb(253 252 250);
    /*background-image: url(/images/bannerv2.jpg);*/
    background-size: cover !important;
    background-repeat: no-repeat !important;
    /* background-position: 50% 50%; */
    background-attachment: fixed;
    background-position: center;
    position: relative;
}
/*#section_active .bg {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: rgb(224 224 224 / 53%);
    width: 100%;
}*/
#section_active ul {
    margin-right:-15px;
	 margin-left:-15px;
}

#section_active button{
        margin: 0 auto!important;
        display: block;
    }
 #section_active .photo-list-album-view {
    padding-top: 65%;
}
 #section_active  #album {
    padding-bottom: 10px;    padding-top: 40px;    margin-bottom: 0;

}
 #section_active .slick-dots {
    bottom: 38px;
    z-index: 2;
}
 #section_active .slick-dots button {
    background: #f4cd67;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
 /*scrool*/
/* Container DIV - automatically generated */
.simply-scroll-container {
  position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.simply-scroll-list ul li {
  padding: 0;
  margin: 5px 5px;
  list-style: none;
  transition: all 0.5s;
 
}
.simply-scroll-list  ul li a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
    position:relative;
}
/*.simply-scroll-list li img{
    width: 100%;
}*/
.simply-scroll-list  ul li a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.simply-scroll-list li:hover {
     transform: scale(1.05);
}
/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
  width:100%;
  height: 300px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
    float: left;
    width: 400px;
    height: 300px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/*fc*/
#section_cat {
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgb(103 103 103);
    background-image: url(/images/bannerv2.jpg);
    background-attachment: fixed;
    background-position: center;
    overflow: hidden;
    position: relative;
    opacity: 0.9;
}
 #section_cat .bg {
        content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: rgba(0,0,0,.2);
    width: 100%;
}
 #section_cat .section-content {
     padding:50px 0 25px;
    }
.featured-cat .col-inner {
    position: relative;
}
#section_cat .col-inner a {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-end;
    -webkit-align-items: flex-end;
        height: 260px;
    width: 260px;
     position: relative;
        align-content: center;
    -webkit-align-content: center;
        border: 4px solid #ffffff;    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all .5s;
    transition: all .5s;
    margin: 0 auto;    opacity: 0.9;
}
   
.featured-cat .col-inner > a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.featured-cat .col-inner > a .image-title {
    width: 100%;
    z-index: 2;
    color: white;
    font-size: 150%;
    text-transform: uppercase;
    font-weight: 800;
    padding: 5px;
    line-height: 1.5;
    background: rgba(64,64,64,0.88);
    text-align: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;

    font-size: 30px;
    background: transparent;
    z-index: 3;
}
.featured-cat .col-inner > a hr {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    opacity: .5;
        position: relative;
    z-index: 2;
}
.featured-cat .col-inner > a .menu-desc {
    width: 100%;
    z-index: 2;
    display: none;
    padding: 5px;
    color: white;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.featured-cat .col-inner >a .menu-desc {
    font-size: 20px;
    color: #efa41f;
    font-weight: bold;
    display: block;
    z-index: 3;display: none;
}
.featured-cat .col-inner  >a:before{
        content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.3)));
    background: linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.3));
    width: 100%;
}
/*end fc*/
#section_highlight {
  padding-top: 55px;
  padding-bottom: 55px;
  background-color: rgb(239 253 235);
}
#section_highlight  .icon-box-img img {
    padding-top: .2em;
    width: 100%;
}
#section_highlight  .icon-box-img {
    margin:0 auto;
}
#section_highlight  .icon-box-text {
    text-align: center
}
#section_highlight  .icon-box-text h3 span {
    color: #00a550;
    font-weight: 600;
    font-size: 17.5px;
    line-height: 1.4;
    display: block;
}

@media only screen and (max-width: 768px) {
    .cta-bottom-wrapper {
        display: block;
    }

    .header img {
        max-height: 54px;
    }


    .project__info__fixed .project__box__menu .licall {
        display: none;
    }

    #section_cat .col-inner a {
        width: 190px;
        height: 190px;
    }

    .featured-cat .col-inner {
        padding: 0 !important;
    }

        .featured-cat .col-inner > a .image-title {
            font-size: 22px;
        }

    #section_highlight .icon-box-text p {
        display: none;
    }

    .featured-projects .post a {
        text-transform: uppercase;
        font-size: 18px;
    }

    .container-album-title h1 {
        font-size: 26px;
        line-height: 1.5;
    }

    .box-description {
        background: unset;
        padding-left: 0;
        padding-right: 0;
    }

    .section__intro .intro__text h1.title {
        font-size: 22px !important;
    }

    .section__intro .intro__text h2.title {
        font-size: 20px  !important;
    }
    .section__banner .section__intro .intro__text .des {
        line-height: 22px!important;
        font-size: 15px!important;
    }
    .search-form .search-btn{
            width: 110px;    padding: 9px 15px;
    }
    .search-form .input-row span.span1 {
        width: calc(100% - 110px);
    }

/*
    #section_active {
        padding-top: 25px!important;
    }*/
    .section__partners blockquote p:nth-child(3),
    .section__partners blockquote p.hide-md{display:none;}
   

    .section__product{display:none;}

    #section_highlight  .icon-box-text h3 span {
        font-size: 16px;
       
    }
     
    #section_highlight  .icon-box{margin-bottom: 20px;}
     #section_highlight .icon-box-img img {
        width: 80px;
        height: auto;
    }
}
@media (min-width:768px){
  
   .section__partners .partner-inner .item .card:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 50%);
        -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
        position: relative;
        z-index: 5;
        opacity:1;
    }
    .featured-cat .col-inner a:hover {
          -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
    }
    .sub-menu .hide-md{display:none;}
}

.project__info .col-md-3:nth-child(5){display:none;}
@media only screen and (min-width:992px) {
    .sidebar .article__content .news__description h4{display:none;}
    .owl__banner .item {
        height: 380px;
    }
   /* .project__info .col-md-3{width:20%;}
    .project__info .col-md-3:nth-child(5){display:block;}
    .single__project .box-form{
        width: calc(100% + 200px);
        margin-left: -100px;
    }*/
}
@media (min-width:1300px){
    .owl__banner .item{
        height:500px;
    }
    .contact-form .col-md-3{width:27%;}
    .contact-form .col-md-3:last-child{width:19%;}
    .contact-form .col-md-3:last-child .btn-submit{width:100%;}
  
}
@media (max-width:1200px){
    .menu__primary .menu__phone{display:none;}
    .owl__banner .item{
        height:500px;
    }
      #album{overflow:hidden;}
}
@media (max-width:992px){
    .section__partners .container{width:98%;margin:0 auto;}
    .footer > .container,.footer .copyright > .container,.sidebar .container,header .header__header > .container,.single__project .related__project > .container{width:99%;}
   /* .sidebar .article__content .news__item .news__heading{
        width: 30%;
        float: left;
    }
     .sidebar .article__content .news__heading h4{display:none;}
     .sidebar .article__content .news__description{
        display: block;
        position: unset;
        opacity: 1;
        height: unset;    
        width: 70%;
        line-height: 1.55;
        padding: 0px 5px 0px 20px;
     }
     .sidebar .article__content .news__description h4{
        margin-top: 2px;
        margin-bottom: 16px;
        font-weight: bold;
     }*/
     .sidebar .article__content .news__description{
        display: block;
        opacity: 1;
        line-height: 1.55;
     }
     .sidebar .article__content .news__description h4{
        margin-top: 2px;
        margin-bottom: 16px;
        font-weight: bold;
     }
     .sidebar .article__content .news__item:hover .news__description{
        box-shadow: unset!important;
        border: unset!important;
     }
     .sidebar .news__item:hover {
        box-shadow: unset!important;
    }
    view-all a.readmore {border:none;}
    span.view-all{display:block;}

    .sidebar .project__header {margin-top:40px;}
    
    .header.small .menu__primary ul li>a,header .menu__primary ul li>a {
        padding: 20px 10px;
    }
    .single__project .col-md-4.lockfixed {display:none;} 
    .single__project .related__project .row {
        margin-right: -8px;
        margin-left: -8px;
    }
    .single__project .related__project .row .post {
        padding-right: 8px;
        padding-left: 8px;
    }
    .header h0.logo{width:180px;float:left;}
    .header nav.menu__primary{width:calc(100% - 180px);float:left;}
    .section__banner .section__intro {
        height: 400px;
        padding-top: 100px;
    }
    .section__banner .section__intro .intro__text .des{
        line-height: 25px;    font-size: 100%;
    }
}

@media (max-width:768px){
    .section__partners .container{width:100%;margin:0 auto;}
    .footer > .container,.footer .copyright > .container,.sidebar .container,header .header__header > .container,.single__project .related__project > .container{
        width:100%;
        
    }
    .container{
        padding-right: 10px;
        padding-left: 10px;
    }
    .container .row{
        margin-right: -10px;
        margin-left: -10px;
    }
     .container .row [class*='col-']{
        padding-right: 10px;
        padding-left: 10px;
    }
    .sidebar .article__content .news__description h4 {
        font-size:17px;
        line-height: 26px;
        margin-top: 0;
    }
    .single__project .related__project .post:nth-child(3){display:none;}
    .single__project header.entry-header h1 , .single__project header.entry-header h3{
        text-align:center;
    }
     .single__product header.entry-header h1 , .single__product header.entry-header h3{text-align:left;}
     .single__project header.entry-header h1 {margin-bottom:25px;}
     .project__header__right{float:unset;text-align:center;display: none;}
     .header nav.menu__primary {display:none;}
     .baogia{    padding: 0px 10px;}
        .baogia span {
            font-size: 14.5px;
        }
        .baogia .icon {
            width: 28px;
            height: 28px;
        }
     .goidien{padding: 4px 4px;bottom: 50px;}
        .goidien .text {
            font-size: 20px;
        }
     .cta-bottom-wrapper{font-size:15px;}
   
     .section__banner .section__intro {
        height: 360px;
        padding-top: 90px;
    }
    
    .single__project .box-form {
        padding: 30px 0px;
    }
    section.section__intro{padding: 25px 0 30px!important;}
     .section__intro .intro .intro__text .btn-tuyendung {
    margin-left: 15px;
    }
     .fancybox-slide{padding:12px 0!important;}

     .float-icon-hotline {
        bottom: 5px;
        left: 5px;
    }
}
@media (max-width:580px){
    .sidebar .article__content .news__description h4 {
        font-size:16px;
        line-height: 24px;
    }
    .sidebar .article__content .news__description .news__description__text{display:none;}
    .section__partners .partner-inner .item .card{padding:0px;}
    .single-contact .left,.single-contact .right {
        float: unset;
        width: 100%;
    }
    .header-top .contact-email,.header-top span.space{display:none;}
    .cta-hotline .icon, .cta-form .icon{display:none;}
    .section__banner .section__intro {
        height: 350px;
        padding-top: 90px;
    }

      #section_cat .col-inner a{
        width: 144px;
    height: 144px;   border-radius: 2px;
    }
    .featured-cat .col-inner > a .image-title{font-size:19px;}
    .intro .intro__text > div > div >p{    font-size: 100%;
    line-height: 25px;
    display: block;}
    .intro .intro__text .intro-btn{margin-bottom:15px;}
    .video-list .col-md-4{width:100%!important;    margin-right: 0px;}
}
@media only screen and (min-width: 768px) and (max-width: 992px)
{
    .menu__primary .menu__contact,
    .menu__primary .menu__phone{display:none;}
    .menu__primary ul li:nth-child(8),   .menu__primary ul li:nth-child(9) {
        display: none;
    }
}
@media only screen and (min-width: 1200px)
{
    .box-row figure.image {
        max-width: 1140px;
        margin: 0 auto;
        display: block;
        margin-left: -74px;
        margin-right: -74px;
        width: calc(100% + 148px);
    }
}

ul.polaroids{padding:0;}
/* By default, we tilt all our images -2 degrees */
ul.polaroids a {
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
}

/* Rotate all even images 2 degrees */
ul.polaroids li:nth-child(even) a {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
}

/* Don't rotate every third image, but offset its position */
ul.polaroids li:nth-child(3n) a {
  -webkit-transform: none;
  -moz-transform: none;
  position: relative;
  top: -5px;
}

/* Rotate every fifth image by 5 degrees and offset it */
ul.polaroids li:nth-child(5n) a {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  position: relative;
  right: 5px;
}

/* Keep default rotate for every eighth, but offset it */
ul.polaroids li:nth-child(8n) a {
  position: relative;
  top: 8px;
  right: 5px;
}

/* Keep default rotate for every eleventh, but offset it */
ul.polaroids li:nth-child(11n) a {
  position: relative;
  top: 3px;
  left: -5px;
}
/* Scale the images on hover, add transitions for smoothing things out, and ensure the hover appears on top */
ul.polaroids a:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  position: relative;
  z-index: 5;
}
/* Add drop shadows and smooth out the transition (Safari only) */
ul.polaroids a {
  -webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

/* On hover, darken the shadows a bit */
ul.polaroids a {
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
}

 @media screen and (max-width: 767px) {
    .polaroids li:nth-child(n+5) {
      display: none;
    }
  }

ul.polaroids li { display: inline; }
ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 10px 10px 12px; text-align: center;
                 font-family: "Marker Felt", sans-serif; text-decoration: none; color: #333; font-size: 18px; 
                 -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(-.75deg); 
                 -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-.75deg); }
ul.polaroids li {
    padding-left: 0;
}
@media screen and (max-width: 768px) {
    ul.polaroids li a {
    margin-left: 0;
    }
}
	ul.polaroids img { display: block; margin-bottom: 12px; }
	ul.polaroids a:after { 
        content: attr(title);    
        font-family: KoHo, 'Lora';
        font-weight: 600;
           font-size: 14.5px;
    line-height: 1.4;
    display: inline-block;
	}

	ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(1deg);  -moz-transform: rotate(1deg); }
	ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
	ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(1.5deg); position: relative; right: 5px;  -moz-transform: rotate(1.5deg); }
	ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
	ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }

	ul.polaroids li.messy a {
    margin-top: -400px;
    position: relative;
    left: 160px;
}

	ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }

.itrans-01,.itrans-02,.itrans-03,.itrans-04,.itrans-05{   
	display: block;
    overflow: hidden;
}
.itrans-01 {
    display: block;
    position: relative
}
.itrans-01:after, .itrans-01:before {
    z-index: 1;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:before {
    background-color: rgba(255,255,255,.5);
    bottom: 50%;
    top: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:after {
    background-color: rgba(255,255,255,.5);
    left: 50%;
    right: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}
/*tran 02*/
.itrans-02 {
	position: relative;
}
.itrans-02::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.itrans-02:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*tran 3*/
.itrans-03 {
	position: relative;
}
.itrans-03::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.itrans-03:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*trans 04*/
.itrans-04:hover img {
	opacity: 1;
	-webkit-animation: flash 2s;
	animation: flash 2s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
/*trans 5*/
.itrans-05 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.itrans-05:hover img {
	opacity: .6;
}
/*temp*/
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}

.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}
/*temp*/

/*THEME 01*/
.theme01  a {
    color: #337ab7;
}
.theme01 a:hover{
    color: #23527c;
}
.slick-projects,.slick-videos,.slick-articles {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.slick-projects.slick-initialized,.slick-videos.slick-initialized,.slick-articles.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
.slick-projects.slick-slider,.slick-articles.slick-slider{
    margin:0!important;
}

.section__center .section__header {
    max-width:800px;
    margin:0 auto;
}
.section__project .section__header{margin-bottom:10px;padding-top:30px;
}
.section__project  .title-font h2.header__title {    font-weight: 600;
    font-size: 30px;
    text-transform: uppercase;}
.section__project{
    background: linear-gradient(to right, #fefefe 0%, #ffffff 50%, #fefefe 100%);
    padding-top: 0; 
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}
.section__project .section__project__inner{
    background-image: url(/images/img/bg07.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.section__header .header__text{
    display:inline-block;
}
.section__header .header__text h2.header__title{
        margin: 0 0 10px;
}
.section__header:before,.section__header:after
{
    display: table;
    content: " ";
}
.section__center .section__header{margin:20px auto 35px; display:block;text-align:center;} 
.section__header h2.header__title  {
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #333;
    padding-bottom: 7px;
}
.title-font{
    font-family: "Signika", sans-serif;
}
.title-font h2.header__title{ font-size:32px;line-height: 42px;text-transform: unset;font-weight: 600;}
.title-font header__subtitle{
    font-weight: 400!important;
}
.section__header ._underline {
    position: relative;
    margin-bottom:15px!important;      margin-bottom: 15px !important;
    display: inline-block;
}
.section__header ._underline:after{
    content: "";
    color: green;
    position: absolute;
    left: 0;
    border-radius: 999px;
    right: 0;
    top: 100%;
    height: 9px;
    image-rendering: -webkit-optimize-contrast;
    background: url(/theme/img/underline.png) 50% top no-repeat;
    background-size: 100% 9px;
    opacity: 0.6;
    max-width: 400px;
    margin: 0 auto;
}
._underline-color,
._underline-grey{position:relative;}
._underline-color:before {
    content: "";
    display: block;
    height: 6px;
    width: 58px;
    border-radius: 25px;
    background-color: #30b770;
    position: absolute;
    top: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
}

._underline-color:after {
content: "";
    display: block;
    width: 212px;
    height: 2px;
    background-color: #d2ded6;
    position: absolute;
    margin: 0 auto;
    left: 0;
    bottom: -4px;
    right: 0;
    z-index: -1;
}
._underline-grey:before {
    content: "";
    display: block;
    height: 6px;
    width: 58px;
    border-radius: 25px;
    background-color: #ff6816;
    position: absolute;
    top: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
}

._underline-grey:after {
content: "";
    display: block;
    width: 212px;
    height: 2px;
    background-color: #d2ded6;
    position: absolute;
    margin: 0 auto;
    left: 0;
    bottom: -4px;
    right: 0;
    z-index: -1;
}
/*header line*/
.section__header.header-line {
    background: #efa417;
    max-width: unset;
    background: -webkit-linear-gradient(left, #efa417 0%, #fdfdfd 50%, #efa417 100%);
    background: -o-linear-gradient(left, #efa417 0%, #fdfdfd 50%, #efa417 100%);
    background: linear-gradient(to right, #efa417 0%, #fdfdfd 50%, #efa417 100%);
    background-size: 200%;
    border-radius: 2px;
}
.section__header.header-line h2.header__title {
    margin: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
    font-family: 'UTM-Avo-Bold';
    line-height: 32px;
    color: #fff;
}
.section__header .view-all {
    float: right;
    display: inline-block;
    margin: 10px 0;
}
/*._underline:before {
    content: " ";
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 10px;
    border-bottom: 3px solid currentcolor;
    width: 60px;
}*/
.section__header .header__subtitle{
    color: #444;
    margin-top: 10px;font-size: 17px;    font-family: 'Lora';
}
/*.section__center .section__header ._underline:before{
    margin-left: auto;
    margin-right: auto;
}*/
.section__header .header__catalog{
        margin-top: 12px;
}
.section__header .header__catalog ul{
cursor: pointer;
    display: inline-flex;
    border-bottom: 0;
    color: #000;
    justify-content: center;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: rgb(100 100 100);
    list-style: none;
    padding-left: 0;
    text-transform: uppercase;
}
.news-header{margin-bottom:25px;}
.section__header .header__catalog ul li{ 
    margin-right: 8px;
    margin-left: 8px;
    padding-left: 0px;
}
.section__header .header__catalog ul li:first-child{ margin-left:0;padding-left:0;}
/*.section__header .header__catalog ul li::after{
    content: '\2022';
    color: rgb(124 124 124);
    font-size: 17px;
    margin-left: 10px;
}*/
.section__header .header__catalog ul li:last-child::after{display:none;margin-left:0;}
.section__header .header__catalog ul li a{
    color: #fff;
    background: #00a64f;
    padding: 5px 12px;
    border-radius: 21px;
    text-transform: none;
    font-size: 14px;
}
.section__header .header__catalog ul li a:hover{opacity:0.94;}
@media (max-width: 576px) {
    .section__header .header__catalog{display:none;}

    .section__intro .intro__text title {
        font-size: 23px;
    }
    .section__header h2.header__title {
        font-size: 28px;
    }
}
/*intro*/
.intro-header .text-on-baner{
    position: absolute;
    top: 41%;
    left: 5%;
    /* max-width: 1000px; */
    margin: 0 auto;
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffffde;
}
@media (min-width: 1200px) {
    .intro-header .text-on-baner{
        top: 41%;
        left: 15%;
        font-size: 54px;
    }
}
section.section__intro {
    background-image: url('/theme/img/bg_about.jpg');
        background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%;    
    padding: 70px  0 35px;
}



.section__article{
  padding-top: 40px;
    padding-bottom: 50px;
    margin-bottom: 20px;
    background: linear-gradient(#ffffff, #fdfcfa);
    background-image: url(/images/img/bg08.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}
.section__article .section__header  {
    padding-top: 30px;
    padding-bottom: 20px;
}
.section__article .section__header  .header__title{
    font-size: 32px;
    line-height: 37px;
    text-transform: unset;
    margin: 0;font-weight: 600;
}
.section__article  .section__header .header__subtitle {margin-top:5px;}
.section__intro,.section__video,section__partners   {
    padding-top: 20px;
    margin-bottom: 30px;
}
.section__intro .intro__text{
    margin: 0px auto;
    font-family: tahoma;
    font-size: 105%;
}
.section__intro .intro__text p{
    line-height:26px;
}
.section__intro .intro__text h1.title {
    font-size: 25px;
    margin-top: 0;
    font-family: 'UTM-Avo-Bold';
    line-height: 1.6;text-shadow: 1px 1px #828282;
}
.section__intro .intro__text h2.title {
    font-size: 25px;
    margin-top: 0;
    font-family: 'UTM-Avo-Bold';
    line-height: 1.6;text-shadow: 1px 1px #828282;
}
.section__intro .intro__text h1.title i
{
    content: '';
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: #dd3333;
    margin-right: 4px;
    width: 10px;
    display: inline-block;
    height: 19px;
}
.section__intro .read-more-wrap{font-size:105%;}


/*article02*/
 .article02 .row {
    margin-left: -10px;
    margin-right: -10px;
}
.article02 .row .col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
}
.article02 article.item .item_image{position:relative;    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.article02 article.item .item_image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.article02 article.item .item_image a img{
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
}
    
.article02 article.item .item_text a.title {
    margin-top: 0;
    line-height: 23px;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    color: #353535;
    margin-bottom: 12px;
}
.article02 article .item_image:hover + .item_text a.title,.article02 article.item .item_text a.title:hover  {
    color: #058643;
}
.article02 article.item .item_text p.summary {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 6px;
}
.article02 article.item .item_text .button-option .readmore {
    font-size: 14px;
    text-decoration: underline;
    color: #383838;
    text-transform: inherit;
    padding: 7px 13px;
    opacity: 0.9;
    margin-top: 5px;
}
/*mg*/
.videos {
    width: 100%;
}
.videos .video-single {
    width: 33.33%;
    float: left;
    background: #fff;
    box-shadow: 0px 1px 9px rgb(222, 213, 213);
  /*  -webkit-transition: all, 0.5s;
    -khtml-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;*/
    margin-bottom: -7px;
    padding:0;
}
.videos figure {
    position: relative;
    display: inline-block;
}
.videos .video-single figure .video__img .ico-play {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    background-image: url(/img/ico-play.png);
    background-size: 100% 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    opacity: .8;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px!important;
    transition: all 0.3s;
}
.videos .video-single figure .video__img:hover .ico-play {
    opacity: 1;
    width: 76px;
    height: 76px;
    margin: -38px 0 0 -38px!important;
}
.videos .video-single .video__img img {
    max-width: 100%;
}
.videos .video-single .video__img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .4;
    pointer-events: none;
    background: linear-gradient(0deg,#000 0,transparent);
    height: 100%;
    content: "";
}
.videos .video-single figure .video__img:hover::before {
    opacity: .3;
}
.videos .video-single  figure figcaption {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: block;
}
.videos .video-single figure figcaption .video__name {
    text-align: center;
    color: #ffffff;
    font-size: 21px;
    padding: 0 10px;
    margin: 0;
    overflow: hidden;
    font-weight: 500;
    font-family: 'UTM-Avo-Bold';
    line-height: 31px;
    display: table;
    margin: 0 auto;
    padding-bottom: 5px;
    border-radius:4px;
}
.videos .video-single figure figcaption hr {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    opacity: .5;
}
.item .article_meta {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 6px;
}
.item .article_meta .meta_date,.item .article_meta .meta_cate {
    color: #838383;
    font-size: 14px;
}
.item .article_meta .meta_date i{
    color:#5b8c51;
    margin-right:5px;
}
/*home article*/
.block-news{
    max-width: 1240px;
    margin: 0 auto;
    padding: 12px;    margin-bottom: 20px;
}
.block-news .article_list{
    padding-bottom:20px;
}
.articles {width:100%;}
.articles .article_featured
{
    width: 48%;
    margin-right:2%;
    float: left;
}
/*.articles .article_list{
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
}*/
.articles .item {
    /*width: 33.3333%;
    padding: 0 15px;*/
    position: relative;
    margin-bottom: 15px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}
.articles .article_featured .item .item_text  a.title {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    margin-top: 12px;
}
.articles .article_featured .item .item_text  a.title 
{
    color: #e40000;
}
.article_featured .item .item_text  a.title:hover,
.article_featured .item_image:hover + .item_text a.title{
    color: #bb0000;
}
.articles .article_list .item .item_image{
    position: relative;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.articles .article_list .item .item_text {
    padding-top: 0px;
    padding-bottom: 0px;
}
.articles .article_list .item .item_text a.title{
margin-top: 0;
    line-height: 27px;
    font-size: 18px;
    font-weight: 600;
    color: #404a3d;
    font-family: "Signika", sans-serif;
}
/*.articles .article_list .item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
}*/
.articles .item .item_image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.articles .item .item_image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
}

.articles .item .item_text p.summary {
    font-size: 15px;
    line-height: 20px;
}
.articles .slick-prev,.articles  .slick-next{top:30%;}
.articles .slick-prev, .articles .slick-next{opacity:0.8}
.articles .slick-prev:hover, .articles .slick-next:hover{opacity:1}
 /* background: -webkit-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);
  background: -o-linear-gradient(left, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);
  background: linear-gradient(to right, #33c8c1 0%, #119bd2 50%, #33c8c1 100%);*/
.intro-btn {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 25px;
  font-size: 16px;
    line-height: 38px;
    border-radius: 20px;
  border: 0;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  background: -webkit-linear-gradient(left,#e7bf20 0%, #edba1d 50%, #efa51f 100%);
  background: -o-linear-gradient(left, #e7bf20 0%, #edba1d 50%, #efa51f 100%);
background: linear-gradient(to right,#e7bf20 0%, #edba1d 50%, #efa51f 100%);
  background-size: 200%;
  -webkit-box-shadow: 0 2px 4px -3px rgb(0 0 0 / 16%), 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: 0 2px 4px -3px rgb(0 0 0 / 16%), 0 3px 5px rgb(0 0 0 / 13%);
}
.intro-btn:hover {
    color: #fff;
    background-position: right center;
    text-decoration:none;
}
.signature{margin-top:22px;margin-bottom:10px;}
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 80px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.hotline-phone-ring-circle {
    width: 110px;
    height: 110px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid red;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5
}

.hotline-phone-ring-circle-fill {
    width: 80px;
    height: 80px;
    top: 16px;
    left: 16px;
    position: absolute;
    background-color: rgba(21,100,167,.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hotline-phone-ring-img-circle {
    background-color: red;
    width: 50px;
    height: 50px;
    top: 16px;
    left: 31px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 33px;
    height: 33px
}

.hotline-bar {
    position: absolute;
    background: red;
    height: 45px;
    width: 165px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    border-radius: 50px!important;
    left: 42px;
    bottom: 16px
}

.hotline-bar>a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    text-indent: 32px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px;
    font-family: Arial
}

.hotline-bar>a:hover,.hotline-bar>a:active {
    color: #fff
}

@-webkit-keyframes phonering-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
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }
}

@-webkit-keyframes phonering-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)
    }
}

.hotline-phone-ring-wrap.fix_tel_right {
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    bottom: 0;
    right: 100px
}

@media (max-width: 768px) {
 /*   .hotline-bar {
        display:none
    }*/
 .hotline-phone-ring-circle,.hotline-phone-ring-circle-fill{display:none;}
    .hotline-phone-ring-wrap.fix_tel_right {
        right: 0;
        left: inherit;
        bottom: 25%;
        display: inline-table
    }
}
/*RTE*/
.rte{font-family:Tahoma, Verdana, Geneva; line-height: 1.6;}
h1.heading-detail{font-family: 'Merriweather', serif, "Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;}
#table-contents {
    background: #f9f9f9;
    padding: 10px 15px;
    margin-bottom: 1em;
    margin-top: 1em;
    width: auto;
    display: table;
    font-size: 15px;
    width: calc(100% - 30px);
}
#table-contents .toc-l1{font-weight:600;font-size: 14.5px;}
#table-contents .toc-l2{padding-left:12px;font-size: 15.5px;}
#table-contents .title-toc {
    font-weight: 700;
    margin: 0;
    padding: 0;
}
#table-contents .list-toc {
    background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    display: block;
}
#table-contents .list-toc > div{
    margin-top: 6px;
    display: block;
    line-height: 22px;
}
#table-contents ul.no_bullets ,#table-contents ol.no_bullets 
{
    list-style-type: none;
    list-style: none;
}
#table-contents .list-toc a {
    text-decoration:none;
    cursor:pointer;
}
#table-contents .list-toc a:visited,#table-contents .list-toc a:hover {
    text-decoration:underline;
}
#table-contents .list-toc{overflow: hidden;}
#table-contents .list-toc.toc-hidden
{
    height:0;
}
.rte iframe {max-width: 100%;}
.rte table {
  border-collapse: collapse;
  width: 100%;
}

.rte table td, table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.rte table.tcolor tr:nth-child(even){background-color: #f2f2f2;}

.rte table.thover tr:hover {background-color: #ddd;}
.rte table.tlheader tr td:first-child{
 background-color: #ccc;
 font-weight:bold;
}
.rte table th, .rte table.theader tr:first-child, .rte table th, .rte table.theader tr:first-child td {
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: left;
    background-color: #e0e0e0;
    color: #101010;
    font-weight: bold;
    font-size: 105%;
}

.rte ul,.rte ol{
    opacity: 0.92;
    font-size: 1em;
    margin-left: 6px;
    margin-top: 12px;
    width: 100%;
    overflow: auto;
    padding: 0!important;
    margin-bottom: 15px;
}
.rte ul li, .rte ol li{
    display: block;
    padding: 4px 0;
    padding-right: 10px;
    line-height: 20px;
}
.rte ul li {
    list-style: none;
}
.rte ul li::before{
    content: "\2022";
    padding-right: 10px;
    color: #444c59;
    font-size: 20px;
}

.rte ol {
   list-style: none;
   counter-reset: item;
 }
.rte ol li{
   counter-increment: item;
 }
.rte ol li::before{
       margin-right: 8px;
    content: counter(item)!important;
    border-radius: 100%;
    border: 1px solid #444c59;
    color: #444c59;
    width: 15px!important;
    text-align: center;
    display: inline-block;
    font-size: 12px!important;
    height: 15px!important;
    line-height: 14px!important;
 }
.rte ul li p:first-child, .rte ol li p:first-child
{
    display:inline-block;
    margin-bottom:0;
}
/*.rte-wrapper .main-body .rte ul li,.rte-wrapper .main-body .rte ol li{
    line-height:1.67;
    color:#444b59
}*/
.rte ~ a{
    color:#4990e2
}
.rte ~ a:hover{
    color:#c52728;
}
.rte {font-size: 16.5px; line-height:1.65;}
.rte p,.rte >div{
   
    color: #444;
    margin-bottom: 10px;
    margin-top: 10px;
}
.rte table th > p,.rte  table td >p{
    margin-bottom: 10px;
    margin-top: 8px;
}
.rte a{
    color:#1d5690;
}
.rte a:hover{
    color:#0056b3; text-decoration:none;
}
.rte-wrapper .post-header{
    overflow:hidden;
    padding:20px 0 30px;
    color:#30333a;
    width:100%;
}
.rte-wrapper .post-header h1{
    font-size: 24px;
}
.rte-wrapper .rte{
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    line-height:1.65em;
}
 .rte .post-source, .rte .post-author {
    text-align: right;
    margin: 15px 0;
    font-weight: bold;
    padding: 0 10px;
}
.rte .post-share {
    padding: 25px 0 10px;
}
.rte .post-relate-link a, ul.post-relate-link li::before{
    color: #0086e3!important;
}

.rte .post-relate-link a:hover, ul.post-relate-link li:hover::before{
    color: #da6a05;
}

.rte img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto!important;
    margin-bottom: 15px;
}
.rte figure img{margin-bottom:0px;}
.rte figure {
    outline: solid 1px #fefefe;
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block!important;
}
.rte figure,.rte figure > img{
    margin-left: -8px;
    margin-right: -8px;
}
.rte .cke_image_resizer_wrapper {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.rte figure > figcaption {
    text-align: center;
    display: inline-block;
    padding: 4px 10px;
    font-style: italic;
    font-size: 15px;
   /* background: #f7f7f7;*/
    margin-top: 5px;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte .font-title{
    margin-bottom: 15px;
    margin-top: 18px;
    font-weight: 700;
}
.rte h1{
    font-size: 26px;
    line-height: 35px;
}
.rte h2{
    font-size: 20.5px;
    line-height: 32px;
    margin-top: 25px;
    /*color: #0e1c63;*/
}
.rte h3{
    font-size: 19px;
    line-height: 28px;
}
.rte h4{
    font-size: 16px;
    line-height: 26px;
}
.rte h5{
    font-size: 14px;
    line-height: 24px;
}
.rte h6{
    font-size: 12px;
    line-height: 20px;
}
.rte blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 0px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.rte blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.rte blockquote p {
    display: inline;
    font-weight: 400;
    font-style: italic;
    font-size: 17px;
}
.rte blockquote>:first-child:before {
    content: open-quote;
    color: #df0600;
}.rte blockquote>:last-child:after {
    content: close-quote;
    color: #df0600;
}
/*style*/
/*style*/
.s-line1{
    background-color: #fdcbda;
    color: rgb(239,0,124);
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 8px 12px 6px;
    font-size: 17px;
    text-align: center;
    border-radius: 9999px;
    font-family: Tiempos,Verdana,Geneva,sans-serif;
    font-weight: 400;
}
.s-font{font-family: Tiempos,Verdana,Geneva,sans-serif;}
.s-center{text-align:center;}
@media(max-width: 768px) {
	.rte h1 {
        font-size: 23px;
        line-height: 30px;
    }

    .rte h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .rte h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .rte h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .rte h5 {
        font-size: 12px;
        line-height: 22px;
    }

    .rte h6 {
        font-size: 11px;
        line-height: 18px;
    }
	.rte {font-size: 16.5px; line-height:1.6;}
}

/*btn*/
.btn-circle{
    border-radius: 30px;
}
.btn-success{
    box-shadow: 0px 3px 10px #1e7e348f;
}
.btn-primary{
     box-shadow: 0px 3px 10px #007bff8a;
}
.btn-secondary{
     box-shadow: 0px 3px 10px #6c757d9c;
}
.btn-info{
    box-shadow: 0px 3px 10px #17a2b89e;
}
.btn-warning{
    box-shadow: 0px 3px 10px #e7b92e6b;
}
.btn-danger{
box-shadow: 0px 3px 10px #dc35456b;
}
.btn-light{
    box-shadow: 0px 3px 10px #dfdfdfa8;
}
.btn-dark{
        box-shadow: 0px 3px 10px #343a4061;
}
.btn1{
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    border-color: rgba(0,0,0,0.05);
    background-color: #b20000;
    margin-bottom: 1em;
    color: #fff;
}

.btn1:hover{
    outline: none;
    opacity: 1;
    color: #fff;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}
.btn2 {
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    line-height: 50px;
    padding: 0 33px;
    background-color: #e05b32;
    color: #fff;
}
.btn2:hover{
    outline: none;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}

.rte {max-width:790px;margin:0 auto;display:block;}
ul.detail-more,ul.media-box {
    opacity: unset;
    padding: unset;
    padding: 0!important
}
ul.detail-more li {
    display: block;
    border-bottom: 1px dotted #dedede;
    padding: 7px 0;
    float: left;
    margin-right: 4%;
    width: 48%;
    margin-bottom: 0!important;
}
ul.detail-more li:nth-child(2n+2) {
    margin-right: 0
}

ul.detail-more li .left {
    float: left;
    color: rgba(68,76,89,.76);
    font-size: 16px;
    line-height: 1.7em
}

ul.detail-more li .right {
    float: right;
    color: #444c59;
    font-size: 15px;
    font-weight: 700;
    max-width: 65%;
    overflow: hidden;
    height: 24px;
    text-align: right
}
ul.detail-more li:before,ul.media-box li:before {
    content: none;
    display: none
}
ul.detail-more .left1 {
    font-size: 16px!important;
    line-height: 24px;
    color: #8e9399
}

ul.detail-more .right1 {
    font-size: 16px!important;
    line-height: 24px;
    color: #333!important
}

ul.detail-more p {
    margin: 0
}
#tong-quan.box-row table,
#tong-quan.box-row table tr,
#tong-quan.box-row table tr th,#tong-quan.box-row table tr td
{
	border:none!important;
	line-height: 1.5!important;
    font-size: 15px;
}

#tong-quan.box-row table tr td
{
	border-bottom: 1px solid #ececec!important;
	padding-left: 0;
}
#tong-quan.box-row table td, #tong-quan.box-row table th {
    padding: 6px 8px;
}
#tong-quan.box-row table tr td p{
    margin-bottom: 5px;
    margin-top: 5px;
}
@media only screen and (min-width:1200px)
{
    .rte img.fullwidth, .rte figure.fullwidth, .rte table.fullwidth{max-width:1050px;margin:0 auto;display:block;margin-left:-120px;margin-right:-120px;width: calc(100% + 240px);}
    .rte figure img{max-width:100%;margin-left:0; margin-right:0; margin: 0 auto;}

   
}

/*feature*/
.notebox-sm {
    padding: 7px 12px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: justify;
	overflow-wrap: break-word;
}

.notebox {
    background: #eee;
    border-radius: 5px;
    color: #333;
    padding: 20px;
    margin: 18px 0;
    position: relative;
}
.notebox:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-top-left-radius: 5px;
    border-color: #d8d8d8 #fff transparent transparent;
}
.notebox-red
{
    padding: 7px 12px;
	border: 2px dashed #da0802;
	text-align: justify;
	overflow-wrap: break-word;
}
.notebox-red2
{
    padding: 7px 12px;
    text-align: justify;
    overflow-wrap: break-word;
    border-radius: 3px;
    background: rgba(255,193,7,.2);
    border: 1px solid rgba(255,193,7,.5);
}
.notebox, .notebox-sm, .notebox-red, .notebox-red2{line-height:30px!important;}
span.marker
{
	background-color: Yellow;
}
span.mark {
  display: inline-block;
  line-height: 0em;
  padding: 0 0 0.4em;
  background-color: yellow;
}
._btn
{
    line-height: 1.5;
	display: table;
    font-weight: 400;
    text-align: center;
    
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
    color: #323840!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    padding: 14px 25px;           
	border: none;
	cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    margin: auto;
    border-collapse: initial;
}
._btn a{color: unset!important;
    text-decoration: none;}
.btn-01
{
     background-image: linear-gradient(180deg,#F8D12F 0%,#F0B90B 100%);
}
.btn-01:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#FFE251 0%,#EDC423 100%);
}
.btn-02
{
    background-image: linear-gradient(180deg,#ef5252 0%,#ca2d2d 100%);color: #f3f3f3!important;
}
.btn-02:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#ef4848 0%,#b92121 100%);
    color: #f3f3f3!important;
}
.btn-03
{
   background-image: linear-gradient(180deg,#ff9740 0%,#f3691b 100%);color: #f3f3f3!important;
}
.btn-03:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#f3862a 0%,#d2670b 100%);
    color: #f3f3f3!important;
}
.btn-04
{
    background-image: linear-gradient(180deg,#488bef 0%,#2c6ac5 100%);color: #f3f3f3!important;
}
.btn-04:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#3a82ef 0%,#2162c1 100%);
    color: #f3f3f3!important;
}
i.econ:before
{
    position:relative;
    padding-left:10px;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 4px 4px 0 0;
}
i.econ.econ-dot:before{

    background-image: url(/images/icon/dot.png);
}
i.econ.econ-check:before{

    background-image: url(/images/icon/check.png);
}
i.econ.econ-gift:before{

    background-image: url(/images/icon/gift.png);
}
i.econ.econ-arrow:before{
    height: 18px;
    width: 18px;
    background-image: url(/images/icon/arrow.gif);
}
i.econ.econ-hot:before{
    width: 30px;
    height: 12px;
    background-image: url(/images/icon/hot.gif);
}
i.econ.econ-hot2:before{
    width: 43px;
    height: 20px;
    background-image: url(/images/icon/hot2.gif);
}
i.econ.econ-new:before{
    width: 41px;
    height: 22px;
    background-image: url(/images/icon/new.gif);
}
i.econ.econ-new2:before{
    width: 32px;
    height: 22px;
    background-image: url(/images/icon/new2.gif);
}
.bcon
{
    max-width: 340px!important;
}
ul.has-icon {
    list-style: none!important;
    padding-left: 0;
    position: relative
}
ul.has-icon li {
    position: relative;
    margin-left: 0;
    padding-left: 24px!important;
    list-style: none!important
}
ul.has-icon li:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    width: 16px;
    background-image: url(/images/icon/dot.png);
    margin: 5px 10px 0 0
}
ul.has-icon.icon-gift li:before {
    background-image: url(/images/icon/gift.png)
}
ul.has-icon.icon-check li:before {
    background-image: url(/images/icon/check.png)
}
.icon-gift:before {
    display: none
}
/*end feature*/
/*mIN-WIDTH*/
@media (min-width: 768px) {
     .container {
        width: 100%;
    }
}

@media (min-width: 992px) {
   .container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width:1170px;
    }
}
@media (min-width: 1240px) {
    .container {
        width: 100%;
        max-width:1240px;
    }
}
/*MAX-WIDTH*/

@media (max-width: 767px) {
   
    .intro .intro__image img {
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }
    .intro .intro__text{text-align:center;}

    .articles .article_featured, .articles .article_list {
        width: 100%;
        margin-right: 0%;
        float: unset;
    }
    .footer .footer__content form{
        max-width: 480px;
        margin: 0 auto;
    }
    .articles .item .item_text p.summary {
        font-size: 14px;
        line-height: 18px;
    }
    /*.articles .article_list .item .item_image {
        max-width: 140px;
    }*/
     /*slide*/
    .owl__banner .item {
        height: 300px
    }
/*    .owl__banner.owl-theme img{height:500px}
*/    .header__title {
        font-size: 18px;
    }
    /*section*/
    .section__intro, .section__project, .section__article, .section__video, section__partners {
        padding-top: 15px;
        margin-bottom: 20px;
    }
    .post .project,.post .product {
        margin-bottom: 2em;
    }
    .section__project .view-all,.section__product .view-all{margin-top:0px;}
    .section__header {
        margin: 15px 0 20px!important;
    }
     /*footer*/
    footer .footer-right{display:none;}
    .article__page .post .news__item .news__excerpt{font-size: 15px;line-height:1.6;}
    .section__header ._underline:before{display:none;}
}
@media (max-width: 600px) {
    /*slide*/
    .owl__banner .item {
        height: 250px
    }
/*    .owl__banner.owl-theme img{height:460px}
*/      .videos .video-single figure figcaption{    bottom: 10px;}
     .post .video-single figure figcaption .video__name{font-size: 19px;line-height:26px;}
}
@media (max-width: 500px) {
    .copyright .container >div{float:unset!important; text-align:center;margin:0 auto;}
    .owl__banner .item {
        height: 200px
    }
/*    .owl__banner.owl-theme img{height:430px}
*/    .section__intro{margin-top:15px;}
    .article__page .post .news__item .news__excerpt,
    .related__list .post .news__item .news__excerpt{display:none;}
}
@media (min-width: 460px) and (max-width:600px) {
    .project .project__text{
        border: none;
        padding: 8px 8px;
        border-radius:0;
    }
    .project .project__title a{
        font-size: 15px;
        line-height: 20px;
    }
    .related__list .project__text{padding:8px 0!important;}
    .post .video-single figure .video__img .ico-play{display:none;}
     .videos .video-single figure figcaption{    bottom: 10px;}
    .post .video-single figure figcaption .video__name{font-size: 16px;line-height:22px;}
    .owl__banner .item {
        height: 180px
    }
}
@media (max-width: 460px) {
    .section__project .post
    {
        width:100%;
    }
    .videos  .post {width:100%;}
}