/*
Theme Name: 1mm Architeets
Description: This is a theme for 1mm Architeets Theme
Author: UX Themes
Template: flatsome
Version: 6.2524
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body {
	font-family: 'Inter','Work Sans', sans-serif!important;
}
#footer {
 background-image: url('./img/bn_footer.png')!important; 	
background-size:cover;
}

.absolute-footer {
	display: none;
}

.footer-1, .footer-2 {
	background-color: unset!important;
}

.icon-header {
	border: 1px solid #fff;
    padding: 5px 7px!important;
}

.header-main .nav > li > a {
    line-height: 16px;
    font-family: 'Work Sans'!important;
    font-weight: 600!important;
    color: #fff!important;
    margin-right: 10px!important;
    font-size: 13px;
}

.banner-layers .sologan-lead {
	font-family: 'Work Sans'!important;
    color: #ffffff;
    font-size: 16px!important;
    font-weight: 300!important;
}
.banner-layers h2 {
	font-family: 'Inter'!important;
    font-weight: bold!important;
    font-size: 51px!important;
}

.sc-about {
	margin-top:100px;
}

.sec-title {
	font-family: 'Inter'!important;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 3.5px;
}
.sec-title-main {
	font-family: 'Inter'!important;
    font-weight: bold!important;
    font-size: 51px!important;
    color: black;
    margin-bottom: 6px;
}

.text-desc {
	font-family: 'Work Sans';
    font-size: 15px;
    font-weight: revert;
    margin-bottom: 65px;
}

.news-title {
	position: static;
    margin-top: 25px;
    padding: 10px;
    font-family: 'Work Sans';
    font-weight: revert;
    font-size: 14px;
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    box-shadow: 0px 10px 20px rgba(0,0,0,.2);
    z-index: 20;
}

.sc-project {
	margin-top: 70px;
}

.box-text-inner .post-title {
	font-family: 'Inter'!important;
    font-weight: bold!important;
    color: black;
    margin-top: 12px;
    font-size: 16px;
}

.sc-project .box-text-inner .is-divider {
	display: none;
}

.box-text-inner .from_the_blog_excerpt  {
	font-family: 'Inter';
    padding: 5px;
    font-size: 14px;
    padding-right: 0;
}

.adddress-block .address-block-outer .separator {
    display: inline-block;
    width: 70px;
    height: 1px;
    background-color: #111;
    margin-bottom: 24px;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}

.adddress-block .address-block-outer .address-title {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 2.2px;
    font-weight: 500;
    margin-top: 0;
    font-family: 'Work Sans';
    margin-bottom: 23px;
    -webkit-transition: color .3s ease-in;
    transition: color .3s ease-in;
    font-weight: bold;
}

.address-block-outer p {
	font-family: 'Work Sans';
    line-height: 30px;
    font-size: 15px;
    font-weight: normal;
}


/* Contact form */
.form-row {
    width: 100%;
}

