/*-- site general css --*/
@font-face {
    font-family: 'Opensans Regular';
    src: url('../webfonts/opensans-regular.ttf');
}

html, body {
    /* overflow-x: hidden; */
    margin-bottom: 0 !important;
    font-size: 14px;
    font-family: 'Opensans Regular', Arial, Helvetica, sans-serif;
}

.hidden {
    display: none;
}

.img-content {
    width: 100%;
}

.hover-img-wrapper {
    width: 100%;
    display: inline-block;
    overflow: hidden !important;
}

.hover-img {
    transition: all .5s ease-in-out;
}

.content-wrapper {
    padding: 50px 0;
}

.content-title,
.media-title {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 37px;
}

.content-title {
    color: #BFA061;
}

.content-desc {
    margin-bottom: 20px;
}
/*-- end site general css --*/


/*-- site top header css --*/
.top-header-wrapper {
    padding: 5px 0;
    background: #333;
}

.top-header-right {
    justify-content: end;
}

.btn-header-search {
    border: none;
}

.header-mail {
    margin-right: 20px;
}

.header-social {
    margin-left: 10px;
    font-size: 21px;
}

#searchModal {
    background: rgb(0,115,91, .85);
    z-index: 99999;
}

#searchModal .modal-dialog {
    width: 100vw !important;
    height: 100vh !important;
    margin: 0;
    padding: 0;
    max-width: none;
}

#searchModal .modal-content {
    height: 100vh !important;
    border-radius: 0;
    border: none;
    background: none;
}

#searchModal .modal-header {
    border: none;
}

#searchModal .modal-header button {
    color: #FFF;
}

#searchModal .modal-body {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
}

.search-popup-form {
    position: relative;
}

.search-popup-field {
    padding-left: 20px !important;
    border-radius: 0 !important;
    border: solid 3px #FFF !important;
    background: none;
}

.search-popup-submit {
    top: 0;
    right: 0;
    padding: 0 20px !important;
    border: none;
    background: none;
    position: absolute;
}

.header-social,
.header-social:visited {
    color: #BFA061;
}

.header-social:hover,
.header-social:focus {
	color: #00735B;
}

.search-popup-submit:hover,
.search-popup-submit:focus {
    box-shadow: none;
    background: none;
}

.search-popup-field,
.search-popup-submit {
    height: 70px;
    color: #FFF !important;
}

.search-popup-form,
.search-popup-form label,
.search-popup-field {
    width: 500px;
}

.btn-header-search,
.btn-header-search:hover,
.btn-header-search:focus,
.btn-header-search:visited {
    color: #FFF;
    background: none;
}

.btn-header-search:hover,
.btn-header-search:focus {
    box-shadow: none;
    background: none;
}

.top-header-left,
.top-header-right {
    height: 100%;
    display: flex;
    align-items: center;
}

.top-header-left,
.top-header-left a,
.top-header-left a:hover,
.top-header-left a:focus,
.top-header-left a:visited {
    color: #FFF;
}
/*-- end site top header css --*/


/*-- site navigation css --*/
#site-navigation,
.site-info {
    background: #00735B;
}

#project-navigation {
    background: #F1F1F1;
}
/*-- end site navigation css --*/


/*-- site breadcrumbs css --*/
.breadcrumbs-wrapper {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #CCC;
}

#breadcrumbs {
    margin: 0;
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:visited {
    color: #333;
}
/*-- end site breadcrumbs css --*/


/*-- site contact form 7 css --*/
.wpcf7-text,
.wpcf7-select,
.wpcf7-textarea {
    width: 100%;
}

.wpcf7-text,
.wpcf7-select,
.wpcf7-textarea,
.wpcf7-not-valid-tip {
	margin-bottom: 10px;
}

.wpcf7-text,
.wpcf7-select {
	padding: 0 10px !important;
}

.wpcf7-textarea {
	padding: 5px 10px;
}

.wpcf7-submit {
    padding: 10px 30px !important;
    font-weight: 700;
    border: none !important;
    color: #FFF !important;
    background: #00735B !important;
}
/*-- end site contact form 7 css --*/


/*-- site carousel css --*/
#home-carousel,
#media-carousel {
    position: relative;
}

