/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /*------------------------------------------------------------------ [Table of contents] 1. Blog Classic 2. Post Classic 3. Navigation 4. FAQ -------------------------------------------------------------------*/ /* ========================================================================== All Style Header ========================================================================== */ /* Align items center & stretch for header navigation */ /* ========================================================================== [Start] All Style Form ========================================================================== */ /*------------------------------------------------------------------ [Table of contents] 1. Reset HTML/CSS, Unitest, Body 2. Page Title 3. Primary -------------------------------------------------------------------*/ /* ========================================================================== [Start] 1. Reset HTML/CSS, Unitest, Body, @Extend ========================================================================== */ /* !important for theme */ /* ========================================================================== [Start] Zo Masonry ========================================================================== */ /* * Menu General All Screen */ /* Footer Scroll Top */ body .flex-images .item img { width: 100%; } body p { letter-spacing: 0 !important; font-size: 20px; font-family: 'AvenirNext' !important; line-height: 26px; } body .zo-header-navigation .nav-menu > li a { letter-spacing: 0; font-family: 'AvenirNext' !important; } .dropcap { line-height: 24px; } .dropcap:first-letter { margin-top: 10px; padding: 0 20px; color: #141414; float: left; font-size: 36px; font-weight: bold; } .dropcap-bg { line-height: 24px; margin-top: 10px; } .dropcap-bg:first-letter { background: #141414 none repeat scroll 0 0; color: #fff; float: left; font-size: 36px; font-weight: bold; margin-right: 14px; margin-top: -3px; padding: 10px 15px; } .entry-content, .zo-blog-content { /** * ----> Single Post */ } .entry-content img.alignnone, .zo-blog-content img.alignnone { margin: 10px 0; } .entry-content img.alignleft, .zo-blog-content img.alignleft { margin: 5px 20px 5px 0; } .entry-content img.alignright, .zo-blog-content img.alignright { margin: 5px 0 5px 20px; } .single .social-list { display: inline-block; padding: 0; margin: 0; /*New style*/ } .single .social-list li { display: inline-block; list-style: none; padding: 0 7px; } .single .social-list li .fa { display: block; text-align: center; font-size: 12px; color: #212121; } .single .social-list li .fa:hover { color: #fa8c00; } .single .post-teaser iframe { height: 450px !important; } .single .post-teaser.format-quote blockquote { padding: 20px; } .single .post-teaser .zo-blog-tags { text-align: left; margin-top: 7px; } .single .post-teaser .zo-blog-tags li { list-style: none; } .single .post-teaser .zo-blog-tags li a { line-height: 22px; color: #333; padding: 10px 15px 10px 12px; background: #f2f2f2; margin-right: 10px; margin-bottom: 10px; border-left: 3px solid #f2f2f2; float: left; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .single .post-teaser .zo-blog-tags li a:hover { color: #fff; background: #fa8c00; border-left: 3px solid #1e1e1e; } .single .post-teaser .social-share { margin-top: -20px !important; text-align: right; } .single .post-teaser .zo-blog-link { margin-top: 43px; margin-bottom: 43px; } @media screen and (max-width: 767px) { .single .post-teaser .zo-blog-link { margin-top: 30px; margin-bottom: 20px; } } .single .post-teaser .post-navigation { margin-bottom: 50px; } .single .post-teaser .social-list { display: inline-block; padding: 0; margin: 0; } .single .post-teaser .social-list li { display: inline-block; padding: 5px 1px; box-sizing: border-box; vertical-align: middle; } .single .post-teaser .social-list li a { text-align: center; display: block; background: #f2f2f2; border-left: 3px solid #f2f2f2; width: 35px; height: 35px; line-height: 35px; margin-right: 0; } .single .post-teaser .social-list li a:hover { background: #fa8c00; border-left: 3px solid #1e1e1e; } .single .post-teaser .social-list li a:hover i { color: #fff; } .single .post-teaser .social-list li a i { border-radius: 0; background: transparent !important; color: #666; font-size: 15px; line-height: 35px; } .single .post-teaser .zo-author-about { padding: 20px; border: 1px solid #f2f2f2; } .single .post-teaser .zo-author-about .zo-author-avatar { float: left; padding-right: 20px; max-width: 110px; margin-top: 10px; } .single .post-teaser .zo-author-about .zo-author-avatar img { width: 90px; } .single .post-teaser .zo-author-about .zo-author-info { width: calc(100% - 110px); float: left; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author { width: 100%; display: inline-block; border-bottom: 1px solid #aaa; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name { float: left; margin-bottom: 5px; line-height: 20px; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name a { color: #141414; font-size: 17px; line-height: 26px; letter-spacing: 0; text-transform: uppercase; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name a:hover { color: #1e1e1e; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .social-author-lists { float: right; margin: 0px; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .social-author-lists li { list-style: none; display: inline-block; margin-left: 15px; } @media screen and (min-width: 992px) { .align-items-center-stretch, .align-items-center-stretch > div { display: flex !important; align-items: center; align-self: stretch; flex-flow: row wrap; } .align-items-center-stretch .main-navigation, .align-items-center-stretch .main-navigation > nav > div, .align-items-center-stretch .main-navigation > div, .align-items-center-stretch .main-navigation .menu-main-menu, .align-items-center-stretch .main-navigation .menu-main-menu > li, .align-items-center-stretch .main-navigation .menu-main-menu > ul, .align-items-center-stretch .main-navigation .menu-main-menu > ul > li { display: flex !important; align-items: center; align-self: stretch; } } #zo-header.header-fixed.header-style-03.header-transparent { margin-top: 0; } @media screen and (max-width: 991px) { #zo-header-top .header-top-left { text-align: center; } #zo-header-top .header-top-left ul li { line-height: 35px; } #zo-header-top .header-top-right { text-align: center; } #zo-header-top .header-top-right ul li { line-height: 35px; } } #zo-header-top .header-top-navigation li { list-style-type: none; display: inline-block; padding: 0 10px 0 0; } #zo-header-top .header-top-navigation li a { color: #ccc; } #zo-header-top .header-top-navigation li a:hover { color: #1e1e1e; } #zo-header-top .header-top-navigation li + li:before { content: "|"; margin-right: 12px; color: #4e7d91; font-weight: 300; } #zo-header-top .header-top-social { margin: 0px; padding: 0px; } #zo-header-top .header-top-social li { list-style: none; display: inline-block; width: 45px; text-align: center; } #zo-header-top .header-top-social li:hover i { -webkit-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -khtml-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -moz-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -ms-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -o-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; /* BACKGROUND GRADIENT */ /*///////////////////////////////////ANIMATION//////////////////////////////////*/ } #zo-header-top .header-top-social li.facebook { background: rgba(93, 130, 209, 0.2); } #zo-header-top .header-top-social li.facebook:hover { background: #5d82d1; } #zo-header-top .header-top-social li.twitter { background: rgba(64, 191, 245, 0.2); } #zo-header-top .header-top-social li.twitter:hover { background: #40bff5; } #zo-header-top .header-top-social li.google { background: rgba(235, 94, 76, 0.2); } #zo-header-top .header-top-social li.google:hover { background: #eb5e4c; } #zo-header-top .header-top-social li.pinterest { background: rgba(225, 49, 56, 0.2); } #zo-header-top .header-top-social li.pinterest:hover { background: #e13138; } #zo-header-top .header-top-social li.vimeo { background: rgba(53, 198, 234, 0.2); } #zo-header-top .header-top-social li.vimeo:hover { background: #35c6ea; } #zo-header-top .header-top-social li.linkedin { background: rgba(35, 140, 200, 0.2); } #zo-header-top .header-top-social li.linkedin:hover { background: #238cc8; } #zo-header-top .header-top-social li.dribbble { background: rgba(247, 101, 156, 0.2); } #zo-header-top .header-top-social li.dribbble:hover { background: #f7659c; } #zo-header-top .header-top-social li.youtube { background: rgba(239, 78, 65, 0.2); } #zo-header-top .header-top-social li.youtube:hover { background: #ef4e41; } #zo-header-top .header-top-social li.rss { background: rgba(250, 163, 61, 0.2); } #zo-header-top .header-top-social li.rss:hover { background: #faa33d; } #zo-header-top .header-top-social li a { font-size: 15px; line-height: 45px; display: block; color: #fff; } @media screen and (max-width: 767px) { #zo-header-top .header-top-social li { width: 35px; } #zo-header-top .header-top-social li a { line-height: 35px; font-size: 14px; } } #zo-header { background: #fff; width: 100%; z-index: 999; top: 0; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-header.header-transparent { position: absolute; } #zo-header .zo-header-main { position: relative; } #zo-header .zo-header-main .zo-header-logo { max-width: 100%; } #zo-header .zo-header-main .zo-sticky-logo { display: none; } #zo-header .zo-header-main .zo-header-secondary { max-width: 100%; } #zo-header .zo-header-main .zo-header-secondary .sub-menu { text-align: left; } #zo-header .zo-header-main .zo-header-navigation-left { display: inline-block; } #zo-header .zo-header-main .zo-header-navigation-right { display: inline-block; } #zo-header .zo-header-main .zo-header-navigation-right .widget { display: inline-block; } #zo-header .zo-header-main .zo-header-navigation-right .widget ul { padding-left: 0; display: flex; } #zo-header.no-sticky { position: relative; } #zo-header > .container { position: relative; z-index: 99; } @media (min-width: 992px) and (max-width: 1023px) { #zo-header > .container { width: 100%; } } #zo-header.header-vertical .zo-header-main { display: inline-block; width: 100%; } @media screen and (max-width: 991px) { #zo-header .zo-header-secondary { position: absolute; top: 0; right: 60px; } } #zo-header.header-fixed { position: fixed; top: 0; box-shadow: 1px 1px 15px 0px #888; } .admin-bar #zo-header.header-fixed { top: 32px; } #zo-header.header-fixed .zo-sticky-logo { display: inline-block; } #zo-header-logo { /*** Admin Bar ***/ } #zo-header-logo img { -webkit-transition: all 500ms ease 0ms; -khtml-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ max-height: 200px; } #zo-header-logo span { padding-left: 10px; font-size: 12px; display: inline-block; } .admin-bar { /*** End Admin Bar ***/ } .admin-bar #zo-header.no-sticky { top: 0; } @media screen and (min-width: 992px) { /* Cart and Search ==========================================================*/ .zo-header-close { display: inline-block; width: 50px; height: 50px; font-size: 9px; cursor: pointer; text-align: center; font-weight: 700; z-index: 999; position: absolute; top: 15px; right: 0; background: #fff; -webkit-transition: all 500ms ease; -khtml-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .header-vertical-right .zo-header-close { left: 0; } .zo-header-close span { background: transparent; display: block; height: 3px; position: relative; width: 23px; margin-left: 13px; top: 50%; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-header-close span:before, .zo-header-close span:after { content: ""; position: absolute; top: 50%; height: 3px; left: 0; width: 100%; background: #333; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-header-close span:before { -webkit-transform: translateY(-50%) rotate(-45deg); -khtml-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-header-close span:after { -webkit-transform: translateY(-50%) rotate(45deg); -khtml-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .disable-header-vertical .zo-header-close { -webkit-box-shadow: 0px 0px 2px 0px #acacac; -khtml-box-shadow: 0px 0px 2px 0px #acacac; -moz-box-shadow: 0px 0px 2px 0px #acacac; -ms-box-shadow: 0px 0px 2px 0px #acacac; -o-box-shadow: 0px 0px 2px 0px #acacac; box-shadow: 0px 0px 2px 0px #acacac; /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .disable-header-vertical .zo-header-close span { background: #333; } .disable-header-vertical .zo-header-close span:before, .disable-header-vertical .zo-header-close span:after { -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .disable-header-vertical .zo-header-close span:before { top: -6px; } .disable-header-vertical .zo-header-close span:after { bottom: -6px; top: initial; } .header-vertical-left .zo-header-close { right: -50px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; /* BOX */ } .header-vertical-right .zo-header-close { left: -50px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 3px; /* BOX */ } } .widget_cart_search_wrap { text-align: right; } @media screen and (min-width: 992px) { .header-vertical .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown, .header-vertical .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { top: 70px; right: initial; left: 100%; width: 360px; } .header-vertical-right .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown, .header-vertical-right .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { left: initial; right: 100%; } } @media screen and (min-width: 992px) { .widget_cart_search_wrap .widget_cart_search_wrap_item { padding-left: 5px; display: inline-block; } } @media screen and (max-width: 991px) { .widget_cart_search_wrap .widget_cart_search_wrap_item { display: inline; } } .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon { display: inline-block; width: 35px; text-align: center; } .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon:hover i, .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.active i { -webkit-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -khtml-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -moz-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -ms-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -o-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; /* BACKGROUND GRADIENT */ /*///////////////////////////////////ANIMATION//////////////////////////////////*/ } .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_cart_wrap { position: relative; } .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_cart_wrap .cart_total { position: absolute; color: #fff; background-color: #fa8c00; font-size: 11px; height: 18px; line-height: 18px; right: -5px; text-align: center; top: 50%; width: 18px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ -webkit-transform: translateY(calc(-50% - 15px)); -khtml-transform: translateY(calc(-50% - 15px)); -moz-transform: translateY(calc(-50% - 15px)); -ms-transform: translateY(calc(-50% - 15px)); -o-transform: translateY(calc(-50% - 15px)); transform: translateY(calc(-50% - 15px)); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown, .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 500ms ease; -khtml-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown.active, .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content.active { height: auto; overflow: hidden; opacity: 1; z-index: 100; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown { width: 360px; position: absolute; background-color: #141414; border-radius: 0 0 2px 2px; top: 100%; right: 16px; } @media screen and (max-width: 768px) { .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown { right: -45px; width: 290px; } } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner { padding: 20px; line-height: 50px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list { list-style: none inside; margin: 0; padding: 0; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list { border-bottom: 1px solid #393939; color: #fff; overflow: hidden; padding: 20px 0; line-height: normal; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list.empty { text-align: center; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list a { float: left; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list a img { width: 100px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info { padding-left: 115px; text-align: left; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .title { font-weight: 400; color: #fff; font-size: 12px; padding: 0 0 5px; margin: -4px 0 0; text-transform: uppercase; line-height: normal; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .amount { color: #fa8c00; display: block; font-style: italic; padding-bottom: 8px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity { display: block; color: #858585; text-transform: uppercase; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity a { float: right; margin-left: 15px; color: #858585; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .total { font-size: 16px; color: #fff; display: block; text-align: center; text-transform: uppercase; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .total .amount { font-size: 36px; padding-left: 10px; color: #fa8c00; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn { width: 100%; text-align: center; color: #fff !important; padding: 12px; text-transform: uppercase; border-radius: 2px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout { background: #fa8c00; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout:hover { background: rgba(250, 140, 0, 0.8); } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-cart { background-color: #909090; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-cart:hover { background: #fa8c00; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { position: absolute; min-width: 360px; right: 0; top: 100%; border-radius: 0 0 3px 3px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form { position: relative; padding: 35px 20px; border: 0; background: #fa8c00; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form:before { content: "\f002"; font-family: FontAwesome; font-size: 15px; right: 20px; top: 50%; position: absolute; color: #f5f5f5; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input { display: block; height: 40px; line-height: 40px; padding: 0; color: #fff; outline: none; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"] { font-size: 18px; color: #f5f5f5; background-color: transparent; border: none; padding: 0 10px; border-bottom: 1px solid #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]::-webkit-input-placeholder { color: #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]::-moz-placeholder { color: #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:-ms-input-placeholder { color: #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:-moz-placeholder { color: #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:focus { outline: none; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] { font-size: 12px; text-transform: uppercase; padding: 0; position: absolute; right: 20px; top: 35px; color: transparent; background-color: transparent; border: 0; } @media screen and (max-width: 768px) { .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] { padding: 0 15px; } } @media screen and (max-width: 991px) { .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { left: initial; right: -45px; width: 290px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form { padding-left: 15px; padding-right: 15px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] { right: 15px; } } #zo-header.header-style-01 { position: relative; border-bottom: 2px solid #fff; } #zo-header.header-style-01:before { content: ""; left: 0; position: absolute; width: 100%; bottom: 0; } #zo-header.header-style-01 .sub-menu { text-align: left; } #zo-header.header-style-01 .zo-header-secondary { display: inline-block; vertical-align: middle; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info { list-style: none; text-align: right; margin: 0; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li { display: inline-block; padding-right: 40px; margin-right: 30px; border-right: 1px solid #ccc; text-align: left; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li:last-child { padding-right: 15px; margin: 0; border: 0; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li i { margin-right: 10px; font-size: 12px; color: #fa8c00; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li i.fa-mobile { font-size: 15px; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li span.title { display: block; color: #222; line-height: 25px; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li span.content { display: block; line-height: 25px; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li span.content a { color: inherit; } #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li span.content a:hover { color: #fa8c00; } @media screen and (min-width: 992px) { #zo-header .zo-menu-toggle { display: none; } } @media screen and (max-width: 991px) { .header-vertical .zo-header-bottom { display: none; } #zo-header.header-style-01 .zo-header-secondary { display: none; } #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn a { color: #333; text-transform: uppercase; font-weight: 400; } #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget { left: 0; position: relative; right: auto; margin-bottom: 20px; } } @media screen and (max-width: 767px) { #zo-header-logo .zo-sticky-logo { display: none !important; } } @media screen and (max-width: 600px) { #zo-header #zo-header-logo img { max-height: 38px; } #zo-header .zo-header-main .zo-header-secondary #zo-header-navigation-right .widget_custom_html, #zo-header .zo-header-main .zo-header-secondary #zo-header-navigation-right .widget_zo_social_widget { display: none !important; } #zo-header .zo-header-main .zo-header-secondary #zo-header-navigation-right .widget_polylang { padding-right: 0; } } @media screen and (max-width: 992px) { body #zo-header .zo-header-navigation, #zo-menu-mobile.close { background: #fa8c00 !important; } .zo-header-navigation .nav-menu.menu-main-menu li { color: #fff !important; } .zo-header-navigation .nav-menu.menu-main-menu li i { color: #fff !important; } .zo-header-navigation .nav-menu.menu-main-menu li a { color: #fff !important; } .zo-header-navigation .nav-menu.menu-main-menu li.menu-item { transform: translateY(20px); opacity: 0; transition: all 0.3s; } .zo-header-navigation.show-menu { z-index: 9999; } .zo-header-navigation.show-menu .nav-menu.menu-main-menu li.menu-item { transform: translateY(0); opacity: 1; transition-delay: 0.6s; } .zo-header-navigation.show-menu .nav-menu.menu-main-menu li.menu-item:nth-of-type(2) { transition-delay: 0.76s; } .zo-header-navigation.show-menu .nav-menu.menu-main-menu li.menu-item:nth-of-type(3) { transition-delay: 0.92s; } .zo-header-navigation.show-menu .nav-menu.menu-main-menu li.menu-item:nth-of-type(4) { transition-delay: 1.08s; } .zo-header-navigation.show-menu .nav-menu.menu-main-menu li.menu-item:nth-of-type(5) { transition-delay: 1.24s; } .zo-header-navigation.show-menu .nav-menu.menu-main-menu li.menu-item:nth-of-type(6) { transition-delay: 1.4s; } .zo-header-navigation.show-menu .nav-menu.menu-main-menu li.menu-item:nth-of-type(7) { transition-delay: 1.56s; } .zo-header-navigation.show-menu .nav-menu.menu-main-menu li.menu-item:nth-of-type(8) { transition-delay: 1.72s; } } .main-logo-header { display: flex; justify-content: space-between; align-items: center; } .aligncenter { clear: both !important; display: block !important; margin: 0 auto !important; } @media screen and (min-width: 992px) { body .header-style-02 .zo-header-navigation .nav-menu > li.current-menu-item > a { position: relative; } body .header-style-02 .zo-header-navigation .nav-menu > li.current-menu-item > a::before { opacity: 1; } } .header-top-left .header-top-contact { display: flex; padding-left: 0; margin-bottom: 0; } .header-top-left .header-top-contact .contact-email { margin-right: 15px; } .header-top-left .header-top-contact li i { margin-right: 3px; } .header-top-right ul { padding-left: 0; display: flex; justify-content: flex-end; align-items: center; margin: 0; } .header-top-right ul li { margin-left: 10px; } .header-top-right ul li:hover a:before, .header-top-right ul li.current-lang a:before { opacity: 1; } .header-top-right ul li a { line-height: 45px; position: relative; } .header-top-right ul li a:before { content: ""; opacity: 0; transition: all 0.3s; position: absolute; width: 100%; height: 1px; background-color: #fff; display: inline-block; bottom: -1px; left: 0; } @media screen and (min-width: 992px) { body .nav-menu > li ul.sub-menu { background-color: #fff; } body .nav-menu > li ul.sub-menu li:hover.no_group { background-color: #fff; } body .nav-menu > li > ul.sub-menu li a:before { background-color: #fa8c00; } body .zo-header-secondary #site-navigation .menu-main-menu > li.menu-item-has-children::before { position: absolute; font-family: "FontAwesome"; font-size: 19px; content: ""; right: -3px; top: 50%; transition: all 0.3s; transform: translateY(-50%); } } @media screen and (max-width: 992px) { body .zo-header-navigation .nav-menu > li li a { font-size: 14px !important; } .menu-language { position: absolute; height: 65px; right: 65px; top: 2px; } .menu-language .widget_polylang ul { padding-left: 0; display: flex; } .menu-language .widget_polylang ul li { margin: 0 4px; } .menu-language .widget_polylang ul li a { position: relative; } .menu-language .widget_polylang ul li a:before { content: ""; position: absolute; width: 100%; bottom: -1px; display: inline-block; height: 1px; opacity: 0; background-color: #fa8c00; } .menu-language .widget_polylang ul li.current-lang a:before { opacity: 1; } } body #zo-footer { background: transparent; color: #fff; } body #zo-footer .widget_media_image img { width: 270px; margin-bottom: 25px; } body #zo-footer #media_image-3 img { width: 100%; } body #zo-footer #media_image-4 img { width: auto; } body #zo-footer .wg-title { font-size: 19px; font-weight: 600; letter-spacing: 0; } body #zo-footer ul li { color: #fff !important; list-style-type: none; letter-spacing: 0; } body #zo-footer ul li i { color: #fff; } body #zo-footer .zo-footer-column a { color: #fff !important; letter-spacing: 0; } body #zo-footer .zo-footer-column a:hover { color: #fff !important; } .footer-contact { padding: 0px; } .footer-contact li { list-style-type: none; display: flex; color: #92abba !important; } .footer-contact li i { margin-right: 8px; color: #fa8c00; line-height: 32px; } .footer-contact li span { margin: 0px 6px; } ul li { list-style-type: none !important; } .footer-nav ul { padding: 0px; } .footer-nav ul li::before { position: relative; top: -2px; content: ""; display: inline-block; width: 6px; height: 6px; background-color: #fff; margin-right: 7px; } .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body { -webkit-transition: padding 0.4s ease-in-out !important; -o-transition: padding 0.4s ease-in-out !important; transition: padding 0.4s ease-in-out !important; } #back_to_top { position: fixed; right: 20px; bottom: 20px; width: 40px; text-align: center; height: 40px; line-height: 40px; visibility: hidden; cursor: pointer; opacity: 0; z-index: 99; } #back_to_top.on { visibility: visible; opacity: 1; background: #fa8c00; color: #fff; } #zo-page-element-wrap { position: relative; } #zo-page-element-wrap::before { content: ""; background: rgba(0, 0, 0, 0.38); width: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; z-index: 1; } #zo-page-element-wrap .zo-page-title-container { position: relative; z-index: 2; } .wrapper-footer { background-color: #001e28 !important; } .wrapper-footer #zo-footer, .wrapper-footer #zo-footer-copyright { background-color: #001e28 !important; z-index: 2; position: relative; background: transparent; } .wrapper-footer #zo-footer .zo-footer-column .textwidget { font-family: "AvenirNext" !important; font-size: 16px; line-height: 25px; } .wrapper-footer #zo-footer-copyright { display: none !important; border-top: 1px solid rgba(255, 255, 255, 0.4) !important; } .wrapper-footer #zo-footer-copyright .zo-footer-copyright-notice { color: #fff; font-size: 13px; } input[type='text'], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select { color: #626262; font-size: 16px; font-weight: 400; padding: 15px 17px; border: 1px solid #ececec; width: 100%; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ line-height: normal; } textarea { height: 240px; max-height: 120px; max-width: 100%; } input[type='text']:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus { border: 1px solid #fa8c00; } .form-group { margin-bottom: 10px; /** Contact Form 7 */ } .wpcf7-form { /* ========================================================================== [End] All Style Form ========================================================================== */ /*---Restaurant---*/ } .wpcf7-form .wpcf7-form-item { margin-bottom: 24px; } .wpcf7-form input[type='text'], .wpcf7-form input[type="password"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="time"], .wpcf7-form input[type="week"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="search"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"], .wpcf7-form textarea, .wpcf7-form select { font-size: 14px; font-weight: 400; padding: 12px 15px; border: 1px solid rgba(250, 140, 0, 0.2); width: 100%; margin-bottom: 20px; border-radius: 2px; height: 55px; } .wpcf7-form textarea { height: 150px; } .wpcf7-form .wpcf7-submit { letter-spacing: normal; font-size: 14px; padding: 18px 25px; line-height: 15px; background: #fa8c00; color: #fff; text-transform: uppercase; border-radius: 3px; border: none; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ margin-bottom: 25px; } .wpcf7-form .wpcf7-submit:hover { background: #1e1e1e; } .wpcf7-form .less-contact-submit { text-align: center; } .wpcf7-form .wpcf7-form-control-wrap .wpcf7-textarea + .wpcf7-not-valid-tip { bottom: -1px; } .wpcf7-form .wpcf7-not-valid-tip { font-size: 12px; position: absolute; left: 0px; bottom: 3px; color: #fa8c00; } .wpcf7-form .wpcf7-validation-errors { display: block; text-align: center; margin: 20px 0 0; border: 1px solid transparent; color: #ff3a47; } .wpcf7-form .wpcf7-response-output { text-align: center; } .contact-form-1 .cf-message { padding: 0px 10px; } @media screen and (max-width: 991px) { } @media screen and (max-width: 767px) { .contact-form-1 .cf-message { padding: 0px; } } .contact-form-1 .cf-message textarea { border: none; } .contact-form-1 .cf-submit { text-align: center; font-weight: 500; } .contact-form-1 .cf-submit .wpcf7-form-control { letter-spacing: normal; padding: 20px 100px 20px 100px; } @media screen and (max-width: 767px) { .contact-form-1 .cf-submit .wpcf7-form-control { width: 100%; } } .contact-form-1 .group { display: flex; } .contact-form-1 .group.w-100 { display: block; width: 100%; } .contact-form-1 .group.w-100 .cf-name { width: 100%; } .contact-form-1 .group .cf-name, .contact-form-1 .group .cf-phone, .contact-form-1 .group .cf-email, .contact-form-1 .group .cf-dn { width: 50%; } .contact-form-1 .group .cf-name, .contact-form-1 .group .cf-email { margin-right: 10px; } .contact-form-1 .group input { height: 42px; padding: 0px 12px; margin-bottom: 10px; } .contact-form-1 textarea, .contact-form-1 input { border: 1px solid #cfdfe2 !important; } .contact-form-1 textarea { margin-bottom: 0px; } .contact-form-1 .cf-message { padding: 0px; } .contact-form-1 .cf-submit input { display: block; width: 100%; padding: 0px 15px !important; line-height: 43px; } .page #content > article > .entry-content > .vc_row { margin: 0; } .vc_row-no-padding .vc_inner { margin-left: 0 !important; margin-right: 0 !important; } *::-moz-selection { background: #fa8c00; color: #fff; } *::-webkit-selection { background: #fa8c00; color: #fff; } *::selection { background: #fa8c00; color: #fff; } body.disable-scroll { overflow: hidden; } .zo-animation, .visible-hidden { visibility: hidden; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .left { float: left; } .right { float: right; } .entry-page-image { margin-bottom: 14px; } #main #page-default, #page { position: relative; } a, a:hover, a:focus { outline: none; text-decoration: none; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } p { margin: 0 0 15px; letter-spacing: 0.04em; } img { height: auto; max-width: 100%; } @media screen and (max-width: 991px) { .zo-row-full-width .no-container { padding-left: 15px; padding-right: 15px; } } .zo-row-full-width .no-container .row { margin: 0; } .zo-row-full-width .no-container .row .vc_column_container { padding: 0; } .no-container > .row { margin: 0; } .bg-effect-lg, .bg-effect-sm { background: repeat-y center center; background-size: 100%; } .bg-position-center { background-position: center center !important; } .bg-dark-inset .wpb_wrapper { background: #060606; } .bg-main-inset .wpb_wrapper { background: #fa8c00; } .wrap-btn-inline { display: inline-block; margin-right: 20px; /* ========================================================================== [End] 1. Reset HTML/CSS, Unitest, Body ========================================================================== */ /* ========================================================================== [Start] 2. Page Title ========================================================================== */ } @media screen and (max-width: 479px) { .wrap-btn-inline { margin-right: 0px; } .wrap-btn-inline + .wrap-btn-inline { margin-top: 20px; } } @media screen and (max-width: 767px) { #zo-page-element-wrap .zo-page-title-content .zo-page-title-text h1 { font-size: 25px; line-height: 30px; } } #zo-page-element-wrap.symmetric { position: relative; } @media screen and (max-width: 767px) { #zo-page-element-wrap.symmetric .zo-page-title-content { display: inline !important; } #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-text, #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-secondary { display: inline !important; width: 100% !important; text-align: left !important; } #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-text h1 { font-size: 35px !important; line-height: 35px !important; margin-bottom: 0 !important; } #zo-page-element-wrap.symmetric .zo-page-title-content .breadcrumbs { padding-left: 0 !important; } } #zo-page-element-wrap.symmetric .zo-page-title-secondary { vertical-align: bottom; } .symmetric #breadcrumb-text { z-index: 1; } .symmetric #breadcrumb-text .breadcrumbs { margin: 0; padding: 0; display: inline; } @media screen and (max-width: 1199px) { .symmetric #breadcrumb-text .breadcrumbs { padding-left: 15px; } } .zo-page-title-text h1 { padding: 0; margin: 0; position: relative; } .zo-page-title-text .page-sub-title { text-align: center; text-transform: uppercase; color: #fa8c00; } #breadcrumb-text { z-index: 1; } #breadcrumb-text .breadcrumbs { margin: 0; padding: 0; display: inline; } @media screen and (max-width: 1199px) { #breadcrumb-text .breadcrumbs { padding-left: 15px; } } #breadcrumb-text .breadcrumbs li { padding: 0 15px; display: inline-block; position: relative; } #breadcrumb-text .breadcrumbs li:after { content: "\f178"; font-family: FontAwesome; font-size: 10px; float: right; position: absolute; right: -5px; top: 2px; } #breadcrumb-text .breadcrumbs li:first-child { padding-left: 0; } #breadcrumb-text .breadcrumbs li:last-child { padding-right: 0; } #breadcrumb-text .breadcrumbs li:last-child:after { content: ""; } #breadcrumb-text .breadcrumbs li a:hover { color: #fa8c00; } #breadcrumb-text .breadcrumbs li .zo-breadcrumb-categrory-space { padding-right: 5px; } .zo-page-title-style-01.bellow .zo-page-title-text h1 { margin-bottom: 15px; } .zo-page-title-style-01 .breadcrumbs:before { border-bottom: 2px solid #fff; } .zo-page-title-style-01 .breadcrumbs li a { color: #fff; } .zo-page-title-style-01 .breadcrumbs li a:hover { color: #fa8c00; } .zo-page-title-style-02 { position: relative; border-top: 1px solid #ddd; } .zo-page-title-style-02:before { background: rgba(51, 51, 51, 0.05) none repeat scroll 0 0; box-shadow: 0 10px 30px 0 rgba(51, 51, 51, 0.5); content: ""; height: 2px; left: 0; position: absolute; top: -2px; width: 100%; } .zo-page-title-style-02 .zo-page-title-text h1 { color: #333 !important; } .zo-page-title-style-02 .breadcrumbs li { color: #333 !important; } .zo-page-title-style-02 .breadcrumbs li a { color: #333; } .zo-page-title-style-02 .breadcrumbs li a:hover { color: #fa8c00; } .list-style-check li { color: #9c9c9c; line-height: 31px; position: relative; padding-left: 36px; } .list-style-check li:before { content: "\f00c"; font-family: FontAwesome; color: #fff; font-size: 18px; position: absolute; top: 1px; left: 4px; z-index: 1; } .list-style-check li:after { content: ""; width: 24px; height: 24px; display: inline-block; background-color: #db5896; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ border: 2px solid #ba2b6f; position: absolute; top: 4px; left: 0; } .list-style-check.green { /* ----> End List Style */ /* ----> VC Row Overlay Color */ } .list-style-check.green li:after { background-color: #81b748; border-color: #5a951b; } .entry-content .wpb_row { /* ----> End VC Row Overlay Color */ /* ----> VC Row Backgrund Color Custom */ } .entry-content .wpb_row.background-image-fixed { overflow: hidden; position: inherit; } .entry-content .wpb_row.background-image-fixed .zo-overlay-color { height: 3000px; left: 0; position: relative; margin-bottom: -3000px; width: 100%; -webkit-transform: translateY(-20%); -khtml-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .entry-content .wpb_row .zo-overlay-color { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .row-custom-bg-color { position: relative; /*Fix row flex*/ } .row-custom-bg-color .zo-custom-bg-left, .row-custom-bg-color .zo-custom-bg-right { position: absolute; top: 0; left: 0; width: 50%; height: 100%; } .row-custom-bg-color .zo-custom-bg-right { left: inherit; right: 0; } .vc_row.vc_row-o-content-middle { flex-wrap: wrap; /* ----> End VC Row Backgrund Color Custom */ } .zo-row-arrow { border: 20px solid; bottom: 0; height: 20px; left: 0; margin: auto; position: absolute; right: 0; width: 38px; } .row-arrow-top .zo-row-arrow { bottom: inherit; top: 0; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .row-arrow-top .zo-row-arrow:hover { cursor: pointer; } .row-overlay-color, .zo_parallax { position: relative; } .row-arrow-bottom .zo-row-arrow { border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .row-arrow-bottom .zo-row-arrow:hover { cursor: pointer; } #zo-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 1000; top: 0; /* [Start] Eror Page ==============================================================*/ } #zo-loadding .ball { position: absolute; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .error404 { /* [End] Eror Page ==============================================================*/ } .error404 #main { padding: 0 !important; } .error404 #main #primary { background-color: #fa8c00; padding: 320px 0; } .error404 .entry-error404 { text-align: center; color: #333; } .error404 .entry-error404 .entry-header img { margin-bottom: 40px; } .error404 .entry-error404 .entry-header h1 { font-size: 50px; color: #333; } .error404 .entry-error404 .entry-header h2 { color: #333; font-size: 30px; line-height: 50px; } .error404 .entry-error404 .entry-content { padding: 20px 0; } .error404 .entry-error404 .entry-footer .btn-home { margin-right: 20px; } .zo-carousel.owl-carousel .owl-item img { width: auto; /* ZO GRID COLUMNS */ } @media (min-width: 1200px) { .zo-grid-wrapper .zo-lg-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } .zo-grid-wrapper .zo-lg-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } .zo-grid-wrapper .zo-lg-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } .zo-grid-wrapper .zo-lg-6cols .zo-grid-item:nth-child(6n+1) { clear: both; } } @media (min-width: 992px) and (max-width: 1200px) { .zo-grid-wrapper .zo-md-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } .zo-grid-wrapper .zo-md-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } .zo-grid-wrapper .zo-md-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } .zo-grid-wrapper .zo-md-6cols .zo-grid-item:nth-child(6n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .zo-grid-wrapper .zo-sm-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } .zo-grid-wrapper .zo-sm-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } .zo-grid-wrapper .zo-sm-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } .zo-grid-wrapper .zo-sm-6cols .zo-grid-item:nth-child(6n+1) { clear: both; } } @media (max-width: 767px) { .zo-grid-wrapper .zo-xs-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } .zo-grid-wrapper .zo-xs-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } .zo-grid-wrapper .zo-xs-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } .zo-grid-wrapper .zo-xs-6cols .zo-grid-item:nth-child(6n+1) { clear: both; } } .zo-content-sidebar .container { width: 100%; padding-left: 0; padding-right: 0; } .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .post-password-form input[type="submit"] { border: 1px solid #fa8c00; background: #fa8c00; color: #fff; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .post-password-form input[type="submit"]:hover { background: #fff; color: #fa8c00; } .post-password-form input[type="password"] { padding: 6px; font-size: 14px; max-width: 300px; } #style_selector.active { left: 0; } #style_selector { background: #222; width: 280px; height: 100%; position: fixed; left: -280px; top: 0; z-index: 99999999; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; border-radius: 0 0 0 4px; } #style_selector_container { padding: 40px 29px 30px; height: 100%; overflow: auto; } #style_selector .style-main-title { color: #000; font-size: 15px; height: 44px; line-height: 44px; text-align: center; border-bottom: 1px solid rgba(23, 24, 26, 0.15); background-image: linear-gradient(top, #fff 0%, #f7f4f4 100%); } #style_selector .box-title { display: inline-block; font-size: 14px; height: 55px; line-height: 55px; width: 100%; color: #fff; font-weight: 700; letter-spacing: 0.2em; margin-bottom: 15px; } #style_selector .input-box { padding: 5px 15px 5px 5px; } #style_selector .input-box select { background: #f7f7f7; width: 100%; padding: 10px 18px 10px 10px; border: 1px solid rgba(23, 24, 26, 0.15); font-size: 12px; color: #000; } #style_selector .style-toggle { background: #fff; cursor: pointer; } #style_selector.active .style-toggle i:before { content: "\f00d"; } #style_selector .control-option i { font-size: 14px; color: #fff; transform: translateX(-2px); -webkit-transform: translateX(-2px); -moz-transform: translateX(-2px); -ms-transform: translateX(-2px); -o-transform: translateX(-2px); } #style_selector .control-option { right: 0; position: absolute; text-align: center; top: 150px; z-index: -1; padding: 0; margin: 0; list-style: none; transform: translateX(100%); -webit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); } #style_selector .control-option li { background: #43cbfd; margin-bottom: 2px; float: left; clear: both; min-width: 40px; } #style_selector .control-option li a { white-space: nowrap; display: block; padding: 3px 10px; color: #fff; font-weight: 700; font-size: 14px; line-height: 30px; } #style_selector .control-option li a.close { text-shadow: none; float: none; opacity: 1; } #style_selector .control-option li a span { max-width: 0; display: inline-block; vertical-align: middle; overflow: hidden; font-size: 11px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 400ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } #style_selector .control-option li a:hover > span { max-width: 200px; margin-right: 10px; } #style_selector .predefined a.preset1 { background: #43cbfd; } #style_selector .predefined a.preset2 { background: #ff4421; } #style_selector .predefined a.preset3 { background: #f6bb17; } #style_selector .predefined a.preset4 { background: #f10f24; } #style_selector .predefined a.preset5 { background: #8d57d1; } #style_selector .predefined a.preset6 { background: #f36510; } #style_selector .predefined a.preset7 { background: #1e6bf1; } #style_selector .predefined a.preset8 { background: #c0392b; } #style_selector .predefined a.preset9 { background: #63bc0d; } #style_selector .predefined a.preset10 { background: #f1505b; } #style_selector .predefined a { -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #style_selector .predefined a:hover { opacity: 0.8; } #style_selector .predefined a.active { border: 2px dotted #fff; } #style_selector .predefined { display: inline-block; width: 100%; margin-bottom: 25px; } #style_selector .predefined a { border-radius: 50%; -webkit-border-radius: 50%; height: 32px; margin: 0 5px 5px 0; max-width: 32px; overflow: hidden; display: inline-block; width: 100%; } #style_selector .header-demo { margin-bottom: 25px; } #style_selector .header-demo a { margin: 0 7px 12px 0; width: calc(50% - 10px); text-align: center; border: 2px solid #fff; padding: 5px 0; font-size: 12px; color: #fff; font-weight: 700; display: inline-block; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #style_selector .header-demo a:hover { border-color: #fa8c00; color: #fa8c00; } .demos a { text-align: center; font-size: 14px; color: #fff; font-weight: 500; display: block; margin-bottom: 20px; margin-top: 10px; } .demos a:hover { color: #fa8c00; } .demos a img { opacity: 1; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ margin-bottom: 5px; } .demos a img:hover { opacity: 0.8; } @media screen and (max-width: 1200px) { #style_selector .style-toggle { display: none; } } .pro-page-search .site-main .message-search { padding: 20px 10px; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item { margin: 0px 15px 60px 0px; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item:last-child { margin: 0px 15px 0px 0px; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner { border-bottom: none; background-color: #f5f5f5; padding-bottom: 0px !important; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid { padding-top: 0px; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media { position: relative; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media:hover .pro-icon-hover { opacity: 1; height: 100%; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profiles-image img { width: 100%; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pro-icon-hover { background: rgba(0, 0, 0, 0.5); opacity: 0; position: absolute; width: 100%; text-align: center; height: 0px; top: 0; left: 0; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul { font-size: 14px; background: #fff; text-align: center; position: absolute; z-index: 1; left: 50%; padding: 10px; margin: 0px; min-width: 270px; transform: translate(-50%, -50%); border-radius: 50px; padding: 10px 0px; -webkit-box-shadow: 0px 1px 9px -1px #cecece; -khtml-box-shadow: 0px 1px 9px -1px #cecece; -moz-box-shadow: 0px 1px 9px -1px #cecece; -ms-box-shadow: 0px 1px 9px -1px #cecece; -o-box-shadow: 0px 1px 9px -1px #cecece; box-shadow: 0px 1px 9px -1px #cecece; /* BACKGROUND GRADIENT */ /* BOX SIZING */ } @media screen and (max-width: 991px) { .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul { padding: 10px; } } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-date { padding-left: 0px; padding-right: 0px; display: inline-block; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-date:after { content: "|"; padding: 0 5px 0 5px; display: inline-block; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-comment { padding-left: 0px; padding-right: 0px; display: inline-block; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-comment a { padding-right: 4px; color: #999; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-comment a:hover { color: #fa8c00; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content { padding: 22px 30px 30px 30px; margin-top: 0px; } @media screen and (max-width: 991px) { .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content { padding-left: 30px; padding-right: 15px; } } @media screen and (max-width: 767px) { .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content { padding-left: 15px; } } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title { padding: 0px 0px 16px 0px; } @media screen and (max-width: 991px) { .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title { padding: 20px 0 10px; } } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title a { font-size: 20px; font-weight: 400; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title a:hover { color: #fa8c00; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-btn-read-more { padding-top: 18px; text-align: right; } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-btn-read-more a { padding: 10px 30px; background: #fff none repeat scroll 0 0; border: medium none; border-radius: 4px; box-shadow: 0 1px 9px -4px rgba(0, 0, 0, 0.4); color: #222; font-size: 14px; font-weight: 400; height: 40px; line-height: 20px; text-transform: uppercase; vertical-align: middle; text-align: right; -webkit-transition: 0.3s; -khtml-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-btn-read-more a:hover { background-color: #fa8c00; color: #fff; } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item:hover .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title a { color: #000; } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner:hover .pro-media-grid .pet-profiles-media .pro-icon-hover { opacity: 1; height: 100%; } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner:hover .pet-profiles-warper-content { background: #fa8c00; } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner:hover .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title a { color: #fff; } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profiles-image img { width: 100%; } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pro-icon-hover { background: rgba(0, 0, 0, 0.5); opacity: 0; position: absolute; width: 100%; text-align: center; height: 0px; top: 0; left: 0; -webkit-transition: 0.3s; -khtml-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content { width: 100%; margin: 0; background-color: #f5f5f5; -webkit-transition: 0.3s; -khtml-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title { text-align: center; } .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title { margin: 0; font-weight: 400; font-size: 14px; line-height: 25px; padding: 15px 0 15px; } .pro-params .pro-sort-page .pro-show-style .pro-grid-view { display: inline-block; line-height: 18px; } .zo-masonry-wrapper { /* ========================================================================== [End] Zo Masonry ========================================================================== */ /* ========================================================================== [Start] Images Carousel ========================================================================== */ /* ========================================================================== [Start] 11. Images Carousel ========================================================================== */ } .zo-masonry-wrapper .zo-masonry-filter { margin-bottom: 40px; } .zo-masonry-wrapper .zo-masonry-filter ul { padding: 0; margin: 0; list-style: none inside; text-align: center; } .zo-masonry-wrapper .zo-masonry-filter ul li { display: inline-block; margin-right: 15px; margin-top: 15px; } .zo-masonry-wrapper .zo-masonry-filter ul li a { display: block; padding: 2px 20px; font-weight: normal; color: #afc3d0; } .zo-masonry-wrapper .zo-masonry-filter ul li a.active, .zo-masonry-wrapper .zo-masonry-filter ul li a:hover { border: 1px solid #afc3d0; color: #414141; border-radius: 20px; } .wpb_images_carousel { max-width: 100%; margin: 0 auto; } .wpb_images_carousel .vc_item { text-align: center; } .wpb_images_carousel .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner { padding: 0; margin: 0; } .wpb_images_carousel.overlay .vc_item img, .wpb_images_carousel.overlay .slick-slide img { opacity: 0.6; } .wpb_images_carousel.overlay .vc_item:hover img, .wpb_images_carousel.overlay .slick-slide:hover img { opacity: 1; } .wpb_images_carousel.green .slick-dots li.slick-active button::before { color: #fa8c00; } .wpb_images_carousel .slick-dots li.slick-active button::before { color: #fa8c00; } .wpb_images_carousel .vc_slide .vc_carousel-control { border: 0px; display: block; background: #fff; background: rgba(255, 255, 255, 0.5); /* COLOR OPACITY */ height: 70px; opacity: 1; width: 20px; line-height: 70px; margin: 0; top: 50%; color: #fff; text-shadow: none; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ text-shadow: none 2px 5px rgba(0, 0, 0, .4); /* TRANSFORM */ font-size: 22px; } .wpb_images_carousel .vc_slide .vc_carousel-control:hover { background-color: #fff; } .wpb_images_carousel .vc_slide .vc_carousel-control span { display: none; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left { left: 0px; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left:before { content: "\f104"; font-family: FontAwesome; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right { right: 0px; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right:before { content: "\f105"; font-family: FontAwesome; } @media screen and (max-width: 767px) { .wpb_images_carousel .vc_images_carousel { width: 100% !important; } .wpb_images_carousel .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item { visibility: visible; height: auto !important; /*+ .vc_item{ margin-top: 50px; }*/ float: left; } .wpb_images_carousel.about-us-carousel-2 .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item + .vc_item { margin-top: 0px; } } @media screen and (max-width: 991px) { /* ========================================================================== [End] Images Carousel ========================================================================== */ /* ========================================================================== [Start] Zo Carousel ========================================================================== */ .wpb_images_carousel .zo_images_carousel-wrap { text-align: center; } .wpb_images_carousel .zo_images_carousel-wrap .zo_images_carousel > div + div { margin-top: 50px; } } .template-zo_carousel { /* ========================================================================== [End] Zo Carousel ========================================================================== */ } .template-zo_carousel .zo-carousel-media img { margin: 0 auto; } .template-zo_carousel .zo-carousel-title { margin-top: 15px; } .template-zo_carousel .zo-carousel-title a { color: inherit; } .template-zo_carousel .zo-carousel-title a:hover { color: #fa8c00; } .template-zo_carousel .zo-carousel-content { margin-bottom: 10px; } .template-zo_carousel .zo-carousel-categories a { font-style: italic; } .template-zo_carousel .owl-nav .owl-prev { padding: 5px 10px !important; } .template-zo_carousel .owl-nav .owl-prev:hover { background: #fa8c00 !important; } .template-zo_carousel .owl-nav .owl-next { padding: 5px 10px !important; } .template-zo_carousel .owl-nav .owl-next:hover { background: #fa8c00 !important; } .template-zo_carousel .owl-dots .owl-dot span:hover { background: #fa8c00 !important; } .template-zo_counter .zo-counter-inner { padding: 10px; position: relative; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ max-width: 300px; margin: 0 auto; } .template-zo_counter .zo-counter-inner:before { position: absolute; content: ""; width: 0; height: 0; left: 0; top: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_counter .zo-counter-inner:after { position: absolute; content: ""; width: 0; height: 0; right: 0; bottom: 0; -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_counter .zo-counter-inner:hover:before { width: 40%; height: 40%; border-left: 1px solid #fa8c00; border-top: 1px solid #fa8c00; } .template-zo_counter .zo-counter-inner:hover:after { width: 40%; height: 40%; border-right: 1px solid #fa8c00; border-bottom: 1px solid #fa8c00; } .template-zo_counter .zo-counter-icon { text-align: center; } .template-zo_counter .zo-counter-icon i { color: #fa8c00; font-size: 35px; margin-bottom: 20px; } .template-zo_counter .zo-counter { font-size: 40px; color: #414141; position: relative; margin-bottom: 20px; text-align: center; font-weight: 700; } .template-zo_counter .zo-counter-body h3 { text-align: center; color: #616161; } .template-zo_counter .zo-counter-body h3:after { content: "."; color: #fa8c00; } .template-zo_grid .zo-grid-item { margin-bottom: 50px; } .template-zo_grid .zo-grid-item .zo-grid-media { position: relative; } .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay { left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); } .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i { opacity: 1; } .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i:before { position: absolute; content: ""; width: 0; height: 20px; top: -10px; left: calc(50% - 1px); border-left: 1px solid #fa8c00; } .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i:after { position: absolute; content: ""; width: 20px; height: 0; left: -10px; top: calc(50% - 1px); border-bottom: 1px solid #fa8c00; } .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay { position: absolute; width: 0; height: 0; left: 50%; top: 50%; background: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay a { position: absolute; top: calc(50% - 25px); left: calc(50% - 12px); padding: 10px; } .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay a i { color: #fa8c00; opacity: 0; font-size: 1px; position: relative; } .template-zo_grid .zo-grid-item .zo-grid-title { margin-top: 20px; font-weight: 500; text-transform: uppercase; } .template-zo_grid .zo-grid-item .zo-grid-title a { color: #313131; } .template-zo_grid .zo-grid-item .zo-grid-title a:hover { color: #fa8c00; } .template-zo_grid .zo-grid-item .zo-grid-readmore { margin-top: 30px; } .template-zo_grid .zo-grid-item .zo-grid-readmore a { font-weight: 400; } .template-zo_masonry { /*ZO BUTTON*/ } .template-zo_masonry .zo-masonry-item .zo-masonry-inner:before { opacity: 0; position: absolute; content: ""; background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; top: 60px; left: 60px; bottom: 60px; right: 60px; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover { opacity: 0; position: absolute; top: calc(50% - 42px); text-align: center; } .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover .zo-portfolio-title { margin-bottom: 0px; } .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover .zo-portfolio-title a { font-size: 20px; line-height: 22px; letter-spacing: 0; text-transform: uppercase; } .template-zo_masonry .zo-masonry-item .zo-masonry-inner:hover:before { opacity: 1; top: 20px; left: 20px; right: 20px; bottom: 20px; } .template-zo_masonry .zo-masonry-item .zo-masonry-inner:hover .portfolio-content-hover { width: 100%; left: 0; opacity: 1; -webkit-transition: all 0.7s ease-in-out 0s; -khtml-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; transition: all 0.7s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_button { /*Short code Video*/ } .template-zo_button .zo-button i { padding: 0 5px; } .zo-video-custom { position: relative; } .zo-video-custom > img { padding-right: 0; width: 100%; } .zo-video-custom a.play-button span { position: absolute; padding: 10px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ top: calc(50% - 50px); left: calc(50% - 50px); background: #fff; background: rgba(255, 255, 255, 0.3); /* COLOR OPACITY */ } .zo-video-custom a.play-button span i { font-size: 25px; color: #fa8c00; width: 80px; height: 80px; background: #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ line-height: 80px; text-indent: 10px; } .zo-video-custom a.play-button span:hover { -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ background: #fa8c00; background: rgba(250, 140, 0, 0.3); /* COLOR OPACITY */ } .zo-video-custom a.play-button span:hover i { background: #fa8c00; color: #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-video-custom .video-close { position: absolute; top: 30px; right: 30px; color: #fff; } .zo-video-custom .video-close:hover { color: #000; } .template-zo_heading.heading-style1 h2, .template-zo_heading.heading-style1 h3, .template-zo_heading.heading-style1 h4 { font-family: "AvenirNext" !important; color: #fa8c00; font-weight: 700; position: relative; letter-spacing: -0.3px; } .template-zo_heading.heading-style1 h2::after, .template-zo_heading.heading-style1 h3::after, .template-zo_heading.heading-style1 h4::after, .template-zo_heading.heading-style1 h2::before, .template-zo_heading.heading-style1 h3::before, .template-zo_heading.heading-style1 h4::before { content: ""; display: inline-block; transform: translateX(-50%); left: 50%; position: absolute; height: 2px; } .template-zo_heading.heading-style1 h2::after, .template-zo_heading.heading-style1 h3::after, .template-zo_heading.heading-style1 h4::after { width: 200px; background-color: #1e1e1e; bottom: -8px; } .template-zo_heading.heading-style1 h2::before, .template-zo_heading.heading-style1 h3::before, .template-zo_heading.heading-style1 h4::before { width: 220px; background-color: #fa8c00; bottom: -2px; } .template-zo_heading.heading-style1 h3 { font-size: 26px; line-height: 37px; } .template-zo_heading--style2 { padding-left: 23px; position: relative; } @media screen and (max-width: 992px) { .template-zo_heading--style2 { padding-left: 25px; } } @media screen and (max-width: 768px) { .template-zo_heading--style2 { padding-left: 15px; } } .template-zo_heading--style2::before { width: 10px; height: 100px; background-color: #fa8c00; content: ""; display: inline-block; position: absolute; left: 0; top: 3px; } .template-zo_heading--style2 .zo-heading-main { font-family: "AvenirNext" !important; font-size: 70px; line-height: 70px; margin-bottom: 0; font-weight: 700; text-transform: uppercase; color: #fa8c00; } .template-zo_heading--style2 .zo-heading-sub { text-transform: uppercase; line-height: 45px; font-size: 35px; font-family: "AvenirNext" !important; margin-bottom: 0; color: #646464; font-weight: 500; } .template-zo_heading--style2.style-black .zo-heading-main { font-size: 50px; line-height: 65px; color: #1e1e1e; font-weight: 400; } .template-zo_heading--style2.style-black .zo-heading-main a { color: #1e1e1e; } .template-zo_heading--style2.style-black .zo-heading-main a:hover { text-decoration: underline; } .template-zo_heading--style2.style-black::before { width: 6px; height: calc(100% - 20px); top: 50%; transform: translateY(-50%); background-color: #1e1e1e; } @media screen and (max-width: 768px) { .template-zo_heading--style2.style-black .zo-heading-main { font-size: 25px; line-height: 38px; } } .template-zo_heading--style2.style-primary .zo-heading-main { font-size: 46px; line-height: 60px; color: #fa8c00; font-weight: 400; } .template-zo_heading--style2.style-primary .zo-heading-main a { color: #fa8c00; } .template-zo_heading--style2.style-primary .zo-heading-main a:hover { text-decoration: underline; } .template-zo_heading--style2.style-primary::before { width: 6px; height: calc(100% - 20px); top: 50%; transform: translateY(-50%); background-color: #fa8c00; } .template-zo_heading--style2.style-primary.style-2-line::before { height: 96px; } @media screen and (max-width: 768px) { .template-zo_heading--style2.style-primary.style-2-line::before { height: 57px; } } .template-zo_heading--style2.style-primary.style-3-line::before { height: 170px; } @media screen and (max-width: 768px) { .template-zo_heading--style2.style-primary.style-3-line::before { height: 100px; } } @media screen and (max-width: 768px) { .template-zo_heading--style2.style-primary .zo-heading-main { font-size: 22px !important; line-height: 38px !important; } } @media screen and (max-width: 768px) { .template-zo_heading--style2 .zo-heading-main { font-size: 30px; line-height: 40px; } .template-zo_heading--style2 .zo-heading-sub { font-size: 22px; line-height: 32px; } .template-zo_heading--style2::before { width: 5px; height: 50px; top: 50%; transform: translateY(-50%); } } .template-zo_heading.heading-style-white .zo-heading-main, .template-zo_heading.heading-style-white .zo-heading-sub { font-size: 50px; line-height: 65px; font-family: "AvenirNext" !important; color: #fff; font-weight: 600 !important; } @media screen and (max-width: 768px) { .template-zo_heading.heading-style-white .zo-heading-main, .template-zo_heading.heading-style-white .zo-heading-sub { font-size: 28px; line-height: 35px; } } .template-zo_heading.style-no-line h2 { font-size: 35px; line-height: 45px; font-family: "AvenirNext" !important; color: #fa8c00; } @media screen and (max-width: 768px) { .template-zo_heading.style-no-line h2 { font-size: 22px !important; line-height: 38px !important; } } .effect-style { position: relative; } .effect-style::before { content: ""; position: absolute; top: 70px; left: 27px; width: calc(100% - 110px); height: 100%; background-color: transparent; border: 30px solid rgba(0, 0, 0, 0.1); } .effect-style img { max-width: 480px !important; } .zoom-effect .vc_figure { overflow: hidden; position: relative; z-index: 1; } .zoom-effect .vc_figure img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zoom-effect .vc_figure:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .pons-heading { position: absolute; left: 15px; top: 0; } .owl-theme.owl-carousel { position: relative; } .owl-theme.owl-carousel .owl-nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ width: 100%; margin: 0 !important; } @media screen and (max-width: 600px) { .owl-theme.owl-carousel .owl-nav .owl-nav { display: none; } } .owl-theme.owl-carousel .owl-nav .owl-prev, .owl-theme.owl-carousel .owl-nav .owl-next { background: transparent; border: 0; margin: 0; padding: 0; position: absolute; text-align: center; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .owl-theme.owl-carousel .owl-nav .owl-prev:hover, .owl-theme.owl-carousel .owl-nav .owl-next:hover { background: transparent; border: 0; } .owl-theme.owl-carousel .owl-nav .owl-prev:hover i, .owl-theme.owl-carousel .owl-nav .owl-next:hover i { color: #fa8c00; } .owl-theme.owl-carousel .owl-nav .owl-prev i, .owl-theme.owl-carousel .owl-nav .owl-next i { font-size: 22px; color: #111; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .owl-theme.owl-carousel .owl-nav .owl-prev { left: -15px; } .owl-theme.owl-carousel .owl-nav .owl-next { right: -15px; } .owl-theme.owl-carousel .owl-dots { display: inline-block !important; text-align: center; position: absolute; width: 100%; bottom: -55px; z-index: 99; } .owl-theme.owl-carousel .owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; margin-right: 10px; } .owl-theme.owl-carousel .owl-dots .owl-dot span { display: block; width: 8px; height: 8px; background-color: #999; border-radius: 0px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .owl-theme.owl-carousel .owl-dots .owl-dot.active span, .owl-theme.owl-carousel .owl-dots .owl-dot:hover span { background-color: #fa8c00; } .template-zo_carousel--doitac .zo-carousel-item { background-color: #fff; padding: 25px 0px 10px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_carousel--doitac .zo-carousel-item img { margin: auto; height: 80px !important; } @media screen and (max-width: 600px) { .template-zo_carousel--doitac .owl-nav { display: none; } } @media screen and (min-width: 992px) { .zo-header-secondary #site-navigation .menu-main-menu > li.menu-item-has-children::before { position: absolute; font-family: "FontAwesome"; font-size: 20px; content: ""; right: 0; top: 50%; transform: translateY(-50%); } } .template-zo_carousel--chung-toi .owl-nav i { color: #fff; } .template-zo_carousel--chung-toi .icon { text-align: center; margin-bottom: 35px; display: block; } .template-zo_carousel--chung-toi .icon i { font-size: 45px; color: #fff; } .template-zo_carousel--chung-toi .zo-carousel-content { font-size: 15px; line-height: 25px; color: #fff; text-align: center; font-style: italic; } .template-zo_carousel--chung-toi .zo-carousel-item { padding: 15px; } .template-zo_carousel--chung-toi .image { margin-top: 20px; margin-bottom: 20px; } .template-zo_carousel--chung-toi .image img { width: 100px !important; margin: auto; border-radius: 50%; } .template-zo_carousel--chung-toi .title { font-size: 16px; font-weight: 600; text-align: center; color: #fff; display: block; } .template-zo_carousel--tintuc .owl-prev, .template-zo_carousel--tintuc .owl-next { width: 30px; height: 30px; background-color: #fa8c00 !important; border: 1px solid #fff !important; } .template-zo_carousel--tintuc .owl-prev i, .template-zo_carousel--tintuc .owl-next i { color: #fff !important; line-height: 28px; } .template-zo_carousel--tintuc .owl-prev { left: 12px; } .template-zo_carousel--tintuc .zo-carousel-item { background-color: #fff; border-radius: 3px; padding: 5px; position: relative; } .template-zo_carousel--tintuc .zo-carousel-item:hover:before { width: 100%; } .template-zo_carousel--tintuc .zo-carousel-item:before { content: ""; position: absolute; width: 0%; height: 5px; background-color: #748bec; display: inline-block; left: 0; bottom: 0; transition: all 0.3s; } .template-zo_carousel--tintuc .zo-carousel-item .zo-carousel-title { margin-top: 20px; margin-bottom: 10px; line-height: 20px; } .template-zo_carousel--tintuc .zo-carousel-item .zo-carousel-title a { font-weight: 600; font-size: 16px; } .template-zo_carousel--tintuc .zo-carousel-item .zo-carousel-content { font-size: 14px; line-height: 24px; margin-bottom: 20px; } .nav-menu { margin: 0; padding: 0; text-indent: 0; display: inline-block; width: 100%; /* * Main Menu For Screen Large ( > 992px ). */ } .nav-menu li { display: inline-block; position: relative; list-style: none; } .nav-menu li a { display: inline-block; position: relative; } @media screen and (min-width: 992px) { /* * End Main Menu For Screen Large ( > 992px ). */ /* * Max width of 992 pixels - Menu Mobi */ .nav-menu > li { /* Start Mega Menu */ } .nav-menu > li:hover { /* Style Sub Menu - Level 2 */ } .nav-menu > li:hover > ul.sub-menu { overflow: visible; visibility: visible; opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li:hover > ul.sub-menu.drop_to_center { -webkit-transform: scaleY(1) translateX(-32%); -khtml-transform: scaleY(1) translateX(-32%); -moz-transform: scaleY(1) translateX(-32%); -ms-transform: scaleY(1) translateX(-32%); -o-transform: scaleY(1) translateX(-32%); transform: scaleY(1) translateX(-32%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .header-vertical .nav-menu > li:hover > ul.sub-menu { -webkit-transform: scaleY(1) translateY(-50%); -khtml-transform: scaleY(1) translateY(-50%); -moz-transform: scaleY(1) translateY(-50%); -ms-transform: scaleY(1) translateY(-50%); -o-transform: scaleY(1) translateY(-50%); transform: scaleY(1) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li ul.sub-menu { position: absolute; left: 0; top: 100%; z-index: 99; padding: 0; overflow: hidden; visibility: hidden; opacity: 0; cursor: pointer; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; /* BOX */ -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ -webkit-transform-origin: 0 0; -khtml-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 0.28s ease-in-out; -khtml-transition: all 0.28s ease-in-out; -moz-transition: all 0.28s ease-in-out; -ms-transition: all 0.28s ease-in-out; -o-transition: all 0.28s ease-in-out; transition: all 0.28s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .nav-menu > li ul.sub-menu.drop_to_center { -webkit-transform: scaleY(0) translateX(-32%); -khtml-transform: scaleY(0) translateX(-32%); -moz-transform: scaleY(0) translateX(-32%); -ms-transform: scaleY(0) translateX(-32%); -o-transform: scaleY(0) translateX(-32%); transform: scaleY(0) translateX(-32%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li ul.sub-menu.drop_to_right { left: initial; right: 0; } .header-vertical .nav-menu > li ul.sub-menu { top: 50%; -webkit-transform: scaleY(0) translateY(-50%); -khtml-transform: scaleY(0) translateY(-50%); -moz-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); -o-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .admin-bar .header-vertical .nav-menu > li ul.sub-menu { top: 32px; } .header-vertical-left .nav-menu > li ul.sub-menu { left: 100%; } .header-vertical-right .nav-menu > li ul.sub-menu { right: 100%; left: initial; } .nav-menu > li ul.sub-menu li { width: 100%; } .nav-menu > li ul.sub-menu li:hover > ul.sub-menu { overflow: visible; visibility: visible; opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li ul.sub-menu li:hover.no_group { background: #fff; } .nav-menu > li ul.sub-menu li a { display: block; padding-left: 25px; padding-right: 15px; position: relative; /* Menu - Level > 3 */ } .nav-menu > li ul.sub-menu li a:hover { padding-left: 25px; } .nav-menu > li ul.sub-menu li a .menu-title { display: inline-block; vertical-align: middle; } .nav-menu > li ul.sub-menu li a .menu-title i { margin-right: 10px; } .nav-menu > li ul.sub-menu li ul.sub-menu { top: 0; /* Menu Stick Wall */ left: 100%; } .nav-menu > li ul.sub-menu li ul.sub-menu.back { right: 100%; left: auto; } .nav-menu > li ul.sub-menu li ul.sub-menu.back ul:not(.back) { right: 100%; left: auto; } .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back { left: 100%; right: auto; } .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back ul:not(.back) { left: 100%; right: auto; } .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back ul.back { right: 100%; left: auto; } .nav-menu > li ul.sub-menu li .zo-menu-toggle { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li ul.sub-menu li.less-menu-icon-new span.menu-title { position: relative; } .nav-menu > li ul.sub-menu li.less-menu-icon-new span.menu-title:after { position: absolute; right: -30px; top: -10px; content: "\f006"; color: #f10f23; width: 25px; height: 25px; font-family: "FontAwesome"; font-size: 15px; } .nav-menu > li ul.sub-menu li.less-menu-icon-coming-soon span.menu-title { position: relative; } .nav-menu > li ul.sub-menu li.less-menu-icon-coming-soon span.menu-title:after { position: absolute; right: -30px; top: -10px; content: "\f017"; color: #f10f23; width: 25px; height: 25px; font-family: "FontAwesome"; font-size: 15px; } .nav-menu > li > ul.sub-menu:not(.multicolumn) ul li a { padding-left: 40px; /* padding a level 4 */ } .nav-menu > li > ul.sub-menu:not(.multicolumn) ul li li a { padding-left: 55px; } .nav-menu > li.menu-item-has-children { /* End Mega Menu */ } .nav-menu > li.menu-item-has-children.has_full_width { position: inherit; } .nav-menu > li.menu-item-has-children.has_full_width > ul { left: 0 !important; } .nav-menu > li.menu-item-has-children.has_full_width.right-slide > ul { left: inherit !important; right: 30px; } .header-vertical .nav-menu > li.menu-item-has-children.has_full_width { position: relative; } .header-vertical .nav-menu > li.menu-item-has-children.has_full_width > ul { left: 100% !important; } .header-vertical-right .nav-menu > li.menu-item-has-children.has_full_width > ul { right: 100% !important; left: initial !important; } .nav-menu > li.menu-item-has-children.less-menu-home .columns4 > li { width: 22% !important; } .nav-menu > li.menu-item-has-children.less-menu-home .columns4 > li:first-child { width: 34% !important; } .nav-menu > li.menu-item-has-children .columns2 > li:nth-of-type(2n+1), .nav-menu > li.menu-item-has-children .columns3 > li:nth-child(3n+1), .nav-menu > li.menu-item-has-children .columns4 > li:nth-child(4n+1), .nav-menu > li.menu-item-has-children .columns5 > li:nth-child(5n+1) { clear: left; } .nav-menu > li.menu-item-has-children .columns5 > li { width: 20% !important; } .nav-menu > li.menu-item-has-children .columns4 > li { width: 25% !important; } .nav-menu > li.menu-item-has-children .columns3 > li { width: 33% !important; } .nav-menu > li.menu-item-has-children .columns2 > li { width: 50% !important; } .nav-menu > li.menu-item-has-children [class*="columns"] > li { float: left; } .nav-menu > li.menu-item-has-children [class*="columns"] > li > a { width: 100%; } .nav-menu > li.menu-item-has-children > ul.multicolumn .zo-menu-toggle, .nav-menu > li.menu-item-has-children > ul.drop_full_width .zo-menu-toggle { display: none; } .nav-menu > li.menu-item-has-children > ul.multicolumn ul.sub-menu, .nav-menu > li.menu-item-has-children > ul.drop_full_width ul.sub-menu { position: static; margin-top: 0; overflow: visible; visibility: visible; background: transparent; opacity: 1; box-shadow: none; min-width: initial; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group + li, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group + li { border-left: 1px solid #dfe5e8; } .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group > a, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group > a { color: #1e1e1e; letter-spacing: 0.05em !important; font-weight: 700 !important; text-transform: uppercase !important; } .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group > a:before, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group > a:before { width: 0 !important; } .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group ul.sub-menu, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group ul.sub-menu { min-width: initial; } .nav-menu > li.menu-item-has-children.right-slide { position: static !important; } .nav-menu > li.menu-item-has-children.right-slide > ul.multicolumn { left: inherit !important; right: 30px; } .header-style-02 .nav-menu > li.menu-item-has-children.right-slide > ul.multicolumn { right: 0; } .nav-menu > li.menu-item-has-children.position-static { position: static !important; } #zo-menu-mobile.collapse, .header-phone-logo { display: none; } #zo-header:not(.header-vertical) .nav-menu > li.menu-item-has-children.has_full_width > ul { width: 100% !important; max-width: 1170px; } .header-style-01 .nav-menu .menu-item-btn { float: right; } .zo-collapsed-menu .nav-menu > li { opacity: 0; visibility: hidden; -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); -khtml-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); -ms-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); -o-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); /* BACKGROUND GRADIENT */ /* TRANSITION PROPERTY */ -webkit-transition-property: all; -khtml-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; /* BACKGROUND GRADIENT */ /* TRANSITION DURATION */ } .zo-collapsed-menu .nav-menu > li:nth-child(1) { -webkit-transition-delay: 0.15s; -khtml-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.1s; -khtml-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -ms-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(2) { -webkit-transition-delay: 0.2s; -khtml-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.15s; -khtml-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -ms-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(3) { -webkit-transition-delay: 0.25s; -khtml-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ms-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.2s; -khtml-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(4) { -webkit-transition-delay: 0.3s; -khtml-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.25s; -khtml-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(5) { -webkit-transition-delay: 0.35s; -khtml-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ms-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.3s; -khtml-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(6) { -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.35s; -khtml-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -ms-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .widget_cart_search_wrap .shopping_cart_dropdown_wrap, .zo-collapsed-menu .widget_cart_search_wrap .widget_searchform_content_wrap { opacity: 0; visibility: hidden; } .zo-collapsed-menu .widget_cart_search_wrap .shopping_cart_dropdown_wrap { -webkit-transition-delay: 0.45s; -khtml-transition-delay: 0.45s; -moz-transition-delay: 0.45s; -ms-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .widget_cart_search_wrap .widget_searchform_content_wrap { -webkit-transition-delay: 0.5s; -khtml-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.45s; -khtml-transition-duration: 0.45s; -moz-transition-duration: 0.45s; -ms-transition-duration: 0.45s; -o-transition-duration: 0.45s; transition-duration: 0.45s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .widget_cart_search_wrap .shopping_cart_dropdown_wrap, .zo-collapsed-menu.active .widget_cart_search_wrap .widget_searchform_content_wrap { opacity: 1; visibility: visible; } .zo-collapsed-menu.active .widget_cart_search_wrap .widget_searchform_content_wrap { -webkit-transition-delay: 0.15s; -khtml-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.1s; -khtml-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -ms-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .widget_cart_search_wrap .shopping_cart_dropdown_wrap { -webkit-transition-delay: 0.2s; -khtml-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.15s; -khtml-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -ms-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li { opacity: 1; visibility: visible; } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+1) { -webkit-transition-delay: 0.25s; -khtml-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ms-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.2s; -khtml-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+2) { -webkit-transition-delay: 0.3s; -khtml-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.25s; -khtml-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+3) { -webkit-transition-delay: 0.35s; -khtml-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ms-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.3s; -khtml-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+4) { -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.35s; -khtml-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -ms-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+5) { -webkit-transition-delay: 0.45s; -khtml-transition-delay: 0.45s; -moz-transition-delay: 0.45s; -ms-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+6) { -webkit-transition-delay: 0.5s; -khtml-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.45s; -khtml-transition-duration: 0.45s; -moz-transition-duration: 0.45s; -ms-transition-duration: 0.45s; -o-transition-duration: 0.45s; transition-duration: 0.45s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-button { position: relative; width: 43px; float: right; margin-right: 15px; } .zo-collapsed-button span { background: #171717; height: 4px; width: 100%; top: 50%; right: 0; position: absolute; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-collapsed-button span:before, .zo-collapsed-button span:after { position: absolute; content: ""; right: 0; height: 4px; background: #171717; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-collapsed-button span:before { top: 10px; width: 32px; } .zo-collapsed-button span:after { bottom: 10px; width: 26px; } .zo-collapsed-button.close span { background: transparent; } .zo-collapsed-button.close span:before { top: initial; width: 100%; -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-collapsed-button.close span:after { bottom: initial; width: 100%; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } @media screen and (max-width: 991px) { .zo-main-logo { display: none; } .zo-header-navigation.show-menu { bottom: 0; } .zo-header-navigation { background: #fff; position: fixed; bottom: 100%; top: -100%; width: 100%; overflow: auto; left: 0; z-index: 99; -webkit-transition: all 700ms ease; -khtml-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-menu-mobile { display: block; width: 55px; font-size: 9px; cursor: pointer; text-align: center; font-weight: 700; z-index: 999; /* First Level - Menu Mobi */ } #zo-menu-mobile span { display: block; height: 3px; position: relative; width: 23px; top: 50%; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } #zo-menu-mobile span:before, #zo-menu-mobile span:after { content: ""; position: absolute; height: 3px; left: 0; width: 100%; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-menu-mobile span:before { top: -5px; } #zo-menu-mobile span:after { bottom: -5px; } #zo-menu-mobile.close { top: 0; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } #zo-menu-mobile.close span { background: transparent; } #zo-menu-mobile.close span:before, #zo-menu-mobile.close span:after { top: 50%; } #zo-menu-mobile.close span:before { -webkit-transform: translateY(-50%) rotate(-45deg); -khtml-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } #zo-menu-mobile.close span:after { -webkit-transform: translateY(-50%) rotate(45deg); -khtml-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } ul.nav-menu > li { display: block; } ul.nav-menu > li a { padding-left: 15px; } ul.nav-menu > li li a { padding-left: 30px; } ul.nav-menu > li li li a { padding-left: 45px; } ul.nav-menu > li li li li a { padding-left: 60px; } ul.nav-menu > li .zo-menu-toggle { cursor: pointer; position: absolute; right: 10px; text-align: center; top: 0; width: 30px; line-height: 40px; font-size: 14px; -webkit-transition: all 800ms ease; -khtml-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ /* Sub Level - Menu Mobi */ } ul.nav-menu > li ul.sub-menu { max-height: 0; padding: 0; overflow: hidden; width: 100% !important; -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } ul.nav-menu > li ul.sub-menu li { display: block; background: transparent; } ul.nav-menu > li ul.sub-menu li.current_page_item > a, ul.nav-menu > li ul.sub-menu li.current-menu-ancestor > a, ul.nav-menu > li ul.sub-menu li:hover > a { background: transparent; border-bottom: none; } ul.nav-menu > li ul.sub-menu.submenu-open { max-height: 1500px; } ul.nav-menu > li ul.sub-menu.submenu-open + .zo-menu-toggle { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } @media screen and (max-width: 767px) { /* * End Max width of 992 pixels - Menu Mobi */ /* ========================================================================== End Style Main Menu ========================================================================== */ .header-style-02 #zo-menu-mobile.close { right: 0; } } body.zo-dark #page { background: #444; } @media screen and (min-width: 1000px) { body.zo-boxed #page { margin: auto !important; max-width: 100%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } } @media screen and (min-width: 992px) { .vc_row.vc_row-no-padding .vc_column_container.custom-col-6 { max-width: calc(1170px / 2); padding-right: 15px; padding-left: 15px; } .vc_row.vc_row-no-padding .wpb_column .zo-grid-item[class*="-2-zo"] { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .border-right { border-right: 1px solid #ebebeb; } .border-bottom { border-bottom: 1px solid #ebebeb; } } @media (min-width: 992px) and (max-width: 1400px) { .vertical-align-middle > .container > .row > div[class^="col"], .vertical-align-middle > .container-fluid > .row > div[class^="col"], .vertical-align-middle > .container > .row > div[class^="vc_col"], .vertical-align-middle > .container-fluid > .row > div[class^="vc_col"] { float: none; display: inline-block; vertical-align: middle; } .vertical-align-middle > .container > .row > .vc_col-sm-6, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-6, .vertical-align-middle > .container > .row > .vc_col-md-6, .vertical-align-middle > .container-fluid > .row > .vc_col-md-6 { width: calc(50% - 2px); } .vertical-align-middle > .container > .row > .vc_col-sm-8, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-8, .vertical-align-middle > .container > .row > .vc_col-md-8, .vertical-align-middle > .container-fluid > .row > .vc_col-md-8 { width: calc(66.6667% - 2px); } .vertical-align-middle > .container > .row > .vc_col-sm-4, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-4, .vertical-align-middle > .container > .row > .vc_col-md-4, .vertical-align-middle > .container-fluid > .row > .vc_col-md-4 { width: calc(33.33333333% - 2px); } .vertical-align-middle > .container > .row > .vc_col-sm-7, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-7, .vertical-align-middle > .container > .row > .vc_col-md-7, .vertical-align-middle > .container-fluid > .row > .vc_col-md-7 { width: calc(58.3333% - 2px); } .vertical-align-middle > .container > .row > .vc_col-sm-5, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-5, .vertical-align-middle > .container > .row > .vc_col-md-5, .vertical-align-middle > .container-fluid > .row > .vc_col-md-5 { width: calc(41.6667% - 2px); } } @media screen and (max-width: 1024px) { #zo-header > .container { padding: 0 15px; } .wpb_column.padding-30 { padding: 0 30px !important; } .zo-row-full-width > .no-container { margin-left: 0; margin-right: 0; } .zo-row-full-width > .no-container > .row { margin-left: 0; margin-right: 0; } .zo-row-full-width > .no-container > .row > .wpb_column { padding: 0; } } @media screen and (max-width: 991px) { #zo-header, #zo-header.header-fixed { /* Tab */ } #zo-header > .container, #zo-header.header-fixed > .container { position: relative; z-index: 99; } .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper { /* End Tab */ /* Shortcode Priccing */ } .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav { width: 31.667%; } .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel { width: 68.333%; } .zo-grid-pricing .zo-grid-item { margin-bottom: 80px; } .zo-grid-pricing .zo-grid-item:last-child { margin-bottom: 0; } body #zo-header.sticky-tablets { position: fixed; /* Footer Top */ } #zo-footer-top .row > [class*="col-"]:nth-child(2n+1) { clear: left; } #zo-footer-top [class^="col-"] { margin-bottom: 30px; } .wpb_single_image .vc_single_image-wrapper { /**Fancybox**/ } .wpb_single_image .vc_single_image-wrapper img { width: 100%; } .template-zo_fancybox--process .zo-fancybox-item:nth-child(2n) .zo-fancybox-inner::after { content: none; } #zo-header .zo-header-secondary { float: inherit; } .zo-header-style02-menu #zo-menu-mobile { top: 30px !important; bottom: auto !important; z-index: 100; } } @media screen and (max-width: 767px) { #zo-header .zo-header-secondary { float: inherit !important; /* Header Sticky */ } #zo-header .zo-header-secondary .header-top-contact { text-align: center; line-height: 50px !important; } body #zo-header.sticky-mobile { position: fixed; /* Start Form Comment */ } #comments .comment-list ul.children { /* End Comment */ /* Tab */ } #comments .comment-list ul.children:before { height: 0; } #comments .comment-list ul.children .comment-main .comment-content:before { height: 0; } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a { line-height: 40px; padding: 0 20px; } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a span { display: none; } .ui-tabs-panel img { width: 100%; /* End Tab */ /* Sidebar =================*/ } #secondary { margin-top: 50px; } .zo-pricing-default .zo-pricing-item.pricing-feature-item .zo-pricing-inner { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ /**Fancybox**/ } .template-zo_fancybox--process .zo-fancybox-item .zo-fancybox-inner::after { content: none; } } @media screen and (max-width: 640px) { #zo-site-map a { padding: 0 20px 0 55px; /* End Footer Scroll Top */ /* Tab Custom Color */ } #zo-site-map a i { left: 21px; } .vc_tta-container { /* End Tab Custom Color */ } .vc_tta-container .vc_tta-tabs.custom-color { border: none; } } @media screen and (min-width: 992px) { .templete-we-marking .box-right .wrapper .heading::before { left: auto !important; right: 0 !important; } .zo_grid--blog-right .item .wrapper .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media screen and (max-width: 992px) { #site-navigation .lang-item { display: none !important; } } html, body { direction: ltr !important; } html #wpadminbar, body #wpadminbar { direction: ltr !important; } @-webkit-keyframes banner_style { from { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes banner_style { from { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .lds-ring { display: inline-block; width: 40px; height: 40px; top: 70%; left: 50%; transform: translateX(-50%); position: absolute; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 40px; height: 40px; margin: 0; border: 3px solid #fa8c00; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fa8c00 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media screen and (min-width: 992px) { .text-left-pr { padding-right: 30px; } .icon-close-mobile { display: none; } .zo-header-logo-top { display: block; text-align: center; } .zo-header-logo-top a { display: inline-block; padding-top: 25px; } .zo-header-logo-top img { max-height: 120px; } } @media screen and (min-width: 1200px) { .zo_grid--tai-sao-chon-chung-toi { padding-left: 20px; } .row-tong-thau .container-fluid { padding-left: 50px !important; padding-right: 50px !important; } .page-home .wrapper-filter-top { position: absolute; right: 50px; top: 60px; } .page-home .template-zo_grid--filter-du-an { margin-top: 50px; padding-left: 35px; padding-right: 35px; } .page-home .template-zo_heading--style2 { margin-left: 35px; } .page-du-an .template-zo_grid--filter-du-an { padding-left: 35px; padding-right: 35px; } #zo-header .zo-header-main, #zo-footer-content { padding-left: 35px; padding-right: 35px; } body .container { min-width: 1230px; } body #zo-footer { padding-top: 100px; } } .brearkcrumn { border-bottom: 1px solid #fa8c00; margin-bottom: 50px; margin-top: 50px; } .brearkcrumn ul { padding-left: 0; margin-bottom: 0; } .brearkcrumn ul li { list-style-type: none; display: inline-block; position: relative; padding: 0 10px; color: #fa8c00; text-transform: uppercase; font-size: 16px; font-weight: 500; line-height: 32px; } .brearkcrumn ul li:first-child { padding-left: 0; } .brearkcrumn ul li:last-child::before { display: none; } .brearkcrumn ul li::before { content: "\f105"; position: absolute; right: -5px; font-family: "fontAweSome"; } @media screen and (max-width: 576px) { .brearkcrumn ul li:nth-child(3) { display: none; } .brearkcrumn ul li:nth-child(2)::before { display: none; } } .zo_grid--swiper--page-title, .zo_grid--swiper--page-toan-canh, .zo_grid--video-san-pham-hoan-thien { font-family: "AvenirNext" !important; } .zo_grid--swiper--page-title .owl-item.active .title, .zo_grid--swiper--page-toan-canh .owl-item.active .title, .zo_grid--video-san-pham-hoan-thien .owl-item.active .title, .zo_grid--swiper--page-title .owl-item.active .content, .zo_grid--swiper--page-toan-canh .owl-item.active .content, .zo_grid--video-san-pham-hoan-thien .owl-item.active .content { animation: fadeInRight 1.5s; } .zo_grid--swiper--page-title .owl-item.active .item > img, .zo_grid--swiper--page-toan-canh .owl-item.active .item > img, .zo_grid--video-san-pham-hoan-thien .owl-item.active .item > img { -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -ms-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: banner_style; animation-name: banner_style; } .zo_grid--swiper--page-title .content, .zo_grid--swiper--page-toan-canh .content, .zo_grid--video-san-pham-hoan-thien .content { font-size: 25px; line-height: 35px; color: #fff; } .zo_grid--swiper--banner-du-an { font-family: "AvenirNext" !important; overflow: hidden; } .zo_grid--swiper--banner-du-an .owl-item.active .category { animation: rollIn 1.5s; } .zo_grid--swiper--banner-du-an .owl-item.active .title { animation: fadeInUp 1.5s; } .zo_grid--swiper--banner-du-an .owl-item.active .title { animation: fadeInRight 1.5s; } .zo_grid--swiper--banner-du-an .owl-item.active .read-more { animation: fadeInLeft 1.5s; } .zo_grid--swiper--banner-du-an .owl-item.active .image-primary { -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -ms-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: banner_style; animation-name: banner_style; } .zo_grid--swiper--banner-du-an .item { background-size: cover; background-position: center center; } .zo_grid--swiper--banner-du-an .item::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); left: 0; top: 0; z-index: 1; } .zo_grid--swiper--banner-du-an .owl-dots { left: auto; position: absolute; right: 50px; bottom: 80px !important; padding-right: 50px; display: inline-block; width: 100%; color: #fff; overflow: hidden; text-align: right; } @media screen and (max-width: 992px) { .zo_grid--swiper--banner-du-an .owl-dots { display: flex; align-items: center; justify-content: flex-end; } } .zo_grid--swiper--banner-du-an .owl-dots .owl-dot { display: inline; margin-left: 15px; opacity: 1; line-height: 20px; font-weight: 700; letter-spacing: 0.2px; font-size: 15px; background: none; position: relative; transition: all 0.3s; } .zo_grid--swiper--banner-du-an .owl-dots .owl-dot button { padding: 0; border: 0; background: none; } .zo_grid--swiper--banner-du-an .owl-dots .owl-dot::before { width: 0; left: -110px; height: 1px; content: ""; background-color: #fff; display: inline-block; top: 50%; position: absolute; transform: translateY(-50%); } .zo_grid--swiper--banner-du-an .owl-dots .owl-dot.active { color: #fa8c00; margin-left: 110px; font-size: 20px; line-height: 27px; } .zo_grid--swiper--banner-du-an .owl-dots .owl-dot.active::before { width: 110px; transition: all 2.5s; } .zo_grid--swiper--banner-du-an .owl-dots .owl-dot:first-child.active { color: #fa8c00; margin-right: 110px; margin-left: 0; } .zo_grid--swiper--banner-du-an .owl-dots .owl-dot:first-child.active::before { width: 110px; left: auto; right: -110px; } .zo_grid--swiper--banner-du-an .wrapper-content { min-height: calc(100vh - 110px); position: relative; z-index: 1; display: flex; align-items: center; } .zo_grid--swiper--banner-du-an .wrapper-content .box-content { padding: 0 42px 0 50px; max-width: 900px; } .zo_grid--swiper--banner-du-an .wrapper-content .category { font-size: 20px; line-height: 24px; color: #fff; text-transform: uppercase; margin-bottom: 50px; } .zo_grid--swiper--banner-du-an .wrapper-content .category a { color: #fff; } .zo_grid--swiper--banner-du-an .wrapper-content .category a:hover { color: #fa8c00; } .zo_grid--swiper--banner-du-an .wrapper-content .title { font-size: 58px; line-height: 70px; color: #fff; font-weight: 400; margin-bottom: 38px; text-transform: uppercase; } .zo_grid--swiper--banner-du-an .wrapper-content .title a { color: #fff; } .zo_grid--swiper--banner-du-an .wrapper-content .title a:hover { text-decoration: underline; } .zo_grid--swiper--banner-du-an .wrapper-content .read-more a { color: #fa8c00; text-decoration: revert; } .zo_grid--swiper--banner-du-an .wrapper-content .read-more a:hover { opacity: 0.8; } .templete-we-marking { font-family: "AvenirNext"; } .templete-we-marking .item { display: flex; } .templete-we-marking .item > div { width: 33.33%; } .templete-we-marking .box-left, .templete-we-marking .box-right { background-position: center center; background-size: cover; min-height: 900px; display: flex; align-items: center; justify-content: center; } .templete-we-marking .box-left .wrapper, .templete-we-marking .box-right .wrapper { background-image: url("../images/bg-box.png"); width: 415px; height: 472px; background-size: cover; background-position: center center; padding: 60px 45px; } .templete-we-marking .box-left .wrapper .content, .templete-we-marking .box-right .wrapper .content { color: #fff; text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: 400; letter-spacing: 0; } .templete-we-marking .box-left .wrapper .content a, .templete-we-marking .box-right .wrapper .content a { color: #fff !important; } .templete-we-marking .box-left .wrapper .heading, .templete-we-marking .box-right .wrapper .heading { color: #fff; line-height: 60px; font-size: 50px; padding-bottom: 28px; position: relative; margin-bottom: 28px; text-transform: uppercase; } .templete-we-marking .box-left .wrapper .heading a, .templete-we-marking .box-right .wrapper .heading a { color: #fff; } .templete-we-marking .box-left .wrapper .heading a:hover, .templete-we-marking .box-right .wrapper .heading a:hover { color: #fa8c00; } .templete-we-marking .box-left .wrapper .heading::before, .templete-we-marking .box-right .wrapper .heading::before { content: ""; width: 60px; height: 3px; display: inline-block; position: absolute; left: 0; bottom: -2px; background: #fff; } .templete-we-marking .box-left .wrapper .heading-sub, .templete-we-marking .box-right .wrapper .heading-sub { font-weight: 400; } .templete-we-marking .box-left .wrapper .heading-main, .templete-we-marking .box-right .wrapper .heading-main { font-weight: 700; } .templete-we-marking .box-left { background-image: url("../images/box-left.webp"); } .templete-we-marking .box-center { background-image: url("../images/box-center.webp"); padding-top: 100px; } .templete-we-marking .box-center .heading { text-align: center; color: #fa8c00; text-transform: uppercase; } .templete-we-marking .box-center .heading .heading-sub { font-family: "AvenirNext"; font-size: 70px; line-height: 80px; font-weight: 200; } .templete-we-marking .box-center .heading .heading-main { font-family: "AvenirNext"; font-size: 70px; line-height: 80px; font-weight: 700; } .templete-we-marking .box-right { background-image: url("../images/box-right.webp"); } .templete-we-marking .box-right .wrapper { background-image: url("../images/bg-box-right.png"); } .templete-we-marking .box-right .content, .templete-we-marking .box-right .heading { text-align: right; } .templete-we-marking .box-right .content::before, .templete-we-marking .box-right .heading::before { left: auto; right: 0; } body #primary { font-family: "AvenirNext" !important; } @media screen and (min-width: 992px) { body #zo-header.header-style-02 .zo-header-navigation .nav-menu > li { padding-left: 10px; padding-right: 10px; } .mobile-search { display: none !important; } } .wpb_row.pt-110 { margin-top: 0; padding-top: 110px; } .wrapper-filter-top { text-align: right; margin-bottom: 47px; } .wrapper-filter-top .bg-select { display: inline-block; background-color: #fa8c00; position: relative; } .wrapper-filter-top .bg-select::before { position: absolute; content: "\f107"; top: 7px; right: 20px; color: #fff; font-family: "FontAweSome"; z-index: 0; } .wrapper-filter-top .filter-select-data { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; position: relative; background: transparent; z-index: 2; height: 45px; color: #fff; width: 200px; font-family: "AvenirNext" !important; padding: 0; font-size: 16px; line-height: 22px; text-transform: uppercase; border: 0; outline: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; padding: 0px 24px; } .template-zo_grid--filter-du-an .wrapper, .related-du-an .wrapper, .zo_grid--swiper--page-toan-canh .wrapper, .zo_grid--video-san-pham-hoan-thien .wrapper { position: relative; font-family: "AvenirNext" !important; cursor: pointer; } .template-zo_grid--filter-du-an .wrapper:hover .zo-grid-media a img, .related-du-an .wrapper:hover .zo-grid-media a img, .zo_grid--swiper--page-toan-canh .wrapper:hover .zo-grid-media a img, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .zo-grid-media a img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .template-zo_grid--filter-du-an .wrapper .zo-grid-media, .related-du-an .wrapper .zo-grid-media, .zo_grid--swiper--page-toan-canh .wrapper .zo-grid-media, .zo_grid--video-san-pham-hoan-thien .wrapper .zo-grid-media { overflow: hidden; position: relative; overflow: hidden; } .template-zo_grid--filter-du-an .wrapper .zo-grid-media a img, .related-du-an .wrapper .zo-grid-media a img, .zo_grid--swiper--page-toan-canh .wrapper .zo-grid-media a img, .zo_grid--video-san-pham-hoan-thien .wrapper .zo-grid-media a img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .template-zo_grid--filter-du-an .wrapper .zo-grid-media .overlay, .related-du-an .wrapper .zo-grid-media .overlay, .zo_grid--swiper--page-toan-canh .wrapper .zo-grid-media .overlay, .zo_grid--video-san-pham-hoan-thien .wrapper .zo-grid-media .overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 100%; transition: all 0.5s; z-index: 8; display: inline-block; background-color: rgba(0, 0, 0, 0.4); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 30px; } .template-zo_grid--filter-du-an .wrapper .zo-grid-media .overlay .content, .related-du-an .wrapper .zo-grid-media .overlay .content, .zo_grid--swiper--page-toan-canh .wrapper .zo-grid-media .overlay .content, .zo_grid--video-san-pham-hoan-thien .wrapper .zo-grid-media .overlay .content { color: #fff; font-size: 16px; line-height: 25px; width: 100%; padding: 0 25px; } .template-zo_grid--filter-du-an .wrapper .zo-grid-media .overlay .content p, .related-du-an .wrapper .zo-grid-media .overlay .content p, .zo_grid--swiper--page-toan-canh .wrapper .zo-grid-media .overlay .content p, .zo_grid--video-san-pham-hoan-thien .wrapper .zo-grid-media .overlay .content p { font-size: 16px; line-height: 25px; margin-bottom: 0; } .template-zo_grid--filter-du-an .wrapper .wrapper-content, .related-du-an .wrapper .wrapper-content, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content { padding-top: 26px; padding-left: 18px; padding-right: 10px; margin-bottom: 52px; position: relative; } .template-zo_grid--filter-du-an .wrapper .wrapper-content::before, .related-du-an .wrapper .wrapper-content::before, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content::before, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content::before { content: ""; position: absolute; left: 0; width: 2px; background-color: #232323; display: inline-block; height: 60px; bottom: 0; } .template-zo_grid--filter-du-an .wrapper .wrapper-content .title, .related-du-an .wrapper .wrapper-content .title, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content .title, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content .title { color: #1e1e1e; font-size: 25px; line-height: 36px; text-transform: uppercase; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .template-zo_grid--filter-du-an .wrapper .wrapper-content .category, .related-du-an .wrapper .wrapper-content .category, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content .category, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content .category { text-transform: uppercase; color: #969696; font-weight: 500; font-size: 15px; line-height: 20px; margin-top: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .template-zo_grid--filter-du-an .wrapper .wrapper-content .category a, .related-du-an .wrapper .wrapper-content .category a, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content .category a, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content .category a { color: #969696; } .template-zo_grid--filter-du-an .wrapper .wrapper-content .category a:hover, .related-du-an .wrapper .wrapper-content .category a:hover, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content .category a:hover, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content .category a:hover { color: #969696; text-decoration: underline; } .template-zo_grid--filter-du-an .wrapper:hover .icon-play, .related-du-an .wrapper:hover .icon-play, .zo_grid--swiper--page-toan-canh .wrapper:hover .icon-play, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .icon-play { left: 80%; top: 80px; } .template-zo_grid--filter-du-an .wrapper:hover .icon-play .icon-play-button-02, .related-du-an .wrapper:hover .icon-play .icon-play-button-02, .zo_grid--swiper--page-toan-canh .wrapper:hover .icon-play .icon-play-button-02, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .icon-play .icon-play-button-02 { font-size: 70px; } .template-zo_grid--filter-du-an .wrapper:hover .zo-grid-media .overlay, .related-du-an .wrapper:hover .zo-grid-media .overlay, .zo_grid--swiper--page-toan-canh .wrapper:hover .zo-grid-media .overlay, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .zo-grid-media .overlay { top: 0; position: absolute; width: 100%; height: 100%; left: 0; } .template-zo_grid--filter-du-an .wrapper:hover .wrapper-content::before, .related-du-an .wrapper:hover .wrapper-content::before, .zo_grid--swiper--page-toan-canh .wrapper:hover .wrapper-content::before, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .wrapper-content::before { background-color: #fa8c00; } .template-zo_grid--filter-du-an .wrapper:hover .wrapper-content .title a, .related-du-an .wrapper:hover .wrapper-content .title a, .zo_grid--swiper--page-toan-canh .wrapper:hover .wrapper-content .title a, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .wrapper-content .title a { color: #fa8c00; } .template-zo_grid--filter-du-an .zo-grid-media .overlay ul { padding-left: 0; } .template-zo_grid--filter-du-an .zo-grid-media .overlay a { width: 100%; } .py-80 { padding-top: 80px; padding-bottom: 80px; } @media screen and (max-width: 768px) { .py-80 { padding-top: 50px; padding-bottom: 50px; } } .zo_grid--swiper-du-an { overflow: hidden; } .zo_grid--swiper-du-an .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ height: calc((100% - 30px) / 2) !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .wrapper-position.swiper-doi-tac { position: relative; } .wrapper-position.swiper-doi-tac .button-action { position: absolute; z-index: 9; right: 0; top: -90px; width: 45px; height: 45px; border: 2px solid #fa8c00; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } .wrapper-position.swiper-doi-tac .button-action.sendecor-button-prev, .wrapper-position.swiper-doi-tac .button-action.sendecor-button-prev-v2, .wrapper-position.swiper-doi-tac .button-action.sendecor-button-prev-v3 { right: 55px; } @media screen and (max-width: 768px) { .wrapper-position.swiper-doi-tac .button-action.sendecor-button-prev, .wrapper-position.swiper-doi-tac .button-action.sendecor-button-prev-v2, .wrapper-position.swiper-doi-tac .button-action.sendecor-button-prev-v3 { right: 45px; } } .wrapper-position.swiper-doi-tac .button-action:hover { background-color: #fa8c00; } .wrapper-position.swiper-doi-tac .button-action:hover span { color: #fff; } .wrapper-position.swiper-doi-tac .button-action:hover span::before { color: #fff; } .zo_grid--swiper-doi-tac, .zo_grid--swiper-doi-tac-v2, .zo_grid--swiper-doi-tac-v3 { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .zo_grid--swiper-doi-tac .item, .zo_grid--swiper-doi-tac-v2 .item, .zo_grid--swiper-doi-tac-v3 .item { min-height: 200px; background-color: #fff; text-align: center; position: relative; border: 1px solid #e6e6e6; border-right: 0; border-bottom: 0; } .zo_grid--swiper-doi-tac .item .image, .zo_grid--swiper-doi-tac-v2 .item .image, .zo_grid--swiper-doi-tac-v3 .item .image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .zo_grid--swiper-doi-tac .item .image img, .zo_grid--swiper-doi-tac-v2 .item .image img, .zo_grid--swiper-doi-tac-v3 .item .image img { max-width: 140px; } .zo_grid--nha-may { display: flex; flex-wrap: wrap; } .zo_grid--nha-may .item { display: inline-block; position: relative; overflow: hidden; height: 370px; width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 30px; } .zo_grid--nha-may .item:nth-child(1) { width: calc(66.66% - 10px); } .zo_grid--nha-may .item:nth-child(2) { margin-right: 30px; } .zo_grid--nha-may .item:nth-child(2) { margin-right: 0; width: calc(33.33% - 20px); } .zo_grid--nha-may .item:last-child, .zo_grid--nha-may .item:nth-child(5) { margin-right: 0; } .zo_grid--nha-may .item:nth-child(6) { width: calc(33.33% - 20px); } .zo_grid--nha-may .item:nth-child(7) { width: calc(66.66% - 10px); } .zo_grid--nha-may .item:hover .media { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--nha-may .item .media { display: inline-block; width: 100%; height: 370px; background-position: center center; background-size: cover; transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; position: absolute; left: 0; top: 0; } .zo_grid--nha-may .item .title { position: absolute; width: 100%; bottom: 32px; left: 0; padding-left: 50px; padding-right: 15px; } .zo_grid--nha-may .item .title::before { content: ""; position: absolute; width: 2px; height: calc(100% + 23px); background-color: #fff; display: inline-block; left: 34px; bottom: -32px; transition: all 0.3s; } .zo_grid--nha-may .item .title h3 { font-family: "AvenirNext" !important; font-weight: 400; font-size: 30px; transition: all 0.3s; line-height: 41px; color: #fff; text-transform: uppercase; margin-bottom: 0; } .zo_grid--nha-may .item:hover .title::before { background-color: #fa8c00; } .zo_grid--nha-may .item:hover .title h3 { color: #fa8c00; } .zo_grid--blog-left .item { position: relative; } .zo_grid--blog-left .item .wrapper { position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #fff; width: 425px; height: 450px; border: 10px solid #fa8c01; padding-left: 45px; left: -45px; text-align: right; padding-right: 30px; padding-top: 40px; } .zo_grid--blog-left .item:hover .media img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--blog-left .item .media { overflow: hidden; position: relative; } .zo_grid--blog-left .item .media img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zo_grid--blog-left .item .media::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); display: inline-block; } .zo_grid--blog-left .item .title { margin-bottom: 80px; position: relative; font-size: 35px; line-height: 45px; color: #fff; text-transform: uppercase; font-family: "AvenirNext" !important; } .zo_grid--blog-left .item .title::before { content: ""; position: absolute; width: 60px; height: 2px; background-color: #fff; display: inline-block; right: -5px; bottom: -35px; } .zo_grid--blog-left .item .content { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; font-size: 17px; line-height: 25px; } .zo_grid--blog-left .item:hover .title { color: #fa8c00; } .page-du-an .wrapper-filter-top { text-align: left; } .blog-paginate .pagination span, .blog-paginate-news .pagination span, .video-list-paginate .pagination span, .blog-paginate-nhanvien .pagination span, .tuyendung-list-paginate .pagination span, .list-gallary-paginate .pagination span, .member-paginate .pagination span, .blog-paginate .pagination a, .blog-paginate-news .pagination a, .video-list-paginate .pagination a, .blog-paginate-nhanvien .pagination a, .tuyendung-list-paginate .pagination a, .list-gallary-paginate .pagination a, .member-paginate .pagination a { font-family: "AvenirNext" !important; text-align: center; font-size: 18px; } .blog-paginate .pagination span.current, .blog-paginate-news .pagination span.current, .video-list-paginate .pagination span.current, .blog-paginate-nhanvien .pagination span.current, .tuyendung-list-paginate .pagination span.current, .list-gallary-paginate .pagination span.current, .member-paginate .pagination span.current, .blog-paginate .pagination a.current, .blog-paginate-news .pagination a.current, .video-list-paginate .pagination a.current, .blog-paginate-nhanvien .pagination a.current, .tuyendung-list-paginate .pagination a.current, .list-gallary-paginate .pagination a.current, .member-paginate .pagination a.current, .blog-paginate .pagination span:hover, .blog-paginate-news .pagination span:hover, .video-list-paginate .pagination span:hover, .blog-paginate-nhanvien .pagination span:hover, .tuyendung-list-paginate .pagination span:hover, .list-gallary-paginate .pagination span:hover, .member-paginate .pagination span:hover, .blog-paginate .pagination a:hover, .blog-paginate-news .pagination a:hover, .video-list-paginate .pagination a:hover, .blog-paginate-nhanvien .pagination a:hover, .tuyendung-list-paginate .pagination a:hover, .list-gallary-paginate .pagination a:hover, .member-paginate .pagination a:hover { background-color: #fa8c00; } .blog-paginate .page-numbers, .blog-paginate-news .page-numbers, .video-list-paginate .page-numbers, .blog-paginate-nhanvien .page-numbers, .tuyendung-list-paginate .page-numbers, .list-gallary-paginate .page-numbers, .member-paginate .page-numbers { display: inline-block; background: #000; color: #fff; height: 40px; min-width: 40px; line-height: 40px; } .blog-paginate .page-numbers svg, .blog-paginate-news .page-numbers svg, .video-list-paginate .page-numbers svg, .blog-paginate-nhanvien .page-numbers svg, .tuyendung-list-paginate .page-numbers svg, .list-gallary-paginate .page-numbers svg, .member-paginate .page-numbers svg { vertical-align: middle; height: 38px; width: 40px; } .blog-paginate .page-numbers svg path, .blog-paginate-news .page-numbers svg path, .video-list-paginate .page-numbers svg path, .blog-paginate-nhanvien .page-numbers svg path, .tuyendung-list-paginate .page-numbers svg path, .list-gallary-paginate .page-numbers svg path, .member-paginate .page-numbers svg path { fill: #fff; } .video-list-paginate, .list-gallary-paginate { text-align: center !important; } .video-list-paginate .pagination, .list-gallary-paginate .pagination { margin-top: 50px; margin-bottom: 60px; } .loading { text-align: center; display: none; margin: 50px 0; } .loading.active { display: block; } .zo_grid--blog-right .item { position: relative; } .zo_grid--blog-right .item .media { overflow: hidden; } .zo_grid--blog-right .item .media img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zo_grid--blog-right .item .wrapper { background-color: #fa8c00; width: 425px; color: #fff; padding: 25px 30px; position: absolute; right: -40px; bottom: 30px; } .zo_grid--blog-right .item .wrapper .title { color: #fff; text-transform: uppercase; font-size: 25px; text-align: right; line-height: 35px; font-family: "AvenirNext" !important; } .zo_grid--blog-right .item:hover .media img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--blog-right .item:hover .title { text-decoration: underline; } @media screen and (min-width: 992px) { #zo-header .zo-header-main { display: flex; align-items: center; justify-content: space-between; } #zo-header .zo-header-main .nav-right-menu .btn-menu { width: 30px; text-align: center; cursor: pointer; } body #gs-off-canvas-sidebar { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; min-height: 100%; padding: 120px 30px 35px; display: inline-block; background-color: #011e28; color: #fff; overflow: hidden; visibility: hidden; z-index: 120; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } body #gs-off-canvas-sidebar .gs-sidebar-close { position: absolute; z-index: 9; color: #fff; right: 25px; top: 50px; } body #gs-off-canvas-sidebar.open { right: 0; visibility: visible; } .logo-white { width: 300px; height: auto; position: absolute; left: 30px; top: 55px; } .text-menu { font-size: 18px; line-height: 25px; text-transform: uppercase; font-weight: 800; position: absolute; right: 30px; transform: rotate(90deg); top: 200px; right: -55px; } .social-footer { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 33px; padding-right: 0 !important; margin-top: 0 !important; } .social-footer li a { margin-right: 24px; } .social-footer li a span { font-size: 22px; transition: all 0.3s; } .social-footer li a:hover span::before { color: #fa8c00; } .menu-main-phone { font-family: "AvenirNext" !important; width: 600px; padding-left: 60px; overflow-y: auto; overflow-x: hidden; margin-left: calc((100% - 500px) / 2); margin-top: 30px; height: calc(100% - 50px); position: relative; color: #fff; } .menu-main-phone::-webkit-scrollbar-track { background-color: #011e28; } .menu-main-phone::-webkit-scrollbar { width: 0; background-color: #011e28; } .menu-main-phone::-webkit-scrollbar-thumb { background-color: #011e28; } .menu-main-phone .title-home { color: #fff; text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: 700; margin-bottom: 15px; letter-spacing: 2px; } .menu-main-phone .icon-box { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; text-align: center; position: absolute; left: 0; top: 108px; } .menu-main-phone .icon-box .icon-left { color: #fff; line-height: 38px; } .menu-main-phone .icon-box .icon-left::before { color: #fff; } .menu-main-phone ul { padding-left: 0 !important; } .menu-main-phone ul li a { position: relative; } .menu-main-phone ul li ul { padding-left: 15px !important; } .menu-main-phone ul li a, .menu-main-phone ul li span { font-family: "AvenirNext" !important; color: #fff; font-size: 40px; display: inline-block; line-height: 60px; font-weight: 300; text-transform: none; } .menu-main-phone ul li a.icon-decor-next, .menu-main-phone ul li span.icon-decor-next { cursor: pointer; font-family: "icomoon" !important; transform: rotate(90deg); position: absolute; right: 10px; top: 0px; } .menu-main-phone ul li a.icon-decor-next.open::before, .menu-main-phone ul li span.icon-decor-next.open::before { color: #fa8c00; } .menu-main-phone ul li a.icon-decor-next::before, .menu-main-phone ul li span.icon-decor-next::before { font-size: 18px; color: #fff; } .menu-main-phone ul li.current-menu-item a, .menu-main-phone ul li.current-menu-item span { color: #fa8c00; } .menu-main-phone ul li a:hover { color: #fa8c00; } .menu-main-phone ul li a:hover span { color: #fa8c00; } .menu-main-phone ul li .sub-menu { width: 100% !important; display: none; } .menu-main-phone ul li.menu-item-has-children { position: relative; } .gs-overlay { position: fixed; z-index: 109; background: rgba(50, 50, 50, 0.3); top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), visibility 0.8s cubic-bezier(0.2, 1, 0.3, 1); -o-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), visibility 0.8s cubic-bezier(0.2, 1, 0.3, 1); transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), visibility 0.8s cubic-bezier(0.2, 1, 0.3, 1); } .gs-overlay.active { opacity: 1; visibility: visible; } body .is-form-style input.is-search-input { background-color: #fa8c00; border: 0 !important; color: #fff !important; height: 40px; padding: 0; width: 0; transition: all 0.3s; } body .is-form-style.is-form-style-3 label { width: 100% !important; } .form-search-menu { position: absolute; right: 30px; top: 330px; } .form-search-menu .is-search-input { background-color: #fa8c00; border-radius: 3px; color: #fff; outline: none; font-size: 16px; transition: all 0.3s; line-height: 26px; border: 0; box-shadow: none; height: 45px; position: relative; left: 8px; width: 0; padding: 0; } .form-search-menu ::-webkit-input-placeholder { color: #fff !important; font-size: 16px; line-height: 25px; font-weight: 400; } .form-search-menu :-ms-input-placeholder { color: #fff !important; font-weight: 400; font-size: 16px; line-height: 25px; } .form-search-menu ::placeholder { font-weight: 400; font-size: 16px; line-height: 25px; color: #fff !important; } .form-search-menu input[type="submit"] { display: none; } .form-search-menu .screen-reader-text { display: none; } .form-search-menu .icon { position: absolute; top: 7px; right: 0px; z-index: 9; cursor: pointer; line-height: 30px; display: inline-block; } .form-search-menu .icon-search-white2 { font-size: 23px; line-height: 30px; } .form-search-menu .is-search-submit { display: none; } .form-search-menu.open .is-form-style.is-form-style-3 input.is-search-input { width: 250px; padding: 5px 10px; padding-right: 40px; } .form-search-menu.open .is-search-input { padding: 3px 10px; width: 260px; padding-right: 40px; } } @media screen and (max-width: 992px) { .gs-off-canvas-sidebar, .nav-right-menu { display: none !important; } } .social-footer { display: flex; align-items: center; justify-content: flex-end; padding-right: 35px; margin-top: 32px; margin-bottom: 33px; } .social-footer li a { margin-right: 24px; } .social-footer li a span { font-size: 22px; transition: all 0.3s; } .social-footer li a:hover span::before { color: #fa8c00; } .modal-video-item, .modal-video-item2 { position: fixed; height: 100%; top: 0; transform: none; left: 0; width: 100%; display: none; background: rgba(0, 0, 0, 0.3); z-index: 9999; } .modal-video-item.active, .modal-video-item2.active { display: inline-block !important; } .modal-video-item.active2, .modal-video-item2.active2 { display: inline-block !important; } .modal-video-item .content-video, .modal-video-item2 .content-video { height: auto; background: #fff; width: 1000px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; padding: 55px 30px 40px 30px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #343434; z-index: 3; } .modal-video-item .content-video .gs-close, .modal-video-item2 .content-video .gs-close { position: absolute; right: 10px; top: 10px; cursor: pointer; } .template-zo_grid--filter-du-an .modal-video-item, .zo_grid--video-san-pham-hoan-thien .modal-video-item, .related-du-an .modal-video-item, .zo_grid--video-sendor .modal-video-item { top: 0; transform: none; } .zo_grid--swiper--banner-du-an { overflow: visible !important; } .zo_grid--swiper--banner-du-an .image-primary { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 0; left: 0; top: 0; } .zo_grid--swiper--banner-du-an .icon-play { position: absolute; font-size: 120px; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 9; } .zo_grid--swiper--banner-du-an .icon-play .icon-play-button-02 { transition: all 0.3s; } .zo_grid--swiper--banner-du-an .icon-play .icon-play-button-02::before { transition: all 0.3s; } .zo_grid--swiper--banner-du-an .icon-play:hover .icon-play-button-02::before { color: #fa8c00; } body.not-scroll { overflow: hidden; } .template-zo_grid--filter-du-an .icon-play, .related-du-an .icon-play { position: absolute; top: 50%; left: 50%; transition: all 0.3s; transform: translate(-50%, -50%); z-index: 9; } .template-zo_grid--filter-du-an .icon-play .icon-play-button-02, .related-du-an .icon-play .icon-play-button-02 { font-size: 100px; transition: all 0.3s; } .template-zo_grid--filter-du-an .icon-play .icon-play-button-02::before, .related-du-an .icon-play .icon-play-button-02::before { transition: all 0.3s; } .template-zo_grid--filter-du-an .icon-play:hover .icon-play-button-02::before, .related-du-an .icon-play:hover .icon-play-button-02::before { color: #fa8c00; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .icon-play { position: absolute; top: 50%; left: 50%; transition: all 0.3s; transform: translate(-50%, -50%); z-index: 9; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .icon-play .icon-play-button-02 { font-size: 100px; transition: all 0.3s; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .icon-play .icon-play-button-02::before { transition: all 0.3s; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .icon-play:hover .icon-play-button-02::before { color: #fa8c00; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .wrapper .zo-grid-media .overlay .content { font-size: 16px; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .wrapper .zo-grid-media .overlay .content p { font-size: 16px; } .zo_grid--swiper--page-title { overflow: visible !important; max-height: 650px; } .zo_grid--swiper--page-title .image-primary { position: absolute; width: 100%; left: 0; top: 0; z-index: 0; height: 100%; object-fit: cover; } .zo_grid--swiper--page-title.style2 .wrapper-content { position: relative; top: -40px; } .zo_grid--swiper--page-title .item { display: flex; align-items: center; position: relative; z-index: 1; background-size: cover; background-position: center center; height: 650px; } .zo_grid--swiper--page-title .item::before { position: absolute; width: 100%; left: 0; height: 100%; z-index: 1; top: 0; content: ""; display: inline-block; background-color: rgba(0, 0, 0, 0.3); } .zo_grid--swiper--page-title .d-flex-item { display: flex; margin: auto; position: relative; z-index: 1; align-items: center; } .zo_grid--swiper--page-title .wrapper-bottom { position: relative; top: -50px; z-index: 9; display: flex; justify-content: space-between; max-width: 1200px; margin: auto; font-family: "AvenirNext" !important; } .zo_grid--swiper--page-title .wrapper-bottom .page-title { color: #fff; position: absolute; right: 10px; text-transform: uppercase; font-size: 16px; line-height: 22px; } .zo_grid--swiper--page-title .wrapper-bottom .page-title a { color: #fff; } .zo_grid--swiper--page-title .wrapper-bottom .page-title a:hover { color: #fa8c00; text-decoration: underline; } .zo_grid--swiper--page-title .wrapper-bottom .page-title span { margin: 0 5px; } .zo_grid--swiper--page-title .swiper-pagination { position: absolute; left: 10px; } .zo_grid--swiper--page-title .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .zo_grid--swiper--page-title .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fa8c00; border: 2px solid #fff; } .zo_grid--swiper--page-title .box-content { padding-left: 15px; border-left: 6px solid #fa8c00; } .zo_grid--swiper--page-title .box-content .title { font-size: 40px; line-height: 56px; color: #fff; letter-spacing: -1px; font-family: "AvenirNext" !important; max-width: 750px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .zo_grid--swiper--page-title .icon-play { position: absolute; font-size: 90px; margin-right: 50px; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; z-index: 9; } .zo_grid--swiper--page-title .icon-play .icon-play-button-02 { transition: all 0.3s; } .zo_grid--swiper--page-title .icon-play .icon-play-button-02::before { transition: all 0.3s; } .zo_grid--swiper--page-title .icon-play:hover .icon-play-button-02::before { color: #fa8c00; } .slide-bg-single { margin-bottom: 40px; } @media screen and (min-width: 1200px) { .slide-bg-single { margin-bottom: 100px; } } .single-du-an .zo-blog-content { padding: 0px 30px; display: flex; } .single-du-an .zo-blog-content .box-left, .single-du-an .zo-blog-content .box-right { font-family: "AvenirNext" !important; } .single-du-an .zo-blog-content .box-left { width: 40%; } .single-du-an .zo-blog-content .box-left .title-single { color: #1e1e1e; font-size: 40px; max-width: 600px; line-height: 55px; text-transform: uppercase; padding-right: 20px; font-weight: 700; font-family: "AvenirNext" !important; padding-left: 15px; position: relative; } .single-du-an .zo-blog-content .box-left .title-single::before { content: ""; width: 6px; background-color: #1e1e1e; position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: inline-block; height: 80%; position: absolute; } .single-du-an .zo-blog-content .box-left .content-post, .single-du-an .zo-blog-content .box-left .des { max-width: 660px; font-size: 16px; line-height: 28px; padding-right: 20px; } .single-du-an .zo-blog-content .box-left .content-post p, .single-du-an .zo-blog-content .box-left .des p { font-size: 16px; line-height: 28px; } .single-du-an .zo-blog-content .box-left .content-post table { width: 100% !important; } .single-du-an .zo-blog-content .box-left .des .des-title { font-size: 16px; margin-bottom: 15px; font-family: "AvenirNext" !important; margin-top: 30px; text-transform: uppercase; font-weight: bold; line-height: 22px; } .single-du-an .zo-blog-content .box-left .des ul { padding-left: 16px; } .single-du-an .zo-blog-content .box-left .des ul li { position: relative; line-height: 30px; font-size: 16px; padding-left: 0; } .single-du-an .zo-blog-content .box-left .des ul li::before { content: ""; width: 5px; height: 5px; display: inline-block; position: absolute; left: -16px; top: 10px; background-color: #fa8c00; } .single-du-an .zo-blog-content .box-left .post-navigation { max-width: 610px; } @media screen and (min-width: 992px) { .single-du-an .zo-blog-content .box-left .post-navigation { margin-top: 100px; } } .single-du-an .zo-blog-content .box-left .post-navigation .nav-links { display: flex; justify-content: space-between; align-items: center; } .single-du-an .zo-blog-content .box-left .post-navigation .nav-previous { font-size: 0; } .single-du-an .zo-blog-content .box-left .post-navigation .nav-previous a { font-size: 0; } .single-du-an .zo-blog-content .box-left .post-navigation .nav-previous a::before { content: "\e916"; font-family: "icomoon" !important; font-size: 17px; position: relative; top: 1px; } .single-du-an .zo-blog-content .box-left .post-navigation .nav-previous a::after { content: "PRE"; font-size: 16px; line-height: 22px; margin-left: 10px; font-weight: 600; } .single-du-an .zo-blog-content .box-left .post-navigation .nav-next { font-size: 0; } .single-du-an .zo-blog-content .box-left .post-navigation .nav-next a { font-size: 0; } .single-du-an .zo-blog-content .box-left .post-navigation .nav-next a::before { content: "NEXT"; font-size: 16px; line-height: 22px; font-weight: 600; } .single-du-an .zo-blog-content .box-left .post-navigation .nav-next a::after { content: "\e915"; font-family: "icomoon" !important; font-size: 17px; margin-left: 10px; position: relative; top: 1px; } .single-du-an .zo-blog-content .box-right { width: 60%; } @media screen and (min-width: 992px) { .single-du-an .zo-blog-content .box-right { position: relative; left: 20px; } } .single-du-an .zo-blog-content .box-right .grid-item { margin: 10px; } .single-du-an .zo-blog-content .box-right .grid-item:hover .overlay { opacity: 1; visibility: visible; } .single-du-an .zo-blog-content .box-right .grid-item .overlay { position: absolute; width: 100%; height: 100%; transition: all 0.3s; opacity: 0; visibility: hidden; left: 0; top: 0; display: inline-block; background-color: rgba(0, 0, 0, 0.4); } .single-du-an .zo-blog-content .box-right .grid-item .overlay .icon { width: 52px; height: 48px; display: inline-block; background-image: url(../images/icon-zoom.png); background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .box-data-select { clear: both; display: inline-block; height: 30px; width: 100%; } body .zo-vc-row-padding-02.pb-custom-59 { padding-bottom: 60px !important; } @media screen and (max-width: 992px) { body .zo-vc-row-padding-02.pb-custom-59 { padding-bottom: 30px !important; } } body .row-nhan-vien.zo-vc-row-padding-02.pb-custom-59 { padding-bottom: 60px !important; } @media screen and (max-width: 992px) { body .row-nhan-vien.zo-vc-row-padding-02.pb-custom-59 { padding-bottom: 55px !important; } } .related-du-an { clear: both; display: inline-block; width: 100%; margin-top: 100px; padding: 0 30px; margin-bottom: 30px; overflow: hidden; position: relative; } @media screen and (max-width: 992px) { .related-du-an { margin-bottom: 50px; } } .related-du-an .zo-heading-wraper { margin-bottom: 36px; } .related-du-an .project-relates-swiper { overflow: visible; } .related-du-an .button-action { position: absolute; z-index: 9; right: 0; top: -90px; width: 45px; height: 45px; border: 2px solid #fa8c00; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } .related-du-an .button-action.sendecor-button-prev { right: 55px; } .related-du-an .button-action:hover { background-color: #fa8c00; } .related-du-an .button-action:hover span { color: #fff; } .related-du-an .button-action:hover span::before { color: #fff; } body #page .text-cappure p { font-size: 25px; line-height: 38px; color: #1e1e1e; font-weight: 700; font-family: "AvenirNext" !important; } .zo-button.btn-primary { background-color: #fa8c00 !important; color: #fff; transition: all 0.3s; } .zo-button.btn-primary span { font-family: "AvenirNext" !important; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 22px; } .zo-button.btn-primary:hover { background-color: #1e1e1e !important; } @media screen and (max-width: 768px) { .zo-button.btn-primary span { font-size: 14px; } } .select-primary option { color: #000; } .heading-margin-custom { margin-top: 50px; margin-bottom: 90px; } .heading-style-right .template-zo_heading--style2 { padding-left: 0; padding-right: 40px; } .heading-style-right .template-zo_heading--style2::before { left: auto; right: 0; } .heading-style-right .template-zo_heading--style2 .zo-heading-main { text-align: right !important; } .heading-style-right .template-zo_heading--style2 .zo-heading-sub { text-align: right !important; } .template-tong-thau-du-an { color: #fff; font-family: "AvenirNext" !important; display: flex; align-items: center; } .template-tong-thau-du-an .template-box-left { background-image: url("../images/box-left-thau.png"); background-size: 100% 100%; background-position: center center; width: 650px; padding: 65px 41px; } .template-tong-thau-du-an .template-box-left .sub { font-size: 50px; font-weight: 400; line-height: 70px; } .template-tong-thau-du-an .template-box-left .title { text-transform: uppercase; font-size: 50px; font-weight: 700; line-height: 70px; margin-bottom: 120px; } .template-tong-thau-du-an .template-box-left .content { font-size: 20px; line-height: 28px; text-transform: uppercase; position: relative; } .template-tong-thau-du-an .template-box-left .content::before { content: ""; position: absolute; width: 60px; height: 3px; background-color: #fff; display: inline-block; top: -30px; } .template-tong-thau-du-an .template-box-right { width: calc(100% - 650px); display: flex; align-items: center; padding-left: 60px; } .template-tong-thau-du-an .template-box-right .item { width: 33.33%; } .template-tong-thau-du-an .template-box-right .item .title { font-size: 70px; line-height: 80px; margin-bottom: 30px; font-family: "AvenirNext" !important; font-weight: 700; } .template-tong-thau-du-an .template-box-right .item .title span { font-size: 30px; position: relative; top: -30px; } .template-tong-thau-du-an .template-box-right .item .content { font-size: 25px; line-height: 26px; position: relative; } .template-tong-thau-du-an .template-box-right .item .content::before { content: ""; position: absolute; width: 60px; height: 3px; background-color: #fff; display: inline-block; top: -25px; } .box-primary-team { background-color: #fa8c00; color: #fff; margin-top: 50px; padding: 50px 50px 50px 150px; position: relative; } .box-primary-team strong { margin-top: 40px; position: relative; display: inline-block; } .box-primary-team strong::before { content: ""; position: absolute; width: 60px; height: 3px; background-color: #fff; display: inline-block; top: -25px; } .box-primary-team::before, .box-primary-team::after { content: ""; display: inline-block; width: 53px; height: 51px; background-size: 100% 100%; background-position: center; position: absolute; } .box-primary-team::before { background-image: url("../images/icon-left.png"); left: 60px; top: 50px; } .box-primary-team::after { background-image: url("../images/icon-right.png"); right: 60px; bottom: 50px; } .row-count-number .vc_column-inner .wpb_wrapper { display: flex; align-items: center; color: #fff !important; justify-content: space-between; padding: 0 50px 0 20px; } .row-count-number .vc_column-inner .wpb_wrapper .item-last-count .zo-counter-item .suffix { position: relative; } .row-count-number .vc_column-inner .wpb_wrapper .item-last-count .zo-counter-item .suffix::after { content: "2"; position: absolute; top: -2px; font-size: 30px; right: -20px; font-weight: 700; } .row-count-number .vc_column-inner .wpb_wrapper .zo-counter-item { font-family: "AvenirNext" !important; } .row-count-number .vc_column-inner .wpb_wrapper .zo-counter-item .zo-counter { font-size: 80px; line-height: 80px; font-weight: 700; } .row-count-number .vc_column-inner .wpb_wrapper .zo-counter-item .zo-counter-content { font-size: 25px; line-height: 35px; text-transform: uppercase; text-align: left !important; margin-top: 40px; position: relative; } .row-count-number .vc_column-inner .wpb_wrapper .zo-counter-item .zo-counter-content p { font-size: 25px; line-height: 35px; } .row-count-number .vc_column-inner .wpb_wrapper .zo-counter-item .zo-counter-content::before { content: ""; position: absolute; width: 65px; display: inline-block; height: 3px; top: -20px; left: 0; background-color: #fff; } .zo_grid--swiper--giam-doc { position: relative; } .zo_grid--swiper--giam-doc .item .box-content { padding-top: 25px; text-align: center; } .zo_grid--swiper--giam-doc .item .box-content .title { font-size: 35px; line-height: 45px; color: #1e1e1e; font-weight: 600; text-transform: uppercase; transition: all 0.3s; } .zo_grid--swiper--giam-doc .item .box-content .chuc-vu { font-size: 22px; color: #1e1e1e; line-height: 35px; font-weight: 400; } .zo_grid--swiper--giam-doc .item:hover .title { color: #fa8c00; } .zo_grid--swiper--giam-doc .swiper-pagination { position: absolute; bottom: 120px; left: 50%; transform: translateX(-50%); z-index: 1; } .zo_grid--swiper--giam-doc .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .zo_grid--swiper--giam-doc .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fa8c00; border: 2px solid #fff; } .zo_grid--swiper-member { padding-bottom: 60px !important; } .zo_grid--swiper-member .image img { width: 100%; } .zo_grid--swiper-member .content { text-align: center; padding: 20px 10px 0 10px; position: relative; } .zo_grid--swiper-member .content::before { content: ""; width: 45px; height: 45px; display: inline-block; background: transparent; border-left: 3px solid #000; border-bottom: 3px solid #000; position: absolute; left: 0; bottom: -12px; } .zo_grid--swiper-member .content .title { transition: all 0.3s; font-size: 20px; line-height: 32px; font-weight: 600; color: #1e1e1e; text-transform: uppercase; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zo_grid--swiper-member .content .chuc-vu { font-size: 16px; line-height: 25px; color: #1e1e1e; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zo_grid--swiper-member .item:hover .content .title { color: #fa8c00; } .zo_grid--swiper-member .swiper-pagination-2 { position: absolute; bottom: -10px; right: -5px; z-index: 1; } .zo_grid--swiper-member .swiper-pagination-2 .swiper-pagination-bullet { width: 20px; height: 20px; border-radius: 0; background-color: #fa8c00; border: 2px solid #fa8c00; margin: 0 5px; opacity: 1; } .zo_grid--swiper-member .swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; border: 2px solid #fa8c00; } #page .template-zo_grid--linh-vuc-team .item .wrapper { overflow: hidden; position: relative; } #page .template-zo_grid--linh-vuc-team .item .wrapper:hover .zo-grid-media img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } #page .template-zo_grid--linh-vuc-team .item .wrapper:hover .wrapper-title { opacity: 0; } #page .template-zo_grid--linh-vuc-team .item .wrapper:hover .box-content { bottom: 0; } #page .template-zo_grid--linh-vuc-team .item .wrapper:hover .box-content .title { text-decoration: underline; } #page .template-zo_grid--linh-vuc-team .item .zo-grid-media { position: relative; } #page .template-zo_grid--linh-vuc-team .item .zo-grid-media img { width: 100%; object-fit: cover; transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } #page .template-zo_grid--linh-vuc-team .item .zo-grid-media::before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: inline-block; left: 0; bottom: 0; position: absolute; } #page .template-zo_grid--linh-vuc-team .item .wrapper-title { position: absolute; left: 0; bottom: 0; padding-bottom: 20px; padding-left: 40px; transition: all 0.6s; opacity: 1; } #page .template-zo_grid--linh-vuc-team .item .wrapper-title::before { content: ""; width: 2px; height: calc(100% - 10px); background-color: #fff; display: inline-block; left: 20px; bottom: 0; position: absolute; } @media screen and (max-width: 770px) { #page .template-zo_grid--linh-vuc-team .item .wrapper-title::before { height: calc(100% - 5px); } } #page .template-zo_grid--linh-vuc-team .item .wrapper-title .title { font-size: 30px; line-height: 41px; margin-bottom: 10px; color: #fff; } #page .template-zo_grid--linh-vuc-team .item .wrapper-title .title a { color: #fff; } #page .template-zo_grid--linh-vuc-team .item .box-content { position: absolute; padding: 30px; padding-left: 40px; color: #fff; left: 0; transition: all 0.6s; bottom: -100%; width: calc(100% - 30px); background-color: rgba(250, 140, 0, 0.9); } #page .template-zo_grid--linh-vuc-team .item .box-content::before { content: ""; width: 2px; height: calc(100% - 36px); background-color: #fff; display: inline-block; left: 20px; bottom: 0; position: absolute; } #page .template-zo_grid--linh-vuc-team .item .box-content .title { font-size: 30px; line-height: 41px; margin-bottom: 10px; } #page .template-zo_grid--linh-vuc-team .item .box-content .content { font-size: 16px; line-height: 24px; } #page .template-zo_grid--linh-vuc-team .item .box-content .content p { margin-bottom: 0; font-size: 16px; line-height: 24px; } #page .template-zo_grid--hang-muc .item { margin-bottom: 60px; } #page .template-zo_grid--hang-muc .item:last-child { margin-bottom: 0; } @media screen and (max-width: 675px) { #page .template-zo_grid--hang-muc .item { margin-bottom: 30px; } } #page .template-zo_grid--hang-muc .item:nth-child(2n + 1) .box-content { padding-left: 60px; } #page .template-zo_grid--hang-muc .item .wrapper { display: flex; align-items: center; } #page .template-zo_grid--hang-muc .item .box-content { width: 43%; padding-left: 15px; padding-right: 15px; } #page .template-zo_grid--hang-muc .item .zo-grid-media { width: 57%; position: relative; margin-bottom: 0; } #page .template-zo_grid--hang-muc .item .zo-grid-media:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } #page .template-zo_grid--hang-muc .item .zo-grid-media img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } #page .template-zo_grid--hang-muc .item .zo-grid-media .slick-dots { position: absolute; width: 100%; z-index: 1; bottom: 35px; } #page .template-zo_grid--hang-muc .item .zo-grid-media .slick-dots li { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } #page .template-zo_grid--hang-muc .item .zo-grid-media .slick-dots li button:before { opacity: 0 !important; } #page .template-zo_grid--hang-muc .item .zo-grid-media .slick-dots li.slick-active { background-color: #fa8c00; border: 2px solid #fff; } #page .template-zo_grid--hang-muc .item .title { font-size: 40px; line-height: 48px; font-weight: 700; color: #fa8c00; margin-bottom: 15px; position: relative; } #page .template-zo_grid--hang-muc .item .title::before { content: ""; width: 10px; height: 10px; position: absolute; background-color: #fa8c00; display: inline-block; left: -20px; top: 15px; } #page .template-zo_grid--hang-muc .item .title .wep { color: #1e1e1e; } #page .template-zo_grid--hang-muc .item .content { max-width: 400px; } #page .template-zo_grid--hang-muc .item .content * { font-size: 16px; line-height: 24px; } #page .template-zo_grid--hang-muc .template-zo_button { margin-top: 30px; } .zo_grid--swiper-temi-giam-doc { margin-top: 32px !important; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content { display: flex; min-height: 550px; font-family: "AvenirNext" !important; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left, .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-right { width: 50%; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .icon-icon-phay1, .zo_grid--swiper-temi-giam-doc .item .wrapper-content .icon-icon-phay2 { font-size: 50px; display: inline-block; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .icon-icon-phay1 { margin-bottom: 40px; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-right { background-size: cover; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left { background-color: #fa8c00; position: relative; padding: 50px; color: #fff; display: flex; align-items: center; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left .content { font-size: 16px; line-height: 22px; margin-bottom: 50px; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left .content p { margin-bottom: 25px; font-size: 16px; line-height: 22px; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left .author { display: flex; justify-content: space-between; position: relative; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left .author::before { content: ""; width: 47px; height: 3px; background-color: #fff; display: inline-block; top: -20px; left: 1px; position: absolute; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left .author .title { font-weight: 700; font-size: 19px; line-height: 28px; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left .author .title span { text-transform: uppercase; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left .author .chucvu { font-size: 19px; line-height: 28px; } .zo_grid--swiper-temi-giam-doc .swiper-pagination { position: absolute; bottom: 35px; left: 75%; transform: translateX(-50%); } .zo_grid--swiper-temi-giam-doc .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .zo_grid--swiper-temi-giam-doc .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fa8c00; border: 2px solid #fff; } .zo_grid-slide-doi-ngu-thi-cong, .slide-ky-thuat-co-dien { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; height: 860px; } .zo_grid-slide-doi-ngu-thi-cong .slick-slide, .slide-ky-thuat-co-dien .slick-slide { opacity: 0; transition: opacity 1s ease-out; } .zo_grid-slide-doi-ngu-thi-cong .slick-active, .slide-ky-thuat-co-dien .slick-active { opacity: 1 !important; transition: opacity 4s ease-in; } .zo_grid-slide-doi-ngu-thi-cong .slick-cloned, .slide-ky-thuat-co-dien .slick-cloned { opacity: 0.6; } .zo_grid-slide-doi-ngu-thi-cong .image-slide, .slide-ky-thuat-co-dien .image-slide { height: 860px; width: 100%; display: inline-block; position: relative; background-size: cover; background-position: center center; } .zo_grid-slide-doi-ngu-thi-cong .image-slide::before, .slide-ky-thuat-co-dien .image-slide::before { position: absolute; width: 100%; height: 100%; display: inline-block; left: 0; content: ""; top: 0; background-color: rgba(0, 0, 0, 0.4); } .zo_grid-slide-doi-ngu-thi-cong .title, .slide-ky-thuat-co-dien .title { color: #fff; font-size: 50px; max-width: 700px; line-height: 66px; text-transform: uppercase; position: absolute; bottom: 120px; z-index: 1; font-weight: 600; } .zo_grid-slide-doi-ngu-thi-cong .slick-dots, .slide-ky-thuat-co-dien .slick-dots { z-index: 1; bottom: 90px; position: relative; max-width: 1170px; text-align: left; margin: auto; left: -10px; } .zo_grid-slide-doi-ngu-thi-cong .slick-dots li, .slide-ky-thuat-co-dien .slick-dots li { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .zo_grid-slide-doi-ngu-thi-cong .slick-dots li button:before, .slide-ky-thuat-co-dien .slick-dots li button:before { opacity: 0 !important; } .zo_grid-slide-doi-ngu-thi-cong .slick-dots li.slick-active, .slide-ky-thuat-co-dien .slick-dots li.slick-active { background-color: #fa8c00; border: 2px solid #fff; } .zo_grid-slide-doi-ngu-thi-cong .title { max-width: 810px; } .max-content-2 p { max-width: 735px; font-size: 20px !important; line-height: 26px; } .max-content-3 p { max-width: 875px; font-size: 18px !important; line-height: 24px; } .w-100-img * { width: 100% !important; } body #page .text-primary-color p { font-size: 35px; color: #fa8c00; line-height: 45px; } .zo_grid--tai-sao-chon-chung-toi { color: #fff; display: flex; flex-wrap: wrap; font-family: "AvenirNext" !important; } .zo_grid--tai-sao-chon-chung-toi .box-left { width: 30%; display: flex; align-items: center; padding-left: 30px; padding-right: 30px; border-right: 1px solid rgba(255, 255, 255, 0.5); } .zo_grid--tai-sao-chon-chung-toi .box-left .title { font-weight: 900; -webkit-text-stroke: 2px #fff; -webkit-text-fill-color: transparent; font-size: 80px; line-height: 90px; } .zo_grid--tai-sao-chon-chung-toi .box-left .title span { display: block; } @media screen and (max-width: 1465px) { .zo_grid--tai-sao-chon-chung-toi .box-left .title { font-size: 65px; line-height: 75px; } } .zo_grid--tai-sao-chon-chung-toi .box-left .sub_title { font-size: 20px; line-height: 25px; font-weight: 700; color: #fa8c00; text-transform: uppercase; margin-top: 20px; margin-bottom: 15px; } .zo_grid--tai-sao-chon-chung-toi .box-left .content-item { font-size: 20px; font-weight: 400; line-height: 25px; } .zo_grid--tai-sao-chon-chung-toi .box-right { width: 70%; display: flex; flex-wrap: wrap; } .zo_grid--tai-sao-chon-chung-toi .box-right .item { width: 33.33%; min-height: 390px; padding-top: 70px; padding-left: 20px; padding-right: 15px; border-right: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.3s; border-top: 1px solid rgba(255, 255, 255, 0.5); } @media screen and (min-width: 1450px) { .zo_grid--tai-sao-chon-chung-toi .box-right .item { padding-left: 40px; padding-right: 40px; } } .zo_grid--tai-sao-chon-chung-toi .box-right .item:nth-child(1), .zo_grid--tai-sao-chon-chung-toi .box-right .item:nth-child(2), .zo_grid--tai-sao-chon-chung-toi .box-right .item:nth-child(3) { border-top: 0; } .zo_grid--tai-sao-chon-chung-toi .box-right .item:nth-child(3) { border-right: 0; } .zo_grid--tai-sao-chon-chung-toi .box-right .item:last-child { border-right: 0; } .zo_grid--tai-sao-chon-chung-toi .box-right .item:hover { background-color: #fa8c00; border-right: 0; } .zo_grid--tai-sao-chon-chung-toi .box-right .item:hover .wrapper-content { display: flex; } .zo_grid--tai-sao-chon-chung-toi .box-right .item:hover .wrapper-content .icon { background-color: #fff; } .zo_grid--tai-sao-chon-chung-toi .box-right .item:hover .wrapper-content .icon span { font-size: 30px; } .zo_grid--tai-sao-chon-chung-toi .box-right .item:hover .wrapper-content .icon span::before { color: #fa8c00; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content { display: flex; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .icon { width: 60px; border-radius: 50%; height: 60px; background-color: #fa8c00; display: flex; align-items: center; transition: all 0.3s !important; justify-content: center; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .icon span { font-size: 30px; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .icon span::before { color: #fff; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .content { width: calc(100% - 60px); padding-left: 15px; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .content__title { padding-top: 5px; font-size: 25px; line-height: 35px; font-weight: bold; margin-bottom: 12px; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .content__text { font-size: 20px; line-height: 25px; } .zo_grid--slide-nha-may-san-xuat .item { position: relative; overflow: hidden; } .zo_grid--slide-nha-may-san-xuat .item .zo-grid-media img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zo_grid--slide-nha-may-san-xuat .item:hover .zo-grid-media img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--slide-nha-may-san-xuat .item::before { content: ""; position: absolute; width: 100%; height: 100%; display: inline-block; left: 0; top: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.3); } .zo_grid--slide-nha-may-san-xuat .item .zo-grid-media.opciaty-media { opacity: 0; } .zo_grid--slide-nha-may-san-xuat .item video { position: absolute; left: 0; top: 0; z-index: 0; width: 102%; height: 102%; object-fit: cover; } .zo_grid--slide-nha-may-san-xuat .item .content { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 2; color: #fff; padding: 50px 50px; } .zo_grid--slide-nha-may-san-xuat .item .content .title { font-size: 46px; font-weight: 500; text-transform: uppercase; line-height: 64px; margin-bottom: 15px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (min-width: 992px) { .zo_grid--slide-nha-may-san-xuat .item .content .title { min-height: 128px; } } .zo_grid--slide-nha-may-san-xuat .item .content .title a { font-size: 46px; font-weight: 500; text-transform: uppercase; line-height: 64px; margin-bottom: 15px; color: #fff; } .zo_grid--slide-nha-may-san-xuat .item .content .title a:hover { color: #fa8c00; text-decoration: underline; } .zo_grid--slide-nha-may-san-xuat .item .content .read-more a { color: #fff; font-size: 16px; line-height: 22px; } .zo_grid--slide-nha-may-san-xuat .item .content .read-more a span { margin-right: 15px; } .zo_grid--slide-nha-may-san-xuat .item:hover .content .title { color: #fa8c00; } .zo_grid--slide-nha-may-san-xuat .item:hover .content .read-more a { color: #fa8c00; } .zo_grid--slide-nha-may-san-xuat .button-action { position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; border: 2px solid #fa8c00; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #fff; transition: all 0.3s; cursor: pointer; } .zo_grid--slide-nha-may-san-xuat .button-action.sendecor-button-next { right: 15px; } .zo_grid--slide-nha-may-san-xuat .button-action.sendecor-button-prev { left: 15px; } .zo_grid--slide-nha-may-san-xuat .button-action:hover { background-color: #fa8c00; } .zo_grid--slide-nha-may-san-xuat .button-action:hover span { color: #fff; } .zo_grid--slide-nha-may-san-xuat .button-action:hover span::before { color: #fff; } @media screen and (min-width: 992px) { .zo-half-container-left { padding-left: calc((100% - 1200px) / 2) !important; } } .zo_grid--swiper-thi-cong-noi-that { padding-top: 70px !important; } .zo_grid--swiper-thi-cong-noi-that .item a { overflow: hidden; width: 100%; height: 100%; display: inline-block; } .zo_grid--swiper-thi-cong-noi-that .item:hover .image { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--swiper-thi-cong-noi-that .image { background-size: cover; background-position: center center; transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zo_grid--swiper-thi-cong-noi-that .image img { opacity: 0; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content { font-family: "AvenirNext" !important; margin-top: 31px; padding-left: 25px; border-left: 2px solid #232323; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .title { font-size: 25px; line-height: 30px; text-transform: uppercase; font-weight: 400; color: #1e1e1e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .title a { font-size: 25px; line-height: 30px; text-transform: uppercase; font-weight: 400; color: #1e1e1e; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .title a:hover { color: #fa8c00; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .category { color: #969696; text-transform: uppercase; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 0.1px; margin-top: 8px; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .category a { color: #969696; text-transform: uppercase; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 1px; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .category a:hover { text-decoration: underline; } .zo_grid--swiper-thi-cong-noi-that .button-action { position: absolute; z-index: 9; right: 30px; top: 0; width: 45px; height: 45px; border: 2px solid #fa8c00; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } .zo_grid--swiper-thi-cong-noi-that .button-action.sendecor-prev { right: 85px; } .zo_grid--swiper-thi-cong-noi-that .button-action:hover { background-color: #fa8c00; } .zo_grid--swiper-thi-cong-noi-that .button-action:hover span { color: #fff; } .zo_grid--swiper-thi-cong-noi-that .button-action:hover span::before { color: #fff; } @media screen and (max-width: 576px) { .zo_grid--swiper-thi-cong-noi-that { padding-top: 55px !important; } .zo_grid--swiper-thi-cong-noi-that .button-action { width: 35px; height: 35px; right: 15px; top: 0; } .zo_grid--swiper-thi-cong-noi-that .button-action span { font-size: 12px; } .zo_grid--swiper-thi-cong-noi-that .button-action.sendecor-prev { right: 60px; } } .box-left-content-noi-that > .vc_column-inner > .wpb_wrapper { padding-right: 35px; } .zo_grid--swiper-thi-cong-noi-that .item { overflow: hidden; } .slide-ky-thuat-co-dien { height: auto; max-height: 360px; } .slide-ky-thuat-co-dien .item { overflow: hidden; } .slide-ky-thuat-co-dien .item .image { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .slide-ky-thuat-co-dien .item .image img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .slide-ky-thuat-co-dien .item:hover .image { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .slide-ky-thuat-co-dien .slick-dots { text-align: center; bottom: 65px; } .zo_grid--tai-lieu { display: flex; border-top: 1px solid #dedede; } .zo_grid--tai-lieu a { width: 33.33%; padding-right: 40px; font-size: 22px; line-height: 32px; position: relative; padding: 70px 40px; color: #1e1e1e; transition: all 0.3s; text-transform: uppercase; } .zo_grid--tai-lieu a:hover { background-color: #fa8c00; color: #fff; } .zo_grid--tai-lieu a:hover .icon span::before { color: #fff; } .zo_grid--tai-lieu a .icon { position: absolute; width: 34px; top: 50%; transform: translateY(-50%); right: 35px; } .grid-bottom-slide-nha-may-san-xuat { border-bottom: 1px solid #dedede; display: flex; } .grid-bottom-slide-nha-may-san-xuat .item { width: 33.33%; position: relative; transition: all 0.3s; } .grid-bottom-slide-nha-may-san-xuat .item * { transition: all 0.3s; } .grid-bottom-slide-nha-may-san-xuat .item .icon { position: absolute; top: 50%; right: 30px; transform: translateY(-50%) rotate(-90deg); } .grid-bottom-slide-nha-may-san-xuat .item .image { position: absolute; width: 100%; left: 0; bottom: 0; height: 0; transition: height 0.3s; overflow: hidden; z-index: 1; } .grid-bottom-slide-nha-may-san-xuat .item .content-item { padding-top: 45px; position: relative; z-index: 1; background-color: #fff; transition: all 0.3s; padding-bottom: 45px; padding-left: 40px; } .grid-bottom-slide-nha-may-san-xuat .item .content-item .text { font-size: 22px; line-height: 32px; transition: all 0.3s; color: #1e1e1e; text-transform: uppercase; padding-right: 40px; font-weight: 600; } @media screen and (min-width: 992px) { .grid-bottom-slide-nha-may-san-xuat .item:hover .image { height: 400px; } } .grid-bottom-slide-nha-may-san-xuat .item:hover .content-item { background-color: rgba(250, 140, 0, 0.9); } .grid-bottom-slide-nha-may-san-xuat .item:hover .content-item .text { color: #fff; } .grid-bottom-slide-nha-may-san-xuat .item:hover .content-item .icon { transform: translateY(-50%) rotate(0deg); } .grid-bottom-slide-nha-may-san-xuat .item:hover .content-item .icon span::before { color: #fff; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item, .zo_grid--video-san-pham-hoan-thien .zo-grid-item { height: 800px; position: relative; background-size: cover; background-position: center center; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item::before, .zo_grid--video-san-pham-hoan-thien .zo-grid-item::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 1; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .wrapper, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .wrapper { height: 100%; z-index: 2; position: static; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .wrapper:hover .icon-play, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .wrapper:hover .icon-play { top: 50%; left: 50%; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .zo-grid-media, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .zo-grid-media { height: calc(100% - 170px); position: static; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .zo-grid-media img, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .zo-grid-media img { opacity: 0; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .zo-grid-media .icon-play .icon-play-button-02, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .zo-grid-media .icon-play .icon-play-button-02 { font-size: 140px !important; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .wrapper-content, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .wrapper-content { position: absolute; width: 100%; z-index: 1; bottom: 40px; left: 0; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .title, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .title { font-size: 50px; line-height: 65px; color: #fff; } .template-zo_grid--san-xuat-va-thi-cong .zo-grid-item .zo-grid-media { position: relative; } .template-zo_grid--san-xuat-va-thi-cong .zo-grid-item .zo-grid-media::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 0; display: inline-block; } .template-zo_grid--san-xuat-va-thi-cong .zo-grid-item .zo-grid-media .title { color: #fff; text-transform: uppercase; bottom: 0; font-size: 30px; line-height: 37px; left: 0; position: absolute; z-index: 1; width: 100%; padding: 0 40px; padding-bottom: 30px; } .template-zo_grid--san-xuat-va-thi-cong .zo-grid-item .zo-grid-media .title::before { content: ""; position: absolute; left: 20px; height: 100%; display: inline-block; width: 2px; bottom: 0; background-color: #fff; } .template-zo_grid--san-xuat-va-thi-cong .zo-grid-item:hover .zo-grid-media .title { color: #fa8c00; } .template-zo_grid--san-xuat-va-thi-cong .zo-grid-item:hover .zo-grid-media .title::before { background-color: #fa8c00; } body #page .zo_grid--video-san-pham-hoan-thien .zo-grid-media { height: 100% !important; position: relative; z-index: 2; } body #page .zo_grid--video-san-pham-hoan-thien .zo-grid-media img { display: none; } body #page .zo_grid--video-san-pham-hoan-thien .icon-play { text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #page { z-index: 3 !important; } .zo_grid--masory-hinh-anh-san-pham { margin: 0 -8px; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item .overlay { position: absolute; width: calc(100% - 30px); bottom: 0; opacity: 0; transition: all 0.3s; left: 0; padding: 25px 15px 15px 40px; background-color: rgba(250, 140, 0, 0.8); } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item .overlay::before { content: ""; position: absolute; width: 2px; background-color: #fff; height: calc(100% - 30px); display: inline-block; bottom: 0; left: 20px; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item .overlay .title { font-size: 22px; line-height: 28px; color: #fff; text-transform: uppercase; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item .overlay .title a { color: #fff; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item:hover .overlay { opacity: 1; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .zo-heading-wraper .marquee .content { color: #fff; -webkit-text-stroke-color: #171717; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; font-size: 100px; line-height: 110px; font-weight: 600; } .zo-heading-wraper .marquee { position: relative; width: 100vw; max-width: 100%; height: 110px; overflow-x: hidden; margin-bottom: 80px; } @media screen and (max-width: 992px) { .zo-heading-wraper .marquee { margin-bottom: 50px; } } .zo-heading-wraper .track { position: absolute; white-space: nowrap; will-change: transform; animation: marquee 67s linear infinite; } .ponsi-box { position: relative; } .ponsi-box .template-zo_button { position: absolute; right: 20px; top: 5px; z-index: 1; } .box-padding-top { padding-top: 40px; } .box-right-content-noi-that .vc_column-inner > .wpb_wrapper { padding-left: 50px; padding-right: 15px; } .zo_grid--filter-phan-xuong { font-family: "AvenirNext" !important; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide { overflow: hidden; cursor: pointer; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide:hover .overlay { visibility: visible; opacity: 1; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } @media screen and (min-width: 1200px) { .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide img { min-height: 500px; max-height: 500px; } } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide .overlay .icon { display: none; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide.swiper-slide-prev { left: -100px; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide.swiper-slide-active { transform: scale(1.5); z-index: 9; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide.swiper-slide-active .overlay .icon { display: block; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide.swiper-slide-next { right: -100px; } .zo_grid--filter-phan-xuong .wrapper-content-list .image { position: relative; } .zo_grid--filter-phan-xuong .wrapper-content-list .overlay { position: absolute; z-index: 2; width: 100%; height: 100%; transition: all 0.3s; opacity: 0; visibility: hidden; left: 0; top: 0; display: inline-block; background-color: rgba(0, 0, 0, 0.4); } .zo_grid--filter-phan-xuong .wrapper-content-list .overlay .icon { width: 52px; height: 48px; display: inline-block; background-image: url(../images/icon-zoom.png); background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action { position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; border: 2px solid #fa8c00; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #fff; transition: all 0.3s; cursor: pointer; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action.sendecor-button-next-v3 { right: 15px; right: calc(100% * 2 / 12); } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action.sendecor-button-prev-v3 { left: 15px; left: calc(100% * 2 / 12); } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action:hover { background-color: #fa8c00; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action:hover span { color: #fff; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action:hover span::before { color: #fff; } .zo_grid--filter-phan-xuong .list-title .content-list { display: flex; font-size: 16px; line-height: 25px; font-weight: 600; color: #1e1e1e; align-items: center; margin-bottom: 25px; } .zo_grid--filter-phan-xuong .list-title .content-list .item { cursor: pointer; } .zo_grid--filter-phan-xuong .list-title .content-list .item span { margin: 0 20px; color: #1e1e1e; } .zo_grid--filter-phan-xuong .list-title .content-list .item.active, .zo_grid--filter-phan-xuong .list-title .content-list .item:hover { color: #fa8c00; } .zo_grid--filter-phan-xuong .list-title .content-list .item:last-child span { display: none; } .zo_grid--filter-phan-xuong .content-tab .wrapper-content-list { display: none; } .zo_grid--filter-phan-xuong .content-tab .wrapper-content-list.active { display: block; } .zo_grid--filter-phan-xuong .content-tab .wrapper-content-list .content { color: #1e1e1e; } .zo_grid--filter-phan-xuong .content-tab .wrapper-content-list .content .text { max-width: 735px; } .zo_grid--filter-phan-xuong .content-tab .image-content { margin-top: 20px; } .row-slide-may-moc { overflow: hidden; } .row-slide-may-moc .zo_grid-slide-doi-ngu-thi-cong { height: 960px; } .row-slide-may-moc .zo_grid-slide-doi-ngu-thi-cong .image-slide { height: 960px; } .row-slide-may-moc .zo_grid-slide-doi-ngu-thi-cong .image-slide .title { bottom: 220px; } body #page .row-bottom-page-view { padding: 200px 15px; } body #page .row-bottom-page-view .wpb_wrapper { color: #fff; } body #page .row-bottom-page-view .wpb_wrapper p { font-size: 50px; font-weight: 600; line-height: 65px; } .wrapper-loading { position: fixed; width: 100%; height: 100%; background-color: #fff; top: 0; left: 0; z-index: 999; display: flex; align-items: center; justify-content: center; } .wrapper-loading .icon-loading { width: 250px; } .zo_grid--blog { font-family: "AvenirNext" !important; margin-top: 40px; display: flex; flex-wrap: wrap; } .zo_grid--blog .item-first { padding-left: 110px; padding-right: 30px; height: 600px; width: 100%; margin-bottom: 30px; position: relative; } .zo_grid--blog .item-first .box-content { position: absolute; left: 0; top: 80px; z-index: 1; padding: 50px 50px 30px 140px; width: 560px; height: 410px; border: 10px solid #fa8c00; z-index: 1; } .zo_grid--blog .item-first .box-content .title { max-width: 360px; position: relative; font-size: 35px; line-height: 45px; color: #fff; text-transform: uppercase; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .zo_grid--blog .item-first .box-content .title::before { content: ""; position: absolute; width: 60px; height: 3px; background-color: #fff; display: inline-block; left: 0; bottom: -24px; } .zo_grid--blog .item-first .box-content .content { color: #fff; font-size: 18px; line-height: 25px; margin-top: 50px; position: relative; font-weight: 400; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .zo_grid--blog .item-first .gallary-blog .slick-slide { overflow: hidden; max-height: 600px; } .zo_grid--blog .item-first .gallary-blog .slick-slide::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.43); display: inline-block; z-index: 2; max-height: 600px; } .zo_grid--blog .item-first .gallary-blog .slick-slide:hover .grid-item { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--blog .item-first .gallary-blog .grid-item { height: 600px; width: 100%; background-size: cover; background-position: center center; transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zo_grid--blog .item-first .gallary-blog .slick-dots { z-index: 1; bottom: 75px; position: relative; z-index: 1; max-width: 1170px; text-align: center; margin: auto; left: -10px; } .zo_grid--blog .item-first .gallary-blog .slick-dots li { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .zo_grid--blog .item-first .gallary-blog .slick-dots li button:before { opacity: 0 !important; } .zo_grid--blog .item-first .gallary-blog .slick-dots li.slick-active { background-color: #fa8c00; border: 2px solid #fff; } .zo_grid--blog .item-first:hover .box-content .title { color: #fa8c00; text-decoration: underline; } .zo_grid--blog .item { width: calc(50% - 15px); height: 400px; padding-right: 30px; margin-bottom: 30px; position: relative; } .zo_grid--blog .item a { overflow: hidden; display: inline-block; width: 100%; height: 100%; } .zo_grid--blog .item a > img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zo_grid--blog .item a:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--blog .item .img-overlay { width: 100%; height: 100%; object-fit: cover; } .zo_grid--blog .item .box-title { background-color: #fa8c00; width: 425px; padding: 15px 20px; position: absolute; bottom: 30px; text-align: right; right: 0; } .zo_grid--blog .item .box-title .text { color: #fff; font-size: 25px; line-height: 35px; text-transform: uppercase; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .zo_grid--blog .item:hover .box-title .text { text-decoration: underline; } .zo_grid--blog .box { margin-right: 30px; } .zo_grid--blog .box:nth-child(3), .zo_grid--blog .box:nth-child(5) { margin-right: 0; } .zo_grid--blog-info { display: flex; flex-wrap: wrap; } .zo_grid--blog-info .item { margin-bottom: 30px; } .zo_grid--blog-info .item-first { padding-left: 330px; width: 100%; margin-bottom: 40px; position: relative; } .zo_grid--blog-info .item-first .slick-slide { max-height: 550px; } .zo_grid--blog-info .item-first .slick-slide .grid-item { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zo_grid--blog-info .item-first .slick-slide:hover .grid-item { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--blog-info .item-first .box-content { position: absolute; width: 465px; left: 0; bottom: 90px; z-index: 1; background-color: #fff; padding: 30px 30px 20px 30px; padding-left: 0; } .zo_grid--blog-info .item-first .box-content .title { font-size: 30px; line-height: 36px; color: #000; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .zo_grid--blog-info .item-first .box-content .read { margin-top: 35px; display: flex; align-items: center; font-size: 14px; line-height: 19px; color: #6e6e6e; font-weight: 400; text-transform: uppercase; } .zo_grid--blog-info .item-first .box-content .read span { margin-left: 9px; position: relative; top: -2px; } .zo_grid--blog-info .item-first .box-content .read span::before { color: #6e6e6e; font-size: 11px; } .zo_grid--blog-info .item-first .box-content:hover .title { text-decoration: underline; } .zo_grid--blog-info .item-first .box-content:hover .title, .zo_grid--blog-info .item-first .box-content:hover .read { color: #fa8c00; } .zo_grid--blog-info .item-first .box-content:hover .read span::before { color: #fa8c00; } .zo_grid--blog-info .gallary-blog { max-height: 550px; margin-bottom: 0 !important; } .zo_grid--blog-info .gallary-blog .slick-dots { z-index: 1; bottom: 75px; position: relative; z-index: 1; max-width: 1170px; text-align: center; margin: auto; left: -10px; } .zo_grid--blog-info .gallary-blog .slick-dots li { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .zo_grid--blog-info .gallary-blog .slick-dots li button:before { opacity: 0 !important; } .zo_grid--blog-info .gallary-blog .slick-dots li.slick-active { background-color: #fa8c00; border: 2px solid #fff; } .zo_grid--blog-info .gallary-blog .grid-item { width: 100%; height: 550px; background-size: cover; background-position: center center; } .zo_grid--blog-info .item { width: calc(33.33% - 20px); background-color: #f5f5f5; } .zo_grid--blog-info .item > a { overflow: hidden; display: inline-block; width: 100%; height: 100%; } .zo_grid--blog-info .item > a .box-image { overflow: hidden; } .zo_grid--blog-info .item > a img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .zo_grid--blog-info .item > a:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--blog-info .item img { width: 100%; height: 280px; object-fit: cover; } .zo_grid--blog-info .item .wrapper { position: relative; padding: 50px 20px 30px 20px; } .zo_grid--blog-info .item .wrapper::before { content: ""; width: 60px; height: 3px; background-color: #fa8c00; display: inline-block; left: 20px; position: absolute; top: 28px; } .zo_grid--blog-info .item .wrapper .box-title { min-height: 84px; font-size: 22px; color: #001e28; line-height: 28px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .zo_grid--blog-info .item .wrapper .read { margin-top: 20px; display: flex; align-items: center; font-size: 14px; line-height: 19px; color: #6e6e6e; font-weight: 400; text-transform: uppercase; } .zo_grid--blog-info .item .wrapper .read span { margin-left: 9px; position: relative; top: -2px; } .zo_grid--blog-info .item .wrapper .read span::before { color: #6e6e6e; font-size: 11px; } .zo_grid--blog-info .item:hover .wrapper .box-title { text-decoration: underline; } .zo_grid--blog-info .item:hover .wrapper .box-title, .zo_grid--blog-info .item:hover .read { color: #fa8c00; } .zo_grid--blog-info .item:hover .wrapper .box-title .icon-decor-next::before, .zo_grid--blog-info .item:hover .read .icon-decor-next::before { color: #fa8c00; } .zo_grid--blog-info .box { margin-right: 30px; } .zo_grid--blog-info .box:nth-child(4), .zo_grid--blog-info .box:nth-child(7) { margin-right: 0; } .ponsi-box2 { margin-top: -30px; } .ponsi-box2 .zo-button-wraper.template-zo_button { top: 510px; left: 15px; right: auto; z-index: 3; } .ponsi-box2.ponsi-box-no-margin { margin-top: 0; } .zo_grid--video-sendor { display: flex; } .zo_grid--video-sendor .zo-grid-item { width: 33.33%; overflow: hidden; position: relative; } .zo_grid--video-sendor .zo-grid-item .wrapper-title .title { cursor: pointer; } .zo_grid--video-sendor .zo-grid-item:hover .zo-grid-media > img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .zo_grid--video-sendor .zo-grid-item:hover .icon-play .icon-play-button-02::before { color: #fa8c00; } .zo_grid--video-sendor .zo-grid-item:hover .wrapper-title .title { color: #fa8c00; text-decoration: underline; } .zo_grid--video-sendor .zo-grid-media { position: relative; } .zo_grid--video-sendor .zo-grid-media::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; display: inline-block; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 2; } .zo_grid--video-sendor .zo-grid-media > img { width: 100%; transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; object-fit: cover; } .zo_grid--video-sendor .icon-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; } .zo_grid--video-sendor .icon-play span { font-size: 100px; } .zo_grid--video-sendor .wrapper-title { position: absolute; width: 100%; bottom: 50px; left: 0; z-index: 2; padding: 0 30px; } .zo_grid--video-sendor .wrapper-title .title { color: #fff; font-size: 30px; line-height: 41px; text-transform: uppercase; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .zo_grid--video-sendor.style-list { display: block; } .zo_grid--video-sendor.style-list .zo-grid { display: flex; flex-wrap: wrap; } .zo_grid--video-sendor.style-list .navigation { margin-bottom: 0; } .zo_grid-gallary-sendor.style-list { display: block; } .zo_grid-gallary-sendor.style-list .zo-grid { display: flex; flex-wrap: wrap; } .zo_grid-gallary-sendor.style-list .navigation { margin-bottom: 0; } .zo_grid-gallary-sendor .zo-grid-item { width: 33.33%; position: relative; } .zo_grid-gallary-sendor .zo-grid-item:hover .overlay { opacity: 1; } .zo_grid-gallary-sendor .zo-grid-item .overlay { position: absolute; width: calc(100% - 30px); bottom: 0; opacity: 0; transition: all 0.3s; left: 0; padding: 25px 15px 15px 40px; background-color: rgba(250, 140, 0, 0.8); } .zo_grid-gallary-sendor .zo-grid-item .overlay::before { content: ""; position: absolute; width: 2px; background-color: #fff; height: calc(100% - 30px); display: inline-block; bottom: 0; left: 20px; } .zo_grid-gallary-sendor .zo-grid-item .overlay .title { font-size: 22px; line-height: 28px; color: #fff; text-transform: uppercase; } .zo_grid-gallary-sendor .zo-grid-item .overlay .title a { color: #fff; } .zo_grid-gallary-sendor .zo-grid-media { position: relative; } .zo_grid-gallary-sendor .zo-grid-media:hover:before { opacity: 1; } .zo_grid-gallary-sendor .zo-grid-media > img { width: 100%; height: 100vh; object-fit: cover; max-height: 600px; } .zo_grid-gallary-sendor .icon-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; } .zo_grid-gallary-sendor .icon-play span { font-size: 100px; } .zo_grid-gallary-sendor .wrapper-title { position: absolute; width: 100%; bottom: 50px; left: 0; z-index: 1; padding: 0 30px; } .zo_grid-gallary-sendor .wrapper-title .title { color: #fff; font-size: 30px; line-height: 41px; text-transform: uppercase; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .zo_grid-gallary-sendor.style-list { display: block; } .zo_grid-gallary-sendor.style-list .zo-grid { display: flex; flex-wrap: wrap; } .zo_grid-gallary-sendor.style-list .navigation { margin-bottom: 0; } @media screen and (max-width: 992px) { .zo_grid-gallary-sendor .zo-grid-item { width: 50%; } } @media screen and (max-width: 576px) { .zo_grid-gallary-sendor .zo-grid-item { width: 100%; } } .template-grid-news-list .item { margin-bottom: 30px; width: 100%; background-color: #f5f5f5; } .template-grid-news-list .item img { width: 100%; height: 280px; object-fit: cover; } .template-grid-news-list .item .wrapper { position: relative; padding: 50px 20px 30px 20px; } .template-grid-news-list .item .wrapper::before { content: ""; width: 60px; height: 3px; background-color: #fa8c00; display: inline-block; left: 20px; position: absolute; top: 28px; } .template-grid-news-list .item .wrapper .box-title { min-height: 84px; } .template-grid-news-list .item .wrapper .box-title a { font-size: 22px; color: #001e28; line-height: 28px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .template-grid-news-list .item .wrapper .read { margin-top: 20px; display: flex; align-items: center; } .template-grid-news-list .item .wrapper .read a { font-size: 14px; line-height: 19px; color: #6e6e6e; font-weight: 400; text-transform: uppercase; } .template-grid-news-list .item .wrapper .read a span { margin-left: 9px; position: relative; top: -2px; } .template-grid-news-list .item .wrapper .read a span::before { color: #6e6e6e; font-size: 11px; } .template-grid-news-list .item:hover .wrapper .box-title { text-decoration: underline; } .template-grid-news-list .item:hover .wrapper .box-title, .template-grid-news-list .item:hover .read { color: #fa8c00; } .template-grid-news-list .item:hover .wrapper .box-title a, .template-grid-news-list .item:hover .read a { color: #fa8c00; } .template-grid-news-list .item:hover .wrapper .box-title span::before, .template-grid-news-list .item:hover .read span::before { color: #fa8c00; } .template-grid-news-list .item:hover .wrapper .box-title .icon-decor-next::before, .template-grid-news-list .item:hover .read .icon-decor-next::before { color: #fa8c00; } body #page .font-16 .wpb_wrapper * { font-size: 16px !important; } .max-width-linh-vuc-page-title .zo_grid--swiper--page-title .box-content .title { max-width: 650px; } .template-grid-video-sendecor .zo-grid { display: flex; flex-wrap: wrap; } .template-grid-video-sendecor .zo-grid .zo-grid-item { width: 33.33%; height: 670px; } .wpb_wrapper .list-contact { font-family: "AvenirNext" !important; } .wpb_wrapper .list-contact a:hover { text-decoration: underline; color: #fa8c00; } .wpb_wrapper .list-contact ul { padding-left: 0; } .wpb_wrapper .list-contact ul li { font-family: "AvenirNext" !important; font-size: 18px; padding-left: 20px; color: #464646; line-height: 36px; position: relative; } .wpb_wrapper .list-contact ul li::before { content: ""; position: absolute; width: 7px; height: 7px; background-color: #464646; display: inline-block; left: 0; top: 13px; } .font-size-18 .wpb_wrapper * { font-family: "AvenirNext" !important; font-size: 18px; line-height: 25px; color: #464646; } .wrapper-contet-form { -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08); border-radius: 5px; padding: 38px; } .wrapper-contet-form .line { display: flex; font-family: "AvenirNext" !important; margin-bottom: 37px; } .wrapper-contet-form .line .item { width: 50%; } .wrapper-contet-form .line .item:first-child { padding-right: 15px; } .wrapper-contet-form .line .item:last-child { padding-left: 15px; } .wrapper-contet-form .line .item input { height: 55px; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #dcdcdc; } .wrapper-contet-form input, .wrapper-contet-form textarea, .wrapper-contet-form select { box-shadow: none !important; outline: none !important; font-size: 18px !important; margin-bottom: 0 !important; line-height: 25px !important; border: 1px solid #dcdcdc; color: #464646; border-radius: 5px; } .wrapper-contet-form ::-webkit-input-placeholder { color: #464646; font-size: 18px; line-height: 25px; font-weight: 400; } .wrapper-contet-form :-ms-input-placeholder { color: #464646; font-weight: 400; font-size: 18px; line-height: 25px; } .wrapper-contet-form ::placeholder { font-weight: 400; font-size: 18px; line-height: 25px; color: #464646; } .wrapper-contet-form .button-content { display: block; align-items: center; margin-top: 16px; } .wrapper-contet-form .button-content .wpcf7-spinner { position: absolute; bottom: -15px; right: 0; } .wrapper-contet-form .button-content .text { font-size: 16px; line-height: 20px; font-style: italic; color: #464646; } .wrapper-contet-form .button-content .button input { height: 45px; width: 130px; text-align: center; padding: 0; line-height: 45px !important; } .text-max-content-3 { max-width: 410px; } .page-contact .zo_grid--swiper--page-title .box-content .title { max-width: 775px; } .zo_grid--parter { font-family: "AvenirNext" !important; } .zo_grid--parter .wrapper { position: relative; cursor: pointer; height: 480px; margin-bottom: 30px; } .zo_grid--parter .wrapper .wrapper-content { opacity: 0; visibility: hidden; transition: all 0.3s; position: absolute; width: calc(100% - 30px); padding: 15px 15px 15px 30px; bottom: 0; left: 0; background-color: rgba(250, 140, 0, 0.8); } .zo_grid--parter .wrapper .wrapper-content::before { content: ""; position: absolute; width: 2px; height: calc(100% - 18px); background-color: #fff; display: inline-block; left: 15px; bottom: 0; } .zo_grid--parter .wrapper .wrapper-content .title { color: #fff; font-size: 22px; line-height: 30px; text-transform: uppercase; font-weight: 600; } .zo_grid--parter .wrapper .wrapper-content .title span { text-transform: none; font-weight: 400; } .zo_grid--parter .wrapper .wrapper-content .chuc-vu { font-size: 18px; color: #fff; font-weight: 400; line-height: 30px; } .zo_grid--parter .wrapper:hover .wrapper-content { opacity: 1; visibility: visible; } .zo_grid--parter .wrapper .icon-modal { position: absolute; width: 100%; height: 100%; display: inline-block; z-index: 2; top: 0; left: 0; } .zo_grid--parter .wrapper .image img { width: 100%; height: 100%; object-fit: cover; } .zo_grid--parter .wrapper .icon-modal { position: absolute; } .zo_grid--parter .wrapper .image { width: 100%; height: 100%; object-fit: cover; } .zo_grid--parter .modal-info { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; display: none; } .zo_grid--parter .modal-info.active { display: inline-block; } .zo_grid--parter .modal-info::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); display: inline-block; z-index: 1; } .zo_grid--parter .modal-info .wrapper { padding: 35px; max-width: 1200px; background-color: #fff; border-radius: 5px; left: 50%; z-index: 3; top: 50%; transform: translate(-50%, -50%); height: 640px; display: flex; } @media screen and (min-width: 1200px) { .zo_grid--parter .modal-info .wrapper { padding: 50px; } } .zo_grid--parter .modal-info .wrapper .icon-close { position: absolute; width: 60px; height: 60px; position: absolute; z-index: 22; right: -29px; top: -29px; } .zo_grid--parter .modal-info .box-left::-webkit-scrollbar-track { background-color: #c8c8c8; border-radius: 5px; } .zo_grid--parter .modal-info .box-left::-webkit-scrollbar { width: 7px; background-color: #c8c8c8; border-radius: 5px; } .zo_grid--parter .modal-info .box-left::-webkit-scrollbar-thumb { width: 12px; background-color: #fa8c00; border-radius: 5px; } .zo_grid--parter .modal-info .box-left { width: calc(100% - 500px); padding-right: 30px; max-height: 100%; overflow-y: auto; margin-right: 20px; } .zo_grid--parter .modal-info .box-left .title { margin-bottom: 10px; text-transform: uppercase; color: #fa8c00; font-size: 50px; line-height: 62px; padding-left: 30px; position: relative; } .zo_grid--parter .modal-info .box-left .title::before { content: ""; position: absolute; width: 5px; height: calc(100% - 15px); background-color: #fa8c00; display: inline-block; left: 0; top: 50%; transform: translateY(-50%); } .zo_grid--parter .modal-info .box-left .chucvu-modal { font-size: 20px; line-height: 25px; color: #464646; font-weight: 500; margin-bottom: 15px; } .zo_grid--parter .modal-info .box-left .content { font-size: 18px; line-height: 25px; } .zo_grid--parter .modal-info .box-left .content p { font-size: 18px; line-height: 25px; } .zo_grid--parter .modal-info .box-left__title { font-size: 18px; line-height: 25px; color: #464646; font-weight: 600; margin-top: 23px; margin-bottom: 15px; } .zo_grid--parter .modal-info .box-left ul { padding-left: 0; } .zo_grid--parter .modal-info .box-left ul li { font-size: 18px; line-height: 25px; } .zo_grid--parter .modal-info .box-left a:hover { color: #fa8c00; text-decoration: underline; } .zo_grid--parter .modal-info .box-right { width: 500px; } .zo_grid--parter .modal-info .box-right img { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 1220px) { .zo_grid--parter .modal-info .wrapper { width: calc(100% - 60px); } .zo_grid--parter .modal-info .box-left { width: calc(100% - 300px); } .zo_grid--parter .modal-info .box-left .title { font-size: 30px; line-height: 40px; } .zo_grid--parter .modal-info .box-right { width: 300px; } } @media screen and (min-width: 676px) { .zo_grid--parter .modal-info .wrapper .box-left .box-image { display: none !important; } } @media screen and (max-width: 676px) { .zo_grid--parter .modal-info .wrapper { display: block; padding: 20px 15px; width: calc(100% - 50px); height: auto; } .zo_grid--parter .modal-info .wrapper .box-left { max-height: 500px; } .zo_grid--parter .modal-info .wrapper .box-left .title { padding-left: 16px; margin-top: 25px; } .zo_grid--parter .modal-info .wrapper .icon-close { width: 35px; height: 35px; right: -15px; top: -15px; } .zo_grid--parter .modal-info .box-left::-webkit-scrollbar-track { background-color: #c8c8c8; border-radius: 5px; } .zo_grid--parter .modal-info .box-left::-webkit-scrollbar { width: 4px; background-color: #c8c8c8; border-radius: 5px; } .zo_grid--parter .modal-info .box-left::-webkit-scrollbar-thumb { width: 4px; background-color: #fa8c00; border-radius: 5px; } .zo_grid--parter .modal-info .box-left { padding-right: 12px; width: 100%; } .zo_grid--parter .modal-info .box-left .wrapper-scroll { max-height: 300px; } .zo_grid--parter .modal-info .box-left .title { font-size: 22px; line-height: 32px; } .zo_grid--parter .modal-info .box-left ul li { font-size: 16px !important; line-height: 25px !important; } .zo_grid--parter .modal-info .box-left ul li a { font-size: 16px !important; line-height: 25px !important; } .zo_grid--parter .modal-info .box-left .content { font-size: 16px !important; line-height: 25px !important; } .zo_grid--parter .modal-info .box-left .content p { font-size: 16px !important; line-height: 25px !important; } .zo_grid--parter .modal-info .box-left .chucvu-modal { font-size: 18px; } .zo_grid--parter .modal-info .box-right { width: 100%; display: none; } } .page-tuyen-dung .zo_grid--swiper--page-title .box-content .title { max-width: 870px; } .zo_grid--list-tuyen-dung .zo-grid-item { border: 1px solid #d2d2dc; border-radius: 4px; padding: 30px 40px; position: relative; margin-bottom: 30px; } .zo_grid--list-tuyen-dung .zo-grid-item:nth-child(1) .content { display: block; } .zo_grid--list-tuyen-dung .title { font-size: 25px; line-height: 35px; color: #1e1e1e; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; font-weight: 600; } .zo_grid--list-tuyen-dung .title .icon { position: absolute; right: 0; display: inline-block; width: 80px; cursor: pointer; z-index: 9; height: 96px; padding-right: 55px; background-color: #fa8c00; border-top-right-radius: 4px; border-bottom-right-radius: 4px; top: 0; } .zo_grid--list-tuyen-dung .title .icon::before { content: ""; position: absolute; width: 35px; height: 2px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); } .zo_grid--list-tuyen-dung .title .icon::after { content: ""; position: absolute; height: 35px; width: 2px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); } .zo_grid--list-tuyen-dung .title .icon.open::after { opacity: 0; } .zo_grid--list-tuyen-dung .title:hover { color: #fa8c00; } .zo_grid--list-tuyen-dung .content { display: none; } .zo_grid--list-tuyen-dung .content h3 { font-size: 20px; line-height: 25px; color: #1e1e1e; position: relative; padding-left: 20px; margin-top: 20px; } .zo_grid--list-tuyen-dung .content h3::before { content: ""; height: 100%; width: 4px; position: absolute; background-color: #fa8c00; display: inline-block; left: 0; top: 0; } .zo_grid--list-tuyen-dung .content p { font-size: 18px; line-height: 38px; color: #464646; font-weight: 400; } .zo_grid--list-tuyen-dung .content .template-zo_button { margin-top: 15px; margin-bottom: 5px; display: inline-block; } .zo_grid--list-tuyen-dung .content .template-zo_button .btn-primary { border-radius: 4px; cursor: pointer; } .wrapper-content-tuyen-dung { margin-top: 40px; display: flex; } .wrapper-content-tuyen-dung .box-left { width: 350px; } .wrapper-content-tuyen-dung .box-left .box-info { background-color: #fa8c00; color: #fff; padding: 35px 35px; border-radius: 4px; } .wrapper-content-tuyen-dung .box-left .box-info .title-heading { font-size: 25px; line-height: 35px; font-weight: 600; margin-bottom: 20px; } .wrapper-content-tuyen-dung .box-left .box-info .content { font-size: 18px; line-height: 22px; margin-bottom: 10px; display: inline-block; } .wrapper-content-tuyen-dung .box-left .box-info .content__title { font-weight: bold; text-transform: uppercase; margin-bottom: 5px; } .wrapper-content-tuyen-dung .box-left .box-info .content a { color: #fff; } .wrapper-content-tuyen-dung .box-left .box-info .content a:hover { color: #fff; text-decoration: underline; } .wrapper-content-tuyen-dung .box-left .box-info .content p { font-size: 18px; font-weight: 400; line-height: 22px; } .wrapper-content-tuyen-dung .zo_grid--list-tuyen-dung { padding-left: 15px; width: calc(100% - 350px); padding-left: 30px; } @media screen and (max-width: 768px) { .wrapper-content-tuyen-dung .zo_grid--list-tuyen-dung { padding-left: 0; } } .modal-tuyen-dung { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; display: none; } .modal-tuyen-dung.active { display: block; } .modal-tuyen-dung .item { position: relative; } .modal-tuyen-dung input[type=file] { display: flex; align-items: center; height: 100%; height: 55px; color: transparent; } .modal-tuyen-dung input[type="file"]::file-selector-button { position: relative; top: 8px; } .modal-tuyen-dung #my_file { font-size: 18px; line-height: 25px; color: #464646; font-family: "AvenirNext" !important; position: absolute; top: 14px; left: 30px; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal-tuyen-dung input[type=file]::file-selector-button { margin-right: 20px; border: none; background: #ebebeb; text-transform: uppercase; padding: 0 10px; font-size: 13px; line-height: 26px; color: #464646; cursor: pointer; transition: background 0.2s ease-in-out; position: absolute; right: -10px; top: 14px; } .modal-tuyen-dung input[type=file] { line-height: 55px !important; } .modal-tuyen-dung input[type=file]::file-selector-button:hover { opacity: 0.8; } .modal-tuyen-dung::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .modal-tuyen-dung .wrapper-modal { padding: 50px; padding-top: 55px; max-width: 800px; width: 100%; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); background-color: #fff; } .modal-tuyen-dung .wrapper-modal .icon-close { position: absolute; right: -20px; z-index: 2; top: -20px; cursor: pointer; } .modal-tuyen-dung .wpcf7 input[type="file"] { padding-top: 7px !important; } .modal-tuyen-dung .title-modal { font-size: 38px; line-height: 48px; color: #fa8c00; text-transform: uppercase; font-weight: 400; margin-bottom: 15px; padding-left: 25px; position: relative; } .modal-tuyen-dung .title-modal::before { content: ""; position: absolute; width: 3px; height: 100%; left: 0; top: 0; display: inline-block; background-color: #fa8c00; } .modal-tuyen-dung .wrapper-contet-form.form-tuyen-dung { background: none; box-shadow: none; padding: 0; } .modal-tuyen-dung .wrapper-contet-form.form-tuyen-dung .button-content { display: block; text-align: right; } .modal-tuyen-dung .wrapper-contet-form.form-tuyen-dung .line { margin-bottom: 20px; } .modal-tuyen-dung .wrapper-contet-form.form-tuyen-dung .line .item input, .modal-tuyen-dung .wrapper-contet-form.form-tuyen-dung .line .item select { height: 55px; padding: 3px 15px; border-color: #dcdcdc; width: 100%; } body .wpcf7-form .wpcf7-not-valid-tip { left: auto; right: 3px; } .single-post .title-single { font-size: 50px; line-height: 65px; color: #fa8c00; font-weight: 400; margin-top: 100px; position: relative; padding-left: 25px; } .single-post .title-single::before { content: ""; position: absolute; width: 6px; height: 100%; display: inline-block; left: 0; top: 0; background-color: #fa8c00; } .single-post .date { color: #464646; font-size: 16px; line-height: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; margin-top: 15px; display: inline-block; } .single-post .content-post p { font-size: 18px; line-height: 25px; color: #464646; } .wrapper-relative-wc { margin-bottom: 100px; position: relative; } @media screen and (max-width: 992px) { .wrapper-relative-wc { margin-bottom: 50px; } } .wrapper-relative-wc .button-action { position: absolute; z-index: 9; right: 0; top: -90px; width: 45px; height: 45px; border: 2px solid #fa8c00; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; transition: all 0.3s; background-color: #fff; cursor: pointer; } .wrapper-relative-wc .button-action.sendecor-button-prev { right: 55px; } .wrapper-relative-wc .button-action:hover { background-color: #fa8c00; } .wrapper-relative-wc .button-action:hover span { color: #fff; } .wrapper-relative-wc .button-action:hover span::before { color: #fff; } .wrapper-relative-wc .item { background-color: #f5f5f5; } .wrapper-relative-wc .item img { width: 100%; height: 280px; object-fit: cover; } .wrapper-relative-wc .item .wrapper { position: relative; padding: 50px 20px 30px 20px; } .wrapper-relative-wc .item .wrapper::before { content: ""; width: 60px; height: 3px; background-color: #fa8c00; display: inline-block; left: 20px; position: absolute; top: 28px; } .wrapper-relative-wc .item .wrapper .box-title { min-height: 84px; } .wrapper-relative-wc .item .wrapper .box-title a { font-size: 22px; color: #001e28; line-height: 28px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .wrapper-relative-wc .item .wrapper .read { margin-top: 20px; display: flex; align-items: center; } .wrapper-relative-wc .item .wrapper .read a { font-size: 14px; line-height: 19px; color: #6e6e6e; font-weight: 400; text-transform: uppercase; } .wrapper-relative-wc .item .wrapper .read a span { margin-left: 9px; position: relative; top: -2px; } .wrapper-relative-wc .item .wrapper .read a span::before { color: #6e6e6e; font-size: 11px; } .container-wapper-related { margin-top: 65px; } .container-wapper-related .zo-heading-wraper { margin-bottom: 30px; } .content-post { position: relative; } .content-post .box-share { left: -70px; top: -5px; position: absolute; } .content-post .box-share span { font-size: 16px; line-height: 35px; display: inline-block; color: #464646; border-bottom: 1px solid #464646; } .content-post .box-share .social-list { margin-top: 10px; padding-left: 0; } .content-post .box-share .social-list li::before { display: none; } .content-post .box-share .social-list li a { color: #464646; } .content-post .box-share .social-list li a:hover { color: #fa8c00; } blockquote { border-left: 4px solid #faa41e; } .zo-blog-body p { font-size: 18px; line-height: 28px; } .zo-blog-body ul { padding-left: 0; } .zo-blog-body ul li { padding-left: 15px; font-family: "AvenirNext" !important; font-size: 18px; line-height: 28px; position: relative; } .zo-blog-body ul li::before { content: ""; position: absolute; width: 5px; border-radius: 50%; top: 10px; left: 0; height: 5px; display: inline-block; background-color: #fa8c00; } .single-gallary-data .grid-item { position: relative; } .single-gallary-data .grid-item:hover::before, .single-gallary-data .grid-item:hover .icon { opacity: 1; } .single-gallary-data .grid-item::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: inline-block; left: 0; top: 0; z-index: 0; transition: all 0.3s; opacity: 0; } .single-gallary-data .grid-item .icon { width: 43px; z-index: 1; height: 39px; transition: all 0.3s; opacity: 0; display: inline-block; background-image: url(../images/icon-zoom.png); background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .gallary-single { padding-left: 30px; padding-right: 30px; margin-top: 30px; } .gallary-single .grid-item { position: relative; } .gallary-single .grid-item:hover::before, .gallary-single .grid-item:hover .icon { opacity: 1; } .gallary-single .grid-item::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: inline-block; left: 0; top: 0; z-index: 0; transition: all 0.3s; opacity: 0; } .gallary-single .grid-item .icon { width: 43px; z-index: 1; height: 39px; transition: all 0.3s; opacity: 0; display: inline-block; background-image: url(../images/icon-zoom.png); background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .gallary-single .grid-item img { height: 100%; object-fit: cover; width: 100%; } .wrapper-related-gallary .item { position: relative; overflow: hidden; } .wrapper-related-gallary .item img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .wrapper-related-gallary .item:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .wrapper-related-gallary .item:hover .overlay { opacity: 1; } .wrapper-related-gallary .item img { height: 300px; } .wrapper-related-gallary .overlay { position: absolute; width: calc(100% - 30px); bottom: 0; opacity: 0; transition: all 0.3s; left: 0; padding: 25px 15px 15px 40px; background-color: rgba(250, 140, 0, 0.8); } .wrapper-related-gallary .overlay::before { content: ""; position: absolute; width: 2px; background-color: #fff; height: calc(100% - 30px); display: inline-block; bottom: 0; left: 20px; } .wrapper-related-gallary .overlay .title { font-size: 22px; line-height: 28px; color: #fff; } .wrapper-related-gallary .overlay .title a { color: #fff; } .list-content-left { position: absolute; bottom: 25px; left: -10px; } .list-content-left ul { display: flex; margin-bottom: 0; } .list-content-left ul li { margin-right: 25px; } .list-content-left ul li a { color: #fff; font-family: "AvenirNext" !important; text-transform: uppercase; font-size: 16px; line-height: 26px; font-weight: 600; } .list-content-left ul li a i { margin-right: 5px; } .list-content-left ul li a:hover { color: #fa8c00; } .box-switch-polylang { position: absolute; top: 390px; right: 30px; } .box-switch-polylang .text { font-weight: 700; text-transform: uppercase; font-size: 18px; color: #fff; } .box-switch-polylang .icon { width: 23px; height: 18px; display: inline-block; background-image: url("../images/lang-eng.png"); background-position: center center; background-size: cover; cursor: pointer; } .post-item-blog { margin-bottom: 30px; display: flex; } .post-item-blog .image-box { width: 250px; border-radius: 5px; } .post-item-blog .image-box img { border-radius: 5px; } .post-item-blog .zo-blog-detail { width: calc(100% - 250px); font-family: "AvenirNext" !important; padding-left: 20px; } .post-item-blog .zo-blog-detail .zo-blog-title a { font-weight: 400; font-size: 22px; line-height: 30px; color: #001e28; } .post-item-blog .zo-blog-detail .content { font-size: 18px; line-height: 22px; color: #464646; margin-bottom: 10px; } .post-item-blog .read-more-list a { text-transform: uppercase; font-size: 14px; line-height: 19px; color: #6e6e6e; } .post-item-blog .read-more-list a span { color: #6e6e6e; } .post-item-blog .read-more-list a span::before { font-size: 11px; color: #6e6e6e; } .search-blog-single { max-width: 1000px; margin: auto; } .search-blog-single .navigation { text-align: right; } .search-blog-single .pagination span, .search-blog-single .pagination a { font-family: "AvenirNext" !important; text-align: center; font-size: 18px; } .search-blog-single .pagination span.current, .search-blog-single .pagination a.current, .search-blog-single .pagination span:hover, .search-blog-single .pagination a:hover { background-color: #fa8c00; } .search-blog-single .page-numbers { display: inline-block; background: #000; color: #fff; height: 40px; min-width: 40px; line-height: 40px; } .search-blog-single .page-numbers svg { vertical-align: middle; height: 38px; width: 40px; } .search-blog-single .page-numbers svg path { fill: #fff; } .page-search #zo-page-element-wrap { height: 500px; font-family: "AvenirNext" !important; display: block !important; } .page-search #zo-page-element-wrap .title-box { color: #fff; font-size: 40px; line-height: 50px; text-align: left; padding-left: 15px; border-left: 3px solid #fa8c00; } .page-search #zo-page-element-wrap .title-box span { font-weight: 700; } .page-search #zo-page-element-wrap .page-title { position: absolute; right: 0; bottom: 30px; color: #fff; font-size: 16px; line-height: 22px; } .page-search #zo-page-element-wrap .page-title a { color: #fff; } .title-search-box { font-size: 40px; color: #fa8c00; line-height: 52px; font-family: "AvenirNext" !important; text-transform: uppercase; margin-bottom: 30px; padding-left: 15px; position: relative; } .title-search-box::before { content: ""; position: absolute; width: 4px; height: 100px; left: 0; display: inline-block; top: 50%; transform: translateY(-50%); background-color: #fa8c00; } .error404 #main #primary { background-color: #002d32; display: flex; align-items: center; padding-top: 15px; height: 100vh; padding-bottom: 15px; } .error404 #main #primary .entry-header img { max-width: 450px; margin: auto; } .error404 #main #primary .content-404 { color: #fff; text-transform: uppercase; max-width: 890px; margin: auto; font-size: 22px; line-height: 33px; margin-top: 30px; margin-bottom: 30px; } .error404 #main #primary .template-zo_button { text-align: center !important; } .list-grap-link ul { padding-left: 0; display: flex; } .list-grap-link ul li { color: #1e1e1e; font-size: 16px; line-height: 25px; font-weight: 600; } .list-grap-link ul li:nth-child(2), .list-grap-link ul li:nth-child(4) { margin: 0 11px; } .list-grap-link ul li a:hover { color: #fa8c00; } body, html { overflow-x: hidden; } body img, html img { width: 100%; object-fit: cover; } @media screen and (min-width: 992px) and (max-width: 1028px) { .row-mobile-go-2 .vc_col-sm-7, .row-mobile-go-2 .vc_col-sm-5 { width: 100%; } .row-mobile-go-2 .vc_col-sm-5 { padding-left: 28px !important; padding-right: 28px !important; } .header-style-02 .zo-header-navigation .nav-menu > li a { font-size: 13px !important; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .template-tong-thau-du-an { padding-left: 20px; } .row-tuyet-doi .vc_col-sm-8, .row-tuyet-doi .vc_col-sm-4 { width: 100% !important; } .row-tuyet-doi .vc_col-sm-8 { margin-bottom: 30px; } .nha-may-sendecor .vc_col-sm-4, .nha-may-sendecor .vc_col-sm-8 { width: 100% !important; } .nha-may-sendecor .vc_col-sm-8 { padding-left: 45px !important; padding-right: 0 !important; } .nha-may-sendecor .vc_col-sm-4 { margin-bottom: 30px !important; } .row-ipad-px2 .vc_col-sm-4 { width: 100%; margin-bottom: 30px !important; } .row-ipad-px2 .vc_col-sm-8 { padding-left: 45px !important; width: 100%; } } .masory-note-hover .zo_grid--masory-hinh-anh-san-pham .grid .grid-item .overlay { display: none; } @media screen and (max-width: 1110px) { .grid-bottom-slide-nha-may-san-xuat .item .content-item { padding: 20px; } #zo-header .zo-header-logo .header-phone-logo { width: auto !important; } .zo_grid--swiper--page-title .d-flex-item .wrapper-content { padding-left: 0; } .zo_grid--swiper--page-title .d-flex-item .wrapper-content .title { max-width: 500px; } .template-zo_grid--linh-vuc-team .item { margin-bottom: 30px; width: 50%; } .template-zo_grid--linh-vuc-team .item:nth-child(3), .template-zo_grid--linh-vuc-team .item:nth-child(4) { margin-bottom: 0; } .row-count-number .vc_column-inner .wpb_wrapper .item-last-count .zo-counter-item .zo-counter { padding-left: 0; } body .row-tong-thau .vc_col-sm-4, body .row-tong-thau .vc_col-sm-8 { width: 100% !important; } .row-count-number { margin-top: 30px; } .row-count-number .vc_column-inner .wpb_wrapper .zo-counter-item .zo-counter { font-size: 40px; line-height: 50px; } .error404 #main #primary .entry-header img { max-width: 300px; } .error404 #main #primary .entry-header .content-404 { font-size: 18px; line-height: 28px; } .content-post .box-share { display: none; } .zo_grid-slide-doi-ngu-thi-cong .slick-dots, .slide-ky-thuat-co-dien .slick-dots { left: 20px; } body .row-mobile-go { padding-bottom: 0px !important; } body .row-mobile-go .vc_col-sm-4, body .row-mobile-go .vc_col-sm-8 { width: 100%; } body .row-mobile-go .vc_col-sm-4 { margin-bottom: 30px; padding: 0 30px !important; } .row-mobile-go-2 .vc_col-sm-7, .row-mobile-go-2 .vc_col-sm-5 { width: 100%; } .zo_grid--swiper--banner-du-an .wrapper-content { max-width: 500px; } .zo_grid--swiper--banner-du-an .wrapper-content .category { font-size: 18px; line-height: 20px; margin-bottom: 30px; } .zo_grid--swiper--banner-du-an .wrapper-content .category a { color: #fff; } .zo_grid--swiper--banner-du-an .wrapper-content .title { font-size: 36px; line-height: 46px; } .zo_grid--swiper--banner-du-an .wrapper-content .title a { color: #fff; } .zo_grid--blog-right .item .wrapper { right: -12px; } .entry-content .wpb_row { margin-bottom: 0 !important; } .wpb_wrapper .list-contact ul li { line-height: 28px; } .box-contact-mobile .vc_col-sm-4 { width: 100%; padding-top: 0 !important; padding-left: 15px !important; padding-right: 15px !important; margin-bottom: 40px !important; } .box-contact-mobile .vc_col-sm-8 { width: 100%; } .box-row-7-mobile .vc_col-sm-7, .box-row-7-mobile .vc_col-sm-5 { width: 100%; } .wrapper-contet-form { padding: 20px; } .mobile-content-mobile { max-width: 100%; } .box-contact-mobile .vc_col-sm-5, .box-contact-mobile .vc_col-sm-7 { width: 100%; } .box-contact-mobile .vc_col-sm-7 { margin-top: 30px; } .box-right-content-noi-that .vc_column-inner > .wpb_wrapper { padding-left: 15px; } .wrapper-content-tuyen-dung { display: block; } .wrapper-content-tuyen-dung .box-left, .wrapper-content-tuyen-dung .zo_grid--list-tuyen-dung { width: 100%; } .wrapper-content-tuyen-dung .box-left .zo-grid-item, .wrapper-content-tuyen-dung .zo_grid--list-tuyen-dung .zo-grid-item { padding: 22px 15px; } .wrapper-content-tuyen-dung .box-left { padding-right: 0; margin-bottom: 30px; } .zo_grid--blog .item-first { padding-left: 0; padding-right: 0; } .zo_grid--swiper--page-title .wrapper-content { padding-left: 30px; } .zo_grid--swiper--page-title .wrapper-bottom { padding: 0 30px; } .zo_grid--blog .item-first .box-content { padding: 20px; } } @media screen and (max-width: 992px) { .zo_grid--filter-phan-xuong { font-family: "AvenirNext" !important; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide.swiper-slide-prev { left: 0; } .zo_grid--filter-phan-xuong .wrapper-content-list .swiper-slide.swiper-slide-next { right: 0; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action { position: absolute; z-index: 9; right: 0; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; border: 2px solid #fa8c00; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #fff; transition: all 0.3s; cursor: pointer; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action.sendecor-button-next-v3 { right: 15px; right: calc(100% * 2 / 12); } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action.sendecor-button-prev-v3 { left: 15px; left: calc(100% * 2 / 12); } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action:hover { background-color: #fa8c00; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action:hover span { color: #fff; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action:hover span::before { color: #fff; } .zo_grid--filter-phan-xuong .list-title .content-list { display: flex; font-size: 16px; line-height: 25px; font-weight: 600; color: #1e1e1e; align-items: center; margin-bottom: 25px; } .zo_grid--filter-phan-xuong .list-title .content-list .item { cursor: pointer; } .zo_grid--filter-phan-xuong .list-title .content-list .item span { margin: 0 20px; color: #1e1e1e; } .zo_grid--filter-phan-xuong .list-title .content-list .item.active, .zo_grid--filter-phan-xuong .list-title .content-list .item:hover { color: #fa8c00; } .zo_grid--filter-phan-xuong .list-title .content-list .item:last-child span { display: none; } .zo_grid--filter-phan-xuong .content-tab .wrapper-content-list { display: none; } .zo_grid--filter-phan-xuong .content-tab .wrapper-content-list.active { display: block; } .zo_grid--filter-phan-xuong .content-tab .wrapper-content-list .content { color: #1e1e1e; } .zo_grid--filter-phan-xuong .content-tab .wrapper-content-list .content .text { max-width: 735px; } .zo_grid--filter-phan-xuong .content-tab .image-content { margin-top: 20px; } .zo_grid--filter-phan-xuong .list-title .content-list { display: block; margin-bottom: 20px; } .zo_grid--filter-phan-xuong .list-title .content-list .item { line-height: 35px; width: 100%; } .zo_grid--filter-phan-xuong .list-title .content-list .item span { display: none; } .grid-bottom-slide-nha-may-san-xuat { display: block; } .grid-bottom-slide-nha-may-san-xuat .item { width: 100%; } .grid-bottom-slide-nha-may-san-xuat .item .image { height: 0; } .grid-bottom-slide-nha-may-san-xuat .item.active .image { height: 300px; } .zo_grid--tai-lieu { display: block; } .zo_grid--tai-lieu a { width: 100%; padding: 15px; display: block; } .box-left-column { margin-bottom: 30px; } .zo_grid-slide-doi-ngu-thi-cong .image-slide, .slide-ky-thuat-co-dien .image-slide { height: 600px; } .zo_grid-slide-doi-ngu-thi-cong .title, .slide-ky-thuat-co-dien .title { font-size: 30px; line-height: 40px; } .zo_grid-slide-doi-ngu-thi-cong, .slide-ky-thuat-co-dien { max-height: 600px; } .slick-slide img { width: 100%; object-fit: cover; } .zo_grid-slide-doi-ngu-thi-cong .slick-dots, .slide-ky-thuat-co-dien .slick-dots { left: 50px; } .title-search-box { font-size: 28px; line-height: 38px; } .title-search-box::before { height: 70px; } .page-search #zo-page-element-wrap .title-box { font-size: 27px; line-height: 36px; } .modal-tuyen-dung .wrapper-modal { max-width: calc(100% - 70px); width: 100%; } .modal-tuyen-dung .title-modal { font-size: 26px; line-height: 36px; } .single-post .title-single { margin-top: 50px; font-size: 30px; line-height: 40px; } .gallary-single { grid-template-columns: 1fr 1fr 1fr 1fr; } .zo_grid--list-tuyen-dung .title .icon { width: 56px; height: 80px; } .zo_grid--blog-info .item-first { padding-left: 0; } .zo_grid--video-sendor { display: block; } .zo_grid--video-sendor .zo-grid-item { width: 100%; } .zo_grid--blog-info .item { width: calc(50% - 17px); } .zo_grid--blog-info .item.box:nth-child(4), .zo_grid--blog-info .item.box :nth-child(7) { margin-right: 30px; } .zo_grid--blog-info .item.box:nth-child(3), .zo_grid--blog-info .item.box:nth-child(5), .zo_grid--blog-info .item.box:nth-child(8) { margin-right: 0; } .pons-heading { position: relative; margin-bottom: 30px; } .ponsi-box2 .zo-button-wraper.template-zo_button { top: 32px; left: auto; right: 15px; } .zo_grid--blog-info .item-first .box-content { padding-left: 15px; } .zo_grid--blog { display: block; } .zo_grid--blog .item { width: 100%; padding-right: 0; } .zo_grid--blog .item-first { margin-right: 0; } .zo_grid--blog .item-first { padding-left: 0; } .zo_grid--swiper--page-title .item { height: 450px; } .zo_grid--swiper--page-title .d-flex-item { display: flex; margin: auto; position: relative; z-index: 1; align-items: center; } .zo_grid--swiper--page-title .wrapper-bottom { padding: 0 30px; } .zo_grid--swiper--page-title .swiper-pagination { position: absolute; left: 10px; } .zo_grid--swiper--page-title .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .zo_grid--swiper--page-title .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fa8c00; border: 2px solid #fff; } .zo_grid--swiper--page-title .wrapper-content { padding: 0 15px; } .zo_grid--swiper--page-title .box-content .title { font-size: 32px; line-height: 40px; } #page-default { overflow-x: hidden; } .wrapper-position { overflow: visible !important; } .site-header.active { display: none; } .zo_grid--swiper--banner-du-an .modal-video-item, .zo_grid--swiper--page-title .modal-video-item { top: 0; } .nha-may-sendecor .vc_col-sm-4, .nha-may-sendecor .vc_col-sm-8 { width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; } .nha-may-sendecor .vc_col-sm-8 { padding-right: 0 !important; } .zo_grid--slide-nha-may-san-xuat .item .content .title { font-size: 32px; line-height: 42px; } .max-content-2 p { max-width: 100%; } .row-hinh-anh-san-pham .max-content-2 p { max-width: 420px; } body .zo-header-navigation .nav-menu { padding-bottom: 10px !important; } .template-zo_heading--style2.style-primary .zo-heading-main { font-size: 36px; line-height: 45px; } .template-zo_grid--san-xuat-va-thi-cong .col-sm-6 { width: 100% !important; margin-bottom: 30px !important; } .template-zo_grid--san-xuat-va-thi-cong .col-sm-6 img { width: 100%; object-fit: cover; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item, .zo_grid--video-san-pham-hoan-thien .zo-grid-item { height: 550px; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .title, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .title { font-size: 30px; line-height: 50px; } .row-tuyet-doi .vc_col-sm-8, .row-tuyet-doi .vc_col-sm-4 { width: 100% !important; } .row-tuyet-doi .vc_col-sm-8 { margin-bottom: 30px; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .zo-grid-media .icon-play .icon-play-button-02, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .zo-grid-media .icon-play .icon-play-button-02 { font-size: 80px !important; } body #zo-header .zo-header-navigation { background-color: #18485c !important; } body ul.nav-menu > li .zo-menu-toggle { opacity: 1; } body ul.nav-menu > li .zo-menu-toggle i { font-size: 20px; } #zo-header #zo-header-logo { margin-left: 0 !important; } .zo-header-navigation .nav-menu { padding-left: 15px !important; } .zo-header-navigation .nav-menu.menu-main-menu li a { text-transform: uppercase; } .zo-header-navigation .nav-menu.menu-main-menu li a span { text-transform: uppercase; } #zo-header .zo-header-secondary { right: -5px; } .modal-video-item .content-video, .modal-video-item2 .content-video { width: 100%; } .modal-video-item .content-video .gs-close, .modal-video-item2 .content-video .gs-close { top: 30px; } .templete-we-marking .item { display: block; } .templete-we-marking .item .box-left, .templete-we-marking .item .box-center, .templete-we-marking .item .box-right { width: 100%; } .zo_grid--nha-may .item { height: 370px; width: 100%; margin-right: 30px; margin-bottom: 30px; margin-right: 0; } .zo_grid--nha-may .item:nth-child(1) { width: 100%; } .zo_grid--nha-may .item:nth-child(2), .zo_grid--nha-may .item:nth-child(6), .zo_grid--nha-may .item:nth-child(7) { margin-right: 0; width: 100%; } .zo_grid--nha-may .item:last-child { margin-right: 0; } .row-blog-home .vc_row > .wpb_column { width: 100% !important; } .zo_grid--blog-left .item .media img, .zo_grid--blog-right .item .media img { width: 100%; } .zo_grid--blog-left { margin-bottom: 30px; } .zo_grid--blog-right .item .wrapper { right: -15px; } .templete-we-marking .box-left, .templete-we-marking .box-right { min-height: 600px; } .templete-we-marking .item .box-center { padding-top: 60px; padding-bottom: 60px; } body .wpb_row { margin-bottom: 0 !important; } .zo_grid--swiper--banner-du-an .wrapper-content { min-height: 600px; } .zo_grid--swiper--banner-du-an .wrapper-content .box-content { max-width: 500px; padding: 0 15px; } .zo_grid--swiper--banner-du-an .wrapper-content .title { font-size: 40px; line-height: 55px; } .zo_grid--swiper--banner-du-an .icon-play { left: 65%; } .form-search-mobile { padding: 0; position: relative; background-color: transparent; border-bottom: 1px solid #fff; line-height: initial !important; width: calc(100% - 60px); position: relative; margin-bottom: 30px; left: 30px; } .form-search-mobile .screen-reader-text { display: none; } .form-search-mobile .icon { position: absolute; right: 0; right: 9px; top: 12px; } .form-search-mobile .is-search-icon { background: none !important; border: 0; } .form-search-mobile .is-form-style .is-search-submit path { fill: #fff !important; } .form-search-mobile .is-form-style.is-form-style-3 input.is-search-input { height: 40px; background-color: transparent !important; color: #fff; border: 0 !important; border-bottom: 1px solid #fff; } .form-search-mobile #s { background-color: transparent; border-radius: 3px; color: #fff; outline: none; font-size: 16px; transition: all 0.3s; line-height: 26px; border: 0; box-shadow: none; height: 40px; padding: 0 10px; padding-left: 0; padding-right: 42px; } .form-search-mobile ::-webkit-input-placeholder { color: #fff !important; font-size: 14px; line-height: 25px; text-transform: uppercase; font-weight: 400; } .form-search-mobile :-ms-input-placeholder { color: #fff !important; font-weight: 400; font-size: 14px; text-transform: uppercase; line-height: 25px; } .form-search-mobile ::placeholder { font-weight: 400; font-size: 14px; line-height: 25px; color: #fff !important; text-transform: uppercase; } .form-search-mobile input[type="submit"] { position: absolute; right: 0; top: 2px; font-size: 0; box-shadow: none; border: 0; width: 35px; height: 40px; z-index: 9; background: transparent; cursor: pointer; } body .row-chung-toi { margin-bottom: 80px !important; } body .row-chung-toi .vc_col-sm-6 { margin-bottom: 30px !important; width: 100% !important; } .template-zo_grid--linh-vuc-team .item { margin-bottom: 30px; } .row-nhan-vien .vc_col-sm-6, .row-nhan-vien .vc_col-sm-6 { width: 100% !important; } .zo_grid--swiper--giam-doc { margin-bottom: 30px !important; } .zo_grid--swiper--giam-doc .item .box-image img { width: 100%; object-fit: cover; } #page .template-zo_grid--hang-muc .item .wrapper { display: block; } #page .template-zo_grid--hang-muc .item .wrapper .box-content, #page .template-zo_grid--hang-muc .item .wrapper .zo-grid-media { width: 100%; } #page .template-zo_grid--hang-muc .item .wrapper .box-content { margin-bottom: 30px; padding-left: 20px; } .zo_grid--tai-sao-chon-chung-toi { display: block; } .zo_grid--tai-sao-chon-chung-toi .box-left { padding-top: 30px; width: 100%; } .zo_grid--tai-sao-chon-chung-toi .box-right { width: 100%; } } @media screen and (max-width: 880px) { .single-du-an .zo-blog-content .box-left .post-navigation { margin-top: 20px; } .zo-footer-columns .zo-footer-column:last-child { margin-bottom: 30px; } .wrapper-footer { padding-bottom: 30px; } .wrapper-footer .social-footer { padding-left: 0; justify-content: flex-start; } .wrapper-footer .widget_text ul { padding-left: 0; } } @media screen and (max-width: 770px) { .related-du-an .button-action { top: -70px; } .custom-mb-40 { height: 0 !important; } .related-du-an .zo-grid-media img { width: 100%; object-fit: cover; } } @media screen and (max-width: 576px) { .zo_grid--parter .wrapper .wrapper-content .title { font-size: 18px; line-height: 28px; } .zo_grid--parter .wrapper .wrapper-content .chuc-vu { font-size: 14px; line-height: 26px; } .zo_grid-gallary-sendor .zo-grid-item { margin-bottom: 20px; } .zo_grid-gallary-sendor .zo-grid-item:last-child { margin-bottom: 0; } .zo_grid--blog .item .box-title .text { font-size: 16px; line-height: 28px; } .zo_grid--slide-nha-may-san-xuat .item .content .title a { font-size: 26px; line-height: 36px; } .zo_grid--blog .item-first .box-content .title, .zo_grid--blog-left .item .title { font-size: 20px; line-height: 30px; } .zo_grid--blog-info .item-first .box-content .title, .zo_grid--blog-right .item .wrapper .title { font-size: 20px; line-height: 30px; } body .row-mobile-go .vc_col-sm-8 .img-mh-600 { margin-bottom: 20px !important; } body .page-du-an .wrapper-filter-top { margin-top: 0; } #page .template-zo_grid--hang-muc .item.item-1 .box-content { margin-top: 17px; } #page .template-zo_grid--hang-muc .item.item-3 .box-content { margin-top: 17px; } body .zo_grid--swiper-member { padding-bottom: 0 !important; } body .logo-text .title-sub { font-size: 18px; line-height: 29px; } .zo_grid--swiper--page-title .d-flex-item .wrapper-content .title { padding-right: 75px; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action { right: 15px !important; } .zo_grid--filter-phan-xuong .wrapper-content-list .button-action.sendecor-button-prev-v3 { left: 15px; right: auto; } .template-zo_grid--linh-vuc-team .item { margin-bottom: 30px; width: 100%; } .template-zo_grid--linh-vuc-team .item:nth-child(3), .template-zo_grid--linh-vuc-team .item:nth-child(4) { margin-bottom: 30px; } .template-zo_grid--linh-vuc-team .item:nth-child(4) { margin-bottom: 0; } .error404 #main #primary .entry-header img { max-width: 210px; } .error404 #main #primary .entry-header .content-404 { font-size: 13px; line-height: 24px; } .page-search #zo-page-element-wrap .title-box { font-size: 22px; line-height: 30px; } .page-search #zo-page-element-wrap .page-title { font-size: 14px; } .page-search #zo-page-element-wrap { height: 300px; } .title-search-box { font-size: 19px; line-height: 29px; } .title-search-box::before { height: 50px; } .post-item-blog { display: block; } .post-item-blog .image-box { width: 100%; } .post-item-blog .zo-blog-detail { width: 100%; padding-left: 0; padding-top: 20px; } .post-item-blog .zo-blog-detail .zo-blog-title a { font-size: 18px; line-height: 28px; } .post-item-blog .zo-blog-detail .content { font-size: 16px; line-height: 22px; } .modal-tuyen-dung .wrapper-modal { max-width: calc(100% - 30px); padding: 15px; } .zo_grid--list-tuyen-dung .content h3 { font-size: 18px; line-height: 23px; padding-left: 15px; } .zo_grid--list-tuyen-dung .content p { font-size: 16px; line-height: 28px; } .wrapper-relative-wc .button-action { width: 35px; height: 35px; top: -60px; } .wrapper-relative-wc .button-action span { font-size: 12px; } .wrapper-relative-wc .button-action.sendecor-button-prev { right: 42px; } .gallary-single { display: block; padding-left: 10px; padding-right: 10px; } .gallary-single .grid-item { max-height: initial; } .single-post .content-post p { font-size: 16px; line-height: 24px; } .zo-blog-body ul li { font-size: 16px; line-height: 25px; } .single-post .title-single { font-size: 22px; line-height: 32px; } body #page .row-bottom-page-view { padding-top: 100px; padding-bottom: 100px; } body #page .row-bottom-page-view .wpb_wrapper p { font-size: 20px; font-weight: 600; line-height: 32px; } .zo_grid--filter-phan-xuong .content-tab .image-content { display: block; } .zo_grid--filter-phan-xuong .content-tab .image-content .image { width: 100%; } .row-slide-may-moc .zo_grid-slide-doi-ngu-thi-cong { max-height: 320px; } .row-slide-may-moc .zo_grid-slide-doi-ngu-thi-cong .image-slide { height: 320px; } .row-slide-may-moc .zo_grid-slide-doi-ngu-thi-cong .image-slide .title { font-size: 20px; line-height: 30px; bottom: 60px; } .zo_grid--swiper--page-title .wrapper-bottom { top: -52px !important; } .zo_grid--swiper--page-title .wrapper-bottom .swiper-pagination { display: none; } body .row-mobile-go .vc_col-sm-4 { padding-left: 15px !important; padding-right: 15px !important; } .related-du-an { padding: 0; } .slide-bg-single .zo_grid--swiper--page-title .wrapper-bottom { top: -55px; } .slide-bg-single .zo_grid--swiper--page-title .wrapper-bottom .swiper-pagination { display: none; } .related-du-an .button-action { width: 35px; height: 35px; top: -60px; } .related-du-an .button-action span { font-size: 12px; } .related-du-an .button-action.sendecor-button-prev { right: 42px; } .zo-blog-single { padding-left: 0 !important; padding-right: 0 !important; } .zo-blog-single .zo-blog-content { padding-left: 0 !important; padding-right: 0 !important; } .zo-blog-single .zo-blog-content .box-left .title-single { font-size: 22px; line-height: 32px; padding-right: 0; } .zo-blog-single .zo-blog-content .box-left .content-post { padding-right: 0; } .single-du-an .zo-blog-content .box-left .des ul li { font-size: 16px; padding-left: 0; } .single-du-an .zo-blog-content .box-right .grid-item { width: 100% !important; margin: 0 !important; margin-bottom: 15px !important; } .wrapper-contet-form .button-content { display: block !important; margin-top: 5px; } .wrapper-contet-form .button-content .text { margin-bottom: 15px; } .wrapper-contet-form .line { margin-bottom: 15px; display: block; } .wrapper-contet-form .line .item { padding-right: 0 !important; padding-left: 0 !important; width: 100%; margin-bottom: 15px; } .wrapper-contet-form .line .item:last-child { margin-bottom: 0; } .zo_grid--list-tuyen-dung .content { padding-top: 20px; } .modal-tuyen-dung .title-modal { font-size: 20px; line-height: 25px; } .modal-tuyen-dung .wrapper-contet-form.form-tuyen-dung .line .item input, .modal-tuyen-dung .wrapper-contet-form.form-tuyen-dung .line .item select { height: 40px; font-size: 14px !important; } .max-content-3 p { font-size: 16px !important; } .modal-tuyen-dung .wrapper-modal .icon-close { width: 35px; height: 35px; right: -10px; top: -10px; } ::-webkit-input-placeholder { font-size: 14px !important; line-height: 25px; } :-ms-input-placeholder { font-size: 14px !important; line-height: 25px; } ::placeholder { font-size: 14px !important; line-height: 25px; } .modal-tuyen-dung .wpcf7-form textarea { height: 80px; } .wrapper-contet-form .button-content .button input { height: 36px; width: 130px; text-align: center; padding: 0; line-height: 36px !important; font-size: 14px !important; } .zo_grid--list-tuyen-dung .zo-grid-item { padding: 15px !important; } .zo_grid--list-tuyen-dung .title { font-size: 16px; line-height: 26px; padding-right: 30px; } .zo_grid--list-tuyen-dung .title .icon { width: 20px; height: 57px; padding: 0 22px; } .zo_grid--list-tuyen-dung .title .icon::before { width: 20px; } .zo_grid--list-tuyen-dung .title .icon::after { height: 20px; } .pons-heading { left: 0; margin-bottom: 0; } .zo_grid--blog-info .item .wrapper .box-title { min-height: auto; } .zo_grid--blog-info .box.item-first .box-content .title a { font-size: 18px; line-height: 26px; } .box-row-custom .ponsi-box .template-zo_button { top: 47px; right: 15px; } .zo_grid--blog { margin-top: 60px; } .zo_grid--blog .slick-list { max-height: 450px; } .zo_grid--blog .item-first { height: auto; } .zo_grid--blog .item-first .gallary-blog { max-height: 450px; } .zo_grid--blog .item-first .gallary-blog .grid-item { height: 450px; } .zo_grid--blog .item-first .box-content { border: 0; top: 20px; width: 100%; } .zo_grid--blog .item-first .box-content .title a { font-size: 22px; line-height: 32px; } .zo_grid--blog .item .box-title { width: 100%; bottom: 0; } .zo_grid--blog .item .box-title a { font-size: 18px; line-height: 30px; } .zo_grid--blog-info .gallary-blog { max-height: 300px; } .zo_grid--blog-info .gallary-blog .grid-item { height: 300px; } .zo_grid--blog-info .item .wrapper .box-title a { font-size: 19px; line-height: 25px; } .ponsi-box2 .zo-button-wraper.template-zo_button { display: none; } .box-ponsi-2.ponsi-box .template-zo_button { top: 50px; right: 10px; } .ponsi-box.ponsi-video .template-zo_heading--style2 { margin-bottom: 40px; } .ponsi-box.ponsi-video .template-zo_button { top: 60px; right: 15px; } .zo_grid--video-sendor .icon-play span { font-size: 60px; } .zo_grid--video-sendor .wrapper-title .title { font-size: 20px; line-height: 30px; } .zo_grid--video-sendor .zo-grid-media > img { height: 450px; } .zo_grid--blog-info { display: block; } .zo_grid--blog-info .box.item-first { padding-left: 0; } .zo_grid--blog-info .box.item-first .box-content { padding: 15px; padding-left: 0; position: static; width: 100%; } .zo_grid--blog-info .box.item-first .box-content .read { margin-top: 20px; margin-bottom: 20px; } .zo_grid--blog-info .box.item-first .box-content .title a { font-size: 22px; line-height: 32px; } .zo_grid--blog-info .box.item { width: 100%; } .zo_grid--masory-hinh-anh-san-pham { margin-top: 30px; } .ponsi-box .template-zo_button { top: 120px; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item .overlay { width: auto; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item { width: 100% !important; margin: 0 !important; margin-bottom: 20px !important; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item:last-child { margin-bottom: 0px !important; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item img { width: 100%; } .template-zo_grid--san-xuat-va-thi-cong .zo-grid-item .zo-grid-media .title { font-size: 22px; line-height: 32px; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item, .zo_grid--video-san-pham-hoan-thien .zo-grid-item { height: 350px; } .box-left-content-noi-that > .vc_column-inner > .wpb_wrapper { padding-right: 0; } .zo_grid--swiper-toan-canh-nha-may.template-zo_grid--filter-du-an .zo-grid-item .zo-grid-media .icon-play .icon-play-button-02, .zo_grid--video-san-pham-hoan-thien .zo-grid-item .zo-grid-media .icon-play .icon-play-button-02 { font-size: 60px !important; } .grid-bottom-slide-nha-may-san-xuat { padding: 0; display: block; } .grid-bottom-slide-nha-may-san-xuat .item { width: 100%; } .grid-bottom-slide-nha-may-san-xuat .item .content-item { padding: 10px 15px; } .grid-bottom-slide-nha-may-san-xuat .item .content-item .text { font-size: 16px; line-height: 27px; } .slide-ky-thuat-co-dien { height: auto !important; } .zo_grid--tai-lieu { display: block; padding-top: 30px; } .zo_grid--tai-lieu a { width: 100%; padding: 0 15px; font-size: 15px; margin-bottom: 15px; line-height: 26px; display: block; } .zo_grid--tai-lieu .icon { right: 10px !important; } .zo_grid--tai-lieu .icon .icon-decor-next::before { font-size: 12px; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .content__text { font-size: 16px; } .row-mobile-px { padding-left: 15px; } .row-mobile-px .box-left-content-noi-that { padding-right: 15px !important; margin-bottom: 30px; } .row-mobile-px .box-left-content-noi-that > .vc_column-inner > .wpb_wrapper { padding-right: 0; } .zo_grid--slide-nha-may-san-xuat .item .content { padding: 20px 15px; } .zo_grid--slide-nha-may-san-xuat .item .content .title { font-size: 26px; line-height: 32px; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .title a { font-size: 18px; line-height: 26px; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .title { font-size: 18px; line-height: 25px; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content .category { font-size: 14px; line-height: 18px; } .zo_grid--swiper-thi-cong-noi-that .wrapper-content { margin-top: 20px; padding-left: 10px; } .zo_grid--tai-sao-chon-chung-toi { display: block; } .zo_grid--tai-sao-chon-chung-toi .box-left { padding-top: 50px; padding-left: 15px; padding-right: 15px; } .zo_grid--tai-sao-chon-chung-toi .box-left .title { font-size: 35px; line-height: 55px; } .zo_grid--tai-sao-chon-chung-toi .box-left .sub_title { font-size: 18px; } .zo_grid--tai-sao-chon-chung-toi .box-right { padding-bottom: 50px; width: 100%; display: block; } .zo_grid--tai-sao-chon-chung-toi .box-right .item { width: 100%; min-height: auto; border: 0; padding: 9px 15px; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .icon { width: 50px; height: 50px; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .content { width: calc(100% - 50px); } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .content__title { margin-bottom: 5px; font-size: 18px; line-height: 28px; } .zo_grid--tai-sao-chon-chung-toi .box-right .wrapper-content .content_text { font-size: 16px; } .template-tong-thau-du-an .template-box-left .title { font-size: 22px; line-height: 50px; margin-bottom: 40px; } .template-tong-thau-du-an .template-box-left { padding: 20px 20px; } .row-count-number .vc_column-inner .wpb_wrapper { padding: 0; } .row-count-number .vc_column-inner .wpb_wrapper .zo-counter-item .zo-counter { padding-left: 0 !important; line-height: 45px; font-size: 24px; } .row-count-number { margin-top: 20px; } .row-count-number .vc_column-inner .wpb_wrapper .zo-counter-item .zo-counter-content p { font-size: 14px; } .zo_grid--swiper--giam-doc .item .box-content { padding-top: 20px; } .zo_grid--swiper--giam-doc .item .box-content .title { font-size: 18px; line-height: 28px; } .zo_grid--swiper--giam-doc .item .box-content .chuc-vu { font-size: 16px; } .zo_grid--swiper-member .content { padding-top: 15px; } .zo_grid--swiper-member .content .title { font-size: 16px; } .zo_grid--swiper-member .content::before { width: 22px; height: 22px; } .template-zo_grid--hang-muc { padding-left: 0; padding-right: 0; } #page .template-zo_grid--hang-muc .item .title { font-size: 24px; line-height: 34px; } #page .template-zo_grid--hang-muc .item .title::before { width: 5px; top: 10px; height: 5px; } #page .template-zo_grid--hang-muc .item .box-content { padding: 0; } #page .template-zo_grid--linh-vuc-team .item .wrapper-title .title { font-size: 19px; line-height: 28px; margin-bottom: 0; } .zo_grid--swiper-member .content .chuc-vu { font-size: 14px; } .box-primary-team { margin-top: 25px; padding: 15px; padding-left: 35px; } .box-primary-team::before, .box-primary-team::after { width: 23px; height: 20px; } .box-primary-team::before { left: 8px; top: 16px; } .box-primary-team::after { right: 15px; } .row-count-number .vc_column-inner .wpb_wrapper .item-last-count .zo-counter-item .suffix::after { top: -17px; font-size: 20px; right: -16px; } .template-tong-thau-du-an .template-box-left .content { font-size: 15px; line-height: 25px; } .template-tong-thau-du-an .template-box-left .sub { font-size: 30px; font-weight: 400; line-height: 40px; } body #page .text-cappure p { font-size: 18px; line-height: 28px; } .list-grap-link ul { display: block; } .list-grap-link ul li { display: block; } .list-grap-link ul li:nth-child(2), .list-grap-link ul li:nth-child(4) { display: none; } .zo_grid--swiper--page-title .icon-play { font-size: 60px; } .zo_grid--swiper--page-title { max-height: 350px; } .zo_grid--swiper--page-title .item { height: 350px; } .zo_grid--swiper--page-title .box-content .title { font-size: 24px; line-height: 34px; } .zo_grid--swiper--page-title .d-flex-item { display: flex; margin: auto; position: relative; z-index: 1; align-items: center; } .zo_grid--swiper--page-title .wrapper-bottom { top: -35px; padding: 0 15px; } .zo_grid--swiper--page-title .wrapper-bottom .page-title { font-size: 14px; line-height: 20px; } .zo_grid--swiper--page-title .swiper-pagination { position: static; } .zo_grid--swiper--page-title .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .zo_grid--swiper--page-title .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fa8c00; border: 2px solid #fff; } .templete-we-marking .item { display: block; } .templete-we-marking .item .box-left, .templete-we-marking .item .box-center, .templete-we-marking .item .box-right { width: 100%; } .row-blog-home .vc_row > .wpb_column { width: 100% !important; } .zo_grid--blog-left .item .media img, .zo_grid--blog-right .item .media img { width: 100%; } .zo_grid--blog-left { margin-bottom: 30px; } .zo_grid--blog-left .item .wrapper { padding: 15px; width: 100%; height: 100%; border: 0; left: 0; } .zo_grid--blog-left .item .wrapper .title a { font-size: 22px; line-height: 33px; } .zo_grid--blog-right .item .wrapper { padding: 15px; width: 100%; right: 0; bottom: 15px; } .zo_grid--blog-right .item .wrapper .title a { font-size: 18px; line-height: 28px; } .templete-we-marking .box-left, .templete-we-marking .box-right { min-height: 300px; } .templete-we-marking .box-left .wrapper, .templete-we-marking .box-right .wrapper { background-size: initial; height: auto; min-height: 300px; } .templete-we-marking .box-left .wrapper .heading-sub, .templete-we-marking .box-right .wrapper .heading-sub, .templete-we-marking .box-left .wrapper .heading-main, .templete-we-marking .box-right .wrapper .heading-main { line-height: 40px; font-size: 30px; } .templete-we-marking .box-left .wrapper .content, .templete-we-marking .box-right .wrapper .content { font-size: 16px; line-height: 26px; } .templete-we-marking .box-right { min-height: 300px; } .templete-we-marking .box-right .wrapper { background-size: initial; height: auto; min-height: 300px; } .templete-we-marking .box-right .wrapper .heading, .templete-we-marking .box-right .wrapper .content { text-align: left; } .templete-we-marking .box-right .wrapper .heading-sub, .templete-we-marking .box-right .wrapper .heading-main { line-height: 40px; font-size: 30px; } .templete-we-marking .item .box-center { padding-top: 60px; padding-bottom: 60px; } .templete-we-marking .item .box-center .heading .heading-sub, .templete-we-marking .item .box-center .heading .heading-main { font-size: 30px; line-height: 40px; } body .wpb_row { margin-bottom: 0 !important; } .zo_grid--swiper--banner-du-an .owl-dots { bottom: 20px !important; padding-right: 0; right: 15px; padding-right: 20px; } .zo_grid--swiper--banner-du-an .wrapper-content { min-height: 500px; } .zo_grid--swiper--banner-du-an .wrapper-content .category { margin-bottom: 20px; font-size: 16px; } .zo_grid--swiper--banner-du-an .wrapper-content .box-content { max-width: 250px; padding: 0 15px; } .zo_grid--swiper--banner-du-an .wrapper-content .title { margin-bottom: 20px; font-size: 25px; line-height: 36px; } .zo_grid--swiper--banner-du-an .icon-play { left: 75%; } .zo_grid--swiper--banner-du-an .icon-play .icon-play-button-02 { font-size: 60px; } .template-zo_grid--filter-du-an .wrapper .wrapper-content, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content { padding-top: 16px; padding-left: 15px; margin-bottom: 32px; } .template-zo_grid--filter-du-an .wrapper .wrapper-content::before, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content::before, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content::before { height: 44px; } .template-zo_grid--filter-du-an .wrapper .wrapper-content .title, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content .title, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content .title { font-size: 18px; line-height: 25px; } .template-zo_grid--filter-du-an .wrapper .wrapper-content .category, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content .category, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content .category { font-size: 14px; line-height: 18px; margin-top: 5px; } .template-zo_grid--filter-du-an .wrapper:hover .icon-play, .zo_grid--swiper--page-toan-canh .wrapper:hover .icon-play, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .icon-play { left: 80%; top: 80px; } .template-zo_grid--filter-du-an .wrapper:hover .icon-play .icon-play-button-02, .zo_grid--swiper--page-toan-canh .wrapper:hover .icon-play .icon-play-button-02, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .icon-play .icon-play-button-02 { font-size: 70px; } .template-zo_grid--filter-du-an .wrapper:hover .zo-grid-media .overlay, .zo_grid--swiper--page-toan-canh .wrapper:hover .zo-grid-media .overlay, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .zo-grid-media .overlay { top: 0; position: absolute; width: 100%; height: 100%; left: 0; } .template-zo_grid--filter-du-an .wrapper:hover .wrapper-content::before, .zo_grid--swiper--page-toan-canh .wrapper:hover .wrapper-content::before, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .wrapper-content::before { background-color: #fa8c00; } .template-zo_grid--filter-du-an .wrapper:hover .wrapper-content .title a, .zo_grid--swiper--page-toan-canh .wrapper:hover .wrapper-content .title a, .zo_grid--video-san-pham-hoan-thien .wrapper:hover .wrapper-content .title a { color: #fa8c00; } .template-zo_grid--filter-du-an .icon-play .icon-play-button-02, .zo_grid--swiper--page-toan-canh .icon-play .icon-play-button-02, .zo_grid--video-san-pham-hoan-thien .icon-play .icon-play-button-02 { font-size: 60px; } .wrapper-filter-top { margin-top: 20px; margin-bottom: 20px; } .wrapper-filter-top .bg-select { display: inline-block; background-color: #fa8c00; position: relative; } .wrapper-filter-top .filter-select-data { font-size: 14px; height: 40px; } .wrapper-position.swiper-doi-tac .button-action { width: 35px; height: 35px; top: -60px; } .wrapper-position.swiper-doi-tac .button-action span { font-size: 12px; } .wrapper-position.swiper-doi-tac .button-action.sendecor-button-prev { right: 42px; } .zo_grid--nha-may .item .title { bottom: 20px; } .zo_grid--nha-may .item .title:before { height: calc(100% + 25px); } .zo_grid--nha-may .item .title h3 { font-size: 22px; line-height: 32px; } .modal-video-item .content-video, .modal-video-item2 .content-video { padding: 15px; padding-top: 60px; } .modal-video-item .content-video .gs-close, .modal-video-item2 .content-video .gs-close { top: 20px; } body p { font-size: 16px; line-height: 24px; } .wrapper-loading .icon-loading { width: 200px; } body { overflow-x: hidden; } .wrapper-position { overflow: hidden; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content { display: block; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .icon-icon-phay1, .zo_grid--swiper-temi-giam-doc .item .wrapper-content .icon-icon-phay2 { font-size: 30px; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .icon-icon-phay1 { margin-bottom: 20px; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left, .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-right { width: 100%; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-left { padding: 15px; } .zo_grid--swiper-temi-giam-doc .item .wrapper-content .box-right { height: 350px; } .zo_grid--swiper-temi-giam-doc .swiper-pagination { bottom: 12px; left: auto; right: -15px; } .max-content-2 p { font-size: 16px !important; } .zo_grid-slide-doi-ngu-thi-cong, .slide-ky-thuat-co-dien { height: 420px; } .zo_grid-slide-doi-ngu-thi-cong .image-slide, .slide-ky-thuat-co-dien .image-slide { height: 420px; } .zo_grid-slide-doi-ngu-thi-cong .title, .slide-ky-thuat-co-dien .title { font-size: 26px; line-height: 40px; padding-right: 15px; bottom: 50px; } .zo_grid-slide-doi-ngu-thi-cong .slick-dots, .slide-ky-thuat-co-dien .slick-dots { bottom: 55px; left: 15px; } .image-mobile { margin-bottom: 35px !important; } body .row-title-mobile { padding: 50px 0 !important; } body #page .text-primary-color p { font-size: 24px; line-height: 34px; } } #main.active { position: relative; z-index: 1000; } #main.active .zo_grid--swiper--banner-du-an .swiper-pagination { display: none; } .box-switch-polylang.mobile { position: static; margin-bottom: 30px; display: flex; align-items: center; padding-left: 30px; line-height: 0 !important; } @media screen and (min-width: 992px) { .box-switch-polylang.mobile { display: none; } } .box-switch-polylang.mobile .text { font-weight: 700; text-transform: uppercase; font-size: 18px; color: #fff; margin-right: 15px; } .box-switch-polylang.mobile .icon { width: 23px; height: 18px; display: inline-block; background-position: center center; background-size: cover; cursor: pointer; } .box-switch-polylang.mobile .icon.icon-vi { background-image: url("../images/vn.png"); } .box-switch-polylang.mobile .icon.icon-en { background-image: url("../images/en.png"); } @media screen and (min-width: 992px) { .form-search-mobile { display: none !important; } } @media (min-width: 768px) and (max-width: 992px) { body .row-mobile-go .vc_col-sm-4 > .vc_column-inner, body .row-mobile-go-2 .vc_col-sm-5 > .vc_column-inner, .row-ipad-px2 .vc_col-sm-4 > .vc_column-inner, .nha-may-sendecor .vc_col-sm-4 > .vc_column-inner { width: 720px; margin: auto; } body .row-mobile-go-2 .vc_col-sm-5 > .vc_column-inner > .wpb_wrapper { padding-left: 0; } } @media (min-width: 992px) and (max-width: 1110px) { body .row-mobile-go .vc_col-sm-4 > .vc_column-inner, body .row-mobile-go-2 .vc_col-sm-5 > .vc_column-inner, .row-ipad-px2 .vc_col-sm-4 > .vc_column-inner, .nha-may-sendecor .vc_col-sm-4 > .vc_column-inner { width: 940px; margin: auto; } } @media screen and (min-width: 992px) { #zo-header .sub-menu .menu-item-has-children { position: relative; } #zo-header .sub-menu .menu-item-has-children::before { content: ""; position: absolute; font-family: "fontAweSome"; content: "\f105"; right: 15px; font-size: 20px; top: 4px; } #zo-header .menu-main-phone .sub-menu .menu-item-has-children::before { display: none !important; } } body #zo-footer #zo-footer-content p { font-size: 16px; line-height: 25px; margin-bottom: 30px; } .logo-text { padding-left: 20px; border-left: 2px solid #fff; margin-bottom: 35px; } .logo-text .title { font-size: 25px; text-transform: uppercase; line-height: 35px; letter-spacing: 1px; font-weight: bold; } .logo-text .title-sub { font-size: 25px; font-weight: 400; line-height: 35px; letter-spacing: 1.5px; } .lg-backdrop { background-color: rgba(0, 0, 0, 0.8) !important; } .lg-sub-html h3 { font-size: 20px; color: #fff; } @media screen and (max-width: 576px) { .zo_grid--swiper--page-title .wrapper-bottom .page-title { padding-left: 15px; } } .text-style-bold strong { font-weight: 600 !important; } .ky-thuat-co-dien .slide-ky-thuat-co-dien { max-height: 430px; } .single-post .zo-blog-content { max-width: 1000px; margin: auto; } .modal-tuyen-dung .wrapper-modal { border-radius: 8px; } .modal-tuyen-dung .wrapper-contet-form .line .item.item-select select::-ms-expand { display: none; } .modal-tuyen-dung .wrapper-contet-form .line .item.item-select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; } .modal-tuyen-dung .wrapper-contet-form .line .item.item-select .wpcf7-form-control-wrap { position: relative; } .modal-tuyen-dung .wrapper-contet-form .line .item.item-select .wpcf7-form-control-wrap select { background: transparent; position: relative; z-index: 1; } .modal-tuyen-dung .wrapper-contet-form .line .item.item-select .wpcf7-form-control-wrap::before { z-index: 0; font-family: "FontAweSome"; position: absolute; top: 49%; transform: translateY(-50%); right: 10px; content: "\f107"; width: 20px; height: 20px; background: #ebebeb; line-height: 20px; text-align: center; } @media screen and (max-width: 1250px) { .single-du-an .zo-blog-content, .related-du-an { padding: 0; } .single-du-an .zo-blog-content { display: block; } .single-du-an .zo-blog-content .box-left, .single-du-an .zo-blog-content .box-right { width: 100%; } .single-du-an .zo-blog-content .box-right { margin-top: 35px; } .single-du-an .zo-blog-content .box-left .post-navigation { max-width: 100%; } .single-du-an .zo-blog-content .box-right { left: 0; } } @media screen and (max-width: 675px) { .lg-sub-html h3 { font-size: 14px; } } .nha-may-san-xuat-gallary .grid-item { cursor: pointer; } .nha-may-san-xuat-gallary .grid-item:hover .overlay-hover { opacity: 1; visibility: visible; } .nha-may-san-xuat-gallary .overlay-hover { position: absolute; width: 100%; height: 100%; transition: all 0.3s; opacity: 0; visibility: hidden; left: 0; top: 0; display: inline-block; background-color: rgba(0, 0, 0, 0.4); } .nha-may-san-xuat-gallary .overlay-hover .icon { width: 52px; height: 48px; display: inline-block; background-image: url(../images/icon-zoom.png); background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #zo-footer { padding-bottom: 0 !important; } @media screen and (min-width: 992px) { #media_image-3 img { margin-bottom: 0 !important; position: relative; left: -48px; } .zo-footer-column:last-child { padding-top: 44px; } .zo-footer-column:last-child .widget_text:last-child ul { padding-left: 0; } .zo-footer-column:last-child .widget_text:last-child ul li:nth-child(2) { margin-bottom: 28px; } .zo-footer-column:last-child .widget_text:last-child ul li a:hover { color: #fa8c00 !important; } .zo-footer-column:nth-child(2) .widget_text { max-width: 500px; } } body .wrapper-footer #zo-footer .zo-footer-column a:hover { color: #fa8c00 !important; text-decoration: underline; } body .wrapper-footer #zo-footer .zo-footer-column .social-footer a:hover { text-decoration: none !important; } .overlay-active-modal { position: fixed; width: 100%; height: 100%; display: inline-block; left: 0; top: 0; z-index: 2; } @media screen and (min-width: 992px) { body .zo-header-secondary #site-navigation .menu-main-menu > li.menu-item-has-children::before { display: none; } body .zo-header-secondary #site-navigation .menu-main-menu > li.menu-item-has-children::after { position: relative; font-family: "FontAwesome"; font-size: 19px; content: "\f107"; right: 0; top: 50%; transition: all 0.3s; transform: translateY(-50%); } } .single-du-an .zo-blog-content .box-left .des table { width: 100% !important; } .wrapper-relative-wc .item { font-family: "AvenirNext" !important; background-color: #f5f5f5; } .wrapper-relative-wc .item img { width: 100%; height: 280px; object-fit: cover; } .wrapper-relative-wc .item .wrapper { position: relative; padding: 50px 20px 30px 20px; } .wrapper-relative-wc .item .wrapper::before { content: ""; width: 60px; height: 3px; background-color: #fa8c00; display: inline-block; left: 20px; position: absolute; top: 28px; } .wrapper-relative-wc .item .wrapper .box-title { min-height: 84px; font-size: 22px; color: #001e28; line-height: 28px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .wrapper-relative-wc .item .wrapper .read { margin-top: 20px; display: flex; align-items: center; font-size: 14px; line-height: 19px; color: #6e6e6e; font-weight: 400; text-transform: uppercase; } .wrapper-relative-wc .item .wrapper .read span { margin-left: 9px; position: relative; top: -2px; } .wrapper-relative-wc .item .wrapper .read span::before { color: #6e6e6e; font-size: 11px; } .wrapper-relative-wc .item:hover .wrapper .box-title { text-decoration: underline; } .wrapper-relative-wc .item:hover .wrapper .box-title, .wrapper-relative-wc .item:hover .read { color: #fa8c00; } .wrapper-relative-wc .item:hover .wrapper .box-title .icon-decor-next::before, .wrapper-relative-wc .item:hover .read .icon-decor-next::before { color: #fa8c00; } .wrapper-relative-wc .box { margin-right: 30px; } .wrapper-relative-wc .box:nth-child(4), .wrapper-relative-wc .box:nth-child(7) { margin-right: 0; } @media screen and (min-width: 992px) { #zo-header .nav-menu > li a span { line-height: 32px; display: inline-block; } } .overlay-modal-active { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; display: inline-block; } .box-img-width .wpb_single_image .vc_single_image-wrapper { width: 100%; } .box-img-width .wpb_single_image .vc_single_image-wrapper img { width: 100%; } .page-search .search-blog-single { margin-bottom: 100px; margin-top: 50px; } @media screen and (max-width: 992px) { .page-search .search-blog-single { margin-top: 0; margin-bottom: 50px; } } .page-search #main > .navigation { display: none; } @media screen and (max-width: 992px) { .zo_grid-gallary-sendor .zo-grid-media > img { height: 420px; } .zo_grid--parter .wrapper .wrapper-content { opacity: 1; visibility: visible; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item .overlay, .zo_grid-gallary-sendor .zo-grid-item .overlay { opacity: 1 !important; } .zo_grid--masory-hinh-anh-san-pham .grid .grid-item .overlay .title, .zo_grid-gallary-sendor .zo-grid-item .overlay .title { font-size: 20px; } #zo-header.header-fixed .nav-menu > li > a, #zo-header.header-fixed #zo-header-navigation-right, #zo-header.header-fixed .widget_cart_search_wrap_item > a.icon { height: 40px !important; line-height: 40px !important; font-size: 14px; } } .spinner { width: 50px; height: 40px; text-align: center; font-size: 10px; position: absolute; top: 48%; left: 48%; } .spinner > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .custom-swiper-doi-tac .button-action { display: none !important; } .custom-swiper-doi-tac .zo_grid--swiper-doi-tac-v2 .item { border-top: 0; } @media screen and (min-width: 1100px) and (max-width: 1400px) { .zo_grid--swiper--banner-du-an .icon-play { left: 68%; } } @media screen and (max-width: 992px) { #zo-header.header-fixed .zo-sticky-logo { display: none !important; } #zo-header.header-fixed #zo-header-logo { margin-top: 0 !important; margin-bottom: 0 !important; } } .template-zo_grid--filter-du-an .zo-grid-media .overlay .overlay-link { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; display: inline-block; } @media screen and (min-width: 992px) { .img-mh-600 .vc_single_image-wrapper { width: 100% !important; min-width: 100%; } .img-mh-600 img { height: 600px !important; width: 100vw; } } .single-post-gallary .wrapper-relative-wc .box { margin-right: 0; } .custom-pb-pc { padding-bottom: 40px; } @media screen and (max-width: 992px) { .custom-pb-pc { padding-bottom: 20px; } } body h1, body h2, body h3, body h4, body h5, body h6, body strong { font-family: "AvenirNext" !important; } .list-grap-link ul li a.active { color: #fa8c00; } .template-zo_grid--filter-du-an .wrapper .zo-grid-media .overlay .content table, .related-du-an .wrapper .zo-grid-media .overlay .content table, .zo_grid--swiper--page-toan-canh .wrapper .zo-grid-media .overlay .content table, .zo_grid--video-san-pham-hoan-thien .wrapper .zo-grid-media .overlay .content table { width: 100% !important; } .template-zo_grid--filter-du-an .wrapper .zo-grid-media .overlay .content table td, .related-du-an .wrapper .zo-grid-media .overlay .content table td, .zo_grid--swiper--page-toan-canh .wrapper .zo-grid-media .overlay .content table td, .zo_grid--video-san-pham-hoan-thien .wrapper .zo-grid-media .overlay .content table td { width: 100% !important; } .related-du-an .wrapper .zo-grid-media .overlay a { width: 100%; } .related-du-an .wrapper .zo-grid-media .overlay a ul li { padding-left: 0; } .related-du-an .wrapper .zo-grid-media .overlay a ul li:before { display: none; } .page-blog .zo_grid--blog .box.item-first { padding-right: 0; } body.not-scroll, html.not-scroll { overflow: hidden; } @media screen and (max-width: 576px) { .zo_grid--blog-info .item-first .box-content .title, .zo_grid--blog-right .item .wrapper .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .template-zo_grid--filter-du-an .wrapper .wrapper-content .title, .related-du-an .wrapper .wrapper-content .title, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content .title, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content .title { font-size: 22px; } .related-du-an { margin-bottom: 0; margin-top: 50px; } body #main .flex-images .item { float: none; margin-bottom: 0 !important; display: inline-block; } body #main .flex-images .item img { width: 100% !important; height: auto !important; } .zo_grid--swiper-member { overflow: visible !important; } } .zo_grid--swiper--banner-du-an { overflow: hidden !important; } .flex-images .item:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .flex-images .item img { transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } @media screen and (min-width: 992px) { .zo_grid--video-sendor .wrapper { height: 100%; } .zo_grid--video-sendor .wrapper .zo-grid-media { height: 100%; } .zo_grid--video-sendor .wrapper .zo-grid-media img { height: 100%; } } .nav-right-menu { position: relative; } .language-icon { position: absolute; left: -45px; top: 4px; } .language-icon .icon-en, .language-icon .icon-vi { display: inline-block; width: 30px; height: 20px; background-position: center center; background-size: cover; background-image: url('../images/en.png'); } .language-icon .icon-en { background-image: url('../images/en.png'); } .language-icon .icon-vi { background-image: url('../images/vn.png'); } @media screen and (max-width: 992px) { .language-icon { display: none; } } @media screen and (max-width: 576px) { .template-zo_grid--filter-du-an .wrapper .wrapper-content .title, .zo_grid--swiper--page-toan-canh .wrapper .wrapper-content .title, .zo_grid--video-san-pham-hoan-thien .wrapper .wrapper-content .title { line-height: 28px !important; } } .bannerMain2 .owl-dots { position: absolute; left: 10px; display: flex; padding-left: 0; } .bannerMain2 .owl-dots .owl-dot { width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #fff; margin: 0 5px; opacity: 1; } .bannerMain2 .owl-dots .owl-dot.active { background-color: #fa8c00; border: 2px solid #fff; } .bannerMain2 .wrapper-bottom { position: relative; top: -50px; z-index: 9; display: flex; justify-content: space-between; max-width: 1200px; margin: auto; font-family: "AvenirNext" !important; } .bannerMain2 .wrapper-bottom .page-title { color: #fff; position: absolute; right: 10px; text-transform: uppercase; font-size: 16px; line-height: 22px; } .bannerMain2 .wrapper-bottom .page-title a { color: #fff; } .bannerMain2 .wrapper-bottom .page-title a:hover { color: #fa8c00; text-decoration: underline; } .bannerMain2 .wrapper-bottom .page-title span { margin: 0 5px; } @media screen and (max-width: 576px) { .bannerMain2 .wrapper-bottom .page-title { font-size: 14px; line-height: 20px; } .bannerMain2 #carousel-custom-dots { display: none; } } #carousel-custom-dots.disabled { display: none !important; } .animatable { /* initially pause animatable objects their animations */ visibility: hidden; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; /* show objects being animated */ } .animated { visibility: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; /* CSS Animations (extracted from http://glifo.uiparade.com/) */ } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 60% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { -webkit-transform: translateX(20px); } 80% { -webkit-transform: translateX(-5px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { -moz-transform: translateX(20px); } 80% { -moz-transform: translateX(-5px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(20px); } 80% { -o-transform: translateX(-5px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { transform: translateX(20px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { -webkit-transform: translateX(-20px); } 80% { -webkit-transform: translateX(5px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { -moz-transform: translateX(-20px); } 80% { -moz-transform: translateX(5px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { -o-transform: translateX(-20px); } 80% { -o-transform: translateX(5px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { transform: translateX(-20px); } 80% { transform: translateX(5px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { opacity: 1; -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes moveUp { 0% { opacity: 1; -webkit-transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes moveUp { 0% { opacity: 1; -moz-transform: translateY(40px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes moveUp { 0% { opacity: 1; -o-transform: translateY(40px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes moveUp { 0% { opacity: 1; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeBgColor { 0% { background: none; } 70% { background: none; } 100% { background: #464646; } } @-o-keyframes fadeBgColor { 0% { background: none; } 70% { background: none; } 100% { background: #464646; } } @keyframes fadeBgColor { 0% { background: none; } 70% { background: none; } 100% { background: #464646; } } .animated.animationDelay { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .animated.animationDelayMed { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } .animated.animationDelayLong { animation-delay: 1.6s; -webkit-animation-delay: 1.6s; } .animated.fadeBgColor { -webkit-animation-name: fadeBgColor; -moz-animation-name: fadeBgColor; -o-animation-name: fadeBgColor; animation-name: fadeBgColor; } .animated.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } .animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } .animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } .animated.moveUp { -webkit-animation-name: moveUp; -moz-animation-name: moveUp; -o-animation-name: moveUp; animation-name: moveUp; } @media screen and (min-width: 992px) { .contact-box-image .vc_single_image-wrapper img { height: calc(100vh - 200px); object-fit: contain; } } #zo-header.header-fixed { box-shadow: none !important; } .modal .modal-dialog { width: 100% !important; height: 100%; max-width: 700px; } .modal .modal-dialog input:-webkit-autofill, .modal .modal-dialog input:-webkit-autofill:hover, .modal .modal-dialog input:-webkit-autofilrgba(217, 94, 94, 0.5) textarea:-webkit-autofill, .modal .modal-dialog textarea:-webkit-autofill:hover, .modal .modal-dialog textarea:-webkit-autofill:focus, .modal .modal-dialog select:-webkit-autofill, .modal .modal-dialog select:-webkit-autofill:hover, .modal .modal-dialog select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #092e2d inset !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } .modal .modal-dialog .contact-register .wpcf7-spinner { position: absolute; right: 0; bottom: 20px; } .modal .modal-dialog .contact-register input { color: #fff; border-bottom: 1px solid rgba(218, 189, 112, 0.5) !important; } .modal .modal-dialog ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .modal .modal-dialog :-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .modal .modal-dialog ::placeholder { color: rgba(255, 255, 255, 0.5) !important; } .modal .modal-dialog .wrapp-button-submit { display: block; text-align: center; } .modal .modal-dialog .wrapp-button-submit input { margin: auto; } .modal .modal-dialog .wrapp-button-submit .hotline { display: none; } .modal .modal-dialog .modal-content { background-color: #092e2d; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .modal .modal-dialog .modal-content .modal-header { border-bottom: 1px dashed rgba(218, 189, 112, 0.69); position: relative; padding-top: 30px; } .modal .modal-dialog .modal-content .modal-header .close { position: absolute; width: 30px; z-index: 1; color: #fa8c00; top: 15px; right: 15px; opacity: 1; } .modal .modal-dialog .modal-content .modal-header .close span { font-weight: 300; font-size: 24px; z-index: 1; } .modal .modal-dialog .modal-content .modal-title { text-transform: uppercase; text-align: center; color: #fa8c00; font-family: "UTM Times" !important; font-size: 22px; } @media screen and (max-width: 768px) { .modal .modal-dialog { margin: 0; padding-left: 15px; padding-right: 15px; } .modal .modal-dialog .modal-content { position: relative; } .modal .modal-dialog .modal-content .modal-header .close { top: 7px; right: 7px; } } .phone-download { position: fixed; bottom: 20px; right: 190px; z-index: 99; } @keyframes zoominoutsinglefeatured { 0% { transform: scale(1, 1); } 50% { transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); } } a.phones { margin-right: 5px; } .phone-download a, .phone-download button { border: 2px solid #dabd70 !important; background-color: #092e2d; color: #dabd70; width: 40px; height: 40px; text-align: center; border-radius: 50%; display: inline-block; line-height: 38px; animation: zoominoutsinglefeatured 1s infinite; } .padding-heading .template-zo_heading.style3 { left: 0; } .padding-heading > .vc_column-inner > .wpb_wrapper { padding-left: 50px; } .template-zo_fancybox_single--style2 { padding-left: 15px; padding-right: 15px; } .template-zo_fancybox_single--style2 .zo-fancybox-item { padding: 20px 0; border-bottom: 1px solid rgba(218, 189, 112, 0.3); display: flex; } .template-zo_fancybox_single--style2 .zo-fancybox-item .wrapper-ico { width: 75px; height: 75px; border-radius: 50%; padding: 7px; text-align: center; border: 1px solid rgba(227, 195, 123, 0.5); float: left; } .template-zo_fancybox_single--style2 .zo-fancybox-item .wrapper-ico .icon { width: 58px; position: relative; height: 58px; border-radius: 50%; line-height: 58px; text-align: center; background: #e3c37b; } .template-zo_fancybox_single--style2 .zo-fancybox-item .wrapper-ico .icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; } .template-zo_fancybox_single--style2 .zo-fancybox-item .zo-fancybox-body { padding-left: 20px; } .template-zo_fancybox_single--style2 .zo-fancybox-item .zo-fancybox-body h3 { color: #fff; font-family: "SVN-Arial" !important; margin-bottom: 0; font-size: 16px; } .template-zo_fancybox_single--style2 .zo-fancybox-item .zo-fancybox-body div { color: #fa8c00; font-family: "SVN-Arial" !important; font-size: 18px; } @media screen and (max-width: 992px) { .padding-heading > .vc_column-inner > .wpb_wrapper { padding-left: 0; } .mobile-action-top { margin: 0; margin-top: -15px; } .section3 { padding-top: 40px; } } body.home:after, body.home:before { display: none; } @media screen and (min-width: 992px) { .fp-tableCell { display: flex; align-items: center; } .page-id-2312 .ds-mobile { display: block !important; } } .template-zo_fancybox_single--style2.style2 .zo-fancybox-item { display: block; padding: 0; border: 0; } .template-zo_fancybox_single--style2.style2 .zo-fancybox-item .zo-fancybox-body h3, .template-zo_fancybox_single--style2.style2 .zo-fancybox-item .zo-fancybox-body > div { font-size: 14px; color: #fff; line-height: 19px; font-family: "SVN-Arial" !important; } .template-zo_fancybox_single--style2.style2 .zo-fancybox-item .wrapper-ico { padding-bottom: 20px; width: 100%; background: none; border: 0; height: auto; } .template-zo_fancybox_single--style2.style2 .zo-fancybox-item .wrapper-ico .icon { background: none; width: 100%; height: auto; } .template-zo_fancybox_single--style2.style2 .zo-fancybox-item .wrapper-ico .icon img { width: auto; height: 68px; position: static; transform: none; } .template-zo_heading.style2 .zo-heading-main, .template-zo_heading.style2 .zo-heading-sub { color: #fa8c00; } @media screen and (max-width: 992px) { .wpb_column.vc_column_container { max-width: 100% !important; } .section5 .row.vc_row .wpb_column .pos-image { order: 1; } .section7 .container-fluid { padding: 0 !important; } .section7 .row.vc_row { display: block; padding: 0 !important; width: 100%; margin: 0; } } @media screen and (max-width: 768px) { .section5 .pos-image { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (min-width: 992px) and (max-width: 1460px) { #thongtinduan .vc_single_image-wrapper img { max-height: 300px; } #thongtinduan .template-zo_fancybox_single--style2 .zo-fancybox-item { padding: 10px 0; } #thongtinduan .template-zo_fancybox_single--style2 .zo-fancybox-item .wrapper-ico { width: 65px; height: 65px; } #thongtinduan .template-zo_fancybox_single--style2 .zo-fancybox-item .wrapper-ico .icon { width: 49px; height: 49px; } #thongtinduan .template-zo_fancybox_single--style2 .zo-fancybox-item .zo-fancybox-title { font-size: 16px !important; line-height: 25px; } #thongtinduan .template-zo_fancybox_single--style2 .zo-fancybox-item .zo-fancybox-content { font-size: 17px !important; line-height: 27px; } } .pos-image .slick-list { max-width: 100%; } .pos-image .slick-list .banner-image { max-width: 100%; overflow: hidden; } .template-zo_grid--post-blog { display: flex; flex-wrap: wrap; } .template-zo_grid--post-blog .item-post { margin-right: 10px; margin-bottom: 10px; width: calc(33.33% - 10px); } .template-zo_grid--post-blog .item-post:nth-child(3n) { margin-right: 0; } .template-zo_grid--post-blog .item-post .wrapper { position: relative; border: 1px solid rgba(255, 255, 255, 0.5); width: 100%; max-width: 100%; } .template-zo_grid--post-blog .item-post .wrapper .image-wrapper { position: relative; overflow: hidden; } .template-zo_grid--post-blog .item-post .wrapper .image-wrapper::before { content: ""; width: 48px; height: 1px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #fff; z-index: 2; transform: scale(3, 1) translateX(32px); transition: all 0.5s cubic-bezier(0.05, 0.96, 0.59, 1.13); opacity: 0; z-index: 5; } .template-zo_grid--post-blog .item-post .wrapper .image-wrapper::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #fff; z-index: 2; transform: scale(3, 1) translateX(32px); transition: all 0.5s cubic-bezier(0.05, 0.96, 0.59, 1.13); opacity: 0; z-index: 5; width: 1px; height: 48px; transform: scale(1, 3) translateY(-32px); transition-delay: 0.15s; } .template-zo_grid--post-blog .item-post .wrapper .image-wrapper img { max-width: 100%; height: auto !important; } .template-zo_grid--post-blog .item-post .wrapper .image-wrapper .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; } .template-zo_grid--post-blog .item-post .wrapper .title { padding: 12px 10px 0 10px; border-top: 0; text-align: left; position: absolute; bottom: 0; width: 100%; color: #fff; left: 0; background-image: linear-gradient(to top, rgba(9, 45, 46, 0.8) 0, rgba(9, 45, 46, 0.55) 44%, rgba(9, 45, 46, 0) 100%); } .template-zo_grid--post-blog .item-post .wrapper .title h3 a { margin-bottom: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 23px; font-size: 16px; color: #fff; font-family: "Roboto" !important; font-weight: 500; } .template-zo_grid--post-blog .item-post .wrapper:hover .image-wrapper::before, .template-zo_grid--post-blog .item-post .wrapper:hover .image-wrapper::after { transform: none; opacity: 1; } .template-zo_grid--post-blog .item-post .wrapper:hover .image-wrapper .cover { visibility: visible; opacity: 1; } @media screen and (max-width: 992px) { .template-zo_grid--post-blog .item-post { margin-right: 10px; margin-bottom: 10px; width: 50%; } .template-zo_grid--post-blog .item-post:nth-child(2n) { margin-left: 0; } } @media screen and (max-width: 576px) { .template-zo_grid--post-blog .item-post { margin-right: 0; margin-bottom: 10px; width: 100%; } } #zo-page-element-wrap, body:after { display: none !important; } .menu-blog ul { padding-left: 0; display: flex; justify-content: center; align-items: center; } .menu-blog ul li { margin-right: 10px; } .menu-blog ul li:last-child { margin-right: 0; } .menu-blog ul li a { color: #fff; border: 1px solid #fff; text-transform: uppercase; font-family: "Roboto" !important; font-weight: 500; font-size: 14px; padding: 10px 20px; } .menu-blog ul li a:hover, .menu-blog ul li a.active { color: #fff; background-color: #fa8c00; border: 1px solid #fa8c00; } @media screen and (max-width: 576px) { .menu-blog ul { display: block; } .menu-blog ul li { margin-right: 0; margin-bottom: 10px; } .menu-blog ul li a { display: block; } } .template-all-post-blog .navigation { text-align: center; } .template-all-post-blog .navigation .pagination span, .template-all-post-blog .navigation .pagination a { display: inline-block; border-radius: 2px; width: 30px; height: 30px; border: 1px solid #fff !important; border-radius: 2px !important; color: #fff; background: none; } .template-all-post-blog .navigation .pagination span.current, .template-all-post-blog .navigation .pagination a.current, .template-all-post-blog .navigation .pagination span:hover, .template-all-post-blog .navigation .pagination a:hover { background-color: #fa8c00; border: 1px solid #fa8c00 !important; } .template-all-post-blog .navigation .pagination span i, .template-all-post-blog .navigation .pagination a i { position: relative; top: -1px; } #thongtinduan .vc_single_image-wrapper img { max-height: 350px; } @media screen and (max-width: 768px) { .mobile-action-top .wpb_column.vc_column_container.vc_col-sm-6 { padding-right: 0; padding-left: 0; } .mobile-action-top .template-zo_fancybox_single--style2 { padding-left: 0; padding-right: 0; } .mobile-action-top .padding-heading { padding-left: 0; padding-right: 0; } .mobile-action-top .padding-heading .template-zo_heading.style3 .zo-heading-main, .mobile-action-top .padding-heading .template-zo_heading.style3 .zo-heading-sub { text-align: center !important; } .section7 .template-zo_fancybox_single--style2 .zo-fancybox-item .zo-fancybox-body { padding-left: 0; } .section7 .template-zo_fancybox_single--style2 { padding-left: 0; padding-right: 0; } } .single-post { padding-top: 0 !important; } .single-post .zo-blog-detail img { width: 100%; object-fit: cover; } @media screen and (max-width: 576px) { .single-post .zo-blog-detail { width: 100%; text-align: justify; } } @media screen and (max-width: 992px) { .page-id-2306 .section5, .page-id-2308 .section7 { padding-top: 150px; } .page-id-2308 .section7 { padding-bottom: 150px; } .page-id-2310 .entry-content > .wpb_row { margin-bottom: 100px; } .page-id-2302 .section3, .page-id-2306 .section5 { padding-bottom: 150px; padding-top: 150px; } .page-id-2316 .section7 { padding-top: 150px; min-height: 100vh; } .post-2304 .template-zo_heading.style5 > h2 { padding-left: 10px; padding-right: 10px; font-size: 33px; } } .page-id-2302 #fp-nav, .page-id-2306 #fp-nav, .page-id-2308 #fp-nav, .page-id-2316 #fp-nav { opacity: 0; } .page-id-2302 #page-default, .page-id-2306 #page-default, .page-id-2308 #page-default, .page-id-2316 #page-default { padding-left: 0; padding-right: 0; } .page-id-2312 .ds-mobile { max-width: 1000px; margin: auto; } .page-id-2312 .ds-mobile .slick-slide * { border-radius: 8px; } .page-id-2312 .ds-mobile .slick-dots { position: absolute; left: 0; bottom: 20px; width: 100%; z-index: 9; } .page-id-2312 .ds-mobile .slick-dots li { width: 13px; height: 13px; border: 1px solid #e8e8e8; border-radius: 50%; display: inline-block; } .page-id-2312 .ds-mobile .slick-dots li.slick-active { background: #092e2d; border-color: #092e2d !important; opacity: 1; } .page-id-2312 .ds-mobile .slick-dots li button { opacity: 0; } .grid-templete-tien-do .slick-slide * { border-radius: 8px; } .grid-templete-tien-do .slick-dots { position: absolute; left: 0; bottom: 20px; width: 100%; z-index: 9; } .grid-templete-tien-do .slick-dots li { width: 13px; height: 13px; border: 1px solid #e8e8e8; border-radius: 50%; display: inline-block; } .grid-templete-tien-do .slick-dots li.slick-active { background: #092e2d; border-color: #092e2d !important; opacity: 1; } .grid-templete-tien-do .slick-dots li button { opacity: 0; } .grid-templete-tien-do .box-left .title-left { font-family: "Roboto" !important; font-size: 18px; border-bottom: 1px dotted #fa8c00; padding-bottom: 10px; color: #fff; margin-bottom: 20px; } .grid-templete-tien-do .box-left .title { color: #fff; cursor: pointer; } .grid-templete-tien-do .box-left .title.active { font-weight: 600; } .grid-templete-tien-do .box-right { height: 472px; position: relative; } .grid-templete-tien-do .box-right .wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 8px; visibility: hidden; } .grid-templete-tien-do .box-right .wrapper img { height: 400px; object-fit: cover; width: 100%; } @media screen and (max-width: 576px) { .grid-templete-tien-do .box-right .wrapper img { height: 200px; } } .grid-templete-tien-do .box-right .wrapper .title-right h3 { font-family: "Roboto" !important; font-size: 18px; border-bottom: 1px dotted #fa8c00; padding-bottom: 10px; margin-bottom: 20px; color: #fff; } .grid-templete-tien-do .box-right .wrapper.active { visibility: visible; } .section-tien-do .fp-tableCell > .container { padding-left: 0; padding-right: 0; } .section-tien-do .fp-tableCell > .container .row.vc_row > .wpb_column > .vc_column-inner { padding-left: 0; padding-right: 0; } @media screen and (max-width: 992px) { body #main .section7 { padding-bottom: 120px; } .section-tien-do { padding-top: 150px; } .grid-templete-tien-do .col-8 { padding-top: 40px; } } @media screen and (max-width: 576px) { .zo-blog-single { padding-left: 10px; padding-right: 10px; } .wrapp-button-submit .hotline { font-size: 15px; } .grid-templete-tien-do .title { text-transform: uppercase; font-family: "Roboto" !important; font-size: 14px; padding: 7px 20px; color: #fff; border: 1px solid #fff; margin-bottom: 10px; } .grid-templete-tien-do .title.active { color: #fff; background-color: #dabd70; border: 1px solid #dabd70; } .grid-templete-tien-do .box-right { height: auto; min-height: 400px; } .grid-templete-tien-do .col-4, .grid-templete-tien-do .col-8 { padding-left: 0 !important; padding-right: 0 !important; } .grid-templete-tien-do .col-8 { padding-top: 40px; } } .section7 .zo-heading-wraper.style3 h2 { color: #fa8c00; text-transform: uppercase; font-size: 35px; line-height: 45px; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-BlackItalic.woff2') format('woff2'), url('../fonts/Averta/Averta-BlackItalic.woff') format('woff'), url('../fonts/Averta/Averta-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Averta/Averta-ExtraBoldItalic.woff') format('woff'), url('../fonts/Averta/Averta-ExtraBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-ExtraBold.woff2') format('woff2'), url('../fonts/Averta/Averta-ExtraBold.woff') format('woff'), url('../fonts/Averta/Averta-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-Bold.woff2') format('woff2'), url('../fonts/Averta/Averta-Bold.woff') format('woff'), url('../fonts/Averta/Averta-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-Black.woff2') format('woff2'), url('../fonts/Averta/Averta-Black.woff') format('woff'), url('../fonts/Averta/Averta-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-BoldItalic.woff2') format('woff2'), url('../fonts/Averta/Averta-BoldItalic.woff') format('woff'), url('../fonts/Averta/Averta-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta-Extrathin'; src: url('../fonts/Averta/Averta-Extrathin.woff2') format('woff2'), url('../fonts/Averta/Averta-Extrathin.woff') format('woff'), url('../fonts/Averta/Averta-Extrathin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta-ExtrathinItalic'; src: url('../fonts/Averta/Averta-ExtrathinItalic.woff2') format('woff2'), url('../fonts/Averta/Averta-ExtrathinItalic.woff') format('woff'), url('../fonts/Averta/Averta-ExtrathinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-Light.woff2') format('woff2'), url('../fonts/Averta/Averta-Light.woff') format('woff'), url('../fonts/Averta/Averta-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-LightItalic.woff2') format('woff2'), url('../fonts/Averta/Averta-LightItalic.woff') format('woff'), url('../fonts/Averta/Averta-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta-RegularItalic'; src: url('../fonts/Averta/Averta-RegularItalic.woff2') format('woff2'), url('../fonts/Averta/Averta-RegularItalic.woff') format('woff'), url('../fonts/Averta/Averta-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-SemiboldItalic.woff2') format('woff2'), url('../fonts/Averta/Averta-SemiboldItalic.woff') format('woff'), url('../fonts/Averta/Averta-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-Semibold.woff2') format('woff2'), url('../fonts/Averta/Averta-Semibold.woff') format('woff'), url('../fonts/Averta/Averta-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-Thin.woff2') format('woff2'), url('../fonts/Averta/Averta-Thin.woff') format('woff'), url('../fonts/Averta/Averta-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-Regular.woff2') format('woff2'), url('../fonts/Averta/Averta-Regular.woff') format('woff'), url('../fonts/Averta/Averta-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/Averta/Averta-ThinItalic.woff2') format('woff2'), url('../fonts/Averta/Averta-ThinItalic.woff') format('woff'), url('../fonts/Averta/Averta-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } .vi-our-team__grid { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* MEMBER POPUP */ } .vi-our-team__grid .main_content .wpb_content_element { margin-bottom: 50px; } .vi-our-team__grid .member-item { width: calc(33.33% - 20px); background: #fff; margin-right: 30px; position: relative; margin-bottom: 30px !important; font-family: "AvenirNext" !important; overflow: hidden; } .vi-our-team__grid .member-item .member-item-thumbnail { height: 285px; } .vi-our-team__grid .member-item:hover .member-item-info { bottom: 0; } .vi-our-team__grid .member-item .member-item-info { bottom: -100%; transition: all 0.4s; left: 0; width: calc(100% - 30px); position: absolute; padding: 20px 15px 20px 30px; z-index: 1; background-color: rgba(250, 140, 0, 0.8); color: #fff; cursor: pointer; font-family: "AvenirNext" !important; } .vi-our-team__grid .member-item .member-item-info::before { content: ""; position: absolute; width: 2px; display: inline-block; height: calc(100% - 23px); bottom: 0; background-color: #fff; z-index: 2; left: 15px; } .vi-our-team__grid .member-item .member-item-info .name { font-size: 22px; line-height: 30px; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; font-family: "AvenirNext" !important; color: #fff; } .vi-our-team__grid .member-item .member-item-info .name span { font-weight: 400; text-transform: none; } .vi-our-team__grid .member-item .member-item-info .position { color: #fff; font-family: "AvenirNext" !important; font-size: 18px; line-height: 30px; } .vi-our-team__grid .member-item:nth-child(3n) { margin-right: 0; } @media screen and (max-width: 700px) { .vi-our-team__grid .member-item { margin-right: 0; } } .vi-our-team__grid .member-item-thumbnail-image { background-color: #f4f5f7; position: relative; transition: all 0.3s ease; cursor: pointer; background-size: cover; background-position: center center; background-repeat: no-repeat; display: inline-block; height: 285px; width: 100%; } .vi-our-team__grid .member-item-name { font-weight: 600; text-transform: uppercase; font-size: 18px; color: #fa8c00; margin-bottom: 5px; } .vi-our-team__grid .member-item-info { padding: 10px 20px 0; position: relative; } .vi-our-team__grid .main_content h4 { font-size: 25px; } .vi-our-team__grid .member-item-thumbnail-image:hover { background-color: #e2e2e2; } .vi-our-team__grid .member-item-position { color: #fa8c00; position: relative; text-transform: uppercase; padding-left: 0; font-size: 15px; font-weight: 500; display: inline-block; } .vi-our-team__grid .member-item-contacts { margin-top: 5px; } .vi-our-team__grid .member-item-contacts ul { padding-left: 0; } .vi-our-team__grid .member-item-contacts ul li a { width: 25px; height: 25px; display: inline-block; text-align: center; background-color: #fa8c00; border-radius: 3px; } .vi-our-team__grid .member-item-contacts ul li a i { color: #fff; position: relative; top: -2px; } .vi-our-team__grid .member-item-position:before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 2px; width: 20px; background: #fa8c00; display: inline-block; } .member-popup-container.vi-popup--overlay .vi-popup-container { padding: 50px 30px 50px 40px; max-height: 700px; margin: auto; } .member-popup-col { width: 50%; } .member-popup-image { height: 100%; text-align: center; background-color: #f4f5f7; } .member-popup-image img { height: 100%; width: 100%; object-fit: cover; } .member-popup-content-name { margin-bottom: 5px !important; } .member-popup-content-head { border-bottom: 1px solid #cecece 66; margin-bottom: 20px; /* SIMPLE POPUP v1.1 */ /* Simple Popup > Overlay */ } .vi-popup--overlay:not(.active) { opacity: 0; visibility: hidden; } .vi-popup--overlay:not(.active) .vi-popup-container { transform: scale(1.2); } .vi-popup--overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.7); } .vi-popup--overlay .vi-popup-inner { height: 100vh; padding: 20px; overflow-y: auto; overflow-x: hidden; } .vi-popup--overlay .vi-popup-container { max-width: 1000px; width: 100%; background: #fff; padding: 40px; position: relative; z-index: 2; transition: all 0.3s ease; margin: 40px auto; border-radius: 5px; } .vi-pseudo-close-popup { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .vi-btn-close-popup { position: absolute; bottom: 100%; right: -35px; display: flex; background: none; color: #b7b7b7; height: 30px; font-weight: 700; font-size: 17px; box-shadow: none !important; outline: none !important; border: 0 !important; } .member-popup-col content { margin-bottom: 30px; } .vi-btn-close-popup i { padding-left: 10px; font-size: 0.8em; position: relative; top: 0.25em; } .vi-btn-close-popup:hover { color: #fd6a21; } .vi-popup.popup-bigger-than-screen .vi-popup-inner { display: block; } @media only screen and (max-width: 1024px) { .vi-popup--overlay .vi-popup-inner { display: block; } .vi-popup--overlay .vi-popup-container { padding: 20px; } } .vi-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .member-popup-content-name { font-size: 50px; line-height: 60px; text-transform: uppercase; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fa8c00; padding-left: 30px; } .member-popup-content-name::before { content: ""; position: absolute; height: 46px; width: 3px; background-color: #fa8c00; left: 0; display: inline-block; top: 0; } .member-item-position { color: #fa8c00; position: relative; font-size: 20px; line-height: 25px; color: #464646; font-weight: 500; font-family: "AvenirNext" !important; } .member-popup-content-body { font-size: 18px; padding-right: 20px; font-family: "AvenirNext" !important; max-height: 465px; overflow-y: auto; line-height: 25px; letter-spacing: 0; color: #464646; } .member-popup-content-body p { font-size: 18px; line-height: 25px; color: #464646; } .member-popup-content-body h4 { font-size: 20px; font-weight: 500; color: #464646; margin-bottom: 10px; margin-top: 15px; } @media screen and (min-width: 992px) { .member-popup-col.image { padding-left: 15px; } } @media screen and (max-width: 767px) { .member-popup-inner.vi-flex { display: block; } .vi-our-team__grid.vi-flex { display: block; } .member-popup-container.vi-popup--overlay .vi-popup-container { padding: 30px 15px; } .member-popup-container.vi-popup--overlay .vi-popup-container .member-popup-col.image { padding-right: 0; margin-bottom: 15px; } .member-popup-container.vi-popup--overlay .vi-popup-container .member-popup-content-name { font-size: 18px; } .member-popup-container.vi-popup--overlay .vi-popup-container .member-popup-col { width: 100%; } .vi-our-team__grid .member-item { width: 100%; margin-bottom: 20px !important; } } .member-popup-content-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; } .member-popup-content-body::-webkit-scrollbar { width: 4px; background-color: #f5f5f5; } .member-popup-content-body::-webkit-scrollbar-thumb { background-color: #fa8c00; } .zo-extra-font2 { font-family: 'Arial, Helvetica, sans-serif'; } @media (min-width: 1170px) { body.zo-boxed #page { width: 1300px; } body.zo-boxed #page .header-fixed { width: 1300px; max-width: 100%; } body.zo-boxed #page .header-transparent { width: 1300px; max-width: 100%; } } body a { color: #1e1e1e; } body a:hover, body a:focus { color: #fa8c00; } body { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; font-weight: 400; line-height: 30px; color: #1e1e1e; } #zo-page-element-wrap .zo-page-title-text h1 { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 40px; font-weight: 400; line-height: 40px; color: #fff; letter-spacing: 0px; } @media (min-width: 992px) { #zo-header.header-style-01 #zo-header-logo { "width: 250px "; } } #zo-menu-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } #zo-menu-mobile { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } @media (min-width: 992px) { #zo-header.header-style-02 #zo-header-logo { display: inline-block; margin-top: 8px; margin-bottom: 8px; margin-right: 10px; width: 200px; } #zo-header.header-style-02 .zo-header-secondary { display: inline-block; vertical-align: middle; width: calc(100% - 215px); } .header-style-02 .zo-header-navigation .nav-menu > li > a, .header-style-02 .zo-header-secondary .header-top-contact, .header-style-02 .widget_cart_search_wrap_item > a.icon { line-height: 110px; } #zo-header.header-style-02 .zo-header-navigation-right { height: 110px; line-height: 110px; } #zo-header.header-style-02 .zo-header-secondary .zo-header-navigation-left { width: calc(100% - 0px); display: inline-block; } #zo-header.header-style-02 .zo-header-secondary .zo-header-navigation-right { width: 0px; display: inline-block; } #zo-header.header-style-02 .zo-header-navigation .nav-menu > li { padding-right: 20px; padding-left: 20px; } #zo-header.header-style-02 .zo-header-navigation .nav-menu > li:last-child { padding-right: 0; } .header-style-02 .zo-header-navigation .nav-menu > li > a { text-transform: uppercase; font-size: 16px; font-weight: 400; letter-spacing: 0px; } .header-style-02 .nav-menu > li ul a, .header-style-02 .nav-menu > ul > li ul a { text-transform: uppercase; font-size: 16px; font-weight: 400; letter-spacing: 0px; } } #zo-menu-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } @media (max-width: 992px) { #zo-header-top { display: none; } } #zo-header-top, #zo-header-top a { color: #fff; } #zo-header-top { background-color: #1e1e1e; } #zo-header-top { min-height: 45px; } #zo-header-top .header-top-social li { line-height: 45px; } #zo-header-top .header-top-contact li { line-height: 45px; } #zo-header-top .header-top-navigation > li > a { line-height: 45px; } #zo-header.header-transparent.has-header-top { top: 45px; } @media (max-width: 991px) { #zo-header .zo-header-navigation.show-menu { top: 65px; } .admin-bar #zo-header .zo-header-navigation.show-menu { top: 97px; } } @media (max-width: 767px) { .admin-bar #zo-header .zo-header-navigation.show-menu { top: 111px; } } #zo-header-top .header-top-left { text-align: left; } #zo-header-top .header-top-right { text-align: right; } #zo-header.header-fixed { background-color: #fff; } #zo-header.header-fixed { padding-top: 0; padding-bottom: 0; } #zo-header.header-fixed .zo-collapsed-button span { background: #1e1e1e; } #zo-header.header-fixed .zo-collapsed-button.close span { background: transparent; } #zo-header.header-fixed .zo-collapsed-button span:before { background: #1e1e1e; } #zo-header.header-fixed .zo-collapsed-button span:after { background: #1e1e1e; } #zo-header.header-fixed #zo-header-logo { margin-top: 8px; margin-bottom: 8px; margin-right: 10px; } #zo-header.header-fixed .zo-main-logo { display: none; } #zo-header.header-fixed .nav-menu > li > a, #zo-header.header-fixed #zo-header-navigation-right, #zo-header.header-fixed .widget_cart_search_wrap_item > a.icon { line-height: 110px; height: 110px; } #zo-header.header-fixed .zo-collapsed-button, #zo-header.header-fixed #zo-header-navigation-right { height: 110px; } #zo-header.header-style-03.header-fixed .zo-header-navigation .nav-menu > li > a, #zo-header.header-style-03.header-fixed .widget_cart_search_wrap_item > a.icon { line-height: 110px; } @media (min-width: 992px) { .zo-header-navigation .nav-menu > li, .zo-header-navigation .nav-menu > li > a, .widget_cart_search_wrap a { color: #000; } .zo-header-navigation .nav-menu > li:hover, .zo-header-navigation .nav-menu > li:hover > a, .widget_cart_search_wrap a:hover { color: #fa8c00; } #zo-header.header-style-01 .zo-header-navigation .nav-menu > li:hover, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li:hover > a, #zo-header.header-style-01 .widget_cart_search_wrap a:hover { color: #000; } .zo-header-navigation .nav-menu > li.current-menu-item, .zo-header-navigation .nav-menu > li.current-menu-ancestor, .zo-header-navigation .nav-menu > li.current_page_item, .zo-header-navigation .nav-menu > li.current_page_ancestor, .zo-header-navigation .nav-menu > li.current-menu-parent, .zo-header-navigation .nav-menu > li.current-menu-item > a, .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li.current_page_item > a, .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .zo-header-navigation .nav-menu > li.current-menu-parent > a, .widget_cart_search_wrap a:active, .widget_cart_search_wrap a:focus { color: #fa8c00; } #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-item, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-ancestor, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current_page_item, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current_page_ancestor, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-parent, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-item > a, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current_page_item > a, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current_page_ancestor > a, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-parent > a, #zo-header.header-style-01 .widget_cart_search_wrap a:active, #zo-header.header-style-01 .widget_cart_search_wrap a:focus { color: #000; } .zo-header-navigation .nav-menu > li ul li, .zo-header-navigation .nav-menu > li ul li > a { color: #000; } .zo-header-navigation .nav-menu > li ul a:focus, .zo-header-navigation .nav-menu > li ul li:hover, .zo-header-navigation .nav-menu > li ul li.current-menu-item, .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .zo-header-navigation .nav-menu > li ul li.current_page_item, .zo-header-navigation .nav-menu > li ul li:hover > a, .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li ul li.current_page_item > a { color: #fa8c00; } .nav-menu > li ul.sub-menu { background-color: #ab4d45; border-top: 3px solid #fa8c00; min-width: 290px; } .nav-menu > li ul.sub-menu li ul.sub-menu { margin-top: -3px; } .nav-menu > li ul.sub-menu li a { line-height: 45px; text-align: left; } .nav-menu > li ul.sub-menu li:hover.no_group { background-color: #ab4d45; } } .header-fixed .zo-header-navigation .nav-menu > li, .header-fixed .zo-header-navigation .nav-menu > li > a, .header-fixed .widget_cart_search_wrap a { color: #000; } .header-fixed .zo-header-navigation .nav-menu > li:hover, .header-fixed .zo-header-navigation .nav-menu > li:hover > a, .header-fixed .widget_cart_search_wrap a:hover { color: #fa8c00; } .header-fixed .nav-menu > li:hover { border-bottom-color: #fa8c00; } .header-fixed .zo-header-navigation .nav-menu > li.current-menu-item, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-ancestor, .header-fixed .zo-header-navigation .nav-menu > li.current_page_item, .header-fixed .zo-header-navigation .nav-menu > li.current_page_ancestor, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-parent, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-item > a, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li.current_page_item > a, .header-fixed .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-parent > a, .header-fixed .widget_cart_search_wrap a:active, .header-fixed .widget_cart_search_wrap a:focus { color: #fa8c00; } .header-fixed .zo-header-navigation .nav-menu > li ul li, .header-fixed .zo-header-navigation .nav-menu > li ul li > a { color: #000; } .header-fixed .zo-header-navigation .nav-menu > li ul a:focus, .header-fixed .zo-header-navigation .nav-menu > li ul li:hover, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-item, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .header-fixed .zo-header-navigation .nav-menu > li ul li.current_page_item, .header-fixed .zo-header-navigation .nav-menu > li ul li:hover > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current_page_item > a { color: #fa8c00; } .header-fixed .zo-header-navigation .nav-menu > li ul a:focus { color: #fa8c00; } @media (max-width: 991px) { #zo-header, #zo-menu-mobile { height: 65px !important; line-height: 65px !important; } #zo-header .zo-header-logo .header-phone-logo { max-height: 55px; } #zo-header #zo-header-logo { margin-left: 15px; } #zo-header { background: rgba(255, 255, 255, 0.8) !important; } #zo-header .zo-header-navigation, #zo-menu-mobile.close { background: #f5f5f5 !important; } .zo-header-navigation .nav-menu { padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } .zo-header-navigation .nav-menu li { border-top-style: none; } .widget_cart_search_wrap a { color: #1e1e1e; } #zo-menu-mobile span, #zo-menu-mobile span:before, #zo-menu-mobile span:after { background: #1e1e1e; } .widget_cart_search_wrap a:hover { color: #1e1e1e; } .widget_cart_search_wrap a:focus { color: #1e1e1e; } .zo-header-navigation .nav-menu > li > a { font-family: Poppins; text-align: left; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 40px; letter-spacing: 0px; } .zo-header-navigation .nav-menu > li { line-height: 40px; } .zo-header-navigation .nav-menu > li { text-align: left; } .zo-header-navigation .nav-menu > li, .zo-header-navigation .nav-menu > li > a { color: #1e1e1e; } .zo-header-navigation .nav-menu > li:hover, .zo-header-navigation .nav-menu > li:hover > a { color: #1e1e1e; } .zo-header-navigation .nav-menu > li.current-menu-item, .zo-header-navigation .nav-menu > li.current-menu-ancestor, .zo-header-navigation .nav-menu > li.current_page_item, .zo-header-navigation .nav-menu > li.current_page_ancestor, .zo-header-navigation .nav-menu > li.current-menu-parent, .zo-header-navigation .nav-menu > li.current-menu-item > a, .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li.current_page_item > a, .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .zo-header-navigation .nav-menu > li.current-menu-parent > a { color: #1e1e1e; } .zo-header-navigation .nav-menu > li li a { font-family: Poppins; text-align: left; text-transform: capitalize; font-size: 13px; font-weight: 400; line-height: 40px; letter-spacing: 0px; } .zo-header-navigation .nav-menu > li li { line-height: 40px; } .zo-header-navigation .nav-menu > li li { text-align: left; } .zo-header-navigation .nav-menu > li ul li, .zo-header-navigation .nav-menu > li ul li > a { color: #999; } .zo-header-navigation .nav-menu > li ul li:hover, .zo-header-navigation .nav-menu > li ul li:hover > a { color: #1e1e1e; } .zo-header-navigation .nav-menu > li ul a:focus, .zo-header-navigation .nav-menu > li ul li.current-menu-item, .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .zo-header-navigation .nav-menu > li ul li.current_page_item, .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li ul li.current_page_item > a { color: #1e1e1e; } .zo-header-navigation .nav-menu > li ul.sub-menu { background: rgba(255, 255, 255, 0); } } #zo-footer { padding-top: 40px; padding-bottom: 20px; } #zo-footer-copyright { padding-top: 20px; padding-bottom: 15px; border-top: 2px solid #243a48; color: #999; } #zo-footer-copyright a { color: #fff; } #zo-footer-copyright footer { text-align: center; } body h1 { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 40px; font-weight: 400; line-height: 50px; color: #1e1e1e; margin-top: 0; margin-bottom: 15px; } body h2 { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 35px; font-weight: 400; line-height: 40px; color: #1e1e1e; margin-top: 0; margin-bottom: 15px; } body h3 { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 22px; font-weight: 400; line-height: 30px; color: #1e1e1e; margin-top: 0; margin-bottom: 15px; } body h4 { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; font-weight: 400; line-height: 25px; color: #1e1e1e; margin-top: 0; margin-bottom: 15px; } body h5 { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; font-weight: 400; line-height: 25px; color: #1e1e1e; margin-top: 0; margin-bottom: 15px; } body h6 { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; font-weight: 400; line-height: 25px; color: #1e1e1e; margin-top: 0; margin-bottom: 15px; } .btn-primary { background: #1e1e1e; color: #fff; } .btn-primary:hover { background: #1e1e1e; color: #fff; } .btn-secondary { background: #1e1e1e; color: #fff; } .btn-secondary:hover { background: #cdcdcd; color: #1e1e1e; } .btn-tiny { padding-top: 4px; padding-left: 15px; padding-bottom: 4px; padding-right: 15px; font-family: Poppins; font-weight: 700; font-size: 12px; font-weight: 700; line-height: 20px; letter-spacing: 0px; } .btn-tiny.stroke-1 { padding-top: calc(4px - 1px); padding-right: calc(15px - 1px); padding-bottom: calc(4px - 1px); padding-left: calc(15px - 1px); } .btn-tiny.stroke-2 { padding-top: calc(4px - 2px); padding-right: calc(15px - 2px); padding-bottom: calc(4px - 2px); padding-left: calc(15px - 2px); } .btn-tiny.stroke-3 { padding-top: calc(4px - 3px); padding-right: calc(15px - 3px); padding-bottom: calc(4px - 3px); padding-left: calc(15px - 3px); } .btn-tiny.stroke-4 { padding-top: calc(4px - 4px); padding-right: calc(15px - 4px); padding-bottom: calc(4px - 4px); padding-left: calc(15px - 4px); } .btn-tiny.stroke-5 { padding-top: calc(4px - 5px); padding-right: calc(15px - 5px); padding-bottom: calc(4px - 5px); padding-left: calc(15px - 5px); } .btn-tiny.stroke-6 { padding-top: calc(4px - 6px); padding-right: calc(15px - 6px); padding-bottom: calc(4px - 6px); padding-left: calc(15px - 6px); } .btn-small { padding-top: 6px; padding-left: 18px; padding-bottom: 6px; padding-right: 18px; font-family: Poppins; font-weight: 700; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0px; } .btn-small.stroke-1 { padding-top: calc(6px - 1px); padding-right: calc(18px - 1px); padding-bottom: calc(6px - 1px); padding-left: calc(18px - 1px); } .btn-small.stroke-2 { padding-top: calc(6px - 2px); padding-right: calc(18px - 2px); padding-bottom: calc(6px - 2px); padding-left: calc(18px - 2px); } .btn-small.stroke-3 { padding-top: calc(6px - 3px); padding-right: calc(18px - 3px); padding-bottom: calc(6px - 3px); padding-left: calc(18px - 3px); } .btn-small.stroke-4 { padding-top: calc(6px - 4px); padding-right: calc(18px - 4px); padding-bottom: calc(6px - 4px); padding-left: calc(18px - 4px); } .btn-small.stroke-5 { padding-top: calc(6px - 5px); padding-right: calc(18px - 5px); padding-bottom: calc(6px - 5px); padding-left: calc(18px - 5px); } .btn-small.stroke-6 { padding-top: calc(6px - 6px); padding-right: calc(18px - 6px); padding-bottom: calc(6px - 6px); padding-left: calc(18px - 6px); } .btn-medium { padding-top: 8px; padding-left: 22px; padding-bottom: 8px; padding-right: 22px; font-family: Poppins; font-weight: 700; font-size: 17px; font-weight: 700; line-height: 25px; letter-spacing: 0px; } .btn-medium.stroke-1 { padding-top: calc(8px - 1px); padding-right: calc(22px - 1px); padding-bottom: calc(8px - 1px); padding-left: calc(22px - 1px); } .btn-medium.stroke-2 { padding-top: calc(8px - 2px); padding-right: calc(22px - 2px); padding-bottom: calc(8px - 2px); padding-left: calc(22px - 2px); } .btn-medium.stroke-3 { padding-top: calc(8px - 3px); padding-right: calc(22px - 3px); padding-bottom: calc(8px - 3px); padding-left: calc(22px - 3px); } .btn-medium.stroke-4 { padding-top: calc(8px - 4px); padding-right: calc(22px - 4px); padding-bottom: calc(8px - 4px); padding-left: calc(22px - 4px); } .btn-medium.stroke-5 { padding-top: calc(8px - 5px); padding-right: calc(22px - 5px); padding-bottom: calc(8px - 5px); padding-left: calc(22px - 5px); } .btn-medium.stroke-6 { padding-top: calc(8px - 6px); padding-right: calc(22px - 6px); padding-bottom: calc(8px - 6px); padding-left: calc(22px - 6px); } .btn-large { padding-top: 10px; padding-left: 30px; padding-bottom: 10px; padding-right: 30px; font-family: Poppins; font-weight: 700; font-size: 20px; font-weight: 700; line-height: 25px; letter-spacing: 0px; } .btn-large.stroke-1 { padding-top: calc(10px - 1px); padding-right: calc(30px - 1px); padding-bottom: calc(10px - 1px); padding-left: calc(30px - 1px); } .btn-large.stroke-2 { padding-top: calc(10px - 2px); padding-right: calc(30px - 2px); padding-bottom: calc(10px - 2px); padding-left: calc(30px - 2px); } .btn-large.stroke-3 { padding-top: calc(10px - 3px); padding-right: calc(30px - 3px); padding-bottom: calc(10px - 3px); padding-left: calc(30px - 3px); } .btn-large.stroke-4 { padding-top: calc(10px - 4px); padding-right: calc(30px - 4px); padding-bottom: calc(10px - 4px); padding-left: calc(30px - 4px); } .btn-large.stroke-5 { padding-top: calc(10px - 5px); padding-right: calc(30px - 5px); padding-bottom: calc(10px - 5px); padding-left: calc(30px - 5px); } .btn-large.stroke-6 { padding-top: calc(10px - 6px); padding-right: calc(30px - 6px); padding-bottom: calc(10px - 6px); padding-left: calc(30px - 6px); } .btn-giant { padding-top: 12px; padding-left: 40px; padding-bottom: 12px; padding-right: 40px; font-family: Poppins; font-weight: 700; font-size: 25px; font-weight: 700; line-height: 25px; letter-spacing: 0px; } .btn-giant.stroke-1 { padding-top: calc(12px - 1px); padding-right: calc(40px - 1px); padding-bottom: calc(12px - 1px); padding-left: calc(40px - 1px); } .btn-giant.stroke-2 { padding-top: calc(12px - 2px); padding-right: calc(40px - 2px); padding-bottom: calc(12px - 2px); padding-left: calc(40px - 2px); } .btn-giant.stroke-3 { padding-top: calc(12px - 3px); padding-right: calc(40px - 3px); padding-bottom: calc(12px - 3px); padding-left: calc(40px - 3px); } .btn-giant.stroke-4 { padding-top: calc(12px - 4px); padding-right: calc(40px - 4px); padding-bottom: calc(12px - 4px); padding-left: calc(40px - 4px); } .btn-giant.stroke-5 { padding-top: calc(12px - 5px); padding-right: calc(40px - 5px); padding-bottom: calc(12px - 5px); padding-left: calc(40px - 5px); } .btn-giant.stroke-6 { padding-top: calc(12px - 6px); padding-right: calc(40px - 6px); padding-bottom: calc(12px - 6px); padding-left: calc(40px - 6px); } #breadcrumb-text { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; font-weight: 400; line-height: 20px; color: #fff; } .zo-vc-row-margin-01 { margin-top: 120px !important; margin-bottom: 100px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-01 { margin-top: 80px !important; margin-bottom: 60px !important; } } @media (max-width: 767px) { .zo-vc-row-margin-01 { margin-top: 50px !important; margin-bottom: 30px !important; } } .zo-vc-row-margin-02 { margin-top: 100px !important; margin-bottom: 80px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-02 { margin-top: 80px !important; margin-bottom: 60px !important; } } @media (max-width: 767px) { .zo-vc-row-margin-02 { margin-top: 50px !important; margin-bottom: 30px !important; } } .zo-vc-row-margin-03 { margin-top: 80px !important; margin-bottom: 80px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-03 { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (max-width: 767px) { .zo-vc-row-margin-03 { margin-top: 30px !important; margin-bottom: 30px !important; } } .zo-vc-row-padding-01 { padding-top: 120px !important; padding-bottom: 100px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-01 { padding-top: 80px !important; padding-bottom: 60px !important; } } @media (max-width: 767px) { .zo-vc-row-padding-01 { padding-top: 50px !important; padding-bottom: 30px !important; } } .zo-vc-row-padding-02 { padding-top: 100px !important; padding-bottom: 100px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-02 { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (max-width: 767px) { .zo-vc-row-padding-02 { padding-top: 50px !important; padding-bottom: 50px !important; } } .zo-vc-row-padding-03 { padding-top: 100px !important; padding-bottom: 70px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-03 { padding-top: 50px !important; padding-bottom: 50px !important; } } @media (max-width: 767px) { .zo-vc-row-padding-03 { padding-top: 50px !important; padding-bottom: 50px !important; } } #zo-footer .zo-footer-column a { color: #fff; } #zo-footer .zo-footer-column a:after { color: #fff; } #zo-footer .zo-footer-column a:hover { color: #1e1e1e !important; } #zo-footer .zo-footer-column a:hover:after { color: #1e1e1e !important; }