.column-half, .column-full {
    float: left;
    position: relative;
    padding: 2px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.column-half {
    width: 48%;
}

.column-half-1 {
    margin-right: 22px;
    display: block;
}

.wpcf7-form-control {
	font-family: 'Work Sans';
    line-height: 26px!important;
    font-weight: 300!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border: none!important;
    border-bottom-style: solid!important;
    border-bottom-width: 3px!important;
    border-bottom-color: transparent!important;
    padding: 16px 25px!important;
    height: 57px!important;
    background-color: #f2f2f2!important;
    color: rgba(17,17,17,.5)!important;
    -webkit-transition: border-bottom-color .3s ease-in,color .3s ease-in!important;
    transition: border-bottom-color .3s ease-in,color .3s ease-in!important;
}
.wpcf7-form-control:focus {
	background-color: #f2f2f2!important;
    border: none!important;
    border-bottom-style: solid!important;
    border-bottom-width: 3px!important;
    border-bottom-color: #111!important;
    color: #111!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.wpcf7-submit {
	font-family: 'Work Sans'!important;
	font-size: 14px!important;
    line-height: 18px!important;
    letter-spacing: 1.5px!important;
    font-weight: 700!important;
    background-color: transparent!important;
    border: none!important;
    color: #111!important;
    border-radius: 0!important;
    padding: 7px 40px 7px 10px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    margin: 0!important;
    position: relative!important;
    background-image: url('./img/arrow-btn.png');
    background-repeat: no-repeat!important;
    background-position: 100% 50%!important;
	float: right!important;
}

.footer-widgets, .footer-info-block-content {
	padding-top: 2rem!important;
}

.text-wrapper-ft {
	font-family: 'Work Sans';
    font-size: 14px;
    font-weight: normal;
    margin-top: 50px;
}

.footer-info-block-title {
    font-size: 14px;
    color: #fff;
    font-family: 'Inter';
    font-weight: 600;
    margin-top: 20px;
    opacity: 1;
}

.footer-info-block-content p{
    font-family: 'Work Sans';
    font-size: 14px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: inherit;
}

.textwidget.custom-html-widget {
	font-size: 14px;
    font-weight: bold;
    font-family: 'Work Sans';
    color: #fff;
}

.ht-footer {
	border-top: 1px solid #818181;
    width: 1140px;
    position: absolute;
    top: 67%;
    margin: auto;
    text-align: center;
    display: block;
    left: 12.55%;
}

.news-event .box-image {
    display: none;
}

.news-event .flickity-button, .news-event .post-title, .news-event .is-divider {
    display: none;
}

.news-event .box-text {
    position: static;
    margin-top: 10px;
    padding: 10px;
    font-family: 'Work Sans';
    font-weight: revert;
    font-size: 14px;
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    box-shadow: 0px 10px 20px rgba(0,0,0,.2);
    z-index: 20;
}

.sc-project .flickity-button {
    top: 100px;
    width: 45px;
}

.sc-project .flickity-button-icon {
    box-shadow: 0px 2px 20px rgba(0,0,0,.2);
}

.sc-feedback .flickity-page-dots {
    padding: 20px;
}

.blog-archive .row.align-center, .blog-single .row.align-center{
	max-width:1400px!important;
}

@media only screen and (max-width: 600px) {
    .column-half {
        width: 100%!important;
    }
	
    #footer {
        background-repeat: no-repeat!important;
        background-size: cover!important;
    }
    .sc-about .col-inner {
        margin-left: 0!important;
    }
    .sec-title-main {
        font-size: 31px!important;
    }
    .banner-layers .sologan-lead {
        margin-top: 50px;
        margin-bottom: 0;
        font-size: 15px!important;
    }
    .banner-layers h2 {
        font-size: 39px!important;
    }

    .sc-project {
        margin-top: 10px!important;
		padding-top: 0!important;
    }
    .sc-about {
        margin-top: 40px!important;
		padding-bottom: 0!important;
    }
    .box-tesminal {
        padding: 15px 30px!important;
    }
    .sc-feedback {
        padding: 40px 0!important;
    }

    .testimonials-pagination-wrapper:after {
        width: 100%!important;
    }

    .textwidget.custom-html-widget {
        font-size: 13px;
    }

    #custom_html-4 {
        width: 100%;
        float: left;
        display: inherit;
    }

    .blog-archive .box-text {
        padding-right: 10px!important;
    }

    #footer .small-screen {
        line-height: 28px;
        text-align: justify;
    }

    .footer-info-block-content {
        padding-top: 0!important;
    }

    #menu-thong-tin-chinh-sach, .footer-info-block-content {
        margin-top: 1.5rem!important;
    }

    .footer-widgets .widget_nav_menu span.widget-title {
        margin-top: 0!important;
    }

    .footer-info-block-title, .footer-info-block-content p {
        text-align: left!important;
    }

    .footer-widgets .widget:last-child {
        margin-bottom: 0!important;
    }

        
    .blog-archive {padding: 3rem 0!important;}

    .blog-archive .archive-page-header .page-title {
        margin-bottom: 1rem!important;
    }
	
	#custom_html-4 {
		margin-bottom: 1.5em!important;
	}
	.footer-2 .row {
		flex-direction: column-reverse!important;
	}
	
	.footer-2 .row::before {
		content: none!important;
	}
	
	.news-menu .toggle, .news-menu .sub-menu {
		display: none!important;
	}
}

