/* ------------------------------------------------------------- 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) ------------------------------------------------------------- */ /* Variable */ /* ========================================================================== Style Button ========================================================================== */ /*------------------------------------------------------------------ [Table of contents] 1. Blog 2. Event 3. Navigation 4. Page Blog full width 5. Gallery 6. Gallery full width 7. Member 8. About -------------------------------------------------------------------*/ /* Extra class */ /* Padding equal container */ /* ========================================================================== All Style Header 1.Header top ========================================================================== */ /* 1.Header top*/ /* ========================================================================== Start Style Footer ========================================================================== */ /* ========================================================================== [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 ========================================================================== */ /* ------------------------------------------------------------------ [All Style Shortcode] 1. Shortcode Fancy Box 2. Shortcode Pie Chart 3. Shortcode Team 4. Shortcode Testimonial 5. Tab 6. Counter 7. Accordion 8. Progress 9. Pricing 10. Blog 11. 12. Shortcode Single Fancy Box -------------------------------------------------------------------*/ /* Owl bullet --------------------------------*/ /* Styling Pagination*/ /* Images */ /* Style Loadding */ /* ========================================================================== Style 1 ========================================================================== */ /* ========================================================================== Style Main Menu ========================================================================== */ /*------------------------------------------------------------------ [All Style Sidebar Widget] -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [All Style Sidebar Widget] 1. Widget Search 2. Widget Category 3. Widget Tags 4. Widget Login Social 5. Widget Social links 6. Widget Calendar -------------------------------------------------------------------*/ /* ========================================================================== [Start] 1. Widget Search ========================================================================== */ /* START BOXED */ /* Header Sticky */ /* Blog News ===============================================*/ /* Footer Scroll Top */ /* Start Form Comment */ /* Button */ .cmstheme_extra_font_1, .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:before, .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:before, .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:after, .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:after, .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__month, .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__year, form.register h2, form.login h2, form.register h3, form.login h3, form.register ul.zo-problem-account li a, form.login ul.zo-problem-account li a, .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title p, .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body .zo-fancy-box-item .zo-counter-middle h2, .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner .zo-fancy-box-title, .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta .zo-room-title p, .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner .zo-fancy-box-title, body .btn { font-family: 'Montserrat'; } .cmstheme_extra_font_2, #zo-footer-top .wg-title, .zo-nav-text .owl-nav div.owl-prev i:after, .zo-nav-text .owl-nav div.owl-next i:before { font-family: 'Montserrat'; } .cmstheme_extra_font_3, .big_heading, .big_heading *, .medium_heading, .medium_heading *, .error404 .entry-error404 .entry-header h1, .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale h1, .zo-carousel-testimonial-title, .zo-carousel-testimonial-title.template-zo_carousel--testimonial, .zo-carousel-recentpost-title.template-zo_carousel--recentposts, .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body .zo-fancy-box-item .zo-counter-middle .zo-counter, .template-zo_fancybox_single--layout2 .zo_title_item, .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta .zo-room-title h1, .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta .zo-room-title a h1, .page-404, .big_heading, .big_heading .zo-custom-headding-title, .template-zo_carousel--room .zo-room-title h1 { font-family: 'Montserrat'; } .cmstheme_extra_font_4, .template-zo_carousel--recentposts .zo-grid-title h1 a { font-family: 'Montserrat'; } @font-face { font-family: 'rt-icons'; src: url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/rt-icons.eot'); src: url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/rt-icons.eot?#iefix') format('embedded-opentype'), url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/rt-icons.woff') format('woff'), url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/rt-icons.ttf') format('truetype'), url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/rt-icons.svg#rt-icons') format('svg'); font-weight: normal; font-style: normal; } .local-fonts-1 { font-family: 'rt-icons'; } @font-face { font-family: 'fontello'; src: url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/fontello.eot'); src: url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/fontello.eot?#iefix') format('embedded-opentype'), url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/fontello.woff') format('woff'), url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/fontello.ttf') format('truetype'), url('http://www.namuriresidence.com/wp-content/themes/luxary-resort/assets/fonts/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } .local-fonts-2 { font-family: 'fontello'; } #zo-header-top { background-color: transparent; } #zo-header-logo a, #zo-header-social .zo-social { line-height: 60px; } #zo-header-logo a img { max-height: 80px; } #zo-header { background-color: rgba(255, 255, 255, 0.7); } #zo-header.header-fixed { height: 50px; } #zo-header.zo-main-header.header-fixed { background-color: rgba(255, 255, 255, 0.7); } #zo-header.header-fixed #zo-header-logo a img { max-height: 48px; } #zo-header.header-fixed #zo-header-logo a, #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li, #zo-header.header-fixed #zo-header-social .zo-social { line-height: 50px; } @media (min-width: 992px) { #zo-header-navigation .main-navigation .menu-main-menu, #zo-header-navigation .main-navigation div.nav-menu > ul { text-align: center; } #zo-header-navigation .main-navigation .menu-main-menu > li > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a { color: #323232; line-height: 60px; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > .zo-menu-toggle { color: #323232; } #zo-header-navigation .main-navigation .menu-main-menu > li, #zo-header-navigation .main-navigation .menu-main-menu > ul > li { line-height: 60px; } #zo-header-navigation .main-navigation .menu-main-menu > li:hover > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a, #zo-header-navigation .main-navigation .menu-main-menu li.current-menu-item > a, #zo-header-navigation .main-navigation .menu-main-menu li.current-menu-ancestor > a, #zo-header-navigation .main-navigation .menu-main-menu li.current_page_item > a, #zo-header-navigation .main-navigation .menu-main-menu li.current_page_ancestor > a { color: #009ce7; } #zo-header-navigation .main-navigation .menu-main-menu > li > ul > li > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > ul > li > a { color: #fff; } #zo-header-navigation .main-navigation .menu-main-menu > li > ul > li:hover > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > ul > li:hover > a { color: #009ce7; } #zo-header-navigation .main-navigation .menu-main-menu > li > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a { text-transform: uppercase; } #zo-header-navigation .main-navigation .menu-main-menu > li > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a { padding: 0 0 0 0; } #zo-header.zo-main-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li > a { color: #323232; } #zo-header.zo-main-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-parent > a, #zo-header.zo-main-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, #zo-header.zo-main-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, #zo-header.zo-main-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li.current_page_item > a, #zo-header.zo-main-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li.current_page_ancestor > a { color: #009ce7; } #zo-header-navigation .main-navigation .menu-main-menu > li ul a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul a { line-height: 50px; } #zo-header-navigation .main-navigation .menu-main-menu > li > ul, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul a { color: #fff; background-color: #939393; } #zo-header-navigation .main-navigation .menu-main-menu > li > ul { border: 1px solid #939393; } #zo-header-navigation .main-navigation .menu-main-menu > li ul li:hover > a, #zo-header-navigation .main-navigation .menu-main-menu > li ul a:focus, #zo-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-item a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul li:hover a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul a:focus, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul li.current-menu-item a { color: #009ce7; background-color: #323232; } #zo-header-navigation .main-navigation li ul li a { border-bottom: 1px solid; } #zo-header-navigation .main-navigation .menu-main-menu > li > ul ul { color: #fff; background-color: #fff; } #zo-header-navigation .main-navigation .menu-main-menu > li > ul ul li:hover > a, #zo-header-navigation .main-navigation .menu-main-menu > li > ul ul a:focus, #zo-header-navigation .main-navigation .menu-main-menu > li > ul ul li.current-menu-item a { color: #009ce7; background-color: #fff; } } @media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) { #zo-header-navigation .main-navigation .menu-main-menu > li > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a { padding: 0 17px; } } @media (min-width: 992px) and (min-width: 1200px) and (max-width: 1600px) { #zo-header-navigation .main-navigation .menu-main-menu > li > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a { padding: 0 22px; } } #zo-header-navigation .main-navigation .menu-main-menu > li ul a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul a { font-size: 10px; } .wg-title, .zo-blog-layout1 .zo-blog-header .zo-blog-date, #secondary [class*='widget_'] ul li a:hover, #secondary [class*='widget-'] ul li a:hover:before, #secondary [class*='widget_'] ul li a:hover:before, #secondary [class*='widget-'] ul li a:hover:before { color: #009ce7; } .navigation .page-numbers:hover, .navigation .prev.page-numbers:hover:before, .navigation .next.page-numbers:hover:after, .navigation .page-numbers.current { background: #009ce7; } .page-sub-title { color: #b2b2b2; } .entry-blog .entry-date, .zo-blog-layout1 .zo-blog-header .zo-blog-date, body .mejs-controls .mejs-time-rail .mejs-time-current, body .mejs-controls .mejs-time-rail .mejs-time-loaded, body .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #b2b2b2; } #zo-footer-top { color: #fff; } #zo-footer-top .wg-title { color: #fff; } #zo-footer-top .wg-title:before { background-color: #fff; } #zo-footer-top a { color: #fff; } #zo-footer-top a:hover { color: #fff; } .btn:hover, button:hover, .button:hover, input[type='submit']:hover, .btn:focus, button:focus, .button:focus, input[type='submit']:focus { background-color: #f62660; } .btn.btn-primary, btn-primary { color: #000; } .btn.btn-primary:hover, btn-primary:hover { color: #000; } .btn.btn-primary, btn-primary { background-color: #f62660; } .btn.btn-primary:hover, btn-primary:hover { background-color: #fff; } .entry-blog .entry-date .arow-date, .zo-blog-layout1 .zo-blog-header .zo-blog-date .arow-date { border-color: transparent #b2b2b2 #b2b2b2 transparent; } .entry-gallery .carousel-control { background: #009ce7; } .entry-blog .entry-gallery .carousel-control:hover .fa { color: #b2b2b2; } .tagcloud a { background-color: #009ce7; border: 1px solid #009ce7; } .tagcloud a:hover { background-color: #b2b2b2; color: #009ce7; } .primary-color, .primary-color * { color: #009ce7 !important; /* ADDS A BROWSER PREFIX TO THE PROPERTY */ } .btn, button, .button, input[type="submit"] { display: inline-block; outline: medium none; color: #333; -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 */ /* TRIPLE BORDERS */ text-transform: uppercase; background-color: transparent; text-decoration: none; font-size: 12px; line-height: 1em; font-weight: 400; letter-spacing: 2.4px; border-style: solid; border-width: 3px; } .btn.btn-readmore { border-color: #009ce7; padding: 21px 41px; } .btn.btn-readmore:hover, .btn.btn-readmore:focus { border-color: #009ce7; background: #009ce7; color: #fff; } .btn.btn-primary { border-color: #009ce7; background: #009ce7; color: #fff; } .btn.btn-primary:hover, .btn.btn-primary:focus { border-color: #009ce7; background: #fff; color: #009ce7; } .btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus { outline: medium none; text-decoration: none; /* Type Button */ /* Button VC */ } .wpb_button_anone.right { float: right; } .vc_general.vc_btn3.btn-default.btn-white, .btn.btn-default.btn-white { border: none; background-color: #fff; } .vc_general.vc_btn3.btn-default.btn-white:hover, .btn.btn-default.btn-white:hover { color: #333 ! important; border: 0 ! important; } .vc_btn3-container { margin-bottom: 0 !important; } .vc_btn3-container a, .vc_btn3-container .zo-readmore { padding: 12px 39px; color: #323232; border-width: 3px; border-style: solid; border-color: #fff; text-transform: uppercase; font-size: 12px; display: inline-block; line-height: 30px; font-weight: 400; letter-spacing: 2.4px; } .vc_btn.vc_btn_white { background: #fff; border: 1px solid #009ce7; } .vc_btn.vc_btn_white .vc_btn3-icon { display: inline-block; position: static; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .vc_btn.vc_btn_white:hover, .vc_btn.vc_btn_white:visited { color: #fff !important; background-color: #009ce7; } .vc_general.vc_btn3.btn.btn-primary { background: #009ce7; } .btn.btn-home { padding: 22px 42px !important; border-bottom: 3px; border-color: #009ce7; border-style: solid !important; background-color: transparent; } .btn.btn-home:hover { background-color: #009ce7; border-color: #009ce7; color: #fff; } button.slick-arrow { position: absolute; top: 0; z-index: 10000; } button.slick-arrow.slick-prev { left: 0; } button.slick-arrow.slick-next { right: 0; } .btn { /* ========================================================================== End Style Button ========================================================================== */ } .btn.btn-readmore-gallery { padding: 12px 40px !important; color: #323232 !important; border-width: 3px !important; border-style: solid !important; background-color: transparent !important; border-color: #009ce7 !important; text-transform: uppercase; font-size: 12px !important; display: inline-block; line-height: 30px; font-weight: 400; letter-spacing: 2.4px; margin: 0 !important; } .btn.btn-readmore-gallery:hover { color: #009ce7 !important; } .btn.btn-purple { background-color: #009ce7 !important; padding: 15px 35px !important; line-height: 30px !important; font-size: 12px !important; border-width: 0 !important; } body { overflow-x: hidden; } .bg_primary { background-color: #009ce7; } .color_primary { color: #009ce7; } .color_primary .zo-custom-headding-title { color: #009ce7; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-medium { font-size: 17px; line-height: 37.2px; } .big_heading, .big_heading * { font-size: 60px; line-height: 60px; letter-spacing: 5px; word-spacing: 0; margin-bottom: 0; } .medium_heading, .medium_heading * { font-size: 40px; line-height: 50px; word-spacing: 0; margin-bottom: 0; } .small_heading, .small_heading * { font-size: 12px; line-height: 30px; letter-spacing: 0.2em; margin: 0; } .direction_rtl { direction: rtl; } .list-inline { display: inline; } .list-unstyled { list-style: none; } .social-list-post { display: table; margin: 0 auto; } .social-list-post:before, .social-list-post:after { content: ''; display: table; } .social-list-post:after { clear: both; } .social-list-post .social-share-item { float: left; display: block; margin-right: 10px; } .social-list-post .social-share-item:last-child { margin-right: 0; } .social-list-post .social-share-item a { width: 30px; height: 30px; display: block; border-radius: 100%; position: relative; } .social-list-post .social-share-item a i { font-size: 16px; line-height: 40px; display: block; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .social-list-post .social-share-item.facebook a { background-color: #507cbe; } .social-list-post .social-share-item.twitter a { background-color: #00abef; } .social-list-post .social-share-item.google-plus a { background-color: #cb4437; } .social-list-post .social-share-item.linkedin a { background-color: #007bb6; } .zo-filter-category { text-align: center; display: block; margin: 0 auto; padding: 0; font-size: 0; margin-bottom: 45px; /* ========================================================================== [Start] 1. Blog ========================================================================== */ } .zo-filter-category:before, .zo-filter-category:after { content: ''; display: table; } .zo-filter-category:after { clear: both; } .zo-filter-category li { display: inline-block; padding: 0 5px 5px 5px; } .zo-filter-category li a { font-size: 12px; line-height: 60px; letter-spacing: 2.4px; font-weight: 400; padding: 0 30px; text-transform: uppercase; border-width: 1px; border-style: solid; border-color: #e6e6e6; } .zo-filter-category li a:hover { border-color: #009ce7; color: #009ce7; } .zo-filter-category li a.active { border-color: #009ce7; color: #009ce7; } .blog article.news-list:last-child, .single article.news-list:last-child, .archive article.news-list:last-child { margin-bottom: 0; } .page-title #page-title-text h1 { color: #009ce7; /*[Start] List page ========================================================================== */ } .news-list { border: 1px solid #e6e6e6; position: relative; margin-bottom: 50px; display: inline-block; width: 100%; /*[Start] Single page ========================================================================== */ } .news-list.sticky .zo-title a:before { content: "\f08d"; font-family: FontAwesome; margin-right: 15px; } .news-list .zo-news-image { padding-left: 0; text-align: center; } .news-list .zo-news-image img.attachment-blog-medium { padding-right: 15px; } .news-list .zo-news-info { position: absolute; top: 0; left: 0; z-index: 100; } .news-list .zo-news-info ul { list-style: none; padding: 0; margin: 0; text-align: center; width: 62px; } .news-list .zo-news-info ul .zo-news-date { background: #009ce7; text-transform: uppercase; color: #323232; font-size: 14px; line-height: 25px; } .news-list .zo-news-info ul .zo-news-date div { color: #fff; font-size: 40px; font-weight: bold; padding-top: 10px; } .news-list .zo-news-info ul .zo-news-comment { background: #323232; } .news-list .zo-news-info ul .zo-news-comment .fa { color: #009ce7; padding-right: 10px; } .news-list .zo-news-info ul .zo-news-comment a { color: #fff; } .news-list .zo-news-detail { padding: 56px 50px 50px 50px; } .news-list .zo-news-detail.small { padding-left: 28px; } .news-list .zo-news-detail .zo-title { padding-bottom: 16px; } .news-list .zo-news-detail .zo-news-content { padding-bottom: 40px; } .news-list .zo-news-detail .zo-news-content p:last-of-type { margin-bottom: 0; } .entry-post { /* ========================================================================== [End] 1. Blog ========================================================================== */ } .entry-post .entry-meta { margin-bottom: 42px; } .entry-post .entry-header { margin-bottom: 47px; } .entry-post .entry-content blockquote { border: 1px solid #e5e5e5; padding: 44px 48px 39px 120px; } .entry-post .entry-content blockquote p { font-size: 18px; font-weight: 100; } @media (max-width: 767px) { .entry-post .entry-content blockquote { padding: 44px 10px 25px 50px; } .entry-post .entry-content blockquote:before { font-size: 90px; top: 60px; left: 10px; } .entry-post .entry-content blockquote p { font-size: 18px; } } .entry-post .img-blog-post { margin: 27px 50px !important; } .entry-post .img-blog-post.alignleft { margin-left: 0 !important; } .entry-post .img-blog-post.aligncenter { margin-right: auto; margin-left: auto; } .entry-post .img-blog-post.alignright { float: right; margin-right: 0 !important; } .type-post.format-quote .entry-header, .type-event.format-quote .entry-header, .type-page.format-quote .entry-header, .type-room.format-quote .entry-header, .type-tour.format-quote .entry-header, .type-post.format-link .entry-header, .type-event.format-link .entry-header, .type-page.format-link .entry-header, .type-room.format-link .entry-header, .type-tour.format-link .entry-header { position: relative; } .type-post.format-quote .entry-header .entry-quote:before, .type-event.format-quote .entry-header .entry-quote:before, .type-page.format-quote .entry-header .entry-quote:before, .type-room.format-quote .entry-header .entry-quote:before, .type-tour.format-quote .entry-header .entry-quote:before, .type-post.format-link .entry-header .entry-quote:before, .type-event.format-link .entry-header .entry-quote:before, .type-page.format-link .entry-header .entry-quote:before, .type-room.format-link .entry-header .entry-quote:before, .type-tour.format-link .entry-header .entry-quote:before, .type-post.format-quote .entry-header .entry-link:before, .type-event.format-quote .entry-header .entry-link:before, .type-page.format-quote .entry-header .entry-link:before, .type-room.format-quote .entry-header .entry-link:before, .type-tour.format-quote .entry-header .entry-link:before, .type-post.format-link .entry-header .entry-link:before, .type-event.format-link .entry-header .entry-link:before, .type-page.format-link .entry-header .entry-link:before, .type-room.format-link .entry-header .entry-link:before, .type-tour.format-link .entry-header .entry-link:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; opacity: 0.5; } .type-post.format-quote .entry-header blockquote, .type-event.format-quote .entry-header blockquote, .type-page.format-quote .entry-header blockquote, .type-room.format-quote .entry-header blockquote, .type-tour.format-quote .entry-header blockquote, .type-post.format-link .entry-header blockquote, .type-event.format-link .entry-header blockquote, .type-page.format-link .entry-header blockquote, .type-room.format-link .entry-header blockquote, .type-tour.format-link .entry-header blockquote { padding: 44px 40px 39px 70px; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 10; margin: 0 0 44px 0; } .type-post.format-quote .entry-header blockquote:before, .type-event.format-quote .entry-header blockquote:before, .type-page.format-quote .entry-header blockquote:before, .type-room.format-quote .entry-header blockquote:before, .type-tour.format-quote .entry-header blockquote:before, .type-post.format-link .entry-header blockquote:before, .type-event.format-link .entry-header blockquote:before, .type-page.format-link .entry-header blockquote:before, .type-room.format-link .entry-header blockquote:before, .type-tour.format-link .entry-header blockquote:before { content: '\201C'; font-size: 90px; position: absolute; font-family: 'Playfair Display'; top: 60px; left: 15px; color: #009ce7; } .type-post.format-quote .entry-header blockquote p, .type-event.format-quote .entry-header blockquote p, .type-page.format-quote .entry-header blockquote p, .type-room.format-quote .entry-header blockquote p, .type-tour.format-quote .entry-header blockquote p, .type-post.format-link .entry-header blockquote p, .type-event.format-link .entry-header blockquote p, .type-page.format-link .entry-header blockquote p, .type-room.format-link .entry-header blockquote p, .type-tour.format-link .entry-header blockquote p { font-style: italic; font-size: 24px; margin-bottom: 5px; } .type-post.format-quote .entry-header blockquote footer, .type-event.format-quote .entry-header blockquote footer, .type-page.format-quote .entry-header blockquote footer, .type-room.format-quote .entry-header blockquote footer, .type-tour.format-quote .entry-header blockquote footer, .type-post.format-link .entry-header blockquote footer, .type-event.format-link .entry-header blockquote footer, .type-page.format-link .entry-header blockquote footer, .type-room.format-link .entry-header blockquote footer, .type-tour.format-link .entry-header blockquote footer { font-size: 14px; line-height: 30px; font-style: normal; font-weight: 400; color: #009ce7; } .type-post.format-quote .entry-header blockquote footer cite, .type-event.format-quote .entry-header blockquote footer cite, .type-page.format-quote .entry-header blockquote footer cite, .type-room.format-quote .entry-header blockquote footer cite, .type-tour.format-quote .entry-header blockquote footer cite, .type-post.format-link .entry-header blockquote footer cite, .type-event.format-link .entry-header blockquote footer cite, .type-page.format-link .entry-header blockquote footer cite, .type-room.format-link .entry-header blockquote footer cite, .type-tour.format-link .entry-header blockquote footer cite { color: #323232; } @media screen and (max-width: 480px) { .type-post.format-quote .entry-header blockquote, .type-event.format-quote .entry-header blockquote, .type-page.format-quote .entry-header blockquote, .type-room.format-quote .entry-header blockquote, .type-tour.format-quote .entry-header blockquote, .type-post.format-link .entry-header blockquote, .type-event.format-link .entry-header blockquote, .type-page.format-link .entry-header blockquote, .type-room.format-link .entry-header blockquote, .type-tour.format-link .entry-header blockquote { padding: 14px 10px 9px 30px; font-size: 16px; } .type-post.format-quote .entry-header blockquote:before, .type-event.format-quote .entry-header blockquote:before, .type-page.format-quote .entry-header blockquote:before, .type-room.format-quote .entry-header blockquote:before, .type-tour.format-quote .entry-header blockquote:before, .type-post.format-link .entry-header blockquote:before, .type-event.format-link .entry-header blockquote:before, .type-page.format-link .entry-header blockquote:before, .type-room.format-link .entry-header blockquote:before, .type-tour.format-link .entry-header blockquote:before { font-size: 50px; top: 25px; } .type-post.format-quote .entry-header blockquote footer, .type-event.format-quote .entry-header blockquote footer, .type-page.format-quote .entry-header blockquote footer, .type-room.format-quote .entry-header blockquote footer, .type-tour.format-quote .entry-header blockquote footer, .type-post.format-link .entry-header blockquote footer, .type-event.format-link .entry-header blockquote footer, .type-page.format-link .entry-header blockquote footer, .type-room.format-link .entry-header blockquote footer, .type-tour.format-link .entry-header blockquote footer { font-size: 12px; } } .type-post.format-gallery .carousel-control, .type-event.format-gallery .carousel-control, .type-page.format-gallery .carousel-control, .type-room.format-gallery .carousel-control, .type-tour.format-gallery .carousel-control { position: absolute; width: 60px; height: 60px; top: 50%; text-shadow: none; opacity: 1; -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 STYLE */ } .type-post.format-gallery .carousel-control span, .type-event.format-gallery .carousel-control span, .type-page.format-gallery .carousel-control span, .type-room.format-gallery .carousel-control span, .type-tour.format-gallery .carousel-control span { line-height: 60px; text-align: center; } .type-post.format-gallery .carousel-control:hover span:before, .type-event.format-gallery .carousel-control:hover span:before, .type-page.format-gallery .carousel-control:hover span:before, .type-room.format-gallery .carousel-control:hover span:before, .type-tour.format-gallery .carousel-control:hover span:before { color: #323232; } .type-post.format-link .entry-header, .type-event.format-link .entry-header, .type-page.format-link .entry-header, .type-room.format-link .entry-header, .type-tour.format-link .entry-header { position: relative; } .type-post.format-link .entry-header .entry-link a, .type-event.format-link .entry-header .entry-link a, .type-page.format-link .entry-header .entry-link a, .type-room.format-link .entry-header .entry-link a, .type-tour.format-link .entry-header .entry-link a { padding: 40px; text-align: center; position: absolute; width: 100%; top: 50%; left: 50%; color: #fff; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 100; margin: 0 0 44px 0; } .type-post.format-link .entry-header .entry-link a:hover, .type-event.format-link .entry-header .entry-link a:hover, .type-page.format-link .entry-header .entry-link a:hover, .type-room.format-link .entry-header .entry-link a:hover, .type-tour.format-link .entry-header .entry-link a:hover { color: #009ce7; } .type-post .zo-video iframe, .type-event .zo-video iframe, .type-page .zo-video iframe, .type-room .zo-video iframe, .type-tour .zo-video iframe { width: 100%; margin-bottom: -10px; } .type-post .zo-title, .type-event .zo-title, .type-page .zo-title, .type-room .zo-title, .type-tour .zo-title { color: #323232; font-size: 60px; font-weight: 200; line-height: 60px; letter-spacing: 0; margin-bottom: 10px; } .type-post .zo-title a, .type-event .zo-title a, .type-page .zo-title a, .type-room .zo-title a, .type-tour .zo-title a { color: #323232; } .type-post .zo-title a:hover, .type-event .zo-title a:hover, .type-page .zo-title a:hover, .type-room .zo-title a:hover, .type-tour .zo-title a:hover { color: inherit; } .type-post .zo-meta, .type-event .zo-meta, .type-page .zo-meta, .type-room .zo-meta, .type-tour .zo-meta { list-style: none inside; margin: 0; padding: 0; } .type-post .zo-meta li, .type-event .zo-meta li, .type-page .zo-meta li, .type-room .zo-meta li, .type-tour .zo-meta li { display: inline-block; color: #323232; margin-right: 40px; font-weight: 100; font-size: 18px; line-height: 30px; padding-top: 2px; } .type-post .zo-meta li:last-child, .type-event .zo-meta li:last-child, .type-page .zo-meta li:last-child, .type-room .zo-meta li:last-child, .type-tour .zo-meta li:last-child { margin-right: 0; } .type-post .zo-meta li i, .type-event .zo-meta li i, .type-page .zo-meta li i, .type-room .zo-meta li i, .type-tour .zo-meta li i { margin-right: 5px; color: #009ce7; } .type-post .zo-meta li a, .type-event .zo-meta li a, .type-page .zo-meta li a, .type-room .zo-meta li a, .type-tour .zo-meta li a { color: #323232; } .type-post .zo-meta li a:hover, .type-event .zo-meta li a:hover, .type-page .zo-meta li a:hover, .type-room .zo-meta li a:hover, .type-tour .zo-meta li a:hover { color: #009ce7; } .type-post .zo-meta li span, .type-event .zo-meta li span, .type-page .zo-meta li span, .type-room .zo-meta li span, .type-tour .zo-meta li span { color: #333; font-weight: 200; } .type-post .zo-meta .zo-post-like:not(.liked), .type-event .zo-meta .zo-post-like:not(.liked), .type-page .zo-meta .zo-post-like:not(.liked), .type-room .zo-meta .zo-post-like:not(.liked), .type-tour .zo-meta .zo-post-like:not(.liked) { cursor: pointer; } .type-post .zo-meta .zo-post-like:not(.liked):hover, .type-event .zo-meta .zo-post-like:not(.liked):hover, .type-page .zo-meta .zo-post-like:not(.liked):hover, .type-room .zo-meta .zo-post-like:not(.liked):hover, .type-tour .zo-meta .zo-post-like:not(.liked):hover, .type-post .zo-meta .zo-post-like:not(.liked):active, .type-event .zo-meta .zo-post-like:not(.liked):active, .type-page .zo-meta .zo-post-like:not(.liked):active, .type-room .zo-meta .zo-post-like:not(.liked):active, .type-tour .zo-meta .zo-post-like:not(.liked):active { color: #009ce7; } .type-post .zo-meta .zo-post-like.liked, .type-event .zo-meta .zo-post-like.liked, .type-page .zo-meta .zo-post-like.liked, .type-room .zo-meta .zo-post-like.liked, .type-tour .zo-meta .zo-post-like.liked { cursor: inherit; color: #009ce7; } .format-quote { /**Social**/ } .format-quote .entry-header .entry-quote blockquote { margin: auto; width: 95%; } .format-quote .entry-header .entry-quote blockquote footer { font-size: 18px; letter-spacing: 0.2em; margin-top: 20px; } .format-quote .entry-header .entry-quote blockquote footer cite { color: #fff; } .social-share { overflow: hidden; } .social-share .social-list { padding: 0; margin: 0 0 50px; list-style: none inside; } .social-share .social-list li { display: inline-block; margin-right: 15px; border-radius: 100%; float: left; text-align: center; line-height: 30px; height: 30px; width: 30px; } .social-share .social-list li:hover { background: #fff; } .social-share .social-list li:hover a { color: #333; } .social-share .social-list li a { color: #fff; font-size: 18px; } .social-share .social-list li.facebook { background: #507cbe; } .social-share .social-list li.twitter { background: #00abef; } .social-share .social-list li.linkedin { background: #3371b7; } .social-share .social-list li.google-plus { background: #cb4437; } .zo-author-about { -webkit-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; -moz-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; box-shadow: 0px 0px 0px 1px #e6e6e6 inset; /* ========================================================================== [Start] 2. Event ========================================================================== */ /********************************************* ******************Event Type******************/ /*[Start] Event page ========================================================================== */ } .zo-author-about:before, .zo-author-about:after { content: ''; display: table; } .zo-author-about:after { clear: both; } .zo-author-about .zo-author-avatar { width: 37.5%; float: left; } .zo-author-about .zo-author-avatar > img { width: 100%; } .zo-author-about .zo-author-info { width: 62.5%; float: right; padding-left: 50px; } .zo-author-about .zo-author-info h2.zo-author-info-name { font-size: 40px; line-height: 40px; font-weight: 100; text-transform: capitalize; color: #323232; padding-top: 40px; margin-bottom: 7px; } .zo-author-about .zo-author-info h2.zo-author-info-name a { color: #323232; } .zo-author-about .zo-author-info h2.zo-author-info-name a:hover { color: #009ce7; } .zo-author-about .zo-author-info .zo-author-address { font-size: 12px; line-height: 30px; font-weight: 400; letter-spacing: 2.4px; color: #009ce7; padding-bottom: 14px; } .zo-author-about .zo-author-info .zo-author-description { margin-bottom: 20px; } .zo-author-about .zo-author-info .zo-author-social-list .social-item { margin-right: 10px; float: left; border-radius: 100%; } .zo-author-about .zo-author-info .zo-author-social-list .social-item:last-child { margin-right: 0; clear: right; } .zo-author-about .zo-author-info .zo-author-social-list .social-item a { position: relative; display: block; color: #fff; width: 30px; height: 30px; overflow: hidden; } .zo-author-about .zo-author-info .zo-author-social-list .social-item a i { line-height: 30px; text-align: center; vertical-align: middle; font-size: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-author-about .zo-author-info .zo-author-social-list .social-item.facebook { background-color: #507cbe; } .zo-author-about .zo-author-info .zo-author-social-list .social-item.twitter { background-color: #00abef; } .zo-author-about .zo-author-info .zo-author-social-list .social-item.googleplus { background-color: #cb4437; } .event { overflow: hidden; /* Event Grid Layout ===========================================================*/ } .event .zo-event-title { margin: 0 0 10px; position: relative; letter-spacing: 0; overflow: hidden; line-height: 40px; } .event .zo-event-title a { font-size: 14px; color: #333; } .event .zo-event-title a:hover { color: inherit; } .event-grid-item, .event-grid-item.type-event.event { -webkit-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; -moz-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; box-shadow: 0px 0px 0px 1px #e6e6e6 inset; overflow: hidden; margin-bottom: 30px; /*[Start] Event Single page ========================================================================== */ } .event-grid-item .zo-event-image, .event-grid-item.type-event.event .zo-event-image { padding-left: 0; } .event-grid-item .zo-event-detail, .event-grid-item.type-event.event .zo-event-detail { border: none; padding: 25px 20px; } .event-grid-item .zo-event-detail .zo-event-title a, .event-grid-item.type-event.event .zo-event-detail .zo-event-title a { font-size: 30px; line-height: 40px; font-weight: 200; color: #323232; } .event-grid-item .zo-event-detail .zo-event-title a:hover, .event-grid-item.type-event.event .zo-event-detail .zo-event-title a:hover { color: #009ce7; } .event-grid-item .zo-event-detail .zo-event-content p, .event-grid-item.type-event.event .zo-event-detail .zo-event-content p { margin-bottom: 10px; } .event-grid-item .zo-event-detail .zo-meta, .event-grid-item.type-event.event .zo-event-detail .zo-meta { margin-bottom: 0; } .type-event { margin-bottom: 0; /* Page events */ } .type-event .zo-event-detail { padding: 30px 50px 50px; border: 1px solid #e6e6e6; } .type-event .zo-event-detail .zo-event-title:before { height: 0; } .type-event .zo-meta { margin-bottom: 33px; } .type-event .zo-meta .zo-event-date, .type-event .zo-meta .zo-event-location { display: inline-block; margin: 0; } .type-event .zo-meta .zo-event-date i, .type-event .zo-meta .zo-event-location i { margin-right: 5px; color: #009ce7; } .type-event .zo-meta .zo-event-date { padding-right: 44px; } .type-event .social-share { margin-top: 17px; } .type-event .social-share .social-list-post { float: left; clear: right; } .type-event .zo-title { line-height: 100px; margin: 0; } #page-events-sidebar { /* ========================================================================== [End] 2. Event ========================================================================== */ /* ========================================================================== [Start] 2. Navigation ========================================================================== */ } #page-events-sidebar .widget_zo_recent_post_v2 { margin-bottom: 50px; } .navigation { margin-top: 20px; display: table; } .navigation .pagination .current, .navigation .pagination .page-numbers { line-height: 60px; width: 60px; height: 60px; display: block; float: left; margin-right: 10px; text-align: center; color: #323232; border: 1px solid #e6e6e6; } .navigation .pagination .current:hover, .navigation .pagination .page-numbers:hover { background-color: transparent; color: #009ce7; border-color: #e6e6e6; } .navigation .pagination span.current { color: #fff; background: #323232; border-color: transparent; line-height: 60px; } .navigation .pagination .next, .navigation .pagination .prev { background: #009ce7; border-color: transparent; color: #fff; } .post-navigation { /* ========================================================================== [End] 2. Navigation ========================================================================== */ /* page contact */ } .post-navigation a.post-prev { max-width: 350px; overflow: hidden; padding-left: 23px; padding-right: 23px; text-overflow: ellipsis; white-space: nowrap; } .post-navigation a.post-prev i { padding-right: 6px; } .post-navigation a.post-next { max-width: 350px; overflow: hidden; padding-left: 23px; padding-right: 23px; text-overflow: ellipsis; white-space: nowrap; } .post-navigation a.post-next i { padding-left: 6px; } .zo-custom-headding h2 { margin-bottom: 26px; font-weight: 100; } .zo-contact-row { /* ================================================= [Start] 4. Page Blog full width ==================================================== */ } .zo-contact-row form br { display: none; } .zo-contact-row form .zo-contact-input { margin-bottom: 10px; } .zo-grid-fullwidth-blog { /* ================================================= [End] 4. Page Blog full width ==================================================== */ /* ================================================= [Start] 5. Gallery ==================================================== */ /* filter */ } .zo-grid-fullwidth-blog .zo-grid-item article { border: 1px solid #e6e6e6; padding-bottom: 40px; text-align: center; margin-bottom: 30px; } .zo-grid-fullwidth-blog .zo-grid-item article .zo-fullwidth-blog-date { text-transform: uppercase; font-size: 12px; font-weight: 400; line-height: 30px; letter-spacing: 2.4px; color: #009ce7; display: block; margin-top: 41px; margin-bottom: 8px; } .zo-grid-fullwidth-blog .zo-grid-item article .zo-fullwidth-blog-detail .zo-title { font-size: 40px; line-height: 40px; padding-bottom: 26px; padding-left: 30px; padding-right: 30px; color: #323232; } .zo-grid-fullwidth-blog .zo-grid-item article .zo-fullwidth-blog-content { padding: 0 40px; margin-bottom: 0; } .zo-grid-fullwidth-blog .zo-grid-item article .social-list-post { padding-top: 18px; padding-bottom: 10px; } .zo-grid-fullwidth-blog .zo-grid-item article blockquote { margin: 15px; border-left: 5px solid #009ce7; padding: 15px 10px 15px 55px; } .zo-grid-fullwidth-blog .zo-grid-item article blockquote:before { left: 5px; top: 35px; font-size: 100px; } .zo-grid-fullwidth-blog .zo-grid-item article .zo-video iframe { width: 100%; height: auto; min-height: auto; margin-bottom: 0; } .vc_grid-filter-select .vc_grid-styled-select { border-color: #009ce7 !important; } .vc_grid-filter-select .vc_grid-styled-select i { color: #323232 !important; } .vc_grid-filter-select .vc_grid-styled-select select { margin-right: 0 !important; color: #323232 !important; } ul.vc_grid-filter { padding: 0 0 40px; margin: 0; background-color: #fff; font-size: 0; /* element template */ } ul.vc_grid-filter li.vc_grid-filter-item { border: none; border-radius: 0 !important; padding: 0 !important; margin: 0 5px 10px 5px !important; background-color: transparent !important; } ul.vc_grid-filter li.vc_grid-filter-item.vc_active, ul.vc_grid-filter li.vc_grid-filter-item:hover { background-color: transparent; } ul.vc_grid-filter li.vc_grid-filter-item.vc_active span, ul.vc_grid-filter li.vc_grid-filter-item:hover span { background-color: transparent; border-color: #009ce7; color: #009ce7 !important; } ul.vc_grid-filter li.vc_grid-filter-item span { font-size: 12px; line-height: 60px; letter-spacing: 2.4px; font-weight: 400; display: block; padding: 0 30px; text-transform: uppercase; border: 1px solid #e6e6e6; color: #323232; } .zo-gallery-title { font-size: 30px; line-height: 40px; font-weight: 200; color: #323232; margin-bottom: 0; margin-top: 28px; } .zo-gallery-term { margin-bottom: 25px; } .zo-gallery-term .post_meta_categories a { font-size: 12px; line-height: 30px; letter-spacing: 2.4px; font-weight: 400; text-transform: uppercase; color: #009ce7; } .zo-gallery-term .post_meta_categories a:after { content: ','; color: #323232; } .zo-gallery-term .post_meta_categories a:last-child:after { display: none; } .vc_pageable-load-more-btn { margin-top: 50px !important; } .vc_pageable-load-more-btn a.vc_grid-btn-load_more { margin: 0; font-size: 12px; line-height: 30px; letter-spacing: 2.4px; text-transform: uppercase; color: #323232 !important; padding: 13px 40px; border: 3px solid #009ce7; background-color: #fff !important; } .vc_pageable-load-more-btn a.vc_grid-btn-load_more:hover { background-color: #009ce7 !important; border: 3px solid transparent !important; color: #fff !important; } .zo-gallery-excerpt { /* end element template */ } .zo-gallery-excerpt p:last-child { margin-bottom: 44px; } .gallery-regular .type-gallery { padding-bottom: 0; } .single-gallery .type-gallery { margin-bottom: 120px; } .type-gallery { -webkit-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; -moz-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; box-shadow: 0px 0px 0px 1px #e6e6e6 inset; margin-bottom: 30px; padding-bottom: 50px; /* page extended */ } .type-gallery:before, .type-gallery:after { content: ''; display: table; } .type-gallery:after { clear: both; } .type-gallery .entry-blog .entry-header { margin-bottom: 27px; } .type-gallery .entry-blog .zo-title { font-weight: 100; line-height: 100px; font-size: 60px; color: #323232; margin-bottom: 0; text-align: center; } .type-gallery .entry-blog .entry-meta { margin-top: -9px; text-align: center; margin-bottom: 32px; } .type-gallery .entry-blog .entry-meta .detail-terms { color: #323232; } .type-gallery .entry-blog .entry-meta .detail-terms a { color: #009ce7; font-size: 12px; font-weight: 400; letter-spacing: 2.4px; line-height: 30px; text-transform: uppercase; } .type-gallery .entry-blog .entry-content { padding: 0 50px; text-align: center; } .type-gallery .entry-blog .entry-content:before, .type-gallery .entry-blog .entry-content:after { content: ''; display: table; } .type-gallery .entry-blog .entry-content:after { clear: both; } .type-gallery .social-list-post { margin-top: 17px; } .gallery-extended-item { /* =================================================== [Start]. Gallery full width ======================================================= */ } .gallery-extended-item .vc_grid-item-mini { -webkit-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; -moz-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; box-shadow: 0px 0px 0px 1px #e6e6e6 inset; } .gallery-extended-item .vc_grid-item-mini .vc_gitem-col { padding: 0 50px 50px 50px; } .zo-gallery-grid-fullwidth { /* =================================================== [End]. Gallery full width ======================================================= */ /* page regular */ } .zo-gallery-grid-fullwidth .vc_grid .vc_grid-item { background-color: #fff; } .zo-gallery-grid-fullwidth .vc_grid .vc_grid-item .vc_gitem_row .vc_gitem-col { padding: 0; } .template-zo_grid--gallery-regular { /* ================================================= [End] 5. Gallery ==================================================== */ /* ==================================================== [Start] 7. Member ======================================================= */ } .template-zo_grid--gallery-regular .zo-grid-gallery-regular .zo-grid-item .entry-header { margin: 0; } .template-zo_grid--gallery-regular > .navigation { margin-left: auto; margin-right: auto; } .type-member, .type-tour { /* ==================================================== [End] 7. Member ======================================================= */ /* ==================================================== [Start] 8. About =======================================================*/ } .type-member blockquote, .type-tour blockquote { border: 1px solid #e5e5e5; padding: 44px 48px 39px 120px; position: relative; margin: 0 0 44px 0; } .type-member blockquote:before, .type-tour blockquote:before { content: "“"; font-size: 110px; position: absolute; font-family: "Playfair Display"; top: 65px; left: 50px; color: #009ce7; } .type-member blockquote p, .type-tour blockquote p { font-style: italic; font-size: 24px; margin-bottom: 5px; } .type-member blockquote p span, .type-tour blockquote p span { font-size: 12px; line-height: 30px; font-style: normal; font-weight: 400; } .type-member blockquote p span.blockquote-author, .type-tour blockquote p span.blockquote-author, .type-member blockquote p span.blockquote-address, .type-tour blockquote p span.blockquote-address { text-transform: uppercase; letter-spacing: 0.2em; } .type-member blockquote p span.blockquote-author, .type-tour blockquote p span.blockquote-author { color: #009ce7; } .type-member blockquote p span.blockquote-address, .type-tour blockquote p span.blockquote-address { color: #323232; } @media (max-width: 767px) { .type-member blockquote, .type-tour blockquote { padding: 44px 10px 25px 50px; } .type-member blockquote:before, .type-tour blockquote:before { font-size: 90px; top: 60px; left: 10px; } .type-member blockquote p, .type-tour blockquote p { font-size: 18px; } } .type-member .zo-member-info .zo-member-avatar, .type-tour .zo-member-info .zo-member-avatar { margin-bottom: 40px; } .type-member .zo-member-info .zo-member-firstname, .type-tour .zo-member-info .zo-member-firstname { font-size: 40px; line-height: 60px; font-weight: 200; color: #323232; } .type-member .zo-member-info .zo-member-lastname, .type-tour .zo-member-info .zo-member-lastname { font-size: 60px; line-height: 60px; font-weight: 200; color: #009ce7; margin-bottom: 28px; } .type-member .zo-member-info .zo-member-social-list, .type-tour .zo-member-info .zo-member-social-list { margin: 0 0 50px; padding: 0; list-style: none; } .type-member .zo-member-info .zo-member-social-list:before, .type-tour .zo-member-info .zo-member-social-list:before, .type-member .zo-member-info .zo-member-social-list:after, .type-tour .zo-member-info .zo-member-social-list:after { content: ''; display: table; } .type-member .zo-member-info .zo-member-social-list:after, .type-tour .zo-member-info .zo-member-social-list:after { clear: both; } .type-member .zo-member-info .zo-member-social-list li, .type-tour .zo-member-info .zo-member-social-list li { float: left; margin-right: 10px; } .type-member .zo-member-info .zo-member-social-list li:last-child, .type-tour .zo-member-info .zo-member-social-list li:last-child { margin-right: 0; } .type-member .zo-member-info .zo-member-social-list a, .type-tour .zo-member-info .zo-member-social-list a { width: 30px; height: 30px; display: block; overflow: hidden; border-radius: 100%; position: relative; } .type-member .zo-member-info .zo-member-social-list a i, .type-tour .zo-member-info .zo-member-social-list a i { font-size: 16px; line-height: 40px; display: block; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .type-member .zo-member-info .zo-member-social-list a.facebook, .type-tour .zo-member-info .zo-member-social-list a.facebook { background: #507cbe; } .type-member .zo-member-info .zo-member-social-list a.twitter, .type-tour .zo-member-info .zo-member-social-list a.twitter { background: #00abef; } .type-member .zo-member-info .zo-member-social-list a.linkedin, .type-tour .zo-member-info .zo-member-social-list a.linkedin { background: #3371b7; } .type-member .zo-member-info .zo-member-social-list a.google-plus, .type-tour .zo-member-info .zo-member-social-list a.google-plus { background: #cb4437; } .type-member .zo-member-info .zo-member-social-list a.flickr, .type-tour .zo-member-info .zo-member-social-list a.flickr { background: #ff0080; } .type-member .zo-member-info .zo-member-personal-detail, .type-tour .zo-member-info .zo-member-personal-detail { margin: 0; padding: 0; list-style: none; } .type-member .zo-member-info .zo-member-personal-detail li, .type-tour .zo-member-info .zo-member-personal-detail li { padding: 24px 0; padding-left: 50px; border-bottom: 1px solid #e5e5e5; position: relative; font-size: 18px; line-height: 30px; font-weight: 200; } .type-member .zo-member-info .zo-member-personal-detail li:first-child, .type-tour .zo-member-info .zo-member-personal-detail li:first-child { border-top: 1px solid #e5e5e5; } .type-member .zo-member-info .zo-member-personal-detail li span.personal-title, .type-tour .zo-member-info .zo-member-personal-detail li span.personal-title { color: #323232; display: block; } .type-member .zo-member-info .zo-member-personal-detail li:before, .type-tour .zo-member-info .zo-member-personal-detail li:before { font-family: 'rt-icons'; position: absolute; color: #009ce7; left: 15px; } .type-member .zo-member-info .zo-member-personal-detail li.address:before, .type-tour .zo-member-info .zo-member-personal-detail li.address:before { content: "\e6fc"; } .type-member .zo-member-info .zo-member-personal-detail li.phone:before, .type-tour .zo-member-info .zo-member-personal-detail li.phone:before { content: "\e6e4"; } .type-member .zo-member-info .zo-member-personal-detail li.fax:before, .type-tour .zo-member-info .zo-member-personal-detail li.fax:before { content: "\e6e2"; } .type-member .zo-member-info .zo-member-personal-detail li.email:before, .type-tour .zo-member-info .zo-member-personal-detail li.email:before { content: "\e6e6"; } .type-member .zo-member-info .zo-member-personal-detail li.website:before, .type-tour .zo-member-info .zo-member-personal-detail li.website:before { content: "\e6f3"; } .type-member .zo-member-detail .zo-member-detail-title, .type-tour .zo-member-detail .zo-member-detail-title { font-size: 40px; line-height: 60px; color: #323232 !important; margin-top: -12px; margin-bottom: 30px; } .type-member .zo-member-detail .zo-list-member, .type-tour .zo-member-detail .zo-list-member { margin-top: 40px; } .type-member .zo-member-detail .zo-list-member ul, .type-tour .zo-member-detail .zo-list-member ul { padding: 0; margin: 0; list-style: none; } .type-member .zo-member-detail .zo-list-member ul li, .type-tour .zo-member-detail .zo-list-member ul li { font-size: 18px; line-height: 60px; border-bottom: 1px solid #e5e5e5; padding-left: 50px; position: relative; } .type-member .zo-member-detail .zo-list-member ul li:first-child, .type-tour .zo-member-detail .zo-list-member ul li:first-child { border-top: 1px solid #e5e5e5; } .type-member .zo-member-detail .zo-list-member ul li:before, .type-tour .zo-member-detail .zo-list-member ul li:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 20px; color: #009ce7; } .type-member .zo-member-detail .zo-tab-member .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab, .type-tour .zo-member-detail .zo-tab-member .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { margin: 0 1px 0 0; } .type-member .zo-member-detail .zo-tab-member .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a, .type-tour .zo-member-detail .zo-tab-member .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { font-size: 12px; line-height: 30px; text-transform: uppercase; padding: 17px 43px; color: #fff; letter-spacing: 2.4px; border-radius: 0; border-width: 0; background-color: #323232; } .type-member .zo-member-detail .zo-tab-member .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, .type-tour .zo-member-detail .zo-tab-member .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { background-color: #009ce7; } .type-member .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels, .type-tour .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels { border-radius: 0; border-width: 0; background-color: #009ce7; background-image: -webkit-gradient(linear, left top, left bottom, from(#009ce7), to(#467bdd)); background-image: -webkit-linear-gradient(top, #009ce7, #467bdd); background-image: -moz-linear-gradient(top, #009ce7, #467bdd); background-image: -ms-linear-gradient(top, #009ce7, #467bdd); background-image: -o-linear-gradient(top, #009ce7, #467bdd); background-image: linear-gradient(top, #009ce7, #467bdd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#009ce7', endColorStr='#467bdd'); /* BACKGROUND HORIZONTAL */ } .type-member .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel, .type-tour .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { margin: 0; } .type-member .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .type-tour .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { padding: 44px 50px; color: #fff; text-align: left; } .type-member .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-content-headding, .type-tour .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-content-headding { font-weight: 600; } .type-member .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-content, .type-tour .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-content { margin-bottom: 30px; } .type-member .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-content:last-child, .type-tour .zo-member-detail .zo-tab-member .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-content:last-child { margin-bottom: 0; } .type-member .zo-tour-feature, .type-tour .zo-tour-feature { margin-bottom: 40px; } .type-member .zo-tour-title, .type-tour .zo-tour-title { font-size: 60px; line-height: 60px; font-weight: 200; color: #323232; margin-bottom: 28px; } .type-member .zo-tour-info .tour-time-title, .type-tour .zo-tour-info .tour-time-title, .type-member .zo-tour-info .tour-price-title, .type-tour .zo-tour-info .tour-price-title { width: 50%; display: block; float: left; color: #000; font-weight: 100; } .type-member .zo-tour-info .tour-time-title i, .type-tour .zo-tour-info .tour-time-title i, .type-member .zo-tour-info .tour-price-title i, .type-tour .zo-tour-info .tour-price-title i { color: #009ce7; margin-right: 5px; } .type-member .zo-tour-info .tour-time-content, .type-tour .zo-tour-info .tour-time-content, .type-member .zo-tour-info .tour-price-content, .type-tour .zo-tour-info .tour-price-content { font-weight: 100; color: #323232; } .type-member .zo-tour-info .zo-social-tour .zo-social, .type-tour .zo-tour-info .zo-social-tour .zo-social { text-align: left; } .zo-about-title { font-size: 40px; line-height: 60px; color: #323232; font-weight: 100; } .zo-about-resort { margin-bottom: 30px; } .zo-about-content { margin-bottom: 40px !important; } .zo-about-gallery .nivoSlider { box-shadow: none !important; } .zo-about-gallery .nivo-controlNav { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-about-gallery .nivo-controlNav .nivo-control:before { content: "\f1db"; font-family: FontAwesome; } .zo-about-gallery .nivo-controlNav .nivo-control.active:before { content: "\f111"; } .zo-about-gallery .nivo-caption { display: none !important; } .zo-about-whyus h2, .zo-about-advantage h2, .zo-about-service h2 { font-size: 40px; line-height: 40px; font-weight: 200 !important; color: #323232; } .zo-about-whyus h2, .zo-about-advantage h2, .zo-about-service h2 { margin-bottom: 42px; } .zo-about-advantage .zo-tab-content { margin-bottom: 44px; } .zo-about-service { /* ==================================================== [End] 8. About =======================================================*/ /* ======================================= [ Slick ] ==========================*/ } .zo-about-service .zo-about-content { margin-top: -6px; } .slick-item.slick-active .slick-title, .slick-item.slick-active .slick-categories { display: block; } .slick-item.slick-active:last-of-type .slick-title, .slick-item[aria-hidden='true'] .slick-title, .slick-item.slick-active:last-of-type .slick-categories, .slick-item[aria-hidden='true'] .slick-categories { display: none; } .tp-video-controls { display: none !important; } .tp-video-play-button { border-radius: 100%; width: 100px; height: 100px; line-height: 100px; opacity: 1 !important; background: url("../images/bg_sale.png"); background-size: 100%; background-position: center; margin: 0 !important; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .tp-video-play-button .revicon-right-dir:before { width: 100%; height: 100%; margin: 0; position: absolute; top: 50%; left: 50%; font-size: 60px; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ line-height: 100px; content: "\f105"; font-family: 'FontAwesome'; } .tp-video-play-button .tp-revstop { margin: 0 !important; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .video-slide .tp-video-play-button i::before, .video-slide .tp-video-play-button .tp-revstop::before { font-family: FontAwesome; size: 40px; line-height: 100px; text-align: center; } .video-slide .tp-video-play-button .tp-revstop { border-width: 0; margin: 0; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .video-slide .tp-video-play-button .tp-revstop:before { content: '\F04C'; } .wpb_revslider_element .tp-leftarrow:before, .wpb_revslider_element .tp-rightarrow:before { color: #009ce7; } .wpb_revslider_element .slidervideo.tparrows { width: auto; height: auto; background: none; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:before, .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:before, .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:after, .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:after { letter-spacing: 0.2em; font-weight: 400; font-size: 12px; line-height: 30px; color: #009ce7; text-transform: uppercase; display: inline-block; margin-right: 5px; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:after { content: '\00A0 \f105'; font-family: fontawesome; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:before { content: 'Next'; margin-left: 30px; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:before { content: '\f104 \00A0'; font-family: fontawesome; margin-left: -10px; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:after { content: 'Prev'; } .zo-opacity:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 1; } .zo-opacity.black:before { background-color: #000; } .zo-opacity.white:before { background-color: #fff; } .zo-opacity .wpb_wrapper { position: relative; z-index: 2; } .zo-customlist { margin-top: 45px !important; /* ==================== Load more =================== */ } .zo-customlist ul.custom { padding: 0; margin: 0; list-style: none; } .zo-customlist ul.custom li { font-size: 18px; line-height: 60px; border-bottom: 1px solid #e5e5e5; padding-left: 50px; position: relative; } .zo-customlist ul.custom li:first-child { border-top: 1px solid #e5e5e5; } .zo-customlist ul.custom li:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 20px; color: #009ce7; } .zo_pagination p#zo-load-posts { text-align: center; margin-top: 56px; margin-bottom: 106px; } .zo_pagination p#zo-load-posts a { padding: 6px 17px; border: 1px solid #ccc; color: #86898b; } .zo_pagination p#zo-load-posts a:hover { border-color: #009ce7; color: #009ce7; } #comments .comment-reply-title, #comments .comments-title { font-size: 40px; padding-bottom: 5px; line-height: 60px; font-weight: 100; color: #323232; letter-spacing: 0; } #comments .comment-reply-title { margin-top: 47px; } #comments .comments-title { margin-top: 70px; } #comments .comment-list { list-style: none; padding: 0; margin: 0; } #comments .comment-list li { position: relative; } #comments .comment-list .comment-body .comment-author-image { float: left; max-width: 70px; } #comments .comment-list .comment-body .comment-author-image img { border-radius: 100%; } #comments .comment-list .comment-main { padding-left: 100px; } #comments .comment-list .comment-main .comment-header { margin-top: 14px; } #comments .comment-list .comment-main .comment-header .comment-user .comment-author, #comments .comment-list .comment-main .comment-header .comment-user .reply { line-height: 30px; color: #323232; font-weight: 200; text-transform: capitalize; } #comments .comment-list .comment-main .comment-header .comment-user .reply { float: right; } #comments .comment-list .comment-main .comment-header .comment-user .reply .fa { color: #009ce7; } #comments .comment-list .comment-main .comment-header .comment-meta { margin-bottom: 9px; margin-top: -5px; } #comments .comment-list .comment-main .comment-header .comment-meta span { line-height: 30px; text-transform: uppercase; letter-spacing: 2.4px; } #comments .comment-list .comment-main .comment-header .comment-meta span.comment-date { font-size: 12px; font-weight: 400; color: #009ce7; } #comments .comment-list .comment-main .comment-content { margin-bottom: 10px; } #comments .comment-list ul.children { padding-left: 100px; position: relative; list-style: none; } #comments .comment-list ul.children .comment-author-image { max-width: 70px; float: left; padding: 0 0 20px; background: #fff; } #comments #commentform p { margin: 0 0 10px; } #comments #commentform p input[type="text"], #comments #commentform p textarea { -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 */ font-weight: 100; font-size: 18px; line-height: 30px; color: #b2b2b2; font-style: italic; } #comments #commentform p.comment-form-author, #comments #commentform p.comment-form-email { width: 100%; float: left; } #comments #commentform p.comment-form-author input, #comments #commentform p.comment-form-email input { height: 60px; } #comments #commentform p.comment-form-comment { clear: both; margin-bottom: 25px; } #comments #commentform p.comment-form-comment textarea { height: 200px; } #comments #commentform .form-submit input[type='submit'] { width: 170px; line-height: 55px; padding: 0; border-color: #009ce7; background: transparent; } #comments #commentform .form-submit input[type='submit']:hover { background: #009ce7; } .padding-right-equal-container { padding-right: calc((100% - 1170px) / 2 + 15px) !important; } @media (min-width: 768px) and (max-width: 1199px) { .padding-right-equal-container { padding-right: 15px !important; } } .padding-left-equal-container { padding-left: calc((100% - 1170px) / 2 + 15px) !important; } @media (min-width: 768px) and (max-width: 1199px) { .padding-left-equal-container { padding-left: 15px !important; } } .zo-animation { visibility: hidden; /** Title class **/ } .title { /*[Start] Zo Grid =============================================*/ } .title h2, .title h3 { position: relative; color: #333; border-bottom: 1px solid #eee; padding-bottom: 10px; } .title h2 a, .title h3 a, .title h2 .view-all, .title h3 .view-all { float: right; font-size: 14px; color: #009ce7; letter-spacing: normal; } .title.title-left h2:after, .title.title-border h2:after, .title.title-left h3:after, .title.title-border h3:after { content: ''; position: absolute; width: 200px; height: 1px; bottom: -1px; left: 0; background-color: #009ce7; } .zo-grid { /*[End] Zo Grid =============================================*/ /* Slideshow =============================================*/ } @media screen and (min-width: 992px) { .zo-grid .zo-grid-item.col-lg-6:nth-child(2n+1) { clear: both; } .zo-grid .zo-grid-item.col-lg-4:nth-child(3n+1) { clear: both; } .zo-grid .zo-grid-item.col-lg-3:nth-child(4n+1) { clear: both; } .zo-grid .zo-grid-item.col-lg-2:nth-child(6n+1) { clear: both; } } @media screen and (max-width: 991px) { .zo-grid .zo-grid-item.col-sm-6:nth-child(2n+1) { clear: both; } } .wpb_revslider_element .tp-bullets { z-index: 777; top: 41% !important; width: 50px !important; } .wpb_revslider_element .tp-bullets.hesperiden.horizontal > .tp-bullet { padding: 0; background: none; background-color: transparent; width: 10px; height: 10px; top: 41%; margin: 0 5px; display: inline-block; cursor: pointer; border: 1px solid #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 */ } .wpb_revslider_element .tp-bullets.hesperiden.horizontal > .tp-bullet.selected, .wpb_revslider_element .tp-bullets.hesperiden.horizontal > .tp-bullet:hover { background: #fff; } .wpb_revslider_element .tp-bullets.hesperiden.horizontal > .tp-bullet:nth-child(2) { left: 20px !important; } .wpb_revslider_element .tp-bullets.hesperiden.horizontal > .tp-bullet:nth-child(3) { left: 40px !important; } blockquote { border: 1px solid #e5e5e5; padding: 44px 48px 39px 120px; position: relative; margin: 0 0 44px 0; } blockquote:before { content: "“"; font-size: 110px; position: absolute; font-family: "Playfair Display"; top: 65px; left: 50px; color: #009ce7; } blockquote p { font-style: italic; font-size: 24px; margin-bottom: 5px; } blockquote p span { font-size: 12px; line-height: 30px; font-style: normal; font-weight: 400; } blockquote p span.blockquote-author, blockquote p span.blockquote-address { text-transform: uppercase; letter-spacing: 0.2em; } blockquote p span.blockquote-author { color: #009ce7; } blockquote p span.blockquote-address { color: #323232; } @media (max-width: 767px) { blockquote { padding: 44px 10px 25px 50px; } blockquote:before { font-size: 90px; top: 60px; left: 10px; } blockquote p { font-size: 18px; } } dl { margin-bottom: 1.6em; } dt { font-weight: bold; } dd { margin-bottom: 1.6em; } table, th, td { border: 1px solid #eaeaea; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; /* Prevents HTML tables from becoming too wide */ table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4em; } img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } figure { margin: 0; } del { opacity: 0.8; } dl { /* Alignments ==================================*/ } dl dt { font-weight: bold; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } .post-password-form { /* Booking Room*/ } .post-password-form input[type="submit"] { margin-top: 15px; } .zo-booking { max-width: 1170px; /*zo-change*/ background-color: transparent; position: absolute; top: -380px; z-index: 100; /*Data picke*/ } .zo-booking h2 { text-align: center; font-size: 40px; color: #fff; font-weight: 100; line-height: 0; letter-spacing: 0.1em; } .zo-booking .zo-booking-body { padding-top: 50px; background: #fff; } .zo-booking .zo-booking-body .zo-booking-select:after { content: "\f107"; width: 62px; height: 100%; line-height: 60px; top: 0; right: 0; text-align: center; border-left: 1px solid #ededed; cursor: pointer; font-family: 'FontAwesome'; position: absolute; font-size: 40px; /*zo-change*/ color: #009ce7; pointer-events: none; } .zo-booking .zo-booking-body .zo-input-booking { position: relative; } .zo-booking .zo-booking-body .zo-input-booking input { border-radius: 0px; font-size: 18px; padding: 20px 17px; } .zo-booking .zo-booking-body .zo-input-booking i.zo-icon { position: absolute; text-align: center; top: 0; right: 0; line-height: 60px; font-size: 25px; height: 100%; width: 62px; border-left: 1px solid #ededed; /*zo-change*/ color: #009ce7; } .zo-booking .zo-booking-body .zo-input-booking select { cursor: pointer; -webkit-appearance: none; color: #ededed; border-radius: 0px; font-size: 18px; padding: 19px 17px; } .zo-booking .zo-booking-body .zo-input-booking select option { color: #626262; } .zo-booking .zo-booking-body .zo-input-booking select option:first-child { color: #ededed; } .zo-booking .zo-booking-body .zo-fotter { text-align: center; } .zo-booking .zo-booking-body .zo-fotter button { color: #fff !important; background-color: #009ce7; } .zo-booking .zo-booking-body .zo-fotter .zo-btn-booking { border-radius: 0; transform: translateY(50%); } .zo-booking .zo-booking-body .zo-input-booking .ui-datepicker-trigger { border: none; background: none; position: absolute; padding: 20px; border-radius: 0; border-left: 1px solid #ededed; right: 5px; top: 0; font-size: 1.5em; } .zo-booking .zo-booking-body .zo-input-booking .ui-datepicker-trigger i { color: #009ce7; } .zo-booking .zo-booking-body .zo-input-booking .ui-datepicker-trigger:hover i { color: #000; } #ui-datepicker-div { border-radius: 0; padding: 0px; background-color: #fff; } #ui-datepicker-div .ui-datepicker-header { /*zo-change*/ background-color: #009ce7; border-radius: 0; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { color: #fff; font-size: 18px; padding: 15px 0 15px; } .wpb_wrapper .vc_tta.vc_general .vc_tta-panel-body { padding: 0; } .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; /* visible overflow for row */ } .zo-bookingform-style2 .picker .picker__holder { min-width: 240px; } .picker { position: relative; z-index: 9; } .picker.picker--focused .picker__holder, .picker.picker--opened .picker__holder { display: block; } .picker .picker__holder { display: none; background-color: transparent; position: relative; overflow: hidden; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .picker .picker__holder .picker__frame { position: relative; width: 100%; } .picker .picker__holder .picker__frame .picker__wrap .picker__box { border-width: 0; background-color: #fff; width: 100%; display: block; padding: 0; z-index: 9999; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header { border-width: 0; width: 100%; background-color: #009ce7; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__month { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; flex-grow: 2; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__year { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; flex-grow: 2; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__month, .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__year { line-height: 60px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 400; letter-spacing: 0.2em; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev, .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next { height: 100%; top: 0; width: 40px; padding: 0; margin: 0; display: block; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev:before, .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next:before { font-family: fontawesome; border: none; line-height: 60px; width: 40px; text-align: center; color: #fff; font-size: 25px; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev:hover, .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next:hover { background-color: transparent; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev:hover:before, .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next:hover:before { color: #323232; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev { left: 0; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev:before { content: '\f104'; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next { right: 0; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next:before { content: '\f105'; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table { width: 100%; margin: 0; border-width: 0; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table thead { height: 40px; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table thead tr { background-color: #323232; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table thead tr th { line-height: 40px; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tbody tr:last-child { padding-bottom: 18px !important; border-bottom: 1px solid #e5e5e5; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tbody tr:first-child { padding-top: 14px !important; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tbody tr { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tr { display: block; padding: 0 15px; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tr:before, .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tr:after { content: ''; display: table; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tr:after { clear: both; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tr th, .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tr td { padding: 0; text-align: center; width: calc(14.50% - 2px); display: inline-block; float: left; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tr td { font-size: 18px; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table .picker__weekday, .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table .picker__day { text-align: center; font-weight: 100; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table .picker__weekday { color: #fff; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table .picker__day { background-color: transparent; border-width: 0; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table .picker__day:before { display: none; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table .picker__day:not(.picker__day--disabled) { color: #323232; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table .picker__day:hover:not(.picker__day--disabled), .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table .picker__day.picker__day--today { color: #009ce7; cursor: pointer; } .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table tr, .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table td, .picker .picker__holder .picker__frame .picker__wrap .picker__box table.picker__table th { border-width: 0; } .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__footer { display: none; } @media (max-width: 991px) { #zo-header-top { text-align: center; } } @media (max-width: 767px) { #zo-header-top { padding: 0 !important; } } @media (min-width: 1200px) { #zo-header-top .container-fluid { padding: 0 100px; } } #zo-header-top .col-sidebar-header-left { padding: 25px 15px; } #zo-header-top .col-sidebar-header-left i { font-size: 18px; } #zo-header-top .col-sidebar-header-left .widget a:hover { color: #009ce7; } #zo-header-top .col-sidebar-header-left .widget:first-child { display: inline-block; vertical-align: middle; height: 30px; position: relative; margin-right: 30px; } @media (max-width: 1199px) { #zo-header-top .col-sidebar-header-left .widget:first-child { margin-right: 10px; } } #zo-header-top .col-sidebar-header-left .widget:first-child:after { content: ""; width: 1px; height: 30px; position: absolute; right: -30px; top: 0; background: #e6e6e6; } @media (max-width: 1199px) { #zo-header-top .col-sidebar-header-left .widget:first-child:after { right: -10px; } } #zo-header-top .col-sidebar-header-left .widget:last-child { margin-left: 30px; display: inline-block; vertical-align: middle; } @media (max-width: 1199px) { #zo-header-top .col-sidebar-header-left .widget:last-child { margin-left: 10px; } } #zo-header-top .zo-header-top-logo { text-align: center; } @media (max-width: 991px) { #zo-header-top .col-sidebar-header-right .zo-social { text-align: center; } } #zo-header-top #searchform { margin-bottom: 0px; position: relative; } #zo-header-top #searchform #searchsubmit { display: none; } #zo-header-top #searchform:after { content: "\e6df"; font-family: 'rt-icons'; background: none; color: #323232; font-size: 18px; left: -20px; top: -15px; right: auto; } #zo-header-top #searchform #s { border: none; padding: 0 20px 0 30px; -webkit-transition: all 250ms linear 0s; -khtml-transition: all 250ms linear 0s; -moz-transition: all 250ms linear 0s; -ms-transition: all 250ms linear 0s; -o-transition: all 250ms linear 0s; transition: all 250ms linear 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #zo-header-top #searchform:hover:after { color: #009ce7; } #zo-header-logo, #zo-header-social .zo-social { text-align: center; } #zo-header-social .zo-social { padding: 0; /*End 1.Header top*/ } #zo-header { width: 100%; z-index: 999; top: 0; position: relative; -webkit-transition: all 420ms linear 0ms; -khtml-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; -o-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ /*** Admin Bar ***/ } #zo-header.no-sticky { position: relative; } #zo-header.no-sticky.header-fixed-page { position: fixed; } #zo-header.header-fixed, #zo-header.header-fixed-page { position: fixed; -webkit-transition: all 250ms linear 0ms; -khtml-transition: all 250ms linear 0ms; -moz-transition: all 250ms linear 0ms; -ms-transition: all 250ms linear 0ms; -o-transition: all 250ms linear 0ms; transition: all 250ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #zo-header #zo-header-logo a img { max-width: 86px; -webkit-transition: all 250ms linear 0ms; -khtml-transition: all 250ms linear 0ms; -moz-transition: all 250ms linear 0ms; -ms-transition: all 250ms linear 0ms; -o-transition: all 250ms linear 0ms; transition: all 250ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #zo-header > .container { position: relative; z-index: 99; } #zo-header.header-fixed-page.header-fixed-page-trans { position: absolute; } #zo-header.zo-header-shorted #zo-header-navigation { box-shadow: none; /* .zo-social { padding: 0; } */ } #zo-header #zo-header-navigation { box-shadow: 0 0 0 1px #e6e6e6 inset; -webkit-box-shadow: 0 0 0 1px #e6e6e6 inset; } @media (min-width: 992px) { #zo-header #zo-header-navigation .container-fluid { padding-right: 0; padding-left: 0; } #zo-header #zo-header-navigation .container-fluid > .row { margin-left: 0; margin-right: 0; } #zo-header #zo-header-navigation .container-fluid > .row > div { padding-right: 0; padding-left: 0; } } .admin-bar { /*** End Admin Bar ***/ /*** Logo ***/ } .admin-bar #zo-header.header-fixed { top: 32px; } @media (max-width: 799px) { .admin-bar #zo-header.header-fixed { top: 46px; } } #zo-header-logo a { display: block; margin: auto; -webkit-transition: all 250ms linear 0ms; -khtml-transition: all 250ms linear 0ms; -moz-transition: all 250ms linear 0ms; -ms-transition: all 250ms linear 0ms; -o-transition: all 250ms linear 0ms; transition: all 250ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ /*** End Logo ***/ /* ========================================================================== End All Style Header ========================================================================== */ } #zo-header.header-fixed #zo-header-top { max-height: 0; overflow: hidden; opacity: 0; padding: 0; } #zo-footer-page { text-align: center; /* End Widget Categories */ } #zo-footer-page .zo-footer-top-logo { margin-bottom: 20px; } #zo-footer-page .zo-footer-top-logo img { max-width: 84px; } #zo-footer-page #zo-footer-bottom .textwidget { color: #323232; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em; line-height: 30px; font-weight: 500; } footer.entry-meta { font-size: 13px; color: #757575; margin: 0; text-align: center; clear: both; /* Back To Top */ } .back_to_top { color: #cdcdcd; height: auto; position: fixed; bottom: -40px; margin: 0; z-index: 10000; -webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; right: 25px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; -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 */ border: 2px solid #e8e8e8; } .back_to_top.on { opacity: 1; filter: alpha(opacity=100); display: block; bottom: 10px; } #back_to_top span { width: 42px; height: 42px; line-height: 42px; text-decoration: none; -webkit-transition: all 0.2s ease 0s; -khtml-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -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 */ background: rgba(0, 0, 0, 0.10); display: block; text-align: center; color: #b0b0b0; /* End Back To Top */ /* ========================================================================== End Style Footer ========================================================================== */ } #back_to_top span:hover { background: rgba(0, 0, 0, 0.60); color: #fff; } #back_to_top span i { font-size: 15px; -webkit-transition: all 0.2s ease 0s; -khtml-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ line-height: 42px; } 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: #444; font-size: 18px; font-weight: 100; padding: 14px 30px; border: 1px solid #e6e6e6; width: 100%; line-height: 30px; outline: 0; } textarea { height: 200px; max-height: 200px; 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 { background-color: rgba(229, 229, 229, 0.3); border: 1px solid #009ce7; outline: 0; } .form-group { margin-bottom: 10px; /** Contact Form 7 */ } .wpcf7-form { /* ========================================================================== [End] All Style Form ========================================================================== */ /* Become Volunteer Form =======================================================================*/ } .wpcf7-form .wpcf7-form-item { margin-bottom: 24px; } .wpcf7-form textarea { height: 218px; } .wpcf7-form input[type="submit"] { margin-top: 20px; font-size: 12px; letter-spacing: 2.4px; line-height: 30px; padding: 22px 64px; } .wpcf7-form .wpcf7-form-control-wrap { display: block; } .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; right: 15px; bottom: -6px; color: #009ce7; } .wpcf7-form .wpcf7-validation-errors { display: block; text-align: center; margin: 20px 0 0; border: 1px solid #009ce7; } .wpcf7-form .wpcf7-not-valid { border: 1px solid #009ce7; } .wpcf7-form .wpcf7-response-output { text-align: center; } .modal .modal-dialog .modal-content .modal-header { position: relative; } .modal .modal-dialog .modal-content .modal-header .close { position: absolute; top: 10px; right: 10px; padding: 0 0 0 2px; font-size: 21px; text-align: center; width: 40px; height: 40px; line-height: 40px; } #volunteer-form .modal-content .modal-header p, #volunteer-form .modal-content .modal-header br { display: none; } .volunteer-body { padding: 10px 10px 0; /* CONTACT FORM */ } .volunteer-body .row { margin-bottom: 10px; } .volunteer-body .row .wpcf7-form-control-wrap textarea { height: 150px; } .volunteer-body .row .action { text-align: right; } .volunteer-body .row .action input[type="submit"] { margin-top: 5px; } .zo-contactform .zo-contact-input::-webkit-input-placeholder { color: #b2b2b2; font-style: italic; } .zo-contactform .zo-contact-input:-moz-placeholder { color: #b2b2b2; font-style: italic; } .zo-contactform .zo-contact-input::-moz-placeholder { color: #b2b2b2; font-style: italic; } .zo-contactform .zo-contact-input:-ms-input-placeholder { color: #b2b2b2; font-style: italic; } .zo-contactform .zo-contact-input:placeholder { color: #b2b2b2; font-style: italic; } .zo-contactform .zo-contact-input { color: #323232; } .zo-contactform input[type="submit"] { padding: 0 30px; line-height: 55px; min-width: 170px; color: #323232; border-color: #009ce7; background: #fff; } .zo-contactform input[type="submit"]:hover { background: #009ce7; border-color: #009ce7; color: #fff; } .wpcf7-response-output.wpcf7-mail-sent-ok { margin-left: 0; margin-right: 0; } .zo-searchform-heaertop { display: none; z-index: 999; position: absolute; left: 0; right: 0; } .zo-searchform-heaertop .searchform { margin: 0; } .zo-searchform-heaertop .searchform:after { content: "\e6df"; font-family: 'rt-icons'; line-height: 120px; font-size: 60px; right: 120px; background-color: transparent; color: #009ce7; } @media (max-width: 767px) { .zo-searchform-heaertop .searchform:after { font-size: 40px; right: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .zo-searchform-heaertop .searchform:after { right: 30px; } } .zo-searchform-heaertop .searchform input[type = "submit"] { right: 120px; width: 120px; height: 120px; } @media (max-width: 991px) { .zo-searchform-heaertop .searchform input[type = "submit"] { right: 0; } } @media (max-width: 767px) { .zo-searchform-heaertop .searchform input[type = "submit"] { height: 100%; width: 75px; } } .zo-searchform-heaertop .searchform input { border-width: 0; background-color: #323232; font-size: 60px; line-height: 100px; padding: 10px 120px; } .zo-searchform-heaertop .searchform input[type = "text"] { color: #b2b2b2; } @media (min-width: 768px) and (max-width: 991px) { .zo-searchform-heaertop .searchform input[type = "text"] { font-size: 40px; } } @media (max-width: 767px) { .zo-searchform-heaertop .searchform input[type = "text"] { font-size: 25px; padding: 10px 75px 10px 10px; } } .zo-searchform-heaertop .searchform input::-webkit-input-placeholder { color: #b2b2b2; } .zo-searchform-heaertop .searchform input:-moz-placeholder { color: #b2b2b2; } .zo-searchform-heaertop .searchform input::-moz-placeholder { color: #b2b2b2; } .zo-searchform-heaertop .searchform input:-ms-input-placeholder { color: #b2b2b2; } form.register, form.login { width: 370px; position: absolute; top: 100px; left: 50%; z-index: 1000; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ background-color: #fff; text-align: center; } form.register h2, form.login h2, form.register h3, form.login h3 { text-align: center; margin: 0; font-weight: 100; line-height: 40px; } form.register h2, form.login h2 { font-size: 40px; color: #009ce7; } form.register h3, form.login h3 { font-size: 30px; color: #323232; padding-top: 45px; } form.register ul.zo-social-register, form.login ul.zo-social-register, form.register ul.zo-social-login, form.login ul.zo-social-login { list-style: none; margin: 0; margin-top: 45px; } form.register ul.zo-social-register li a, form.login ul.zo-social-register li a, form.register ul.zo-social-login li a, form.login ul.zo-social-login li a { display: block; line-height: 30px; font-size: 12px; margin-bottom: 10px; font-weight: 400; text-transform: uppercase; padding: 15px 0; letter-spacing: 0.2em; color: #fff; } form.register ul.zo-social-register li a.zo-facebook, form.login ul.zo-social-register li a.zo-facebook, form.register ul.zo-social-login li a.zo-facebook, form.login ul.zo-social-login li a.zo-facebook { background-color: #507cbe; } form.register ul.zo-social-register li a.zo-twitter, form.login ul.zo-social-register li a.zo-twitter, form.register ul.zo-social-login li a.zo-twitter, form.login ul.zo-social-login li a.zo-twitter { background-color: #00abef; } form.register ul.zo-social-register li a.zo-google, form.login ul.zo-social-register li a.zo-google, form.register ul.zo-social-login li a.zo-google, form.login ul.zo-social-login li a.zo-google { background-color: #cb4437; } form.register ul.zo-social-register li:last-child a, form.login ul.zo-social-register li:last-child a, form.register ul.zo-social-login li:last-child a, form.login ul.zo-social-login li:last-child a { margin-bottom: 0; } form.register ul.zo-social-login, form.login ul.zo-social-login, form.register ul.zo-social-register, form.login ul.zo-social-register, form.register .zo-contactform, form.login .zo-contactform { padding: 0 50px; } form.register ul.zo-problem-account, form.login ul.zo-problem-account { margin: 0; margin-top: 24px; margin-bottom: -6px; padding: 0; list-style: none; } form.register ul.zo-problem-account li, form.login ul.zo-problem-account li { line-height: 1px; } form.register ul.zo-problem-account li a, form.login ul.zo-problem-account li a { text-transform: uppercase; font-size: 12px; font-weight: 100; line-height: 20px; letter-spacing: 0.2em; } form.register .or, form.login .or { margin: 34px 0; position: relative; } form.register .or:before, form.login .or:before, form.register .or:after, form.login .or:after { content: ""; height: 1px; background-color: #e5e5e5; display: block; width: 160px; position: absolute; top: 50%; } form.register .or:before, form.login .or:before { left: 0; } form.register .or:after, form.login .or:after { left: calc(100% - 160px); } form.register .zo-contactform, form.login .zo-contactform { text-align: center; } form.register .zo-contactform .zo-contact-input, form.login .zo-contactform .zo-contact-input { margin-bottom: 10px; text-align: center; } form.register .zo-contactform .zo-contact-input:last-child, form.login .zo-contactform .zo-contact-input:last-child { margin-bottom: 0 !important; } form.register input[type = "submit"], form.login input[type = "submit"] { -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 STYLE */ background-color: #009ce7; color: #fff !important; } form.register input[type = "password"], form.login input[type = "password"] { margin-bottom: 0 !important; } form.register img, form.login img { margin-bottom: 10px; } @media (min-width: 1200px) { body .zo-newletter > .vc_column-inner { padding-right: 115px; } } .zo-newletter .wpb_widgetised_column .widget_newsletterwidget { margin: 40px 0; } .zo-newletter .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form { position: static; float: right; width: 470px; } @media (min-width: 850px) and (max-width: 1199px) { .zo-newletter .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form { width: 400px; } } @media (min-width: 768px) and (max-width: 849px) { .zo-newletter .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form { width: 330px; } } @media (max-width: 639px) { .zo-newletter .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form { width: 100%; } } .zo-newletter .big_heading * { letter-spacing: 0; } body.remove-margin-top { margin-top: 0; } body #page { word-wrap: break-word; /* Start style for layout dark */ } body.cmstheme-dark { /* end style for layout dark */ } body.cmstheme-dark #page { background: #323232; } body.cmstheme-dark footer.entry-meta { background: #fff; } body.cmstheme-dark .zo-book-room .wpcf7-validation-errors { color: #fff; } body.cmstheme-dark .template-zo_fancybox--layout-2 .zo-fancy-box-item .zo-fancy-box-boxright .zo-fancy-box-title { color: #fff; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { background-color: #fff; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a .vc_tta-title-text { color: #323232; text-transform: uppercase; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover { background-color: #009ce7; -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 */ /* TRIPLE BORDERS */ } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover .vc_tta-title-text { color: #fff; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { background-color: #009ce7; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a .vc_tta-title-text { color: #fff; } body.cmstheme-dark .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #fff; } body.cmstheme-dark .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-title-text { color: #323232; } body.cmstheme-dark .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i.vc_tta-controls-icon:before, body.cmstheme-dark .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i.vc_tta-controls-icon:after { border-color: #323232; } body.cmstheme-dark .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border-color: #474747; } body.cmstheme-dark .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-title-text { color: #323232; } body.cmstheme-dark .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a i.vc_tta-controls-icon:before, body.cmstheme-dark .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a i.vc_tta-controls-icon:after { border-color: #fff; } body.cmstheme-dark .tp-video-play-button { background: url("../images/bg_sale_dark.png"); } body.cmstheme-dark .template-zo_carousel--room.zo-carousel-room-title { background-color: #323232; color: #fff; } body.cmstheme-dark .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale { background-image: url('../images/bg_sale_dark.png'); } body.cmstheme-dark .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale.feature { background-image: url('../images/bg_sale_feature.png'); } body.cmstheme-dark .template-zo_carousel--room .owl-nav div.owl-prev, body.cmstheme-dark .template-zo_carousel--room .owl-nav div.owl-next { background-color: #fff; } body.cmstheme-dark .template-zo_carousel--room .owl-nav div.owl-prev i, body.cmstheme-dark .template-zo_carousel--room .owl-nav div.owl-next i { color: #323232; } body.cmstheme-dark .template-zo_carousel--room .owl-nav div.owl-prev:hover i, body.cmstheme-dark .template-zo_carousel--room .owl-nav div.owl-next:hover i { color: #009ce7; } body.cmstheme-dark .template-zo_carousel--testimonial .owl-nav div.owl-prev { background: #009ce7; } body.cmstheme-dark .template-zo_carousel--testimonial .owl-nav div.owl-prev i { color: #fff; } body.cmstheme-dark .template-zo_carousel--testimonial .owl-nav div.owl-next { background: #fff; } body.cmstheme-dark .template-zo_carousel--testimonial .owl-nav div.owl-next i { color: #323232; } body.cmstheme-dark .template-zo_carousel--testimonial.zo-nav-block .owl-nav:hover div.owl-prev { background: #fff; } body.cmstheme-dark .template-zo_carousel--testimonial.zo-nav-block .owl-nav:hover div.owl-prev i { color: #009ce7; } body.cmstheme-dark .template-zo_carousel--testimonial.zo-nav-block .owl-nav:hover div.owl-next { background: #009ce7; } body.cmstheme-dark .template-zo_carousel--testimonial.zo-nav-block .owl-nav:hover div.owl-next i { color: #fff; } body.cmstheme-dark .zo-carousel-testimonial-title, body.cmstheme-dark .zo-carousel-testimonial-title.template-zo_carousel--testimonial { color: #fff; opacity: 0.05; } body.cmstheme-dark .template-zo_carousel--gallery .zo-carousel-title a { color: #fff; } body.cmstheme-dark .zo-tab-about-home h2 { color: #323232; opacity: 0.9; } body.cmstheme-dark .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content .zo-single-fancybox-content p { color: #fff; } body.cmstheme-dark .template-zo_fancybox_single--layout1.zo-about-fancybox .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { color: #fff; } @media (max-width: 767px) { body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a, body.cmstheme-dark .zo-about-home .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { background-color: #fff; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a .vc_tta-title-text, body.cmstheme-dark .zo-about-home .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a .vc_tta-title-text { color: #323232; text-transform: uppercase; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover, body.cmstheme-dark .zo-about-home .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover { background-color: #009ce7; -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 */ /* TRIPLE BORDERS */ } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover .vc_tta-title-text, body.cmstheme-dark .zo-about-home .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover .vc_tta-title-text { color: #fff; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a, body.cmstheme-dark .zo-about-home .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { background-color: #009ce7; } body.cmstheme-dark .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a .vc_tta-title-text, body.cmstheme-dark .zo-about-home .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a .vc_tta-title-text { color: #fff; } } .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 { position: relative; } body #page #main { clear: both; } 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 */ /* TRIPLE BORDERS */ } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; letter-spacing: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #009ce7; } p { margin: 0 0 23px; } img { height: auto; max-width: 100%; } .w50 { float: left; width: 50%; } body .wpb_content_element, body .wpb_button { margin: 0 auto; } .entry-content > .vc_row-fluid { background-color: #fff; } .bg-effect-lg, .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel, .zo-progress-layout-default .zo-progress-main .zo-progress .progress-bar, .bg-effect-sm, .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a, .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default.ui-tabs-active a span { background-position: center center; background-repeat: repeat-y; background-size: 100%; } .bg-position-center { background-position: center center !important; } .bg-dark-inset .wpb_wrapper { background: #060606; } .bg-main-inset .wpb_wrapper { background: #009ce7; } .wpb_single_image img { width: 100%; /* ========================================================================== [End] 1. Reset HTML/CSS, Unitest, Body ========================================================================== */ /* ========================================================================== [Start] 2. Page Title ========================================================================== */ } #page-title-text h1 { padding-bottom: 0; text-transform: uppercase; margin: 0; } .page-sub-title { font-size: 18px; font-weight: 700; text-align: center; } #breadcrumb-text { text-transform: uppercase; /* ========================================================================== [End] 2. Page Title ========================================================================== */ /* ========================================================================== [Start] 3. Primary ========================================================================== */ /* ----> List Style */ } #breadcrumb-text .breadcrumbs { text-align: center; margin: 0; padding: 0; } #breadcrumb-text .breadcrumbs li { display: inline-block; color: #fff; } #breadcrumb-text .breadcrumbs li:before { content: "/"; font-size: 12px; padding: 0 10px; } #breadcrumb-text .breadcrumbs li:first-child:before { content: ''; display: none; } #breadcrumb-text .breadcrumbs li:last-child { color: #009ce7; } #breadcrumb-text .breadcrumbs a { color: #fff; font-size: 12px; line-height: 30px; letter-spacing: 2.4px; } .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-width: 2px; border-style: solid; border-color: #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 { position: relative; } .entry-content .wpb_row.background-image-fixed .zo-overlay-color { height: 100%; left: 0; top: 0; position: absolute; width: 100%; } .row-custom-bg-color { position: relative; /* ----> End VC Row Backgrund Color Custom */ } .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; } .zo-row-arrow { border-style: solid; border-width: 20px; 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-overlay-color .zo-overlay-color { position: absolute; width: 100%; height: 100%; top: 0; } .row-arrow-bottom .zo-row-arrow { border-top-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] 3. Primary ========================================================================== */ } #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 STYLE */ } #take-action { /* [Start] Contact page ========================================================================== */ } #take-action .bg-position-center { background-position: center center !important; } #take-action .bg-position-top { background-position: top center !important; } .contact-info { list-style: none inside; } .contact-info li { display: inline-block; width: 40%; } .contact-info li.address { display: block; margin-bottom: 15px; width: 100%; } .contact-info li i { padding-right: 10px; color: #009ce7; } @media screen and (max-width: 767px) { .contact-info li { width: 100%; margin-bottom: 15px; } } .contact-class h2 { color: #009ce7; } .contact-class h2 i { padding-right: 5px; } .st-contact input[type="text"], .st-contact input[type="email"], .st-contact textarea { background: #fff; border: none; font-weight: 400; border-bottom: 1px solid #eee; border-radius: 0; padding-left: 3px; } .st-contact textarea { height: 45px; } #st-contact-submit { /* [Start] Newsletter ==============================================================*/ } #st-contact-submit input[type="submit"] { background-color: #fff; border-color: #009ce7; padding: 15px 30px; color: #333 !important; } #st-contact-submit input[type="submit"]:visited, #st-contact-submit input[type="submit"]:active, #st-contact-submit input[type="submit"]:hover { background: #009ce7; color: #fff; } .widget_newsletterwidget { /* [Start] Eror Page ==============================================================*/ } .widget_newsletterwidget .wg-title { color: #333; font-size: 20px; } .widget_newsletterwidget .newsletter form p { float: left; width: calc(100% - 60px); padding: 0 40px 0 0; } @media screen and (max-width: 1200px) { .widget_newsletterwidget .newsletter form p { padding-right: 20px; } .widget_newsletterwidget .newsletter form p:last-child { width: 20%; text-align: right; } } @media screen and (max-width: 768px) { .widget_newsletterwidget .newsletter form p:last-child { text-align: center !important; } } .widget_newsletterwidget .newsletter form p input { padding: 15px 0; background: #fff; border-radius: 0; border: none; } .widget_newsletterwidget .newsletter form p input.newsletter-submit { padding: 16px 35px; border: 1px solid #009ce7; } .widget_newsletterwidget .newsletter form p input.newsletter-submit:hover { background-color: #009ce7; } .widget_newsletterwidget .newsletter form p:last-child { width: 60px; text-align: right; padding: 0; } .error404 { /* [End] Eror Page ==============================================================*/ /* [Start] Team ==============================================================*/ } .error404 #main { padding: 0 !important; } .error404 #main #primary { background-color: transparent; } .error404 #page-title { margin-bottom: 195px; } @media (max-width: 767px) { .error404 #page-title { margin-bottom: 120px; } } .error404 .entry-error404 { text-align: center; } .error404 .entry-error404 .entry-header img { margin-bottom: 40px; } .error404 .entry-error404 .entry-header h1 { font-size: 250px; line-height: 100px; font-weight: 400; color: #009ce7; margin: 0; } .error404 .entry-error404 .entry-header h2 { color: #323232; font-weight: 100; font-size: 60px; line-height: 100px; margin-top: 32px; } .error404 .entry-error404 .entry-header p { font-size: 30px; line-height: 100px; font-weight: 100; color: #323232; margin-top: -65px; } @media (max-width: 767px) { .error404 .entry-error404 .entry-header h1 { font-size: 150px; } .error404 .entry-error404 .entry-header h2 { line-height : 1; } .error404 .entry-error404 .entry-header p { line-height: 40px; margin-top: 0; margin-bottom: 32px; } } .error404 .entry-error404 .entry-content { margin-top: -19px; } .error404 .entry-error404 .entry-content form.searchform { width: 33%; margin: 0 auto; } @media (max-width: 767px) { .error404 .entry-error404 .entry-content form.searchform { width: 100%; } } .error404 .entry-error404 .entry-content .or { margin: 27px auto; } .error404 .entry-error404 .entry-footer { margin-bottom: 120px; } .zo-team-wrap { /* [End] Team ==============================================================*/ /* Woo Commerce ==============================================================*/ } .zo-team-wrap .zo-team-header { margin-bottom: 15px; text-align: center; } .zo-team-wrap .zo-team-header .zo-team-image { width: 180px; height: 180px; position: relative; margin: 0 auto; overflow: hidden; -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 */ } .zo-team-wrap .zo-team-header img { border: 7px solid transparent; -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 */ } .zo-team-wrap .zo-team-header .overlay { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; background: #2b211e; border: 7px solid #009ce7; -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-transition: opacity 400ms linear 0s; -khtml-transition: opacity 400ms linear 0s; -moz-transition: opacity 400ms linear 0s; -ms-transition: opacity 400ms linear 0s; -o-transition: opacity 400ms linear 0s; transition: opacity 400ms linear 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-team-wrap .zo-team-header .overlay .social { position: absolute; top: 50%; left: 0; -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 STYLE */ width: 100%; text-align: center; list-style: none inside; margin: 0; padding: 0; } .zo-team-wrap .zo-team-header .overlay .social li { display: inline-block; margin-right: 20px; } .zo-team-wrap .zo-team-header .overlay .social li:last-child { margin-right: 0; } .zo-team-wrap .zo-team-header .overlay .social li a { font-size: 16px; color: #fff; } .zo-team-wrap .zo-team-header .overlay .social li a:hover { color: #009ce7; } .zo-team-wrap .zo-team-header:hover .overlay { opacity: 0.8; } .zo-team-wrap .zo-team-detail .zo-team-name { color: #333; font-size: 14px; margin: 0; padding: 0; line-height: 16px; } .zo-team-wrap .zo-team-detail .zo-team-position { color: #009ce7; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; } .woocommerce ul.products { padding: 0; margin: 0; list-style: none inside; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 31%; margin-right: 3.5%; } .woocommerce ul.products li.product.last, .woocommerce-page ul.products li.product.last { margin-right: 0; } .woocommerce ul.products li.product.first, .woocommerce-page ul.products li.product.first { clear: left; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { margin: 0; -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 */ background-color: #009ce7; z-index: 10; text-transform: uppercase; } @media screen and (max-width: 991px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { clear: none; } } @media screen and (max-width: 767px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; margin-right: 0; clear: both; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { margin-right: 0; } .woocommerce ul.products li.product.last, .woocommerce-page ul.products li.product.last { margin-right: 0; } .woocommerce ul.products li.product.first, .woocommerce-page ul.products li.product.first { clear: none; } } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left; } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item { position: relative; } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.3); /* BORDER RADIUS */ opacity: 0; -webkit-transition: opacity 200ms linear; -khtml-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -ms-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; transition: opacity 200ms linear; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-add-to-cart, .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-view-detail { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; opacity: 0; } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-add-to-cart { -webkit-transform: translate(0%, -100%); -khtml-transform: translate(0%, -100%); -moz-transform: translate(0%, -100%); -ms-transform: translate(0%, -100%); -o-transform: translate(0%, -100%); transform: translate(0%, -100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 200ms ease-in-out 100ms; -khtml-transition: all 200ms ease-in-out 100ms; -moz-transition: all 200ms ease-in-out 100ms; -ms-transition: all 200ms ease-in-out 100ms; -o-transition: all 200ms ease-in-out 100ms; transition: all 200ms ease-in-out 100ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ margin-top: -70px; } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-add-to-cart .add_to_cart_button.added { display: none; } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-add-to-cart .add_to_cart_button.loading:after { content: ""; display: inline-block; height: 16px; width: 16px; background: url("../images/loader.gif") no-repeat center center transparent; margin-left: 10px; } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-add-to-cart .added_to_cart { line-height: 1; display: inline-block; 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 */ /* TRIPLE BORDERS */ font-weight: 400; letter-spacing: 2px; background-color: #fff; color: #333; font-size: 12px; padding: 15px 25px; border: 1px solid #009ce7; text-transform: uppercase; -webkit-border-radius: 40px; -khtml-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; /* BACKGROUND GRADIENT */ } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-add-to-cart .added_to_cart:hover { background: #009ce7; color: #fff; } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-add-to-cart .added_to_cart:before { content: "\f217"; font-family: 'FontAwesome'; padding-right: 5px; } .woocommerce-page .zo-carousel-item-wrap .zo-carousel-item .zo-woo-overlay .zo-view-detail { margin-top: -50px; -webkit-transition: all 200ms ease-in-out 0s; -khtml-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -ms-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woocommerce-page .zo-carousel-item-wrap .zo-woo-meta .zo-product-title { text-transform: uppercase; font-size: 14px; margin: 0; padding: 0.5em 0; } .woocommerce-page .zo-carousel-item-wrap .zo-woo-meta .zo-product-price { margin-bottom: 10px; } .woocommerce-page .zo-carousel-item-wrap .zo-woo-meta .zo-product-price del { margin-right: 20px; } .woocommerce-page .zo-carousel-item-wrap .zo-woo-meta .zo-product-price ins { font-size: 18px; } .woocommerce-page .zo-carousel-item-wrap:hover .zo-carousel-item .zo-woo-overlay { opacity: 1; } .woocommerce-page .zo-carousel-item-wrap:hover .zo-carousel-item .zo-woo-overlay .zo-add-to-cart { margin-top: -20px; opacity: 1; } .woocommerce-page .zo-carousel-item-wrap:hover .zo-carousel-item .zo-woo-overlay .zo-view-detail { opacity: 1; margin-top: 0; } .woocommerce-page .zo-related .zo-title { text-transform: uppercase; } .woocommerce .star-rating { float: none; } .woocommerce .woocommerce-ordering select { padding: 7px 10px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #009ce7; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #fff; border: 1px solid #009ce7; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /* BACKGROUND GRADIENT */ padding: 0.618em 1em; font-weight: 400; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff; background-color: #009ce7; } .woocommerce .quantity .qty { background-color: #fff; -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 */ border: 1px solid #009ce7; line-height: 1; padding: 13px 10px; width: 69px; } .woocommerce div.product span.onsale { margin: 0; -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 */ background-color: #009ce7; z-index: 10; top: 0; left: 0; text-transform: uppercase; } .woocommerce div.product .product_title { text-transform: uppercase; position: relative; padding-bottom: 15px; margin-bottom: 20px; } .woocommerce div.product .product_title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 1px; background-color: #009ce7; } .woocommerce div.product .rating-price .woocommerce-product-rating, .woocommerce div.product .rating-price .woocommerce-product-price { margin-bottom: 15px; } .woocommerce div.product .rating-price .woocommerce-product-price .price del, .woocommerce div.product .rating-price .woocommerce-product-price .price ins { display: inline-block; } .woocommerce div.product .rating-price .woocommerce-product-price .price .amount { display: inline-block; background-color: #009ce7; border-radius: 5px; color: #fff; font-weight: 600; margin-bottom: 10px; padding: 10px; } .woocommerce div.product .rating-price .woocommerce-product-price .price del { margin-right: 10px; opacity: 0.5; } .woocommerce div.product .rating-price .woocommerce-product-price .price ins { font-size: 18px; } .woocommerce div.product .single_add_to_cart_button { -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 */ } .woocommerce .woocommerce-info { border-top-color: #009ce7; } .woocommerce .woocommerce-info:before { color: #009ce7; } .woocommerce-cart table.cart td.actions .coupon #coupon_code { width: 200px; -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 */ background-color: #fff; border: 1px solid #009ce7; line-height: 1; padding: 7px 10px; } .woocommerce-cart table.cart td.actions .coupon .quantity .qty { padding: 10px; } .woocommerce-cart .cart-collaterals .cart_totals > h2 { text-transform: uppercase; position: relative; padding-bottom: 15px; margin-bottom: 20px; } .woocommerce-cart .cart-collaterals .cart_totals > h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 1px; background-color: #009ce7; } .woocommerce-cart .cart-collaterals .cart_totals table { width: 100%; } .woocommerce-checkout h3 { text-transform: uppercase; } .woocommerce-checkout .select2-container .select2-choice { padding: 3px 15px; } .woocommerce-checkout .woocommerce > p:first-child { text-align: center; padding: 10px; border: 1px solid #009ce7; font-size: 18px; } .woocommerce-checkout .woocommerce .order_details li { width: 25%; text-align: center; margin: 0; font-size: 14px; } .woocommerce-checkout .woocommerce .order_details li strong { font-size: 16px; } .woocommerce-checkout .woocommerce h2 { text-transform: uppercase; } .owl-theme .owl-controls { /* ========================================================================== [Start] 1. Shortcode Fancy Box ========================================================================== */ /* ----> Fancy Layout 1 Default */ } .owl-theme .owl-controls .owl-prev, .owl-theme .owl-controls .owl-next { display: inline-block; margin: 30px 3px 0 3px; height: 40px; line-height: 40px; width: 40px; background-color: #eee; color: #009ce7; font-size: 22px; -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 */ /* TRIPLE BORDERS */ } .owl-theme .owl-controls .owl-prev i, .owl-theme .owl-controls .owl-next i { line-height: 40px; } .owl-theme .owl-controls .owl-prev:hover, .owl-theme .owl-controls .owl-next:hover { background-color: #009ce7; color: #fff; } .owl-theme .owl-controls .owl-prev i:before, .owl-theme .owl-controls .owl-next i:before { content: "\e684"; font-family: 'Pe-icon-7-stroke'; font-size: 36px; } .owl-theme .owl-controls .owl-prev i:before { content: "\e686"; } .owl-theme .owl-controls .owl-dots { margin-top: 30px; } .owl-theme .owl-controls .owl-dot { display: inline-block; zoom: 1; /*IE7 life-saver */ *display: inline; } .owl-theme .owl-controls .owl-dot span { display: block; width: 9px; height: 9px; margin: 5px 7px; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -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 */ background: #666; } .owl-theme .owl-controls .owl-dot.active span { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ background: #fff; } .owl-theme .owl-controls.clickable .owl-dot:hover span { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ background: #fff; } .zo-fancybox-layout-default { /* ----> End Fancy Layout Default */ /* ----> Fancy Layout 1 */ } .zo-fancybox-layout-default .zo-fancybox-inner { -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; /* BACKGROUND GRADIENT */ padding: 15px 10px; min-height: 230px; margin-bottom: 20px; overflow: hidden; position: relative; } .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-content-icon i, .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-image span { display: inline-block; color: #009ce7; text-align: center; font-size: 40px; } .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-content-icon, .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-image { margin-bottom: 20px; } .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-image span { line-height: 100px; } .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-title { margin: 0 0 15px; color: #333; text-transform: uppercase; font-size: 16px; } .zo-fancybox-layout-1 { /* ----> End Fancy Layout 1 */ /* ----> Fancy Layout 2 */ } .zo-fancybox-layout-1 .zo-fancy-box-image { position: relative; } .zo-fancybox-layout-1 .zo-fancy-box-image img { width: 100%; } .zo-fancybox-layout-1 .zo-fancy-box-image .zo-fancy-box-meta { position: absolute; bottom: 0; left: 0; height: 70px; width: 100%; background-color: rgba(0, 0, 0, 0.7); color: #fff; padding-top: 8px; } .zo-fancybox-layout-1 .zo-fancy-box-image .zo-fancy-box-meta span { display: inline-block; text-align: center; height: 70px; width: 49%; font-weight: 700; } .zo-fancybox-layout-1 .zo-fancy-box-main { padding: 12px 18px; color: #fff; font-size: 16px; } .zo-fancybox-layout-1 .zo-fancy-box-main .zo-fancy-box-title { color: #fff; margin: 0 0 5px; } .zo-fancybox-layout-1 .zo-fancy-box-main h2.zo-fancy-box-title { font-size: 42px; } .zo-fancybox-layout-1 .zo-fancy-box-main .zo-fancy-box-readmore { text-align: center; } .zo-fancybox-layout-1 .zo-fancy-box-main .btn { padding: 10px 35px; } .template-zo_fancybox--layout-2 { /* ----> End Fancy Layout 2 */ /* ----> Fancy Layout 3 */ } .template-zo_fancybox--layout-2 .zo-fancy-box-item .zo-fancy-box-content-icon { float: left; } .template-zo_fancybox--layout-2 .zo-fancy-box-item .zo-fancy-box-content-icon i { border-radius: 0px; border: 0px; color: #009ce7; font-size: 30px; line-height: 60px; padding-left: 10px; text-align: center; } .template-zo_fancybox--layout-2 .zo-fancy-box-item .zo-fancy-box-boxright { padding-left: 50px; } .template-zo_fancybox--layout-2 .zo-fancy-box-item .zo-fancy-box-boxright .zo-fancy-box-title { color: #333; font-size: 18px; line-height: 60px; font-weight: 100; margin-bottom: 0; } .zo-fancybox-layout-3 { /* ----> End Fancy Layout 3 */ /* ========================================================================== [End] 1. Shortcode Fancy Box ========================================================================== */ /* ========================================================================== [Start] 2. Shortcode Pie Chart ========================================================================== */ } .zo-fancybox-layout-3 .zo-fancy-box-content-icon, .zo-fancybox-layout-3 .zo-fancy-box-image { margin-right: 18px; } .zo-fancybox-layout-3 .zo-fancy-box-content-icon i, .zo-fancybox-layout-3 .zo-fancy-box-image i { text-align: center; background-color: #009ce7; -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 */ color: #fff; font-size: 25px; height: 55px; line-height: 52px; width: 55px; border: 2px solid #009ce7; } .zo-fancybox-layout-3 .zo-fancy-box-boxright .zo-fancy-box-title { margin: 0; line-height: 55px; } .zo-fancybox-layout-3 .zo-fancy-box-boxright .zo-fancy-box-content { margin-top: 12px; } .zo-fancybox-layout-3 .zo-fancy-box-boxright h6.zo-fancy-box-title { color: #9c9c9c; font-family: Dosis; font-size: 18px; font-weight: 400; } .vc_pie_chart .vc_pie_chart_back { border-color: #ddd; opacity: 1; /* ========================================================================== [End] 2. Shortcode Pie Chart ========================================================================== */ /* ========================================================================== [Start] 3. Team ========================================================================== */ /* ----> Start Team Layout 1 Grid */ } .zo-team-layout1 { text-align: center; /* ----> End Team Layout 1 */ /* ----> Start Carousel Team Layout 1 */ } .zo-team-layout1 .zo-grid-title h2 { font-size: 50px; margin: 0 0 5px; line-height: 55px; } .zo-team-layout1 .zo-grid-categories { margin-bottom: 30px; } .zo-carousel-team-layout1 { text-align: center; /* ----> End Carousel Team Layout 1 */ /* ========================================================================== [End] 3. Team ========================================================================== */ /* ========================================================================== [Start] 4. Testimonial ========================================================================== */ /* ----> Start Testimonial Layout 1 */ } .zo-carousel-team-layout1 .zo-carousel-title h2 { font-size: 50px; margin: 0 0 5px; line-height: 55px; } .zo-carousel-team-layout1 .zo-carousel-categories { margin-bottom: 30px; } .zo-testimonial-layout1 { text-align: center; /* ----> End Testimonial Layout 1 */ /* ========================================================================== [End] 4. Testimonial ========================================================================== */ /* ========================================================================== [Start] 5. Tabs ========================================================================== */ } .zo-testimonial-layout1 .zo-testimonial-content { padding: 0 200px; } .zo-testimonial-layout1 .zo-testimonial-title { margin: 20px 0 0; } .zo-testimonial-layout1 .zo-testimonial-rating span { height: 15px; width: 89px; display: inline-block; background: url(../images/rating-testimonial.png) no-repeat 0 0; } .zo-testimonial-layout1 .zo-testimonial-rating span.4star { width: 70px; } .zo-testimonial-layout1 .zo-testimonial-rating span.3star { width: 52px; } .zo-testimonial-layout1 .zo-testimonial-rating span.2star { width: 35px; } .zo-testimonial-layout1 .zo-testimonial-rating span.1star { width: 15px; } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper { /*Zo tab*/ } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav { text-align: center; } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default { float: none; display: inline-block; padding: 2px 0; margin: 0 1px; } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a { font-size: 21px; font-weight: 700; background-color: #33b9d4; color: #fff; line-height: 50px; padding: 0 30px; margin: 0; border: 2px solid #1a9eb9; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default.ui-tabs-active a { border-bottom-color: transparent; position: relative; } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default.ui-tabs-active a span { border-left: 2px solid #009ce7; border-right: 2px solid #009ce7; bottom: -6px; content: ""; height: 8px; left: -2px; position: absolute; width: -moz-calc(100% + 4px); width: -webkit-calc(100% + 4px); width: -o-calc(100% + 4px); width: calc(100% + 4px); } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel { border: 2px solid #1a9eb9; background-color: #33b9d4; padding: 30px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel img { border-width: 2px; border-style: solid; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } body .vc_tta-container { margin-bottom: 0; } .zo-tab.vc_tta.vc_general { /* ========================================================================== [End] 5. Tabs ========================================================================== */ /* ========================================================================== [Start] 6. Counter ========================================================================== */ } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list { width: 100%; table-layout: fixed; display: table; } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { display: table-cell; } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab + .vc_tta-tab { border-left: 1px solid #fff; } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { border-width: 0; border-radius: 0; text-align: center; font-size: 12px; line-height: 30px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 400; color: #fff; background-color: #323232; width: 100%; } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a span { text-transform: uppercase; color: #fff; } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover { background-color: #009ce7; -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 */ /* TRIPLE BORDERS */ } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover span { color: #fff; } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { background-color: #009ce7; } .zo-tab.vc_tta.vc_general .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a span { color: #fff; } .zo-tab.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border-radius: 0; border-width: 0; background-color: #009ce7; background-image: -webkit-gradient(linear, left top, left bottom, from(#009ce7), to(#467bdd)); background-image: -webkit-linear-gradient(top, #009ce7, #467bdd); background-image: -moz-linear-gradient(top, #009ce7, #467bdd); background-image: -ms-linear-gradient(top, #009ce7, #467bdd); background-image: -o-linear-gradient(top, #009ce7, #467bdd); background-image: linear-gradient(top, #009ce7, #467bdd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#009ce7', endColorStr='#467bdd'); /* BACKGROUND HORIZONTAL */ padding: 44px 50px 80px 50px; color: #fff; text-align: left; } .zo-tab.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image { margin-bottom: 44px; } .zo-tab.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image .vc_single_image-wrapper { width: 100%; } .zo-tab.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image .vc_single_image-wrapper img { margin: 0; } .zo-tab.vc_tta.vc_general .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-content-headding { font-weight: 600; } .zo-counter-wraper { /* ========================================================================== [End] 6. Counter ========================================================================== */ /* ========================================================================== [Start] 7. Accordion ========================================================================== */ } .zo-counter-wraper .zo-counter-box { position: relative; margin: 0 auto; padding-bottom: 20px; } .zo-counter-wraper .zo-counter-box .zo-counter-middle .zo-counter-icon i { color: #009ce7; } .zo-counter-wraper .zo-counter-box .zo-counter-middle .zo-counter { font-size: 30px; font-weight: 400; line-height: 37px; letter-spacing: 0.1em; } .zo-counter-wraper .zo-counter-box .zo-counter-title { margin: 0; font-size: 13px; } .zo-counter-wraper.zo-counter-layout-1 { text-align: center; } .zo-counter-wraper.zo-counter-layout-1 .zo-counter-description { margin-top: 16px; } .zo-counter-wraper.zo-counter-layout-2 .zo-counter-box { line-height: 1; } .zo-counter-wraper.zo-counter-layout-2 .zo-counter-box .zo-counter-icon { float: left; margin-right: 10px; } .zo-counter-wraper.zo-counter-layout-2 .zo-counter-box .zo-counter-icon i { font-size: 40px; } .zo-counter-wraper.zo-counter-layout-2 .zo-counter-box .zo-counter { letter-spacing: 0.1em; } .zo-counter-wraper.zo-counter-layout-2 .zo-counter-detail { clear: both; } .zo-counter-wraper.zo-counter-layout-2 .zo-counter-detail .zo-counter-title { position: relative; padding-bottom: 25px; font-size: 13px; } .zo-counter-wraper.zo-counter-layout-2 .zo-counter-detail .zo-counter-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 41px; height: 1px; background-color: #009ce7; } .zo-counter-wraper.zo-counter-layout-3 .zo-counter-box { width: 94px; height: 94px; line-height: 1; font-size: 57px; float: left; font-family: "Amatic SC"; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .zo-counter-wraper.zo-counter-layout-3 .zo-counter-right { padding-left: 110px; } .zo-accordion { /* ========================================================================== [End] 7. Accordion ========================================================================== */ /* ========================================================================== [Start] 8. Progress ========================================================================== */ } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background-color: #323232; border-radius: 0; border-width: 0; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a { color: #fff; font-size: 12px; line-height: 30px; letter-spacing: 2.4px; font-weight: 400; text-transform: uppercase; padding-left: 50px; padding-top: 15px; padding-bottom: 15px; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon { right: 50px; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before, .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:after { border-color: #fff; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-title-text { color: #fff; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover { background-color: #009ce7; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background-color: transparent; padding: 50px; line-height: 30px; border-color: #e6e6e6; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #009ce7; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title:hover a { color: #fff; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title:hover a i:before, .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title:hover a i:after { border-color: #fff; } .zo-progress-layout-default { padding-top: 40px; /* ========================================================================== [End] 8. Progress ========================================================================== */ /* ========================================================================== [Start] 9. Pricing ========================================================================== */ } .zo-progress-layout-default .zo-progress-main.bar-icon { padding-left: 50px; position: relative; } .zo-progress-layout-default .zo-progress-main .zo-progress-icon { position: absolute; left: 0; } .zo-progress-layout-default .zo-progress-main .zo-progress-icon i { color: #8f8f8f; font-size: 34px; } .zo-progress-layout-default .zo-progress-main .zo-progress { overflow: visible; background-color: #f8acd0; border-color: #d94e90; border-style: solid; border-width: 2px; height: 38px; width: 100%; position: relative; margin: 0 0 10px; -webkit-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -khtml-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -moz-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -ms-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -o-box-shadow: none 2px 5px rgba(0, 0, 0, .4); box-shadow: none 2px 5px rgba(0, 0, 0, .4); /* BACKGROUND GRADIENT */ /* BOX SIZING */ -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .zo-progress-layout-default .zo-progress-main .zo-progress .zo-progress-title { position: absolute; top: 50%; left: 15px; font-size: 18px; font-weight: 700; color: #fff; z-index: 1; -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 STYLE */ } .zo-progress-layout-default .zo-progress-main .zo-progress .progress-bar { width: 20%; overflow: visible; -webkit-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -khtml-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -moz-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -ms-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -o-box-shadow: none 2px 5px rgba(0, 0, 0, .4); box-shadow: none 2px 5px rgba(0, 0, 0, .4); /* BACKGROUND GRADIENT */ /* BOX SIZING */ background-color: #d94e90; line-height: 40px; text-align: right; padding: 0 15px; } .zo-progress-layout-default .zo-progress-main .zo-progress .progress-bar span { color: #fff; font-size: 15px; font-weight: 700; position: absolute; right: -44px; top: -39px; height: 29px; line-height: 28px; padding: 0 8px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ } .zo-progress-layout-default .zo-progress-main .zo-progress .progress-bar span:before { position: absolute; height: 0; width: 0; content: ""; border-width: 5px; border-style: solid; bottom: -10px; left: 0; right: 0; margin: auto; } .zo-grid-item-pricing { /* ========================================================================== [End] 9. Pricing ========================================================================== */ /* ========================================================================== [Start] 10. Blog ========================================================================== */ } .zo-grid-item-pricing .zo-grid-item-pricing-inner { color: #fff; background-color: #333; text-align: center; position: relative; -webkit-border-radius: 25px; -khtml-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; /* BACKGROUND GRADIENT */ padding-bottom: 60px; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap { padding-top: 45px; background-color: #fcc403; -webkit-border-radius: 25px; -khtml-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; /* BACKGROUND GRADIENT */ color: #333; position: relative; -webkit-transform: translateY(-1px); -khtml-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap:after { content: ''; position: absolute; bottom: -30px; margin-left: -15px; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #009ce7; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap h2 { color: #333 !important; font-size: 24px; border-bottom: 1px solid; padding-bottom: 25px; margin-left: 20px; margin-right: 20px; text-transform: uppercase; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap .zo-price-wrap { margin-left: 20px; margin-right: 20px; padding-top: 25px; padding-bottom: 45px; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap .zo-price-wrap .price { font-size: 60px; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap .zo-price-wrap .price sup { top: 0px; font-size: 45%; line-height: 0; position: relative; vertical-align: super; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap .zo-price-wrap .sub-price { display: inline-block; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap .zo-price-wrap .sub-price span { display: block; font-size: 25px; line-height: 25px; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-grid-pricing-wrap .zo-price-wrap .sub-price span.time { font-size: 12px; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-price-meta-wrap { padding-top: 40px; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-price-meta-wrap .option-item { padding: 8px 0; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-pricing-button { padding-top: 45px; } .zo-grid-item-pricing .zo-grid-item-pricing-inner .zo-pricing-button .btn { border: none; } .zo-grid-item-pricing.pricing-feature-item .zo-grid-item-pricing-inner { background-color: #009ce7; } .zo-grid-item-pricing.pricing-feature-item .zo-grid-item-pricing-inner .zo-grid-pricing-wrap { overflow: hidden; } .zo-grid-item-pricing.pricing-feature-item .zo-grid-item-pricing-inner .zo-grid-pricing-wrap .zo-grid-pricing-best { background-color: #333; color: #fff; height: 30px; line-height: 30px; position: absolute; right: -30px; text-align: center; top: 20px; -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 STYLE */ width: 128px; z-index: 10; } .zo-grid-item-pricing.pricing-feature-item .zo-price-wrap { border-bottom: 1px solid; } .zo-grid-item-pricing.pricing-feature-item .zo-price-meta-wrap { color: #333; } .zo-grid-item-pricing.pricing-feature-item .zo-pricing-button .btn:hover { background-color: #333; } .zo-blog-layout1 { /* ========================================================================== [End] 10. Blog ========================================================================== */ /* Maps */ } .zo-blog-layout1 .owl-stage-outer { padding-top: 17px; } .zo-blog-layout1 .zo-blog-header { position: relative; margin: 0 0 22px; } .zo-blog-layout1 .zo-blog-header .entry-video iframe { width: 100%; height: 239px; } .zo-blog-layout1 .zo-blog-header .zo-blog-date { position: absolute; top: -16px; left: 30px; height: 68px; line-height: 68px; width: 208px; text-align: center; font-size: 21px; font-weight: 700; z-index: 10; } .zo-blog-layout1 .zo-blog-header .zo-blog-date i { padding-right: 15px; } .zo-blog-layout1 .zo-blog-header .zo-blog-date .arow-date, .zo-blog-layout1 .zo-blog-header .zo-blog-date .arow-date:before { border-style: solid; border-width: 8px; height: 0; left: -16px; position: absolute; top: 0; width: 0; } .zo-blog-layout1 .zo-blog-header .zo-blog-date .arow-date:before { content: ""; left: -8px; position: absolute; top: -8px; border-color: transparent rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) transparent; } .zo-blog-layout1 .zo-blog-title h4 { font-size: 24px; color: #009ce7; margin: 0 0 18px; } .zo-blog-layout1 .zo-blog-readmore { display: block; font-size: 18px; font-weight: 700; margin-top: 18px; } .zo-blog-layout1 .zo-blog-overlay { background-color: rgba(0, 0, 0, 0.8); bottom: 15px; left: 15px; position: absolute; right: 15px; top: 15px; opacity: 0; -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 */ /* TRIPLE BORDERS */ } .zo-blog-layout1 .zo-blog-overlay a { font-size: 51px; font-weight: normal; color: #fff; display: inline-block; background-color: rgba(255, 255, 255, 0.3); height: 94px; line-height: 79px; width: 94px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; top: 50%; -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: 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 STYLE */ } .zo-blog-layout1 .zo-blog-overlay a:hover { background-color: #009ce7; } .zo-blog-layout1 .format-video .zo-blog-overlay { display: none; } .zo-blog-layout1 .zo-grid-item:hover .zo-blog-overlay, .zo-blog-layout1 .zo-carousel-item:hover .zo-blog-overlay { opacity: 1; } body .wpb_gmaps_widget .wpb_wrapper { padding: 0; /* ========================================================================== [Start] 11. Images Carousel ========================================================================== */ } .wpb_images_carousel { /* ========================================================================== [End] 11. Images Carousel ========================================================================== */ /*------------------------------------------------------------------ [End Style Shortcode] -------------------------------------------------------------------*/ /** [Start]Heading page ============================*/ } .wpb_images_carousel .vc_images_carousel { overflow: hidden; width: 100% !important; } .wpb_images_carousel .vc_images_carousel .vc_item img { width: 100%; } .wpb_images_carousel .vc_images_carousel ol.vc_carousel-indicators { line-height: 1em; bottom: 46px; } .wpb_images_carousel .vc_images_carousel ol.vc_carousel-indicators li { background-color: transparent; border-color: #fff; } .wpb_images_carousel .vc_images_carousel ol.vc_carousel-indicators li.vc_active { background-color: #fff; } .wpb_images_carousel .vc_slide .vc_carousel-control { border-radius: 100%; border: 2px solid #fff; display: block; height: 50px; opacity: 1; width: 50px; line-height: 47px; 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 STYLE */ 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: rgba(255, 255, 255, 0.5); } .wpb_images_carousel .vc_slide .vc_carousel-control span { display: none; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left { left: 15px; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left:before { content: "\f053"; font-family: FontAwesome; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right { right: 15px; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right:before { content: "\f054"; font-family: FontAwesome; } .heading { /** [End]Heading page ============================*/ /** [Start]List shortcode page ============================*/ } .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 { text-transform: uppercase; } .list a { color: #868686; padding-left: 20px; } .list li { list-style: none inside; } .list li:before { content: "\f067"; height: 1px; color: #009ce7; font: normal normal normal 14px/1 FontAwesome; } .list-right { /** [End]List shortcode page*/ /** [Start]Heading Accordion Toggle page*/ } .list-right a { color: #868686; padding-left: 20px; } .list-right li { list-style: none inside; } .list-right li:before { content: "\f111"; height: 1px; color: #009ce7; font-size: 10px ! important; font: normal normal normal 14px/1 FontAwesome; } .wpb_accordion_section { /** [End]Heading Accordion Toggle page*/ /** [Start] charts page*/ } .wpb_accordion_section .wpb_accordion_header { background: #f8f8f8; border: none ! important; border-radius: 0 ! important; } .wpb_accordion_section .wpb_accordion_header:hover { background: #009ce7 ! important; } .wpb_accordion_section .wpb_accordion_header a { font-weight: 400; letter-spacing: 2px; font-size: 14px ! important; color: #333 ! important; text-transform: uppercase ! important; } .wpb_accordion_section .wpb_accordion_header.ui-state-active { background: #009ce7 ! important; border-radius: 0 ! important; } .wpb_accordion_section .wpb_accordion_content { border: none ! important; padding: 0 ! important; } .vc_pie_chart .vc_pie_wrapper { margin-bottom: 40px ! important; } .vc_progress_bar { /** [End]charts page*/ /** [Start] text highlight page*/ } .vc_progress_bar .vc_single_bar { margin-bottom: 60px; border-radius: 0; background: none !important; box-shadow: none !important; } .vc_progress_bar .vc_single_bar .vc_bar_wrap { background: #f7f7f7 none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; width: 100%; height: 15px; position: relative; } .vc_progress_bar .vc_single_bar .vc_bar_wrap .vc_bar { border-radius: 0; } .vc_progress_bar .vc_single_bar .vc_label { font-size: 14px; padding-left: 0 !important; color: #333 ! important; } .vc_progress_bar .vc_single_bar .vc_label .vc_percent { float: right; } .highlight1 mark { background: #009ce7; } .highlight2 mark { background: #009ce7; color: #fff; } .highlight3 mark { background: #fff; color: #808080; } .highlight4 { /** [End]charthighlights page*/ /** [Stat] Booking-room*/ } .highlight4 mark { background: #009ce7; color: #333; } .zo-book-room { z-index: 99; /** [End] Booking-room*/ /*[stat] zo-carousel-room*/ } @media (min-width: 992px) { .zo-book-room { margin-top: -280px; } } @media (min-width: 768px) and (max-width: 991px) { .zo-book-room { margin-top: -230px; } } .zo-book-room .wpb_column { z-index: 99; } @media (min-width: 992px) { .zo-book-room .wpb_column { margin-top: -280px; } } @media (min-width: 768px) and (max-width: 991px) { .zo-book-room .wpb_column { margin-top: -230px; } } .zo-book-room.page-booking { margin-top: 0; margin-bottom: 120px; } .zo-book-room.page-booking .wpb_column { margin-top: 0; } .zo-book-room.page-booking .rtb-booking-form { position: static; border: 0; } .zo-book-room.page-booking .rtb-booking-form .reservation { padding: 30px 0 0 0; } .zo-book-room.page-booking .rtb-booking-form .reservation > div { margin-bottom: 30px; } .zo-book-room.page-booking .rtb-booking-form .reservation .check-in, .zo-book-room.page-booking .rtb-booking-form .reservation .check-out { position: relative; } .zo-book-room.page-booking .rtb-booking-form .reservation .check-in .picker, .zo-book-room.page-booking .rtb-booking-form .reservation .check-out .picker { position: absolute; width: calc(100% - 30px); left: 15px; z-index: 99; } .zo-book-room.page-booking .rtb-booking-form .reservation .zo-hiden-select { position: relative; } .zo-book-room.page-booking .rtb-booking-form .reservation .zo-hiden-select .zo-ul-select-hiden { position: absolute; width: calc(100% - 30px); left: 15px; display: none; } .zo-book-room.page-booking .rtb-booking-form .reservation .zo-hiden-select .zo-ul-select-hiden.zo-show { display: block; } .zo-book-room.page-booking .rtb-booking-form .reservation .room, .zo-book-room.page-booking .rtb-booking-form .reservation .check-in, .zo-book-room.page-booking .rtb-booking-form .reservation .check-out, .zo-book-room.page-booking .rtb-booking-form .reservation .guest { height: 57px; line-height: 57px; } .zo-book-room.page-booking .rtb-booking-form .reservation select { width: 100%; max-width: 100%; height: 60px; line-height: normal; } .zo-book-room.page-booking .rtb-booking-form .reservation input#rtb-room { text-transform: capitalize; } .zo-book-room.page-booking .rtb-booking-form .reservation input.wpcf7-submit { background: #009ce7; color: #fff; width: initial; padding: 13px 50px; font-weight: bold; } .zo-book-room.page-booking .rtb-booking-form .reservation input.wpcf7-submit:hover, .zo-book-room.page-booking .rtb-booking-form .reservation input.wpcf7-submit:focus { background: #fff; color: #009ce7; } .zo-book-room .wpcf7-form { position: relative; } .zo-book-room .wpb_column { min-height: 0; } .zo-book-room .rtb-booking-form { max-width: 1140px; position: static; width: 100%; z-index: 100; background: #fff; } @media (min-width: 768px) and (max-width: 991px) { .zo-book-room .rtb-booking-form { width: calc(100% - 30px); } } .zo-book-room .rtb-booking-form .rtb-error { position: absolute; transform: translateY(-150%); } .zo-book-room .rtb-booking-form .rtb-error:before { content: ' '; position: absolute; width: 0; height: 0; left: 30px; top: 64px; border: 16px solid; border-color: #f50 transparent transparent #f50; } .zo-book-room .rtb-booking-form .rtb-message { text-align: center; line-height: 60px; } .zo-book-room .rtb-booking-form .reservation { display: table; width: 100%; margin: 0 auto; padding: 82px 35px 60px; text-align: center; table-layout: fixed; border: none; } .zo-book-room .rtb-booking-form .reservation legend { color: #4c4c4c; font-size: 40px; font-weight: 100; border: none; position: absolute; left: 50%; top: 40px; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-book-room .rtb-booking-form .reservation select#rtb-room { text-transform: capitalize; } .zo-book-room .rtb-booking-form .reservation select#rtb-room > option { height: 50px; width: 80%; margin: 0 auto; color: #000; border-bottom: 1px solid #e5e5e5; padding-top: 14px; } .zo-book-room .rtb-booking-form .reservation select#rtb-room > option:last-child { border-bottom-width: 0; } .zo-book-room .rtb-booking-form .reservation select#rtb-room > option:hover, .zo-book-room .rtb-booking-form .reservation select#rtb-room > option:checked { background: none !important; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5 { display: table-cell; float: left; width: 25%; padding: 0 15px; height: 60px; vertical-align: middle; position: relative; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5 input, .zo-book-room .rtb-booking-form .reservation .col-md-2_5 button, .zo-book-room .rtb-booking-form .reservation .col-md-2_5 select { width: 100%; max-width: 100%; height: 60px; line-height: normal; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5 input[type="submit"] { background: #009ce7; color: #fff !important; font-size: 12px; padding: 0; width: 170px; margin: 0; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5 input[type="submit"]:hover, .zo-book-room .rtb-booking-form .reservation .col-md-2_5 input[type="submit"]:focus { border-color: #009ce7; background: #fff; color: #009ce7 !important; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5.zo-hiden-select ul.zo-ul-select-hiden { display: none; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5.zo-hiden-select ul.zo-ul-select-hiden.zo-show { display: block !important; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5 input.zo-input-select { text-transform: capitalize; background-color: transparent; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5.btn_submit { clear: both; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%); -khtml-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden > li .select-wrap { position: relative; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden > li .select-wrap:after { content: '\f107'; font-family: fontawesome; line-height: 60px; text-align: center; color: #009ce7; border: 1px solid #e5e5e5; font-style: normal; width: 60px; height: 60px; position: absolute; top: 0; right: 0; background-color: #fff; cursor: pointer; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden > li:last-child { border-bottom-width: 0; margin-bottom: 30px !important; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden > li:first-child { margin-top: 10px !important; color: #444; cursor: inherit; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden > li:hover:not(:first-child) { color: #009ce7; } .zo-book-room .rtb-booking-form .reservation input, .zo-book-room .rtb-booking-form .reservation select { width: 100%; color: #444; font-style: italic; z-index: 1; position: relative; background: transparent; cursor: pointer; padding: 14px 60px 14px 30px; -moz-appearance: none; -webkit-appearance : none; } .zo-book-room .rtb-booking-form .reservation input:focus, .zo-book-room .rtb-booking-form .reservation select:focus, .zo-book-room .rtb-booking-form .reservation input:active, .zo-book-room .rtb-booking-form .reservation select:active { border-color: #009ce7; background-color: transparent; } .zo-book-room .rtb-booking-form .reservation input.val-require, .zo-book-room .rtb-booking-form .reservation select.val-require { border-color: #009ce7; } .zo-book-room .rtb-booking-form .reservation .room:after, .zo-book-room .rtb-booking-form .reservation .check-in:after, .zo-book-room .rtb-booking-form .reservation .check-out:after, .zo-book-room .rtb-booking-form .reservation .guest:after { content: "\f107"; font-family: "rt-icons"; position: absolute; right: 16px; width: 58px; height: 58px; top: 1px; border-left: 1px solid #e6e6e6; background: #fff; color: #009ce7; font-size: 18px; line-height: 58px; z-index: 0; } .zo-book-room .rtb-booking-form .reservation .room:after:hover, .zo-book-room .rtb-booking-form .reservation .check-in:after:hover, .zo-book-room .rtb-booking-form .reservation .check-out:after:hover, .zo-book-room .rtb-booking-form .reservation .guest:after:hover, .zo-book-room .rtb-booking-form .reservation .room:after:focus, .zo-book-room .rtb-booking-form .reservation .check-in:after:focus, .zo-book-room .rtb-booking-form .reservation .check-out:after:focus, .zo-book-room .rtb-booking-form .reservation .guest:after:focus { border-color: #000; } .zo-book-room .rtb-booking-form .reservation .room:after { content: "\f107"; font-family: "FontAwesome"; } .zo-book-room .rtb-booking-form .reservation .check-in:after, .zo-book-room .rtb-booking-form .reservation .check-out:after { content: "\e6ef"; } .zo-book-room .rtb-booking-form .reservation .guest:after { content: "\e6dd"; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden { background-color: #fff; border: 1px solid #e5e5e5; list-style: none; margin: 0; margin-top: -1px; padding: 0 30px; position: relative; z-index: 100; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden > li { line-height: 50px; text-align: left; font-size: 18px; text-transform: capitalize; font-style: italic; border-bottom: 1px solid #e5e5e5; cursor: pointer; color: #323232; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden > li.selected { color: #009ce7; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden.zo-ul-guests label { color: #323232; font-style: normal; line-height: 30px; padding-bottom: 2px; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden.zo-ul-guests li { border-width: 0; margin-top: 22px !important; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden.zo-ul-guests li:last-child { margin-top: 30px !important; margin-bottom: 50px !important; } .zo-book-room .rtb-booking-form .reservation ul.zo-ul-select-hiden.zo-ul-guests li a.btn { border-color: #009ce7; background-color: #009ce7; color: #323232; display: block; padding: 0 20px; line-height: 55px; text-align: center; } .zo-book-room .rtb-booking-form .reservation .wpcf7-not-valid-tip { position: static; } .zo-book-room .wpcf7-validation-errors { color: #323232; margin: 20px 0; } .zo-book-room.zo-title-overflow .reservation { padding-top: 32px; } @media (min-width: 768px) and (max-width: 991px) { .zo-book-room.zo-title-overflow .reservation { padding: 0 30px 40px; } } .zo-book-room.zo-title-overflow .reservation legend { top: 0; color: #fff; -webkit-transform: translate(-50%, -100%); -khtml-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } @media (min-width: 1200px) { .zo-book-room.zo-title-overflow .reservation legend { -webkit-transform: translate(-50%, -200%); -khtml-transform: translate(-50%, -200%); -moz-transform: translate(-50%, -200%); -ms-transform: translate(-50%, -200%); -o-transform: translate(-50%, -200%); transform: translate(-50%, -200%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @media (max-width: 991px) { .zo-book-room.zo-bookingform-style2 .rtb-booking-form { position: static; } } .zo-book-room.zo-bookingform-style2 .reservation { padding-bottom: 50px; } .zo-book-room.zo-bookingform-style2 .reservation .col-md-2_5 { width: 20%; } .zo-book-room.zo-bookingform-style2 .reservation .col-md-2_5.btn_submit { position: relative; float: left; clear: none; left: auto; bottom: auto; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-book-room.zo-bookingform-style2 .reservation .col-md-2_5.btn_submit a.btn { padding: 21px 48px; } .zo-carousel-wrap { position: relative; } .template-zo_carousel--room { position: relative; /*[End] zo-carousel-room*/ /*[Start] zo-carousel-testimonial*/ } .template-zo_carousel--room.owl-carousel .owl-item { border: 0; outline: 0; } .template-zo_carousel--room.zo-carousel-room-title { position: absolute; text-align: center; width: 100%; line-height: 120px; height: 100%; margin-top: 0px; font-size: 40px; color: #4c4c4c; font-weight: 100; } .template-zo_carousel--room .owl-nav { position: absolute; top: 0; margin-top: 0px !important; width: 100%; } .template-zo_carousel--room .owl-nav .disabled { opacity: 1 !important; } .template-zo_carousel--room .owl-nav .owl-prev { float: left; } .template-zo_carousel--room .owl-nav .owl-next { float: right; } .template-zo_carousel--room .owl-nav div.owl-prev, .template-zo_carousel--room .owl-nav div.owl-next { width: 120px; height: 120px; padding: 0; background: #323232; border-radius: 0; margin: 0; } .template-zo_carousel--room .owl-nav div.owl-prev i, .template-zo_carousel--room .owl-nav div.owl-next i { font-size: 28px; line-height: 120px; } .template-zo_carousel--room .owl-nav div.owl-prev:hover, .template-zo_carousel--room .owl-nav div.owl-next:hover { background: #323232; background: #323232; /* BORDER RADIUS */ } .template-zo_carousel--room .owl-nav div.owl-prev:hover i, .template-zo_carousel--room .owl-nav div.owl-next:hover i { color: #009ce7; } .template-zo_carousel--room .owl-stage-outer { padding-top: 120px; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media:hover:before { background: transparent; -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 */ /* TRIPLE BORDERS */ } .template-zo_carousel--room .zo-carousel-item .zo-grid-media:hover .zo-roomsale h1 { color: #009ce7; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media { position: relative; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media:before { content: ''; width: 100%; height: 100%; position: absolute; background: #323232; background: rgba(50, 50, 50, 0.7); /* BORDER RADIUS */ top: 0; left: 0; z-index: 10; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover { text-align: center; position: absolute; width: 100%; height: 100%; top: 0; z-index: 12; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale { background-image: url('../images/bg_sale.png'); width: 100px; height: 100px; border-radius: 100%; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); top: 33%; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale:before, .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale:after { content: " "; display: table; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale:after { clear: both; } @media (min-width: 1200px) and (max-width: 1599px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale { top: 45px; } } @media (min-width: 992px) and (max-width: 1199px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale { top: 20px; } } @media (min-width: 768px) and (max-width: 899px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale { top: 30px; } } @media (min-width: 900px) and (max-width: 991px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale { top: 80px; } } @media (max-width: 767px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale { top: 15%; } } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale h1 { color: #323232; margin-bottom: 0px; margin-top: 25px; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale h1 sub { top: -0.85em; font-size: 50%; left: 0.9em; color: #fff; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale h1 sup { left: -0.25em; font-size: 77%; top: 0; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale p { color: #fff; font-size: 12px; letter-spacing: 0.2em; font-weight: 400; text-transform: uppercase; line-height: 1; margin-top: 5px; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale:after { content: ""; position: absolute; top: 0; left: 0; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale.feature { background-image: url('../images/bg_sale_feature.png'); } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale.feature h1 { color: #009ce7; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale.feature p { color: #323232; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title { text-transform: normal; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 40px; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title:before, .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title:after { content: " "; display: table; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title:after { clear: both; } @media (min-width: 1200px) and (max-width: 1599px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title { bottom: 25px; } } @media (min-width: 992px) and (max-width: 1199px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title { bottom: 5px; } } @media (min-width: 480px) and (max-width: 767px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title { bottom: 15px; } } @media (max-width: 479px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title { bottom: 0; } } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title h1 { font-size: 40px; line-height: 40px; margin-bottom: 0px; color: #fff; margin: 0; } @media (min-width: 992px) and (max-width: 1199px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title h1 { font-size: 30px; } } @media (max-width: 479px) { .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title h1 { font-size: 30px; } } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-room-title p { text-transform: uppercase; font-size: 12px; line-height: 30px; letter-spacing: 0.2em; color: #b2b2b2; margin: 0; font-weight: 400; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover:hover { opacity: 1; background-color: transparent; cursor: pointer; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover:hover .zo-room-title h1 { color: #009ce7; } .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover:hover .zo-room-title p { color: #323232; } .zo-carousel-testimonial-title.template-zo_carousel--testimonial { font-size: 150px; margin-top: 42px; } .zo-carousel-testimonial-title, .zo-carousel-testimonial-title.template-zo_carousel--testimonial { line-height: 40px; color: #323232; opacity: 0.05; position: absolute; top: 0; margin: 0; margin-top: 29px; padding: 0; letter-spacing: -0.075em; } .template-zo_carousel--testimonial { padding-right: 5px; /*[End] zo-carousel-testimonial*/ /*[Start] zo-grid-blog-home*/ } .template-zo_carousel--testimonial:before, .template-zo_carousel--testimonial:after { display: table; content: ''; } .template-zo_carousel--testimonial:after { clear: both; } .template-zo_carousel--testimonial .zo-testimonial .zo-content { position: relative; } @media (min-width: 768px) { .template-zo_carousel--testimonial .zo-testimonial .zo-content { padding-left: 60px; } } .template-zo_carousel--testimonial .zo-testimonial .zo-content p { font-style: italic; font-weight: 100; font-size: 40px; line-height: 40px; } .template-zo_carousel--testimonial .zo-testimonial .zo-content:before { content: '\201C'; font-size: 110px; position: absolute; font-family: 'Playfair Display'; top: 25px; left: 0; color: #009ce7; } .template-zo_carousel--testimonial .zo-testimonial .zo-content .zo-author { font-style: normal; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0; color: #323232; } .template-zo_carousel--testimonial .zo-testimonial .zo-content .zo-author .zo-title { color: #009ce7; font-style: normal; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0; } @media (min-width: 768px) and (max-width: 991px) { .template-zo_carousel--testimonial .zo-testimonial .zo-content .zo-author { line-height: 1.4; } .template-zo_carousel--testimonial .zo-testimonial .zo-content .zo-author .zo-title { line-height: 1.4; } } .template-zo_carousel--testimonial.zo-nav-text { padding-top: 50px; } .template-zo_carousel--testimonial.zo-nav-text .owl-nav { width: auto; } .template-zo_carousel--testimonial.zo-nav-text .owl-nav div.owl-prev, .template-zo_carousel--testimonial.zo-nav-text .owl-nav div.owl-next { width: auto; height: auto; background-color: transparent; line-height: 0; margin: 0 10px; padding: 0; color: #009ce7; } .template-zo_carousel--testimonial.zo-nav-text .owl-nav div.owl-prev:hover, .template-zo_carousel--testimonial.zo-nav-text .owl-nav div.owl-next:hover { background: transparent; color: #fff; } .template-zo_carousel--testimonial.zo-nav-text .owl-nav div.owl-prev i:before { content: '\f104 \00A0'; font-family: fontawesome; } .template-zo_carousel--testimonial.zo-nav-text .owl-nav div.owl-prev i:after { content: 'Prev'; } .template-zo_carousel--testimonial.zo-nav-text .owl-nav div.owl-next i:after { content: '\00A0 \f105'; font-family: fontawesome; } .template-zo_carousel--testimonial.zo-nav-text .owl-nav div.owl-next i:before { content: 'Next'; } .template-zo_carousel--testimonial.zo-nav-top .owl-nav { top: 0; left: 50%; padding-top: 0; -webkit-transform: translate(-50%, -100%); -khtml-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .template-zo_carousel--testimonial.zo-nav-right .owl-nav { top: 50%; right: 0; -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 STYLE */ } .template-zo_carousel--testimonial.zo-nav-right-boxed .owl-nav { top: 50%; right: 0; -webkit-transform: translate(12px, -50%); -khtml-transform: translate(12px, -50%); -moz-transform: translate(12px, -50%); -ms-transform: translate(12px, -50%); -o-transform: translate(12px, -50%); transform: translate(12px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .template-zo_carousel--testimonial.zo-nav-right-boxed .owl-nav div.owl-prev, .template-zo_carousel--testimonial.zo-nav-right-boxed .owl-nav div.owl-next { opacity: 0.5; } .template-zo_carousel--testimonial.zo-nav-right-boxed .owl-nav div.owl-prev:hover, .template-zo_carousel--testimonial.zo-nav-right-boxed .owl-nav div.owl-next:hover { opacity: 1; } .template-zo_carousel--testimonial .owl-nav { position: absolute; width: 60px; } .template-zo_carousel--testimonial .owl-nav .owl-prev, .template-zo_carousel--testimonial .owl-nav .owl-next { width: 100%; height: 60px; font-size: 28px !important; line-height: 60px; margin: 0 !important; padding: 0 !important; border-radius: 0px !important; } .template-zo_carousel--testimonial .owl-nav div.owl-prev { background: #009ce7; margin-bottom: 0px; } .template-zo_carousel--testimonial .owl-nav div.owl-prev:hover { color: #323232; background: #009ce7; } .template-zo_carousel--testimonial .owl-nav div.owl-next { background: #323232; margin-top: 0px; } .template-zo_carousel--testimonial .owl-nav div.owl-next:hover { background: #323232; color: #009ce7; } @media (min-width: 768px) and (max-width: 991px) { .template-zo_carousel--testimonial.style2 { margin-top: 20px; } } .template-zo_carousel--testimonial.style2.zo-carousel-testimonial-title { color: #323232; font-size: 60px; margin-top: 0; margin-bottom: 40px; opacity: 1; padding-left: 60px; position: static; letter-spacing: 0; } @media (min-width: 800px) and (max-width: 991px) { .template-zo_carousel--testimonial.style2.zo-carousel-testimonial-title { margin-top: 15px; } } @media (max-width: 991px) { .template-zo_carousel--testimonial.style2.zo-carousel-testimonial-title { font-size: 40px; padding-left: 0; margin-bottom: 0; } } @media (max-width: 991px) { .template-zo_carousel--testimonial.style2 .zo-testimonial { padding-right: 0; } } .template-zo_carousel--testimonial.style2 .zo-testimonial .zo-content p { font-size: 30px; } @media (max-width: 991px) { .template-zo_carousel--testimonial.style2 .zo-testimonial .zo-content p { font-size: 24px; line-height: 1; } } .template-zo_carousel--testimonial.style2 .zo-testimonial .zo-content p.zo-author { font-size: 18px; } @media (max-width: 767px) { .template-zo_carousel--testimonial.style2 .zo-testimonial .zo-content p.zo-author { font-size: 15px; line-height: 1.4; } } .zo-carousel-recentpost-title.template-zo_carousel--recentposts { font-weight: 400; font-size: 60px; line-height: 60px; text-align: center; color: #fff; margin: 0; margin-bottom: 74px; } .template-zo_carousel--recentposts { /*[End] zo-grid-blog-home*/ } .template-zo_carousel--recentposts.zo-overflow-top-80 { margin-top: -80px; } .template-zo_carousel--recentposts.zo-nav-text .owl-nav { width: auto; } .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-prev, .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-next { width: auto; height: auto; background-color: transparent; line-height: 0; margin: 0 10px; padding: 0; color: #009ce7; } .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-prev:hover, .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-next:hover { background: transparent; color: #fff; } .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-prev i:before, .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-next i:before, .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-prev i:after, .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-next i:after { text-transform: uppercase; } .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-prev i:before { content: '\f104 \00A0'; font-family: fontawesome; } .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-prev i:after { content: 'Prev'; } .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-next i:after { content: '\00A0 \f105'; font-family: fontawesome; } .template-zo_carousel--recentposts.zo-nav-text .owl-nav div.owl-next i:before { content: 'Next'; } .template-zo_carousel--recentposts.zo-nav-top .owl-nav { position: absolute; top: 0; left: 50%; padding-top: 0; margin: 0; -webkit-transform: translate(-50%, -100%); -khtml-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .template-zo_carousel--recentposts .owl-nav { line-height: 1px; padding-bottom: 49px; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main { text-align: center; background-color: #fff; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main .zo-grid-media img { width: 100%; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main .zo-grid-time { color: #009ce7; text-transform: uppercase; font-size: 12px; padding: 39px 0 3px 0; font-weight: 400; letter-spacing: 0.2em; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main .zo-grid-title { min-height: 155px; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main .zo-grid-title h1 { padding: 0 50px; margin: 0; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main .zo-grid-title h1 a { color: #323232; font-weight: 100; font-size: 40px; line-height: 40px; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main .zo-grid-title:hover h1 a { color: #009ce7; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main .zo-grid-contents { padding: 0px 42px 23px; min-height: 140px; } .template-zo_carousel--recentposts .zo-carousel-item .zo-main .readmore_wrap { padding: 12px 39px; background-color: #fff; color: #323232; border: 3px solid #009ce7; text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 0.2em; display: inline-block; margin-bottom: 80px; } .zo-background-horizontal { background-color: #009ce7; background-image: -webkit-gradient(linear, left top, right top, from(#009ce7), to(#467bdd)); background-image: -webkit-linear-gradient(left, #009ce7, #467bdd); background-image: -moz-linear-gradient(left, #009ce7, #467bdd); background-image: -ms-linear-gradient(left, #009ce7, #467bdd); background-image: -o-linear-gradient(left, #009ce7, #467bdd); background-image: linear-gradient(left, #009ce7, #467bdd); } .zo-background-horizontal-overlay { position: relative; z-index: 1; } .zo-background-horizontal-overlay:after { content: ""; z-index: 2; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: #009ce7; opacity: 0.9; background-image: -webkit-gradient(linear, left top, right top, from(#009ce7), to(#467bdd)); background-image: -webkit-linear-gradient(left, #009ce7, #467bdd); background-image: -moz-linear-gradient(left, #009ce7, #467bdd); background-image: -ms-linear-gradient(left, #009ce7, #467bdd); background-image: -o-linear-gradient(left, #009ce7, #467bdd); background-image: linear-gradient(left, #009ce7, #467bdd); } .zo-background-horizontal-overlay .container { z-index: 3; position: relative; } .wpb_widgetised_column { /*zo-carousel-gallery*/ } .wpb_widgetised_column .widget_newsletterwidget { max-width: 100%; margin-top: 50px; text-align: right; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget { min-height: 60px; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form { position: absolute; right: 0; width: 100%; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form p { padding: 0; margin: 0; display: inline-block; float: none; vertical-align: middle; height: 60px; width: calc(100% - 60px); } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form p input { border: 0; font-family: 'Roboto'; font-style: italic; font-weight: 100; height: 60px; padding: 0 30px; line-height: 60px; color: #b2b2b2; -webkit-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -khtml-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -moz-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -ms-box-shadow: none 2px 5px rgba(0, 0, 0, .4); -o-box-shadow: none 2px 5px rgba(0, 0, 0, .4); box-shadow: none 2px 5px rgba(0, 0, 0, .4); /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form p input.newsletter-submit { background-color: #009ce7; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form p:last-child { position: relative; width: 60px; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form p:last-child:before { pointer-events: none; content: '\f003'; color: #fff; font-family: 'FontAwesome'; position: absolute; text-align: center; width: 60px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ line-height: 60px; } .template-zo_carousel--gallery { overflow: hidden !important; padding: 0 120px; /*zo-about-home*/ } @media (max-width: 639px) { .template-zo_carousel--gallery { padding: 0 40px; } } .template-zo_carousel--gallery .owl-stage-outer { overflow: visible !important; } .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item { text-align: center; } .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item:before, .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item:after { content: ''; display: table; } .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item:after { clear: both; } .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item .zo-carousel-footer { display: none; height: 120px; } @media (min-width: 992px) and (max-width: 1199px) { .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item .zo-carousel-footer { height: 160px; } } .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item .zo-carousel-footer .zo-carousel-title { padding-top: 25px; } .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item .zo-carousel-footer .zo-carousel-title a { font-size: 30px; line-height: 40px; font-weight: 100; } @media (min-width: 1200px) and (max-width: 1599px) { .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item .zo-carousel-footer .zo-carousel-title a { font-size: 25px; } } @media (max-width: 639px) { .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item .zo-carousel-footer .zo-carousel-title a { font-size: 20px; } } .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item .zo-carousel-footer .zo-carousel-categories a { font-size: 12px; color: #009ce7; text-transform: uppercase; font-weight: 400; letter-spacing: 0.2em; } .template-zo_carousel--gallery .owl-stage-outer .owl-stage .owl-item.active .zo-carousel-footer { display: block; } .template-zo_carousel--gallery .owl-nav { margin-top: 0 !important; } .template-zo_carousel--gallery .owl-nav div.owl-prev, .template-zo_carousel--gallery .owl-nav div.owl-next { font-size: 28px; border-radius: 0; position: absolute; margin: 0; padding: 0; width: 120px; height: calc(100% - 120px); z-index: 9999; background: #000; background: rgba(0, 0, 0, 0.7); /* BORDER RADIUS */ -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 */ /* TRIPLE BORDERS */ } @media (min-width: 992px) and (max-width: 1199px) { .template-zo_carousel--gallery .owl-nav div.owl-prev, .template-zo_carousel--gallery .owl-nav div.owl-next { height: calc(100% - 160px); } } @media (max-width: 639px) { .template-zo_carousel--gallery .owl-nav div.owl-prev, .template-zo_carousel--gallery .owl-nav div.owl-next { width: 40px; } } .template-zo_carousel--gallery .owl-nav div.owl-prev i, .template-zo_carousel--gallery .owl-nav div.owl-next i { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .template-zo_carousel--gallery .owl-nav div.owl-prev:hover, .template-zo_carousel--gallery .owl-nav div.owl-next:hover { background: #000; background: rgba(0, 0, 0, 0.5); /* BORDER RADIUS */ } .template-zo_carousel--gallery .owl-nav div.owl-prev:hover i, .template-zo_carousel--gallery .owl-nav div.owl-next:hover i { color: #009ce7; } .template-zo_carousel--gallery .owl-nav .owl-prev { left: 0; top: 0; } .template-zo_carousel--gallery .owl-nav .owl-next { right: 0; top: 0; } .zo-tab-about-home h2 { font-size: 150px; line-height: 90px; font-family: cinzel; text-align: center; color: #fff; opacity: 0.9; margin-bottom: 0; } .zo-about-home { background-color: #fff; /*Carousel Tour*/ } .zo-about-home div.vc_tta-tabs-container { margin: 0 !important; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list { margin: 0; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab { margin: 0px; width: 25%; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a { padding: 25% 0 0; border-radius: 0; background-color: transparent; text-align: center; border: 0; line-height: 80px; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a:before { width: 1px; height: 65% !important; content: ''; right: 0 !important; top: 20% !important; position: absolute; background-color: #e5e5e5; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a:hover { background-color: transparent; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a .vc_tta-icon { width: 100%; display: block; font-size: 24px; color: #009ce7; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a span { text-transform: capitalize; font-size: 30px; font-weight: 100; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a .vc_tta-title-text { margin: 0; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab:last-child a:before { width: 0px; background-color: transparent; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active { position: relative; } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:before { content: ""; left: 0; margin: auto; position: absolute; right: 0; width: 100%; height: 10px; background-color: #009ce7; background-image: -webkit-gradient(linear, left top, right top, from(#009ce7), to(#467bdd)); background-image: -webkit-linear-gradient(left, #009ce7, #467bdd); background-image: -moz-linear-gradient(left, #009ce7, #467bdd); background-image: -ms-linear-gradient(left, #009ce7, #467bdd); background-image: -o-linear-gradient(left, #009ce7, #467bdd); background-image: linear-gradient(left, #009ce7, #467bdd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#009ce7', endColorStr='#467bdd', gradientType='1'); /* BACKGROUND RADIAL */ } .zo-about-home div.vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { background-color: transparent; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels { background-color: #fff !important; border-width: 0 !important; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body { border-width: 0 !important; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body { padding: 0 100px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body:before, .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body:after { content: ''; display: table; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body:after { clear: both; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body .zo-fancy-box-item { padding: 0 15px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body .zo-fancy-box-item .zo-counter-middle { background-color: #fafafa; padding: 50px 0; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body .zo-fancy-box-item .zo-counter-middle .zo-counter { color: #009ce7; font-size: 100px; line-height: 50px; letter-spacing: 0; margin-top: 16px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body .zo-fancy-box-item .zo-counter-middle h2 { font-size: 40px; line-height: 50px; font-weight: 100; color: #b2b2b2; padding-bottom: 0; margin-bottom: -10px; margin-top: 28px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features { background-position: center bottom !important; } @media (min-width: 800px) and (max-width: 991px) { .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features { padding-top: 100px; } } @media (max-width: 767px) { .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features { background-image: initial !important; } } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner { margin: 0; min-height: 30px; border: 0; padding-bottom: 0px; padding-top: 36px; border-radius: 0; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner .zo-fancy-box-title { font-size: 30px; line-height: 30px; text-transform: inherit; color: #009ce7; font-weight: 100; padding: 0; margin-bottom: 10px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner .zo-fancy-box-content-icon { display: none; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner .zo-fancy-box-content p:last-child { margin-bottom: 0; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .vc_general.vc_btn3 { color: #fff !important; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .vc_general.vc_btn3:hover { color: #b2b2b2 !important; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .content-align-right { padding-left: 85px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .content-align-right .zo-fancy-box-content-title .zo-fancy-box-title { text-align: right; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .content-align-left { padding-right: 85px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-features .content-align-left .zo-fancy-box-content-title .zo-fancy-box-title { text-align: left; } .template-zo_carousel--tour, .template-zo_grid--tour { padding: 90px 106px 75px; /* =================================================== [Start] 12. Shortcode Single Fancy Box =====================================================*/ /* --start--> zo-single-fancybox-layout1 */ } @media (max-width: 767px) { .template-zo_carousel--tour, .template-zo_grid--tour { padding: 0; } } .template-zo_carousel--tour .zo-carousel-item .zo-grid-media, .template-zo_grid--tour .zo-carousel-item .zo-grid-media, .template-zo_carousel--tour .zo-grid-item .zo-grid-media, .template-zo_grid--tour .zo-grid-item .zo-grid-media { position: relative; } .template-zo_carousel--tour .zo-carousel-item .zo-grid-media .zo-grid-time, .template-zo_grid--tour .zo-carousel-item .zo-grid-media .zo-grid-time, .template-zo_carousel--tour .zo-grid-item .zo-grid-media .zo-grid-time, .template-zo_grid--tour .zo-grid-item .zo-grid-media .zo-grid-time { position: absolute; width: 100%; text-align: center; bottom: 0; } .template-zo_carousel--tour .zo-carousel-item .zo-grid-media .zo-grid-time .zo-time, .template-zo_grid--tour .zo-carousel-item .zo-grid-media .zo-grid-time .zo-time, .template-zo_carousel--tour .zo-grid-item .zo-grid-media .zo-grid-time .zo-time, .template-zo_grid--tour .zo-grid-item .zo-grid-media .zo-grid-time .zo-time { width: 115px; height: 30px; margin: 0 auto; background-color: #009ce7; background-image: -webkit-gradient(linear, left top, left bottom, from(#009ce7), to()); background-image: -webkit-linear-gradient(top, #009ce7, ); background-image: -moz-linear-gradient(top, #009ce7, ); background-image: -ms-linear-gradient(top, #009ce7, ); background-image: -o-linear-gradient(top, #009ce7, ); background-image: linear-gradient(top, #009ce7, ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#009ce7', endColorStr=''); /* BACKGROUND HORIZONTAL */ color: #fff; } .template-zo_carousel--tour .zo-carousel-item .zo-content, .template-zo_grid--tour .zo-carousel-item .zo-content, .template-zo_carousel--tour .zo-grid-item .zo-content, .template-zo_grid--tour .zo-grid-item .zo-content { border: 1px solid #e6e6e6; text-align: center; margin-top: 0; padding-bottom: 25px; } .template-zo_carousel--tour .zo-carousel-item .zo-content .zo-room-title h1, .template-zo_grid--tour .zo-carousel-item .zo-content .zo-room-title h1, .template-zo_carousel--tour .zo-grid-item .zo-content .zo-room-title h1, .template-zo_grid--tour .zo-grid-item .zo-content .zo-room-title h1 { font-size: 30px; line-height: 30px; font-weight: 100; } .template-zo_carousel--tour .zo-carousel-item .zo-content .zo-price, .template-zo_grid--tour .zo-carousel-item .zo-content .zo-price, .template-zo_carousel--tour .zo-grid-item .zo-content .zo-price, .template-zo_grid--tour .zo-grid-item .zo-content .zo-price { text-transform: uppercase; } .template-zo_carousel--tour div.owl-nav, .template-zo_grid--tour div.owl-nav { margin-top: 50px; } .template-zo_carousel--tour div.owl-nav .owl-prev, .template-zo_grid--tour div.owl-nav .owl-prev, .template-zo_carousel--tour div.owl-nav .owl-next, .template-zo_grid--tour div.owl-nav .owl-next { margin: 0; padding: 15px 25px; font-size: 30px; border-radius: 0; } .template-zo_carousel--tour div.owl-nav .owl-prev, .template-zo_grid--tour div.owl-nav .owl-prev { background: #009ce7; } .template-zo_carousel--tour div.owl-nav .owl-prev:hover, .template-zo_grid--tour div.owl-nav .owl-prev:hover { background: #009ce7; } .template-zo_carousel--tour div.owl-nav .owl-prev:hover i, .template-zo_grid--tour div.owl-nav .owl-prev:hover i { color: #b2b2b2; } .template-zo_carousel--tour div.owl-nav .owl-next, .template-zo_grid--tour div.owl-nav .owl-next { background: #b2b2b2; } .template-zo_carousel--tour div.owl-nav .owl-next:hover, .template-zo_grid--tour div.owl-nav .owl-next:hover { background: #b2b2b2; } .template-zo_carousel--tour div.owl-nav .owl-next:hover i, .template-zo_grid--tour div.owl-nav .owl-next:hover i { color: #009ce7; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media { padding-left: 0; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i { font-size: 48px; color: #009ce7; line-height: 80px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i:before { line-height: 80px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content { width: calc(100% - 50px); } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { font-size: 40px; font-weight: 100; line-height: 80px; margin-bottom: 0; } .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media { display: block; float: left; clear: left; padding-left: 10px; } .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i { color: #009ce7; font-size: 24px; line-height: 60px; } .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content { float: left; clear: right; display: block; padding-left: 15px; width: calc(100% - 37px); } .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { font-size: 18px; line-height: 60px; color: #323232; margin: 0; padding: 0; font-weight: 300; } .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content .zo-single-fancybox-content p { font-size: 18px; line-height: 30px; margin-bottom: 24px; } @media (max-width: 767px) { .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item { text-align: center; } .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media, .template-zo_fancybox_single--layout1 .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content { width: initial !important; float: none !important; display: inline-block !important; } } .template-zo_fancybox_single--layout2 { text-align: center; position: relative; /* =================================================== [End] 12. Shortcode Single Fancy Box ===================================================== */ } .template-zo_fancybox_single--layout2 .zo-single-fancybox-icon { font-size: 48px; color: #009ce7; } .template-zo_fancybox_single--layout2 .zo-single-fancybox-item { padding-top: 50px; padding-bottom: 40px; margin-bottom: 30px; } .template-zo_fancybox_single--layout2.zo-border-lr .zo-single-fancybox-item { border-width: 0 1px 0 1px; border-style: solid; border-color: #474747; } .template-zo_fancybox_single--layout2 .zo_title_item { font-size: 30px; color: #fff; margin-bottom: 5px; margin-top: 20px; } @media (min-width: 768px) and (max-width: 991px) { .template-zo_fancybox_single--layout2 .zo-single-fancybox-content { max-width: 240px; margin: 0 auto; } } .template-zo_fancybox_single--layout2 .zo-single-fancybox-content p:last-child { margin-bottom: 0; } .template-zo_fancybox_single--layout2 .zo-single-fancybox-foot .btn { background: #009ce7; color: #fff !important; line-height: 55px; min-width: 170px; padding: 0; position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .template-zo_fancybox_single--layout2 .zo-single-fancybox-foot .btn:hover { background: #fff; color: #009ce7 !important; } .template-zo_grid--video-presentation { /* [Start] carousel room style 2 */ } @media (max-width: 991px) { .template-zo_grid--video-presentation .row { margin: 0 !important; } } .template-zo_grid--video-presentation .zo-grid-item .zo-grid-media-wrap { position: relative; } .template-zo_grid--video-presentation .zo-grid-item .zo-grid-media-wrap .zo-grid-media img { width: 100%; } .template-zo_grid--video-presentation .zo-grid-item .zo-grid-media-wrap .zo-grid-button-play a { width: 60px; height: 60px; background-image: url("../images/bg_sale_mini.png"); position: absolute; border-radius: 100%; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .template-zo_grid--video-presentation .zo-grid-item .zo-grid-media-wrap .zo-grid-button-play a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 30px; } .template-zo_grid--video-presentation .zo-grid-item .zo-grid-title { font-size: 18px; line-height: 30px; color: #323232; padding-top: 44px; padding-bottom: 18px; } .template-zo_grid--video-presentation .zo-grid-item .zo-grid-content p:last-child { margin-bottom: 0; } .zo-carousel-room-style2-wrap .zo-carousel-filter { z-index: 100; } .zo-carousel-room-style2-wrap .zo-carousel-filter ul.list-filter-item { margin: 0; padding: 0; text-align: center; margin-top: 45px; } .zo-carousel-room-style2-wrap .zo-carousel-filter ul.list-filter-item li { display: inline-block; padding: 0 42px; border: 1px solid #e6e6e6; margin-right: 10px; } .zo-carousel-room-style2-wrap .zo-carousel-filter ul.list-filter-item li a { line-height: 58px; font-size: 12px; text-transform: uppercase; } .zo-carousel-room-style2-wrap .zo-carousel-filter ul.list-filter-item li:last-child { margin-right: 0; } .zo-slick-wrap { position: relative; z-index: 99; } .zo-slick-wrap:before, .zo-slick-wrap:after { content: ''; display: table; } .zo-slick-wrap:after { clear: both; } .zo-slick-wrap .zo-slick { display: block; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-slick-wrap .zo-carousel-filter a { text-transform: capitalize; } .template-zo_carousel--room-style2 > .owl-stage-outer { overflow: visible; padding-top: 110px; } .template-zo_carousel--room-style2 .slick-nav { display: inline-block; cursor: pointer; float: left; } .template-zo_carousel--room-style2 .slick-nav .fa { line-height: 58px; width: 60px; text-align: center; border: 1px solid #e6e6e6; } .template-zo_carousel--room-style2 .slick-nav, .template-zo_carousel--room-style2 .zo-slick-wrap-inner { float: left; text-align: center; color: #323232; } .template-zo_carousel--room-style2 .zo-slick-wrap-inner { line-height: 58px; border: 1px solid #e6e6e6; width: 170px; display: inline-block; margin-left: 10px; margin-right: 10px; } .template-zo_carousel--room-style2 .owl-nav { -webkit-transform: translate(0, -100%); -khtml-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 99; } .template-zo_carousel--room-style2 .owl-nav div.owl-prev, .template-zo_carousel--room-style2 .owl-nav div.owl-next { width: 58px; height: 58px; padding: 0; background-color: transparent; border: 1px solid #e6e6e6; } .template-zo_carousel--room-style2 .owl-nav div.owl-prev i, .template-zo_carousel--room-style2 .owl-nav div.owl-next i { line-height: 60px; color: #323232; } .template-zo_carousel--room-style2 .zo-carousel-item { padding-bottom: 40px; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-media:hover:before { background: #000; background: rgba(0, 0, 0, 0.3); /* BORDER RADIUS */ -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 */ /* TRIPLE BORDERS */ } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-media { position: relative; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-media:before { background-color: transparent; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta { text-align: center; position: relative; border: 1px solid #e6e6e6; width: 100%; height: 100%; z-index: 12; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta .zo-room-title { text-transform: uppercase; width: 100%; bottom: 9%; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta .zo-room-title h1 { font-size: 30px; line-height: 80px; margin-bottom: 0px; color: #323232; margin: 0; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta .zo-room-title p { font-size: 12px; line-height: 30px; letter-spacing: 0.2em; color: #b2b2b2; margin: 0; margin-top: -14px; margin-bottom: -9px; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta:hover { opacity: 1; background-color: transparent; cursor: pointer; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta a.btn { -webkit-transform: translate(0, 50%); -khtml-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ background-color: #009ce7; line-height: 54px; font-size: 12px; padding: 0 43px; } .template-zo_carousel--room-style2 .zo-carousel-item .zo-grid-meta a.btn.btn-booknow { color: #fff !important; } .template-zo_carousel--slickfilter-room { /* [End] carousel room style 2 */ } .template-zo_carousel--slickfilter-room.zo-slick { width: 100%; text-align: center; } .template-zo_carousel--slickfilter-room.zo-slick .wrap-center { display: inline-block; } .template-zo_carousel--slickfilter-room > .owl-stage-outer { overflow: visible; padding-top: 110px; } .template-zo_carousel--slickfilter-room .slick-nav { display: inline-block; cursor: pointer; float: left; } .template-zo_carousel--slickfilter-room .slick-nav i { line-height: 58px; width: 60px; text-align: center; border: 1px solid #e6e6e6; } .template-zo_carousel--slickfilter-room .slick-nav:hover i { color: #009ce7; } .template-zo_carousel--slickfilter-room .slick-nav, .template-zo_carousel--slickfilter-room .zo-slick-wrap-inner { float: left; text-align: center; color: #323232; } .template-zo_carousel--slickfilter-room .zo-slick-wrap-inner { line-height: 58px; border: 1px solid #e6e6e6; width: 170px; display: inline-block; margin-left: 10px; margin-right: 10px; } @media (max-width: 479px) { .template-zo_carousel--slickfilter-room .zo-slick-wrap-inner { width: 150px; } } .template-zo_carousel--slickfilter-room .owl-nav { -webkit-transform: translate(0, -100%); -khtml-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 99; } .template-zo_carousel--slickfilter-room .owl-nav div.owl-prev, .template-zo_carousel--slickfilter-room .owl-nav div.owl-next { width: 58px; height: 58px; padding: 0; background-color: transparent; border: 1px solid #e6e6e6; } .template-zo_carousel--slickfilter-room .owl-nav div.owl-prev i, .template-zo_carousel--slickfilter-room .owl-nav div.owl-next i { line-height: 60px; color: #323232; } .template-zo_carousel--slickfilter-room .zo-carousel-item { padding-bottom: 30px; } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-media:hover:before { background: #000; background: rgba(0, 0, 0, 0.3); /* BORDER RADIUS */ -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 */ /* TRIPLE BORDERS */ } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta { position: relative; text-align: center; position: relative; border: 1px solid #e6e6e6; width: 100%; z-index: 12; } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta:before { background-color: transparent; } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta .zo-room-title { text-transform: capitalize; width: 100%; bottom: 9%; } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta .zo-room-title a h1 { font-size: 30px; margin-bottom: 0px; color: #323232; margin: 22px 0 0; -webkit-transition: all 250ms ease 0s; -khtml-transition: all 250ms ease 0s; -moz-transition: all 250ms ease 0s; -ms-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; transition: all 250ms ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta .zo-room-title a h1:hover { color: #009ce7; } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta .zo-room-price { text-transform: uppercase; letter-spacing: 0.2em; font-size: 12px; } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta:hover { opacity: 1; background-color: transparent; cursor: pointer; } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta a.btn { -webkit-transform: translate(0, 50%); -khtml-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ line-height: 55px; width: 170px; padding: 0; color: #fff; } .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta a.btn:hover, .template-zo_carousel--slickfilter-room .zo-carousel-item .zo-grid-meta a.btn:focus { color: #000; } .template-zo_grid--gallery-extended .zo-grid-item .entry-blog .entry-header { margin-bottom: 42px; } .template-zo_grid--gallery-extended .zo-grid-item .entry-blog .entry-title { font-size: 40px; line-height: 40px; color: #323232; letter-spacing: 0; text-align: center; margin-bottom: 3px; } .template-zo_grid--gallery-extended .zo-grid-item .entry-blog .entry-title:hover { color: #009ce7; } .template-zo_grid--gallery-extended .zo-grid-item .entry-blog .entry-meta { margin-top: 0; margin-bottom: 25px; } .template-zo_grid--gallery-extended .zo-grid-item .entry-blog .btn-readmore { width: 170px; line-height: 55px; padding: 0; border-color: #009ce7; background: transparent; color: #000; } .template-zo_grid--gallery-extended .zo-grid-item .entry-blog .btn-readmore:hover { background: #009ce7; } .template-zo_grid--gallery-fullwidth .zo-grid-item { padding: 0; } .template-zo_grid--gallery-fullwidth .zo-grid-item article { margin-bottom: 0; padding: 0; box-shadow: none; } .template-zo_grid--gallery-fullwidth .zo-grid-item article .entry-blog .entry-header { margin-bottom: 30px; } .template-zo_grid--gallery-fullwidth .zo-grid-item article .entry-blog .entry-title { font-size: 40px; line-height: 40px; color: #323232; letter-spacing: 0; text-align: center; margin-bottom: 3px; } .template-zo_grid--gallery-fullwidth .zo-grid-item article .entry-blog .entry-title:hover { color: #009ce7; } .template-zo_grid--gallery-fullwidth .zo-grid-item article .entry-blog .entry-meta { margin-top: 0; margin-bottom: 27px; } @media (max-width: 991px) { .vc_grid.vc_row.vc_grid-gutter-5px .vc_grid-item { padding: 0 !important; } .vc_grid.vc_row.vc_grid-gutter-5px .vc_pageable-slide-wrapper { margin-right: 0 !important; } } img { max-width: 100%; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { /* Keep wide captions from overflowing their container. */ max-width: 100%; padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; /* Video background */ } .row-bg-video { position: relative; overflow: hidden; } .row-bg-video .zo-bg-video { position: absolute; left: 0; top: 0; width: 100%; } .row-bg-video .wp-video-shortcode { width: 100% !important; height: auto !important; } .zo-masonry-layout-item.col4 .mejs-time-rail { display: none; } .loader { position: relative; width: 2.5em; height: 2.5em; -webkit-transform: rotate(165deg); -moz-transform: rotate(165deg); -ms-transform: rotate(165deg); -o-transform: rotate(165deg); transform: rotate(165deg); } .loader:before, .loader:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 0.5em; height: 0.5em; border-radius: 0.25em; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader:before { -webkit-animation: before 2s infinite; -moz-animation: before 2s infinite; -ms-animation: before 2s infinite; -o-animation: before 2s infinite; animation: before 2s infinite; } .loader:after { -webkit-animation: after 2s infinite; -moz-animation: after 2s infinite; -ms-animation: after 2s infinite; -o-animation: after 2s infinite; animation: after 2s infinite; } @keyframes before { 0% { width: 0.5em; -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @keyframes after { /* Webkit */ 0% { height: 0.5em; -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } @-webkit-keyframes before { 0% { width: 0.5em; -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @-webkit-keyframes after { /* Moz */ 0% { height: 0.5em; -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } @-moz-keyframes before { 0% { width: 0.5em; -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @-moz-keyframes after { /* IE */ 0% { height: 0.5em; -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } @-o-keyframes before { 0% { width: 0.5em; -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @-o-keyframes after { /** * Attempt to center the whole thing! */ 0% { height: 0.5em; -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } html, body { height: 100%; } .loader { position: absolute; top: calc(50% - 1.25em); left: calc(50% - 1.25em); /* ========================================================================== End Style 1 ========================================================================== */ /* ========================================================================== Style 2 ========================================================================== */ } @-webkit-keyframes ball { 0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-moz-keyframes ball { 0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-o-keyframes ball { 0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes ball { 0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-webkit-keyframes ball-highlight { 0% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-moz-keyframes ball-highlight { 0% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-o-keyframes ball-highlight { 0% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes ball-highlight { 0% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes ball-shadow { 0% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-moz-keyframes ball-shadow { 0% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-o-keyframes ball-shadow { 0% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes ball-shadow { /* Styles for old versions of IE */ 0% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .ball { font-family: sans-serif; font-weight: 100; /* :not(:required) hides this rule from IE9 and below */ } .ball:not(:required) { position: relative; display: inline-block; font-size: 0; letter-spacing: -1px; border-radius: 100%; background: #f86; width: 50px; height: 50px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-animation: ball 1500ms infinite linear; -moz-animation: ball 1500ms infinite linear; -ms-animation: ball 1500ms infinite linear; -o-animation: ball 1500ms infinite linear; animation: ball 1500ms infinite linear; } .ball:not(:required)::after { content: ''; position: absolute; top: 4.5px; left: 5.5px; width: 15px; height: 15px; background: #ffb099; border-radius: 100%; -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation: ball-highlight 1500ms infinite linear; -moz-animation: ball-highlight 1500ms infinite linear; -ms-animation: ball-highlight 1500ms infinite linear; -o-animation: ball-highlight 1500ms infinite linear; animation: ball-highlight 1500ms infinite linear; } .ball:not(:required)::before { content: ''; position: absolute; top: 50px; left: 5.5px; width: 50px; height: 15px; background: rgba(0, 0, 0, 0.2); border-radius: 100%; -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation: ball-shadow 1500ms infinite linear; -moz-animation: ball-shadow 1500ms infinite linear; -ms-animation: ball-shadow 1500ms infinite linear; -o-animation: ball-shadow 1500ms infinite linear; animation: ball-shadow 1500ms infinite linear; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); /* ========================================================================== End Style 2 ========================================================================== */ } #zo-header-navigation { position: static; /* -----> Minimum width of 992 pixels. */ } #zo-header-navigation .main-navigation ul.ping-right { left: auto; right: 100%; } #zo-header-navigation .main-navigation ul.ping-left { left: 100%; right: auto; } @media (min-width: 992px) { #zo-menu-mobile, #menu-mobile, .zo-menu-toggle { display: none; } #zo-header-navigation.collapse { display: block; } body.fixed-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li:hover > a, body.remove-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li:hover > a, body.fixed-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, body.remove-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a, body.fixed-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-parent > a, body.remove-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-parent > a, body.fixed-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, body.remove-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a { border-bottom: none !important; } body.fixed-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li > a, body.remove-margin-top #zo-header-navigation .main-navigation .menu-main-menu > li > a { border-bottom: none !important; } .zo-header-shorted #zo-header-navigation .main-navigation div.menu-main-menu-container > ul > li, .zo-header-shorted #zo-header-navigation .main-navigation .nav-menu > li { margin: 0; display: inline-block !important; } .zo-header-shorted #zo-header-navigation .main-navigation div.menu-main-menu-container > ul > li + li, .zo-header-shorted #zo-header-navigation .main-navigation .nav-menu > li + li { border-left-width: 0; } .zo-header-shorted #zo-header-navigation .main-navigation div.menu-main-menu-container > ul > li + li > a, .zo-header-shorted #zo-header-navigation .main-navigation .nav-menu > li + li > a { border-left: 1px solid #e6e6e6; } #zo-header-navigation .main-navigation div.menu-main-menu-container > ul, #zo-header-navigation .main-navigation .nav-menu { display: table !important; table-layout: fixed; width: 100%; } #zo-header-navigation .main-navigation div.menu-main-menu-container > ul > li, #zo-header-navigation .main-navigation .nav-menu > li { display: table-cell !important; } #zo-header-navigation .main-navigation div.menu-main-menu-container > ul > li + li, #zo-header-navigation .main-navigation .nav-menu > li + li { border-left: 1px solid #e6e6e6; } #zo-header-navigation .main-navigation div.menu-main-menu-container > ul > li .sub-menu, #zo-header-navigation .main-navigation .nav-menu > li .sub-menu { min-width: 100%; } #zo-header-navigation .main-navigation ul { margin: 0; padding: 0; text-indent: 0; } #zo-header-navigation .main-navigation ul li { position: relative; } #zo-header-navigation .main-navigation ul li a { border-bottom: 0; white-space: nowrap; -webkit-transition: all 420ms linear 0ms; -khtml-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; -o-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #zo-header-navigation .main-navigation .menu-main-menu > li { margin: 0 10px; font-size: 12px; font-weight: 400; vertical-align: top; -webkit-transition: all 420ms linear 0ms; -khtml-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; -o-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-button a { background-color: #009ce7; border: 1px solid #009ce7; -webkit-border-radius: 40px; -khtml-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; /* BACKGROUND GRADIENT */ color: #000 !important; padding: 10px 35px !important; line-height: normal; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-button a:hover { color: #fff !important; } #zo-header-navigation .main-navigation .menu-main-menu > li > a { position: relative; text-align: center; -webkit-transition: all 420ms linear 0ms; -khtml-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; -o-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ line-height: normal; } #zo-header-navigation .main-navigation .menu-main-menu > li > a i { display: block; width: 100%; line-height: 0; margin-bottom: 6px; -webkit-transition: all 420ms linear 0ms; -khtml-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; -o-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #zo-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { -webkit-transform: translateY(25px); -khtml-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ display: block; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children { position: relative; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > ul.sub-menu { margin-top: 24px; -webkit-transition: margin 420ms linear 0s; -khtml-transition: margin 420ms linear 0s; -moz-transition: margin 420ms linear 0s; -ms-transition: margin 420ms linear 0s; -o-transition: margin 420ms linear 0s; transition: margin 420ms linear 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > ul.sub-menu li { text-align: center; width: 100%; padding: 0 50px; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > ul.sub-menu li a { text-align: center; border-bottom: 1px solid #474747; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > ul.sub-menu li:last-child a { border-bottom-width: 0; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > ul.sub-menu li ul li a { border-bottom: 1px solid #e5e5e5; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children:hover > ul.sub-menu { -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); /* BACKGROUND GRADIENT */ /* BOX SIZING */ margin-top: 0; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children:hover > .zo-menu-toggle { opacity: 1; } #zo-header-navigation .main-navigation .menu-main-menu > li, #zo-header-navigation .main-navigation .menu-main-menu > li a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a { display: inline-block; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; } #zo-header-navigation .main-navigation .menu-main-menu > li ul li, #zo-header-navigation .main-navigation .menu-main-menu > li ul li a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul li, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul li a { display: block; text-decoration: none; text-align: left; text-transform: uppercase; letter-spacing: 0.2em; } #zo-header-navigation .main-navigation li li { margin: 0; } #zo-header-navigation .main-navigation li ul { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 999; padding: 30px 0; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #zo-header-navigation .main-navigation ul > li > ul { left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-main-header:not(.zo-header-shorted) #zo-header-navigation .main-navigation ul:not(.sub-menu) > li:first-child > ul { left: 0; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-main-header:not(.zo-header-shorted) #zo-header-navigation .main-navigation ul:not(.sub-menu) > li:last-child > ul { left: initial; right: 0; -webkit-transform: translate(0); -khtml-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ /* Menu Stick Wall */ } #zo-header-navigation .main-navigation li ul ul { top: 0; margin-top: -30px; left: 100%; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ /* End Menu Stick Wall */ } #zo-header-navigation .main-navigation li ul ul.back { right: 100%; left: auto; } #zo-header-navigation .main-navigation li ul ul.back ul:not(.back) { right: 100%; left: auto; } #zo-header-navigation .main-navigation li ul ul.back ul.back { left: 100%; right: auto; } #zo-header-navigation .main-navigation li ul ul.back ul.back ul:not(.back) { left: 100%; right: auto; } #zo-header-navigation .main-navigation li ul ul.back ul.back ul.back { right: 100%; left: auto; } #zo-header-navigation .main-navigation { /* End Menu Sub Level */ /* Start Mega Menu */ } #zo-header-navigation .main-navigation ul li:hover > ul, #zo-header-navigation .main-navigation ul li:focus > ul, #zo-header-navigation .main-navigation .focus > ul { clip: inherit; overflow: inherit; height: inherit; } #zo-header-navigation .main-navigation li ul li a { line-height: 50px; white-space: normal; } #zo-header-navigation .main-navigation li ul li:last-child a { border-bottom: none; } #zo-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), #zo-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), #zo-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), #zo-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) { clear: left; } #zo-header-navigation .main-navigation .columns5 > li { width: 20% !important; } #zo-header-navigation .main-navigation .columns4 > li { width: 25% !important; } #zo-header-navigation .main-navigation .columns3 > li { width: 33% !important; } #zo-header-navigation .main-navigation .columns2 > li { width: 50% !important; } #zo-header-navigation .main-navigation [class*="columns"] > li { float: left; } #zo-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; } #zo-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } #zo-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 0 !important; width: 100% !important; background: #fff; } #zo-header-navigation .main-navigation li.group > ul.sub-menu { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { -webkit-transform: translateY(14px); -khtml-transform: translateY(14px); -moz-transform: translateY(14px); -ms-transform: translateY(14px); -o-transform: translateY(14px); transform: translateY(14px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li > a i { margin-bottom: 3px; /* End Start Mega Menu */ } #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > .zo-menu-toggle { display: none; } } @media (min-width: 1600px) { /* -----> Minimum width of 992 pixels. */ .zo-main-header:not(.zo-header-shorted) #zo-header-navigation .main-navigation li ul { width: 100% !important; } } @media screen and (max-width: 1150px) and (min-width: 992px) { /* -----> Max width of 992 pixels. */ #zo-header-navigation .main-navigation .menu-main-menu > li { margin-left: 4px; margin-right: 4px; } } @media (max-width: 991px) { /* -----> End Max width of 992 pixels. */ /* zo-header-shorted */ #zo-header-navigation { display: none; } #zo-header-navigation.collapse { display: block; } #zo-menu-mobile { display: block; text-align: right; margin-right: 15px; } #zo-menu-mobile i { background: #009ce7; color: #fff; cursor: pointer; font-size: 32px; height: 35px; line-height: 35px; text-align: center; width: 45px; } #zo-header-navigation .main-navigation div.menu-main-menu-container > ul { margin: 0; padding: 0; list-style: none; overflow: hidden; transition: all 500ms ease; } #zo-header-navigation .main-navigation div.menu-main-menu-container > ul li { list-style: none; } #zo-header-navigation .main-navigation div.menu-main-menu-container > ul li a { display: block; color: #5e5e5e; } #zo-header-navigation .main-navigation div.menu-main-menu-container > ul li a:hover, #zo-header-navigation .main-navigation div.menu-main-menu-container > ul li a:focus { color: #21759b; } .collapse .main-navigation div.nav-menu > ul { display: block; max-height: 2000px; } #zo-header-navigation .main-navigation { padding: 15px 0; /* Dropdown Sub Menu */ } #zo-header-navigation .main-navigation .menu-main-menu > li > a i { display: none; } #zo-header-navigation .main-navigation .menu-main-menu li { line-height: 31px; } #zo-header-navigation .main-navigation .menu-main-menu li a { text-transform: uppercase; background: transparent; color: #323232; font-weight: 400; } #zo-header-navigation .main-navigation ul.sub-menu { width: 100% !important; } .zo-menu-toggle { display: block; } #zo-header-navigation .main-navigation .menu-main-menu > li { position: relative; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-button a span { background-color: #009ce7; border: 1px solid #009ce7; -webkit-border-radius: 40px; -khtml-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; /* BACKGROUND GRADIENT */ color: #000; padding: 10px 35px !important; } #zo-header-navigation .main-navigation .menu-main-menu > li.menu-button a span:hover { color: #fff; } #zo-header-navigation .main-navigation .menu-main-menu > li li { position: relative; } #zo-header-navigation .main-navigation .menu-main-menu > li a { text-transform: uppercase; display: block; border-bottom: none; margin: 0 0 4px; } #zo-header-navigation .main-navigation .menu-main-menu > li a:hover span { color: #009ce7; } #zo-header-navigation .main-navigation .menu-main-menu > li .zo-menu-toggle { color: #323232; cursor: pointer; position: absolute; right: -5px; text-align: center; top: 0; width: 30px; } #zo-header-navigation .main-navigation .menu-main-menu > li .zo-menu-toggle:hover { color: #009ce7; } #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu { max-height: 0; overflow: hidden; padding-left: 10px; -webkit-transition: max-height 600ms linear 0ms; -khtml-transition: max-height 600ms linear 0ms; -moz-transition: max-height 600ms linear 0ms; -ms-transition: max-height 600ms linear 0ms; -o-transition: max-height 600ms linear 0ms; transition: max-height 600ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open { max-height: 1000px; } #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .zo-menu-toggle i:before { content: "\f106"; } #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .zo-menu-toggle { right: 12px; } #zo-header-navigation .main-navigation .menu-main-menu li.current-menu-item > a, #zo-header-navigation .main-navigation .menu-main-menu li.current-menu-ancestor > a, #zo-header-navigation .main-navigation .menu-main-menu li.current_page_item > a, #zo-header-navigation .main-navigation .menu-main-menu li.current_page_ancestor > a { color: #009ce7; } } @media (min-width: 768px) and (max-width: 991px) { /* zo-header-shorted */ .zo-header-shorted #zo-menu-mobile { margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-45%); -khtml-transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -o-transform: translateY(-45%); transform: translateY(-45%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ right: 0; } } @media (max-width: 767px) { .zo-header-shorted > .container-fluid > .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse; } .zo-header-shorted > .container-fluid > .row > #zo-header-logo { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .zo-header-shorted > .container-fluid > .row > #zo-header-social { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .zo-header-shorted > .container-fluid > .row > #zo-cols-navigation { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; margin-bottom: 10px; } } @media (min-width: 992px) { /* ========================================================================== End Style Main Menu ========================================================================== */ .zo-header-shorted #zo-header-navigation .main-navigation div.menu-main-menu-container > ul > li .sub-menu, .zo-header-shorted #zo-header-navigation .main-navigation .nav-menu > li .sub-menu { min-width: 320px; } } .secondary .widget, .wpb_widgetised_column .widget { border-bottom: none; margin-bottom: 34px; } .secondary .wg-title, .wpb_widgetised_column .wg-title { font-size: 40px; line-height: 60px; color: #323232; letter-spacing: 0; font-weight: 100; margin-bottom: 14px; } .secondary ul, .wpb_widgetised_column ul { margin: 0; padding: 0; list-style: none; } .secondary ul ul, .wpb_widgetised_column ul ul { margin-left: 20px; } .secondary ul li, .wpb_widgetised_column ul li { line-height: 36px; display: inline-block; width: 100%; } .secondary ul li a, .wpb_widgetised_column ul li a { color: #868686; } .secondary ul li a:hover, .wpb_widgetised_column ul li a:hover { color: #009ce7; } .secondary .tagcloud a, .wpb_widgetised_column .tagcloud a { font-size: 18px; line-height: 60px; padding: 0 30px; color: #323232; border: 1px solid #e6e6e6; background: transparent; display: inline-block; font-weight: 100; margin: 0 11px 15px 0; display: inline-block; } .secondary .tagcloud a:hover, .wpb_widgetised_column .tagcloud a:hover { border: 1px solid transparent; background: #009ce7; color: #fff; } .wpb_widgetised_column .widget_newsletterwidget .wg-title { margin: 0; padding: 0; border: none; } .widget_searchform_content { display: block; } .searchform { position: relative; margin-bottom: 15px; font-size: 18px; line-height: 30px; /* ========================================================================== [Start] 2. Widget Category ========================================================================== */ } .searchform:after { content: "\e6df"; font-family: 'rt-icons'; font-size: 18px; position: absolute; right: 0; top: 0; color: #fff; background: #009ce7; z-index: 99; line-height: 60px; width: 60px; text-align: center; vertical-align: middle; } .searchform .screen-reader-text { display: none; } .searchform input[type="text"] { width: 100%; margin: 0; color: #323232; font-style: italic; } .searchform input[type="submit"] { position: absolute; right: 0; top: 0; width: 60px; height: 60px; line-height: 60px; background: none !important; border: none !important; text-indent: -99999px; opacity: 0; padding: 0; z-index: 100; } .widget_categories, .widget_archive { /* ========================================================================== [Start] 3. Widget Tags ========================================================================== */ } .widget_categories ul li.cat-item, .widget_archive ul li.cat-item, .widget_categories ul li, .widget_archive ul li { color: #009ce7; border-bottom: 1px solid #e5e5e5; padding: 0 0 0 50px; text-align: right; line-height: 60px; position: relative; } .widget_categories ul li.cat-item:first-child, .widget_archive ul li.cat-item:first-child, .widget_categories ul li:first-child, .widget_archive ul li:first-child { border-top: 1px solid #e5e5e5; } .widget_categories ul li.cat-item a, .widget_archive ul li.cat-item a, .widget_categories ul li a, .widget_archive ul li a { font-size: 18px; color: #323232; float: left; text-align: left; line-height: 60px; } .widget_categories ul li.cat-item:before, .widget_archive ul li.cat-item:before, .widget_categories ul li:before, .widget_archive ul li:before { color: #009ce7; content: ""; font-family: FontAwesome; left: 20px; padding-right: 22px; position: absolute; top: 0; font-size: 28px; line-height: 60px; } .tagcloud a { font-size: 18px !important; line-height: 60px; padding: 0 30px; color: #fff; border: 1px solid #e6e6e6; display: inline-block; font-weight: 700; margin: 0 11px 15px 0; display: inline-block; /* ========================================================================== [End] 3. Widget Tags ========================================================================== */ /* ========================================================================== [Start] 4. Instagram ========================================================================== */ } .tagcloud a:hover { border: 1px solid rgba(0, 0, 0, 0.1); } .zo-instagram-pics { max-width: 256px; } .zo-instagram-pics .instagram-item { margin: 0; padding: 0 9px 9px 0; } .zo-get-touch li { position: relative; padding-left: 30px; /* ========================================================================== [End] 4. Instagram ========================================================================== */ } .zo-get-touch li i { font-size: 20px; color: #808080; padding-right: 10px; position: absolute; top: 0; left: 0; } .zo-recent-post-wrapper { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .zo-recent-post-wrapper li { padding: 30px 0; border-bottom: 1px solid #e5e5e5; display: block; clear: both; } .zo-recent-post-wrapper li:last-child { border-bottom-width: 0; } .zo-recent-post-wrapper li:before, .zo-recent-post-wrapper li:after { content: ''; display: table; } .zo-recent-post-wrapper li:after { clear: both; } .zo-recent-post-wrapper .zo-recent-media { max-width: 70px; float: left; } .zo-recent-post-wrapper .zo-recent-details { padding-left: 100px; font-size: 18px; line-height: 30px; margin-top: -6px; } .zo-recent-post-wrapper .zo-recent-details.no-image { padding: 0; } .zo-recent-post-wrapper .zo-recent-details .title { font-size: 18px; line-height: 23px; margin: 0; } .zo-recent-post-wrapper .zo-recent-details .date { display: inline-block; margin-bottom: 4px; } .zo-recent-post-wrapper .zo-recent-details .date .author { padding-left: 1px; } .zo-recent-post-wrapper .zo-recent-details .date .author:before { content: "|"; padding-right: 3px; } #secondary .zo-recent-post-wrapper .zo-recent-details .date { color: #009ce7; } .widget_rss { /* ========================================================================== [Start] 4. Widget Login Social ========================================================================== */ } .widget_rss ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #009ce7; } .zo-login { float: left; padding: 0px 37px; /* ========================================================================== [End] 4. Widget Login Social ========================================================================== */ /* ========================================================================== [Start] 5. Widget Social links ========================================================================== */ } .zo-social { padding: 25px 0; margin: 0; text-align: right; /* ========================================================================== [End] 5. Widget Social links ========================================================================== */ /* ========================================================================== [Start] 6. Widget Calendar ========================================================================== */ } .zo-social li { display: inline-block; margin-right: 10px; } .zo-social li:last-child { margin-right: 0; } .zo-social li a { color: #fff; width: 30px; height: 30px; line-height: 30px; display: block; text-align: center; background-color: #009ce7; -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 */ -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 */ /* TRIPLE BORDERS */ } .zo-social li a i { vertical-align: middle; font-size: 16px; } .zo-social li a:hover { color: #000; } .zo-social li a.zo-facebook { background-color: #3b5998; } .zo-social li a.zo-twitter { background-color: #48c4d2; } .zo-social li a.zo-google { background-color: #dd4b39; } .zo-social li a.zo-youtube { background-color: #b00; } .zo-social li a.zo-flickr { background-color: #ff0084; } .zo-social li a.zo-dribble { background-color: #ea4c89; } .zo-social li a.zo-pinterest { background-color: #cb2027; } .zo-social li a.zo-linkedin { background-color: #0077b5; } .zo-social li a.zo-instagram { background-color: #517fa4; } .widget_calendar { /* ========================================================================== [End] 6. Widget Calendar ========================================================================== */ /* ========================================================================== [Start] 7. Widget Recent Post thumbnail ========================================================================== */ } .widget_calendar #calendar_wrap { -webkit-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; -moz-box-shadow: 0px 0px 0px 1px #e6e6e6 inset; box-shadow: 0px 0px 0px 1px #e6e6e6 inset; } .widget_calendar #calendar_wrap #wp-calendar { border: none; width: 100%; } @media (min-width: 768px) and (max-width: 991px) { .widget_calendar #calendar_wrap #wp-calendar { font-size: 14px; } } .widget_calendar #calendar_wrap #wp-calendar caption { font-size: 18px; text-align: center; text-transform: uppercase; background: #009ce7; color: #fff; font-weight: 300; line-height: 30px; padding: 15px 0; } .widget_calendar #calendar_wrap #wp-calendar td, .widget_calendar #calendar_wrap #wp-calendar th { text-align: center; font-weight: 300; border: none; } .widget_calendar #calendar_wrap #wp-calendar td a, .widget_calendar #calendar_wrap #wp-calendar th a { color: #009ce7; } .widget_calendar #calendar_wrap #wp-calendar td { padding-top: 0; padding-bottom: 0; } .widget_calendar #calendar_wrap #wp-calendar thead { width: 100%; } .widget_calendar #calendar_wrap #wp-calendar thead tr { background: #323232; color: #fff; } .widget_calendar #calendar_wrap #wp-calendar thead tr th { border-color: #323232; font-weight: 300; text-align: center; } .widget_calendar #calendar_wrap #wp-calendar tbody tr:first-child td { padding-top: 20px; } .widget_calendar #calendar_wrap #wp-calendar tbody tr:last-child td { padding-bottom: 20px; } .widget_calendar #calendar_wrap #wp-calendar tfoot { display: none; } .zo-row-full-width .widget_zo-recent-posts-widget-with-thumbnails .recent-details { width: calc(100% - 100px); } .widget_zo-recent-posts-widget-with-thumbnails { /* ========================================================================== [End] 7. Widget Recent Post thumbnail ========================================================================== */ } .widget_zo-recent-posts-widget-with-thumbnails .wg-title { font-size: 40px; line-height: 60px; font-weight: 100; margin-bottom: 40px; } .widget_zo-recent-posts-widget-with-thumbnails .recent-thumb { display: block; float: left; } .widget_zo-recent-posts-widget-with-thumbnails .recent-details { display: block; float: left; clear: right; width: calc(100% - 70px); padding-left: 30px; } .widget_zo-recent-posts-widget-with-thumbnails .recent-details p { margin-bottom: 0; } .widget_zo-recent-posts-widget-with-thumbnails .recent-details .zo-post-date span { position: relative; display: block; color: #323232; } .widget_zo-recent-posts-widget-with-thumbnails .recent-details .zo-post-date span:before { content: '\f073'; font-family: FontAwesome; color: #009ce7; padding-right: 10px; } .zo-above-footer { padding-top: 30px; background-color: #323232; } .zo-above-footer .row > .wpb_column + .wpb_column { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 768px) { .vertical-align-bottom > .container > .row > div[class*="col-"], .vertical-align-bottom .container-fluid > .row > div[class*="col-"], .vertical-align-bottom > .container > .row > div[class*="vc_col-"], .vertical-align-bottom .container-fluid > .row > div[class*="vc_col-"] { float: none; display: inline-block; vertical-align: bottom; } .vertical-align-bottom > div[class*="vc_col-"] { float: none; display: inline-block; vertical-align: bottom; } } @media (min-width: 1200px) { body.cmstheme-boxed { margin: auto; min-width: 1170px; width: 81%; /* END BOXED */ } body.cmstheme-boxed > #page { overflow: hidden; } body.cmstheme-boxed .wpb_row.zo-hidden-overflow { overflow: hidden; } body.cmstheme-boxed #zo-header.header-fixed, body.cmstheme-boxed #zo-header.header-fixed-page { min-width: 1170px; max-width: 81%; } body.cmstheme-boxed .template-zo_carousel--testimonial.owl-carousel { padding-right: calc(100% - (1170px / 2) + 15px); } body.cmstheme-boxed .template-zo_carousel--testimonial.owl-carousel.zo-nav-right .owl-nav { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-carousel-testimonial-title.template-zo_carousel--testimonial { font-size: 98px; margin-top: 25px; } .template-zo_carousel--testimonial .zo-testimonial { padding-right: 90px; } .template-zo_carousel--testimonial .zo-testimonial .zo-content p { font-size: 27px; line-height: 27px; } .padding-left-60 { padding-left: 60px; } #breadcrumb #breadcrumb-text { padding-left: 80px; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form { width: 487.5px; } body .zo-contact-me > .vc_column-inner { padding-left: 115px; } } body.cmstheme-boxed .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale { background-image: url('../images/bg_sale_boxed.png'); } body.cmstheme-boxed .template-zo_carousel--room .zo-carousel-item .zo-grid-media .zo-grid-hover .zo-roomsale.feature { background-image: url('../images/bg_sale_feature.png'); } body.cmstheme-boxed .tp-video-play-button { background: url("../images/bg_sale_boxed.png"); } @media screen and (max-width: 1199px) { .zo-carousel-testimonial-title.template-zo_carousel--testimonial { font-size: 77px; margin-top: 15px; } .template-zo_carousel--testimonial { margin-top: 100px; /* Fancybox */ } .template-zo_carousel--testimonial .zo-testimonial { padding-right: 60px; } .template-zo_carousel--testimonial .zo-testimonial .zo-content { padding-left: 40px; position: relative; } .template-zo_carousel--testimonial .zo-testimonial .zo-content p { font-size: 20px; line-height: 20px; } .template-zo_carousel--testimonial .zo-testimonial .zo-content .zo-author { font-size: 14px; } .template-zo_carousel--testimonial .zo-testimonial .zo-content:before { top: 10px; font-size: 60px; } .template-zo_carousel--testimonial .owl-nav { position: absolute; width: 40px; } .template-zo_carousel--testimonial .owl-nav .owl-prev, .template-zo_carousel--testimonial .owl-nav .owl-next { height: 40px; font-size: 16px; line-height: 40px; } .col-padding-horizontal-115 > .wpb_wrapper, .col-padding-horizontal-115-left > .wpb_wrapper, .col-padding-horizontal-115-right > .wpb_wrapper { padding-left: 15px; padding-right: 15px; } body .zo-fancybox-layout-1 .zo-fancy-box-main .zo-fancy-box-title { font-size: 32px; line-height: 36px; } body .zo-fancybox-layout-1 .zo-fancy-box-main .zo-fancy-box-content { line-height: 22px; } .contact-class h2 { line-height: 35px; } .zo-accordion { /*Zo tab*/ } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a { font-size: 12px; line-height: 30px; letter-spacing: 2.4px; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon { right: 20px; } .zo-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { padding: 25px; line-height: 30px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { padding: 20px 25px 40px 25px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_empty_space { height: 10px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image { margin-bottom: 44px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image .vc_single_image-wrapper { width: 100%; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image .vc_single_image-wrapper img { margin: 0; } .zo-carousel-tour { padding: 90px 15px 60px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media { padding-left: 0; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i { font-size: 30px; color: #009ce7; line-height: 50px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i:before { line-height: 50px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { font-size: 26px; font-weight: 100; line-height: 50px; margin-bottom: 0; } .tp-video-play-button { width: 84px; height: 84px; line-height: 84px; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .tp-video-play-button .revicon-right-dir:before { line-height: 84px; } .video-title { top: -26px !important; } } @media screen and (max-width: 1024px) { .template-zo_carousel--testimonial { margin-top: 90px; } body .container { width: 100%; } #zo-header > .container { padding: 0 15px; } .wpb_column.padding-30 { padding: 0 30px !important; /* Testionial */ } body .zo-testimonial-layout1 .zo-testimonial-content { padding: 0; } } @media (min-width: 1200px) { .zo-row-full-width > .container-fluid > .row > .wpb_column { padding-left: 0; padding-right: 0; } .image_over_left img { max-width: 110% !important; width: 110%; margin-left: -8%; margin-bottom: -60px; } .same_height_cols { display: table; width: 100%; table-layout: fixed; } .same_height_cols > div[class^="col"], .same_height_cols > div[class^="vc_col"] { float: none; display: table-cell; vertical-align: top; padding: 0; } .vc_same_height_cols .container .row, .vc_same_height_cols .container-fluid .row { display: table; width: 100%; table-layout: fixed; } .vc_same_height_cols .container .row > div[class^="vc_col"], .vc_same_height_cols .container-fluid .row > div[class^="vc_col"] { float: none; display: table-cell; vertical-align: middle; } .absolute_bottom img { position: absolute; bottom: 0; } .absolute_bottom.vc_align_center img { left: 50%; transform: translateX(-50%); } .absolute_bottom.vc_align_right img { right: -30px; } .absolute_bottom.vc_align_left img { left: -30px; } } @media (max-width: 991px) { body #page { padding-top: 0 !important; } .zo-row-full-width { /* Header Sticky */ } .zo-row-full-width > .container-fluid > .row > div[class*="vc_col-"], .zo-row-full-width > .container > .row > div[class*="vc_col-"] { padding: 0; } body #zo-header { position: static; /* End Header Sticky */ } } @media only screen and (min-device-width: 768px) and (max-device-width: 1199px) { .zo-book-room .row { margin: 0; } } @media screen and (max-width: 991px) and (min-width: 768px) { body #zo-header.sticky-tablets { position: fixed; /* End Header Sticky */ } .zo-book-room .rtb-booking-form .reservation .col-md-2_5 { display: block; float: left; width: 50%; margin-top: 12px; } .zo-book-room.zo-bookingform-style2 .reservation .col-md-2_5 { width: 50%; } .zo-book-room.zo-bookingform-style2 .reservation .col-md-2_5:last-child { position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-contact-me .zo-contact i { font-size: 26px; color: #009ce7; margin-right: 15px; line-height: 40px; } .zo-contact-me .zo-contact i:before { line-height: 40px; } .zo-contact-me .zo-contact p { font-size: 18px; font-weight: 100; line-height: 40px; margin-bottom: 0; } .zo-separator-tablet { height: 40px !important; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media { padding-left: 0; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i { font-size: 26px; color: #009ce7; line-height: 40px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i:before { line-height: 40px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { font-size: 20px; font-weight: 100; line-height: 40px; margin-bottom: 0; } .video-title { top: -13px !important; } .wpb_revslider_element .slidervideo.tparrows { top: calc(100% + 45px) !important; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow { left: calc(50% - 5px) !important; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:after { font-size: 11px; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:before { font-size: 11px; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow { left: calc(50% + 5px) !important; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:before { font-size: 11px; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:after { font-size: 11px; } } @media screen and (max-width: 800px) { .wpb_single_image { margin-right: 0px !important; } .zo-carousel-testimonial-title.template-zo_carousel--testimonial { font-size: 58px; margin-top: 5px; } .template-zo_carousel--testimonial { margin-top: 80px; } .template-zo_carousel--testimonial .zo-testimonial .zo-content .zo-author { font-size: 12px; margin-bottom: 18px; } .wpb_revslider_element .slidervideo.tparrows { top: calc(100% + 50px) !important; } } @media screen and (max-width: 839px) { .social-share .social-list li { margin-bottom: 10px ! important; } } @media screen and (max-width: 991px) { .template-zo_grid--news-1 .news-thumbnail .zo-news-header, .template-zo_grid--news-2 .news-thumbnail .zo-news-header, .template-zo_grid--news-1 .news-thumbnail .zo-news-detail, .template-zo_grid--news-2 .news-thumbnail .zo-news-detail { clear: both; width: 100%; padding: 0; } .template-zo_grid--news-1 .news-thumbnail .zo-news-header, .template-zo_grid--news-2 .news-thumbnail .zo-news-header { margin-bottom: 20px; } .template-zo_grid--news-2 { /* Event ==============================================*/ } .zo-event-image { padding: 0; } .event-grid .zo-event-detail { padding: 30px; } .event-teaser .zo-event-left .zo-event-info { border-right: none; } .template-zo_grid--event-1 .zo-grid-item.first .event-teaser .zo-event-detail, .template-zo_grid--event-2 .zo-grid-item.first .event-teaser .zo-event-detail { padding-bottom: 30px; } .template-zo_grid--event-1 .zo-grid-item .event-teaser .zo-event-image img, .template-zo_grid--event-2 .zo-grid-item .event-teaser .zo-event-image img, .template-zo_grid--event-1 .zo-grid-item .event-thumbnail .zo-event-image img, .template-zo_grid--event-2 .zo-grid-item .event-thumbnail .zo-event-image img { width: 100%; } .event-grid .zo-event-image img { width: 100% ! important; } .event-teaser .zo-event-left { padding-right: 0; } .zo-team-wrap { padding-bottom: 30px; /* Footer Top */ } #zo-footer-top [class*="col-"]:nth-child(2n+1) { clear: left; } #zo-footer-top [class^="col-"] { margin-bottom: 30px; } .wpb_single_image .vc_single_image-wrapper img { width: 100%; } .template-zo_carousel--recentposts.zo-overflow-top-80 { margin: 15px 0; } .zo-newletter .medium_heading h3 { font-size: 25px; line-height: 25px; } .zo-newletter .big_heading h3 { font-size: 37px; line-height: 37px; } .zo-newletter .big_heading h3, .zo-newletter .medium_heading h3 { text-align: center !important; } .zo-newletter .wpb_content_element p { text-align: center; } .zo-separator-md-42 { height: 0 !important; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { text-align: center; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_empty_space { height: 10px !important; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-text-content { text-align: center; } .zo-custom-headding .zo-custom-headding-title { text-align: center !important; } .zo-custom-headding.medium .zo-custom-headding-title { font-size: 35px !important; line-height: 35px !important; } .zo-custom-headding.big .zo-custom-headding-title { font-size: 45px !important; line-height: 45px !important; } .zo-phone-content { text-align: center; } .zo-app [class ^= "zo-app"] { width: 50%; } .zo-app .zo-app-left div { text-align: right !important; } .zo-app .zo-app-right div { text-align: left !important; } .zo-phone-center div { text-align: center !important; } .zo-tab-about-home h2 { font-size: 100px; } .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner { margin: 0; min-height: 30px; border: 0; padding-bottom: 0px; padding-top: 36px; border-radius: 0; } .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner .zo-fancy-box-title { text-align: center; font-size: 30px; line-height: 30px; text-transform: inherit; color: #009ce7; font-weight: 100; padding: 0; margin-bottom: 10px; } .zo-tab-features .zo-fancy-box-item .zo-fancybox-inner .zo-fancy-box-content p { text-align: center; } .zo-tab-features .content-align-right, .zo-tab-features .content-align-left { padding: 0 !important; } .zo-tab-features .content-align-right .zo-fancy-box-content-title .zo-fancy-box-title, .zo-tab-features .content-align-left .zo-fancy-box-content-title .zo-fancy-box-title { text-align: center !important; } .zo-hidden-sm { height: 0 !important; } .zo-resize-sm { height: 30px !important; } .zo-about-home div.vc_tta-panels-container .vc_tta-panel-body .wpb_column, .zo-about-home div.vc_tta-panels-container .vc_tta-panel-body #zo-counter { position: relative; z-index: 5; } } @media screen and (max-width: 1199px) and (min-width: 992px) { #zo-footer-top .social-bottom li { margin-bottom: 20px; margin-right: 30px; /* single post */ } .zo-author-about .zo-author-info { padding-left: 30px; } .zo-author-about .zo-author-info h2.zo-author-info-name { padding-top: 20px; margin-bottom: 0; } .zo-author-about .zo-author-info .zo-author-address { padding-bottom: 0; } .zo-author-about .zo-author-info .zo-author-description { margin-bottom: 10px; } .zo-contact-me .zo-contact i { font-size: 32px; color: #009ce7; margin-right: 15px; line-height: 50px; } .zo-contact-me .zo-contact i:before { line-height: 50px; } .zo-contact-me .zo-contact p { font-size: 28px; line-height: 50px; margin-bottom: 0; } .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { letter-spacing: 0.2em; padding: 10px 16px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { padding: 25px 25px 50px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_empty_space { height: 15px !important; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image { margin-bottom: 44px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-text-content { padding: 25px 0 !important; } } @media screen and (max-width: 1024px) and (min-width: 992px) { .event-grid .zo-event-detail { padding-top: 0; } .event-grid .zo-event-info { padding-top: 10px; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .vc_col-sm-10.info.wpb_column.vc_column_container { padding-left: 100px; } .contact-phone { /* .wpb_single_image .vc_single_image-wrapper { img { margin-left: 15px; } } */ } .contact-phone p { white-space: nowrap; } } @media (min-width: 768px) { .vc_same_height_cols_alldevice .container .row, .vc_same_height_cols_alldevice .container-fluid .row { display: table; width: 100%; table-layout: fixed; } .vc_same_height_cols_alldevice .container .row > div[class^="vc_col"], .vc_same_height_cols_alldevice .container-fluid .row > div[class^="vc_col"] { float: none; display: table-cell; vertical-align: middle; } .vertical-align-middle > .container > .row, .vertical-align-middle .container-fluid > .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .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-"] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-self: stretch; align-items: center; } .vertical-align-middle > .container > .row > div[class*="col-"] > .vc_column-inner, .vertical-align-middle .container-fluid > .row > div[class*="col-"] > .vc_column-inner, .vertical-align-middle > .container > .row > div[class*="vc_col-"] > .vc_column-inner, .vertical-align-middle .container-fluid > .row > div[class*="vc_col-"] > .vc_column-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-self: stretch; align-items: center; } .vertical-align-middle > .container > .row > div[class*="col-"] > .vc_column-inner > .wpb_wrapper, .vertical-align-middle .container-fluid > .row > div[class*="col-"] > .vc_column-inner > .wpb_wrapper, .vertical-align-middle > .container > .row > div[class*="vc_col-"] > .vc_column-inner > .wpb_wrapper, .vertical-align-middle .container-fluid > .row > div[class*="vc_col-"] > .vc_column-inner > .wpb_wrapper { width: 100%; } } @media (max-width: 767px) { .newsletter-image { text-align: center ! important; /* Header Sticky */ } body #zo-header.sticky-mobile { position: fixed; /* End Header Sticky */ } .entry-content > .wpb_row .wpb_row { margin-left: 0; margin-right: 0; } .entry-content > .wpb_row [class*="vc_col-"] { margin-bottom: 35px; /* Start Form Comment */ } .entry-content > .wpb_row [class*="vc_col-"]:last-child { margin-bottom: 0; } .entry-content > .wpb_row [class*="vc_col-"].zo-newletter { margin-bottom: 0; } #comments .comment-list ul.children { padding: 0; /* End Comment */ /* VC Row */ } #comments .comment-list ul.children:before { height: 0; } #comments .comment-list ul.children .comment-main .comment-content:before { height: 0; } .row-custom-bg-color .zo-custom-bg-left, .row-custom-bg-color .zo-custom-bg-right { width: 100%; /* End VC Row */ /* Tab */ } .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 */ /* Footer Top */ } #zo-footer-top, #zo-footer-bottom { /* Button */ /* Text Mobile */ } #zo-footer-top [class^="col-"], #zo-footer-bottom [class^="col-"] { margin-bottom: 30px; } #zo-footer-top [class^="col-"]:last-child, #zo-footer-bottom [class^="col-"]:last-child { margin: 0; } #zo-footer-top [class^="col-"] [class^="widget_"], #zo-footer-bottom [class^="col-"] [class^="widget_"], #zo-footer-top [class^="col-"] [class^="widget-"], #zo-footer-bottom [class^="col-"] [class^="widget-"], #zo-footer-top [class^="col-"] .widget, #zo-footer-bottom [class^="col-"] .widget { margin: 30px 0 0; } #zo-footer-top [class^="col-"] [class^="widget_"]:first-child, #zo-footer-bottom [class^="col-"] [class^="widget_"]:first-child, #zo-footer-top [class^="col-"] [class^="widget-"]:first-child, #zo-footer-bottom [class^="col-"] [class^="widget-"]:first-child, #zo-footer-top [class^="col-"] .widget:first-child, #zo-footer-bottom [class^="col-"] .widget:first-child { margin: 0; } .text-mobile-20 { font-size: 20px; /* End Footer Top */ /* Footer Bottom */ } .text-mobile-20 a, .text-mobile-20 h3, .text-mobile-20 h4 { font-size: 20px; } #zo-footer-bottom { /* End Footer Bottom */ } #zo-footer-bottom [class^="col-"] { text-align: center; } #zo-footer-bottom [class^="col-"] .text-left, #zo-footer-bottom [class^="col-"] .text-right, #zo-footer-bottom [class^="col-"] .align-right, #zo-footer-bottom [class^="col-"] .align-left { text-align: center; } .event-detail .zo-event-image img { width: 100%; } .event-detail .zo-event-detail { margin-top: 30px; padding: 0; } .zo-cause-detail { /* Sidebar =================*/ } .zo-cause-detail .zo-cause-title { margin-top: 30px; } #secondary { margin-top: 50px; } #zo-footer-page #secondary { margin-top: 0; } #zo-footer-page .template-zo_fancybox_single--layout2.zo-border-lr .zo-single-fancybox-item { border-width: 0; } .zo-book-room .vc_column-inner { padding: 0; } .zo-book-room .rtb-booking-form { position: relative; top: 0; margin: auto; } .zo-book-room .rtb-booking-form .reservation { border: 0; display: inline-block; padding: 0; width: 100%; margin-top: 30px; margin-bottom: 30px !important; } .zo-book-room .rtb-booking-form .reservation legend { width: 100%; color: #323232; position: static; margin-bottom: 30px; -webkit-transform: translate(0); -khtml-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-book-room .rtb-booking-form .reservation .col-md-2_5.btn_submit { position: static; width: 100%; -webkit-transform: translate(0); -khtml-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-book-room .rtb-booking-form .reservation .col-md-2_5.btn_submit button { width: 100%; display: inline-block; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5 { display: block; float: left; width: 100%; height: 40px; margin-bottom: 10px; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5:after { width: 40px !important; height: 40px !important; line-height: 40px !important; } .zo-book-room .rtb-booking-form .reservation .col-md-2_5 input, .zo-book-room .rtb-booking-form .reservation .col-md-2_5 button, .zo-book-room .rtb-booking-form .reservation .col-md-2_5 select { width: 100%; max-width: 100%; height: 40px; line-height: normal; padding: 0 20px; } .zo-book-room.zo-bookingform-style2 .reservation .col-md-2_5 { width: 100%; } .zo-book-room.zo-bookingform-style2 .reservation .col-md-2_5:last-child { position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .zo-book-room.zo-title-overflow { bottom: 0; } .template-zo_carousel--room { position: relative; } .template-zo_carousel--room.zo-carousel-room-title { line-height: 60px; font-size: 18px; border-top: 1px solid #e6e6e6; } .template-zo_carousel--room .owl-nav div.owl-prev, .template-zo_carousel--room .owl-nav div.owl-next { width: 60px; height: 60px; padding-top: 0; padding-bottom: 0; } .template-zo_carousel--room .owl-nav div.owl-prev i, .template-zo_carousel--room .owl-nav div.owl-next i { font-size: 20px; line-height: 60px; } .template-zo_carousel--room .owl-stage-outer { padding-top: 60px; } .zo-carousel-testimonial-title.template-zo_carousel--testimonial { font-size: 58px; margin-top: 5px; } .template-zo_carousel--testimonial { padding-top: 50px; margin-top: 0; } .template-zo_carousel--testimonial .zo-testimonial .zo-content .zo-author { font-size: 12px; margin-bottom: 18px; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form p { height: 50px; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form p input { height: 50px; line-height: 50px; } .wpb_widgetised_column .widget_newsletterwidget .newsletter-widget form p:last-child:before { line-height: 50px; } .zo-contact-me { float: left; width: 100%; } .zo-contact-me .zo-contact i { font-size: 32px; color: #009ce7; margin-right: 15px; line-height: 50px; } .zo-contact-me .zo-contact i:before { line-height: 50px; } .zo-contact-me .zo-contact p { font-size: 28px; line-height: 50px; margin-bottom: 0; } .zo-separator-phone { height: 40px !important; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #009ce7; margin-bottom: 0px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a { color: #fff; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body { margin-bottom: 10px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:not( .vc_active) .vc_tta-panel-heading, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:not( .vc_active) .vc_tta-panel-heading { margin-bottom: 10px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:not( .vc_active) .vc_tta-panel-heading:hover, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:not( .vc_active) .vc_tta-panel-heading:hover { background-color: #323232; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:not( .vc_active) .vc_tta-panel-heading:hover .vc_tta-panel-title a, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:not( .vc_active) .vc_tta-panel-heading:hover .vc_tta-panel-title a { color: #009ce7; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:not( .vc_active) .vc_tta-panel-heading:last-child, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:not( .vc_active) .vc_tta-panel-heading:last-child { margin-bottom: 0; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { border-radius: 0px; background-color: #323232; border-width: 0px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a, .zo-about-home .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a { color: #fff; } .zo-app [class ^= "zo-app"] { width: 100%; } .zo-tab-about-home h2 { font-size: 50px; } .wpb_text_column { text-align: center; } .video-title { top: -8px !important; } .wpb_revslider_element .slidervideo.tparrows { top: calc(100% + 75px) !important; } .zo-app [class ^= "zo-app"] { width: 50%; } .zo-app .zo-app-left, .zo-app .zo-app-right { width: 100%; } .zo-app .zo-app-left div, .zo-app .zo-app-right div { text-align: center !important; } } @media screen and (max-width: 640px) { #zo-site-map a { padding: 0 20px 0 55px; } #zo-site-map a i { left: 21px; } .tp-video-play-button { width: 60px; height: 60px; line-height: 60px; } .tp-video-play-button .revicon-right-dir:before { line-height: 60px; font-size: 20px; } .video-title { top: 0 !important; } .wpb_revslider_element .slidervideo.tparrows { top: calc(100% + 115px) !important; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow { left: calc(50% - 5px) !important; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:after { font-size: 9px; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow:before { font-size: 9px; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow { left: calc(50% + 5px) !important; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:before { font-size: 9px; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow:after { font-size: 9px; } } @media screen and (max-width: 480px) { #comments .comment-list li .comment-body .comment-author-image { padding: 0; float: none; max-width: inherit; text-align: center; } #comments .comment-list li .comment-body .comment-main { padding: 0; } #comments .comment-list li .comment-body .comment-main .comment-content { margin: 15px 0 0; } .single-post .post-navigation a { float: left; margin-top: 20px; } .navigation.post-navigation { text-align: center; } .navigation.post-navigation a { float: none; margin-bottom: 10px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-counter-body { padding: 0 15px; } .zo-about-home div.vc_tta-panels-container div.vc_tta-panels .vc_tta-panel-body .zo-tab-counter-res { height: 75px !important; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media { padding-left: 0; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i { font-size: 24px; color: #009ce7; line-height: 30px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i:before { line-height: 30px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { font-size: 20px; font-weight: 100; line-height: 30px; margin-bottom: 0; } .video-title { top: 5px !important; } .wpb_revslider_element .slidervideo.tparrows { top: calc(100% + 140px) !important; } .tp-video-play-button { width: 40px; height: 40px; line-height: 40px; } .tp-video-play-button .revicon-right-dir { width: 40px; height: 40px; } .tp-video-play-button .revicon-right-dir:before { line-height: 40px; } .big_heading, .big_heading * { font-size: 40px; line-height: 40px; } .medium_heading, .medium_heading * { font-size: 27px; line-height: 40px; } .zo-carousel-testimonial-title.template-zo_carousel--testimonial { font-size: 48px; margin-top: 5px; } } @media screen and (max-width: 360px) { .zo-event-title a { font-size: 25px ! important; } .event .zo-event-title { letter-spacing: 1px ! important; } #make-difference [class*="vc_custom_"] h2 { font-size: 35px !important; line-height: 40px !important; } #make-difference [class*="vc_custom_"] p a { margin-bottom: 15px; } #take-action [class*="vc_custom_"] { margin-top: 0 !important; } .wpb_revslider_element .slidervideo.tparrows { top: calc(100% + 140px) !important; } .video-title { top: 0 !important; } .wpb_revslider_element .slidervideo.tparrows { top: calc(100% + 150px) !important; } .wpb_revslider_element .slidervideo.tparrows.tp-rightarrow { left: calc(50% - 10px) !important; } .wpb_revslider_element .slidervideo.tparrows.tp-leftarrow { left: calc(50% + 10px) !important; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media { padding-left: 0; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i { font-size: 20px; color: #009ce7; line-height: 30px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i:before { line-height: 30px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { font-size: 15px; font-weight: 100; line-height: 30px; margin-bottom: 0; } } @media screen and (max-width: 332px) { .event-icon .zo-event-image { width: 50px; } .event-icon .zo-event-detail { padding-left: 60px; } .big_heading, .big_heading * { font-size: 36px; line-height: 36px; } .medium_heading, .medium_heading * { font-size: 24px; line-height: 36px; } } @media screen and (max-width: 1439px) and (min-width: 1200px) { .col-padding-horizontal-115 > .wpb_wrapper { padding-left: 15px; padding-right: 15px; } .col-padding-horizontal-115-right > .wpb_wrapper { padding-right: 15px; } .col-padding-horizontal-115-left > .wpb_wrapper { padding-left: 15px; } .zo-contact-me .zo-contact i { font-size: 40px; color: #009ce7; margin-right: 15px; line-height: 60px; } .zo-contact-me .zo-contact i:before { line-height: 60px; } .zo-contact-me .zo-contact p { font-size: 36px; font-weight: 100; line-height: 60px; margin-bottom: 0; } .zo-row-full-width .zo-col-padding-left-120 { padding-left: 0 !important; } .zo-row-full-width .zo-col-padding-right-120 { padding-right: 0 !important; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media { padding-left: 0; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i { font-size: 48px; color: #009ce7; line-height: 80px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i:before { line-height: 80px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { font-size: 40px; font-weight: 100; line-height: 80px; margin-bottom: 0; } } @media screen and (min-width: 1440px) { .template-zo_carousel--testimonial .zo-testimonial { padding-right: 0; } .template-zo_carousel--testimonial .zo-testimonial .zo-content p { font-size: 40px; line-height: 40px; } .zo-carousel-testimonial-title.template-zo_carousel--testimonial { font-size: 117px; margin-top: 32px; } .zo-row-full-width.zo-padding-horizontal-120 { padding-left: 120px; padding-right: 120px; } .zo-row-full-width.zo-padding-horizontal-120 > .container-fluid { padding-left: 0; padding-right: 0; } .zo-row-full-width.zo-padding-horizontal-120 > .container-fluid > .row { margin-left: -25px; margin-right: -25px; } .zo-row-full-width.zo-padding-horizontal-120 > .container-fluid > .row > .wpb_column { padding-left: 25px; padding-right: 25px; } .zo-row-full-width.zo-padding-horizontal-120 > .container-fluid > .row > .wpb_column > .vc_column-inner { padding: 0; } .zo-row-full-width .zo-col-padding-left-120 { padding-left: 120px !important; } .zo-row-full-width .zo-col-padding-right-120 { padding-right: 120px !important; } .zo-row-full-width .zo-col-padding-left-90 { padding-left: 90px !important; } .zo-row-full-width .zo-col-padding-right-90 { padding-right: 90px !important; } .template-zo_carousel--testimonial.zo-nav-right .owl-nav { top: 50%; right: 0; -webkit-transform: translate(120px, -50%); -khtml-transform: translate(120px, -50%); -moz-transform: translate(120px, -50%); -ms-transform: translate(120px, -50%); -o-transform: translate(120px, -50%); transform: translate(120px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .col-padding-horizontal-115 > .wpb_wrapper { padding-left: 115px; padding-right: 115px; } .col-padding-horizontal-115-right > .wpb_wrapper { padding-right: 115px; } .col-padding-horizontal-115-left > .wpb_wrapper { padding-left: 115px; } } @media screen and (max-width: 1919px) and (min-width: 1200px) { .zo-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { letter-spacing: 0.2em; padding: 10px 25px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { padding: 25px 25px 50px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_empty_space { height: 15px !important; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image { margin-bottom: 44px; } .zo-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .zo-tab-text-content { padding: 25px 0 !important; } .template-zo_carousel--testimonial .zo-testimonial .zo-content p { font-size: 27px; line-height: 27px; } .template-zo_carousel--testimonial .zo-testimonial .zo-content .zo-author { font-size: 14px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media { padding-left: 0; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i { font-size: 36px; color: #009ce7; line-height: 60px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-media .zo-single-fancybox-icon i:before { line-height: 60px; } .template-zo_fancybox_single--layout1.zo-fancybox-big .zo-single-fancybox-body .zo-single-fancybox-item .zo-single-fancybox-body-content h3 { font-size: 30px; font-weight: 100; line-height: 60px; margin-bottom: 0; } }