#home-carousel .owl-prev,
#home-carousel .owl-next,
#home-carousel .owl-prev:hover,
#home-carousel .owl-next:hover,
#home-carousel .owl-prev:focus,
#home-carousel .owl-next:focus,
#media-carousel .owl-prev,
#media-carousel .owl-next,
#media-carousel .owl-prev:hover,
#media-carousel .owl-next:hover,
#media-carousel .owl-prev:focus,
#media-carousel .owl-next:focus {
    color: #333;
    outline: none;
}

#home-carousel .owl-nav,
#media-carousel .owl-nav {
    margin: 0;
}

#home-carousel .owl-prev,
#home-carousel .owl-next,
#media-carousel .owl-prev,
#media-carousel .owl-next {
    margin-bottom: 0;
}

#home-carousel .owl-prev,
#home-carousel .owl-next,
#media-carousel .owl-prev,
#media-carousel .owl-next {
    top: 40%;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255, .6);
    position: absolute;
}

#home-carousel .owl-prev,
#media-carousel .owl-prev {
    left: 0;
}

#home-carousel .owl-next,
#media-carousel .owl-next {
    right: 0;
}
/*-- end site carousel css --*/


/*-- site policy content css --*/
.policy-icon {
    margin: 0 auto;
    padding: 10px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 1px #CCC;
}

.policy-content:hover .policy-icon {
    color: #FFF;
    background: #00735B;
}

.policy-title {
    margin-top: 10px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
}
/*-- end site policy content css --*/


/*-- site news content css --*/
.news-post {
    margin-bottom: 20px;
}

.index-post-thumb {
    height: 160px;
    object-fit: cover;
}

.index-post-title {
    margin-top: 10px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    height: 47px;
    overflow: hidden;
}

.index-post-title,
.index-post-title a,
.index-post-title a:visited {
    color: #333;
}

.index-post-title a:hover,
.index-post-title a:focus {
    color: #00735B;
    text-decoration: none;
}
/*-- end site news content css --*/


/*-- site media content css --*/
.media-wrapper {
    height: 600px;
    background: #BFA061;
}

.media-wrapper .container-fluid {
    padding: 0;
}

.media-left {
    padding: 0 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nav-media .nav-link {
    padding: 0;
}

.img-video-nav {
    height: 150px;
    object-fit: cover;
}

.media-wrapper,
.media-wrapper a,
.media-wrapper a:hover,
.media-wrapper a:focus,
.media-wrapper a:visited {
    color: #FFF;
}
/*-- end site media content css --*/


/*-- site partner content css --*/
.img-partner-carousel {
    height: 82px;
    object-fit: contain;
    background: #FFF;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.img-partner-carousel:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}
/*-- end site partner content css --*/


/*-- site archive page css --*/
.archive-header {
    padding: 100px 0;
    color: #FFF;
    background: linear-gradient(rgba(0,0,0, .6), rgba(0,0,0, .6), rgba(0,0,0, .6)), url('../img/bg_page.jpg') no-repeat center center;
    background-size: cover;
}

.archive-wrapper {
    padding: 50px 0;
}

.archive-wrapper .entry-content,
.archive-wrapper .page-content {
    margin-top: 0;
}

.search-form,
.search-form label,
.search-field {
    width: 100%;
}

.search-field,
.search-submit {
    height: 40px;
}

.search-form {
    margin-bottom: 10px;
    position: relative;
}

.search-field {
    padding-left: 10px !important;
}

.search-submit {
    top: 0;
    right: 0;
    color: #FFF !important;
    background: #00735B !important;
    position: absolute;
}

.archive-post-wrapper {
    margin-bottom: 20px;
}

.archive-post-thumb {
    width: 275px;
    height: 170px;
    object-fit: cover;
}

.archive-post-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}

.archive-post-title,
.archive-post-title a,
.archive-post-title a:visited {
    color: #333;
}

.archive-post-title a:hover,
.archive-post-title a:focus {
    color: #00735B;
    text-decoration: none;
}
/*-- end site archive page css --*/


/*-- site contact page css --*/
.contact-map {
    margin-top: 20px;
}
/*-- end site contact page css --*/


/*-- site cart page css --*/
.woocommerce .col-1, 
.woocommerce .col-2 {
    max-width: none;
}

#customer_details {
    margin-bottom: 30px;
    padding: 10px 0;
    border-radius: 5px;
    border: solid 1px #CCC;
}