@media only screen and (max-width: 468px) {
    .sc-feedback .slider-wrapper .flickity-prev-next-button {
        display: inline-block!important;
        top: 20px;
    }
    .sc-feedback .flickity-button.flickity-prev-next-button.next {
        left: 42%!important;
    }
}

.blog-archive .box-text {
    padding-right: 0!important;
}

a.plain {color: #fff!important}

.footer-2 .row::before {
    content: '';
    height: 1px;
    border-top: 0.5px solid #f1f1f1!important;
    width: 100%;
    margin: 0 15px 30px;
}

/*Fade in fade out category*/

.fifopost_widget .is-divider {
    display: none;
}
#fifopost_css, .box-tesminal {
    position: static;
    margin-top: 10px;
    padding: 10px;
    font-family: 'Work Sans';
    font-weight: revert;
    font-size: 14px;
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    box-shadow: 0px 10px 20px rgba(0,0,0,.2);
    z-index: 20;
}

#fifopost_css a {
    font-family: 'Work Sans'!important;
    padding: 5px;
    font-size: 14px;
    padding-right: 0!important;
		color: black;
}

.box-tesminal {
    background: #fff;
    padding: 15px 120px;
    font-family: 'Work Sans'!important;
}

.sc-feedback .col.medium-9.small-12.large-9 {
    padding-right: 0px!important;
}

.testimonials-pagination-wrapper{
    position: relative;
    width: 100%;
    top: -7px;
    left: 1px;
}

.swiper-pagination-bullet {
    font-family: 'Work Sans'!important;
    font-size: 14px;
    padding-left: 0;
    color: #7e7d7d;
    line-height: 30px;
    letter-spacing: 1.5px;
    font-weight: 300;
    background: #fff;
    padding-right: 15px;
    padding-bottom: 14px;
}

.swiper-pagination-bullet-active {
    color: #111!important;
    padding-left: 10px;
    font-weight: normal;
    position: relative;
}

.swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    width: 0;
    border-top: 5px solid #111;
    border-right: 5px solid transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in,visibility .3s ease-in;
    transition: opacity .3s ease-in,visibility .3s ease-in;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    opacity: 1;
    visibility: visible;
}

.testimonials-pagination-wrapper:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 100%;
    top: 15px;
    left: 2.5px;
    border: 1px solid #ccc;
    z-index: -1;
}

.text-footer {
    margin-bottom: 5px;
}

.sc-feedback .flickity-button.flickity-prev-next-button.next, .sc-feedback .flickity-prev-next-button.previous {
    position: relative;
    box-shadow: 0px 2px 20px rgba(0,0,0,.2);
}

.sc-feedback .flickity-prev-next-button.previous {
    left: 58%!important;
}

.sc-feedback .flickity-button.flickity-prev-next-button.next {
    left: 59%;
}

.sc-feedback .flickity-button-icon {
    width: 26px;
}

.sc-feedback .flickity-button {
    width: 32px;
}

.small-screen {
    display: none;
}

.icon-angle-down:before {color: #fff!important;}

.has-dropdown .icon-angle-down {opacity: .9;}

.nav-dropdown-has-border .nav-dropdown {
    border: none;
    box-shadow: none;
}

.nav-dropdown-default {
    padding: 10px;
}

.nav-dropdown.nav-dropdown-default>li>a { color: #000000db }

.footer-widgets .widget_nav_menu span.widget-title {
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 600;
    margin-top: 20px;
    display: block;
}

.footer-widgets .widget_nav_menu  {margin-bottom: 0;}
.footer-widgets .widget_nav_menu .is-divider {
    display: none;
}

#menu-thong-tin-chinh-sach {
    font-family: 'Work Sans';
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 50px;
}


#menu-thong-tin-chinh-sach li {
    border: none;
}

