@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); html { font-size: 15px; } body { font-family: 'Roboto', sans-serif; background-color: #fff; font-size: 15px; font-size: 1rem; -webkit-font-smoothing: antialiased; overflow-x: hidden; } @media (max-width: 767px) { body { font-size: 14px; } } p { color: #333; line-height: 1.7em; } h1, h2, h3, h4, h5, h6 { color: #2a2a2a; } ul { padding-left: 0; margin: 0; } a { text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } a:hover, a:focus { text-decoration: none; } img { max-width: 100%; height: auto; } .owl-carousel .owl-item img { width: auto; } button:focus { outline: none; } .pt-7 { padding-top: 70px; } .pb-7 { padding-bottom: 70px; } .page-wrapper { position: relative; overflow: hidden; } .box-style { padding: 0 60px; } @media (max-width: 1199px) { .box-style { padding: 0 35px; } } @media (max-width: 991px) { .box-style { padding: 0 20px; } } @media (max-width: 767px) { .box-style { padding: 0 10px; } } .wow { visibility: hidden; } .fi:before { margin: 0; } .section-padding { padding: 110px 0; } @media (max-width: 991px) { .section-padding { padding: 100px 0; } } @media (max-width: 767px) { .section-padding { padding: 50px 0; } } .mouse-follower { background-color: rgba(206, 224, 2, 0.2); position: absolute; color: white; width: 25px; height: 25px; border: 1px solid #cee002; z-index: 999999; border-radius: 50%; pointer-events: none; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; transition: all 0.1s; } .mr-bt-0 { margin-bottom: 0 !important; } .contact-validation-active .error-handling-messages { margin-top: 15px; } .contact-validation-active label.error { color: red; font-size: 0.93333rem; font-weight: normal; margin: 5px 0 0 0; text-align: left; display: block; } .contact-validation-active #loader { display: none; position: relative; top: 10px; } .contact-validation-active #loader i { font-size: 26px; font-size: 1.73333rem; color: #cee002; display: inline-block; -webkit-animation: rotating linear 2s infinite; animation: rotating linear 2s infinite; } .contact-validation-active #success, .contact-validation-active #error { width: 100%; color: #fff; padding: 5px 10px; font-size: 16px; text-align: center; display: none; } @media (max-width: 767px) { .contact-validation-active #success, .contact-validation-active #error { font-size: 15px; } } .contact-validation-active #success { background-color: #009a00; border-left: 5px solid green; margin-bottom: 5px; } .contact-validation-active #error { background-color: #ff1a1a; border-left: 5px solid red; } .mfp-wrap { background-color: rgba(0, 0, 0, 0.9); z-index: 99999; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .fancybox-overlay { background: rgba(0, 0, 0, 0.9); z-index: 9999 !important; } .fancybox-wrap { z-index: 99999 !important; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 5s alternate infinite; animation: rotating 5s alternate infinite; } .section-title, .section-title-s4 { padding-left: 70px; position: relative; margin-bottom: 55px; margin-top: -2px; } @media (max-width: 767px) { .section-title, .section-title-s4 { padding-left: 0; margin-bottom: 45px; } } .section-title > span, .section-title-s4 > span { font-size: 16px; font-size: 1.06667rem; font-weight: 500; color: #777676; position: relative; text-transform: uppercase; letter-spacing: 5px; position: relative; margin-top: -0.31em; display: inline-block; } @media (max-width: 991px) { .section-title > span, .section-title-s4 > span { font-size: 14px; font-size: 0.93333rem; } } @media (max-width: 767px) { .section-title > span, .section-title-s4 > span { letter-spacing: 2px; } } .section-title > span:after, .section-title-s4 > span:after { content: ""; background: #d3d3d3; width: 50px; height: 1px; position: absolute; right: -60px; top: 12px; } .section-title h2, .section-title-s4 h2 { font-size: 48px; font-size: 3.2rem; font-weight: bold; position: relative; text-transform: uppercase; margin: 0.31em 0 0; } @media (max-width: 991px) { .section-title h2, .section-title-s4 h2 { font-size: 42px; font-size: 2.8rem; } } @media (max-width: 767px) { .section-title h2, .section-title-s4 h2 { font-size: 35px; font-size: 2.33333rem; } } .section-title > span, .section-title-s4 > span, .section-title h2, .section-title-s4 h2 { position: relative; z-index: 2; } .section-title .transparent-text, .section-title-s4 .transparent-text { font-size: 125px; font-size: 8.33333rem; font-weight: bold; color: #f1f2f2; line-height: 0.8em; text-transform: uppercase; position: absolute; left: 0; top: -3px; right: 0; } @media (max-width: 991px) { .section-title .transparent-text, .section-title-s4 .transparent-text { font-size: 110px; font-size: 7.33333rem; } } @media (max-width: 767px) { .section-title .transparent-text, .section-title-s4 .transparent-text { font-size: 60px; font-size: 4rem; } } .section-title-s2 { position: relative; margin-bottom: 85px; text-align: center; } @media (max-width: 991px) { .section-title-s2 { margin-bottom: 75px; } } @media (max-width: 767px) { .section-title-s2 { margin-bottom: 65px; } } .section-title-s2 h2 { font-size: 48px; font-size: 3.2rem; font-weight: bold; position: relative; text-transform: uppercase; margin: 0; padding-top: 0.6em; position: relative; z-index: 2; } @media (max-width: 991px) { .section-title-s2 h2 { font-size: 42px; font-size: 2.8rem; } } @media (max-width: 767px) { .section-title-s2 h2 { font-size: 35px; font-size: 2.33333rem; padding-top: 0.4em; padding-top: 0.15em; } } .section-title-s2 .transparent-text { font-size: 125px; font-size: 8.33333rem; font-weight: bold; color: #f1f2f2; line-height: 0.8em; text-transform: uppercase; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 991px) { .section-title-s2 .transparent-text { font-size: 110px; font-size: 7.33333rem; } } @media (max-width: 767px) { .section-title-s2 .transparent-text { font-size: 60px; font-size: 4rem; } } .section-title-s3 { margin-bottom: 40px; } .section-title-s3 > span { font-size: 16px; font-size: 1.06667rem; font-weight: 500; color: #777676; position: relative; text-transform: uppercase; letter-spacing: 5px; position: relative; } @media (max-width: 991px) { .section-title-s3 > span { font-size: 14px; font-size: 0.93333rem; } } @media (max-width: 767px) { .section-title-s3 > span { letter-spacing: 2px; } } .section-title-s3 h2 { font-size: 24px; font-weight: 500; position: relative; text-transform: uppercase; margin: 0.21em 0 0; font-family: 'Roboto Condensed'!important; } @media (max-width: 991px) { .section-title-s3 h2 { font-size: 42px; font-size: 2.8rem; } } @media (max-width: 767px) { .section-title-s3 h2 { font-size: 35px; font-size: 2.33333rem; } } .section-title-s4 { text-align: center; padding-left: 0; } .section-title-s4 .transparent-text { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-title-s4 > span:after { display: none; } .theme-btn, .theme-btn-s3, .theme-btn-s4 { height: 50px; line-height: 47px; font-size: 16px; font-size: 1.06667rem; color: #fff; border: 2px solid #cee002; padding: 0 30px; text-transform: uppercase; letter-spacing: 3px; display: inline-block; border-radius: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 991px) { .theme-btn, .theme-btn-s3, .theme-btn-s4 { height: 45px; line-height: 40px; font-size: 15px; font-size: 1rem; padding: 0 20px; } } @media (max-width: 767px) { .theme-btn, .theme-btn-s3, .theme-btn-s4 { height: 40px; line-height: 35px; font-size: 14px; font-size: 0.93333rem; padding: 0 18px; } } .theme-btn:hover, .theme-btn-s3:hover, .theme-btn-s4:hover { background-color: #cee002; color: #fff; } .theme-btn-s2 { font-size: 14px; font-weight: 300; color: #6b6b6b; padding-right: 25px; position: relative; } @media (max-width: 991px) { .theme-btn-s2 { font-size: 15px; font-size: 1rem; } } @media (max-width: 767px) { .theme-btn-s2 { font-size: 14px; font-size: 0.93333rem; } } .theme-btn-s2:hover { color: #cee002; } .theme-btn-s3, .theme-btn-s4 { color: #676767; font-weight: 500; padding: 0 28px; letter-spacing: 1px; } @media (max-width: 767px) { .theme-btn-s3, .theme-btn-s4 { padding: 0 20px; } } .theme-btn-s4 { background-color: transparent; font-size: 14px; font-size: 0.93333rem; padding: 0 25px; } @media screen and (min-width: 992px) { .theme-btn-s4 { height: 45px; line-height: 42px; } } .form input, .form textarea, .form select { border-color: #bfbfbf; border-radius: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; color: #595959; } .form input:focus, .form textarea:focus, .form select:focus { border-color: #cee002; -webkit-box-shadow: 0 0 5px 0 #eafd18; -moz-box-shadow: 0 0 5px 0 #eafd18; -o-box-shadow: 0 0 5px 0 #eafd18; -ms-box-shadow: 0 0 5px 0 #eafd18; box-shadow: 0 0 5px 0 #eafd18; } .form ::-webkit-input-placeholder { font-style: 14px; font-style: italic; color: #595959; } .form :-moz-placeholder { font-style: 14px; font-style: italic; color: #595959; } .form ::-moz-placeholder { font-style: 14px; font-style: italic; color: #595959; } .form :-ms-input-placeholder { font-style: 14px; font-style: italic; color: #595959; } .form select { font-style: italic; background: url(https://dienthienan.com.vn/my_thienan/assets/images/select-icon.png) no-repeat right center; display: inline-block; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; cursor: pointer; } .form select::-ms-expand { display: none; } .page-title { background: url("https://dienthienan.com.vn/my_thienan/assets/images/page-title.jpg") center center/cover no-repeat local; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 500px; text-align: center; position: relative; } @media (max-width: 991px) { .page-title { height: 280px; } } .page-title:before { content: ""; background: -webkit-linear-gradient(top, #0a172b 55%, #cee002); background: -moz-linear-gradient(top, #0a172b 55%, #cee002); background: -o-linear-gradient(top, #0a172b 55%, #cee002); background: -ms-linear-gradient(top, #0a172b 55%, #cee002); background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #0a172b), to(#cee002)); background: linear-gradient(top, #0a172b 55%, #cee002); width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.5; } .page-title .container { height: 100%; display: table; } .page-title .container > .row { vertical-align: middle; display: table-cell; } .page-title h2, .page-title ol { color: #fff; } .page-title h2 { font-size: 60px; font-size: 4rem; font-weight: 500; margin: 0 0 0.30em; text-transform: uppercase; } @media (max-width: 991px) { .page-title h2 { font-size: 50px; font-size: 3.33333rem; } } @media (max-width: 767px) { .page-title h2 { font-size: 40px; font-size: 2.66667rem; } } .page-title .breadcrumb { background-color: transparent; padding: 0; margin-bottom: 0; } @media (max-width: 767px) { .page-title .breadcrumb { text-align: center; } } .page-title .breadcrumb li { font-size: 16px; font-size: 1.06667rem; color: #fff; margin-right: 5px; } @media (max-width: 767px) { .page-title .breadcrumb li { font-size: 14px; font-size: 0.93333rem; } } .page-title .breadcrumb li a { color: #cee002; } .page-title .breadcrumb li a:hover { color: #a0ad02; } .page-title .breadcrumb > li + li:before { font-family: "themify"; content: "\e628"; color: #cee002; margin-right: 5px; } .preloader { background-color: #fff; width: 100%; height: 100%; position: fixed; z-index: 999999; } .preloader .spinner { width: 60px; height: 60px; position: absolute; left: calc(50% - 30px); top: calc(50% - 30px); text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; } .preloader .dot1, .preloader .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #cee002; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .preloader .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } .service-sidebar { } @media (max-width: 991px) { .service-sidebar { max-width: 300px; margin-top: 80px; } } .service-sidebar > .widget + .widget { margin-top: 60px; } .service-sidebar .service-list-widget ul { list-style: none; border: 1px solid #e6e6e6; border-bottom: 0; } .service-sidebar .service-list-widget ul li { border-bottom: 1px solid #e6e6e6; } .service-sidebar .service-list-widget a { font-weight: 500; display: block; color: #0a172b; padding: 15px 24px; } .service-sidebar .service-list-widget a:hover, .service-sidebar .service-list-widget .current a { background-color: #cee002; color: #fff; } .service-sidebar .download-widget ul { list-style: none; } .service-sidebar .download-widget ul > li + li { margin-top: 5px; } .service-sidebar .download-widget ul a { background-color: #141414; color: #fff; padding: 17px 25px; display: block; } .service-sidebar .download-widget ul i { display: inline-block; padding-right: 10px; color: #cee002; } .service-sidebar .download-widget ul a:hover { color: #cee002; } .service-sidebar .contact-widget { background-color: #cee002; padding: 45px 30px; } .service-sidebar .contact-widget h4 { font-size: 22px; font-size: 1.46667rem; color: #0a172b; margin: 0 0 0.8em; } .service-sidebar .contact-widget p { color: #0a172b; margin: 0 0 1em; } .service-sidebar .contact-widget p + a { color: #fff; } .service-sidebar .contact-widget p + a i { font-size: 14px; } .service-sidebar .contact-widget p + a:hover { color: #0a172b; } .shop-sidebar { } @media (max-width: 991px) { .shop-sidebar { max-width: 300px; margin-top: 70px; } } @media screen and (min-width: 1200px) { .shop-sidebar .widget { border: 1px solid #eee; padding: 40px 20px; } } @media (max-width: 991px) { .shop-sidebar .widget { border: 1px solid #eee; padding: 40px 20px; } } .shop-sidebar > .widget + .widget { margin-top: 35px; } .shop-sidebar .widget > h3 { font-size: 18px; font-size: 1.2rem; font-weight: normal; text-transform: uppercase; margin: 0 0 1.5em; } @media screen and (min-width: 1200px) { .shop-sidebar .widget > h3 { position: relative; padding-left: 40px; } .shop-sidebar .widget > h3:before { content: ""; background-color: #cee002; width: 25px; height: 2px; position: absolute; left: 0; top: 8px; } } @media (max-width: 991px) { .shop-sidebar .widget > h3 { position: relative; padding-left: 40px; } .shop-sidebar .widget > h3:before { content: ""; background-color: #cee002; width: 25px; height: 2px; position: absolute; left: 0; top: 8px; } } .shop-sidebar .widget ul { list-style: none; } .shop-sidebar .search-widget div { position: relative; } .shop-sidebar .search-widget button { background: transparent; font-size: 20px; font-size: 1.33333rem; color: #cee002; border: 0; outline: 0; padding: 0; margin: 0; position: absolute; right: 15px; top: 55%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .shop-sidebar .search-widget input { background-color: #f3f3f3; height: 50px; padding: 6px 40px 6px 20px; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .shop-sidebar .categories-widget ul li { position: relative; color: #727780; } .shop-sidebar .categories-widget ul li span { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .shop-sidebar .categories-widget ul li a { color: #727780; } .shop-sidebar .categories-widget ul > li + li { margin-top: 15px; } .shop-sidebar .categories-widget ul li a:hover { color: #cee002; } .shop-sidebar .popular-product-widget ul li { overflow: hidden; } .shop-sidebar .popular-product-widget ul > li + li { margin-top: 20px; } .shop-sidebar .popular-product-widget .product-image { width: 70px; float: left; } .shop-sidebar .popular-product-widget .product-info { width: calc(100% - 70px); float: left; padding-left: 20px; } .shop-sidebar .popular-product-widget .product-info > a { color: #727780; display: block; margin-bottom: 4px; } .shop-sidebar .popular-product-widget .product-info > a:hover { color: #cee002; } .shop-sidebar .popular-product-widget .star-rating { margin-bottom: 5px; } .shop-sidebar .popular-product-widget .star-rating i { font-size: 12px; font-size: 0.8rem; color: #cee002; } .shop-sidebar .tag-widget .tagcloud a { font-size: 14px; font-size: 0.93333rem; color: #727780; display: inline-block; border: 1px solid #e8e8e8; padding: 6px 15px; border-radius: 32px; margin: 0 5px 5px 0; } .shop-sidebar .tag-widget .tagcloud a:hover { background-color: #cee002; border-color: #cee002; color: #fff; } .pagination-wrapper { max-height: 45px; text-align: center; margin-top: 20px; } @media (max-width: 991px) { .pagination-wrapper { text-align: left; margin-top: 45px; } } .pagination-wrapper .pg-pagination { display: inline-block; overflow: hidden; list-style-type: none; text-align: center; } .pagination-wrapper .pg-pagination li { float: left; margin-right: 10px; } @media (max-width: 767px) { .pagination-wrapper .pg-pagination li { margin-right: 5px; } } .pagination-wrapper .pg-pagination li:last-child { margin-right: 0; } .pagination-wrapper .pg-pagination li a { width: 45px; height: 45px; line-height: 45px; font-size: 20px; font-size: 1.33333rem; border: 1px solid transparent; color: #2a2a2a; display: block; border-radius: 50%; } @media (max-width: 991px) { .pagination-wrapper .pg-pagination li a { width: 40px; height: 40px; line-height: 40px; font-size: 18px; font-size: 1.2rem; } } .pagination-wrapper .pg-pagination .active a, .pagination-wrapper .pg-pagination li a:hover { border-color: #cee002; color: #cee002; } .pagination-wrapper-left { text-align: left; } .pagination-wrapper-right { text-align: right; } @media screen and (min-width: 1200px) { .pagination-wrapper-right { padding-right: 50px; } } @media (max-width: 991px) { .pagination-wrapper-right { margin-top: 45px; text-align: left; } } .blog-sidebar { } @media screen and (min-width: 1200px) { .blog-sidebar { } } @media (max-width: 991px) { .blog-sidebar { max-width: 300px; margin-top: 70px; } } .blog-sidebar > .widget + .widget { margin-top: 65px; } .blog-sidebar .widget { border: 1px solid #eee; padding: 20px 15px; } @media (max-width: 991px) { .blog-sidebar .widget { padding: 35px 25px; } } .blog-sidebar .widget > h3 { font-size: 22px; font-size: 1.46667rem; font-weight: normal; text-transform: uppercase; padding-bottom: 0.65em; padding-left: 50px; margin: 0 0 0.8em; position: relative; } .blog-sidebar .widget > h3:before { content: ""; background-color: #cee002; width: 30px; height: 2px; position: absolute; top: 13px; left: 0; } .blog-sidebar .widget ul { list-style: none; } .blog-sidebar .search-widget div { position: relative; } .blog-sidebar .search-widget button { background: transparent; font-size: 20px; font-size: 1.33333rem; color: #cee002; border: 0; outline: 0; padding: 0; margin: 0; position: absolute; right: 15px; top: 55%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog-sidebar .search-widget input { background-color: #fbfbfb; height: 50px; padding: 6px 40px 6px 20px; border: 1px solid #cee002; border-radius: 50px; -webkit-box-shadow: none; box-shadow: none; } .blog-sidebar .categories-widget ul li { position: relative; color: #727780; } .blog-sidebar .categories-widget ul li span { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog-sidebar .categories-widget ul li a { color: #727780; } .blog-sidebar .categories-widget ul > li + li { margin-top: 15px; } .blog-sidebar .categories-widget ul li a:hover { color: #cee002; } .blog-sidebar .popular-post-widget ul li { overflow: hidden; } .blog-sidebar .popular-post-widget ul > li + li { margin-top: 20px; } .blog-sidebar .popular-post-widget .post-image { width: 70px; float: left; } .blog-sidebar .popular-post-widget .post-info { width: calc(100% - 70px); float: left; padding-left: 20px; } .blog-sidebar .popular-post-widget .post-title { font-size: 16px; font-size: 1.06667rem; line-height: 1.3em; } @media (max-width: 991px) { .blog-sidebar .popular-post-widget .post-title { font-size: 15px; font-size: 1rem; } } .blog-sidebar .popular-post-widget .date { font-size: 12px; font-size: 0.8rem; font-weight: 500; color: #cee002; } .blog-sidebar .popular-post-widget .post-info > a { color: #727780; display: block; margin-bottom: 6px; } .blog-sidebar .popular-post-widget .post-info > a:hover { color: #cee002; } .blog-sidebar .tag-widget .tagcloud a { font-size: 14px; font-size: 0.93333rem; color: #727780; display: inline-block; border: 1px solid #e8e8e8; padding: 6px 15px; border-radius: 32px; margin: 0 5px 5px 0; } .blog-sidebar .tag-widget .tagcloud a:hover { background-color: #cee002; border-color: #cee002; color: #fff; } @media screen and (min-width: 1200px) { .blog-with-left-sidebar .blog-sidebar { padding: 0 20px 0 0; } } .theme-accordion-s1, .theme-accordion-s2 { margin-bottom: 0; } .theme-accordion-s1 .panel-default, .theme-accordion-s2 .panel-default { background: transparent; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .theme-accordion-s1 .panel-heading, .theme-accordion-s2 .panel-heading { background-color: transparent; padding: 0; border-radius: 0; } .theme-accordion-s1 .panel + .panel, .theme-accordion-s2 .panel + .panel { margin-top: 15px; } .theme-accordion-s1 .panel-heading a, .theme-accordion-s2 .panel-heading a { background-color: #cee002; font-size: 20px; font-size: 1.33333rem; color: #fff; display: block; padding: 18px 25px; position: relative; } @media (max-width: 991px) { .theme-accordion-s1 .panel-heading a, .theme-accordion-s2 .panel-heading a { font-size: 16px; font-size: 1.06667rem; padding: 15px 25px; } } @media (max-width: 767px) { .theme-accordion-s1 .panel-heading a, .theme-accordion-s2 .panel-heading a { padding: 12px 15px; } } .theme-accordion-s1 .panel-heading a:before, .theme-accordion-s2 .panel-heading a:before { font-family: "themify"; content: "\e64b"; font-size: 15px; font-size: 1rem; position: absolute; right: 25px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 991px) { .theme-accordion-s1 .panel-heading a:before, .theme-accordion-s2 .panel-heading a:before { font-size: 18px; font-size: 1.2rem; right: 20px; } } .theme-accordion-s1 .panel-heading a:focus, .theme-accordion-s2 .panel-heading a:focus { text-decoration: none; } .theme-accordion-s1 .panel-heading .collapsed, .theme-accordion-s2 .panel-heading .collapsed { background-color: #f1f1f1; color: #2a2a2a; } .theme-accordion-s1 .panel-heading .collapsed:before, .theme-accordion-s2 .panel-heading .collapsed:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body { background-color: #fbfbfb; font-size: 18px; font-size: 1.2rem; border: 0; padding: 40px 25px 15px; } @media (max-width: 991px) { .theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body { padding: 20px 25px 10px; font-size: 16px; font-size: 1.06667rem; } } @media (max-width: 767px) { .theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body { padding: 15px 15px 8px; } } .theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body p, .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body p { margin-bottom: 1.3em; } .theme-accordion-s2 .panel-default { border: 0; position: relative; } .theme-accordion-s2 .panel-heading a { background-color: #fff; color: #cee002; display: block; padding: 12px 25px; border: 1px solid #dde2e8; position: relative; } @media (max-width: 991px) { .theme-accordion-s2 .panel-heading a { padding: 12px 20px; } } @media (max-width: 767px) { .theme-accordion-s2 .panel-heading a { padding: 12px 15px; } } .theme-accordion-s2 .panel-heading a .icon { background: #cee002; width: 47px; height: 47px; line-height: 47px; color: #fff; font-size: 20px; font-size: 1.33333rem; position: absolute; right: 0; top: 0; text-align: center; } @media (max-width: 767px) { .theme-accordion-s2 .panel-heading a .icon { display: none; } } .theme-accordion-s2 .panel-heading a .icon:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .theme-accordion-s2 .panel-heading a:before { display: none; } .theme-accordion-s2 .panel-heading .collapsed { color: #1e2331; } .theme-accordion-s2 .panel-heading .collapsed .icon:before { content: "\f107"; } .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body { padding-left: 130px; min-height: 135px; position: relative; } @media (max-width: 767px) { .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body { padding-left: 15px; min-height: auto; } } .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body .img-holder { position: absolute; left: 0; top: 30px; } @media (max-width: 767px) { .theme-accordion-s2 .panel-heading + .panel-collapse > .panel-body .img-holder { position: static; margin-bottom: 15px; } } .site-header { } .site-header .navigation { background-color: #fff; margin-bottom: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .site-header .navigation > .container { position: relative; } .site-header .navigation .navbar-brand { height: auto; } .site-header #navbar { text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .site-header #navbar > ul li a { color: #2a2a2a; } .site-header #navbar > ul li a:hover { text-decoration: none; color: #cee002; } .site-header #navbar > ul li a:focus { text-decoration: none; } @media screen and (min-width: 992px) { .site-header #navbar { } .site-header #navbar li { position: relative; } .site-header #navbar > ul > li > a { font-size: 1.06667rem; line-height: 65px; padding: 0px 15px; } .site-header #navbar > ul .sub-menu { background-color: #fff; width: 250px; border-top: 2px solid #cee002; position: absolute; left: 0; top: 130%; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .site-header #navbar > ul > li .sub-menu li { border-bottom: 1px solid #ececec; } .site-header #navbar > ul > li .sub-menu a { font-size: 15px; font-size: 1rem; display: block; padding: 12px 20px; } .site-header #navbar > ul > li > .sub-menu .sub-menu { left: 110%; top: 0; } .site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a { position: relative; } .site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before { font-family: "themify"; content: "\e64b"; font-size: 11px; font-size: 0.73333rem; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .site-header #navbar > ul > li:hover > .sub-menu { top: 100%; visibility: visible; opacity: 1; } .site-header #navbar .sub-menu > li:hover > .sub-menu { left: 100%; visibility: visible; opacity: 1; } } @media (max-width: 991px) { .site-header #navbar > ul > li a { display: block; font-size: 1.3rem; font-weight: 600; } .site-header #navbar > ul li:hover a { color: #9bc734; } .site-header #navbar > ul > li .sub-menu li { border-bottom: 1px solid #e6e6e6; } .site-header #navbar > ul .sub-menu > li:last-child { border-bottom: 0; } .site-header #navbar > ul > li > .sub-menu a { padding: 8px 15px 8px 45px; } .site-header #navbar > ul > li > .sub-menu .sub-menu a { padding: 8px 15px 8px 65px; } .site-header #navbar > ul .menu-item-has-children > a { position: relative; } .site-header #navbar > ul .menu-item-has-children > a:before { font-family: "themify"; content: "\e64b"; font-size: 11px; font-size: 0.73333rem; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 992px) { .site-header #navbar { } .site-header #navbar .has-mega-menu { position: static; } .site-header #navbar .mega-menu, .site-header #navbar .half-mega-menu { background-color: #fff; padding: 20px; border-top: 2px solid #cee002; position: absolute; right: 0; top: 120%; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .site-header #navbar .mega-menu { width: 1140px; right: 15px; } .site-header #navbar .half-mega-menu { width: 585px; } .site-header #navbar .mega-menu-box-title { font-size: 14px; font-size: 0.93333rem; text-transform: uppercase; font-weight: bold; display: block; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #e6e6e6; } .site-header #navbar .mega-menu-list-holder li a { font-size: 14px; font-size: 0.93333rem; display: block; padding: 7px 8px; margin-left: -8px; } .site-header #navbar .has-mega-menu:hover > ul { top: 100%; visibility: visible; opacity: 1; } } @media (max-width: 1199px) { .site-header #navbar > ul .mega-menu { width: 950px; right: 15px; } .site-header #navbar > ul .half-mega-menu { width: 485px; } } @media (max-width: 991px) { .site-header #navbar > ul .mega-menu, .site-header #navbar > ul .half-mega-menu { width: auto; } .site-header #navbar > ul .mega-menu .row, .site-header #navbar > ul .half-mega-menu .row { margin: 0; } .site-header #navbar .mega-menu-content > .row > .col { margin-bottom: 25px; } } @media (max-width: 991px) { .site-header #navbar .mega-menu .mega-menu-list-holder a { padding: 5px 15px 5px 40px; } .site-header #navbar .mega-menu .mega-menu-box-title { font-size: 14px; font-size: 0.93333rem; text-transform: uppercase; display: block; border-bottom: 1px dotted #b3b3b3; padding: 0 0 4px 5px; margin: 0 25px 8px 25px; } } @media screen and (min-width: 992px) { .site-header .navbar-header .open-btn { display: none; } .site-header #navbar .close-navbar { display: none; } } @media (max-width: 991px) { .site-header { } .site-header .container { width: 100%; } .site-header .navbar-header button { background-color: #cee002; width: 40px; height: 35px; border: 0; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; outline: 0; position: absolute; right: 15px; top: 6px; z-index: 20; } .site-header .navbar-header button span { background-color: #fff; display: block; height: 2px; margin-bottom: 5px; } .site-header .navbar-header button span:last-child { margin: 0; } .site-header #navbar { background: #fff; display: block !important; width: 280px; height: 100% !important; margin: 0; padding: 0; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; position: fixed; right: -300px; top: 70px; z-index: 100; } .site-header .navigation-holder.slideInn { top: 70px !important; width: 100% !important; } .logged-in .site-header #navbar { top: 115px !important; } .logged-in .site-header .sticky-on #navbar { top: 70px !important; } .logged-in .site-header .navigation-holder.slideInn { top: 115px !important; } .site-header #navbar ul a { color: #000; } .site-header #navbar ul a:hover, .site-header #navbar ul li.current a { color: #cee002; } .site-header #navbar .navbar-nav { height: 100%; overflow: auto; } .site-header #navbar .close-navbar { background-color: #cee002; width: 40px; height: 40px; color: #fff; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; outline: none; position: absolute; right: 15px; top: -50px; z-index: 20; opacity: 0; } .site-header #navbar > ul > li { border-bottom: 1px solid #cccccc; } .site-header #navbar > ul > li > a { padding: 15px 15px 15px 35px; } .site-header .slideInn { right: 0 !important; } } @media (max-width: 767px) { .site-header .navbar-header .navbar-brand { font-size: 24px; } .site-header #navbar .navbar-nav { margin: 0; } } @media (max-width: 991px) { .site-header .navbar-collapse.collapse { display: none; } .site-header .navbar-collapse.collapse.in { display: block; } .site-header .navbar-header .collapse, .site-header .navbar-toggle { display: block; } .site-header .navbar-header { float: none; } .site-header .navbar-right { float: none; } .site-header .navbar-nav { float: none; } .site-header .navbar-nav > li { float: none; } } .site-header .cart-search-contact { position: absolute; right: 25px; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } @media (max-width: 991px) { .site-header .cart-search-contact { right: 95px; } } .site-header .cart-search-contact button { background: transparent; padding: 0; border: 0; outline: 0; } .site-header .cart-search-contact .fi:before { font-size: 22px; font-size: 1.46667rem; color: #636262; } .site-header .cart-search-contact > div { float: left; position: relative; } .site-header .cart-search-contact > div + div { margin-left: 20px; } .site-header .cart-search-contact .header-search-form-wrapper { padding-top: 5px; } @media (max-width: 450px) { .site-header .cart-search-contact .header-search-form-wrapper { display: none; } } .site-header .cart-search-contact .header-search-form { position: absolute; width: 250px; right: -25px; top: 75px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0px 15px 60px -19px black; box-shadow: 0px 15px 60px -19px black; } .site-header .cart-search-contact form div { position: relative; } .site-header .cart-search-contact form div button { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .site-header .cart-search-contact input { width: 100%; height: 50px; padding: 6px 20px; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .site-header .cart-search-contact .mini-cart .fi:before { font-size: 28px; font-size: 1.86667rem; } .site-header .cart-search-contact .mini-cart .cart-count { background: #cee002; width: 22px; height: 22px; line-height: 22px; font-size: 10px; font-size: 0.66667rem; color: white; position: absolute; top: 0; right: -11px; border-radius: 50%; } .site-header .cart-search-contact .mini-cart-content { background: #fff; width: 300px; border-top: 2px solid #cee002; z-index: 10; position: absolute; right: -25px; top: 75px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0px 15px 60px -19px black; box-shadow: 0px 15px 60px -19px black; } @media (max-width: 450px) { .site-header .cart-search-contact .mini-cart-content { right: auto; left: -185px; } } .site-header .cart-search-contact .mini-cart-content .mini-cart-title { padding: 12px 15px; border-bottom: 1px solid #efefef; } .site-header .cart-search-contact .mini-cart-content p { font-size: 15px; font-size: 1rem; font-weight: 500; color: #2a2a2a; margin: 0; text-transform: uppercase; } .site-header .cart-search-contact .mini-cart-content .mini-cart-items { padding: 15px; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item { padding-top: 15px; margin-top: 15px; border-top: 1px solid #efefef; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item-image { width: 50px; height: 50px; border: 2px solid #eee; float: left; margin-right: 15px; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item-image a, .site-header .cart-search-contact .mini-cart-content .mini-cart-item-image img { display: block; width: 46px; height: 46px; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item-image:hover { border-color: #fdc900; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item-des { position: relative; overflow: hidden; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item-des a { font-size: 14px; font-size: 0.93333rem; font-weight: 500; text-align: left; color: #2a2a2a; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item-des a:hover { color: #cee002; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item-des .mini-cart-item-price { font-size: 13px; font-size: 0.86667rem; color: #888; display: block; margin-top: 3px; } .site-header .cart-search-contact .mini-cart-content .mini-cart-item-des .mini-cart-item-quantity { font-size: 12px; font-size: 0.8rem; color: #444; display: block; position: absolute; right: 0; top: 2px; } .site-header .cart-search-contact .mini-cart-content .mini-cart-action { padding: 20px 15px; border-top: 1px solid #efefef; } .site-header .cart-search-contact .mini-cart-content .mini-cart-action .theme-btn-s4 { float: right; } .site-header .cart-search-contact .mini-cart-content .mini-cart-action .mini-checkout-price { font-size: 15px; font-size: 1rem; font-weight: 500; color: #2a2a2a; margin-top: 10px; display: inline-block; } .site-header .cart-search-contact .mini-cart-content-toggle, .site-header .cart-search-contact .header-search-content-toggle { opacity: 1; visibility: visible; right: 0; } @media (max-width: 991px) { .site-header .cart-search-contact .get-quote { display: none; } } .header-style-1 { } @media screen and (min-width: 992px) { .header-style-1 { } .header-style-1 ul { list-style: none; } .header-style-1 .navigation-holder { background: #191919; width: 500px; height: 100% !important; padding: 65px 55px; position: fixed; right: -520px; top: 0; z-index: 99999; } .header-style-1 .navigation-holder > ul { float: none; height: 100%; overflow: auto; } .header-style-1 #navbar > ul { width: 100%; height: 100%; } .header-style-1 #navbar > ul > li { float: none; } .header-style-1 #navbar > ul li a { text-transform: uppercase; } .header-style-1 #navbar > ul li a, .header-style-1 #navbar > ul > li .sub-menu a { font-size: 16px; font-size: 1.06667rem; color: #fff; padding: 15px; } .header-style-1 #navbar > ul > li .sub-menu a { text-transform: none; font-weight: 300; } .header-style-1 #navbar > ul > li .sub-menu a:hover { color: #cee002; } .header-style-1 #navbar > ul li a { padding: 20px 15px; } .header-style-1 #navbar > ul .sub-menu { background-color: transparent; width: auto; height: 0; border-top: 0; position: static; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; padding-left: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .header-style-1 #navbar > ul .sub-menu.open-submenu { height: auto !important; visibility: visible !important; opacity: 1 !important; } .header-style-1 #navbar > ul > li .sub-menu li { border-bottom: 0; } .header-style-1 #navbar > ul > li:hover > .sub-menu { top: auto; visibility: hidden; opacity: 0; } .header-style-1 #navbar > ul .sub-menu > li:hover > .sub-menu { left: auto; visibility: hidden; opacity: 0; } .header-style-1 .close-navbar-2 { background-color: #cee002; width: 40px; height: 40px; color: #fff; border: 0; border-radius: 50%; outline: none; position: absolute; left: -18px; top: 10px; z-index: 20; } .header-style-1 #navbar > ul .menu-item-has-children > a:before { font-family: "themify"; content: "\e64b"; font-size: 11px; font-size: 0.6875rem; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 991px) { .header-style-1 .close-navbar-2 { display: none; } } .header-style-1 .navigation { padding: 12px 0; } @media (max-width: 767px) { .header-style-1 .navigation { padding: 0; } } .header-style-1 .menu-info { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .header-style-1 .menu-info { display: none; } } .header-style-1 .menu-info ul { overflow: hidden; list-style: none; } .header-style-1 .menu-info ul li { font-size: 18px; font-size: 1.2rem; padding-bottom: 2px; float: left; line-height: 1em; } @media (max-width: 991px) { .header-style-1 .menu-info ul li { font-size: 16px; font-size: 1.06667rem; padding-bottom: 2px; } } .header-style-1 .menu-info ul > li + li { margin-left: 35px; } @media (max-width: 991px) { .header-style-1 .menu-info ul > li + li { margin-left: 25px; } } .header-style-1 .menu-info ul .fi { position: relative; top: 3px; display: inline-block; padding-right: 3px; } @media (max-width: 991px) { .header-style-1 .menu-info ul .fi { top: 2px; } } .header-style-1 .menu-info ul .fi:before { font-size: 22px; font-size: 1.46667rem; color: #cee002; } @media (max-width: 991px) { .header-style-1 .menu-info ul .fi:before { font-size: 20px; font-size: 1.33333rem; } } .header-style-1 .menu-open-btn-holder { background-color: #191919; width: 45px; height: 45px; position: absolute; right: 15px; top: 22px; } @media (max-width: 991px) { .header-style-1 .menu-open-btn-holder { display: none; } } .header-style-1 .menu-open-btn-holder button { background: transparent; width: 100%; height: 100%; border: 0; outline: 0; } .header-style-1 .menu-open-btn-holder button span { background-color: #fff; width: 27px; height: 2px; position: absolute; top: 12px; left: 9px; } .header-style-1 .menu-open-btn-holder button > span:nth-child(2) { top: 22px; } .header-style-1 .menu-open-btn-holder button > span:nth-child(3) { width: 18px; top: 32px; } @media (max-width: 991px) { .header-style-1 .navbar-header button { top: 25px; } } .header-style-1 .cart-search-contact { right: 95px; } @media (max-width: 767px) { .header-style-1 .cart-search-contact { right: 85px; } } .header-style-1 .navigation-holder.open-navigation-menu { right: 0; } .header-style-2, .header-style-3 { } .header-style-2 .topbar, .header-style-3 .topbar { padding: 10px 0; border-bottom: 1px solid #f1efef; } @media (max-width: 991px) { .header-style-2 .topbar, .header-style-3 .topbar { text-align: center; padding: 15px; } } .header-style-2 .topbar p, .header-style-3 .topbar p { font-size: 15px; font-size: 1rem; color: #636363; margin: 0; } @media (max-width: 991px) { .header-style-2 .topbar p, .header-style-3 .topbar p { margin-bottom: 8px; font-size: 14px; font-size: 0.93333rem; } } .header-style-2 .topbar ul, .header-style-3 .topbar ul { overflow: hidden; list-style: none; float: right; padding-top: 2px; } @media (max-width: 991px) { .header-style-2 .topbar ul, .header-style-3 .topbar ul { float: none; display: inline-block; } } .header-style-2 .topbar ul li, .header-style-3 .topbar ul li { font-size: 15px; font-size: 1rem; float: left; padding: 2px 0; color: #636363; line-height: 1em; } @media (max-width: 991px) { .header-style-2 .topbar ul li, .header-style-3 .topbar ul li { font-size: 14px; font-size: 0.93333rem; padding-bottom: 2px; } } @media (max-width: 767px) { .header-style-2 .topbar ul li, .header-style-3 .topbar ul li { float: none; } } .header-style-2 .topbar ul > li + li, .header-style-3 .topbar ul > li + li { margin-left: 35px; } @media (max-width: 991px) { .header-style-2 .topbar ul > li + li, .header-style-3 .topbar ul > li + li { margin-left: 25px; } } @media (max-width: 991px) and (max-width: 767px) { .header-style-2 .topbar ul > li + li, .header-style-3 .topbar ul > li + li { margin: 8px 0 0; } } .header-style-2 .topbar ul .fi, .header-style-3 .topbar ul .fi { position: relative; top: 1px; display: inline-block; padding-right: 3px; } .header-style-2 .topbar ul .fi:before, .header-style-3 .topbar ul .fi:before { font-size: 15px; font-size: 1rem; color: #cee002; } @media (max-width: 991px) { .header-style-2 .topbar ul .fi:before, .header-style-3 .topbar ul .fi:before { font-size: 20px; font-size: 1.33333rem; } } .header-style-2 .navigation ul, .header-style-3 .navigation ul { list-style: none; } @media screen and (min-width: 992px) { .header-style-2 .navigation .navbar-brand, .header-style-3 .navigation .navbar-brand { margin-top: 7px; } .header-style-2 #navbar, .header-style-3 #navbar { margin-right: 100px; } .header-style-2 #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before, .header-style-3 #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before { content: "\e649"; } .header-style-2 #navbar > ul .sub-menu, .header-style-3 #navbar > ul .sub-menu { -webkit-box-shadow: 0px 15px 60px -19px black; box-shadow: 0px 15px 60px -19px black; } } @media (max-width: 991px) { .header-style-2 .navbar-header button, .header-style-3 .navbar-header button { top: 23px; } .site-header .cart-search-contact { top: 55%; } } .header-style-2 .cart-search-contact .mini-cart-content, .header-style-3 .cart-search-contact .mini-cart-content, .header-style-2 .cart-search-contact .header-search-form, .header-style-3 .cart-search-contact .header-search-form { top: 71px; } @media (max-width: 991px) { .header-style-2 .cart-search-contact .mini-cart-content, .header-style-3 .cart-search-contact .mini-cart-content, .header-style-2 .cart-search-contact .header-search-form, .header-style-3 .cart-search-contact .header-search-form { top: 64px; } } @media screen and (min-width: 992px) { .header-style-3 { width: 100%; background-color: rgba(0, 0, 0, 0.25); position: relative; left: 0; top: 0; z-index: 100; } .header-style-3 .topbar p, .header-style-3 .topbar ul li, .header-style-3 #navbar > ul > li > a { color: #fff; } .header-style-3 .topbar { border-color: rgba(255, 255, 255, 0.05); } .header-style-3 .navigation { background: #fff; } .header-style-3 .cart-search-contact .fi:before { color: #2a2a2a; } .header-style-3 #navbar > ul .sub-menu { background-color: #101010; } .header-style-3 #navbar > ul > li .sub-menu li { border-bottom: 1px solid #171717; } .header-style-3 #navbar > ul li a { color: #2a2a2a; } } @media (max-width: 991px) { .header-style-3 .navigation { background: #fff; } } .hero { position: relative; height: 100vh; } @media (max-width: 767px) { .hero { min-height: 420px; } } .hero .slide { height: 100vh; position: relative; background-repeat: no-repeat; position: relative; } @media (max-width: 767px) { .hero .slide { min-height: 420px; } } .hero .slide .slider-bg { display: none; display: block; opacity: 0;  } .hero .slide:focus { outline: none; } .hero .slide .slider-image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; position: relative; } .hero .slide .container { height: 100%; display: table; position: relative; z-index: 2; } @media (max-width: 767px) { .hero .slide .container { padding: 0; } } .hero .slide .row { display: table-cell; vertical-align: middle; } .hero .slick-prev, .hero .slick-next { background-color: #cee002; width: 45px; height: 45px; z-index: 10; } .hero .slick-prev { left: 0; } .hero .slick-prev:before { font-family: "themify"; content: "\e629"; opacity: 1; } .hero .slick-next { right: 0; } .hero .slick-next:before { font-family: "themify"; content: "\e628"; opacity: 1; } @media screen and (min-width: 768px) { .hero .slick-dots { width: auto; position: absolute; right: 45px; bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 768px) and (max-width: 1300px) { .hero .slick-dots { right: 25px; } } @media screen and (min-width: 768px) { .hero .slick-dots:before, .hero .slick-dots:after { content: ""; width: 1px; height: 50px; background: rgba(125, 125, 125, 0.4); position: absolute; left: 5px; } .hero .slick-dots:before { top: -70px; } .hero .slick-dots:after { bottom: -50px; } .hero .slick-dots li { height: 28px; float: none; display: block; margin: 0; } .hero .slick-dots button { background-color: transparent; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; padding: 4px; } .hero .slick-dots li.slick-active button { background-color: #cee002; border-color: #cee002; } .hero .slick-dots button:before, .hero .slick-dots button:before { display: none; } } @media (max-width: 767px) { .hero .slick-dots { bottom: 30px; top:80%!important; } .hero .slick-dots li { margin: 0; } .hero .slick-dots button { background-color: transparent; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; } .hero .slick-dots li.slick-active button { background-color: #cee002; border-color: #cee002; } .hero .slick-dots button:before, .hero .slick-dots button:before { display: none; } } .hero .pagi-info { width: 100%; font-size: 24px; font-size: 1.6rem; color: #fff; text-align: center; position: absolute; bottom: 50px; } @media (max-width: 991px) { .hero .pagi-info { font-size: 20px; font-size: 1.33333rem; } } @media (max-width: 767px) { .hero .pagi-info { display: none; } } .hero .social-links { width: auto; position: absolute; left: 45px; bottom: auto; top: calc(33% + 100px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1300px) { .hero .social-links { left: 25px; } } @media (max-width: 850px) { .hero .social-links { display: none; } } .hero .social-links:before { content: ""; width: 1px; height: 50px; background: rgba(125, 125, 125, 0.4); position: absolute; left: 8px; top: -70px; } .hero .social-links:after { color: #fff; content: "SOCIAL"; position: absolute; left: -28px; top: -135px; letter-spacing: 5px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .hero .social-links ul { list-style: none; } .hero .social-links ul > li + li { margin-top: 10px; } .hero .social-links li a { font-size: 14px; font-size: 0.93333rem; color: #fff; } .hero .social-links li a:hover { color: #cee002; } .hero .slide-caption > div { overflow: hidden; } .hero .slide-caption > div * { -webkit-animation: fadeOutLeft 1.5s both; animation: fadeOutLeft 1.5s both; } .hero .slide-caption > div.slide-title * { -webkit-animation-delay: 0s; animation-delay: 0s; } .hero .slide-caption > div.slide-subtitle * { -webkit-animation-delay: 0s; animation-delay: 0s; } .hero .slide-caption > div.btns * { -webkit-animation-delay: 0s; animation-delay: 0s; } .hero .hero-slider .slick-current .slide-caption > div * { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .hero .hero-slider .slick-current .slide-caption > div.slide-title * { -webkit-animation-delay: 1s; animation-delay: 1s; } .hero .hero-slider .slick-current .slide-caption > div.slide-subtitle * { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .hero .hero-slider .slick-current .slide-caption > div.btns * { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .hero .hero-slider .slick-current .slider-image { -webkit-animation: kenburn 25s 2s alternate infinite; -animation: kenburn 25s 2s alternate infinite; } .hero-style-1, .hero-style-2, .hero-style-3 { height: calc(50vh - 110px); min-height: 500px; } @media (max-width: 991px) { .hero-style-1, .hero-style-2, .hero-style-3 { min-height: 500px; } } @media (max-width: 767px) { .hero-style-1, .hero-style-2, .hero-style-3 { height: calc(50vh - 86px); min-height: 480px; } } .hero-style-1 .slide, .hero-style-2 .slide, .hero-style-3 .slide { height: calc(50vh - 110px); min-height: 500px; position: relative; } @media (max-width: 991px) { .hero-style-1 .slide, .hero-style-2 .slide, .hero-style-3 .slide { min-height: 500px; } } @media (max-width: 767px) { .hero-style-1 .slide, .hero-style-2 .slide, .hero-style-3 .slide { height: calc(50vh - 86px); min-height: 480px; } } .hero-style-1 .slide:before, .hero-style-2 .slide:before, .hero-style-3 .slide:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.3; z-index: 1; } .hero-style-1 .slide-subtitle h4, .hero-style-2 .slide-subtitle h4, .hero-style-3 .slide-subtitle h4 { font-size: 18px; font-size: 1.2rem; font-weight: 400; text-transform: uppercase; letter-spacing: 8px; color: #fff; margin: 0; padding-left: 85px; position: relative; } @media (max-width: 991px) { .hero-style-1 .slide-subtitle h4, .hero-style-2 .slide-subtitle h4, .hero-style-3 .slide-subtitle h4 { font-size: 16px; font-size: 1.06667rem; } } @media (max-width: 767px) { .hero-style-1 .slide-subtitle h4, .hero-style-2 .slide-subtitle h4, .hero-style-3 .slide-subtitle h4 { font-size: 14px; font-size: 0.93333rem; padding-left: 45px; letter-spacing: 4px; } } .hero-style-1 .slide-subtitle h4:before, .hero-style-2 .slide-subtitle h4:before, .hero-style-3 .slide-subtitle h4:before { content: ""; background-color: #fff; width: 60px; height: 1px; position: absolute; left: 0; top: 10px; } @media (max-width: 767px) { .hero-style-1 .slide-subtitle h4:before, .hero-style-2 .slide-subtitle h4:before, .hero-style-3 .slide-subtitle h4:before { width: 30px; } } .hero-style-1 .slide-title h2, .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 70px; font-size: 3.6rem; font-weight: bold; line-height: 1.2em; text-transform: uppercase; color: #fff; margin: 0.6em 0 0.78em; } @media (max-width: 1199px) { .hero-style-1 .slide-title h2, .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 60px; font-size: 3.6rem; } } @media (max-width: 991px) { .hero-style-1 .slide-title h2, .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 50px; font-size: 2.63333rem; } } @media (max-width: 767px) { .hero-style-1 .slide-title h2, .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 40px; font-size: 1.36667rem; } } .hero-style-2, .hero-style-3 { text-align: center; height: calc(50vh - 155px); min-height: 500px; } @media (max-width: 991px) { .hero-style-2, .hero-style-3 { height: calc(50vh - 176px); min-height: 500px; } } @media (max-width: 767px) { .hero-style-2, .hero-style-3 { height: 100vh; min-height: 480px; } } .hero-style-2 .slide, .hero-style-3 .slide { height: calc(50vh - 155px); min-height: 500px; } @media (max-width: 991px) { .hero-style-2 .slide, .hero-style-3 .slide { height: calc(50vh - 176px); min-height: 500px; } } @media (max-width: 767px) { .hero-style-2 .slide, .hero-style-3 .slide { height: 50vh; min-height: 480px; } } .hero-style-2 .slide-subtitle h4, .hero-style-3 .slide-subtitle h4 { padding-left: 0; } .hero-style-2 .slide-subtitle h4:before, .hero-style-3 .slide-subtitle h4:before { display: none; } .hero-style-3 { text-align: center; height: 100%!important; max-height:60vh!important; min-height: 100px!important; } @media (max-width: 991px) { .hero-style-3 { height: calc(50vh - 176px); min-height: 500px; } } @media (max-width: 767px) { .hero-style-3 { height: 100%; min-height: 100px; } } .hero-style-3 .slide { height: 100%!important; max-height: 60vh!important; min-height: 100px!important; } @media (max-width: 991px) { .hero-style-3 .slide { } } @media (max-width: 767px) { .hero-style-3 .slide { height: 100%; min-height: 100px; } } @media screen and (min-width: 992px) { .hero-style-3 .slide-caption { margin-top: 80px; } } @-webkit-keyframes kenburn { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } } @keyframes kenburn { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } } .site-footer { background: url("https://dienthienan.com.vn/my_thienan/assets/images/footer-bg.jpg") center center/cover no-repeat local; position: relative; padding: 100px 0; } @media (max-width: 991px) { .site-footer { padding: 90px 0 30px; } } .site-footer:before { content: ""; background-color: rgb(18 18 18 / 40%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } @media (max-width: 991px) { .site-footer .container .row > .col { margin-bottom: 60px; } } .site-footer .widget-title h3 { font-size: 24px; font-size: 1.6rem; font-weight: normal; color: #fff; text-transform: uppercase; margin: -0.19em 0 1.67em; } @media (max-width: 767px) { .site-footer .widget-title h3 { font-size: 22px; font-size: 1.46667rem; margin: -0.19em 0 1.27em; } } .site-footer ul { list-style: none; } .site-footer li, .site-footer a, .site-footer p { font-size: 15px; font-size: 1rem; color: #e0dfdf; } .site-footer a:hover { color: #cee002; } .site-footer .about-widget .logo { margin-bottom: 35px; } .site-footer .about-widget p { margin-bottom: 2em; } .site-footer .about-widget ul { overflow: hidden; } .site-footer .about-widget ul li { float: left; } .site-footer .about-widget ul > li + li { margin-left: 15px; } .site-footer .about-widget a:hover { color: #cee002; } .site-footer .address-widget p { margin-bottom: 1em; } .site-footer .address-widget > p:last-child { margin-bottom: 0; } @media screen and (min-width: 1200px) { .site-footer .link-widget { padding-left: 50px; } } .site-footer .link-widget ul li { margin-top: 15px; } .site-footer .link-widget ul a { position: relative; padding-left: 15px; } .site-footer .link-widget ul a:before { content: "-"; position: absolute; left: 0; top: 0; } .site-footer .contact-widget ul > li + li { margin-top: 15px; } .site-footer .contact-widget .newsletter { max-width: 300px; margin-top: 30px; } .site-footer .contact-widget .newsletter h4 { font-size: 15px; font-size: 1rem; color: #fff; margin: 0 0 1.5em; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } .site-footer .contact-widget input { background-color: #353739; height: 50px; padding: 6px 45px 6px 15px; border: 0; outline: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .site-footer .contact-widget form div { position: relative; } .site-footer .contact-widget form button { background: transparent; border: 0; outline: 0; color: #9c9c9c; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sticky-header { width: 100%; position: fixed; left: 0; top: -400px; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; } .sticky-on { opacity: 1; top: 0; visibility: visible; } .header-style-1 .sticky-header, .header-style-2 .sticky-header, .header-style-3 .sticky-header { -webkit-box-shadow: 0 2px 15px rgba(125, 125, 125, 0.1); box-shadow: 0 2px 15px rgba(125, 125, 125, 0.1); } .header-style-3 .sticky-header { background: #fff; } .about-section, .about-section-s3 { margin-top: -2px; } @media screen and (min-width: 1200px) { .about-section .section-title, .about-section-s3 .section-title, .about-section .section-title-s4, .about-section-s3 .section-title-s4 { margin-top: 36px; } } @media screen and (min-width: 1200px) { .about-section .about-text, .about-section-s3 .about-text { padding-right: 60px; } } @media screen and (min-width: 992px) { .about-section .about-text, .about-section-s3 .about-text { padding-right: 40px; } } @media (max-width: 991px) { .about-section .about-text, .about-section-s3 .about-text { margin-bottom: 55px; } } .about-section .about-text .theme-btn-s2, .about-section-s3 .about-text .theme-btn-s2 { margin-top: 8px; } .about-section .about-text p, .about-section-s3 .about-text p { margin-bottom: 1.7em; } .services-section, .services-section-s2 { background: #f8f8f8 url("https://dienthienan.com.vn/my_thienan/assets/images/service-section-bg.png") right center/35% no-repeat local; margin-top: -2px; } @media (max-width: 767px) { .services-section, .services-section-s2 { padding-bottom: 80px; } } .services-section .service-text p, .services-section-s2 .service-text p { margin-bottom: 1.5em; } .services-section .service-text h3, .services-section-s2 .service-text h3 { font-size: 22px; font-size: 1.46667rem; font-weight: 300; color: #676e72; line-height: 1.6em; margin: 0 0 1.5em; } @media (max-width: 991px) { .services-section .service-text h3, .services-section-s2 .service-text h3 { font-size: 20px; font-size: 1.33333rem; } } @media (max-width: 767px) { .services-section .service-text h3, .services-section-s2 .service-text h3 { font-size: 18px; font-size: 1.2rem; } } @media (max-width: 991px) { .services-section .service-grids, .services-section-s2 .service-grids { margin-top: 60px; } } .services-section .service-grids .details, .services-section-s2 .service-grids .details { background-color: #fff; padding: 30px 15px; } @media (max-width: 767px) { .services-section .service-grids .details, .services-section-s2 .service-grids .details { padding: 22px 15px; } } .services-section .service-grids .details h3, .services-section-s2 .service-grids .details h3 { font-size: 18px; font-size: 1.2rem; margin: 0; text-transform: uppercase; padding-left: 50px; position: relative; } @media (max-width: 991px) { .services-section .service-grids .details h3, .services-section-s2 .service-grids .details h3 { font-size: 16px; font-size: 1.06667rem; } } @media (max-width: 767px) { .services-section .service-grids .details h3, .services-section-s2 .service-grids .details h3 { padding-left: 25px; } } .services-section .service-grids .details h3:before, .services-section-s2 .service-grids .details h3:before { content: ""; background-color: #cee002; width: 33px; height: 2px; position: absolute; left: 0; top: calc(50% - 2px); } @media (max-width: 767px) { .services-section .service-grids .details h3:before, .services-section-s2 .service-grids .details h3:before { width: 15px; } } .services-section .service-grids .details h3 a, .services-section-s2 .service-grids .details h3 a { color: #323434; } .services-section .service-grids .details h3 a:hover, .services-section-s2 .service-grids .details h3 a:hover { color: #cee002; } .services-section .owl-theme .owl-controls .owl-nav [class*=owl-], .services-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-] { background-color: #fff; width: 50px; height: 50px; line-height: 50px; padding: 0; text-align: center; border-radius: 50%; color: #323434; -webkit-box-shadow: 0px 6px 53.01px 3.99px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 53.01px 3.99px rgba(0, 0, 0, 0.08); } @media screen and (min-width: 768px) { .services-section .owl-theme .owl-controls .owl-nav [class*=owl-], .services-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; margin: 0; } } @media (max-width: 767px) { .services-section .owl-theme .owl-controls .owl-nav [class*=owl-], .services-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 40px; height: 40px; line-height: 40px; border-radius: 0; } } .services-section .owl-theme .owl-controls .owl-nav [class*=owl-]:hover, .services-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background-color: #cee002; color: #fff; } @media screen and (min-width: 768px) { .services-section .owl-theme .owl-controls .owl-nav .owl-prev, .services-section-s2 .owl-theme .owl-controls .owl-nav .owl-prev { left: -25px; } } @media screen and (min-width: 768px) { .services-section .owl-theme .owl-controls .owl-nav .owl-next, .services-section-s2 .owl-theme .owl-controls .owl-nav .owl-next { right: -25px; } } .services-section .owl-theme .owl-controls, .services-section-s2 .owl-theme .owl-controls { margin-top: 20px; } @media screen and (min-width: 768px) { .services-section .owl-theme .owl-controls, .services-section-s2 .owl-theme .owl-controls { width: 100%; margin: 0; position: absolute; left: 0; top: calc(50% - 50px); } } .specialization .specialization-grids, .specialization-s2 .specialization-grids { padding-left: 1px; } .specialization .specialization-grids .grid, .specialization-s2 .specialization-grids .grid { width: 33.33%; float: left; border: 1px solid #e9e7e7; margin: 0 0 0 -1px; padding: 45px; } @media (max-width: 991px) { .specialization .specialization-grids .grid, .specialization-s2 .specialization-grids .grid { padding: 25px; } } @media (max-width: 767px) { .specialization .specialization-grids .grid, .specialization-s2 .specialization-grids .grid { width: 100%; margin: -1px 0 0; } } .specialization .icon, .specialization-s2 .icon { margin-bottom: 25px; } @media (max-width: 991px) { .specialization .icon, .specialization-s2 .icon { margin-bottom: 20px; } } .specialization .icon .fi:before, .specialization-s2 .icon .fi:before { color: #6f6f6f; font-size: 60px; font-size: 4rem; } @media (max-width: 991px) { .specialization .icon .fi:before, .specialization-s2 .icon .fi:before { font-size: 50px; font-size: 3.33333rem; } } .specialization .grid h3, .specialization-s2 .grid h3 { font-size: 20px; font-size: 1.33333rem; margin: 0 0 1em; text-transform: uppercase; font-weight: 600; } @media (max-width: 991px) { .specialization .grid h3, .specialization-s2 .grid h3 { font-size: 18px; font-size: 1.2rem; } } .specialization .grid p, .specialization-s2 .grid p { margin: 0; } .recent-projects { background-color: #fff; } @media (max-width: 991px) { .recent-projects { padding-bottom: 90px; } } @media (max-width: 767px) { .recent-projects { padding-bottom: 70px; } } .recent-projects .projects-grids .grid { position: relative; overflow: hidden; } .recent-projects .grid .hover-content { background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .recent-projects .grid .hover-content:before { content: ""; background: #cee002; width: 2px; height: 70%; position: absolute; left: 40px; top: -100%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; } .recent-projects .grid:hover .hover-content { opacity: 1; top: 0; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .recent-projects .grid:hover .hover-content:before { top: 0; } .recent-projects .grid .details { width: 100%; padding: 0 35px 45px; position: absolute; left: 0; bottom: 0; } .recent-projects .grid .details h3 { font-size: 1rem; font-weight: 600; line-height: 1.3em; margin: 0 0 0.44em; text-transform: uppercase; display: flex; justify-content: center; align-items: center; height: 100%; } .recent-projects .grid .details h3 a { color: #fff; } .recent-projects .grid .details h3 a:hover { } .recent-projects .grid .details p { font-size: 12px; font-size: 0.8rem; font-weight: 300; color: #cee002; margin: 0; text-transform: uppercase; } .single-projects .recent-projects .grid .details p { text-align: center; } .recent-projects .owl-theme .owl-controls .owl-nav [class*=owl-] { background-color: #fff; width: 60px; height: 60px; line-height: 60px; padding: 0; text-align: center; border-radius: 50%; color: #323434; -webkit-box-shadow: 0px 6px 53.01px 3.99px rgba(0, 0, 0, 0.08); box-shadow: 0px 6px 53.01px 3.99px rgba(0, 0, 0, 0.08); } @media screen and (min-width: 768px) { .recent-projects .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; margin: 0; } } @media (max-width: 767px) { .recent-projects .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 40px; height: 40px; line-height: 40px; border-radius: 0; } } .recent-projects .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background-color: #cee002; color: #fff; } .recent-projects .owl-theme .owl-controls { margin-top: 50px; } .recent-projects .owl-theme .owl-dots .owl-dot span { background: #fff; width: 14px; height: 14px; -webkit-box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.18); } .recent-projects .owl-theme .owl-dots .owl-dot.active span { background-color: #cee002; } .testimonials-section { position: relative; } @media screen and (min-width: 992px) { .testimonials-section { padding-bottom: 300px; } } .testimonials-section .testimonials-grids { padding: 70px 0 0 65px; } @media (max-width: 991px) { .testimonials-section .testimonials-grids { padding: 0; } } .testimonials-section .left-grid { background-color: rgba(255, 255, 255, 0.9); width: 380px; float: left; position: relative; z-index: 1; padding: 65px 40px; } @media (max-width: 991px) { .testimonials-section .left-grid { width: 100%; float: none; background-color: #fff; -webkit-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.14); } } @media (max-width: 767px) { .testimonials-section .left-grid { padding: 50px 25px; } } .testimonials-section .right-grid { background-color: #fff; width: calc(100% - 380px); float: right; position: relative; z-index: 1; padding: 68px 60px; -webkit-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.14); } @media (max-width: 991px) { .testimonials-section .right-grid { width: 100%; float: none; padding: 65px 40px; } } @media (max-width: 767px) { .testimonials-section .right-grid { padding: 50px 25px; } } .testimonials-section .left-col-pic { position: absolute; left: 15px; top: 0; } @media (max-width: 991px) { .testimonials-section .left-col-pic { display: none; } } .testimonials-section .left-grid .details p { margin-bottom: 2.5em; font-family: 'Roboto Condensed'!important; font-size: 16px; } .testimonials-grids .theme-btn-s3{ font-weight: 300; letter-spacing: 0; text-transform: none; } .testimonials-section .testimonials-slider-grids .grid > p { font-size: 18px; font-weight: 400; line-height: 1.8em; margin: 0 0 2em; font-family: 'Roboto Condensed'!important; } @media (max-width: 1199px) { .testimonials-section .testimonials-slider-grids .grid > p { font-size: 16px; font-size: 1.06667rem; } } .testimonials-section .client-info { min-height: 90px; position: relative; padding-left: 120px; } @media (max-width: 767px) { .testimonials-section .client-info { padding-left: 0; } } .testimonials-section .client-info .img-holder { position: absolute; left: 0; } .testimonials-section .client-info .img-holder img { border-radius: 50%; } @media (max-width: 767px) { .testimonials-section .client-info .img-holder { position: static; } } .testimonials-section .client-details { padding-top: 15px; } .testimonials-section .client-details h4 { font-size: 20px; font-size: 1.33333rem; font-weight: normal; color: #7b7a7a; margin: 0 0 0.4em; } .testimonials-section .client-details h4 + p { font-size: 14px; font-size: 0.93333rem; margin: 0; } .testimonials-section .owl-controls { margin-top: 30px; } .testimonials-section .owl-theme .owl-dots .owl-dot span { background: #e6e6e6; width: 14px; height: 14px; } .testimonials-section .owl-theme .owl-dots .owl-dot.active span { background-color: #cee002; } .recent-blog-section { background-color: #fff; } @media screen and (min-width: 992px) { .recent-blog-section { padding-bottom: 100px; } } .recent-blog-section .blog-grids { margin: 0 -1px; } .recent-blog-section .blog-grids .grid { width: calc(33.33% - 2px); float: left; margin: 0 1px; } .recent-blog-section.blog-page .blog-grids .grid { width: calc(33.33% - 20px); float: left; margin: 0 10px 25px; } @media (max-width: 991px) { .recent-blog-section .blog-grids .grid { width: calc(50% - 2px); } .recent-blog-section.blog-page .blog-grids .grid { width: calc(33.33% - 20px); } } @media (max-width: 650px) { .recent-blog-section .blog-grids .grid { width: calc(100% - 2px); } .recent-blog-section.blog-page .blog-grids .grid { width: calc(50% - 20px); } } @media (max-width: 480px) { .recent-blog-section.blog-page .blog-grids .grid { width: calc(100% - 20px); } } .recent-blog-section .grid .details { background-color: #fff; padding: 15px; -webkit-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1); } @media (max-width: 1199px) { .recent-blog-section .grid .details { padding: 15px; } } @media (max-width: 767px) { .recent-blog-section .grid .details { padding: 15px; } } .recent-blog-section .grid .details h3 { font-size: 20px; font-size: 1.2rem; line-height: 1.5em; font-weight: normal; margin: .5em 0 0; } @media (max-width: 991px) { .recent-blog-section .grid .details h3 { font-size: 18px; font-size: 1.2rem; } } .recent-blog-section .grid .details h3 a { color: #414141; } .recent-blog-section .grid .details h3 a:hover { color: #cee002; } .recent-blog-section .entry-meta { list-style: none; overflow: hidden; } .recent-blog-section .entry-meta li { float: left; } .recent-blog-section .entry-meta > li + li { margin-left: 25px; } .recent-blog-section .entry-meta li a { font-size: 13px; color: #8f9aa7; } @media (max-width: 1199px) { .recent-blog-section .entry-meta li a { font-size: 13px; font-size: 0.86667rem; } } .recent-blog-section .entry-meta i { display: inline-block; padding-right: 3px; } .recent-blog-section .entry-meta li a:hover { color: #cee002; } @media screen and (min-width: 992px) { .partners-section { margin-top: -90px; } } @media (max-width: 991px) { .partners-section { margin-top: 100px; } } @media (max-width: 767px) { .partners-section { margin-top: 90px; } } .partners-section .partner-grids { background-color: #fff; padding: 50px 40px 43px; border: 1px solid #e9e9e9; } @media (max-width: 767px) { .partners-section .partner-grids { padding: 40px 20px 33px; } } .contact-section { background: #fff; } .contact-section .contact-title { margin-bottom: 25px; } .contact-section .contact-title h2 { font-size: 36px; font-size: 2.4rem; font-weight: normal; line-height: 1em; margin: -3px 0 0.77em; text-transform: uppercase; } @media (max-width: 991px) { .contact-section .contact-title h2 { font-size: 30px; font-size: 2rem; } } @media (max-width: 767px) { .contact-section .contact-title h2 { font-size: 25px; font-size: 1.66667rem; } } .contact-section .contact-title h2 + p { font-size: 20px; font-size: 1.33333rem; font-weight: 300; color: #788595; margin: 0; } @media (max-width: 767px) { .contact-section .contact-title h2 + p { font-size: 17px; font-size: 1.13333rem; } } .contact-section .details ul { list-style: none; margin-top: 50px; } @media (max-width: 991px) { .contact-section .details ul { max-width: 500px; } } @media (max-width: 767px) { .contact-section .details ul { max-width: 300px; } } .contact-section .details ul li { width: 50%; float: left; position: relative; padding-left: 75px; padding-top: 10px; margin-bottom: 45px; height: 55px; } @media (max-width: 767px) { .contact-section .details ul li { padding-left: 60px; padding-top: 5px; } } .contact-section .details ul h5 { font-size: 16px; font-size: 1.06667rem; font-weight: normal; color: #484848; margin: 0 0 0.38em; text-transform: uppercase; } @media (max-width: 767px) { .contact-section .details ul h5 { font-size: 14px; font-size: 0.93333rem; } } .contact-section .details ul span { font-size: 15px; font-size: 1rem; font-weight: normal; color: #8f9aa7; } @media (max-width: 767px) { .contact-section .details ul span { font-size: 13px; font-size: 0.86667rem; } } @media (max-width: 400px) { .contact-section .details ul span { font-size: 11px; font-size: 0.73333rem; } } .contact-section .details ul > li:nth-child(3n) { margin-left: 0; } .contact-section .details .icon { width: 60px; height: 60px; line-height: 70px; text-align: center; border: 1px solid #f7f4f4; border-radius: 50%; -webkit-box-shadow: 0px 6px 12.35px 0.65px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 12.35px 0.65px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } @media (max-width: 767px) { .contact-section .details .icon { width: 50px; height: 50px; line-height: 60px; } } .contact-section .details .icon i { font-size: 25px; font-size: 1.66667rem; color: #cee002; } .contact-section .details .icon i.ti-zalo { content: url('https://dienthienan.com.vn/media/2022/11/zalo-2.png'); } @media (max-width: 767px) { .contact-section .details .icon i { font-size: 20px; font-size: 1.33333rem; } } .contact-section .contact-form-area { position: relative; overflow: hidden; } .contact-section .contact-form-area .contact-pic { float: right; } @media (max-width: 767px) { .contact-section .contact-form-area .contact-pic { display: none; } } .contact-section .contact-form-area .contact-form-holder { width: 470px; background-color: rgba(255, 255, 255, 0.97); padding: 35px 45px 40px; border: 1px solid #eaeaea; position: absolute; left: 45px; top: 15%; } @media (max-width: 1199px) { .contact-section .contact-form-area .contact-form-holder { left: 0; } } @media (max-width: 767px) { .contact-section .contact-form-area .contact-form-holder { width: 100%; position: static; padding: 25px; margin-top: 30px; } } .contact-section .contact-form-area form > div { margin-bottom: 25px; } .contact-section .contact-form-area form > div:last-child { margin-bottom: 0; } .contact-section .contact-form-area form input, .contact-section .contact-form-area form textarea { font-size: 14px; font-size: 0.93333rem; background: transparent; height: 50px; padding: 0; border: 0; border-bottom: 1px solid #eaeaea; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .contact-section .contact-form-area form input:focus, .contact-section .contact-form-area form textarea:focus { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 767px) { .contact-section .contact-form-area form input, .contact-section .contact-form-area form textarea { font-size: 15px; font-size: calc(15); } } .contact-section .contact-form-area form textarea { height: 100px; } .contact-section .contact-form-area form .submit-btn-wrapper { margin-bottom: 0; } .contact-section .contact-form-area form ::-webkit-input-placeholder { font-style: 14; font-style: normal; color: #abb1b8; } .contact-section .contact-form-area form :-moz-placeholder { font-style: 14; font-style: normal; color: #abb1b8; } .contact-section .contact-form-area form ::-moz-placeholder { font-style: 14; font-style: normal; color: #abb1b8; } .contact-section .contact-form-area form :-ms-input-placeholder { font-style: 14; font-style: normal; color: #abb1b8; } .contact-section .contact-form-area form ::-webkit-input-placeholder { text-transform: uppercase; } .contact-section .contact-form-area form :-moz-placeholder { text-transform: uppercase; } .contact-section .contact-form-area form ::-moz-placeholder { text-transform: uppercase; } .contact-section .contact-form-area form :-ms-input-placeholder { text-transform: uppercase; } .about-section-s2 .img-holder { float: right; } @media (max-width: 767px) { .about-section-s2 .img-holder { display: none; } } .about-section-s2 .about-details { background: #fff; max-width: 670px; border: 1px solid #e7e4e4; padding: 70px 55px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .about-section-s2 .about-details { padding: 60px 45px; } .navbar-brand>img { margin-top: 10px; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px; } } @media (max-width: 767px) { .about-section-s2 .about-details { background-color: transparent; padding: 0; border: 0; position: static; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } .about-section-s2 .about-details p { margin-bottom: 1.2em; } .about-section-s2 .about-details .theme-btn-s2 { margin-top: 20px; } .recent-projects-s2 { background-color: #f8f8f8; } .recent-projects-s2 .projects-grids .grid { margin-bottom: 80px; } @media (max-width: 991px) { .recent-projects-s2 .projects-grids .grid { margin-bottom: 70px; } } @media (max-width: 767px) { .recent-projects-s2 .projects-grids .grid { margin-bottom: 60px; } } .recent-projects-s2 .grid { overflow: hidden; position: relative; } .recent-projects-s2 .grid .project-pic { width: 670px; float: left; } @media (max-width: 1199px) { .recent-projects-s2 .grid .project-pic { width: 500px; } } @media (max-width: 991px) { .recent-projects-s2 .grid .project-pic { width: auto; float: none; } } .recent-projects-s2 .grid .details { background-color: #fff; width: calc(100% - 670px); height: 100%; position: absolute; right: 0; top: 0; } @media (max-width: 1199px) { .recent-projects-s2 .grid .details { width: calc(100% - 500px); } } @media (max-width: 991px) { .recent-projects-s2 .grid .details { width: auto; float: none; position: static; } } .recent-projects-s2 .right-text .details { left: 0; right: auto; text-align: right; } @media (max-width: 991px) { .recent-projects-s2 .right-text .details { text-align: left; } } .recent-projects-s2 .right-text .project-pic { float: right; } .recent-projects-s2 .grid .details .inner { padding: 0 50px; margin-top: -12px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .recent-projects-s2 .grid .details .inner { padding: 40px 50px 50px; position: static; top: auto; -webkit-transform: none; -moz-transform: none; -transform: none; } } @media (max-width: 767px) { .recent-projects-s2 .grid .details .inner { padding: 30px 25px 40px; } } .recent-projects-s2 .count { font-size: 72px; font-size: 4.8rem; color: #efefef; position: relative; } .recent-projects-s2 .count:before { content: ""; background-color: #cee002; width: 80px; height: 4px; position: absolute; left: -92px; bottom: 20px; } @media (max-width: 991px) { .recent-projects-s2 .count:before { display: none; } } @media (max-width: 1199px) { .recent-projects-s2 .count { font-size: 50px; font-size: 3.33333rem; } } .recent-projects-s2 .right-text .count:before { left: auto; right: -92px; bottom: 20px; } .recent-projects-s2 .grid .details h4 { font-size: 22px; font-size: 1.46667rem; font-weight: 500; margin: 1em 0 1.45em; text-transform: uppercase; } @media (max-width: 1199px) { .recent-projects-s2 .grid .details h4 { margin: 0.5em 0 0.6em; } } @media (max-width: 767px) { .recent-projects-s2 .grid .details h4 { font-size: 20px; font-size: 1.33333rem; } } .recent-projects-s2 .grid .details p { margin-bottom: 2.5em; } @media (max-width: 1199px) { .recent-projects-s2 .grid .details p { margin-bottom: 1.5em; } } .recent-projects-s2 .view-all { line-height: 0.5em; text-align: center; } .recent-projects-s2 .view-all a { font-weight: 500; color: #cee002; text-transform: uppercase; } .recent-projects-s2 .view-all a i { display: inline-block; padding: 0 0 0 3px; position: relative; top: 2px; } .recent-projects-s2 .view-all a:hover { color: #a0ad02; } @media screen and (min-width: 1200px) { .about-section-s3 .section-title, .about-section-s3 .section-title-s4 { margin-top: 45px; } } .services-section-s2 { background: url("https://dienthienan.com.vn/my_thienan/assets/images/service-section-bg-s2.jpg") center center/cover no-repeat local; position: relative; border-top: 1px solid #f1efef; } .services-section-s2:before { content: ""; background-color: rgba(255, 255, 255, 0.97); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .recent-projects-s3 { background-color: #f8f8f8; } .recent-projects-s3 .projects-menu { text-align: center; margin: 15px 0 40px; } @media (max-width: 991px) { .recent-projects-s3 .projects-menu { margin: 15px 0 30px; } } .recent-projects-s3 .projects-menu ul { list-style: none; display: inline-block; overflow: hidden; } .recent-projects-s3 .projects-menu li { float: left; } @media (max-width: 767px) { .recent-projects-s3 .projects-menu li { float: none; } } @media (max-width: 767px) { .recent-projects-s3 .projects-menu ul > li + li { margin-top: 8px; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 15px; } } .recent-projects-s3 .projects-menu li a { font-size: 16px; font-size: 1.06667rem; text-transform: uppercase; color: #2a2a2a; padding: 10px 20px; border-radius: 45px; display: inline-block; } @media (max-width: 991px) { .recent-projects-s3 .projects-menu li a { font-size: 14px; font-size: 0.93333rem; padding: 8px 16px; } } .recent-projects-s3 .projects-menu li a.current { background-color: #cee002; color: #fff; } .recent-projects-s3 .projects-grids .grid { width: 25%; position: relative; overflow: hidden; padding:0px 7px; } @media (max-width: 1199px) { .recent-projects-s3 .projects-grids .grid { width: 50%; } } @media (max-width: 600px) { .recent-projects-s3 .projects-grids .grid { width: 100%; } } .recent-projects-s3 .grid .hover-content { background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .recent-projects-s3 .grid:hover .hover-content { opacity: 1; top: -60px; -webkit-transform: scale(0.95, 1); -ms-transform: scale(0.95, 1); transform: scale(0.95, 1); } .recent-projects-s3 .grid:hover .hover-content:before { top: 0; } .recent-projects-s3 .grid .details { width: 100%; padding: 0 35px 45px; position: absolute; left: 0; bottom: 0; } .recent-projects-s3 .grid .details h3 { font-size: 18px; font-size: 1.2rem; font-weight: 500; line-height: 1.3em; margin: 0 0 0.44em; text-transform: uppercase; } .recent-projects-s3 .grid .details h3 a { color: #dddddd; } .recent-projects-s3 .grid .details h3 a:hover { color: #cee002; } .recent-projects-s3 .grid .details p { font-size: 12px; font-size: 0.8rem; font-weight: 300; color: #cee002; margin: 0; text-transform: uppercase; } .recent-projects-s3 .view-all { text-align: center; margin-top: 50px; } .recent-projects-s3 .view-all a { font-weight: 500; color: #cee002; text-transform: uppercase; } .recent-projects-s3 .view-all a i { display: inline-block; padding: 0 0 0 3px; position: relative; top: 2px; } .recent-projects-s3 .view-all a:hover { color: #a0ad02; } .testimonials-section-s2 { background: url("https://dienthienan.com.vn/my_thienan/assets/images/testimonials-bg.png") center center/auto repeat local; } .testimonials-section-s2 .testimonials-grids .grid { background-color: #fff; padding: 45px 50px; border: 1px solid #f3f3f3; position: relative; } .testimonials-section-s2 .testimonials-grids .grid:before { content: "\e67e"; font-family: "themify"; font-size: 80px; font-size: 5.33333rem; color: rgba(206, 224, 2, 0.25); position: absolute; right: 50px; bottom: 30px; } @media (max-width: 500px) { .testimonials-section-s2 .testimonials-grids .grid:before { display: none; } } @media (max-width: 767px) { .testimonials-section-s2 .testimonials-grids .grid { padding: 25px; } } .testimonials-section-s2 .client-info { min-height: 90px; padding-left: 120px; margin-top: 25px; position: relative; } @media (max-width: 767px) { .testimonials-section-s2 .client-info { padding-left: 100px; } } .testimonials-section-s2 .client-info .img-holder { position: absolute; left: 0; } @media (max-width: 767px) { .testimonials-section-s2 .client-info .img-holder { max-width: 80px; } } .testimonials-section-s2 .client-info .img-holder img { border-radius: 50%; } .testimonials-section-s2 .client-details { padding-top: 15px; } .testimonials-section-s2 .client-details h4 { font-size: 18px; font-size: 1.2rem; color: #7b7a7a; font-weight: normal; margin: 0 0 0.3em; } .testimonials-section-s2 .client-details p { font-size: 13px; font-size: 0.86667rem; margin: 0; } .testimonials-section-s2 .owl-controls { margin-top: 50px; } .testimonials-section-s2 .owl-controls .owl-nav [class*=owl-] { background: transparent; padding: 0; color: #b9b9b9; font-weight: 500; letter-spacing: 2px; margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .testimonials-section-s2 .owl-controls .owl-nav [class*=owl-]:hover { background: transparent; color: #cee002; } .about-pg-section { padding-bottom: 75px; } @media (max-width: 991px) { .about-pg-section { padding-bottom: 60px; } } @media (max-width: 767px) { .about-pg-section { padding-bottom: 50px; } } @media screen and (min-width: 1200px) { .about-pg-section .about-text { padding-top: 45px; } } .about-pg-section .about-text h2 { font-size: 36px; font-size: 2.4rem; line-height: 1.2em; margin: -0.27em 0 0.8em; text-transform: capitalize; } @media (max-width: 991px) { .about-pg-section .about-text h2 { font-size: 30px; font-size: 2rem; } } @media (max-width: 767px) { .about-pg-section .about-text h2 { font-size: 25px; font-size: 1.66667rem; } } .about-pg-section .about-text .info { margin-top: 35px; } .about-pg-section .about-text .info img { display: block; margin-bottom: 15px; } .about-pg-section .about-text .info h4 { margin: 0 0 0.7em; } .about-pg-section .about-text .info h4 + span { color: #cee002; } .about-pg-section .video-holder { margin-left: 10px; position: relative; } @media screen and (min-width: 1200px) { .about-pg-section .video-holder { margin-left: 100px; } } @media (max-width: 991px) { .about-pg-section .video-holder { max-width: 570px; margin: 60px 0 0; } } .about-pg-section .video-holder .fi:before { font-size: 70px; font-size: 4.66667rem; color: #cee002; } @media (max-width: 767px) { .about-pg-section .video-holder .fi:before { font-size: 50px; font-size: 3.33333rem; } } .about-pg-section .video-holder a { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .about-pg-section .mission-vission { margin-top: 93px; } @media (max-width: 991px) { .about-pg-section .mission-vission { margin-top: 73px; } } @media (max-width: 767px) { .about-pg-section .mission-vission { margin-top: 63px; } } @media (max-width: 991px) { .about-pg-section .mission-vission > .col + .col { margin-top: 40px; } } .about-pg-section .mission-vission h3 { font-size: 30px; font-size: 2rem; margin: -0.17em 0 0.6em; text-transform: uppercase; } @media (max-width: 991px) { .about-pg-section .mission-vission h3 { font-size: 22px; font-size: 1.46667rem; } } @media (max-width: 767px) { .about-pg-section .mission-vission h3 { font-size: 20px; font-size: 1.33333rem; } } .about-pg-history { border-top: 1px solid #e6e6e6; padding-bottom: 30px; } .about-pg-history .section-title, .about-pg-history .section-title-s4 { padding-left: 0; } .about-pg-history .history-grids .grid { width: calc(50% - 70px); float: left; padding: 0 0 0 50px; margin-bottom: 80px; position: relative; } @media (max-width: 991px) { .about-pg-history .history-grids .grid { width: calc(50% - 10px); margin-bottom: 60px; } } @media (max-width: 767px) { .about-pg-history .history-grids .grid { width: 100%; margin-bottom: 50px; } } .about-pg-history .history-grids .grid:before { content: ""; background-color: #dcdcdc; width: 1px; height: 100%; position: absolute; left: 0; top: 0; } .about-pg-history .history-grids .grid:after { content: ""; background-color: #cee002; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 50%; position: absolute; left: -6px; top: 32px; } .about-pg-history .history-grids .grid:nth-child(odd) { width: calc(50% + 70px); padding-right: 150px; } @media (max-width: 991px) { .about-pg-history .history-grids .grid:nth-child(odd) { width: calc(50% + 10px); padding-right: 35px; } } @media (max-width: 767px) { .about-pg-history .history-grids .grid:nth-child(odd) { width: 100%; } } .about-pg-history .history-grids .date { font-size: 16px; font-size: 1.06667rem; font-weight: 500; color: #cee002; } .about-pg-history .history-grids .grid h3 { font-size: 18px; font-size: calc(18); margin: 0.5em 0 1em; position: relative; text-transform: uppercase; } .about-pg-history .history-grids .grid h3:before { content: ""; background-color: #dcdcdc; width: 33px; height: 1px; position: absolute; left: -50px; top: 7px; } .fun-fact-section { background: url("https://dienthienan.com.vn/my_thienan/assets/images/fun-fact-bg.jpg") center center/cover no-repeat fixed; padding: 80px 0 90px; position: relative; } .fun-fact-section:before { content: ""; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } @media (max-width: 991px) { .fun-fact-section { padding: 70px 0 20px; } } .fun-fact-section .funfact-grids { overflow: hidden; } .fun-fact-section .funfact-grids .grid { width: 25%; float: left; position: relative; padding-left: 70px; } @media (max-width: 1199px) { .fun-fact-section .funfact-grids .grid { padding-left: 60px; } } @media (max-width: 991px) { .fun-fact-section .funfact-grids .grid { width: 50%; margin-bottom: 50px; } } @media (max-width: 767px) { .fun-fact-section .funfact-grids .grid { padding-left: 50px; } } @media (max-width: 500px) { .fun-fact-section .funfact-grids .grid { width: 100%; float: none; } } .fun-fact-section .odometer-inside { } .fun-fact-section .icon { position: absolute; left: 0; top: 5px; } .fun-fact-section .fi:before { font-size: 50px; font-size: 50px; color: #cee002; } @media (max-width: 1199px) { .fun-fact-section .fi:before { font-size: 40px; font-size: 40px; } } @media (max-width: 767px) { .fun-fact-section .fi:before { font-size: 35px; font-size: 35px; } } .fun-fact-section h3 { font-size: 60px; font-size: 60px; font-weight: 300; color: #fff; margin: 0; line-height: 0.9em; } @media (max-width: 1199px) { .fun-fact-section h3 { font-size: 50px; font-size: 50px; } } @media (max-width: 991px) { .fun-fact-section h3 { font-size: 45px; font-size: 45px; } } @media (max-width: 767px) { .fun-fact-section h3 { font-size: 40px; font-size: 40px; } } .fun-fact-section p { font-size: 18px; font-size: 1.2rem; color: #bcbcbc; margin: 0; } @media (max-width: 991px) { .fun-fact-section p { font-size: 16px; font-size: 1.06667rem; } } @media (max-width: 767px) { .fun-fact-section p { font-size: 14px; font-size: 0.93333rem; } } .specialization-s2 { background-color: #f9f9f9; } .contact-pg-section { } .contact-pg-section .section-title, .contact-pg-section .section-title-s4 { padding-left: 0; } .contact-pg-section .contact-area-left-col p { font-size: 20px; font-size: 1.33333rem; font-weight: 300; margin: -1em 0 3em; } @media (max-width: 767px) { .contact-pg-section .contact-area-left-col p { font-size: 18px; font-size: 1.2rem; margin: -1em 0 2.5em; } } .contact-pg-section .contact-form-area { position: relative; overflow: hidden; } @media (max-width: 767px) { .contact-pg-section .contact-form-area .contact-pic { display: none; } } .contact-pg-section .contact-form-area .contact-form-holder { width: 470px; background-color: rgba(255, 255, 255, 0.97); padding: 35px 45px 40px; border: 1px solid #eaeaea; position: absolute; right: 0; top: 0%; } @media (max-width: 991px) { .contact-pg-section .contact-form-area .contact-form-holder { left: 0; } } @media (max-width: 767px) { .contact-pg-section .contact-form-area .contact-form-holder { width: 100%; position: static; padding: 25px; } } .contact-pg-section .contact-form-area form > div { margin-bottom: 25px; } .contact-pg-section .contact-form-area form > div:last-child { margin-bottom: 0; } .contact-pg-section .contact-form-area form input, .contact-pg-section .contact-form-area form textarea { font-size: 14px; font-size: 0.93333rem; background: transparent; height: 50px; padding: 0; border: 0; border-bottom: 1px solid #eaeaea; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .contact-pg-section .contact-form-area form input:focus, .contact-pg-section .contact-form-area form textarea:focus { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 767px) { .contact-pg-section .contact-form-area form input, .contact-pg-section .contact-form-area form textarea { font-size: 15px; font-size: calc(15); } } .contact-pg-section .contact-form-area form textarea { height: 100px; } .contact-pg-section .contact-form-area form .submit-btn-wrapper { margin-bottom: 0; } .contact-pg-section .contact-form-area form ::-webkit-input-placeholder { font-style: 14; font-style: normal; color: #abb1b8; } .contact-pg-section .contact-form-area form :-moz-placeholder { font-style: 14; font-style: normal; color: #abb1b8; } .contact-pg-section .contact-form-area form ::-moz-placeholder { font-style: 14; font-style: normal; color: #abb1b8; } .contact-pg-section .contact-form-area form :-ms-input-placeholder { font-style: 14; font-style: normal; color: #abb1b8; } .contact-pg-section .contact-form-area form ::-webkit-input-placeholder { text-transform: uppercase; } .contact-pg-section .contact-form-area form :-moz-placeholder { text-transform: uppercase; } .contact-pg-section .contact-form-area form ::-moz-placeholder { text-transform: uppercase; } .contact-pg-section .contact-form-area form :-ms-input-placeholder { text-transform: uppercase; } .contact-pg-section .contact-info-area { padding-left: 100px; margin-top: 100px; background: url("https://dienthienan.com.vn/my_thienan/assets/images/contact-map.png") center center/100% no-repeat local; } @media (max-width: 1199px) { .contact-pg-section .contact-info-area { padding-left: 60px; } } @media (max-width: 991px) { .contact-pg-section .contact-info-area { margin-top: 70px; padding-left: 0; } } @media (max-width: 767px) { .contact-pg-section .contact-info-area { margin-top: 60px; } } .contact-pg-section .contact-info-area .title h3 { font-size: 36px; font-size: 2.4rem; font-weight: normal; margin: 0 0 0.56em; } @media (max-width: 991px) { .contact-pg-section .contact-info-area .title h3 { font-size: 30px; font-size: 2rem; } } .contact-pg-section .contact-info ul { list-style: none; margin-top: 55px; } @media (max-width: 991px) { .contact-pg-section .contact-info ul { margin-top: 45px; } } @media (max-width: 767px) { .contact-pg-section .contact-info ul { margin-top: 35px; } } .contact-pg-section .contact-info ul li { position: relative; padding-left: 75px; } .contact-pg-section .contact-info ul > li + li { margin-top: 40px; } .contact-pg-section .contact-info ul .icon { width: 60px; height: 60px; line-height: 70px; text-align: center; border: 1px solid #cee002; border-radius: 50%; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.18); position: absolute; left: 0; top: 0; } @media (max-width: 767px) { .contact-pg-section .contact-info ul .icon { width: 50px; height: 50px; line-height: 60px; } } .contact-pg-section .contact-info ul .icon i { font-size: 25px; font-size: 1.66667rem; color: #cee002; } @media (max-width: 767px) { .contact-pg-section .contact-info ul .icon i { font-size: 20px; font-size: 1.33333rem; } } .contact-pg-section .contact-info ul p { font-size: 18px; font-size: 1.2rem; font-weight: normal; margin: 0; } @media (max-width: 991px) { .contact-pg-section .contact-info ul p { font-size: 16px; font-size: 1.06667rem; } } .contact-map-section { padding-top: 0; } .contact-map-section .contact-map { width: 100%; height: 450px; } @media (max-width: 767px) { .contact-map-section .contact-map { height: 350px; } } .contact-map-section iframe { width: 100%; height: 100%; border: 0; outline: 0; } @media screen and (min-width: 1200px) { .service-single-section .service-single-content { padding-left: 20px; } } .service-single-section .service-single-content .service-pic { margin-bottom: 50px; } .service-single-section .service-single-content .theme-btn, .service-single-section .service-single-content .theme-btn-s3, .service-single-section .service-single-content .theme-btn-s4 { margin-top: 20px; } .service-single-section .service-single-content h2 { font-size: 36px; font-size: 2.4rem; font-weight: normal; margin: 1em 0; } @media (max-width: 991px) { .service-single-section .service-single-content h2 { font-size: 33px; font-size: 2.2rem; } } @media (max-width: 767px) { .service-single-section .service-single-content h2 { font-size: 30px; font-size: 2rem; } } .service-single-section .service-single-content h3 { font-size: 26px; font-size: 1.73333rem; font-weight: normal; margin: 1.2em 0; } @media (max-width: 767px) { .service-single-section .service-single-content h3 { font-size: 24px; font-size: 1.6rem; } } .service-single-section .service-single-content p { margin-bottom: 1.3em; } .service-single-section .service-single-content ul { list-style: none; font-size: 16px; font-size: 1.06667rem; margin-bottom: 40px; } @media (max-width: 767px) { .service-single-section .service-single-content ul { font-size: 15px; font-size: 1rem; } } .service-single-section .service-single-content ul li { position: relative; padding-left: 25px; line-height: 1.7em; } .service-single-section .service-single-content ul > li + li { margin-top: 12px; } .service-single-section .service-single-content ul li i { display: inline-block; color: #cee002; position: absolute; left: 0; top: 5px; } @media screen and (min-width: 1200px) { .service-single-section .service-details-content { background: #fff; width: calc(100% - 60px); padding: 68px 55px 75px; margin: -100px auto 0; position: relative; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); } .service-single-section .service-details-content > h2 { margin-top: 0; } } .project-single-section .project-single-info { position: relative; } .project-single-section .content h2 { font-size: 28px; font-size: 1.86667rem; font-weight: normal; margin: 1.2em 0; } @media (max-width: 991px) { .project-single-section .content h2 { font-size: 26px; font-size: 1.73333rem; } } .project-single-section .content h3 { font-size: 24px; font-size: 1.6rem; font-weight: normal; margin: 1.2em 0; } .project-single-section .content p { margin-bottom: 1.5em; line-height: 2em; } .project-single-section .content ul { list-style: none; padding-top: 10px; } .project-single-section .content ul > li + li { margin-top: 15px; } .project-single-section .content ul li { position: relative; padding-left: 25px; line-height: 1.7em; } .project-single-section .content ul li i { color: #cee002; position: absolute; left: 0; top: 5px; } .project-single-section .project-pic { max-width: 750px; margin-bottom: 30px; } @media (max-width: 991px) { .project-single-section .overview { margin-top: 50px; } } .project-single-section .project-info { background-color: #fff; padding: 0; margin-top: 50px; height: 100%; } @media (max-width: 1199px) { .project-single-section .project-info { padding: 30px; } } @media (max-width: 991px) { .project-single-section .project-info { width: 100%; margin-top: 70px; position: static; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } .project-single-section .project-info h3 { font-size: 26px; font-size: 1.73333rem; font-weight: normal; line-height: 1.38em; margin: 0 0 1.3em; } .project-single-section .project-info ul { list-style: none; font-size: 16px; font-size: 1.06667rem; color: #fff; } .project-single-section .project-info ul li { padding-left: 0; line-height: 1.7em; color: #8f9aa7; } @media (max-width: 1199px) { .project-single-section .project-info ul li { font-size: 14px; font-size: 0.93333rem; line-height: 1.64em; } } .project-single-section .project-info ul > li + li { margin-top: 15px; } .project-single-section .project-info ul li span { color: #cee002; } .project-single-section .prev-next { max-height: 45px; text-align: center; margin-top: 60px; } .project-single-section .prev-next ul { list-style: none; overflow: hidden; display: inline-block; } .project-single-section .prev-next ul li { display: inline-block; } .project-single-section .prev-next ul a { background-color: #cee002; display: block; padding: 12px 25px 12px 15px; text-transform: uppercase; color: #fff; font-weight: 500; } .project-single-section .prev-next ul a i { display: inline-block; padding: 0 5px; } .project-single-section .prev-next ul a:hover { background-color: #b7c702; } .project-single-section .prev-next ul li:last-child a { padding: 12px 15px 12px 25px; } .project-single-section .owl-controls { position: absolute; left: 0; bottom: 0; margin: 0; } .project-single-section .owl-controls .owl-nav [class*=owl-] { background: rgba(206, 224, 2, 0.3); width: 50px; height: 50px; line-height: 50px; padding: 0; margin: 0; border-radius: 0; } .project-single-section .owl-controls .owl-nav [class*=owl-]:hover { background-color: #cee002; } .project-single-section .owl-controls .owl-nav .owl-next { border-left: 1px solid rgba(206, 224, 2, 0.2); } .shop-section .shop-grids { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  } .shop-section .shop-grids .grid { width: calc(33.33% - 20px); float: left; margin: 0 10px 25px; } .shop-section.related-product .shop-grids .grid { width: calc(25% - 20px); } @media (max-width: 767px) { .shop-section .shop-grids .grid { width: calc(50% - 20px); } .shop-section.related-product .shop-grids .grid { width: calc(50% - 20px); } } @media (max-width: 550px) { .shop-section .shop-grids .grid { width: calc(50% - 20px); float: left; } .shop-section.related-product .shop-grids .grid { width: calc(50% - 20px); float: left; } .fix-image-height{ height:162px!important; } .mouse-follower{ display:none!important; } } .shop-section .img-addtocart { position: relative; } .shop-section .img-addtocart ul { list-style: none; overflow: hidden; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .shop-section .img-addtocart ul li { float: left; } .shop-section .img-addtocart ul > li + li { margin-left: 5px; } .shop-section .img-addtocart ul a { background-color: #cee002; width: 50px; height: 50px; line-height: 55px; text-align: center; font-size: 20px; font-size: 1.33333rem; color: #fff; border-radius: 50%; display: block; } .shop-section .shop-grids .grid:hover .img-addtocart ul { opacity: 1; visibility: visible; bottom: 30px; } .shop-section .grid .details { text-align: left; padding: 10px; -webkit-box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06); box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06); } .shop-section .grid .details h4 { font-size: 20px; font-size: 1.33333rem; font-weight: 400; line-height: 1.4em; margin: 0 0 0.3em; } @media (max-width: 991px) { .shop-section .grid .details h4 { font-size: 18px; font-size: 1.0rem; } } .shop-section .grid .details h4 a { color: #2a2a2a; } .shop-section .grid .details h4 a:hover { color: #cee002; } .shop-section .grid .details .price { font-size: 20px; font-size: 1.33333rem; color: #cee002; } @media (max-width: 991px) { .shop-section .grid .details .price { font-size: 18px; font-size: 1.2rem; } } .shop-details-section { } .shop-details-section .shop-single-slider .slider-for { text-align: center; } .shop-details-section .shop-single-slider .slider-for img { display: inline-block; } .shop-details-section .shop-single-slider .slider-nav { padding: 0 25px; margin-top: 35px; } .shop-details-section .shop-single-slider .slider-nav > i { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; } .shop-details-section .shop-single-slider .slider-nav > i:hover { cursor: pointer; } .shop-details-section .shop-single-slider .slider-nav .nav-btn-rt { left: auto; right: 0; } .shop-details-section .shop-single-slider .slider-nav .slick-slide { text-align: center; } .shop-details-section .shop-single-slider .slider-nav .slick-slide img { display: inline-block; } .shop-details-section .product-details { padding: 0; } @media (max-width: 1199px) { .shop-details-section .product-details { padding: 40px 30px 85px; } } @media (max-width: 991px) { .shop-details-section .product-details { margin-top: 45px; padding: 40px 30px; } } @media (max-width: 767px) { .shop-details-section .product-details { padding: 0; } } .shop-details-section .product-details h2 { font-size: 28px; font-size: 1.86667rem; line-height: 1.4em; margin: 0 0 0.33em; } @media (max-width: 767px) { .shop-details-section .product-details h2 { font-size: 22px; font-size: 1.46667rem; } } .shop-details-section .product-details .price { font-size: 36px; font-size: 2.4rem; color: #cee002; margin: 7px 0 14px; } @media (max-width: 991px) { .shop-details-section .product-details .price { font-size: 30px; font-size: 2rem; } } @media (max-width: 767px) { .shop-details-section .product-details .price { font-size: 25px; font-size: 1.66667rem; } } .shop-details-section .product-details .price .old { font-size: 24px; font-size: 1.6rem; font-weight: normal; color: #c8ced4; text-decoration: line-through; display: inline-block; margin-left: 5px; } @media (max-width: 991px) { .shop-details-section .product-details .price .old { font-size: 20px; font-size: 1.33333rem; } } @media (max-width: 767px) { .shop-details-section .product-details .price .old { font-size: 18px; font-size: 1.2rem; } } .shop-details-section .product-details p { margin-bottom: 1.3em; } .shop-details-section .product-details p:last-child { margin: 0; } .shop-details-section .product-details .product-option { margin-top: 45px; } .shop-details-section .product-details .product-option .product-row { overflow: hidden; } .shop-details-section .product-details .product-option .product-row > div { height: 35px; display: inline-block; float: left; } .shop-details-section .product-details .product-option .product-row > div + div { margin-left: 15px; } .shop-details-section .product-details .product-option .product-row > div:first-child { width: 85px; } .shop-details-section .product-details .product-option .product-row > div:last-child .theme-btn:hover, .shop-details-section .product-details .product-option .product-row > div:last-child .theme-btn-s3:hover, .shop-details-section .product-details .product-option .product-row > div:last-child .theme-btn-s4:hover { background: #cee002; border-color: #cee002; color: #fff; } .shop-details-section .product-details .product-option .theme-btn, .shop-details-section .product-details .product-option .theme-btn-s3, .shop-details-section .product-details .product-option .theme-btn-s4 { background-color: transparent; color: #333; font-size: 14px; font-size: 0.93333rem; padding: 0 20px; height: 35px; line-height: 32px; outline: 0; } .shop-details-section .product-details .product-option .theme-btn:hover, .shop-details-section .product-details .product-option .theme-btn-s3:hover, .shop-details-section .product-details .product-option .theme-btn-s4:hover { background-color: #cee002; color: #fff; } @media (max-width: 767px) { .shop-details-section .product-details .product-option .theme-btn, .shop-details-section .product-details .product-option .theme-btn-s3, .shop-details-section .product-details .product-option .theme-btn-s4 { font-size: 14px; font-size: 0.93333rem; } } .shop-details-section .product-details .product-option .theme-btn:before, .shop-details-section .product-details .product-option .theme-btn-s3:before, .shop-details-section .product-details .product-option .theme-btn-s4:before { display: none; } .shop-details-section .product-details .product-option .product-row > div:last-child .theme-btn, .shop-details-section .product-details .product-option .product-row > div:last-child .theme-btn-s3, .shop-details-section .product-details .product-option .product-row > div:last-child .theme-btn-s4 { background-color: #fff; font-size: 18px; font-size: 1.2rem; color: #8f9aa7; border: 1px solid #e6e6e6; } .shop-details-section .product-details #product-count { border-radius: 0; border: 1px solid #e6e6e6; } .shop-details-section .product-details #product-count:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .shop-details-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .shop-details-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; border-color: #e6e6e6; } .shop-details-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover, .shop-details-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:hover { background-color: #cee002; color: #fff; } .shop-details-section .product-info { margin-top: 45px; } .shop-details-section .product-info h4 { font-size: 15px; font-size: 1rem; text-transform: uppercase; margin: 0; line-height: 1.7em; } .shop-details-section .product-info p { margin-bottom: 1.3em; } .shop-details-section .product-info .tab-pane p:last-child { margin-bottom: 0; } .shop-details-section .product-info .nav-tabs { border: 0; margin-bottom: 30px; } @media (max-width: 767px) { .shop-details-section .product-info .nav-tabs { margin-bottom: 20px; } } .shop-details-section .product-info .nav-tabs li { } .shop-details-section .product-info .nav-tabs li.active a { border: 0; outline: 0; } .shop-details-section .product-info .nav-tabs a { font-size: 15px; font-size: 1rem; font-weight: 500; color: #8f9aa7; border: 0; border-radius: 0; margin: 0; display: block; padding: 10px 15px; text-transform: uppercase; } @media (max-width: 767px) { .shop-details-section .product-info .nav-tabs a { font-size: 14px; font-size: 0.93333rem; font-weight: normal; padding: 9px 10px; } } .shop-details-section .product-info .nav-tabs a:hover, .shop-details-section .product-info .nav-tabs .active a { background: #cee002; color: #fff; } .shop-details-section .product-info .nav-tabs .active, .shop-details-section .product-info .nav-tabs li:hover { border-color: #cee002; } .shop-details-section .product-info .client-rv { overflow: hidden; margin-bottom: 30px; } .shop-details-section .product-info .client-rv:last-child { margin-bottom: 0; } .shop-details-section .product-info .client-rv .client-pic { width: 60px; float: left; } @media (max-width: 767px) { .shop-details-section .product-info .client-rv .client-pic { width: 100%; float: none; margin-bottom: 10px; } } .shop-details-section .product-info .client-rv .details { width: calc(100% - 80px); float: right; } @media (max-width: 767px) { .shop-details-section .product-info .client-rv .details { width: 100%; float: none; } } .shop-details-section .product-info .client-rv .name-rating-time { border-bottom: 1px solid #e6e6e6; } @media (max-width: 767px) { .shop-details-section .product-info .client-rv .name-rating-time { padding-bottom: 3px; } } .shop-details-section .product-info .client-rv .name-rating-time > div, .shop-details-section .product-info .client-rv .name-rating > div { display: inline-block; font-size: 14px; font-size: 0.93333rem; } @media (max-width: 767px) { .shop-details-section .product-info .client-rv .name-rating-time > div, .shop-details-section .product-info .client-rv .name-rating > div { font-size: 12px; font-size: 0.8rem; display: block; } } .shop-details-section .product-info .client-rv .rating { font-size: 12px; color: #cee002; padding-left: 12px; } @media (max-width: 767px) { .shop-details-section .product-info .client-rv .rating { padding-left: 0; margin: 4px 0 7px; } } .shop-details-section .product-info .client-rv .name-rating-time .time { float: right; color: #b3b3b3; text-transform: uppercase; } @media (max-width: 767px) { .shop-details-section .product-info .client-rv .name-rating-time .time { float: none; } } .shop-details-section .product-info .client-rv .review-body { padding-top: 12px; } @media screen and (min-width: 1200px) { .shop-details-section .product-info .review-form-wrapper { padding-left: 45px; } } @media (max-width: 991px) { .shop-details-section .product-info .review-form { margin-top: 45px; } } .shop-details-section .product-info .review-form h4 { margin-bottom: 1.73em; } .shop-details-section .product-info .review-form form input, .shop-details-section .product-info .review-form form textarea { border-radius: 0; } .shop-details-section .product-info .review-form form input:focus, .shop-details-section .product-info .review-form form textarea:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .shop-details-section .product-info .review-form form textarea { height: 130px; } .shop-details-section .product-info .review-form form > div { margin-bottom: 27px; } .shop-details-section .product-info .review-form form > div:last-child { margin-bottom: 0; } .shop-details-section .product-info .review-form form .rating-wrapper > div { display: inline-block; } @media (max-width: 767px) { .shop-details-section .product-info .review-form form .rating-wrapper > div { display: block; float: none !important; } } .shop-details-section .product-info .review-form form .rating-wrapper > div:last-child { float: right; } @media (max-width: 767px) { .shop-details-section .product-info .review-form form .rating-wrapper > div:last-child { margin-top: 20px; } } .shop-details-section .product-info .review-form form .rating a { font-size: 14px; color: #cccccc; display: inline-block; margin-right: 10px; } @media (max-width: 767px) { .shop-details-section .product-info .review-form form .rating a { font-size: 12px; margin-right: 5px; } } .shop-details-section .product-info .review-form form .rating a:last-child { margin: 0; } .shop-details-section .product-info .review-form form .rating a:hover { color: #cee002; } .shop-details-section .product-info .review-form form .theme-btn-s4 { background-color: transparent; color: #908f8f; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .shop-details-section .product-info .review-form form .theme-btn-s4:hover { background-color: #cee002; color: #fff; } @media screen and (min-width: 767px) { .shop-details-section .product-info .review-form form .theme-btn-s4 { font-size: 15px; font-size: 1rem; padding: 0 20px; } } .shop-details-section .slider-nav .slick-slide:focus { outline: none; } .blog-pg-section .post { position: relative; } .blog-pg-section .blog-content > .post + .post { margin-top: 80px; } @media (max-width: 991px) { .blog-pg-section .blog-content > .post + .post { margin-top: 70px; } } @media (max-width: 767px) { .blog-pg-section .blog-content > .post + .post { margin-top: 60px; } } .blog-pg-section .post .entry-media { margin-bottom: 35px; } @media screen and (min-width: 1200px) { .blog-pg-section .entry-body { background-color: #fff; width: calc(100% - 60px); margin: -80px auto 0; border: 1px solid #eee; padding: 45px 40px; position: relative; z-index: 10; } } .blog-pg-section .post h3 { font-size: 28px; font-size: 1.86667rem; font-weight: normal; line-height: 1.4em; margin: 1em 0; text-transform: capitalize; } @media (max-width: 991px) { .blog-pg-section .post h3 { font-size: 24px; font-size: 1.6rem; } } @media (max-width: 767px) { .blog-pg-section .post h3 { font-size: 22px; font-size: 1.46667rem; } } .blog-pg-section .post h3 a { color: #2a2a2a; display: inline-block; } .blog-pg-section .post h3 a:hover { color: #cee002; } .blog-pg-section .post .meta { list-style: none; overflow: hidden; } .blog-pg-section .post .meta li { float: left; color: #868686; position: relative; margin-right: 25px; } @media (max-width: 767px) { .blog-pg-section .post .meta li { font-size: 12px; font-size: 0.8rem; margin-right: 20px; margin-bottom: 5px; } } .blog-pg-section .post .meta > li:last-child { margin-right: 0; } .blog-pg-section .post .meta a, .blog-pg-section .post .meta i { color: #868686; font-weight: normal; } .blog-pg-section .post .meta i { display: inline-block; padding-right: 5px; } .blog-pg-section .post .meta a:hover { color: #cee002; } .blog-pg-section .entry-details { margin-top: 25px; } @media (max-width: 991px) { .blog-pg-section .entry-details { margin-top: 20px; } } .blog-pg-section .entry-details p { margin: 0 0 1.5em; } .blog-pg-section .entry-details .read-more { font-weight: normal; color: #cee002; text-transform: uppercase; letter-spacing: 3px; } @media (max-width: 991px) { .blog-pg-section .entry-details .read-more { font-size: 15px; font-size: 1rem; } } .blog-pg-section .post-slider { position: relative; } .blog-pg-section .post-slider .owl-controls { width: 100%; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog-pg-section .post-slider .owl-controls .owl-nav [class*=owl-] { background: rgba(206, 224, 2, 0.8); width: 30px; height: 50px; line-height: 50px; padding: 0; margin: 0; border-radius: 0; } .blog-pg-section .post-slider .owl-controls .owl-nav .owl-prev, .blog-pg-section .post-slider .owl-controls .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog-pg-section .post-slider .owl-controls .owl-nav .owl-prev { left: 0; } .blog-pg-section .post-slider .owl-controls .owl-nav .owl-next { right: 0; } .blog-pg-section .video-post .video-holder { position: relative; text-align: center; } .blog-pg-section .video-post .video-holder:before { content: ""; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .blog-pg-section .video-post .video-holder:hover:before { background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .blog-pg-section .video-post .video-holder a { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .blog-pg-section .video-post .video-holder .fi { padding-left: 8px; } .blog-pg-section .video-post .video-holder .fi:before { font-size: 80px; font-size: 5.33333rem; color: #cee002; } @media (max-width: 767px) { .blog-pg-section .video-post .video-holder .fi:before { font-size: 60px; font-size: 4rem; } } .blog-pg-section .quote-post { background-color: #fff; padding: 45px; border: 1px solid #eee; } @media (max-width: 767px) { .blog-pg-section .quote-post { padding: 35px 25px; } } .blog-pg-section .quote-post .quote-icon { background-color: #cee002; padding: 7px 10px; position: absolute; right: 0; top: 0; } .blog-pg-section .quote-post .quote-icon:before { content: ""; border: 28px solid transparent; border-top: 25px solid #cee002; position: absolute; left: 0; bottom: -100%; } .blog-pg-section .quote-post .quote-icon i { font-size: 35px; font-size: 2.33333rem; color: #fff; } .blog-single-section { } @media screen and (min-width: 992px) { .blog-single-section .blog-content { padding-right: 20px; } } .blog-single-section .post { position: relative; } .blog-single-section .post .entry-media { margin-bottom: 35px; } .blog-single-section .post h2 { font-size: 30px; font-size: 2rem; font-weight: normal; line-height: 1.4em; margin: 0; } @media (max-width: 991px) { .blog-single-section .post h2 { font-size: 26px; font-size: 1.73333rem; } } @media (max-width: 767px) { .blog-single-section .post h2 { font-size: 24px; font-size: 1.6rem; } } .blog-single-section .post h3 { font-size: 26px; font-size: 1.73333rem; font-weight: normal; line-height: 1.5em; margin: 1.8em 0 1em; } @media (max-width: 991px) { .blog-single-section .post h3 { font-size: 24px; font-size: 1.6rem; } } @media (max-width: 767px) { .blog-single-section .post h3 { font-size: 20px; font-size: 1.33333rem; } } .blog-single-section .post .meta { list-style: none; overflow: hidden; } .blog-single-section .post .meta li { float: left; color: #868686; position: relative; margin-right: 25px; } @media (max-width: 767px) { .blog-single-section .post .meta li { font-size: 12px; font-size: 0.8rem; margin-right: 20px; margin-bottom: 5px; } } .blog-single-section .post .meta > li:last-child { margin-right: 0; } .blog-single-section .post .meta a, .blog-single-section .post .meta i { color: #868686; font-weight: normal; } .blog-single-section .post .meta i { display: inline-block; padding-right: 5px; } .blog-single-section .post .meta a:hover { color: #cee002; } .blog-single-section .entry-details { margin-top: 35px; } @media (max-width: 991px) { .blog-single-section .entry-details { margin-top: 20px; } } .blog-single-section .entry-details p { font-size: 16px; font-size: 1.06667rem; line-height: 1.9em; margin: 0 0 1.5em; } @media (max-width: 991px) { .blog-single-section .entry-details p { font-size: 15px; font-size: 1rem; } } .blog-single-section .entry-details blockquote { background-color: #f8f8f8; font-size: 20px; font-size: 1.33333rem; font-style: italic; color: #838383; line-height: 1.9em; padding: 30px 25px; margin: 50px 0; border-color: #eafd18; } @media (max-width: 767px) { .blog-single-section .entry-details blockquote { font-size: 18px; font-size: 1.2rem; padding: 25px 20px; } } .blog-single-section .tag-share { min-height: 59px; border-top: 1px solid #ebebf1; border-bottom: 1px solid #ebebf1; margin: 60px 0 70px; overflow: hidden; } .blog-single-section .tag-share ul { list-style: none; } @media (max-width: 767px) { .blog-single-section .tag-share { border-right: 1px solid #ebebf1; } } .blog-single-section .tag-share .tag, .blog-single-section .tag-share .share { min-height: 59px; line-height: 59px; display: inline-block; padding-left: 80px; position: relative; } @media (max-width: 767px) { .blog-single-section .tag-share .tag, .blog-single-section .tag-share .share { display: block; } } .blog-single-section .tag-share .tag > i, .blog-single-section .tag-share .share > i { background: #ebebf1; width: 60px; height: 60px; line-height: 60px; text-align: center; position: absolute; left: 0; top: 0; } .blog-single-section .tag-share .tag { float: left; } @media (max-width: 767px) { .blog-single-section .tag-share .tag { float: none; } } .blog-single-section .tag-share .tag a { font-size: 17px; font-size: 1.13333rem; color: #848484; } .blog-single-section .tag-share .tag a:hover { color: #cee002; } .blog-single-section .tag-share .tag ul li { padding-right: 5px; position: relative; } .blog-single-section .tag-share .tag ul li:after { content: ","; position: absolute; right: 0; bottom: 0; } .blog-single-section .tag-share .tag ul li:last-child:after { display: none; } .blog-single-section .tag-share .tag ul > li + li { margin-left: 10px; } .blog-single-section .tag-share .share { float: right; } @media (max-width: 767px) { .blog-single-section .tag-share .share { float: none; border-top: 1px solid #ebebf1; margin-top: 1px; } } .blog-single-section .tag-share .share ul > li + li { margin-left: 15px; } .blog-single-section .tag-share .share a { color: #848484; } .blog-single-section .tag-share .share a:hover { color: #cee002; } .blog-single-section .tag-share ul { overflow: hidden; } .blog-single-section .tag-share ul li { float: left; } .blog-single-section .author-box { padding: 45px 50px; margin: 70px 0; border: 1px solid #eaeaea; } @media (max-width: 991px) { .blog-single-section .author-box { padding: 35px 40px; } } @media (max-width: 767px) { .blog-single-section .author-box { padding: 25px; } } .blog-single-section .author-box .author-avatar { float: left; } @media (max-width: 767px) { .blog-single-section .author-box .author-avatar { float: none; } } .blog-single-section .author-box .author-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .blog-single-section .author-box .author-content { display: block; overflow: hidden; padding-left: 25px; } @media (max-width: 767px) { .blog-single-section .author-box .author-content { padding: 0; margin: 15px 0 0 0; } } .blog-single-section .author-box .author-content p { font-size: 16px; font-size: 1.06667rem; margin-bottom: 20px; } .blog-single-section .author-box .author-name { font-size: 22px; font-size: 1.46667rem; display: inline-block; margin-bottom: 10px; color: #2a2a2a; } @media (max-width: 991px) { .blog-single-section .author-box .author-name { font-size: 20px; font-size: 1.33333rem; } } .blog-single-section .author-box .social-lnk { display: inline-block; list-style: none; } .blog-single-section .author-box .social-lnk li { float: left; margin-right: 15px; } .blog-single-section .author-box .social-lnk a { display: block; font-size: 18px; font-size: 1.2rem; color: #777; } .blog-single-section .author-box .social-lnk a:hover { color: #cee002; } .blog-single-section .more-posts { overflow: hidden; border-top: 1px solid #ebebf1; border-bottom: 1px solid #ebebf1; } @media (max-width: 767px) { .blog-single-section .more-posts { border-left: 1px solid #ebebf1; border-right: 1px solid #ebebf1; } } .blog-single-section .more-posts > div { width: 50%; float: left; } @media (max-width: 767px) { .blog-single-section .more-posts > div { width: 100%; float: none; } } .blog-single-section .more-posts > div > a { display: inline-block; } .blog-single-section .more-posts .previous-post, .blog-single-section .more-posts .next-post { padding: 40px 0; } @media (max-width: 767px) { .blog-single-section .more-posts .previous-post, .blog-single-section .more-posts .next-post { padding: 25px 15px !important; } } .blog-single-section .more-posts .next-post { text-align: right; border-left: 1px solid #e8e8e8; padding-left: 15px; padding-right: 5px; } @media (max-width: 767px) { .blog-single-section .more-posts .next-post { border-left: 0; text-align: left; border-top: 1px solid #e8e8e8; } } .blog-single-section .more-posts .previous-post { padding-right: 15px; padding-left: 5px; } .blog-single-section .more-posts .previous-post > a > span, .blog-single-section .more-posts .next-post > a > span { display: block; } .blog-single-section .more-posts .post-control-link { color: #a7a7a7; } .blog-single-section .more-posts .post-name { font-size: 20px; font-size: 1.33333rem; color: #2a2a2a; margin: 0.5em 0 0; } @media (max-width: 991px) { .blog-single-section .more-posts .post-name { font-size: 18px; font-size: 1.2rem; } } .blog-single-section .more-posts a:hover .post-control-link { color: #cee002; } .blog-single-section .comments-area { margin-top: 70px; } .blog-single-section .comments-area ul, .blog-single-section .comments-area ol { list-style: none; } .blog-single-section .comments-area .comments { border: 1px solid #ebebf1; border-bottom: 0; } .blog-single-section .comments-area li > div { border-bottom: 1px solid #ebebf1; padding: 35px 25px; } .blog-single-section .comments-area ol { list-style-type: none; padding-left: 0; } .blog-single-section .comments-area ol ul { padding-left: 30px; } .blog-single-section .comments-area .comments-title { font-size: 24px; font-size: 1.6rem; font-weight: normal; text-transform: uppercase; margin: 0 0 1.5em; } @media (max-width: 991px) { .blog-single-section .comments-area .comments-title { font-size: 22px; font-size: 1.46667rem; } } .blog-single-section .comments-area li > div { position: relative; } .blog-single-section .comments-area .comment-theme { position: absolute; left: 25px; } @media (max-width: 767px) { .blog-single-section .comments-area .comment-theme { position: static; } } .blog-single-section .comments-area .comment-theme img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .blog-single-section .comments-area .comment-main-area { padding-left: 100px; } @media (max-width: 767px) { .blog-single-section .comments-area .comment-main-area { padding-left: 0; margin-top: 25px; } } .blog-single-section .comments-area .comment-main-area p { margin-bottom: 20px; } .blog-single-section .comments-area .comments-meta h4 { font-size: 18px; font-size: 1.2rem; color: #6d6d6d; margin: 0 0 1em; } .blog-single-section .comments-area .comments-meta h4 span { font-family: "Heebo", sans-serif; font-weight: normal; color: #949494; text-transform: none; display: inline-block; margin-left: 15px; font-size: 16px; font-size: 1.06667rem; } .blog-single-section .comments-area .comment-reply-link { background: #cee002; font-size: 14px; font-size: 0.93333rem; color: #fff; display: inline-block; padding: 0 5px; } .blog-single-section .comments-area .comment-reply-link:hover { background-color: #a0ad02; } .blog-single-section .comment-respond { margin-top: 70px; } .blog-single-section .comment-respond .comment-reply-title { font-size: 24px; font-size: 1.6rem; font-weight: normal; text-transform: uppercase; margin: 0 0 1.5em; } @media (max-width: 991px) { .blog-single-section .comment-respond .comment-reply-title { font-size: 22px; font-size: 1.46667rem; } } .blog-single-section .comment-respond form input, .blog-single-section .comment-respond form textarea { background-color: #f8f8f8; width: 100%; height: 50px; border: 1px solid #f8f8f8; padding: 6px 15px; margin-bottom: 15px; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .blog-single-section .comment-respond form input:focus, .blog-single-section .comment-respond form textarea:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #cee002; } .error-404-section .content .icon { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .error-404-section .content .icon i { font-size: 150px; font-size: 10rem; color: #cee002; opacity: 0.2; } .margin-bottom-10{ margin-bottom: 10px!important; } .margin-bottom-20{ margin-bottom: 20px!important; } .padding-bottom-0{ padding-bottom: 0px!important; } .shop-section .grid .details h4{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 52px; } .pro-desc{ font-size: 14px; line-height: 20px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 60px; margin-bottom: 10px; } .recent-blog-section .grid .details h3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 52px; margin-bottom: 5px; } .recent-blog-section .grid .details .des{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 95px; height: 85px; font-size: 13px; } .details .btn-group{ display: block; margin-bottom: 10px; } .meta-price{ margin-bottom: 10px; } .meta-price .amount{ font-size: 1.5rem; font-weight: 500; color: rgb(206, 224, 2); } .meta-price ins{ text-decoration: none; } .meta-price del .amount{ font-size: 14px; color: #b7b7b7!important; font-weight: normal!important; } .bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px 10px; margin-left: -1px; position: relative; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; border-top-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0; border-bottom-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 3px; left: 5px; font-size: 9px; font-weight: normal; } .shop-section.related-product{ margin-top: 30px; } .clear-bg{ background-color: transparent!important; } .navbar-brand{ padding: 0!important; } .navbar-brand>img{ max-width: 250px; width: 50px; margin-bottom: 10px; } .about-details p { font-family: 'Roboto Condensed'!important; } .about-details a{ font-family: 'Roboto Condensed'!important; } .service-text p { font-family: 'Roboto Condensed'!important; } .service-text a{ font-family: 'Roboto Condensed'!important; text-transform: none; letter-spacing: 0; } .services-section .service-grids .details h3 a,  .services-section-s2 .service-grids .details h3 a{ font-family: 'Roboto Condensed'!important; } .specialization-grids .grid p{ font-family: 'Roboto Condensed'!important; } .testimonials-grids .theme-btn-s3{ font-family: 'Roboto Condensed'!important; } .contact-form-holder .wpcf7-form .wpcf7-submit{ font-family: 'Roboto Condensed'!important; } .wpcf7-form .codedropz-upload-inner > h5 { display: none; } //contact form7 .wpcf7-form .codedropz-upload-inner span { margin-right: 10px; } .wpcf7-form .codedropz-upload-inner span:before { content: url(https://dienthienan.com.vn/media/2022/11/clip.png); position: absolute; left: 10px; top: 17px; } .wpcf7-form .codedropz-upload-inner .codedropz-btn-wrap { display: inline-block; background: #84bdef24; padding: 15px 30px 15px 10px; line-height: 0; } .wpcf7-form .codedropz-upload-inner .codedropz-btn-wrap { position: relative; } .wpcf7-form .codedropz-upload-inner .codedropz-btn-wrap:after { content: url(https://dienthienan.com.vn/media/2022/11/down-arrow.png); position: absolute; top: 6px; right: 8px; } .owl-carousel .owl-item{ padding:7px; } .single-projects .owl-carousel .owl-item{ padding:0px; } .blog-sidebar .sidebar-widget { margin-bottom: 20px; border: 1px solid #eee; padding: 20px 15px 20px 35px; list-style: square; } .blog-sidebar .sidebar-widget li{ line-height: 25px; } .blog-sidebar .sidebar-widget li a{ color: #333; } .blog-sidebar .sidebar-widget li:hover a{ color: #cee002; } @media (max-width: 991px) { .blog-single-section .comment-respond form input, .blog-single-section .comment-respond form textarea { height: 40px; } } .blog-single-section .comment-respond form textarea { height: 220px; padding: 15px; } @media (max-width: 991px) { .blog-single-section .comment-respond form textarea { height: 150px; } } .blog-single-section .comment-respond .form-inputs { overflow: hidden; } .blog-single-section .comment-respond .form-inputs > input:nth-child(2) { width: 49%; float: left; } @media (max-width: 767px) { .blog-single-section .comment-respond .form-inputs > input:nth-child(2) { width: 100%; float: none; } } .blog-single-section .comment-respond .form-inputs > input:nth-child(3) { width: 49%; float: right; } @media (max-width: 767px) { .blog-single-section .comment-respond .form-inputs > input:nth-child(3) { width: 100%; float: none; } } .blog-single-section .comment-respond .form-submit input { max-width: 180px; background-color: #cee002; color: #fff; font-weight: 500; margin-bottom: 0; border: 0; border-radius: 50px; outline: 0; text-transform: uppercase; } .blog-single-section .comment-respond .form-submit input:hover { background-color: #b7c702; } @media screen and (min-width: 992px) { .blog-single-with-left-sidebar .blog-sidebar { padding: 0 20px 0 0; } } @media screen and (min-width: 1200px) { .error-404-section .content { padding-right: 350px; } } @media (max-width: 767px) { .error-404-section .content { text-align: center; } } .error-404-section .content h2 { font-size: 100px; font-size: 6.66667rem; color: #cee002; margin: 0 0 0.2em; } @media (max-width: 991px) { .error-404-section .content h2 { font-size: 80px; font-size: 5.33333rem; } } @media (max-width: 767px) { .error-404-section .content h2 { font-size: 60px; font-size: 4rem; } } .error-404-section .content h3 { font-size: 24px; font-size: 1.6rem; color: #cee002; margin: 0 0 1.5em; } @media (max-width: 991px) { .error-404-section .content h3 { font-size: 20px; font-size: 1.33333rem; line-height: 1.3em; } } @media (max-width: 767px) { .error-404-section .content h3 { font-size: 18px; font-size: 1.2rem; } } .error-404-section .content p { font-size: 18px; font-size: 1.2rem; font-style: italic; margin: 0 0 2em; } @media (max-width: 991px) { .error-404-section .content p { font-size: 17px; font-size: 1.13333rem; } } @media (max-width: 767px) { .error-404-section .content p { font-size: 16px; font-size: 1.06667rem; } } @media (max-width: 767px) { .error-404-section .content .icon { display: none; } } @media(max-width: 414px) { .alignleft, .alignright { width: 100%; } .wpcf7-form .codedropz-upload-inner span:before { left: 0px; } } @media(max-width: 375px) { .wpcf7-form .codedropz-upload-inner span:before { left: 40px; } }