/* Theme Name: Flatsome Child Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.0 */ .ux-builder-iframe .detailPost-img, .ux-builder-iframe .detailPost-infodate{display:none} /*************** ADD CUSTOM CSS HERE. ***************/ /* MARK: HEADER */ /* .header-bg-container{background: linear-gradient(to bottom, rgb(0 0 0 / 60%), transparent);height: calc(100% + 10px);top: -10px;} */ /* .header-bg-container{ height: calc(100% + 10px); top: -10px; background: transparent; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; } */ .stuck .header-bg-container{background: #082d38;} .header .stuck .nav.dev-custom-menu > li > a{padding: 22px 0;} .header-wrapper, .header-bg-color{background: transparent;} .header-top{background: transparent; padding: 10px 0;margin-left: 350px;position: relative;} .nav-small.nav>li.html { display: flex; font-size: 14px; gap: 4px; align-items: center; } .header-search .button.icon.circle{width: 44px; height: 44px; background: none; display: flex ; align-items: center; justify-content: center; border: none;} .nav>li.has-icon>a>i{color: #fff;} #header:after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;} /*#header:before{content:'';position: absolute;top:0;left:0;width:22%;height:100%;background: linear-gradient(to right, white, #082d38);}*/ .header-top:after{content:'';position: absolute; height: 1px;width: 100%;bottom:0;right:0;background: linear-gradient(to right, transparent 0%, #f57539 70%);} /* .page-title-inner div{margin-left: 0 !important;} */ .page-title-inner h1.entry-title{font-size: 64px;} .page-title-inner .title-content nav, .page-title-inner .title-content a{text-transform: none;font-size: 16px;} .breadcrumbs .divider{opacity: 1;} .nav-small.nav>li.html .header-email{display: flex; font-size: 14px; gap: 4px; align-items: center;color: #fff;} .nav-small.nav>li.html .header-email:hover{color:#fff !important;} #header{position: relative;width:100%;top:unset;z-index: 999999;background: #082d38;padding: 0 50px;} .header-wrapper.stuck{box-shadow: none !important; top:0 !important;} .sticky-jump .stuck:not(.ux-no-animation){ animation:none !important ; -webkit-animation:none !important ; } .stuck #logo img {max-height: unset !important;} body .stuck .header-main, .header-main{height: auto !important;max-width: 100%;margin: auto;} .header-main .nav > li > a{font-size: 16px;color: #fff;text-transform: capitalize;font-weight: 400;font-family: "Instrument Sans", sans-serif;padding: 22px 25px;position: relative;} .header-main .nav > li:hover > a{color:#f5752f;} .header-main .nav > li > a:after{content:'';position: absolute;content: "+";color:#fff;right:0px;} .header-main .nav > li:last-child > a:after{display: none;} body .stuck { left: unset; margin: unset; position: relative; right: unset; top: unset; } .header, .header-wrapper{ transition:unset ; -webkit-transition:unset ; -moz-transition:unset ; -ms-transition:unset ; -o-transition:unset ; } #logo{margin-top: -55px;} #logo a{max-width: 100% !important} .cs-header-menu{position: relative;justify-content: end;} .cs-menu-main{display: flex ; justify-content: end; width: 100%;} .cs-menu-btn{cursor: pointer;display: flex;} .cs-menu-btn svg rect{ transition: all cubic-bezier(.25,1,.25,1) 0.7s /* 375ms cubic-bezier(0.7, 0, 0.3, 1) */; -webkit-transition: all cubic-bezier(.25,1,.25,1) 0.7s /* 375ms cubic-bezier(0.7, 0, 0.3, 1) */; -moz-transition: all cubic-bezier(.25,1,.25,1) 0.7s /* 375ms cubic-bezier(0.7, 0, 0.3, 1) */; -ms-transition: all cubic-bezier(.25,1,.25,1) 0.7s /* 375ms cubic-bezier(0.7, 0, 0.3, 1) */; -o-transition: all cubic-bezier(.25,1,.25,1) 0.7s /* 375ms cubic-bezier(0.7, 0, 0.3, 1) */; transform: translateX(0); -webkit-transform: translateX(0); } .cs-menu-btn:hover svg rect:nth-child(1){ transform: translateX(-30px); -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); } .cs-menu-btn:hover svg rect:nth-child(2){ transform: translateX(30px); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); } .cs-menu-btn:hover svg rect:nth-child(3){ transform: translateX(-30px); -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); } /* .nav-divided>li { margin: 30px; } */ .nav-small.nav>li.html{margin: 0 30px;} .nav-divided>li+li>a:after{left: -27px;margin-top: -16px;height: 28px;} .h-infor-box{display: flex;align-items: center;gap:8px;padding: 0 !important;} .h-infor-text{font-size: 16px;} .h-infor-icon{display: flex;align-items: center;justify-content: center;} /* MARK: SEARCH */ .searchform{ border: 1px solid rgba(239, 239, 239, 0.4);position: relative;} .searchform-wrapper.form-flat .flex-col:last-of-type {margin-left: 5px; width: 45px; height: 45px; display: flex ; align-items: center; justify-content: center; background: var(--colorText); border-radius: 8px; color: #fff; padding: 0 !important;} .searchform input[type="search"]{background: transparent;height: 60px;border: none;font-size: 16px;color: #efefef;text-indent: 25px;width:100%;} .searchform input[type="search"]::placeholder{color:rgba(239, 239, 239, 0.4);font-size: 16px;} .searchform-submit{position: absolute;height: 100%;top:0;right:0;width:60px;display: inline-flex;align-items: center;justify-content: center;} .searchform-submit button{background: #fff;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M97.5,94.6L68.3,65.4C74.3,58.7,78,49.8,78,40c0-21-17.1-38-38-38S1.9,19,1.9,40S19,78,40,78c9.8,0,18.7-3.7,25.4-9.8 l29.2,29.2c0.4,0.4,0.9,0.6,1.4,0.6s1-0.2,1.4-0.6C98.2,96.7,98.2,95.4,97.5,94.6z M6,40c0-18.8,15.3-34,34-34s34,15.3,34,34 c0,9.4-3.8,17.9-9.9,24c0,0,0,0,0,0c0,0,0,0,0,0C57.8,70.2,49.4,74,40,74C21.2,74,6,58.8,6,40z'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M97.5,94.6L68.3,65.4C74.3,58.7,78,49.8,78,40c0-21-17.1-38-38-38S1.9,19,1.9,40S19,78,40,78c9.8,0,18.7-3.7,25.4-9.8 l29.2,29.2c0.4,0.4,0.9,0.6,1.4,0.6s1-0.2,1.4-0.6C98.2,96.7,98.2,95.4,97.5,94.6z M6,40c0-18.8,15.3-34,34-34s34,15.3,34,34 c0,9.4-3.8,17.9-9.9,24c0,0,0,0,0,0c0,0,0,0,0,0C57.8,70.2,49.4,74,40,74C21.2,74,6,58.8,6,40z'/%3E%3C/svg%3E%0A"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 24px; mask-size: 24px;} .searchform-submit button:hover{background: #f5752f;} /* MARK: RECENT POST SIDEBAR */ .recent-blog-posts{padding:0;} .recent-blog-posts-left{width:110px;height: 110px;} .recent-blog-posts-right{width:calc(100% - 110px);padding-left: 20px;} .recent-blog-posts-left >div{width:100%;height: 100%;} .recent-blog-posts-date{color: #f5752f;font-weight: bold;font-size: 14px;margin-bottom: 5px;text-transform: uppercase;} .recent-blog-posts a{ color:#efefef; font-weight: bold; font-size: 18px; text-transform: capitalize; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; } .recent-blog-posts a:hover{color: #f5752f;} .recent-blog-posts-li{border: none !important;margin-bottom: 30px !important;} .recent-blog-posts-li:last-child{margin-bottom: 0;} #content span.widget-title{font-size: 24px; font-weight: bold; color: #efefef; text-transform: capitalize;margin-bottom: 30px;display: inline-block;} #content .widget .is-divider{display: none;} #content .widget{margin-top: 50px;} #content .widget:first-child{margin-top:0;} .tagcloud a{ background: #0d4759; color: #efefef; font-size: 14px !important; font-weight: bold; padding: 11px 35px; text-transform: uppercase; margin: 0 10px 10px 0; display: inline-block; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; } .tagcloud a:hover{background: #f5752f;} .dev-layoutRight-right .gallery{gap:16px;} .dev-layoutRight-right .gallery .gallery-item{padding: 0;width:calc(100% / 3 - 11px);flex-basis: unset; max-width: unset;overflow: hidden;} .dev-layoutRight-right .gallery .gallery-item img{ transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; } .dev-layoutRight-right .gallery .gallery-item a:hover img { animation: blur-gallery 0.3s linear; -webkit-animation: blur-gallery 0.3s linear; } .dev-layoutRight-right .gallery .gallery-item a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .dev-layoutRight-right .widget_media_image img{width: 100%;} @keyframes blur-gallery { 0% { filter: blur(0px); } 60% { filter: blur(2px); } 100% { filter: blur(0px); } } @-webkit-keyframes blur-gallery { 0% { filter: blur(0px); } 60% { filter: blur(2px); } 100% { filter: blur(0px); } } /* MARK: PAGINATION CSS */ .page-numbers{margin-top:5rem !important;} .nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover{background: #f57539;border-color: #f57539;} .nav-pagination>li>a, .nav-pagination>li>span{min-width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px; font-weight: 400;color:#fff !important;border-width: 1px;} /* MARK: FOOOTER */ .s-footer-box .box-image{width:20px !important;} .absolute-footer{background: #003585;display: none;} /* MARK: TITLE PAGE DEFINE */ .custom-subtitle1 *{color:#efefef;font-size: 17px;/*text-transform: capitalize;*/margin-bottom: 10px;} .custom-title1 *{color:#efefef;font-size: 46px;text-transform: capitalize;margin-bottom: 0;line-height: 130%;font-weight: 700;} /* MARK: BUTTON PAGE DEFINE */ .custom-button1{ margin: 0; background: #f5752f !important; min-width: 150px;padding:0 20px; min-height:48px; display: inline-flex; align-items: center; justify-content: center; transition:all ease 0.5s !important ; -webkit-transition:all ease 0.5s !important ; -moz-transition:all ease 0.5s !important ; -ms-transition:all ease 0.5s !important ; -o-transition:all ease 0.5s !important ; box-shadow: none !important;opacity: 1 !important;position: relative;} .custom-button1:hover{background: #f5752f !important;} .custom-button1 *{font-weight: 500;color:#efefef;font-size: 14px;padding:0;} .custom-button1 span{position: relative;z-index: 99;} .custom-button1:after{content:''; position: absolute; width:100%; height:100%; top:6px; left:6px; background: var(--colorBG); opacity: 0.3; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; } .custom-button1:hover:after{top:-6px;left:-6px;} /* MARK: HOME - SERVICES */ .car-icon img{width:143px !important;} .border-line:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 30px; -webkit-border-radius: 30px; padding: 1px; background: linear-gradient(80deg, #efefef, transparent); -webkit-mask: linear-gradient(#efefef 0 0) content-box, linear-gradient(#efefef 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .home-services-top-star *{color:#efefef;margin-bottom: 0;font-size: 16px;} .home-services-top-guest{position: relative;padding:6px 20px;} .home-services-top-guest *{color:#efefef;margin-bottom: 0;font-size: 16px;} /* MARK: CAREER */ .s-career-container{padding:130px 0 !important;position: relative;} .s-career-container .section-bg{background-attachment: fixed;} .s-career-container:after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: #0d4759;opacity: 0.8;} .s-career-des{width:80%;margin-top:20px;margin-bottom: 60px;} .s-career-des *{text-transform: unset;} .s-career-container .s-career-list{padding-left: 100px !important;} .s-career-container .s-career-listBox{margin:0 !important;} .s-career-item{position: relative;padding:30px 40px;display: flex;margin-bottom: 20px;} .s-career-item:last-child{margin-bottom: 0;} .s-career-item:after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background: #082d38;opacity: 0.8;} .s-career-title{color:#efefef;font-size: 24px;font-weight: bold;text-transform: capitalize;margin-bottom: 20px;} .s-career-excerpt{color:#efefef;font-size: 16px;width:70%;} .s-career-boxleft{position: relative;z-index: 99;width:calc(100% - 137px);} .s-career-boxright{position: relative;z-index: 99;width:137px;} .s-career-category{display: flex;gap:15px;flex-wrap:wrap;} .s-career-border{ padding: 5px 20px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .s-career-border *{font-size: 14px;transition: all ease 0.5s;} .s-career-border:hover{background: #fff;} .s-career-border:hover *{color: #f57539;} .s-career-boxright{display: flex;justify-content: end;align-items: center;} .s-career-boxright a{color:#efefef;font-size: 16px;text-transform: capitalize;font-weight: 400;overflow: hidden;} /* MARK: FOOTER */ .s-footer{} .s-footer-top{padding:60px 0 !important;border-top: none;border-bottom: 1px solid rgb(255 255 255 / 20%);display: flex;align-items: center;justify-content: space-between !important;} .s-footer-top:after{display: none;} .s-footer-top-left{} .s-footer-top-right{} .s-footer-logo{} .s-footer-logo img{width:260px !important;} .s-footer-listinfo{display: flex;align-items: center;justify-content: end !important;gap: 55px;} .s-footer-listinfo:after{display: none;} .s-footer-infoBox{width:auto !important;flex-basis: auto; max-width: none;} .s-footer-infoBox-img{display: flex ; gap: 20px;align-items: center;} .s-footer-infoBox-img .box-image{ border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; background: #f57539;width:60px !important;aspect-ratio: 1 / 1;display: flex ; align-items: center; justify-content: center;} .s-footer-infoBox-img .box-image img{width: 30px;} .s-footer-infoBox-text{text-align: left;} .s-footer-infoBox-img .box-text{width:calc(100% - 60px - 20px);padding:0;} .s-footer-infoBox-text h2, .s-footer-infoBox-text h3, .s-footer-infoBox-text h4{color:#efefef;font-size: 14px;font-weight: 400;margin-bottom: 5px;} .s-footer-infoBox-text p *, .s-footer-infoBox-text p{font-size: 16px;color:#efefef;} .s-footer-infoBox-text p a{ transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; } .s-footer-infoBox-text p a:hover{color:#f57539;} .s-footer-bottom{display: flex;justify-content: space-between !important;} .s-footer-bottom:after{display: none;} #footer .s-footer-bottom-left{padding-right: 3rem !important;padding-top: 3rem !important;padding-bottom: 5rem !important;} #footer .s-footer-bottom-center{border-left: 1px solid rgb(255 255 255 / 20%);border-right: 1px solid rgb(255 255 255 / 20%);} #footer .s-footer-bottom-right{padding-left: 4rem !important;padding-top: 3rem !important;} .s-footer-bottomleft-title{margin-bottom: 20px;} .s-footer-bottomleft-title *{color:#efefef;font-size: 24px;font-weight: bold;margin: 0;} .s-footer-botcen-listmenu{display: flex;justify-content: space-between !important;gap:20px;padding-right: 3rem !important;padding-left: 3rem !important; padding-top: 3rem !important; padding-bottom: 3rem !important; } .s-footer-botcen-itemmenu{width:calc(100% / 3 - 14px) !important;flex-basis: auto; max-width: none;} .s-footer-menuBox{} .s-footer-menuBox a{ color: #efefef; border: none !important; padding: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; cursor: pointer;} .s-footer-menuBox a:hover{color:#f57539 !important;} .s-footer-copyright, .s-footer-copyright *{color:#efefef;margin-bottom: 0;} .s-footer-copyright{border-top: 1px solid rgb(255 255 255 / 20%);padding:24px 0;} .s-recentPost-item{display: flex;align-items: center;gap:20px;margin-bottom: 40px;} .s-recentPost-item:last-child{margin-bottom: 0;} .s-recentPost-img{width:110px;height:110px;display: block;overflow: hidden;cursor: pointer;} .s-recentPost-info{width:calc(100% - 110px - 20px);} .s-recentPost-img img{width:100%;height:100%;object-fit: cover;} .s-recentPost-item h3{margin-bottom: 0;} .s-recentPost-item h3 a{ color:#efefef; font-size: 18px; font-weight: bold; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; cursor: pointer;} .s-recentPost-item h3 a:hover{color:#f57539;} .s-recentPost-date{text-transform: uppercase;color:#f57539;font-weight: bold; font-size: 14px;margin-bottom: 0px;} .s-contact-page .s-footer-infoBox-text h2, .s-contact-page .s-footer-infoBox-text h3, .s-contact-page .s-footer-infoBox-text h4{font-size: 18px;font-weight: bold;} /* MARK: FORM */ .footer-form-subscribe{position: relative;} .footer-form-input input{height:52px;box-shadow: none;text-indent: 20px;font-size: 16px;padding:0;} .footer-form-input input::placeholder{color:#082d38;opacity: 0.5;} .footer-form-submit{position: absolute;width:50px;height:52px;top:0;right:0;display: inline-flex;align-items: center;justify-content: center;} .footer-form-submit input{opacity: 0;position: absolute;margin: 0;width:100%;height:100%;top:0;left:0;z-index: 9;} .footer-form-submit input:hover{opacity: 0 !important;background: transparent !important;} .footer-form-submit svg{width:20px;fill:#082d38;} .footer-form-submitIcon{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center; cursor: pointer;} #footer .wpcf7-form .processing * { opacity: 0 !important; } .footer-form-checkbox *{color: #efefef; font-size: 16px;} .footer-form-checkbox input[type="checkbox"]{width: 18px; height: 18px; border: none; box-shadow: none; border-radius: 0;} .s-footer-social-title, .s-footer-social-title *{color:#efefef;font-weight: bold;font-size: 24px;margin-bottom: 15px;} .social-footer{display: flex;gap:20px;} .social-footer-item{ width:40px; height:40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative;display: inline-flex;align-items: center;justify-content: center;} .social-footer-item svg{ position: relative; z-index: 99; fill:#fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; } .social-footer-item:hover svg{fill:#f57539;} .social-footer-item:after{ content:''; position: absolute; width:100%; height:100%; top:0; left:0; background: #f57539; transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .social-footer-item:hover:after{ transform:scale(0) ; -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; } .social-footer-item:before{ content:''; position: absolute; border:1px solid #f57539; width:100%; height:100%; top:0; left:0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transition:all ease 0.3s ;} .social-footer-item:hover:before{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; } /* MARK: POST DETAIL PAGE */ #content.blog-single{background: #082d38;} #content.blog-single *{color:#efefef;} #content.blog-single article{margin-bottom: 0} #content.blog-single .category-projects{margin-bottom: 0;} #content.blog-single .section{padding: 0;font-size: 16px;} .detailPost-infodate{display: flex;align-items: center;justify-content: space-between;margin:40px 0 30px 0;} .detailPost-author{display: flex;align-items: center;} .detailPost-author span{ overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: 10px;} .detailPost-author strong{margin-left: 4px;} .detailPost-pageTitle{margin-bottom: 25px;} .detailPost-pageTitle *{color:#efefef;font-size: 36px;font-weight: 700;line-height: 120%;} .detailPost-pageTitle2 *{font-size: 45px;} .detailPost-pageDeshasImg{display: flex;gap:20px; align-items: center;margin-top:30px;margin-bottom: 80px;} .detailPost-pageDeshasImg .box-image{width:85px !important;} .detailPost-pageDeshasImg .box-text{width:calc(100% - 85px - 20px);padding:0;} .detailPost-pageDeshasImg .box-text *{font-size: 16px;} .detailPost-pageInfo1{margin-bottom: 120px;display: flex;} #content.blog-single .detailPost-pageInfo1-left{padding-right: 60px !important;flex-basis: unset;max-width: unset;width:55%;} #content.blog-single .detailPost-pageInfo1-right{padding-left: 0px !important;flex-basis: unset;max-width: unset;width:45%;} .detailPost-pageInfo1-left-flex{display: flex ; gap: 24px;margin:40px 0;} .detailPost-pageInfo1-left-flex-box{flex-basis: unset; max-width: unset; width: auto;} .detailPost-pageInfo1-left-flex-box .box{display: flex;gap:24px;align-items: center;} .detailPost-pageInfo1-left-flex-box .box-image{width:55px !important;} .detailPost-pageInfo1-left-flex-box .box-text{width:calc(100% - 55px - 24px);padding:0;} .detailPost-pageInfo1-left-flex-box .box-text *{font-size: 20px;font-weight: bold;text-align: left;} .detailPost-pageInfo2{margin-bottom: 120px;display: flex;} #content.blog-single .detailPost-pageInfo2-left{padding-right: 0px !important;flex-basis: unset;max-width: unset;width:45%;} #content.blog-single .detailPost-pageInfo2-right{padding-left: 60px !important;flex-basis: unset;max-width: unset;width:45%;} .detailPost-pageInfo2-des{position: relative;margin-bottom: 20px;padding-left: 25px;} .detailPost-pageInfo2-des:after{ content:''; position: absolute; width:12px; height: 12px; background: #f57539; transform:rotate(45deg) ; -webkit-transform:rotate(45deg) ; -moz-transform:rotate(45deg) ; -ms-transform:rotate(45deg) ; -o-transform:rotate(45deg) ; left:0;top:8px;} /* MARK: BLOCK CONTACT */ #blockContact{overflow: hidden; position: fixed; background: rgba(0, 0, 0, 0.3); opacity: 1; backdrop-filter: blur(3px);z-index: 999999;top: 0; left: 0;width: 100%; height: 100%;display: flex;justify-content: end;transition: all ease 0.5s;visibility: hidden;opacity: 0;} .blockContact-section{width: 600px;height: 100%;background: #082d38;padding: 40px;} .blockContact-title{margin-bottom: 15px;} .blockContact-title *{color: #efefef;font-weight: bold;font-size: 24px;margin-bottom: 0;} .blockContact-des *{color: #efefef;font-size: 16px;} .blockContact-btn{width: 192px;} .blockContact-social{padding: 20px 0 !important;margin: 30px 0;border-top: 1px solid #FFFFFF33;border-bottom: 1px solid #FFFFFF33;} .blockContact-info{} .blockContact-Image{display: flex ; align-items: center;margin-bottom: 8px;} .blockContact-Image:last-child{margin-bottom: 0;} .blockContact-Image .box-image{width: 20px !important;} .blockContact-Image .box-text{width: calc(100% - 20px);padding: 0;padding-left: 12px;} .blockContact-Image .box-text *{color: #fff;text-align: left !important;font-weight: 400;font-size: 16px;} #blockContact-close{position: absolute;top: 12px;right: 12px;background: #0d4759;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;color: #efefef;z-index: 9999999;cursor: pointer;border: 1px solid #FFFFFF33;transition: all ease 0.5s;} #blockContact-close:hover{background: #f5752f;} #blockContact-close::before, #blockContact-close::after{content: "" !important; width: 16px; height: 2px; background-color: #efefef; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; left: 9px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #blockContact-close::after{-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #blockContact-close:hover:before{-webkit-transform: rotate(-135deg); transform: rotate(-135deg);} #blockContact-close:hover:after{-webkit-transform: rotate(135deg); transform: rotate(135deg);} #blockContact.blockContact-show{opacity: 1;visibility: visible;} @media only screen and (max-width: 48em) { /*************** ADD MOBILE ONLY CSS HERE ***************/ }