a{ cursor: pointer; outline: none; text-decoration: none; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } .container {position: relative;} a:hover, a:active, a.active{text-decoration: none; } li{list-style-type: none; } textarea:focus, input:focus,.slick-initialized .slick-slide{outline: none;} input, button{ -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } body{background:#262626;font-family: 'Muli-Regular', sans-serif; font-weight:300; font-size: 16px; text-align:justify;} h1, h2, h3, h1, h2, h3{font-family: 'Muli-Bold', sans-serif;} b, strong{font-family: 'Muli-Bold', sans-serif; font-weight:500} p{text-align: justify;} @font-face { font-family: 'Muli-Regular'; src: url('fonts/Muli-Regular.svg'); src: url('fonts/Muli-Regular?#iefix') format('embedded-opentype'), url('fonts/Muli-Regular.woff') format('woff'), url('fonts/Muli-Regular.ttf') format('truetype'), url('fonts/Muli-Regular.svg#Muli-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Muli-SemiBold'; src: url('fonts/Muli-SemiBold.svg'); src: url('fonts/Muli-SemiBold?#iefix') format('embedded-opentype'), url('fonts/Muli-SemiBold.woff') format('woff'), url('fonts/Muli-SemiBold.ttf') format('truetype'), url('fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Muli-Bold'; src: url('fonts/Muli-Bold.svg'); src: url('fonts/Muli-Bold?#iefix') format('embedded-opentype'), url('fonts/Muli-Bold.woff') format('woff'), url('fonts/Muli-Bold.ttf') format('truetype'), url('fonts/Muli-Bold.svg#Muli-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Muli-Black'; src: url('fonts/Muli-Black.svg'); src: url('fonts/Muli-Black?#iefix') format('embedded-opentype'), url('fonts/Muli-Black.woff') format('woff'), url('fonts/Muli-Black.ttf') format('truetype'), url('fonts/Muli-Black.svg#Muli-Black') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Aston-Script"; font-weight: bold; font-style: normal; src: url("fonts/Aston-Script.ttf"); } @font-face { font-family: "Arvo-Bold"; font-weight: bold; font-style: normal; src: url("fonts/Arvo-Bold.ttf"); } @font-face { font-family: "Arvo-Regular"; font-weight: normal; font-style: normal; src: url("fonts/Arvo-Regular.ttf"); } .des_tab,.img-lct-mb,.visib-mb{display:none !important} .clearfix{clear:both;height: 1px;width: 100%;} /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 20px auto ; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 15px; line-height: 17px; margin: 0; padding: 5px 4px 0px 0px; font-style: italic; } .height_auto{height:auto !important} img { max-width: 100%; height: auto; } .view-more-p a{color: #000000; font-family: 'Muli-SemiBold'; text-transform: uppercase; display: inline-block; align-items: center; text-align: center; font-size: 16px; margin: auto; padding: 6px 22px; border-radius: 5px; background: rgba(219,182,127,1); background: -moz-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,182,127,1)), color-stop(18%, rgba(235,203,147,1)), color-stop(37%, rgba(245,220,165,1)), color-stop(46%, rgba(225,196,145,1)), color-stop(58%, rgba(204,145,86,1)), color-stop(71%, rgba(189,121,53,1)), color-stop(90%, rgba(209,155,92,1)), color-stop(100%, rgba(226,170,101,1))); background: -webkit-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -o-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -ms-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: linear-gradient(to right, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb67f', endColorstr='#e2aa65', GradientType=1 ); } .wp-catcha { margin-top: 20px; } .wp-caption { max-width: 100%; } .logo-h{z-index:99} button { cursor: pointer; } .slider-top{margin:0px auto} .delay-100 { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .delay-200 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } .delay-300 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .delay-400 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .delay-500 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .delay-600 { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .delay-700 { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .delay-800 { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .delay-900 { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .full-img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .section { position: relative; overflow: hidden; } .section>* { position: relative; } .section .bg-section { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .hot-ldpage, .single-product-page .hot-web,.single-product-detail .hot-web{display: none;} .single-product-page .hot-ldpage,.single-product-detail .hot-ldpage{display: block;} @supports ((background-clip: text) or (-webkit-background-clip: text)) and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) { .text-gradient { 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; } } .slick-slider {position:relative;margin: 0px;} .tien-ich-slider .slick-slide,.thu-vien-slider .slick-slide{ margin: 0px 10px; outline: none !important; overflow: hidden; position:relative; } .slick-slider .slick-prev, .slick-slider .slick-next { width: 46px; height: 49px; padding: 5px; z-index: 2; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } .slick-slider .slick-prev{left:0px;} .slick-slider .slick-next{right:10px;} .slick-slider .slick-next:before,.slick-slider .slick-prev:before{ content: ''; background-size: 27px; width: 30px; height: 27px; display: block; opacity: 1; position: absolute; z-index: 2; top: 10px; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } .slick-slider .slick-next:before { background: url(../images/right-arrow.svg) 5px center no-repeat; left: 10px; } .slick-slider .slick-prev:before { background: url(../images/left-arrow.svg)5px center no-repeat; left: 7px; } .slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus, .slick-slider .slick-next:hover, .slick-slider .slick-next:focus { outline: none; opacity:1; } .description_slick { margin-left: 0px; width: 100%; padding: 5px 10px; position: absolute; bottom: 0px; background: rgba(0,0,0,0.7); color:#fff; text-align:center; margin-bottom: 0px; } .slick-active .description_slick { animation-name: fadeInUpSD; animation-duration: 1s; opacity: 1; width: 100%; } @-webkit-keyframes fadeInUpSD { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSD { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /******************** HEADER ******************/ #header { display: flex; align-items: center; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(0, 0, 0, .7); -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } /*#header .container{overflow: hidden;}*/ header#header .container:before { content: ''; height: 95px; background: aliceblueright; width:100%; background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100% ); left: 50%; position: absolute; top: 0px; transform: translate(-50%, 0%); } #header .logo-container { padding: 5px 7px 5px; position: absolute; top: 0px; width: 164px; height: 93px; background-size: contain; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } #header .logo { width: 50px; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } #header.sticky .logo { width: 35px; } #header.sticky .logo-container { width: 119px; height: 65px; } #header .logo-white { display: none; } #header .main-menu-container { margin-top: 25px; margin-bottom: 25px; position: relative; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } #header.sticky .main-menu-container { margin-top: 10px; margin-bottom: 10px; } #header .toggle-menu-container { color: #1b4774; display: flex; align-items: center; line-height: 1; font-size: 20px; opacity: 0; transition: all ease .4s; margin-right: 36px; } #header .toggle-menu { background: #1b4774; border: none; width: 46px; height: 46px; border-radius: 50%; margin-left: 20px; position: relative; transition: all ease .6s; } #header .toggle-menu .line { position: absolute; left: 20%; right: 30%; height: 2px; background: #fece4a; transition: all ease .4s; } #header .toggle-menu .line:nth-last-of-type(1) { top: 30%; } #header .toggle-menu .line:nth-last-of-type(2) { top: 50%; left: 35%; right: 15%; transform: translateY(-50%); } #header .toggle-menu .line:nth-last-of-type(3) { bottom: 30%; } #header .toggle-menu:hover .line { left: 30%; right: 20%; } #header .toggle-menu:hover .line:nth-last-of-type(2) { left: 15%; right: 35%; } #header .main-menu-wrap { position: absolute; top: 0; left: 0; bottom: 0; transition: all ease .4s; } #header .mobile-logo-container, #header .socials-mobile, #header .close-btn-mobile { display: none; } #header .main-menu { text-align: right; margin-bottom:0px;padding-left: 0px; } #header .main-menu li{display:inline-block; position:relative; margin-top:10px; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } #header .main-menu a{ color: #dbb67f ;padding: 0px 15px 15px; display: block; line-height: 27px; font-size: 20px; text-transform:uppercase; /*background: linear-gradient(to right, #dbb67f 0%, #e7cd99 15%, #c2a273 45%, #956b41 50%, #674e32 70%, #d19a5c 80%, #d19a5c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ font-family: 'Muli-SemiBold';position: relative; } #header .main-menu a:after{ width: 1px; height: 20px; background: #a98154; content: ''; display: block; top: 4px; position: absolute; right: -3px; } #header .main-menu li:last-child a:after{display:none;} #header .main-menu ul{ position: absolute; background: #201e1c; padding: 15px 15px 6px; width: 100%; opacity: 0; visibility: hidden; -webkit-transform: translate(0, 40px); -moz-transform: translate(0, 40px); -ms-transform: translate(0, 40px); -o-transform: translate(0, 40px); transform: translate(0, 40px); -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; pointer-events: none; min-width:max-content; } #header .main-menu li:hover ul{ -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; pointer-events: auto; } #header .main-menu ul:before{ content: ''; position: absolute; height: 1px; width: 85%; top: -1px; left: 0px; background: #46423b; right: 0px; margin: auto; max-width:297px; } #header .main-menu ul a:after{display:none;} #header .main-menu ul li{display:block; margin-top:0px;margin-bottom: 7px; padding:0px 5px;} #header .main-menu ul a{color:#cccccc; text-transform:none ;background: none;-webkit-background-clip: initial !important; -webkit-text-fill-color: #cccccc !important; font-size: 14px;text-align: left; padding: 2px 0px 8px; line-height:19px; border-bottom:1px solid #333;} #header .main-menu ul li:last-child{padding-bottom:0px;} #header .main-menu ul li:last-child a{border-bottom:0px; padding-bottom:0px} #header .main-menu ul a:hover,#header .main-menu ul .active a,#header .main-menu ul .current-menu-item a{color:#f8dea8 !important; -webkit-text-fill-color: #f8dea8 !important;} @keyframes rotateX { 0% { opacity: 0; transform: rotateX(-90deg); } 50% { transform: rotateX(-20deg); } 100% { opacity: 1; transform: rotateX(0deg); } } .title-section{color:#fff; text-transform:uppercase;} .list-prod{padding: 50px 40px;} .relative{position: relative;} .single-product-page,.single-product-detail{background: #2d3544} .location-prod{padding: 50px 15px 15px; background: #2a303e; /* Old browsers */ background: -moz-linear-gradient(top, #2a303e 0%, #141326 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2a303e 0%,#141326 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2a303e 0%,#141326 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a303e', endColorstr='#141326',GradientType=0 ); /* IE6-9 */ } .w-ab-loca{ position: relative; min-height: 830px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .img-loc{ background: url(../images/bg-location-1.jpg) left center no-repeat; background-size: cover; width: 60%; height: 100%; position: absolute; right: 0px;top: 0px;margin-bottom: 0px; } .img-loc:after{ content: ''; width: 100%; height: 100%; right: 0px; top: 0px; position: absolute; background-image: linear-gradient( to left, rgba(4, 12, 23, 1) 0%, rgba(4, 12, 23, 0.8) 10%, rgba(4, 12, 23, 0.2) 60%, rgba(4, 12, 23, 0) 100% ); } .w-des-lo { width: 50%; margin-bottom: 0px !important; display: flex; align-items: center; position: relative; z-index: 10; } .w-img-lc{ background: rgb(4 12 23 / 60%); padding: 60px 110px; margin-bottom: 0px !important;} .w-img-lc img{max-width: 330px;} .img-overv{background: url(../images/img-tong-quan-thesignature.jpg) left bottom no-repeat; background-size: cover; width: 50%; height: 100%; position: absolute; left: 0px;top: 0px; border-bottom-right-radius: 70px;} .w-des-overv{ width: 50%; margin-bottom: 0px !important; float: right;position: relative; z-index: 10; } .w-img-overv{padding: 60px 30px; margin-bottom: 0px !important;} .w-img-overv img{max-width: 440px;} .single-product-page .relative,.single-product-detail .relative{margin-bottom: 0px !important;} .single-product-page .btn-act-product,.single-product-detail .btn-act-product{margin: 100px auto 100px !important} .the-building-situated,.sec-thesignature-1{padding: 70px 0px 0px;} .single-product-page .sec-thesignature-1,.single-product-detail .sec-thesignature-1{text-align: center;} .single-product-page .contact-ldp,.single-product-detail .contact-ldp{ text-align:center; margin:100px auto 100px !important; padding: 0px 15px; } .contact-ldp img{ max-width:610px; } .single-product-page .section.section-footer,.single-product-detail .section.section-footer,.single-product-detail .copyright{display: none;} .standard img{ max-width: 80%;} .w-product{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -15px 60px; } .section-detail-pro h2{ background: #FFFAC0;font-family: 'Muli-Black'; background: linear-gradient(to bottom, #FFFAC0 0%, #CF9862 70%, #C69E70 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .title-pro{text-transform: uppercase; margin: 20px 0px 20px; background: #FFFAC0; font-family: 'Muli-Black'; background: linear-gradient(to bottom, #FFFAC0 0%, #CF9862 70%, #C69E70 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .des-product{padding-left: 0px; text-align: left;} .add-product{ color: #cccccc; margin-bottom: 30px !important; background: url(../images/ico-map.svg) left 2px no-repeat; background-size: 20px; padding-left: 30px; } .des-list-pro ul,.info-pro ul{padding-left: 0px;} .des-list-pro li{color: #cccccc; position: relative; margin-bottom: 7px; padding-left: 15px;} .des-list-pro li:after{ width: 6px; height: 6px; position: absolute; top: 50%; left: 0px; transform: translate(0px, -50%); content: ''; background: #dbc989; } .des-product .view-more-p{margin-top: 30px;} .des-product .view-more-p a:hover{color: #fff} .w-product img { object-fit: cover; width: 100%; margin-left: 0; height: 545px; } .info-pro{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px 20px; padding-left: 0px !important; } .info-pro li{margin-bottom: 15px;color: #cccccc;padding-left: 32px; text-align: left;} .main-detail-pro .info-pro li:before{display: none} .rating{background: url(../images/ico-star-rating.svg) left 0px no-repeat; background-size: 25px;} .management{background: url(../images/ico-engineer.svg) left 0px no-repeat; background-size: 25px;} .percent{background: url(../images/ico-percent.svg) left 0px no-repeat; background-size: 25px;} .measure{background: url(../images/ico-measure.svg) 0px 0px no-repeat; background-size: 23px;} .prices{background: url(../images/ico-prices.svg) left -3px no-repeat; background-size: 32px;} .area{background: url(../images/ico-area.svg) left -2px no-repeat; background-size: 29px;} .building{background: url(../images/ico-building.svg) left -2px no-repeat; background-size: 29px;} .main-detail-pro .title-pro{margin-top: 0px; margin-bottom: 20px} .main-detail-pro{color: #cccccc; padding-left: 0px; padding-right: 0px;} .slide-pro{margin: 30px 0px;} .main-detail-pro h2,.main-detail-pro h3,.main-detail-pro h4{text-transform: uppercase; margin: 20px 0px 20px; font-size: 22px; text-align: left;} .main-detail-pro div,.main-detail-pro p{margin-bottom: 15px;} .main-detail-pro ul {padding-left:30px; margin: 15px 0px 15px;} .main-detail-pro ul li{position: relative; margin-bottom: 7px;text-align: left;} .main-detail-pro ul li:before{ position: absolute; left: -15px; top: 10px; content: ''; width: 6px; height: 6px; background: #ccc;} .btn-act-product{text-align: center; margin: 30px auto 50px !important;} .btn-act-product a{ color: #000000; font-family: 'Muli-SemiBold'; text-transform: uppercase; display: inline-block; align-items: center; text-align: center; font-size: 22px; margin: auto; padding: 15px 30px; border-radius: 5px; background: rgba(219,182,127,1); background: -moz-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,182,127,1)), color-stop(18%, rgba(235,203,147,1)), color-stop(37%, rgba(245,220,165,1)), color-stop(46%, rgba(225,196,145,1)), color-stop(58%, rgba(204,145,86,1)), color-stop(71%, rgba(189,121,53,1)), color-stop(90%, rgba(209,155,92,1)), color-stop(100%, rgba(226,170,101,1))); background: -webkit-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -o-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -ms-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: linear-gradient(to right, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb67f', endColorstr='#e2aa65', GradientType=1 ); } .map-location{margin: 15px 0px;} #header .phone-container { position: absolute; top:28px; right:20px; padding: 0px; color: #fff; transition: all ease .4s; } #header.sticky .phone-container { top: 15px; } #header .icon-phone,.phone-container .icon-phone { background-image: url(../images/icon-hotline.png); width: 18px; height: 18px; margin: 0; top: -5px; background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; display: inline-block; vertical-align: bottom; -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%; } .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important}.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important}.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle{background-color:#00aff2}.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{background-color:#6a0032}.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{background-color:#015643}.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{background-color:#ccc}.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{background-color:#75eb50}@-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:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-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)}} .contact-sticky-mobile .phone-container .icon-phone{background: url(../images/call.svg) center center no-repeat; background-size: 22px; width: 30px; height: 30px;} #header .phone-container .text,.phone-container .text { font-size: 21px; text-transform:uppercase; /*background: linear-gradient(to right, #dbb67f 0%, #e7cd99 15%, #c2a273 45%, #956b41 50%, #674e32 70%, #d19a5c 80%, #d19a5c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color: #dbb67f ; font-family: 'Muli-Bold'; padding-left:5px } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #ffb900;font-size: 14px; } .wpcf7-not-valid-tip { font-size: 14px; } #header.light .toggle-menu-container { color: #fff; } #header.light .toggle-menu { background: #fff; } #header.light .toggle-menu .line { background: #1b4774; } /********** BANNER - HOMEPAGE *******/ .slider-top .slider_banner { position:relative; margin-bottom: 0px !important; margin-left: -15px; margin-right: -15px; } .slider_banner .slick-dots {position:absolute; bottom:5%} .slider_banner .slick-dots li.slick-active button:before{ border: 1px solid #fff; color: #e8c78f; opacity: 1; line-height: normal;background: #e8c78f; } .slider_banner .slick-dots li button{padding:0px} .slider_banner .slick-dots li button:before{ font-size: 15px; border: 1px solid #fff; color: transparent; opacity: 1; border-radius: 50%; width:15px; height:15px; } .slider-top .slider_banner img{margin: auto;} .slogan-slide{ position: absolute; left: 5%; z-index: 9; top: 36%;font-family: 'Muli-Bold'; font-size: 35px; margin-bottom: 0px; text-transform: uppercase; color:#fff; text-shadow: 2px 2px 12px #000; } .slogan-slide h1{font-size: 35px;} .slogan-slide span{display:block; font-size:24px;} .slogan-slide a{color:#fff;} .desc-slide { max-width:460px; margin-bottom: 0px; color: #fff;text-transform: none;font-family: 'Muli-Regular', sans-serif;font-size:16px; } .slider-top-page .slick-dots{display:none;} .slider-top-page .slogan-slide {top: 50%;} .socials-icon{position: fixed;right: 15px;bottom: 50px;z-index: 9;} .socials-icon a{display:block; margin-bottom: 13px;} .socials-icon .facebook { background: url(../images/facebook.svg)center center no-repeat; width: 25px; height: 30px; background-size: 24px; } .socials-icon .facebook:hover{ background: url(../images/facebook-h.svg)center center no-repeat; width: 25px; height: 30px; background-size: 24px; } .socials-icon .youtube { background: url(../images/youtube.svg)center center no-repeat; width: 24px; height: 19px; background-size: 22px; } .socials-icon .youtube:hover { background: url(../images/youtube-h.svg)center center no-repeat; width: 24px; height: 19px; background-size: 22px; } .socials-icon .zalo { background: url(../images/zalo.svg)center center no-repeat; width: 30px; height: 30px; background-size: 22px; margin-left: -2px; } .socials-icon .zalo:hover { background: url(../images/zalo-h.svg)center center no-repeat; width: 30px; height: 30px; background-size: 22px; } .slider-top-page.banner-product .slider_banner img{ object-fit: cover; width: 100%; margin-left: 0; height: 440px; } .wrap_prod{ opacity:0; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } .slider_produce_home .slick-slide.slick-active .wrap_prod{ opacity:1; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .slider_produce_home .slick-next { right: 21.5%; margin-top: 50px; } .slick-slider .slick-next:before { background: url(../images/btn-next.png) center center no-repeat; left: 0px; background-size: contain; width: 44px; height: 44px;opacity:1 !important; } .slick-slider .slick-next:hover:before { background: url(../images/btn-next-h.png) center center no-repeat; left: 0px; background-size: contain; width: 44px; height: 44px; opacity:1 !important; } .slider_produce_home .slick-prev { left: 21.5%; margin-top: 50px; } .slick-slider .slick-prev:before { background: url(../images/btn-pre.png) center center no-repeat; right: 0px; background-size: contain; width: 44px; height: 44px;opacity:1 !important; } .slick-slider .slick-prev:hover:before { background: url(../images/btn-pre-h.png) center center no-repeat; right: 0px; background-size: contain; width: 44px; height: 44px;opacity:1 !important; } .wrap_ct_cont{ position: relative; text-align: right; top: 28px; z-index: 999; } .control_navi-pro{position: absolute;z-index: 999;right: 17%;} .control_navi-pro .slick-arrow{ background: #5f5c5d; left: 0px; display: inline-block; right: auto; color: #fff; width: 30px; height: 30px; border-radius: 50%; position: relative; top: auto; transform: translate(0, 0); } .control_navi-pro .slick-arrow:hover {background: #dddddd;} .control_navi-pro .slick-next {margin-left:10px;} .control_navi-pro .slick-next:before{ content: ''; background: url(../images/next.svg) center center no-repeat; background-size: 20px; width: 20px; height: 15px; display: block;opacity: 1; margin: auto; } .control_navi-pro .slick-prev:before{ content: ''; background: url(../images/prev.svg) center center no-repeat; background-size: 20px; width: 20px; height: 15px; display: block;opacity: 1; margin: auto; } .wrap_ct_cont p{ display: block; position: absolute; right: 17%; top: 35px; } .wrap_ct_cont p a{color: #fff;} .wrap_ct_cont p:hover a{ color: #dbb67f; background: linear-gradient(to right, #dbb67f 0%, #e7cd99 15%, #c2a273 45%, #956b41 50%, #674e32 70%, #d19a5c 80%, #d19a5c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; display: inline-block; } .slider-convergence{ background: url(../images/bg-thanh-tuu.jpg) center top no-repeat;background-size: cover; padding:60px 0px 60px; margin-top: 50px; } .slider-convergence p{ color: #fff; margin-top: 30px; margin-bottom: 0px; line-height: 18px; margin: auto; text-align: center; padding-top: 20px; } .slider-convergence .img-conver{min-height:120px;} .slider-convergence img{ margin:auto; text-align:center;} .slider-convergence .percent{ color:#f6d9a1; font-family: 'Muli-Bold'; text-align:center; font-size:23px; } .slider-convergence .desc-per{font-size:14px; padding: 0px 20px 20px; margin-top:20px;} .w_converg{position:relative; border-right:1px dashed #fff;} .slider-convergence .w_converg:last-child{border:none !important} .tt1{max-width: 75px;} .tt2{max-width: 82px; margin-top:5px;} .tt3{max-width: 92px; margin-top:5px;} .tt4{max-width: 79px; margin-top:5px;} .slider-vision{ background:url(../images/bg-video.png) center top no-repeat; padding:50px 0px 40px; background-size:cover; } .slider-vision .img-vision{text-align:center; margin:auto; position: relative;} .slider-vision .img-vision img{max-height: 460px;} .slider-services{ background:url(../images/bg-services.jpg) center 55% no-repeat; padding:0px 0px 50px; background-size:contain; } .w_sld_services{ max-width: 610px; margin: auto; background: url(../images/bg-content-services.png) center top no-repeat; padding: 110px 160px 10px; margin-top: 15px; background-size: cover; min-height:566px; } .slider-services .slick-list{overflow:visible;} .w_sld_services h3{text-transform:uppercase; color:#fff; font-size:21px; margin:15px 0px 15px;text-align: left;} .w_sld_services p{color:#fff;text-align: justify;} .w_sld_services .slick-prev {margin-left: -130px;} .w_sld_services .slick-next {margin-right: -130px;} .view-more a{ text-transform:uppercase; color:#fff; margin:20px 0px 0px; background:url(../images/next.svg) right center no-repeat; padding-right:20px;background-size: 12px; } .news-home{padding:40px 0px;} .hot-new{ position: relative; overflow: hidden; } .hot-new img{object-fit: cover; margin-left: 0; height: 504px; width: 100%;} .new_other .hot-new-big img{ object-fit: cover; margin-left: 0; height: 210px; width: 100%; } .title_news{ position: absolute; bottom: 20px; color: #fff; padding: 0px 30px 0px; font-size: 16px; font-family: 'Muli-Bold'; } .hot-new :hover .title_news{color: #dfa663;} .data-new{ position: absolute; top: 20px; right: 30px; color: #fff; background: #4b545f; border: 2px solid #7f6948; border-radius: 50%; padding: 5px 5px 5px; font-family: 'Muli-SemiBold'; text-align: center; font-size: 17px; line-height: 19px; width: 55px; height: 55px; } .data-new span{display:block;font-family: 'Muli-Regular';font-size:11px;} .title-section-col{ color: #dbb67f; padding: 0px; text-transform: uppercase; background: linear-gradient(to right, #dbb67f 0%, #e7cd99 15%, #c2a273 45%, #956b41 50%, #674e32 70%, #d19a5c 80%, #d19a5c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative;display: inline-block; margin:15px 0px 25px;line-height: 43px; } .hot-new-big .title_news{ position:relative; bottom: auto; padding:0px; color:#cccccc; margin:15px 0px;font-size:16px;font-family: 'Muli-Bold'; } .descript_n{ color:#cccccc; font-size:12px; } .hot-new-big .view-more a,.lis-new-small .view-more a,.w_field .view-more a{ color:#dfa663; text-transform:uppercase; margin: 20px 0px 0px; background: url(../images/next-2.svg) right center no-repeat; padding-right: 20px; background-size: 12px; } .list-news-home{padding-left:35px;} .lis-new-small .title_news { position: relative; color: #fff; padding: 0px; font-size: 16px; margin-top:0px; margin-bottom:0px;bottom: 0px; } .lis-new-small .descript_n{border-bottom:1px solid #585858; padding: 13px 0px;} .section-footer{ background: url(../images/bg-footer.jpg) left bottom no-repeat; background-size: cover; padding: 20px 0px 0px; } .section-footer .title-section-col{margin-bottom:0px; } .doitac-slider{ background:#c7c5c2;margin-top: -7px; padding:0px 80px; } .doitac-slider .slick-list{padding:20px 20px;margin:0 -25px;} .doitac-slider div {display:flex; align-items: center; padding:0px 10px; } .doitac-slider .slick-slide{margin:0 -25px;} .doitac-slider div div{min-height:130px; position:relative;} .doitac-slider div img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .doitac-slider:before{ position:absolute; content:''; left:0px; width:100%; height:6px; background: rgba(219,182,127,1); background: -moz-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(237,183,90,1) 14%, rgba(217,172,83,1) 26%, rgba(214,147,54,1) 38%, rgba(184,123,66,1) 60%, rgba(198,145,85,1) 89%, rgba(225,167,101,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,182,127,1)), color-stop(14%, rgba(237,183,90,1)), color-stop(26%, rgba(217,172,83,1)), color-stop(38%, rgba(214,147,54,1)), color-stop(60%, rgba(184,123,66,1)), color-stop(89%, rgba(198,145,85,1)), color-stop(100%, rgba(225,167,101,1))); background: -webkit-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(237,183,90,1) 14%, rgba(217,172,83,1) 26%, rgba(214,147,54,1) 38%, rgba(184,123,66,1) 60%, rgba(198,145,85,1) 89%, rgba(225,167,101,1) 100%); background: -o-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(237,183,90,1) 14%, rgba(217,172,83,1) 26%, rgba(214,147,54,1) 38%, rgba(184,123,66,1) 60%, rgba(198,145,85,1) 89%, rgba(225,167,101,1) 100%); background: -ms-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(237,183,90,1) 14%, rgba(217,172,83,1) 26%, rgba(214,147,54,1) 38%, rgba(184,123,66,1) 60%, rgba(198,145,85,1) 89%, rgba(225,167,101,1) 100%); background: linear-gradient(to right, rgba(219,182,127,1) 0%, rgba(237,183,90,1) 14%, rgba(217,172,83,1) 26%, rgba(214,147,54,1) 38%, rgba(184,123,66,1) 60%, rgba(198,145,85,1) 89%, rgba(225,167,101,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb67f', endColorstr='#e1a765', GradientType=1 ); } .w_footer_sec{ padding-left: 29%; padding-top: 200px; } .head-f{ text-transform:uppercase; color:#fff; font-family: 'Muli-SemiBold'; font-size:18px; margin:20px 0px; } .w_footer_sec h3{ font-size:14px; text-transform:uppercase; color:#fff; } .w_footer_sec ul{padding:0px;} .w_footer_sec li{color:#fff; padding:0px;} /*SAN PHAM HOME*/ .slider_produce_home .slick-slide {margin:0px 15px;padding: 130px 0px 60px;} .slider_produce_home .slick-slide { position: relative; margin: 0px 15px; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;outline: none;max-height: 570px;overflow: hidden; } .slider_produce_home .slick-slide.slick-active {min-height: 600px;} .slider_produce_home {min-height: 600px;} .slider_produce_home .slick-slide:after { content: ''; position: absolute; left: 0px; top: 130px; width: 100%; height: calc(100% - 130px); background: rgba(0,0,0,0.5); opacity: 1; -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; } .slider_produce_home .slick-slide.slick-active:after{display:none} .slider_produce_home .slick-list{overflow: visible;position:relative;} .slider_produce_home .slick-slide .w_produce{ position:absolute; top:30px; z-index:9; color: #fff; } .w_produce h2,.section-field h3,.wrap-ser h3{ font-size:19px; background: linear-gradient(to right, #dbb67f 0%, #e7cd99 15%, #c2a273 45%, #956b41 50%, #674e32 70%, #d19a5c 80%, #d19a5c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Muli-Black'; } .slider_produce_home .slick-slide .w_produce h2{text-transform:uppercase;} .descript_product{ position:absolute; z-index:9; top: 18%; left: 7%; color: #fff; padding:15px 25px 15px; background: url(../images/bg-product.jpg) left top no-repeat; background-size: cover; } .descript_product ul{margin-left:0px; padding-left:0px;margin-bottom:0px; } .descript_product ul li{padding-bottom:5px;font-size: 12px;} .descript_product .head_prod{ text-transform:uppercase; border-bottom:1px solid #b1926f; padding-bottom:4px;font-size: 19px;font-family: 'Muli-Bold'; } .address-f .socials-icon{position:relative; right:0px; margin-bottom:30px;} .address-f .socials-icon a{ display: inline-block; margin: 0px; border:1px solid #747371; border-radius:50%; } .address-f .socials-icon .facebook { width: 30px; height: 30px; background-size: 17px; } .address-f .socials-icon .youtube{ width: 30px; height: 30px; background-size: 17px; } .address-f .socials-icon{margin-bottom:0px; bottom:0px; padding-bottom:20px;} /*lmak 68*/ .ldp-68{color:#f6ddc8; font-size: 20px; line-height: 20px;} .slogan{ width: 100%; background: linear-gradient(to right, rgb(10,141,106) 0%,rgb(4,54,54) 71%,rgb(5,67,62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .logo-sl{margin: 50px auto 0px; text-align: center;} .des-sl{position: relative; line-height: 28px; padding: 10px 40px; color: #f6ddc8; text-align: center; font-size: 24px; font-style: italic; max-width: 540px; margin: 30px auto 40px;} .des-sl:before{content: ''; background: url(../images/quote-l.svg) center top no-repeat; background-size: 17px; width: 17px; height: 13px; left: 0px;top: 0px; position: absolute;} .des-sl:after{content: ''; background: url(../images/quote-r.svg) center top no-repeat; background-size: 17px; width: 17px; height: 13px; right: 0px;bottom: 0px;position: absolute;} .why-choose{background:url(../images/bg-why-choose.jpg) center top no-repeat; background-size: cover; padding-bottom: 40px; } .head-wh{ padding: 50px 60px 40px; background: url(../images/line-why-2.svg) left top no-repeat; background-size: 100%; width: 780px; margin: 60px auto 30px; max-width: 100%;line-height: 50px; } .head-wh .title{text-transform: uppercase; font-size:50px;font-family: 'Muli-Bold'; margin-bottom: 50px; background: #CE9E95; background: linear-gradient(to bottom, #CE9E95 0%, #A26B64 8%, #C59085 49%, #F5DCC7 92%, #CAA194 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .head-wh .logo-wh{max-width: 50px; margin-bottom: 50px;} .des-why{ text-align: center; color: #f6ddc8; padding: 30px 80px 40px; background: url(../images/line-why.svg) right bottom no-repeat; background-size: 209px; font-size: 19px; max-width: 780px; margin: 0px auto 60px; line-height: 24px; } .location-68{background:url(../images/bg-vi-tri-68.jpg) center bottom no-repeat; background-size: cover; padding: 150px 0px; } .w-loca68{ background: rgb(162 107 100 / 72%); padding: 60px 110px; margin-bottom: 0px !important; width: 600px; } .content-lo68{text-align: center; position: relative; padding: 40px 0px; margin: 20px 0px;} .content-lo68:before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; background: url(../images/line-title.svg) left top no-repeat; background-size: cover; width: 193px; height: 4px; } .content-lo68:after{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; background:url(../images/line-title.svg) left top no-repeat; background-size: cover; width: 193px; height: 4px; } .head-small{color: #f6ddc8; text-transform: uppercase;font-family: 'Muli-Black'; margin-bottom: 5px;} .des-sec{color:#f6ddc8; } .note-lo{color:#f6ddc8;font-family: 'Muli-Bold'; text-align: center;} .building-68{ background:url(../images/bg-building.jpg) center bottom no-repeat; background-size: cover;min-height: 885px; position: relative; } .w-building{max-width: 70%; padding:100px 80px; text-align: justify; line-height: 26px;position: relative; z-index: 20;} .building-68:before{ content: ''; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #053637),color-stop(1, rgba(5,54,55,0))); background-image: -o-linear-gradient(bottom, #053637 0%, rgba(5,54,55,0) 100%); background-image: -moz-linear-gradient(bottom, #053637 0%, rgba(5,54,55,0) 100%); background-image: -webkit-linear-gradient(bottom, #053637 0%, rgba(5,54,55,0) 100%); background-image: -ms-linear-gradient(bottom, #053637 0%, rgba(5,54,55,0) 100%); background-image: linear-gradient(to bottom, #053637 0%, rgba(5,54,55,0) 100%); height:40%; position:absolute; width:100%; left: 0px; top:0px; } .building-design{ background:url(../images/bg-building-design.jpg) center top no-repeat; background-size: cover; min-height: 1115px; position: relative; } .w-building-de{position: absolute; left: 14%; bottom: 14%;} .w-building-de h2{ text-transform: uppercase; font-family: 'Muli-Black'; font-size: 50px; line-height: 60px; background: #D7B3A4; background: linear-gradient(to bottom right, #D7B3A4 0%, #F5DBC6 21%, #CFA093 60%, #A26B64 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .overview-68{ background: linear-gradient(135deg, rgb(10,134,102) 0%,rgb(6,77,68) 63%,rgb(4,57,56) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 60px 50px ; } .w-head68{ position: relative; padding-bottom: 10px; display: block; margin: auto; text-align: center; margin-bottom: 30px; } .w-head68:after{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; background: url(../images/line-t-s.svg) center top no-repeat; background-size: cover; height: 4px; width: 123px; } .title-sm{ background: #D9B5A5; background: linear-gradient(to right, #D9B5A5 0%, #ECCFBC 6%, #C38E83 40%, #D19C8F 52%, #A46D66 83%, #CD9E94 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Muli-Bold'; text-transform: uppercase; font-size: 35px; line-height: 50px; display: inline-block; } .title-ov{width: 370px;} .content-ov,.w-inter,.w-team-des,.w-list-loc68,.contact-68{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .ldp-68 li{position: relative; margin-bottom: 10px; line-height: 26px;} .ldp-68 li:before{content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #f6ddc8; left: -20px; top: 12px;} .s-urban{padding: 0px;} .v-mb-urban{display: none} .lmak-68-sta{ background: linear-gradient(135deg, rgb(4,59,57) 0%,rgb(5,67,62) 46%,rgb(7,104,84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 60px 0px 0px; } .lmak-68-sta .logo-68{max-width: 140px; text-align: center;} .des-l68{width: 80%; margin: 40px auto 40px; text-align: center; line-height: 25px;} .interior-68{ background: linear-gradient(135deg, rgb(6,84,72) 0%,rgb(10,141,106) 57%,rgb(10,113,90) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 60px 0px 0px; } .wimg-inter{max-width: 350px; padding-left: 30px;} .interior-68 .cont-inter{padding-left: 50px;} .team-design-68{ background: linear-gradient(135deg, rgb(10,137,104) 0%,rgb(9,80,71) 50%,rgb(7,61,59) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 0px; } .imt-td68{margin: 40px 0px 30px; max-width: 270px;} .cont-td{padding-left: 60px;} .wimg-td{padding: 0px;} .ficiliti-68{padding: 0px; background: linear-gradient(135deg, rgb(9,127,98) 0%,rgb(5,65,61) 24%,rgb(4,53,54) 50%,rgb(5,65,61) 79%,rgb(7,101,83) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .management-68{ background:url(../images/bg-management.jpg) center top no-repeat; background-size: cover; min-height: 1115px; position: relative; position: relative; } .w-management{ position: absolute; left: 10%; bottom: 10%; } .w-management .title-sm{line-height: 45px; margin-bottom: 30px;} .des-management {line-height: 25px;} .list-tienich-68{ background: #073b3a url(../images/bg-tien-ich-68.jpg) left bottom no-repeat; background-size: 400px; } .w-tienich{ padding:40px 0px 100px 37%; } .w-tienich ul{padding: 40px 20px;} .w-tienich ul li{text-align: left; width: 50%; float: left; padding-left: 20px; border-bottom: 1px solid #344f4d; padding-top: 20px; padding-bottom: 15px; position: relative;} .w-tienich ul li:before { width:8px; height: 8px; border-radius: 0px; left: -5px; top: 30px;} .w-tienich ul li:last-child,.w-tienich ul li:nth-last-child(2) {border: 0px;} .lydochon-68{ background: #051e22 url(../images/bg-lydochon-68.jpg) center top no-repeat; background-size: cover; position: relative; min-height: 1130px; } .w-lydochon{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%} .title-rea{ background: #AF9487; background: linear-gradient(to right, #AF9487 0%, #F4DAC6 6%, #C48F84 59%, #CC978B 100%); -webkit-background-clip: text;font-family: 'Muli-Black'; -webkit-text-fill-color: transparent; font-size: 23px; text-align: center; } .location-lm68{ background-color: #043536; padding: 40px; } .w-list-loc68{position: relative; margin-top: 50px;} .line-loca{width: 100%; height: 4px; background: linear-gradient(to right, rgb(201,147,136) 0%,rgb(244,219,198) 24%,rgb(199,146,134) 50%,rgb(207,153,142) 78%,rgb(186,134,125) 93%,rgb(199,146,134) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .item-68 .img-item68,.des-item68 .name-loca68,.des-loca68{text-align: center;} .name-loca68{color: #f5ddc6; margin-bottom: 5px;font-family: 'Muli-Bold', sans-serif; font-size: 21px;} .img-item68 img{max-height: 100px; margin: 25px auto;} .w-list-loc68:before{ content: ''; position: absolute; left: -1px; top: -7px; width: 18px; height: 18px; background: #c89387; border-radius: 50%; } .w-list-loc68:after{ content: ''; position: absolute; right: -1px; top: -7px; width: 18px; height: 18px; background: #c79287; border-radius: 50%; } .img-item68{position: relative;} .img-item68:before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -17px; background: url(../images/ico-dot-location.png) center center no-repeat; width: 28px; height: 28px; background-size: cover; z-index: 9999; display: block; } .bg-contact-lm68{ background: #0f3b3f url(../images/bg-contact-l68.jpg) center bottom no-repeat; background-size: 100%; position: relative; padding:120px 40px 110px;min-height: 1139px; } .title-cont68 {text-align: center; margin: 0px auto;} .title-cont68 img{max-width: 370px;} .h-contact-68{text-align: center; color: #f5ddc6; text-transform: uppercase; margin-bottom: 50px;font-family: 'Muli-SemiBold';} .invested-by68{text-align: center; margin: 0px auto 10px; font-style: italic;} .invested-by68 p,.managed-by68 p{display: block; line-height: 25px;text-align: center;} .managed-by68{text-align: center; background: url(../images/line-contact68.png) center bottom no-repeat; background-size: 50%; padding: 30px 40px 40px; font-style: italic; } .head-contact{font-size: 21px;} .contact-68{max-width: 70%; margin: 30px auto 0px;} .contact-68 a{color: #f5ddc6;} .website-68,.email-68,.tel-68,.address-68{position: relative; padding-left: 80px; line-height: 25px; margin-top: 30px;display: flex; align-items: center; min-height: 60px;} .website-68:before{ content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: url(../images/ico-web-l68.png) center center no-repeat; background-size:contain; width: 60px; height: 69px; } .email-68:before{ content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: url(../images/ico-mail-l68.png) center center no-repeat; background-size:contain; width: 60px; height: 69px; } .tel-68:before{ content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: url(../images/ico-tel-l68.png) center center no-repeat; background-size:contain; width: 60px; height: 69px; } .address-68:before{ content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: url(../images/ico-address-l68.png) center center no-repeat; background-size:contain; width: 60px; height: 69px; } .thesing-lead{ background: url(../images/bg-thesing-lead.jpg) center center no-repeat; background-size: cover; padding: 50px 90px; color: #e5a96b; font-size: 17px; margin-bottom: 30px !important; } .main-detail-pro .title-radiant{text-align: center;background: #51494E; background: linear-gradient(to bottom, #51494E 0%, #F9D29D 50%, #51494E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; margin:0px 0px 20px; font-family: 'Muli-Black'; font-size: 35px; } .main-detail-pro .title-sradiant{ text-align: center;background: #51494E; background: linear-gradient(to bottom, #f6d1a9 0%, #c08955 50%, #f6d1a9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; margin:0px 0px 40px; font-family: 'Muli-Black'; font-size: 35px; } .list-thesing-lead{margin: 30px 0px;} .w-list-thes { display: flex ; align-items: center; } .list-thesing-lead .img-thes{width: 80px; margin-bottom: 0px;} .des-thesl{font-family: 'Muli-Bold'; width: calc(100% - 80px); padding-left: 20px;text-align: left;} .des-thesl span{display: block; font-family: 'Muli-Regular', sans-serif;} .main-detail-pro .thesing-lead ul li:before{background: #e5a96b; border-radius: 50%;} .building-achieved-thesing-lead{padding: 30px;} .additional-green-features img{max-width: 60%; margin: 15px auto;} /*TAM NHIN*/ .slider-vision .title-section,.title-video{ position: absolute; top: 37%; text-align: center; width: 100%; background: url(../images/ico-video.png) center bottom no-repeat; padding-bottom: 80px; background-size: 70px; } .slider-vision .modal-body{padding:0px} .slider-vision .close,.modal .close{ position: absolute; right: 10px; top: 5px; padding: 0px; background: #fff; width: 40px; height: 40px; border-radius: 50%; opacity: 1;z-index: 99; } .slider-vision .close span,.modal .close span{color:#333} .slider-top-page .slick-dotted.slick-slider{margin-bottom:0px} .office-for-rent{padding-top:50px;} /*LINH VUC HOAT DONG*/ .section-field{ padding:50px 0px 50px; background:#262626 url(../images/bg-ico.png) center top repeat-y; background-size: contain; } .section-field p{color:#cccccc; text-align: justify;} .section-field .title-section-col,.office-for-rent .title-section-col{margin-top:0px;} .w_field{ border:2px solid #a98154; padding:20px 25px 10px; margin-right:15px;width:calc((100% / 2) - 15px); -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; margin-bottom:15px; } .section-field h3{display:inline-block;} .col-l-field{font-size:22px; text-align:justify;padding-right: 90px;} /*DICH VU*/ .office-for-rent{ background:url(../images/bg-ico.png) center top repeat-y; background-size: contain; } .office-for-rent p,.office-for-rent li{color:#cccccc;} .office-for-rent ul{padding-left:10px;} .office-for-rent li{position:relative; padding-left: 15px;} .office-for-rent li:before{ width: 5px; height: 5px; position: absolute; top: 11px; left: 0px; content: ''; background: #e1c18b; } .contact-us{ min-height: 323px; margin: 30px 0px 60px; position: relative; padding: 15px; overflow: hidden; } .contact-us:before{ background:url(../images/bg-contact-us.jpg) center top no-repeat; position:absolute; content:''; height: 100%; width:100%;background-size: cover; } .contact-us-2:before{ background:url(../images/bg-contact-us-2.jpg) center top no-repeat !important; } .contact-us a{ color: #000000; font-family: 'Muli-SemiBold'; text-transform: uppercase; display: inline-block; align-items: center; text-align: center; font-size:22px; margin: auto; padding:15px 30px; border-radius:5px; background: rgba(219,182,127,1); background: -moz-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,182,127,1)), color-stop(18%, rgba(235,203,147,1)), color-stop(37%, rgba(245,220,165,1)), color-stop(46%, rgba(225,196,145,1)), color-stop(58%, rgba(204,145,86,1)), color-stop(71%, rgba(189,121,53,1)), color-stop(90%, rgba(209,155,92,1)), color-stop(100%, rgba(226,170,101,1))); background: -webkit-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -o-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: -ms-linear-gradient(left, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); background: linear-gradient(to right, rgba(219,182,127,1) 0%, rgba(235,203,147,1) 18%, rgba(245,220,165,1) 37%, rgba(225,196,145,1) 46%, rgba(204,145,86,1) 58%, rgba(189,121,53,1) 71%, rgba(209,155,92,1) 90%, rgba(226,170,101,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb67f', endColorstr='#e2aa65', GradientType=1 ); } .contact-us a:hover{ opacity:0.8 } .tvanptr p{margin-bottom:5px;} .go-form{ text-align: center; display: flex; align-items: center; height: 100%; position: absolute; left: 0px; right: 0px; } .wrap-ser{ border:1px solid #a98154; border-top:0px; padding:20px 20px 10px; min-height:175px; } .section .padd10{padding-left:10px; padding-right:10px;} .contact-us-2 .go-form{display:block; align-items:center;} .contact-us-2 .go-form h2{margin-top:80px;} .center-ver{display: flex;align-items: center;} .title-section-col,.title-section{font-size:33px;} .office-for-rent h1{margin-bottom:40px;} .office-for-rent .title-video{ top: 30%; padding-bottom: 60px; background-size: 50px; } .modal-open .modal{position: fixed;z-index: 99999;} .modal-open .slider-vision .modal-lg { max-width: 980px; } .list-news-home.small_list-news{padding-left:15px; margin-top:35px;} .list-news-home.small_list-news .data-new,.new_other .data-new{display:none;} .pagi{margin:30px auto 0px; text-align:center} .pagi li{margin-right:12px; display:inline-block; list-style:none; padding-left:0px;} .pagi li:before{display:none;} .pagi li .active-page{background:#000000; color:#dfa663;} .pagi li a{background:#282726; color:#dfa663; font-weight:500; padding:5px 10px; text-align:center;border:1px solid #dfa663; border-radius:2px;} .pagi li .first-page,.pagi li .last-page{border:none !important} .new_other .title-section-col{margin:30px auto 25px;} .new_other .view-more {margin-top:15px;} .title-detail{text-align:left; font-size:25px; color:#fff; margin-bottom:15px !important;} .detail-page a{color:#e1c18b} .detail-page-social .data-new{top:0px} .w_footer_sec form input{background:transparent; font-size: 13px;color:#dadada} .w_footer_sec ::-webkit-input-placeholder{color:#dadada; } .w_footer_sec ::-moz-placeholder{color:#dadada;} .w_footer_sec :-ms-input-placeholder{color:#dadada; } .w_footer_sec :-moz-placeholder{color:#dadada; } .w_footer_sec input::placeholder { color: #dadada; opacity: 1; } .w_footer_sec input:-ms-input-placeholder { color: #dadada; } .w_footer_sec input::-ms-input-placeholder { color: #dadada; } .wpcf7 form.sent .wpcf7-response-output { color: #d59e5e; } .regst-form .row{margin-left: 0px; margin-right: 0px;} .regst-form .box-footer { padding-left: 0px;} .regst-form .box-footer p{margin-bottom: 0px;} .w_footer_sec form .col-md-6{padding-left:7px; padding-right:7px;} .w_footer_sec #submit-input{ background: rgba(219,183,127,1); background: -moz-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,183,127,1)), color-stop(11%, rgba(229,195,139,1)), color-stop(23%, rgba(241,211,155,1)), color-stop(27%, rgba(241,212,158,1)), color-stop(32%, rgba(241,214,161,1)), color-stop(42%, rgba(224,195,145,1)), color-stop(59%, rgba(184,132,81,1)), color-stop(75%, rgba(185,134,78,1)), color-stop(90%, rgba(211,156,93,1)), color-stop(100%, rgba(225,168,100,1))); background: -webkit-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -o-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -ms-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: linear-gradient(to right, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb77f', endColorstr='#e1a864', GradientType=1 ); color: #fff; padding: 10px 0px 10px; text-align: center; display:inline-block; margin-top:20px; text-transform:uppercase;font-family: 'Muli-SemiBold'; width: auto; padding: 6px 20px; border:none; cursor:pointer; font-size: 16px; } /********** Footer - HOMEPAGE *******/ .copyright{ background: rgba(219,183,127,1); background: -moz-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,183,127,1)), color-stop(11%, rgba(229,195,139,1)), color-stop(23%, rgba(241,211,155,1)), color-stop(27%, rgba(241,212,158,1)), color-stop(32%, rgba(241,214,161,1)), color-stop(42%, rgba(224,195,145,1)), color-stop(59%, rgba(184,132,81,1)), color-stop(75%, rgba(185,134,78,1)), color-stop(90%, rgba(211,156,93,1)), color-stop(100%, rgba(225,168,100,1))); background: -webkit-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -o-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -ms-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: linear-gradient(to right, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb77f', endColorstr='#e1a864', GradientType=1 ); color: #fff; padding:10px 0px 10px; text-align:center } .copyright p{margin-bottom:0px; text-align:center;} #top { background: url(../images/top.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; height: 30px; top: -2px; position: absolute; right: 15px; width: 30px; background-size: cover; display: block; transition: all ease 0.3s; } .title-ab{color:#cccccc; font-size:22px; margin-bottom:20px; line-height:30px;font-family: 'Muli-Regular';} .hidden-pc{display:none;} /*The Heritage*/ .color63c{color: #d1863c} .sec-heritage{padding: 60px 0px;width: 100%;} .bg-sectione3d{background: #494e3d} .padding-lr-40{padding-left: 40px; padding-right: 40px;} .padding-lr-60{padding-left: 60px; padding-right: 60px;} .padding-lr-80{padding-left: 80px; padding-right: 80px;} .t-aston {font-family: "Aston-Script"; margin-top:30px; font-size: 43px;} .logo-heritage img { width: 550px; } .box-grid-camhung{display: grid ; grid-template-columns: 50% 50%; margin: auto;color: #fff;max-width: 1040px;} .box-grid-camhung.box-camhung2 { grid-template-columns: 47% 53%;} .y-box-her{position: relative; background: #d1863c; padding: 25px 30px; color: #fff;} .y-box-her:after{position: absolute; left: -10px; top: -10px; content: ''; border: 1px solid #fff; width: 100%; height: 100%;} .y-box-her strong{color: #494e3d} .y-box-her p{margin-bottom: 0px;} .cam-hung .t-aston{margin-bottom: 70px;} .box-grid-camhung strong{font-size: 19px; margin-bottom: 10px; display: block; text-align: left;} .des-box-ch strong{color: #d1863c;} .box-grid-camhung.box-camhung2 { margin-top: 30px; align-items: center; } .box-camhung1 .des-box-ch{padding-left: 60px;} .box-camhung2 .des-box-ch{padding-right:70px;} .addpress-heritage .des-add{ display: grid ; grid-template-columns: 42% 58%; margin: 0px auto 30px; max-width: 1040px; color: #fff; } .col1-add-heri{padding-right: 40px;} .col1-add-heri .des-addpress{margin-top: 40px;} .col1-add-heri h2 { text-transform: uppercase; position: relative; font-size: 27px; width: 330px; } .col1-add-heri img{width: 330px; margin: 5px 0px;} .col2-add-heri li{margin-bottom: 5px;} .col1-add-heri h2 span{display: block; text-align: right;} .col1-add-heri h2 span:after { content: ''; position: absolute; left: 0px; bottom: 3px; height: 4px; background: #e5d6ba; width: calc(100% - 150px); } .ldp-theheritage .w-list-loc68:before,.ldp-theheritage .w-list-loc68:after { background: #e5d6ba;width: 17px; height: 17px;} .ldp-theheritage .line-loca{background: #e5d6ba;} .ldp-theheritage .img-item68:before{background: url(../images/ico-dot-location-theheritage.svg) center center no-repeat; top: -16px;} .ldp-theheritage .w-location { padding: 0px 30px; margin-top: 40px;} .ldp-theheritage .item-location{color: #e5d6ba; text-align: center;} .ldp-theheritage .w-list-loc68 { margin-top: 30px;color: #e5d6ba; } .ldp-theheritage .name-loca68 {margin-bottom: 0px;font-size: 19px; line-height: 19px; } .ldp-theheritage .img-item68 img {margin: 25px auto 13px; min-height: 77px;} .ldp-theheritage .img-item68{ min-height:123px; } .sec-design-building { position: relative; } .sec-design-building h2 { position: absolute; top: 100px; left: 80px; text-transform: uppercase; font-family: "Arvo-Bold"; font-size: 40px; z-index: 2; color: #e5d6ba; line-height: 49px; } .overview-theheritage { background: #494e3d; } .w-overv-theheritage{display: grid; grid-template-columns: 43% 57%; color: #fff;} .overview-theheritage .img-overv{background: url(../images/overview-theheri.webp) left bottom no-repeat; position: relative; background-size: cover; width: 100%; border-bottom-right-radius: 120px;} .w-des-heritage .t-aston{color: #e5d6ba; } .w-des-heritage h3{font-family: "Arvo-Bold"; font-size: 35px; position: relative;color: #e5d6ba; padding-bottom:10px; display: inline-block; margin-bottom: 20px;} .w-des-heritage h3:after{content: ''; position: absolute; left: 0px; bottom: 0px; height: 2px; background: #e5d6ba; width: 70%;} .w-des-heritage { padding: 40px 40px 0px 40px; } .w-des-heritage table{width: 100%; margin-top: 40px; margin-bottom: 100px; text-align: left;} .w-des-heritage td{border-bottom: 1px solid #e5d6ba; padding: 8px 0px;} .w-des-heritage tr td:first-child{color: #e5d6ba; padding-right: 5px;} .sec-inspiring-originality{position: relative; background: #494e3d; padding:130px 0px 60px;} .h-inspiring{position: absolute; top: 60px; left: 50%; transform: translateX(-50%);} .sec-inspiring-originality .logo-heritage img { width: 430px; } .sec-inspiring-originality .t-aston { font-family: "Aston-Script"; margin-top: 23px; font-size: 37px; } .h-interiors{ display: grid; grid-template-columns: 40% 60%; color: #d1863c; padding:60px 120px; align-items: center; } .sec-building-interiors .t-aston {color: #e5d6ba;} .sec-building-interiors h3{color: #e5d6ba; padding-left: 40px; font-family: "Arvo-Bold"; padding-bottom: 30px; position: relative;display: inline-block;font-size: 35px;} .sec-building-interiors h3:after{content: ''; position: absolute; left: 40px; bottom: 0px; background: #e5d6ba; width: calc(100% - 40px); height: 3px;} .item-dot{margin-bottom: 0px; padding-left: 0px;} .item-dot li{position: relative; margin-bottom: 5px; padding-left: 12px;} .item-dot li:before{content: '';position: absolute; left: 0px; top: 10px; width: 6px; height: 6px; border-radius: 50%; } .item-dot li:before{background:#d1863c } .sec-great-heritage{position: relative;} .content-center-heritage { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: grid ; grid-template-columns: 50% 50%; color: #e5d6ba; padding: 0px 70px; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1030px; } .content-center-heritage h3{font-family: "Arvo-Bold"; position: relative; margin-bottom: 30px; font-size: 35px;} .content-center-heritage h3:after{content: ''; width: 70px; position: absolute; bottom: 8px; height: 2px; background: #e5d6bb } .des-l-great-heritage{padding-right: 40px;} .des-r-great-heritage{padding-left: 40px;} .des-l-great-heritage h3{padding-left: 70px;} .des-l-great-heritage h3:after { left: 270px;} .des-r-great-heritage h3{padding-left: 90px;} .des-r-great-heritage h3:after { left: 240px;} .item-dot li:before { background: #e5d6bb; } .sec-longlasting .des-l-great-heritage h3 { padding-left: 90px; } .sec-longlasting .des-l-great-heritage h3:after { left: 310px; } .sec-longlasting .des-r-great-heritage h3 { padding-left: 45px; } .sec-longlasting .content-center-heritage { top: 40%;} .sec-esta-heritage .box-esta{ padding: 30px; border: 10px solid #e5d6bb; width: 90%; margin: 50px auto 50px; text-align: center;} .sec-esta-heritage .box-esta h2{font-family: "Arvo-Bold"; color: #e5d6bb;font-size: 45px; margin-bottom: 0px;} .sec-esta-heritage .logo-esta img{width: 320px;} .des-esta-heritage{width: 80%; margin: 30px auto 0px; text-align: center; color: #e5d6bb} .des-esta-heritage h5{color: #d18636;font-family: "Arvo-Bold"; margin-bottom: 20px;} .tienich-heritage table{position: absolute; top: 57%; width: 100%; max-width: 970px; margin: auto; color: #fff; left: 50%; transform: translateX(-50%);} .tienich-heritage td { border-bottom: 1px solid #fff; padding: 8px 55px 8px 0px; text-align: left; } .tienich-heritage tr td:last-child{padding-right: 0px;} .tienich-heritage tr:last-child td{border-bottom: 0px;} .sec-landlord-heritage{padding-bottom: 60px;} .sec-landlord-heritage .t-aston{color: #e5d6ba;} .sec-landlord-heritage h3{font-family: "Arvo-Bold"; font-size: 45px;color: #e5d6ba;} .sec-landlord-heritage .des-r-interiors strong{color: #d18636; margin-bottom: 10px; display: block;} .sec-landlord-heritage li{color: #e5d6ba;} .sec-landlord-heritage .box-img-heri{text-align: center; ma} .box-img-heri img{width: 90%; margin: auto; border: 10px solid #e5d6ba;} .sec-floorplan-heritage h2{color: #e5d6ba;font-family: "Arvo-Bold"; font-size: 45px;} .img-floorpland{width: calc(100% - 20px); margin: 30px auto 0px; background: #e5d6ba; padding: 60px; text-align: center;} .sec-floorplan-heritage h2{padding-left: 50px;} .sec-floorplan-heritage h4{color: #231f20;font-family: "Arvo-Bold"; font-size: 32px; margin-bottom: 0px; margin-top: 35px;} .sec-heritage.floorplan-heritage-t{padding-top: 0px;} .sec-heritage.footer-heritage{padding-top: 0px; min-height: auto;} .footer-heritage h2{color: #e5d6ba;} .footer-heritage h4{color: #e5d6ba;font-family: "Arvo-Bold"; font-size: 32px; text-align: center;} .footer-heritage h5{color: #e5d6ba;font-family: "Arvo-Bold"; font-size: 25px; text-align: center;margin-top: 40px; margin-bottom: 50px;} .w-contact-heritage{position: relative; padding-top: 50px; width: 770px; margin: auto;display: grid ; grid-template-columns: 55% 45%; align-items: center; color: #e5d6ba;} .w-contact-heritage:before{content:''; position: absolute; width: 100%; height: 10px; background:#e5d6ba; left:0px; top:0px; } .w-contact-heritage .contact-68 { max-width: 100%; margin: 0px auto 0px; } .w-contact-heritage .contact-68>*{margin-top: 20px;} .w-contact-heritage .email-68:before,.w-contact-heritage .address-68:before,.w-contact-heritage .website-68:before,.w-contact-heritage .tel-68:before{ width: 59px; height: 68px; background-size: contain !important; } .w-contact-heritage .email-68:before {background: url(../images/ico-email-heri.svg) center center no-repeat;} .w-contact-heritage .address-68:before {background: url(../images/ico-location-heri.svg) center center no-repeat;} .w-contact-heritage .website-68:before{background: url(../images/ico-web-heri.svg) center center no-repeat;} .w-contact-heritage .tel-68:before{background: url(../images/ico-tel-heri.svg) center center no-repeat;} .qrcode-heritage {text-align: right;} .qrcode-heritage img { max-width: 280px; } .partner-heri{ color: #e5d6ba;font-family: "Arvo-Bold"; text-align: center; display: grid ; grid-template-columns: 28% 24% 24% 24%; width: 640px; margin: 70px auto 0px; align-items: center; } .logo-more{width: 80px;} .logo-lmak-heri{width: 70px;} .logo-serepok{width: 100px;} @media screen and (min-width:992px){ } @media screen and (min-width:1200px){ .single-product-page #main-menu,.single-product-detail #main-menu{display: none;} .single-product-page #header,.single-product-detail #header{ background:transparent; } } @media screen and (min-width:1400px){ } @media screen and (min-width:1440px){ .slider_produce_home .slick-prev { left: 20%; } .slider_produce_home .slick-next { right: 20%; } .contact-us { min-height: 343px; margin: 20px 0px 80px; } .control_navi-pro,.wrap_ct_cont p { right: 14%; } .slider-vision .img-vision img { max-height: 540px; } } @media screen and (min-width:1600px){ .w_sld_services { padding: 110px 160px 10px;min-height: 636px; } .slider_produce_home .slick-slide { max-height: 630px;} .slider_produce_home .slick-prev { left: 18%; margin-top: 40px; } .slider_produce_home .slick-next { right: 18%; margin-top: 40px; } .control_navi-pro,.wrap_ct_cont p { right: 7.3%; } .slider_produce_home .slick-slide.slick-active img { min-height: 520px; } .slider_produce_home .slick-slide.slick-active { min-height: 660px; } .slider_produce_home { min-height: 690px;} .descript_product{top: 15%;} .wrap_ct_cont { top: 47px; } .section .padd10 { padding-left: 15px; padding-right: 15px; } .slider-vision .img-vision img { max-height: 450px; } .section-footer { padding: 130px 0px 0px; } .des-product { padding-left: 20px;} } @media screen and (min-width:1680px){ .control_navi-pro, .wrap_ct_cont p { right: 3.3%; } .slider_produce_home { min-height: 720px;} .slider_produce_home .slick-prev { left: 17%; } .slider_produce_home .slick-next { right: 17%; } .slider_produce_home .slick-slide.slick-active { min-height: 720px; } .slider_produce_home .slick-slide { max-height: 680px; } .section-footer { padding: 170px 0px 0px; } .location-68 { padding: 180px 0px;} .w-loca68 { padding: 80px 110px;} .lmak-68-sta .logo-68 { max-width: 170px;} } @media screen and (min-width:1900px){ .container { max-width: 1300px; margin: auto; } #header .main-menu a {font-size: 22px;padding: 0px 22px 15px;} #header .main-menu ul a{ font-size: 15px; } #header .phone-container .text, .phone-container .text{font-size: 24px;} #header .icon-phone, .phone-container .icon-phone {width: 25px;height: 25px;} .control_navi-pro, .wrap_ct_cont p { right: 11.3%; } .slider_produce_home .slick-next { right: 15%; margin-right: 5px; } .slider_produce_home .slick-prev { left: 15%; margin-left: 5px; } .slider_produce_home { min-height: 810px;} .title-section,.title-section-col { font-size: 35px; } .w_sld_services h3 { font-size: 26px; } .w_footer_sec { padding-left: 20%; padding-top: 300px; padding-bottom: 50px; } .slider_produce_home .slick-slide.slick-active { min-height: 810px; } .slider_produce_home .slick-slide { max-height: 740px; } .slider-convergence .desc-per { padding: 0px 82px 20px; } .section.slider-produce {max-width: 1600px; margin:0px auto;} .location-68 { padding: 220px 0px;} .ldp-68 { line-height: 26px;} .building-design { min-height: 1285px;} .imt-td68 { margin: 70px 0px 30px;} .img-item68 img {max-height: 100px;} .bg-contact-lm68 { min-height: 1299px;} .w-contact-heritage {width: 820px;}} .qrcode-heritage img { max-width: 320px; } .logo-serepok { width: 130px; } .logo-lmak-heri { width: 80px; } .logo-more { width: 90px; } .partner-heri {width: 660px;} } @media screen and (min-width:2000px){ .section-footer { padding: 170px 0px 0px; margin: 0px auto; background-size: contain; background-position: center bottom; } } @media screen and (max-width: 1280px) { } @media screen and (min-width:992px) and (max-width:1199px) { .single-product-detail #header .main-menu-container{display: none;} .single-product-detail #header .phone-container {right: 15px;} .slider_produce_home .slick-slide.slick-active img { min-height: 340px; width: 100%; } .slider-convergence .desc-per { padding: 0px 20px 20px; } .w_footer_sec { padding-left: 20%; padding-top: 20px; } .slider_produce_home .slick-slide { margin: 0px 8px; max-height: 470px; } .control_navi-pro,.wrap_ct_cont p {right: 2%;} .slider_produce_home .slick-prev { left: 16.5%; } .slider_produce_home .slick-next { right: 16.5%; } .slider-vision .title-section { top: 33%; padding-bottom: 97px; } .lis-new-small .descript_n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #header .main-menu .menu-hover ul {position: relative; padding-bottom:10px;} .slider_produce_home .slick-slide.slick-active { min-height: 520px; } .slider_produce_home { min-height: 520px; } .btn-act-product { margin: 30px auto 70px !important;} .location-68 { padding: 120px 0px;} .building-68 { min-height: 765px;} .w-building { padding: 60px 80px;} .building-design,.management-68,.lydochon-68,.bg-contact-lm68 { min-height: 955px;} .cont-td { padding-left: 20px;} .imt-td68 { margin: 30px 0px 20px; max-width: 200px;} .ldp-68 li { line-height: 23px;} .cont-td br{display: none;} .cont-td li{text-align: left;} .list-tienich-68 { background-size: 353px;} .w-tienich { padding: 20px 0px 70px 37%;} .contact-68 { max-width: 90%; margin: 30px auto 0px;} .bg-contact-lm68 { padding: 80px 40px 110px;} .padding-lr-80,.addpress-heritage .des-add { padding-left: 60px; padding-right: 60px; } .addpress-heritage .des-add{max-width: 100%;} .h-interiors {grid-template-columns: 45% 55%; padding: 60px 60px;} .content-center-heritage{top: 42%} .tienich-heritage table {top: 52%; width: calc(100% - 60px); max-width: 100%;} .footer-heritage.bg-contact-lm68 { padding: 80px 40px 80px; } .thesing-lead{padding: 50px;} } @media screen and (max-width: 1199px) { #header { background: rgba(0, 0, 0, .5); } #header .logo { width: 42px; } #header .main-menu-container { margin-top: 17px; margin-bottom: 17px; } #header .toggle-menu-container { opacity: 1;float: right;margin-right: 0px; } #header .toggle-menu-container {color: #f6d9a1;} #header .logo-container {width: 90px;height: 97px;} #header .phone-container {right: 24%;top: 24px;} header#header .container:before{display: none;} #header .main-menu li { display: block; text-align: left; overflow: hidden; } #header .main-menu a:after{display:none;} #header .main-menu ul li { padding: 0px 7px; } #header .main-menu .active .item-link { border-bottom:0px; } .mobile-logo-container img{ max-width: 79px; text-align: center; margin: auto; display: block; } #header.open{z-index:9999} /*#header .main-menu ul {position: relative;}*/ #header .main-menu-container .main-menu-wrap { position: fixed; right: 0; left: unset; top: 0; bottom: 0; width: 320px; max-width: 100%; background:rgba(0, 0, 0, .9); transform: translateX(100%); transition: all ease .4s; padding: 75px 15px 50px 15px; z-index: 111; color: #000; } .single-product-detail #header .main-menu-container{display: none;} .single-product-detail #header .phone-container {right: 15px;} #header .main-menu .item-link { color: #000; } #header .main-menu .menu-hover ul {position: relative; padding-bottom:10px;} #header .main-menu-container .main-menu { display: block; padding: 0; margin-top: 50px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; } #header .main-menu .item-link { padding: 5px 0; } #header .overlay-mobile { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, .7); z-index: 11; opacity: 0; pointer-events: none; transition: all ease .4s; } #header .mobile-logo-container { display: block; margin: 0 auto; width: 200px; margin-bottom: 20px; } #header .socials-mobile { display: flex; } #header .socials-mobile .social_f { padding-top: 0px; border-top: none; } #header .socials-mobile a{border-radius:0px} #header .close-btn-mobile { display: flex; position: absolute; top: 0; left: 0; width: 50px; height: 50px; justify-content: center; align-items: center; text-indent:-9999999px; background-color: rgb(0 0 0 / 80%); background-image:url('../images/close-w.svg'); background-size:25px; cursor: pointer; background-repeat: no-repeat; background-position: center; } #header.open .overlay-mobile { opacity: 1; pointer-events: all; } #header.open .main-menu-wrap { transform: translateX(0); padding: 45px 15px 50px 15px; } #header .main-menu .active ul{position:relative; opacity:1;visibility: visible;} #header .main-menu ul { -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -o-transform: translate(0, 0px); transform: translate(0, 0px); background: none; } #header .main-menu ul:before { top: 0px; left: 17px; right: auto; width: 100%; } #header .main-menu ul {padding:11px 0px 15px;} } @media screen and (min-width:768px) and (max-width:979px){ .control_navi-pro,.wrap_ct_cont p { right: 0px; } .slider_produce_home .slick-slide {margin: 0px 7px; max-height: 510px;} .slider_produce_home .slick-prev { left: 1.5%; } header#header .container:before{display: none;} .slider_produce_home .slick-next { right: 1.5%; } .slider-convergence .desc-per { padding: 0px 10px 20px; } .slider-vision .title-section { top: 31%; padding-bottom: 80px; background-size: 70px; } .hot-new,.list-news-home{ width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .list-news-home{padding-left: 15px} .slider-services{overflow:hidden;} .w_footer_sec { padding-left:0%; padding-top: 0px; } #top {right: 15px;} .list-field{padding:0px 15px;} .desc-slide { max-width: 80%; } .d-block { display: inline !important; } .video-ab{margin-bottom:30px;} .col-l-field p { font-size: 17px; padding-right: 0px; } .col-l-field{padding-right: 0px;} .tt1 { max-width: 69px; } .tt2 {max-width: 74px;} .tt3 { max-width: 88px; margin-top: 5px; } .tt4 { max-width: 72px; margin-top: 5px; } .slider-convergence .img-conver { min-height: 90px; } .w-product img { height: 435px;} .left-img,.right-img,.des-list-pro{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .right-img{order: 1} .des-list-pro{order:2} .main-detail-pro ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 15px; } .main-detail-pro .thesing-lead ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;} .map-location iframe{ height: 450px;} .section-footer { background-position: -150px bottom;} .btn-act-product {margin: 30px auto 70px !important;} .w-img-lc {padding: 40px 30px; margin-bottom: 0px !important; } .w-ab-loca {min-height: 640px;} .img-lct-des img{max-width: 100% !important;} .w-img-overv img { max-width: 100%;} .w-img-overv { padding: 40px 10px 20px 30px; margin-bottom: 0px !important; } .the-building-situated, .sec-thesignature-1 { padding: 50px 0px 0px;} .standard img { max-width: 90%;} .location-68 { padding: 80px 0px;} .w-loca68 { padding: 60px 30px; width: 450px;} .w-building { max-width: 100%; padding: 30px 30px;} .building-68,.management-68,.lydochon-68,.bg-contact-lm68 { min-height: 557px;} .building-design {min-height: 715px;} .w-building-de h2 { font-size: 43px; line-height: 50px;} .overview-68 {padding: 60px 15px;} .wimg-inter { padding-left: 15px;} .interior-68 .cont-inter { padding-left: 10px;} .des-why {padding: 30px 60px 40px;} .ldp-68,.des-why { font-size: 18px;} .ldp-68 li{text-align: left;} .imt-td68 { margin: 0px 0px 20px; max-width: 170px; } .cont-td { padding: 10px 15px 15px; } .ldp-68 li br{display: none;} .w-tienich ul li { padding-top: 10px; padding-bottom: 10px; font-size: 17px; padding-left: 0px;} .w-tienich ul li:before { width: 6px; height: 6px; left: -15px; top: 21px; } .list-tienich-68 { background: #073b3a url(../images/bg-tien-ich-68.jpg) -70px bottom no-repeat; background-size: 333px; } .w-tienich ul { padding: 10px 0px 10px 20px;} .w-tienich {padding: 20px 0px 20px 37%;} .w-tienich ul li:nth-child(2){min-height: 73px;} .w-tienich ul li:nth-child(5){min-height:99px; padding-right: 10px} .w-tienich ul li:nth-child(7),.w-tienich ul li:nth-child(9),.w-tienich ul li:nth-child(11),.w-tienich ul li:nth-child(13){padding-right: 10px} .w-lydochon { width: 70%;} .bg-contact-lm68 { min-height: 727px; padding: 50px 40px 40px;} .contact-68 { max-width: 100%; margin: 20px auto 0px; } .address-68 br,.invested-by68 br{display: none;} .managed-by68 { padding:0px 0px 20px;} .h-contact-68 { margin-bottom: 20px;} .website-68, .email-68, .tel-68, .address-68 {margin-top: 20px;} .padding-lr-80 { padding-left: 40px; padding-right: 40px; } .box-camhung1 .des-box-ch { padding-left: 40px; } .box-camhung2 .des-box-ch { padding-right: 40px; } .addpress-heritage .des-add {grid-template-columns: 45% 55%; max-width: 100%; padding: 0px 20px; } .col1-add-heri h2,.col1-add-heri img { width: 300px;} .w-des-heritage { padding: 40px 30px 0px 30px; } .sec-inspiring-originality {padding: 170px 0px 60px; } .h-inspiring{width: 100%} .h-interiors {grid-template-columns: 55% 45%; padding: 60px 30px;} .content-center-heritage { padding: 0px 30px; width: 100%; max-width: 100%; } .content-center-heritage h3:after { width: 60px;} .sec-longlasting .des-l-great-heritage h3 { padding-left: 60px; } .sec-longlasting .des-l-great-heritage h3:after {left: 280px;} .tienich-heritage table { position: relative; top: 0%; width: 100%; max-width: 100%; left: auto; transform: none; margin-top: -43%; } .tienich-heritage td {padding: 8px 35px 8px 0px;} .tb-tienich{padding:0px 30px 40px;background: #424737;} .sec-landlord-heritage .h-interiors { grid-template-columns: 50% 50%; padding: 60px 30px; text-align: left; } .w-contact-heritage { width: 100%; margin: auto; grid-template-columns: 50% 50%; } .qrcode-heritage img { max-width: 270px; } .partner-heri { width: 100%; margin: 60px auto 20px; } .thesing-lead{padding: 50px;} } @media screen and (max-width: 991px) { #header .main-menu .active ul{position:relative;opacity:1;visibility: visible;} header#header .container:before{display: none;} .slider-services{overflow:hidden;} #top {right: 15px;} .list-field .row{margin:0px;} .video-ab{margin-bottom:30px;} .d-block { display: inline !important; } .col-l-field{padding-right: 0px; padding-left: 0px;} .tvanptr{margin-bottom:25px;} .w-product img { height: 435px;} .left-img,.right-img,.des-list-pro{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .thesing-lead{padding: 50px;} .right-img{order: 1} .des-list-pro{order:2} } @media screen and (max-width: 767px) { .container { max-width: none; } #header .logo-white { display: block; } .col-l-field { padding-left: 15px; } #header .logo-container { margin-left: 20px; } #header .main-menu-container { margin-top: 7px; margin-bottom: 8px; } .mobile-logo-container img { max-width: 51px; } #header.sticky .logo { width: 24px; } #header .toggle-menu { margin-left: 10px; } #header .main-menu a { padding: 0px 15px 5px; line-height: 24px; } #header .logo-container { padding: 3px 6px; margin-left: 15px; } #header .degree { top: 6px; font-size: 16px;padding: 5px 24px; } #header.open .main-menu-wrap { padding: 14px 15px 15px 15px; } #header.sticky .main-menu-container { margin-top: 0px; margin-bottom: 0px; } #header .logo { width: 32px; } #header .logo-container:before { display: none; } #header .logo-container { left: 0px;height: 59px; } #header.sticky .logo-container { width: 90px; height: 59px; } #header .phone-container { top: 14px; } #header .toggle-menu { background: transparent !important; } #header .toggle-menu-container { font-size: 14px; } #header .toggle-menu .line { background: #8dc63f !important; } #header .toggle-menu-container { margin-top: -2px;margin-right: -10px; } #header .main-menu-container .main-menu {margin-top: 10px;} .control_navi-pro,.wrap_ct_cont p { right: 0px; } .slider_produce_home .slick-slide .w_produce { max-width: 450px; } .slider_produce_home .slick-prev { left: 1.5%; } .slider_produce_home .slick-next { right: 1.5%; } .section-footer { background-size: contain; } .w_footer_sec { padding-left: 10%; padding-top: 0px; } .desc-slide { max-width: 80%; } .slider_produce_home { min-height: 540px; } .slider_produce_home .slick-slide.slick-active { min-height: 540px; } .slider_produce_home .slick-slide { max-height:480px; } .col-l-field p { padding-right: 15px;font-size: 16px; } .hidden-xs{display:none;} .hidden-pc{display:block;} .list-news-cat .hot-new img { position: relative; height:auto; } .hot-new-big{margin-top:20px;} .w_converg { margin-bottom: 15px; } .slogan-slide h1 { font-size: 21px; } .list-news-home.small_list-news .data-new, .new_other .data-new { display: block; } .slider-top-page .slogan-slide { top: 40%; } .detail-page-social{display:none;} .title-detail { font-size: 22px; } .main-detail-pro .info-pro li {margin-bottom: 11px;} .w-img-lc {padding: 40px 30px; margin-bottom: 0px !important; } .w-ab-loca {min-height: 640px;} .img-lct-des img{max-width: 100% !important;} .w-img-overv img { max-width: 100%;} .w-img-overv { padding: 40px 10px 20px 30px; margin-bottom: 0px !important; } .the-building-situated, .sec-thesignature-1 { padding: 50px 0px 0px;} .standard img { max-width: 90%;} .location-68 { padding: 70px 0px;} .w-loca68 { padding: 60px 30px; width: 360px;} .ldp-68 { font-size: 18px;} .ldp-68 li{text-align: left;} .w-building { max-width: 100%; padding: 30px 30px;} .building-68 { min-height: 565px;} .building-design { min-height: 735px;} .w-building-de h2 { font-size: 40px; line-height: 47px;} .overview-68 {padding: 60px 0px;} .interior-68 .cont-inter { padding-left: 0px;} .imt-td68 { margin: 20px 0px 20px; max-width: 180px; } .cont-td { padding-left: 15px;} .management-68 { min-height: 535px;} .w-tienich { padding: 0px 0px 0px 0px; } .list-tienich-68 {background: #073b3a} .w-tienich ul li{padding-right: 5px;} .w-tienich ul li br,.managed-by68 br,.invested-by68 br{display: none;} .lydochon-68 { min-height: 730px;} .w-lydochon { width: 70%;} .img-item68 img { max-height: 80px;} .contact-68 { max-width: 100%;} .bg-contact-lm68 { padding: 130px 40px 20px; min-height: 929px; } .h-contact-68 { margin-bottom: 30px;} .managed-by68 { padding: 10px 0px 20px;} .des-why { max-width: 100%; margin: 0px auto 30px;} .bg-contact-lm68{ background: rgb(198,155,143); min-height: auto; padding: 20px; background: -moz-linear-gradient(54deg, rgba(198,155,143,1) 0%, rgba(245,220,199,1) 20%, rgba(197,144,133,1) 59%, rgba(206,153,141,1) 74%, rgba(172,119,111,1) 83%, rgba(209,163,153,1) 100%); background: -webkit-linear-gradient(54deg, rgba(198,155,143,1) 0%, rgba(245,220,199,1) 20%, rgba(197,144,133,1) 59%, rgba(206,153,141,1) 74%, rgba(172,119,111,1) 83%, rgba(209,163,153,1) 100%); background: linear-gradient(54deg, rgba(198,155,143,1) 0%, rgba(245,220,199,1) 20%, rgba(197,144,133,1) 59%, rgba(206,153,141,1) 74%, rgba(172,119,111,1) 83%, rgba(209,163,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c69b8f",endColorstr="#d1a399",GradientType=1); } .w-footer-68{ background: #0f3b3f url(../images/bg-contact-l68-mb.jpg) center bottom no-repeat; background-size: cover; position: relative; padding: 30px 20px; } .regst-form .box-footer { margin-bottom: 10px; padding-right: 0px;} .regst-form .box-footer.wp-catcha{margin-top: 0px; margin-bottom: 0px;} .padding-lr-80 { padding-left: 40px; padding-right: 40px; } .box-camhung1 .des-box-ch { padding-left: 40px; } .box-camhung2 .des-box-ch { padding-right: 40px; } .addpress-heritage .des-add {grid-template-columns: 45% 55%; max-width: 100%; padding: 0px 20px; } .col1-add-heri h2,.col1-add-heri img { width: 300px;} .w-des-heritage { padding: 40px 30px 0px 30px; } .sec-inspiring-originality {padding: 170px 0px 60px; } .h-inspiring{width: 100%} .h-interiors {grid-template-columns: 55% 45%; padding: 60px 30px;} .content-center-heritage { padding: 0px 30px; width: 100%; max-width: 100%; } .content-center-heritage h3:after { width: 60px;} .sec-longlasting .des-l-great-heritage h3 { padding-left: 60px; } .sec-longlasting .des-l-great-heritage h3:after {left: 280px;} .tienich-heritage table { position: relative; top: 0%; width: 100%; max-width: 100%; left: auto; transform: none; margin-top: -43%; } .tienich-heritage td {padding: 8px 35px 8px 0px;} .tb-tienich{padding:0px 30px 40px;background: #424737;} .sec-landlord-heritage .h-interiors { grid-template-columns: 50% 50%; padding: 60px 30px; text-align: left; } .w-contact-heritage { width: 100%; margin: auto; grid-template-columns: 50% 50%; } .qrcode-heritage img { max-width: 270px; } .partner-heri { width: 90%; margin: 60px auto 20px; grid-template-columns: 25% 25% 25% 25%; } .sec-heritage.footer-heritage,.sec-heritage.footer-heritage .w-footer-68 {background: #494e3d; } .sec-heritage.footer-heritage .w-footer-68{padding: 0px; } .sec-floorplan-heritage h2 {font-size: 38px; padding-left:40px } .sec-floorplan-heritage { padding-bottom: 40px; } .w-list-thes{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} } @media screen and (max-width: 575px) { #header .main-menu-container .main-menu-wrap { padding: 50px 15px 15px 15px; display: flex; flex-direction: column; } #header .main-menu-container .main-menu { margin-top: 20px; margin-bottom: 10px; } .contact-ldp{padding: 0px 15px;} .contact-ldp img{max-width: 100%;} .thesing-lead { padding: 50px 15px; } .main-detail-pro .title-radiant{font-size: 30px;} .main-detail-pro .title-sradiant{font-size: 28px; line-height: 35px;} .w-list-thes { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .building-achieved-thesing-lead { padding: 0px; } .main-detail-pro .thesing-lead ul { padding-left: 15px; } } /*Mobile Đứng*/ @media screen and (max-width: 480px) and (orientation : portrait) { .container { max-width: none; } #header .mobile-logo-container { width: 200px; margin:-35px auto 0px; } .single-product-detail #header .main-menu-container{display: none;} .single-product-detail #header .phone-container {right: 15px;} #header .main-menu .item-link { height: auto; font-size: 19px; line-height: 26px; } .mobile-logo-container img { max-width: 75px; } .slider-convergence { margin-top: 0px; } #header .socials-mobile { display: block; margin-bottom: 0px; } #header .socials-mobile .social_f{margin-bottom: 0px;} .slider-top{ margin-top:60px; } .single-product-page .slider_banner .slick-slide,.single-product-detail .slider_banner .slick-slide{ zoom: 1.15; -moz-transform: scale(1.15); -moz-transform-origin:right bottom; -o-transform: scale(1.15); -o-transform-origin: right bottom; -webkit-transform: scale(1.15); -webkit-transform-origin: right bottom; transform: scale(1.15); transform-origin: right bottom; } #header .phone-container { right: 31%; } .slogan-slide {top: 34%;font-size: 19px;} .slogan-slide span { font-size: 14px; } .slider_produce_home .slick-prev { left: 0px; } .slider_produce_home .slick-next { right:0px; } .slider_produce_home .slick-slide.slick-active img { min-height: auto; } .descript_product { position: relative; top: 0%; left: 0%; } .main-detail-pro .slide-pro .slick-arrow,.slide-utilities .slick-arrow{margin-top:-30px; } .wrap_ct_cont { display: none; } .w_converg{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;margin-bottom: 20px; } .slider-convergence .desc-per { padding: 0px 0px 20px; } .slider-vision .title-section { top: 30%; padding-bottom: 42px; background-size: 40px; } .slider-services{background:none; padding-bottom: 15px;} .w_sld_services { max-width: 100%; margin: auto 15px; padding: 30px 45px 10px; margin-top: 0px; min-height: auto; background-size: auto; background: rgba(219,183,127,1); background: -moz-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,183,127,1)), color-stop(11%, rgba(229,195,139,1)), color-stop(23%, rgba(241,211,155,1)), color-stop(27%, rgba(241,212,158,1)), color-stop(32%, rgba(241,214,161,1)), color-stop(42%, rgba(224,195,145,1)), color-stop(59%, rgba(184,132,81,1)), color-stop(75%, rgba(185,134,78,1)), color-stop(90%, rgba(211,156,93,1)), color-stop(100%, rgba(225,168,100,1))); background: -webkit-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -o-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: -ms-linear-gradient(left, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); background: linear-gradient(to right, rgba(219,183,127,1) 0%, rgba(229,195,139,1) 11%, rgba(241,211,155,1) 23%, rgba(241,212,158,1) 27%, rgba(241,214,161,1) 32%, rgba(224,195,145,1) 42%, rgba(184,132,81,1) 59%, rgba(185,134,78,1) 75%, rgba(211,156,93,1) 90%, rgba(225,168,100,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb77f', endColorstr='#e1a864', GradientType=1 ); } .w_sld_services .slick-prev { margin-left: -63px; } .w_sld_services .slick-next { margin-right:-63px; } .title-section,.title-section-col{font-size:22px;} .w_sld_services h3 { font-size: 18px; margin: 0px 0px 15px; } .footer_w{ margin-left: 0px; padding-bottom: 150px; } .w_footer_sec { padding-left: 0%; } .section-footer { padding: 0px 0px 0px; } #header.sticky .phone-container { top: 6px; } #header .phone-container .text, .phone-container .text { font-size: 20px; } .list-news-home { padding-left: 15px; } .main-detail-pro h2, .main-detail-pro h3, .main-detail-pro h4 { line-height: 30px;} .map-location iframe{height: 420px;} .slider-top-page { margin-top: 60px; } .slider-top-page .desc-slide { font-size: 12px;max-width: 100%; padding-right: 15px; } .section-field { padding: 15px 0px; } .w_field { padding: 20px 25px 10px; margin-right: 15px; margin-bottom:15px; width: calc((100% / 1) - 0px); -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; } .w_field:nth-child(2),.w_field:nth-child(4){margin-right:0px;} .slider_produce_home .slick-slide { max-height: none; } .d-block { display: inline !important; } .contact-us { min-height: 153px; } .contact-us a {font-size: 17px;padding: 7px 11px;} .office-for-rent{background-repeat:no-repeat;} .office-for-rent .padd10{margin-bottom:15px;} .contact-us-2 .go-form h2 { margin-top: 16px; font-size: 13px; line-height: 19px; } .video-ab a{position:relative;} .office-for-rent .title-video { top: 0%; margin-top:-30px; } .title-ab { font-size: 18px; line-height: 23px; } .contact-us:before {left: 0px;} .slider-produce .title-section-col {padding:0px 40px; line-height: 28px; margin-bottom:0px;} .title-section-col{line-height:28px;} .office-for-rent .title-section-col{padding:0px 20px;} .slider-top-page .slogan-slide { top: 20%; } .list-prod { padding: 50px 20px;} .w-product img { height: 255px;} .title-pro { margin: 20px 0px 20px; font-size: 27px;} .regst-form .row{margin:0px} .w-img-lc {padding: 20px 15px;} .img-loc {position: relative; min-height: 370px; width: 100%; } .w-map-lct img{max-width: 100% !important} .img-overv { width: 100%; height: 100%; position: relative; left: 0px; top: 0px; border-bottom-right-radius: 0px; min-height: 490px; background-position: left bottom; } .w-img-overv img { max-width: 100%; } .w-img-overv { padding: 10px 15px; margin-bottom: 20px !important; } .w-des-overv { width: 100%; float: none; position: relative; } .w-img-lc img { max-width: 100%; } .w-des-lo {width: 100%;} .single-product-page .contact-ldp,.single-product-detail .contact-ldp{ margin: 70px auto 60px !important; } .single-product-page .contact-ldp img,.single-product-detail .contact-ldp img{max-width: 100%;} .img-lct-mb,.visib-mb{display: block !important;} .img-lct-des,.hidd-mb{display: none;} .w-ab-overv{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-bottom: 0px !important; } .img-overv{order: 2;margin-bottom: 0px !important;} .w-des-overv{order: 1;} .single-product-page .the-building-situated.relative,.single-product-detail .the-building-situated.relative{padding-top: 30px !important} .the-building-situated, .sec-thesignature-1 { padding: 30px 15px 0px;} .building-inter .title{max-width: 250px; } .esta-team-design .title{max-width: 180px;} .best-facilities .title{max-width: 200px;} .standard .title{max-width: 250px;} .esta-team-design .title.title-esta-team{max-width:210px; margin-top: 20px;} .relative .title{margin: 0px auto 30px;} .img-mart{margin-top: 20px;} .standard img { max-width: 100%; } .single-product-page .sec-thesignature-1.standard{padding-top: 0px !important} .single-product-page .contact-ldp img{max-width: 90%;} .des-sl { padding: 10px 0px; font-size: 20px; max-width: 100%;} .des-sl br{display: none;} .head-wh {padding: 20px 30px 10px; width: 100%; margin: 60px auto 30px; max-width: 100%; min-height: 250px;} .head-wh .title { font-size: 32px; margin-bottom: 25px; margin-bottom: 9px;} .head-wh .logo-wh { max-width: 34px; margin-bottom: 10px;} .des-why { max-width: 100%; margin: 0px auto 30px; padding: 10px 30px 40px 20px; background-size: 117px; } .ldp-68 { font-size: 17px;} .location-68 { padding: 30px 0px;} .w-loca68 { padding: 40px 11px; width: 90%;} .w-building { padding: 30px 20px; line-height: 21px;} .building-design { min-height: 410px;} .w-building-de h2 { font-size: 30px; line-height: 35px;} .w-building-de { left: 13%; bottom:9%;} .title-ov {font-size: 28px; width: 300px; line-height: 34px;} .title-sm {font-size: 28px;line-height: 38px;} .title-ov { width: auto;} .cont-over.center-ver { display: block;} .overview-68 .img-ov{order: 2} .overview-68 .cont-over{order:1; margin-bottom: 20px;} .des-l68 { width: 100%; margin: 40px auto 40px; padding: 0px 20px; } .des-l68 br,.ldp-68 li br,.des-management br,.w-tienich ul li br{display: none;} .wimg-inter { max-width: 100%; padding-left: 15px; text-align: center; display: block; margin-bottom: 30px; } .wimg-inter img{max-width:70%;} .cont-td{margin: auto;} .imt-td68 { margin: 20px auto 20px; max-width: 204px; text-align: center; } .td-1,.ficiliti-2{order:1;} .td-2,.ficiliti-1{order:2;} .td-3,.ficiliti-4{order:4;} .td-4,.ficiliti-3{order:3;} .w-management { left: 0%; bottom: 10%; width: 100%; padding: 0px 20px; } .w-management .title-sm { line-height: 38px; margin-bottom: 24px; } .w-tienich ul { padding: 20px 0px; } .w-tienich ul li { padding-top: 13px;} .w-tienich ul li:before { left: 3px; top: 22px;} /*.w-tienich ul li:nth-child(4){min-height: 98px;} */ .w-tienich ul li:nth-child(9){min-height: 144px;} .w-tienich ul li:nth-child(12){min-height: 121px;} .w-tienich ul li:nth-child(2n + 1){clear: both;} .w-lydochon { width: 100%; padding: 0px 15px;} .location-lm68 { padding: 20px;} .location-lm68 .item-68{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0px;} .img-item68 img { max-height: 54px; margin: 25px auto 20px;} .name-loca68 { font-size: 19px;min-height: 40px;} .img-item68:before { top: -14px; width: 23px; height: 23px; } .title-cont68 img { max-width: 290px; } .bg-contact-lm68 {padding: 15px;} .website-68:before,.email-68:before,.tel-68:before,.address-68:before { width: 50px; height: 59px; } .website-68, .email-68, .tel-68, .address-68 { padding-left: 70px;margin-top: 15px;} .w-footer-68 { padding: 30px 20px 60px;} .ldp-68 li { margin-bottom: 8px; line-height: 23px;} .contact-68 div{padding-right: 0px; text-align: left;} .contact-68 div br{display: none;} .why-choose { padding-bottom: 10px;} .ldp-68 ul{padding-left: 25px;} .interior-68 .cont-inter { padding-left: 15px;} .ldp-68 .w-tienich ul{padding-left: 0px} .overview-68 .w-head68 {padding: 0px 15px 10px;} .v-mb-urban{display: block;} .v-pc-urban{display: none;} .padding-lr-80 { padding-left: 20px; padding-right: 20px; } .t-aston {font-size: 33px; } .box-grid-camhung { grid-template-columns: 100% 100%; max-width: 100%; display: block;} .box-camhung1 .des-box-ch { padding-left: 0px; margin-top:15px;} .box-camhung2 .des-box-ch { padding-right: 0px; margin-bottom:35px; } .logo-heritage img { width: 100%; } .addpress-heritage .des-add { grid-template-columns: 100% 100%; max-width: 100%; padding: 0px 20px; display: block; } .addpress-heritage .col2-add-heri ul{padding-left: 0px; margin-top: 30px;} .addpress-heritage.sec-heritage{padding-top: 0px; padding-bottom: 0px;} .ldp-theheritage .img-item68:before {top: -13px; } .addpress-heritage .item-68 { margin-bottom: 40px; } .sec-design-building h2 { top: 80px; left: 0px; padding-left: 40px;font-size: 37px;line-height: 45px;} .w-overv-theheritage { display: block; grid-template-columns: 100% 100%; text-align: left; } .sec-inspiring-originality .logo-heritage img { width: 310px; } .sec-inspiring-originality .t-aston { font-family: "Aston-Script"; margin-top: 21px; font-size: 31px; } .h-inspiring {top: 30px;} .sec-inspiring-originality { padding: 170px 0px 30px; } .h-interiors { grid-template-columns: 100% 100%; padding: 30px 30px; display: block; } .des-r-interiors { margin-top: 30px; } .content-center-heritage { padding: 0px 30px; width: 100%; max-width: 100%; position: relative; display: block; grid-template-columns: 100% 100%; top: 0px; transform: none; left: 0px; } .des-r-great-heritage { padding-left: 0px; margin-top: 50px; margin-bottom: 30px; } .sec-great-heritage,.sec-longlasting {background: #494e3d; } .sec-longlasting .content-center-heritage { top: 0%; margin-top: 50px;} .sec-esta-heritage .logo-esta img { width: 290px; } .sec-esta-heritage .box-esta {border: 8px solid #e5d6bb;} .sec-esta-heritage .box-esta h2 {font-size: 37px;} .des-esta-heritage { width: 100%;padding: 0px 15px; } .tienich-heritage td { padding: 8px 15px 8px 0px; } .sec-landlord-heritage h3 {font-size: 40px;} .sec-landlord-heritage { padding-bottom: 30px; } .sec-floorplan-heritage h2 { font-size: 35px; padding-left: 20px; } .img-floorpland {padding: 30px 10px;} .sec-floorplan-heritage h4 { font-size: 22px; margin-top: 25px; } .w-contact-heritage { grid-template-columns: 100% 100%; display: block; padding-top: 40px; } .qrcode-heritage { text-align: center; margin-top: 40px; } .partner-heri { width: 100%;} .logo-more { width: 70px; } .logo-lmak-heri { width: 60px; } .logo-serepok { width: 90px; } .w-contact-heritage:before{height: 8px;} .col1-add-heri { padding-right: 0px; } .w-des-heritage table {margin-bottom: 30px; margin-top: 20px;} .des-l-great-heritage { padding-right: 0px;} .footer-heritage h5 { font-size: 22px; margin-bottom: 39px; } .footer-heritage .contact-68 div br {display: block; } .overview-theheritage .img-overv {min-height: 790px;} .ldp-theheritage .name-loca68 { font-size: 18px; line-height: 22px; } .ldp-theheritage .img-item68 img {max-width: 120px; } .ldp-theheritage .w-location {padding: 0px 10px;} } @media screen and (max-width:380px) { #header .main-menu .item-link { font-size: 19px; } .head-wh .title { font-size: 25px;} .des-why { margin: 0px auto 30px; padding: 10px 30px 40px 10px; text-align: justify; } .w-building { line-height: 21px; padding: 30px 0px; } .des-why,.ldp-68 { font-size: 17px;} .w-building-de { left: 9%; bottom: 11%; } .w-tienich ul li:nth-child(12){min-height: 144px;} .title-rea { font-size: 21px;} .name-loca68 { font-size: 17px;} .bg-contact-lm68 { padding: 10px;} .t-aston,.sec-inspiring-originality .t-aston { font-size: 29px; } .addpress-heritage .item-68 { margin-bottom: 30px; } .sec-design-building h2 {font-size: 33px; line-height: 42px; } .sec-building-interiors h3{font-size: 31px;} .sec-longlasting .des-l-great-heritage h3 { padding-left: 45px; } .sec-longlasting .des-l-great-heritage h3:after { left: 265px; } .sec-esta-heritage .logo-esta img { width: 240px; } .sec-esta-heritage .box-esta h2 { font-size: 31px; } .tb-tienich { padding: 0px 10px 30px; } .sec-landlord-heritage .h-interiors {padding: 40px 20px 20px;} .sec-floorplan-heritage h2 { font-size: 30px;margin-bottom: 0px; } .img-floorpland { padding: 30px 10px; margin-top: 20px; } .sec-landlord-heritage { padding-bottom: 0px; } .footer-heritage h4 { font-size: 27px; } .footer-heritage h5 { font-size: 19px;} .logo-more { width: 60px; } .logo-lmak-heri { width: 50px; } .logo-serepok { width: 80px; } .overview-theheritage .img-overv { min-height: 730px; } } @media screen and (max-width: 365px) { #header .logo-container { width: 80px; height: 120px; } #header .main-menu .item-link { font-size: 17px; line-height: 22px; } .mobile-logo-container img { max-width: 100px; } #header .close-btn-mobile { width: 40px; height: 40px; background-size: 23px; } .w-product img { height: 215px;} .title-pro { font-size: 22px;} .head-wh .title { font-size: 23px;} .w-tienich ul li { padding-top: 13px; width: 100%; float: none; padding: 5px 0px 5px 20px; height: auto; min-height: auto !important; } .w-tienich ul li:before { width: 6px; height: 6px; left: -5px; top: 14px; } .t-aston, .sec-inspiring-originality .t-aston { font-size: 27px; } .sec-design-building h2 { font-size: 30px; line-height: 39px; top: 50px; } .overview-theheritage .img-overv { min-height: 690px; } .sec-building-interiors h3 { font-size: 29px; padding-bottom: 20px; } .des-l-great-heritage h3,.des-r-great-heritage h3 { padding-left: 40px; font-size: 31px; } .des-l-great-heritage h3:after { left: 220px; } .des-r-great-heritage h3:after { left: 175px; } .sec-longlasting .des-l-great-heritage h3:after { left: 238px; } .sec-longlasting .des-r-great-heritage h3:after { left: 215px;} .footer-heritage .contact-68 div br { display: none; } } @media screen and (max-width: 330px) { #header.sticky .phone-container { display:none; } .w_field { padding: 20px 25px 10px; margin-right: 0px; margin-bottom:15px; width: 100%; } #header .phone-container { display: none; } .building-design { min-height: 320px;} .w-building-de h2 { font-size: 21px; line-height: 25px;} .w-building-de { left: 12%;} .title-sm { font-size: 25px; line-height: 35px; } .t-aston, .sec-inspiring-originality .t-aston { font-size: 24px; } .col1-add-heri h2, .col1-add-heri img { width: 270px; } .sec-design-building h2 { font-size: 27px; line-height: 33px; top: 33px; padding-left: 25px; } .overview-theheritage .img-overv { min-height: 610px; } .w-des-heritage { padding: 40px 15px 0px 15px; } .h-interiors {padding: 30px 20px;} .content-center-heritage h3:after { width: 40px; } .tienich-heritage td { padding: 7px 10px 7px 0px; font-size: 15px; } .sec-esta-heritage .box-esta h2 { font-size: 27px; } }