#menu-thong-tin-chinh-sach li a:hover {
    text-decoration: underline;
}

.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {border-bottom-color: #fff;}

.nav-dark .social-icons a.plain:hover {opacity: 1;}
.icon-header:hover {
    color: black;
    background: #fff;
    opacity: 1;
}

#fifopost {display: none;}

.home #fifopost {display: block;}

.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6 {color: black;}

.blog-archive {padding: 4rem 0;}

.blog-archive .archive-page-header .page-title {
    color: black;
    margin-bottom: 3rem;
    font-size: 1.5rem;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li ul li {border-color: #fff!important}

.off-canvas:not(.off-canvas-center) .nav-vertical li ul {background: #777!important;}
.nav:not(.nav-slide) .active>.children {padding: 0!important;}

.nav-dropdown li:hover a {
	text-decoration: underline;
	font-weight: 500;
}

@media only screen and (min-width: 1024px) {
    #block_widget-3 {
        max-width: 33%;
        flex-basis: 33%;
		height: 13rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
    }
    
	#block_widget-3 .footer-info-block-content {
			padding-top: 0!important;
	}
	
    #nav_menu-3 {
        max-width: 22%;
        flex-basis: 22%;
        padding-left: 3rem;
		height: 13rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
    }
    
    #block_widget-4 {
        max-width: 45%;
        flex-basis: 45%;
		text-align: right;
    }

    #block_widget-4 .prague-footer-info-block {
		height: 13rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	#block_widget-4 .footer-info-block-content {
		margin-top: 50px;
		padding-top: 0!important;
		
	}
	#menu-thong-tin-chinh-sach li a {
		padding: 0;
		margin-bottom: 5px;
	}
}