.woocommerce-billing-fields__field-wrapper label,
.woocommerce-billing-fields__field-wrapper span {
    width: 50%;
}

.woocommerce-billing-fields__field-wrapper .selection span {
    width: 100%;
}

.woocommerce-input-wrapper,
#order_comments_field textarea {
    width: 100%;
}

#order_comments_field textarea {
    height: 200px;
}
/*-- end site cart page css --*/


/*-- site widget css --*/
.contact-page-title,
.related-title,
.widget-title,
.widgettitle {
    padding: 10px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    color: #FFF;
    background: #00735B;
}

.widget ul {
    margin-left: 0;
    padding-left: 0;
}

.widget li {
    list-style: none;
}

.widget li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: dashed 1px #CCC;
}

.widget a,
.widget a:visited {
    color: #333;
}

.widget a:hover,
.widget a:focus {
    color: #00735B;
    text-decoration: none;
}

.widget .badge-warning {
    color: #FFF;
	background: #BFA061;
}

.widget-post-title {
    font-weight: 700;
}

.widget-post-date {
    width: 100%;
    margin-top: 10px;
    color: #CCC;
    display: inline-block;
}

.widget-post-title,
.widget-post-title a,
.widget-post-title a:visited {
    color: #333;
}

.widget-post-title a:hover,
.widget-post-title a:focus {
    color: #00735B;
    text-decoration: none;
}
/*--  end site widget css --*/


/*-- site single css --*/
.archive-wrapper ul {
	margin-left: 0;
	padding-left: 0;
}

.single-content li {
	list-style: inside;
}

.related-wrapper {
    margin-top: 20px;
}

#imageGallery img {
    height: 300px;
    object-fit: cover;
}

.lSGallery img {
    height: 60px !important;
    object-fit: cover;
}

.single-project-title {
    color: #BFA061;
    font-size: 20px
    line-height: 28px;
    font-weight: 700;
}

#dangky {
    margin-top: 100px;
}

.project-content-title {
    background: linear-gradient(to right, #00735B, #FFF);
}

.project-register-title {
    display: inline-block;
    background: #00735B;
}

.project-content-title,
.project-register-title {
    margin-bottom: 10px;
    padding: 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
}

.entry-meta,
.entry-footer,
.nav-links {
    display: none !important;
}
/*--  end site single css --*/


/*-- site pagination css --*/

/*-- end site pagination css --*/


/*-- site footer css --*/
.footer-title {
    font-weight: 700;
}

.site-info,
.site-info a,
.site-info a:hover,
.site-info a:focus,
.site-info a:visited {
    color: #FFF;
}
/*-- end site footer css --*/


@media (max-width: 768px) {
    .top-header-wrapper,
    .nav-media {
        display: none;
    }

    #home-carousel .owl-prev, 
    #home-carousel .owl-next {
        top: 35%;
    }

    #home-carousel .owl-prev, 
    #home-carousel .owl-next,
    #media-carousel .owl-prev, 
    #media-carousel .owl-next {
        width: 30px;
        height: 30px;
    }

    .content-wrapper,
    .media-left,
    .archive-wrapper {
        padding: 20px 0;
    }

    .content-title,
	.single-project-title,
    .archive-title {
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
    }

    .media-wrapper {
        height: auto;
        background: none
    }

    .media-left {
        background: #BFA061;
    }

    .archive-header {
        padding: 50px 0;
    }

    .archive-post-thumb {
        width: 100px;
        height: 100px;
    }

    .single-project-title,
    .contact-content-right {
        margin-top: 20px;
    }
	
	#dangky {
		margin-top: 50px;
	}

    .footer-content {
        margin-bottom: 10px;
        border-bottom: dashed 1px #FFF;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .media-wrapper {
        height: 315px;
    }

    .index-post-title {
        height: 46px;
    }
}

@media (min-width: 992px) and (max-width: 1824px) {
    
}

@media (min-width: 1824px) {
    
}