.wrap-gallery-project .image {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.wrap-gallery-project .image .item {
	flex: 0 0 19%;
}

.wrap-slick-slide .slider-nav .slick-list {
	height: 150px;
}
@media (max-width: 575px) {
	.wrap-slick-slide .slider-nav .slick-list {
	height: 50px;
}
}
.wrap-slick-slide .slider-nav {
	margin-top: 20px;
}
.wrap-slick-slide .slider-nav .slick-arrow {
	display: none !important;
}
.wrap-slick-slide .slider-nav .slick-slide {
	margin-right: 15px;
	cursor: pointer;
}

.construction-lists .slider-for {
	max-height: 500px;
	overflow: hidden;
	position: relative;
}
.construction-lists .slider-for .item img {
    padding-right: 15px;
	height: 500px;
	width: 100%;
	object-fit: cover;
}
.construction-lists .thumbnail-cat .image {
	max-height: 500px;
	overflow: hidden;
}
.construction-lists .thumbnail-cat .image img {
	height: 500px;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 575px) {
	.construction-lists .slider-for {
	max-height: 300px;
}
.construction-lists .slider-for .item img {
	height: 300px;
}
	.construction-lists .thumbnail-cat .image {
	max-height: 300px;
}
.construction-lists .thumbnail-cat .image img {
	height: 300px;
}
}
.construction-lists .infor-detail .item {
	display: flex;
	margin-bottom: 15px;
}
.construction-lists .infor-detail {
	margin-top: 20px;
}

.construction-lists .infor-detail .item .wrap-content {
	display: flex;
}
.construction-lists .infor-detail .item .wrap-content .title {
	white-space: nowrap;
}
.construction-lists .infor-detail .item .wrap-content .desc {
	margin-left: 5px;
}
.construction-lists .infor-detail .title-infor-detail {
	margin-bottom: 20px;
	text-transform: uppercase;
}

/* Custom title color for Construction */

.construction-lists .infor-detail .title-infor-detail h3 {
	color: #263c87;
}
.construction-lists .infor-detail .item .desc, .construction-lists .infor-detail .item .desc a {
	color: #263c87; 
	font-weight: 600;
}

/* End custom title color for Construction */

.construction-lists .infor-detail .item .icon img {
	width: 25px;
	height: 25px;
	object-fit: cover;
	filter: brightness(0);
}
.construction-lists .group-btn {
	display: flex;
    margin-top: 3rem;
    margin-bottom: 6rem;
}
.construction-lists .group-btn .btn-border {
    background: none;
    padding: 15px 20px;
    border: 1px solid #000000;
    font-weight: bold;
    color: #000000;
    position: relative;
    z-index: 3;
	width: 100%;
    text-align: center;
	 transition: 0.3s;
}
.construction-lists .group-btn .btn-border:hover {
    color: #ffffff;
	background: #000000;
}

.construction-lists .entry-title a {
	color: #000000;
}
.construction-lists .category-cong-trinh {
	margin-bottom: 50px;
}
.construction-lists  .btn-wrap {
	z-index: 99999999 !important;
	opacity: 1 !important;
}
.construction-lists  .btn-wrap .next-btn {
	float: right;
}

.construction-lists, .construction-sidebar {
	margin-top: 3rem;
}

.construction-lists .entry-title {
	margin-bottom: 2rem
}

.wrap-sidebar-post .cat-post-widget {
	margin-bottom: 30px;
}
.wrap-sidebar-post .cat-post-widget .cat-post-item {
	display: flex;
	justify-content: start;
	flex-direction: row-reverse;
	
}
.wrap-sidebar-post .cat-post-widget .cat-post-item .wp-post-image {
	width: 100px !important;
	height: 100px !important;
	object-fit: cover !important;
}
.construction-lists .wrap-slick-slide .slider-nav .slick-slide img {
	height: 8rem; 
	object-fit: cover;
}
.thumbnail-nav {
  display: grid;
  grid-template-columns: repeat(5, 1fr); 
  gap: 20px;
  margin-top: 20px;
}

.thumbnail-nav .item {
	position: relative;
}
.thumbnail-nav .item img {
	height: 180px;
	object-fit: cover;
}
.thumbnail-nav .more-img-text {
	position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 2.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.construction-sidebar span.widget-title {
	color: #000;
	text-transform: uppercase;
}
.construction-sidebar .is-divider {
	display: none;
}

.construction-sidebar .cat-post-item {
	border-top: none;
}

.construction-sidebar .cat-post-item .cat-post-title {
	display: block!important;
	color: #000;
	font-weight: 400!important;
}

.construction-sidebar {
	position: sticky;
	top: 0;
}

.construction-sidebar .cat-post-footer-link {
	display: block;
	text-align: right;
}

.wrap-gallery-project .title h3 {
	color: #000;
    text-transform: uppercase;
}

.construction-header .featured-title {display: none}

.construction-post-title {
	color: #000;
    font-size: 1.4em;
    font-weight: 600;
    padding-bottom: 0;
    margin-top: 2rem;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination, .tos-caption {display: none}
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide {
	padding-bottom: 44px;
	padding-top: 44px;
}
.wrap-sidebar-post .cat-post-widget .cat-post-thumbnail .cat-post-crop img {
	max-width: 100px!important;
}

@media (max-width: 575px) {
	.construction-lists .infor-detail {
		margin-top: 0;
	}
	
	.construction-lists, .construction-sidebar {
		margin-top: 1rem;
	}
	.construction-lists .thumbnail-nav {
		margin-bottom: 2rem;
	}
	
	.thumbnail-nav {
		gap: 10px;
    	margin-top: 10px;
	}
	.thumbnail-nav .item img {
		height: 4rem;
	}
	
	.thumbnail-nav .more-img-text {
		font-size: 1.2rem;
	}
}