/* Theme Name: Vestaron Sub Author: OI Version: 2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: materialize /* =-=-=-=-=-=-= CSS TABLE CONTENT =-=-=-=-=-=-= # GENERAL ## TYPOGRAPHY ## WORDPRESS CORE ## TABLE STYLE ## BUTTON # GLOBAL STYLES # SECTION TITLE # HEADER TOPBAR # NAVIGATION ## DROPDOWN MENU ## 2ND LAVEL MENU ## MEGA MENU STYLE ## MOBILE MENU STYLE ## FOOTER MENU # SEARCH STYLE # SLIDER SECTION # PAGE HEADER STYLE # PORTFOLIO STYLE ## Portfolio Filter ## Portfolio with title ## Portfolio Card Style ## Portfolio Details Page # FEATURED BOXED STYLE ## Featured Plus Box ## Featured Animated Block ## Featured Animated Flat Block # ABOUT SECTION # CONTACT SECTION # NEWSLETTER SECTION # BLOG STYLE ## POST FORMAT VIDEO ## POST FORMAT AUDIO ## POST FORMAT QUOTE ## POST FORMAT LINK ## DEFAULT GALLERY POST ## CUSTOM GALLERY POST ## POST FORMAT STATUS ## POST FORMAT CHAT ## PAGINATION ## INNER POST PAGINATION ## SINGLE POST PAGER ## SLIDER STYLE ### COMMON STYLE FOR ALL WIDGETS ### WIDGET_SEARCH ### POPULAR POSTS ### AUTHOR INFO WIDGET ### RECENT COMMENT WIDGET ### NEWSLETTER WIDGET ### TAG CLOUD ## BLOG GRID STYLE ## SINGLE POST ### AUTHOR BIO ### COMMENTS-WRAPPER ### COMMENT TAB # CALL TO ACTION STYLE # TESTIMONIAL STYLE ## TESTIMONIAL FLAT STYLE ## CREATIVE TESTIMONIAL STYLE # PRICING TABLE # FOOD MENU # FOOTER SECTION ## FOOTER STYLE TWO ## FOOTER STYLE THREE ## FOOTER STYLE FOUR ## PRELOADER # TO TOP # 404 PAGE =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /* resources css temp */ button#load-more-posts { background-color: #003b64 !important; color: #fff; margin: 60px auto 0px auto; display: block; padding: 16px 38px; font-size: 16px; font-weight: 700; text-transform: capitalize; } .ultimate-layouts-container h3.ultimate-layouts-title, .ultimate-layouts-container h3.ultimate-layouts-title a { font-size: 32px !important; font-weight: 700 !important; text-transform: none !important; line-height: 40px !important; letter-spacing: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; width: 100% !important; } .ultimate-layouts-container .ultimate-layouts-picture .ultimate-layouts-picture-wrap {border-radius: 50%;} .ultimate-layouts-container .ultimate-layouts-picture .ultimate-layouts-picture-wrap img {width: 200px; height: 200px;} .ultimate-layouts-container .ultimate-layouts-control-pop>* {height: 50px !important; width: 50px !important;} .profile-card { width: 95%; height: 450px; /* margin: 10px; */ float: left; background-color: #ffffff; padding: 30px 20px; text-align: center; } .profile-photo { width: 175px; height: 175px; border-radius: 50%; margin:25px 0; margin: 0 auto; } .profile-card h2{ color: #003B64; font-weight: 700; line-height: 38px; padding: 22px 0 0 0; margin-bottom: 7px; } a.profile-in i { padding-bottom: 15px; } a.profile-in{font-size: 20px; color: #003B64;} a.profile-in p{font-size: 16px; color: #003B64; display: inline-block; text-decoration: underline; padding-left: 5px; top: -2px; position: relative;} a.profile-in p:hover{color:#0375a6; text-decoration: none;} .profile-card .right-arrow a{color:#0375a6;} .profile-card .right-arrow {margin-top: 10px;} h2.dark-blue{color: #003B64;} .ve-bio{padding:0 30px;} .ve-bio h2{ text-align: left; color: #003B64; font-weight: 700; line-height: 38px; padding: 22px 0 0 0; margin-bottom: 7px; } .ve-bio .ve-title{margin-bottom: 15px;} .ve-bio .bio{} .ve-bio-photo img{ border-radius: 50%; max-width: 175px; max-height: 175px; margin-top: 30px; } .popup div.represultinner { display: flex; padding: 0px 40px; } div .howpeptides span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: #003B64; color: #fff; font-size: 18px; margin:50px 0 35px 0; } /* Related posts */ /* post listing category icons */ .ul-taxonomy.category.news img, .post-meta .category-news img { filter: invert(46%) sepia(67%) saturate(785%) hue-rotate(155deg) brightness(102%) contrast(90%); } .ul-taxonomy.category.articles img, .post-meta .category-articles img { filter: invert(10%) sepia(84%) saturate(6971%) hue-rotate(354deg) brightness(86%) contrast(80%); } .ul-taxonomy.category.recognitions img, .post-meta .category-recognitions img { filter: invert(11%) sepia(66%) saturate(4532%) hue-rotate(191deg) brightness(92%) contrast(101%); } .ul-taxonomy.category.multimedia img, .post-meta .category-multimedia img { filter: invert(0%) sepia(5%) saturate(499%) hue-rotate(3deg) brightness(94%) contrast(87%); } .post-meta .category-news{color: #13A3DB; background-color: #EBFAFF; padding: 10px 12px 9px 13px; float: right;font-size: 14px;font-weight: 400;} .post-meta .category-articles{color: #BB1F24;background-color: #FFE3E3; padding: 10px 12px 9px 13px; float: right;font-size: 14px;font-weight: 400;} .post-meta .category-recognitions{color: #003B64;background-color: #EAEEF4; padding: 10px 12px 9px 13px; float: right;font-size: 14px;font-weight: 400;} .post-meta .category-multimedia{color: #000000;background-color: #EDEDED; padding: 10px 12px 9px 13px; float: right;font-size: 14px;font-weight: 400;} .post-meta .category-news img, .post-meta .categor-articles img, .post-meta .category-recognitions img, .post-meta .category-multimedia img{ width: 24px; height: 24px; margin: -4px 5px 0 0; } .related-post-item .post-thumbnail img { width: 100%; height: auto; } .related-post-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .related-post-item { width: 48%; /* Adjust the width to leave some space for margins and paddings */ margin-bottom: 20px; display: flex; } .post-thumbnail { width: 40%; /* Adjust the width of the thumbnail column */ margin-right: 20px; /* Add some spacing between the thumbnail and the details */ } .post-thumbnail img { width: 200px; height: 200px; border-radius: 50%; } .post-details { width: 60%; /* Adjust the width of the details column */ } .post-meta { margin-bottom: 10px; } .post-date, .post-category { display: inline-block; margin-right: 0px; } .post-date{color:#003B64;} .post-category { float: right; } .post-title { margin:30px 0 10px 0; font-size: 32px !important; font-weight: 700 !important; text-transform: none !important; line-height: 40px !important; letter-spacing: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; width: 100% !important; color:#003B64; } .read-more { display: block; text-align: left; margin-top: 10px; } .post-tags{display: none; } .related-posts-section { padding: 40px 0; /* Add padding as per your design preference */ } .related-posts-section h2 { text-align: center; color: #003B64; padding:20px 0 50px 0; } .related-post-container { width: 100%; /* Adjust the width as per your design requirement */ max-width: 1160px;/* Set a maximum width for the container */ margin: 0 auto; /* Center the container */ } .related-post-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .related-post-item { width: calc(50% - 40px); /* Adjust the width to create space between the related posts */ margin-bottom: 20px; background-color: #ffffff; /* Background color for individual related post items */ /* padding: 15px; */ padding: 40px 15px 35px 30px; margin: 0 20px; } h2.subsc-post{padding: 90px 0 48px 0; color: #003B64;} .all-resource{margin: 0 auto; padding:44px 0 24px; } .featured-wrapper{ background: linear-gradient(180deg, #0375A6 0%, #003B64 100%); width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%);position: relative; padding-top: 10px;} .post-header-container { width: 90%; /* Set a percentage width to make it responsive */ max-width: 1100px; /* Maximum width for .post-header-container */ margin: 0 auto; /* Center the .post-header-container */ } /* Media query for smaller screens */ @media (max-width: 1100px) { .post-header-container { width: 90%; /* Adjust the width for smaller screens */ max-width: none; /* Remove the maximum width constraint */ } } .featured-wrapper p, .featured-wrapper h2, .featured-wrapper h4, .featured-wrapper a{color: #fff;} .featured-wrapper p, .featured-wrapper h2, .featured-wrapper h4{text-align: center;} .post-header-title{padding: 18px 15px 44px 15px;} .ul-single-post-share-horiz { display: flex; align-items: center; justify-content: right; padding: 20px 0 50px 0; } .ul-single-post-share-horiz .ultimate-layouts-social-share { display: flex !important; align-items: center !important; margin: 0px 8px 15px 0px !important; visibility: inherit !important; opacity: 100; } .ul-single-post-share-horiz .ultimate-layouts-share-item { margin-left: 15px /* Adjust the spacing between icons */ } .how-carousel img{width: 95% !important; height: auto !important;} #how.vc_sep_redline{display: none; margin-top:20px; } .ultimate-layouts-container .ultimate-layouts-listing-list-10 .ultimate-layouts-entry-wrapper .ultimate-layouts-picture { margin-top: 0; width: 215px !important; height: auto; max-width: 100%; vertical-align: top; } .ultimate-layouts-container .ultimate-layouts-listing-list-10 .ultimate-layouts-entry-wrapper .ultimate-layouts-picture+.ultimate-layouts-content { width: calc(100% - 215px) !important; width: -webkit-calc(100% - 215px)!important; width: -ms-calc(100% - 215px)!important; width: -moz-calc(100% - 215px)!important; padding-left:20px!important; } .ultimate-layouts-item.hentry{background-color:#ffffff !important; padding: 60px 45px 45px 45px !important;} .ultimate-layouts-container .ultimate-layouts-categories>a{padding: 10px 12px 9px 13px !important; float: right !important ; display: inline-block; text-transform:none !important; font-size:14px; font-weight:400; margin-top: -34px !important; margin-right:10px !important; } .post-more-mobile{display:none;} .post-more{display:inherit;} .desktop-entry-cat-social{display:block !important;} .mobile-entry-cat-social{display: none !important;} .ultimate-layouts-container h3.ultimate-layouts-title { padding-top: 13px !important; padding-bottom: 20px !important; font-family: 'Arial Nova' !important; } #inthefield .inthefield1{padding:15px 15px 15px 0px;} #inthefield .inthefield2{padding:15px 0px 15px 15px;} #inthefield p{color: #ffffff;} .cd-horizontal-timeline .events-content {margin-top: -50px !important;} .cd-horizontal-timeline .fa-angle-right:before, .cd-horizontal-timeline .fa-angle-left:before { display: none; } /* -------------------------- */ @media (min-width: 600px) { .mobile-entry-cat-social{display: none !important;} .post-mobile {display: none !important;} } @media (max-width:767px) { .footer-section .social-links-wrap ul {margin: 0px 0px 0px 10px !important;text-align: center !important; padding:40px 0px 20px 0px !important;} .footer-section .social-links-wrap {padding-bottom: 0px !important;} .foot_logo {padding: 50px 0px 0px 0px !important;} .footer-section .social-links-wrap .list-inline>li {margin: 0px -7px !important;} } @media (min-width : 500px) and (max-width : 768px) { .inthefield2 p {padding-bottom: 63px !important;} #inthefield .inthefield1{padding:15px 15px !important;} #inthefield .inthefield2{padding:15px 15px !important;} .growingfootprint{margin: 15px 0px !important;} .how-carousel img {width: 90% !important;height: auto !important;margin: 0 auto;padding-top: 130px;} .vc_custom_1716508640621 {width: 400px !important; position: absolute; left: -50px;} .active-elm[data-item-hf="all"]::before { content: url(https://dev-dev-vestaron.com/wp-content/uploads/all-black.svg) !important; filter: invert(16%) sepia(22%) saturate(6180%) hue-rotate(184deg) brightness(96%) contrast(103%) !important; position: absolute !important; width: 24px !important; height: 0 !important; } .sust-leading{padding-left: 30px !important;} .beefriendly{padding: 15px;} } @media (min-width : 769px) and (max-width : 991px) { .inthefield2 p {padding-bottom: 63px !important;} .vc_custom_1716508640621 {width: 400px !important; position: absolute; left: -50px;} .sustain-1{ width: 145px; margin: 0 auto;} .sustain-2{ width: 215px;} .sustain-3{ width: 145px; margin: 0 auto;} .how-carousel img {width: 95% !important;height: auto !important;padding-top: 130px;} .footer-section .social-links-wrap .list-inline>li {margin: 0px -7px !important;} .footer-section .social-links-wrap ul {padding-right: 40px !important;} } @media (min-width : 992px) {ul.sus-ul{width: 470px;}} @media (min-width : 992px) and (max-width : 1199px) { .inthefield1 p {padding-bottom: 5px !important;} .footer-section .social-links-wrap .list-inline>li {margin: 0px -7px !important;} .footer-section .social-links-wrap ul {padding-right: 45px !important;} } @media (min-width : 500px) and (max-width : 599px) { [data-item-hf="news"] .tax-name, [data-item-hf="articles"] .tax-name, [data-item-hf="recognitions"] .tax-name, [data-item-hf="multimedia"] .tax-name, [data-item-hf="all"] .tax-name {display: none; width: calc(100% - 99px) !important; width: -webkit-calc(100% - 99px) !important; width: -ms-calc(100% - 99px) !important; width: -moz-calc(100% - 99px)!important; } .post-more-mobile{display: inherit; margin-top:0px;} .post-more{display: none;} .desktop-entry-cat-social{ display: none !important;} .mobile-entry-cat-social{display: inherit !important; width: 100% !important; padding-bottom: 15px !important;} .testi-right{text-align: center !important;} .testi-right h2.dark-blue{text-align: center; font-size: 20px; line-height:24px;} #how.vc_sep_redline{display: block;} .testi-right .vc_separator.vc_separator_align_right .vc_sep_redline, .vc_separator.vc_separator_align_left .vc_sep_redline {display:none !important;} div .howpeptides span { display: inline-flex; align-items: center !important; justify-content: center !important; margin:0 auto 30px auto !important; } .how-carousel img { width: 90% !important; height: auto !important; margin: 0 auto; padding-top: 30px; } .vc_custom_1722283890850{padding: 0 30px !important; text-align: center;} } @media (max-width:499px) { .ve-bio .ve-title{margin-bottom: 15px;} .ve-bio .bio{} .ve-bio-photo img{ border-radius: 50%; max-width: 175px; max-height: 175px; margin-top: 0px; } div .howpeptides span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: #003B64; color: #fff; font-size: 18px; margin:10px 0 35px 0; } .howpeptides h2.dark-blue{font-size: 20px; line-height:24px;} .vc_separator. wpb_content_element .vc_separator_align_left .vc_sep_width_100 .vc_sep_pos_align_left .vc_sep_color_orange .wpb_content_element .dark-blue-color .vc_separator-has-text{display: block !important;} .vc_separator.vc_separator_align_left h2{text-align: center !important; margin-left: 25px;} .vc_custom_1716508721849{padding:0px 40px 20px 40px;} .testi-right{text-align: center !important;} .testi-right h2.dark-blue{text-align: center; font-size: 20px; line-height:24px;} #how.vc_sep_redline{display: block;} .testi-right .vc_separator.vc_separator_align_right .vc_sep_redline, .vc_separator.vc_separator_align_left .vc_sep_redline {display:none !important;} #inthefield .inthefield1{padding:15px 15px;} #inthefield .inthefield2{padding:15px 15px;} .growingfootprint{margin: 15px 0px !important;} #sustainibility .vc_separator.vc_separator_align_right .vc_sep_redline, .vc_separator.vc_separator_align_left .vc_sep_redline {display:block; margin: 20px auto !important;} [data-item-hf="news"] .tax-name, [data-item-hf="articles"] .tax-name, [data-item-hf="recognitions"] .tax-name, [data-item-hf="multimedia"] .tax-name, [data-item-hf="all"] .tax-name {display: none;} .active-elm[data-item-hf="all"]::before { content: url(https://dev-dev-vestaron.com/wp-content/uploads/all-black.svg) !important; filter: invert(16%) sepia(22%) saturate(6180%) hue-rotate(184deg) brightness(96%) contrast(103%) !important; position: absolute !important; width: 24px !important; height: 0 !important; } .post-more-mobile{display: inherit; margin-top:0px;} .post-more{display: none;} .desktop-entry-cat-social{ display: none !important;} .mobile-entry-cat-social{display: inherit !important; width: 100% !important; padding-bottom: 15px !important;} .cd-horizontal-timeline .events-content { width: 100% !important; height: 330px !important; margin-top: -30px !important;} .ve-bio{padding:0 0px;} .profile-card{width: 100%; float: none; margin-top: 20px;} .related-post-item { width: calc(100% - 40px); margin: 0px 20px 20px 20px;} .post-thumbnail{margin: 0 auto;} .related-post-item .post-thumbnail img {width: 100px !important;height: 100px !important;border-radius: 50%;} .related-post-item .post-category {float: left !important; margin: 5px 0px;} .related-post-item .post-title { margin: 30px 0 10px 0; font-size: 20px !important; font-weight: 700 !important; text-transform: none !important; line-height: 24px !important; letter-spacing: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; width: 100% !important; color: #003B64; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 5px !important; } .beefriendly h2, .beefriendly p{padding: 0 10px; text-align: center;} .beefriendly{padding-bottom: 50px;} .cd-horizontal-timeline .events-wrapper {overflow: visible !important; left: 26%;} .cd-horizontal-timeline .events a::before{height: 24px !important;width: 24px!important; bottom: 70px !important;} .cd-horizontal-timeline .events {background-position: left !important; background-position-x: center !important;} .mobile-bg-timeline{position: absolute;z-index: 1;left: -200px;top: 0px;height: 3px; background: #4696d1; width: 500px;} } @media (min-width : 450px) and (max-width : 499px) { .cd-horizontal-timeline .events-wrapper {overflow: visible !important; left: 31%;} .cd-horizontal-timeline .events a::before{height: 24px !important;width: 24px!important; bottom: 70px !important;} .cd-horizontal-timeline .events {background-position: left !important; background-position-x: center !important; top:0 !important;} .mobile-bg-timeline{position: absolute;z-index: 1;left: -200px;top: 0px;height: 3px; background: #4696d1; width: 500px;} } @media (max-width:449px) { .cd-horizontal-timeline .events-wrapper {overflow: visible !important; left: 26%;} .cd-horizontal-timeline .events a::before{height: 24px !important;width: 24px!important; bottom: 70px !important;} .cd-horizontal-timeline .events {background-position: left !important; background-position-x: center !important;} .mobile-bg-timeline{position: absolute;z-index: 1;left: -200px;top: 0px;height: 3px; background: #4696d1; width: 500px;} } /* =-=-=-=-=-=-= GENERAL =-=-=-=-=-=-= */ body{ font-family: 'Arial Nova'; font-size: 16px; line-height: 24px; font-weight: normal; color: #2c2c2c; background-color: #fff; overflow-x: hidden; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased !important; } html, body { width: 100%; height: 100%; } body.logged-in { top: 32px; } /* Link style ------------------------------ */ a{ color: #003B64; } a, a > * { outline: none; cursor: pointer; text-decoration: none; } a:focus, a:hover { color: #13A3DB; outline: none; text-decoration: none; } p a:focus, p a:hover { color: #13A3DB; outline: none; text-decoration: underline; } dl dd{ margin-bottom: 10px; } /* Transition elements ------------------------------------------ */ a, .navbar a, .form-control, .navbar-default, .header-wrapper { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } /* =-=-=-=-=-=-= TYPOGRAPHY =-=-=-=-=-=-= */ h1, h2, h3, h4, h5, h6, quote{ font-family: 'Arial Nova'; margin: 0 0 15px; /* color: #0c0c0c; */ } h1 { font-size: 60px; line-height: 64px; font-weight: bold; } h2 { font-size: 32px; line-height: 36px; font-weight: bold; } /* .vc_separator.vc_separator_align_center{padding-top 34px;} */ .vc_separator.vc_separator_align_center h2 { font-size: 32px; line-height: 36px; font-weight: bold; text-align: center; } .vc_separator.vc_separator_align_left h2 { font-size: 32px; line-height: 36px; font-weight: bold; text-align: left; } .vc_separator.vc_separator_align_right h2 { font-size: 32px; line-height: 36px; font-weight: bold; text-align: right; } .vc_separator.vc_separator_align_center.wpb_content_element, .vc_separator.vc_separator_align_right.wpb_content_element, .vc_separator.vc_separator_align_left.wpb_content_element{margin-bottom: 7px;} .vc_sep_redline{ border: 2px #BB1F24 solid; width:80px; margin: 0 auto; margin-bottom:17px; } .no-redline .vc_sep_redline{border: none;} .vc_separator.vc_separator_align_right .vc_sep_redline, .vc_separator.vc_separator_align_left .vc_sep_redline{ border: 2px #BB1F24 solid; width:80px; margin: 0px 0px 17px 0px; } .home-hero.vc_separator.vc_separator_align_left .vc_sep_redline{ border: 2px #BB1F24 solid; width:80px; margin: 20px 0px 20px 0px; } .headline h1{padding-bottom: 40px;} .flex-container { display: flex; flex-flow: row wrap; } .flex-container > div { /* width: 114px; */ padding: 10px; text-align: center; margin:0 auto; } .headline { margin:80px 0px 20px 0px; color:#fff; } .headline h2{ padding:20px 0px 30px 0px; } .headline h4{margin-top: 30px; font-weight: 700; width: 100%; background-color: aqua !important;} .hero-head.vc_row-has-fill{ background-position:center right !important; } .scroll h4{color:#ffffff; margin-top: 80px; font-weight: 700; width: 100%; text-align: center; bottom: 10px; position: absolute; left: 0; } .scroll h4::after{ content: "\f078"; font: normal normal normal 14px/1 FontAwesome; color:#fff; display:block; margin-top:0px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; animation: pulse 3s ease-out; animation-iteration-count: infinite; } @keyframes pulse { 0% { opacity: 0.5; } 50% { opacity: 1; transform: translateY(10px); } 100% { opacity: 0.5; } } .headline .btn-white{ margin-right:20px; } .header-title{padding: 92px 10px 72px 10px;} .home-header1{ height: 530px; background: linear-gradient(270deg, #0375A6 0%, #003B64 100%); } @keyframes animatedBackground { from { background-position: 200% 0%; } to { background-position: 100% 0%; backface-visibility: visible } } .apple{ background: url('/wp-content/uploads/apple_right.png') no-repeat; /* background-position: right top; */ background-position: 200% 0%; background-size:contain; height: 530px; width: auto; right: 0; animation: animatedBackground 1s ease-out 1s 1 normal forwards; } .pistachio{ background: url('/wp-content/uploads/pistachio-hero-1.png') no-repeat; background-position: right top; background-size:contain; height: 530px; width: auto; right: 0; } .tomato{ background: url('/wp-content/uploads/eu_tomato-hero.png') no-repeat; background-position: right top; background-size:contain; height: 487px; width: auto; right: 0; /* float: right; */ } .olive{ background: url('/wp-content/uploads/sites/4/swoosh_olives.png') no-repeat; background-position: right top; background-size:contain; height: 487px; width: auto; right: 0; /* float: right; */ } #find-a-rep h2{ color: #ffffff; font-size: 60px; line-height: 64px; padding-bottom: 20px; } .overview-header{ background: url('/wp-content/uploads/Vestaron_Leaf-icon.png') no-repeat; background-position: right top; background-size:360px; } .vertical-center{ margin-top: 42px; } .vertical-center p{ padding-top: 10px; } .vertical-center .regi{ font-size: 36px; font-weight: 400; text-transform: uppercase; line-height: 46px; } .menu-products-footer-menu-container li{padding:3px 0; } .icon-copy h3{color: #13A3DB; padding-top:20px; text-align: center; margin: 0 auto; font-weight: 700; width: 114px;} p button.right-arrow{margin-top: -30px; padding-top: -30px;text-decoration: none;} p button.right-arrow:focus{background:transparent;} .circle2 { position: absolute; background-color: rgba(19, 163, 219, 0.15); border-radius: 50%; height: 380px; width: 380px; /* top: 50%; left: 50%; margin: -190px 0px 0px -190px; */ } .circle3 { position: absolute; background: #ffffff; border-radius: 50%; height: 320px; width: 320px; top: 50%; left: 50%; margin: -160px 0px 0px -160px; } ul.prod_pests { list-style: none; padding-left: 0; } ul.prod_pests li { padding-left: 1.5em; margin-bottom: 0.4em; } ul.prod_pests li:before { content: ''; position: absolute; /* left: 0; */ margin-left:-22px; margin-top: 4px; width: 1em; height: 1em; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,"); } .flex-columns-3 { width: 100%; display:flex; margin: 0 10px; padding: 0 20px; flex-wrap: wrap; } .flex-columns-3 > * { width: 100%; } @media (min-width: 992px) { .flex-columns-3 > * { width:calc(100% / 3); } } .flex-columns-2 { width: 100%; display:flex; margin: 0px 20px 0px 0px; /* margin:0 20px; */ padding: 0 20px; flex-wrap: wrap; } .flex-columns-2 > * { width: 100%; } .prod-3col{padding-top:60px;} .mobile-on{display:none;} .mobile-off{display:block;} #jug-hide{display:none;} .prod_i{width:60px; height:60px;} /* EU country edits, check @medias */ .eu-test-icon{width:217px; height:217px; } .eu-test{ min-height:360px; padding:30px 40px; box-shadow:0px 0px 60px 0px rgba(153, 153, 153, 0.60);} .eu-test-2{ min-height:360px; padding:10px 0; box-shadow:0px 0px 60px 0px rgba(153, 153, 153, 0.60);} .graph-b{text-align:center;} .graph-b li {list-style: none;} .graph-b li::before { content: "\2022"; color: #2c2c2c; font-size: inherit; font-weight: inherit; margin-right: 10px; text-align: center; vertical-align: top; white-space: nowrap; display: inline-block; max-width: 22px; height: 14px; } @media (min-width: 992px) { .flex-columns-2 > * { width:calc(100% / 2); } } @media (max-width:599px) { .header-title{padding: 66px 10px 46px 10px; text-align: center;} .header-title sup{position: relative;font-size: 0.4em;line-height: 0;vertical-align: baseline;top: -1.2em;} .flex-container.crops > div {width: 50%;} .contact{height: auto !important; padding-bottom: 1px; margin: 0 20px;} .contact-last{background-color: #ffffff;} .contact:after {border-bottom:1px #eeeeee solid !important;} .contact-last:after {border-bottom:none !important;} .border-plusbox .icon-block-grid:before {border-right: none !important;} .subsc h2{text-align: left !important; padding: 0px 40px; margin-bottom: 40px;} .subsc h2 #hb_newsletter{margin: 40px 64px 20px 0px; text-align: left;} .footer-section:after{padding-top:40px;} .overview-jugs .vc_column-inner{margin: 0 auto; padding:0 30px 35px 30px; text-align: center;} .overview-jugs h2{margin-top: -70px;} .overview-jugs p{padding:0 20px 26px 20px;} .overview-rep {padding: 0 25px;} .overview-rep img{padding: 0;} .footer-section .social-links-wrap{padding-bottom: 30px;} #find-a-rep h2{font-size: 32px;line-height: 38px;padding-bottom: 20px;} #nav-rep-mbl{margin: 14px 5px 0px 0px !important; padding: 5px 8px; display: inline-block !important; position: absolute; right: 67px; color:#fff;} .ov_far{margin-left:15px !important;} .navbar-toggle { position: relative; float: right; padding: 11px 10px; margin-top: 0px; margin-right: 15px; margin-bottom: 8px;} .popup { margin: 10px 10px !important; padding: 0 !important; background: #fff; width: 95% !important; position: relative; transition: all 5s ease-in-out; } .headline .btn-white {margin-right: 0px; display: inline-block; margin-bottom: 20px;} .headline .btn-dark-blue{display: inline-block; text-align: center;} .headline{text-align: center; margin-top: 30px;} .headline h1{text-align: center; text-align: center; padding:14px 0; font-size: 40px;} .headline h2{font-size: 24px !important; text-align: center !important; padding:0px 0px 10px 0px;} .home-hero.vc_separator.vc_separator_align_left .vc_sep_redline{margin: 0 auto;} .apple{ background: url('/wp-content/uploads/apple_right_mbl.png') no-repeat; background-position: right top; background-size:contain; height: 427px; width: auto; right: 0; } .pistachio{ background: url('/wp-content/uploads/pistachio_right_mbl-1.png') no-repeat; background-position: right top; background-size:contain; height: 500px; width: auto; right: 0; } .tomato{ background: url('/wp-content/uploads/eu_tomato-hero_mbl.png') no-repeat; background-position: right top; background-size:contain; height: 425px; width: auto; right: 0; } .popup .wpb_single_image img{width: 90%;} .popup .content{padding:64px 0px 0px 0px !important;} .popup .vc_column_container>.vc_column-inner {padding-bottom: 0px;} .header-title img{margin-right:200px;} .navbar-brand {padding-top: 8px !important;} #table {margin-top:100px} .product_center{display:none !important;} .circle2 { left: 0; right: 0; margin: 0 auto; height : 320px; width : 320px; } .circle3 { height : 290px; width : 290px; margin : -145px 0 0 -145px; } .prod-3col{padding-top:0;} .mobile-on{display:block;} .mobile-off{display:none;} #jug-hide img{height:auto; padding: 0 20px} #jug-hide{display:block; height:450px;left: 0;right: 0;margin: 0 auto;} .default-block .icon-block {padding: 30px 20px 0 20px;border-radius: 4px;} .gallon_title {height: auto;} /* EU edits */ .swap-on-mobile {display: flex !important;flex-direction: column-reverse;} .eu-test-icon{width:98px; height:98px; display: inline-block;float: right;margin-right: 10px;} .eu-test, .eu-test-2{padding:0px 20px;} } @media (min-width : 600px) and (max-width : 900px) { .headline .btn-white {margin-right: 20px; display: inline-block; margin-bottom: 20px;} .headline .btn-dark-blue{display: inline-block; text-align: center;} .headline{text-align: center; margin-top: 30px;} .headline h1{text-align: center; text-align: center; padding:10px 0 20px 0;} .headline h2{font-size: 24px !important; text-align: center !important; padding:0px 0px 10px 0px;} .home-hero.vc_separator.vc_separator_align_left .vc_sep_redline{margin: 0 auto;} #nav-rep li a { color: #ffffff; padding: 16px 5px !important;} .apple{ background: url('/wp-content/uploads/apple_right_mbl.png') no-repeat; background-position: right top; background-size:contain; height: 427px; width: auto; right: 0; } .pistachio{ background: url('/wp-content/uploads/pistachio_right_mbl-1.png') no-repeat; background-position: right top; background-size:contain; height: 500px; width: auto; right: 0; } } @media (min-width : 991px) and (max-width : 1199px) { .headline .btn-white {margin-right: 20px; display: inline-block; margin-bottom: 20px;} .headline .btn-dark-blue{display: inline-block; text-align: center;} .headline{margin-top: 80px; margin-left:0px;} .headline h1{} .headline h2{font-size: 24px !important; padding:0px 0px 10px 0px;} .scroll h4{margin-top: 65px;} } @media (min-width : 600px) and (max-width : 1200px) { .flex-container.crops > div {width: 25%;} /* #nav-rep{ margin: 4px 15px 0px 20px; padding: 9px 20px; display: inline-block;} */ .subsc h2{text-align: left !important; padding: 0px 40px; margin-bottom: 40px; word-break: break-word;} .subsc h2 #hb_newsletter{margin: 20px 65% 0px 0px; text-align: left;} } .map_add{color: #ffffff;} .cmap{color: #ffffff;} .contact{height:150px;} .contact a{color: #2c2c2c;} .contact a:hover{color:#13A3DB;text-decoration: underline;} .contact a:visited{color:#2c2c2c;text-decoration: none;} .contact_hr{ margin-top: 30px; margin: 0 auto; border: 1px rgba(255, 255, 255, 0.20) solid; } .contact_map-left a{color: #ffffff;} .contact_map-left a:visited{color:#ffffff;text-decoration: none;} .widget_nav_menu a:hover{ text-decoration:none; color:#81ddff; } .prod-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.30); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index:9998; } .prod-overlay:target { visibility: visible; opacity: 1; } .popup { margin: 70px auto; padding: 20px; background: #fff; width: 90%; height: 75%; max-width: 1046px; position: relative; transition: all 5s ease-in; } .popup .close { position: absolute; top: 10px; right: 20px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #000000; z-index:9998; } .popup .close:hover { color: #003B64; } .popup .content { max-height: 50%; overflow: auto; padding:64px 0; } /* .subsc h2{text-align: center; padding: 0px 40px; margin-bottom: 40px;} */ .subsc #hb_newsletter{margin: 20px 0px 20px 64px; text-align: center;} /* #nav-rep{ margin: 4px 15px 0px 20px; display: inline-block;} */ #nav-rep {margin:8px 0 0 10px;} #nav-rep li a{color:#ffffff; padding:16px 38px;} #nav-rep li a:hover{color:#003b64 !important;} #nav-rep a:active{color:#fff;} #nav-rep a:hover{color:#003b64 !important;} #nav-rep-mbl a:hover{color:#003b64;} #nav-rep:hover{color:#003b64;} #nav-rep-mbl{display: none;} #nav-rep-mbl a{color: #ffffff;} #nav-rep-mbl li{list-style-type: none;} #nav-rep-mbl li:hover{list-style-type: none;} .award-bord{ width: 200px; height: 200px; border-radius: 50% !important; border: 5px solid #0375A6 !important; text-align: center; margin: 0 auto; } .size-full.aligncenter.award_caro{ width: 190px; height: 190px; border-radius: 50% !important; text-align: center; filter: grayscale(1); } .size-full.aligncenter.award_caro:hover{filter: none;} #map{left:0; bottom:0; height:366px; width:100%; position:relative; max-height: 360px; max-width: 560px; margin: 0 auto; margin-bottom:30px; padding-top: 40px; } .tech-carousel img{width:115px; height:115px;} div .tech { margin-bottom:0px; padding-right:20px; display: -webkit-box !important; display: -moz-box !important; display: -ms-box !important; display: box !important; } div .tech p{padding-left:5px; flex-wrap: wrap; margin-bottom: 0.5em;} div .tech span { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background-color:#BB1F24; color:#fff; font-size:12px; } .bluedot { background-color:#0375A6 !important; } .drkbluedot { background-color:#003B64 !important; } .right-arrow{ background: none; border:none; text-decoration: none; font-size: 16px; line-height: 24px; font-weight: 700; color:#13A3DB; } .right-arrow a{text-decoration: none;} .right-arrow a:hover{text-decoration: none;} .right-arrow a i { margin-left: 7.5px; color: #fff; background: #13A3DB; border-radius: 100%; padding:2.5px 3.5px; font-size: 14px; border:1px solid #fff; } .right-arrow:hover a i{ color: #13A3DB; background:#fff; border:1px solid #13A3DB; } /* button.right-arrow{ font-size: 16px; line-height: 24px; font-weight: 700; border: none; background: none; color: #13A3DB; margin: 0 auto; margin-top: -50px; text-decoration: none; } */ .display-none{display: none;} /* Testi owl-slider */ .testi-img{ border-radius: 50%; width:60px; height:60px; left: 0px; top: 0px; position: relative; margin-right:20px; } .testi-copy{ flex: 1 1 0; color: #ECEDEB; font-size: 24px; font-family: Arial Nova; font-weight: 300; line-height: 32px; word-wrap: break-word; padding-bottom:20px; margin-right:10px; } .testi-right{ text-align: left; width: 97%; } .testi_quote{ background: url('/wp-content/uploads/quote.svg') no-repeat; height: 32px; width: 32px; background background-position: center center; margin:0 0 14px 0; } .dark-blue-gradient{ background: linear-gradient(180deg, #0375A6 0%, #003B64 100%);; } .topnav-dark-blue:focus, .topnav-dark-blue{ font-family: 'Arial Nova'; font-weight: 700; font-size: 16px; color: #fff; padding:9px 0; background-color: #003b64; border: solid #003B64 2px; transition : 400ms; transform: translateY(0); margin: 0 auto; line-height: 24px; margin-top:-21px; align-items: center; cursor: pointer; text-transform: uppercase; list-style-type: none; } .topnav-dark-blue:hover{ transition : 400ms; padding:9px 0; transform : translateY(-0px); background-color: #fff; color: #003b64; border: solid 2px #003B64; text-decoration: none; list-style-type: none; } .headline .btn-dark-blue:focus, .headline .btn-dark-blue{ font-family: 'Arial Nova'; font-weight: 700; font-size: 16px; color: #fff; background-color: #003a64; padding: 9px 38px; border: solid #ffffff 2px; transition : 400ms; transform: translateY(0); margin: 0 auto; align-items: center; cursor: pointer; text-transform: uppercase; } .headline .btn-dark-blue:hover{ text-decoration: none; transition : 400ms; padding: 9px 38px; transform : translateY(-0px); background-color: #fff; color: #003b64; border: solid 2px #ffffff; } .headline .btn-white:hover{ transition : 400ms; transform : translateY(-0px); background-color: transparent; color: #ffffff; border: solid 2px #ffffff; text-decoration: none; } .btn-red:focus, .btn-red{ font-family: 'Arial Nova'; font-weight: 700; font-size: 16px; color: #fff; background-color: #BB1F24; padding: 9px 38px; border: solid #BB1F24 2px; transition : 400ms; transform: translateY(0); margin: 0 auto; align-items: center; cursor: pointer; text-transform: uppercase; } .btn-red:hover{ text-decoration: none; transition : 400ms; padding: 9px 38px; transform : translateY(-0px); background-color: #fff; color: #BB1F24; border: solid 2px #BB1F24; } .btn-dark-blue:focus, .btn-dark-blue{ font-family: 'Arial Nova'; font-weight: 700; font-size: 16px; color: #fff; background-color: #003b64; padding: 9px 38px; border: solid #003B64 2px; transition : 400ms; transform: translateY(0); margin: 0 auto; align-items: center; cursor: pointer; text-transform: uppercase; } .btn-dark-blue:hover{ text-decoration: none; transition : 400ms; padding: 9px 38px; transform : translateY(-0px); background-color: #fff; color: #003b64 !important; border: solid 2px #003B64; } .btn-blue:focus, .btn-blue{ font-family: 'Arial Nova'; font-weight: 700; font-size: 16px; color: #fff; background-color: #0375A6; padding: 9px 38px; border: solid #0375A6 2px; transition : 400ms; transform: translateY(0); margin: 0 auto; align-items: center; cursor: pointer; text-transform: uppercase; } .btn-blue:hover{ text-decoration: none; transition : 400ms; padding: 9px 38px; transform : translateY(-0px); background-color: #fff; color: #0375A6; border: solid 2px #0375A6; text-decoration: none; } .btn-light-blue:focus, .btn-light-blue{ font-family: 'Arial Nova'; font-weight: 700; font-size: 16px; color: #fff; background-color: #13A3DB; padding: 9px 38px; border: solid #13A3DB 2px; transition : 400ms; transform: translateY(0); margin: 0 auto; align-items: center; cursor: pointer; text-transform: uppercase; } .btn-light-blue:hover{ text-decoration: none; transition : 400ms; padding: 9px 38px; transform : translateY(-0px); background-color: #fff; color: #13A3DB; border: solid 2px #13A3DB; } .btn-white:focus, .btn-white{ font-family: 'Arial Nova'; font-weight: 700; font-size: 16px; color: #003b64; background-color: #ffffff; padding: 9px 38px; border: solid #fff 2px; transition : 400ms; transform: translateY(0); margin: 0 auto; align-items: center; cursor: pointer; text-transform: uppercase; } .btn-white:hover{ transition : 400ms; transform : translateY(-0px); background-color: transparent; color: #ffffff; border: solid 2px #003B64; text-decoration: none; } h3 { font-size: 20px; line-height: 24px; font-weight: bold; } h4 { font-size: 16px; line-height: 24px; font-weight: normal; } h5 { font-size: 14px; line-height: 16px; font-weight: normal; } h6 { font-size: 12px; line-height: 14px; font-weight: normal; } quote { font-size: 24px; line-height: 32px; font-weight: normal; } p { margin-bottom: 15px; } p img { margin: 0; } ul, ol { margin-bottom: 0; } .entry-content ul, .entry-content ol{ margin-bottom: 10px; } @font-face { font-family: 'Arial Nova'; src: local('Arial Nova Bold'), local('ArialNova-Bold'), url('fonts/ArialNova-Bold.woff2') format('woff2'), url('fonts/ArialNova-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial Nova'; src: local('Arial Nova Light'), local('ArialNova-Light'), url('fonts/ArialNova-Light.woff2') format('woff2'), url('fonts/ArialNova-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial Nova'; src: local('Arial Nova Bold'), local('ArialNova-Bold'), url('fonts/ArialNova-Bold.woff2') format('woff2'), url('fonts/ArialNova-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial Nova'; src: local('Arial Nova Light'), local('ArialNova-Light'), url('fonts/ArialNova-Light.woff2') format('woff2'), url('fonts/ArialNova-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial Nova'; src: local('Arial Nova'), local('ArialNova'), url('fonts/ArialNova.woff2') format('woff2'), url('fonts/ArialNova.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial Nova'; src: local('Arial Nova'), local('ArialNova'), url('fonts/ArialNova.woff2') format('woff2'), url('fonts/ArialNova.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* Products Sticky */ /* Accessibility ------------------------------------------- */ /* Complianz sticky under home nav sticky */ #cmplz-manage-consent .cmplz-manage-consent { z-index: 992 !important;} .vc_row.section-wrapper.slideto.vc_custom_1705438331872.vc_row-has-fill { position:relative; width: 100%!important; bottom: 0; z-index: 993; background-color:transparent!important; padding: 0px!important; } .vc_row.section-wrapper.slideto.vc_custom_1705438331872.vc_row-has-fill * .wpb_raw_code.wpb_content_element.wpb_raw_html{margin-bottom:0px!important;} #myfix{ display:none; justify-content: space-around; background-color: #eaeef4 !important; align-items: center; padding: 15px 0; z-index:993;} #myfix .carousel-item__card { margin: 0; } #myfix .mobsol{display:flex;} #myfix #arrow-left{font-size:20px; color: rgba(0, 58, 100, 0.50)} #myfix #arrow-right{font-size:20px; color: rgba(0, 58, 100, 0.50)} #myfix .carousel-item__card a { text-decoration: none; padding: 10px; transition: color 0.3s; font-weight: 400; color: #003B64; } #myfix .carousel-item__card a.active { color: #13A3DB; /* Highlight color for the active link */ font-weight: 400; } #myfix .carousel-item__card a:hover { color: #13A3DB; /* Highlight color for the active link */ /* font-weight: 700; /* makes menu spread as font weight changes */ text-decoration: underline; } /* testimonials hide */ /* .vc_row.section-wrapper.dark-blue-gradient.vc_custom_1704582511613.vc_row-o-content-middle.vc_row-flex{display:none;} */ @media(max-width:600px){ #myfix{padding:0px;} #myfix .mobsol { display: flex; flex: 0 0 75%; height:54px; /* width: 50%; */ flex-direction: row; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; } .mobsol::-webkit-scrollbar { display: none; /* Hide scrollbar for Chrome, Safari, and Opera */ } #myfix #arrow-left { font-size: 20px; flex: 0 0 10%; text-align:center; color: rgba(0, 58, 100, 0.50) } #myfix #arrow-right { font-size: 20px; flex: 0 0 10%; text-align:center; color: rgba(0, 58, 100, 0.50) } /* .vc_row.section-wrapper.slideto.vc_custom_1705438331872.vc_row-has-fill {width:auto!important;}*/ #myfix .carousel-item { /* display: flex; */ /* align-items: center; */ /* justify-content: center; */ flex: 0 0 auto; } #myfix .carousel-item carousel-item__card{width:100%;} #myfix .carousel-item carousel-item__card a{width:100%;display:block;padding-left:0px;padding-right:0px;} } /* Accessibility ------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* =-=-=-=-=-=-= WORDPRESS CORE =-=-=-=-=-=-= */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignnone { margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } /* Colors -------------------------------------------*/ .dark-blue-color { color: #003B64 !important; } .blue-color { color: #0375A6; } .light-blue-color { color: #13A3DB; } .red-color { color: #BB1F24; } .dark-grey-color { color: #0C0C0C; } .grey-light-blue-color { color: #EAEEF4; } .light-red-color { color: #EAEEF4; } .white-color { color: #fff; } /* Captions -------------------------------------------*/ .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 3px; text-align: center; } .figcaption{ text-align: center; } .wp-caption figcaption{ padding: 5px 0 0; text-align: center; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; border: 0 none; width: auto; height: auto; margin: 0; max-width: 100%; padding: 0; } .wp-caption .wp-caption-text { margin: 5px 0; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Clearings ------------------------------------------- */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* Widgets -------------------------------------------*/ .widget { margin: 0 0 20px; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Content -------------------------------------------*/ .sticky { display: block; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; } .page-wrapper{ padding-bottom: 100px; } /* Comments -------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Infinite scroll -------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /* Media -------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } .video-section { top: 0%; left: 0%; height: 400px; width: 100%; overflow: hidden; position: relative; } .overlay { min-height: 400px; background-color: rgba(0, 0, 0, 0.5); } video, object { min-width:100%; min-height:100%; } .audio { width: 100%; } /* =-=-=-=-=-=-= TABLE STYLE =-=-=-=-=-=-= */ table{ border: 1px solid #ddd; width: 100%; max-width: 100%; margin-bottom: 15px; } table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th{ padding: 8px; vertical-align: middle; border: 1px solid #ddd; border-top: 1px solid #ddd; } thead { color: #272829; background-color: #f5f5f5; } table.event-schedule{ border: 0; } table.event-schedule tr > th, table.event-schedule tr > td{ line-height: 30px; } table.event-schedule>tbody>tr>td, table.event-schedule>tbody>tr>th, table.event-schedule>tfoot>tr>td, table.event-schedule>tfoot>tr>th, table.event-schedule>thead>tr>td, table.event-schedule>thead>tr>th{ border: 0; border-top: 1px solid #ddd; } /*blockquote style*/ blockquote { padding: 30px 70px; background: #f1f1f1; color: #666; border: 0; margin: 0 0 15px; position: relative; font-size: 17px; font-style: italic; } .blog-grid .blog-content blockquote { padding: 2em 2em 2em 4em; } blockquote p { margin-bottom: 0 !important; } blockquote::before { position: absolute; content: "\f10d"; font-family: FontAwesome; font-size: 30px; color:#024562; left: 25px; top: 35px; } .blog-quote blockquote{ text-align: center; padding-top: 80px; font-style: normal; font-size: 20px; margin: 0; } .blog-quote blockquote small{ margin-top: 15px; } .blog-quote blockquote::before { left: 0; right: 0; } /* =-=-=-=-=-=-= BUTTON =-=-=-=-=-=-= */ .btn { height: 50px; line-height: 28px; padding: 12px 38px; margin-bottom: 0; font-weight: 500; } .btn, .btn:hover, button:focus { background-color: #13A3DB; } .btn.focus, .btn:focus, .btn:hover { color: #fff; } .vc_general.vc_btn3:focus, .vc_general.vc_btn3:hover { color: #fff !important; } .btn.btn-sm { height: 36px; padding: 5px 16px; } .btn-lg { height: 60px; padding: 18px 38px; } .vc_btn3.vc_btn3-shape-rounded { border-radius: 2px !important; } .vc_btn3.vc_btn3-size-md { font-size: 16px !important; padding: 16px 38px !important; } .vc_btn3.vc_btn3-size-lg { padding: 18px 38px !important; } .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty){ padding-left: 45px !important; } .vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty){ padding-left: 60px !important; } .vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon{ font-size: 28px; } .vc_btn3.vc_btn3-size-md strong, .vc_btn3.vc_btn3-size-lg strong{ font-size: 20px; display: block; font-weight: 900; } .vc_general.vc_btn3.vc_btn3-shape-rounded{ border-radius: 3px; } .vc_general.vc_btn3.vc_btn3-style-classic{ border: 0; } .vc_general.vc_btn3.vc_btn3-style-classic:hover, .vc_general.vc_btn3.vc_btn3-style-classic:focus, .vc_general.vc_btn3.vc_btn3-style-classic:active{ border: 0; } .vc_btn2, .vc_btn3 { -webkit-transition: box-shadow 0.2s ease-out !important; -moz-transition: box-shadow 0.2s ease-out !important; -o-transition: box-shadow 0.2s ease-out !important; -ms-transition: box-shadow 0.2s ease-out !important; transition: box-shadow 0.2s ease-out !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .vc_btn2:hover, .vc_btn3:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .btn:focus, button:focus { outline: none !important; } /*primary button*/ .btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .vc_btn3-color-theme_primary_color{ color: #fff !important; background-color: #13A3DB !important; border-color: #13A3DB !important; } .btn-primary, .btn-primary:hover{ color: #fff; background-color: #13A3DB; border-color: #13A3DB; } /*pink button*/ .btn-pink, .btn-pink:hover, .vc_general.vc_btn3.vc_btn3-color-theme_pink_color, .vc_general.vc_btn3.vc_btn3-color-theme_pink_color:hover{ background-color: #ed145b; border-color: #ed145b; color: #ffffff; } /*white button*/ /* .btn-white, .btn-white:hover, .btn-white:focus { color: #13A3DB; background-color: #ffffff !important; border-color: #ffffff !important; } */ .btn-menu a{ padding: 0px 20px !important; height: 40px; line-height: 40px !important; margin-top: 10px; text-transform: capitalize; } .btn-menu.active a, .btn-menu a:hover, .btn-menu a:focus{ color: #ffffff !important; } .btn-round .btn, .btn-round a{ border-radius: 30px; } /*slider btn*/ .tt-icon-btn strong { font-size: 24px; font-weight: 900; line-height: 30px; } .tt-icon-btn i { float: left; font-size: 30px; padding-right: 16px; padding-top: 10px; } .tp-caption.tt-btn { margin: 15px !important; -webkit-transition: box-shadow 0.2s ease-out !important; -moz-transition: box-shadow 0.2s ease-out !important; -o-transition: box-shadow 0.2s ease-out !important; -ms-transition: box-shadow 0.2s ease-out !important; transition: box-shadow 0.2s ease-out !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; } .tp-caption.tt-btn:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; } address { line-height: 25px; margin-bottom: 30px; } .address-wrapper .info-wrapper { overflow: hidden; } .address-wrapper .info-wrapper p { margin: 0; } .address-wrapper .info-wrapper a { color: #999; } .address-wrapper .info-wrapper a:hover { color: #13A3DB; } /*alert*/ .alert { padding: 10px 15px; border-radius: 0; border: 0; } .tt-alert { background-color: transparent; } .alert-dismissible .close { top: 5px; } /* =-=-=-=-=-=-= List Style =-=-=-=-=-=-= */ .check-circle-list, .check-square-list { padding: 0; list-style: none; } .check-circle-list li{ line-height: 33px; } .check-circle-list li i{ font-size: 16px; color: #cdcdcd; margin-right: 10px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .check-circle-list li:hover i{ color: #13A3DB; } .check-square-list li{ line-height: 46px; } .check-square-list li i{ position: relative; top: 5px; margin-right: 10px; } .check-square-list.list-right li i{ margin-right: 0; margin-left: 10px; } /* Form Style ------------------------------------------- */ .form-group { margin-bottom: 30px; } .form-control { height: 60px; padding: 20px; font-size: 18px; line-height: 25px; font-weight: 300; color: #202020; border: 1px solid #eee; border-radius: 0; } .form-control:focus { border-color: #13A3DB; } .input-field label { top: 0; left: 0; font-size: 14px; line-height: 16px; font-weight: 400; margin: 0; } input { line-height: inherit; } .submit-left .submit-wrapper{ text-align: left !important; } .submit-center .submit-wrapper{ text-align: center !important; } .submit-right .submit-wrapper{ text-align: right !important; } .submit-brand .btn{ background-color: #13A3DB !important; } .submit-dark .btn{ background-color: #202020 !important; } /* Customize Material Form style /* ------------------------------------ */ .form-control { border-radius: 0; } .input-field { margin-top: 45px; } .widget .input-field{ margin-top: 0; } .input-field label { color: #999; top: 0; left: 0; font-size: 14px; line-height: 16px; font-weight: 400; margin: 0; } .input-field label.active { font-size: 12px; } /* =-=-=-=-=-=-= GLOBAL STYLES =-=-=-=-=-=-= */ .section-wrapper{ position: relative; } .container-fullwidth { width: 100%; padding-left: 15px; padding-right: 15px; } .container-fullwidth .vc_column_container>.vc_column-inner{ padding-left: 0; padding-right: 0; } .vc_row.section-wrapper{ margin-left: 0; margin-right: 0; } .vc_row.vc_row-o-full-height{ min-height: 100vh !important; } .vc_row.vc_row-o-equal-height{ margin-left: 0; margin-right: 0; } @media screen and (max-width: 767px) { .vc_row-o-equal-height .wpb_single_image .vc_figure { display: block; } .wpb_single_image img, .wpb_single_image .vc_single_image-wrapper { width: 100%; } .overview-header h1{width: 300px; text-align: center;} } .ie9 .vc_row-o-full-height .container{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); } .tt-overlay { background-color: rgba(0, 0, 0, 0.6); position: absolute !important; left: 0; top: 0; right: 0; bottom: 0; } .white-text{ color: #ffffff; } .theme-color { color: #13A3DB; } .theme-bg { background-color: #13A3DB; } .dark-bg { background-color: #2a2425; } .box-padding { padding: 60px 40px; } /* @media screen and (min-width: 768px) { .wpb_single_image img { width: 100%; } .vc_row-o-equal-height .wpb_single_image img { max-width: initial !important; width: initial; } } */ /* =-=-=-=-=-=-= SECTION TITLE =-=-=-=-=-=-= */ .sction-title-wrapper{ margin-bottom: 80px; } .section-title { /* font-size:36px; margin-bottom: 20px; line-height: 46px; font-weight: 300 !important; */ } @media (min-width: 992px){ .sction-title-wrapper .sub-title{ width: 100% !important; padding: 0; text-align: left; } .sction-title-wrapper.text-center .sub-title{ margin: 0 auto; } .sction-title-wrapper.text-right .sub-title{ float: right; } } .sub-title p { margin: 0 auto; line-height: 25px; /* width: 75%; */ text-align: center; } .section-intro { font-size: 22px; } .section-intro h2{ font-size: 35px; line-height: 30px; margin-bottom: 25px; text-transform: capitalize; } .title-description p { margin: 0; line-height: 25px; } .sction-title-wrapper .separator{ background-color: #13A3DB; width: 100px; height: 2px; display: block; margin-bottom: 20px; } .sction-title-wrapper.text-center .separator{ margin: 0 auto 20px; } .sction-title-wrapper.text-right .separator{ margin-left: auto; } /* .title_events{margin-bottom: 0px !important;} */ /*custom margin classes*/ .mt-30 { margin-top: 30px; } .mt-50 { margin-top: 50px; } .mt-80 { margin-top: 80px; } .mt-100 { margin-top: 100px; } /*margin bottom*/ .mb-30 { margin-bottom: 30px; } .mb-80 { margin-bottom: 80px; } /*margin right*/ .mr-10 { margin-right: 10px; } .mr-20 { margin-right: 20px; } /*margin left*/ .ml-10 { margin-left: 10px; } .ml-20 { margin-left: 20px; } /*custom padding classes*/ .no-padding .tt-item{ padding: 0!important; } .row.no-padding{ margin: 0!important; } /*padding Left*/ .pl-100 { padding-left: 100px; } /*padding-bottom*/ .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-50 { padding-bottom: 50px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } /*padding top bottom*/ .ptb-50 { padding: 50px 0; } .ptb-90 { padding: 90px 0; } .overlay-bg { background-color: rgba(0, 0, 0, 0.5); } .gray-bg { background-color: #fafafa; } .gutter { padding-left: 10px!important; padding-right: 10px!important; } /*Font Size*/ .font-20 { font-size: 20px } .font-25 { font-size: 25px } .font-30 { font-size: 30px } .font-35 { font-size: 35px } .font-40 { font-size: 40px } /*font size in extra small devices*/ @media screen and (max-width: 767px) { .font-30 { font-size: 25px } h1, .font-35, .font-40 { font-size: 32px; line-height: 38px; } } /*Line Height*/ .line-height-40 { line-height: 40px; } .line-height-50 { line-height: 50px; } .text-light { font-weight: 300 !important; } .text-regular { font-weight: 400 !important; } .text-medium { font-weight: 500 !important; } .text-bold { font-weight: 700 !important; } .text-extrabold { font-weight: 900 !important; } .dark-text { color: #202020 !important; } /* vertical middle align -------------------------------------------*/ .vertical-middle { position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); padding: 0 15px; } .social-top.tt-animate.bb.list-inline{ overflow: hidden !important; height: 20px; width: 20px; } } .footer-section .social-links-wrap i:hover{ background-color: #ffffff; } .footer-section .social-links-wrap .animate-social-img{ background: url('/wp-content/uploads/x-twitter-wht.svg') no-repeat; background-position: center center; border: none; height: 30px; width: 30px; overflow: hidden; } .footer-section .social-links-wrap .animate-social-img:hover{ background: url('/wp-content/uploads/x-twitter.svg') no-repeat; background-position: center center; } /*TT Animate CSS*/ .tt-animate i { text-align : center; overflow : hidden; -webkit-transition : all 0.5s; -moz-transition : all 0.5s; transition : all 0.5s; } img.animate-social-img { text-align : center; overflow : hidden; -webkit-transition : all 0.5s; -moz-transition : all 0.5s; transition : all 0.5s; } .tt-animate i::before { speak : none; display : block; -webkit-font-smoothing : subpixel-antialiased !important; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } i.animate-social-img::before { speak : none; display : block; -webkit-font-smoothing : subpixel-antialiased !important; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -ms-backface-visibility : hidden; } /*Left To Right*/ .tt-animate.ltr i:hover::before { -webkit-animation : LeftToRight 0.3s forwards; -moz-animation : LeftToRight 0.3s forwards; animation : LeftToRight 0.3s forwards; } .tt-animate.ltr i:before { -webkit-animation : RightToLeft 0.3s forwards; -moz-animation : RightToLeft 0.3s forwards; animation : RightToLeft 0.3s forwards; } /*Right To Left*/ .tt-animate.btt i:hover::before { -webkit-animation : BottomToTop 0.3s forwards; -moz-animation : BottomToTop 0.3s forwards; animation : BottomToTop 0.3s forwards; } .tt-animate.btt i:before { -webkit-animation : TopToBottom 0.3s forwards; -moz-animation : TopToBottom 0.3s forwards; animation : TopToBottom 0.3s forwards; } /* .tt-animate.btt i img:hover::before { -webkit-animation : BottomToTop 0.3s forwards; -moz-animation : BottomToTop 0.3s forwards; animation : BottomToTop 0.3s forwards; } .tt-animate.btt i img:before { -webkit-animation : TopToBottom 0.3s forwards; -moz-animation : TopToBottom 0.3s forwards; animation : TopToBottom 0.3s forwards; } */ i.animate-social-img:hover { overflow: hidden !important; -webkit-animation : BottomToTop 0.3s forwards; -moz-animation : BottomToTop 0.3s forwards; animation : BottomToTop 0.3s forwards; } i.animate-social-img:before { overflow: hidden !important; -webkit-animation : BottomToTop 0.3s forwards; -moz-animation : BottomToTop 0.3s forwards; animation : BottomToTop 0.3s forwards; } /* img.animate-social-img:hover { 49% {transform:translateY(-100%);} 50% {opacity:0;transform:translateY(100%);} 51% {opacity:1;} } */ /* img.animate-social-img:before { background-color: green; -webkit-animation : BottomToTop 0.3s forwards; -moz-animation : BottomToTop 0.3s forwards; animation : BottomToTop 0.3s forwards; } */ /*--------------------------------------------------------- KEY FRAME -----------------------------------------------------------*/ /* Left to Right key frame*/ @-webkit-keyframes LeftToRight { 49% { -webkit-transform : translate(100%); } 50% { opacity : 0; -webkit-transform : translate(-100%); } 51% { opacity : 1; } } @-moz-keyframes LeftToRight { 49% { -moz-transform : translate(100%); } 50% { opacity : 0; -moz-transform : translate(-100%); } 51% { opacity : 1; } } @keyframes LeftToRight { 49% { transform : translate(100%); } 50% { opacity : 0; transform : translate(-100%); } 51% { opacity : 1; } } /* Right to Left key frame*/ @-webkit-keyframes RightToLeft { 49% { -webkit-transform : translate(100%); } 50% { opacity : 0; -webkit-transform : translate(-100%); } 51% { opacity : 1; } } @-moz-keyframes RightToLeft { 49% { -webkit-transform : translate(-100%); } 50% { opacity : 0; -webkit-transform : translate(100%); } 51% { opacity : 1; } } @keyframes RightToLeft { 49% { -webkit-transform : translate(100%); } 50% { opacity : 0; -webkit-transform : translate(-100%); } 51% { opacity : 1; } } /* Bottom to Top key frame*/ @-webkit-keyframes BottomToTop { 49% { -webkit-transform : translateY(-100%); } 50% { opacity : 0; -webkit-transform : translateY(100%); } 51% { opacity : 1; } } @-moz-keyframes BottomToTop { 49% { -moz-transform : translateY(-100%); } 50% { opacity : 0; -moz-transform : translateY(100%); } 51% { opacity : 1; } } @keyframes BottomToTop { 49% { transform : translateY(-100%); } 50% { opacity : 0; transform : translateY(100%); } 51% { opacity : 1; } } /* Top to Bottom key frame*/ @-webkit-keyframes TopToBottom { 49% { -webkit-transform : translateY(-100%); } 50% { opacity : 0; -webkit-transform : translateY(100%); } 51% { opacity : 1; } } @-moz-keyframes TopToBottom { 49% { -moz-transform : translateY(-100%); } 50% { opacity : 0; -moz-transform : translateY(100%); } 51% { opacity : 1; } } @keyframes TopToBottom { 49% { transform : translateY(-100%); } 50% { opacity : 0; transform : translateY(100%); } 51% { opacity : 1; } } /* =-=-=-=-=-=-=-=-=-=- HEADER TOPBAR =-=-=-=-=-=-=-=-=-=-= */ .top-bar { min-height: 46px; z-index: 999; } .top-bar .topbar-cta li { display: inline-block; } .top-bar .topbar-cta li+li { padding-left: 10px; } .top-bar .topbar-cta a { letter-spacing: 1px; line-height: 46px; color: #fff; } .top-bar .topbar-cta a .us { letter-spacing: 1px; line-height: 46px; color: fuchsia; } .ie9 .top-bar .topbar-cta a{ letter-spacing: 0; } .top-bar .topbar-cta a i{ position: relative; top: 7px; } .top-bar .topbar-cta a img{ position: relative; top: 7px; } .top-bar .social-top { margin-top: 13px; margin-bottom: 0; } .top-bar .social-top a i{ display: block; width: 20px; height: 20px; line-height: 20px; color: #ffffff; text-align: center; } .top-bar .social-top a img:hover { color: #fff; } /* .top-bar .social-top a img{ display: block; width: 20px; height: 20px; line-height: 20px; color: #ffffff; text-align: center; } */ .top-bar .social-top a i:hover { color: #fff; } .top-bar .social-top a img:hover { color: #fff; } .header-wrapper.sticky .header-top-wrapper{ display: none; } .header-top-wrapper { background-color: #13A3DB; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .header-transparent .header-top-wrapper{ background-color: rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .header-dark .header-top-wrapper{ border-bottom: 1px solid #232323; } @media(max-width: 767px) { .header-transparent .header-top-wrapper{ border-bottom: 1px solid rgba(4, 4, 4, 0.06); background-color: #fff; color: #666; } .header-transparent .contact-info ul li a, .header-transparent .social-icon ul li a i{ color: #666; } img.mobile-logo.visible-xs{ width: 210px; height:50px; } } @media(max-width: 479px){ .header-top-wrapper .contact-info.pull-left, .header-top-wrapper .social-links-wrap.pull-right{ float: inherit !important; text-align: center; } } @media(max-width: 600px) { .social-links-wrap.pull-left, .contact-info.pull-right { float: none !important; } .social-links-wrap.social-top, .topbar-cta { text-align: center; } .topbar-cta, .top-bar .topbar-cta li+li { padding-left: 0; } .top-bar .topbar-cta a { line-height: 29px; } } /* ---------------------------------------------------------------- Hover Border Bottom Style -----------------------------------------------------------------*/ @media (min-width: 768px) { .hover-border-bottom .navbar-nav>li>a, .hover-border-bottom .navbar-nav>li>a { border-bottom: 3px solid transparent; } .hover-border-bottom .navbar-nav>li.active>a, .hover-border-bottom .navbar-nav>li:hover>a, .hover-border-bottom .navbar-nav>li.current-menu-parent>a, .hover-border-bottom .navbar-nav>li.current-menu-ancestor>a, .header-transparent.hover-border-bottom .sticky .navbar-nav>li.active>a, .header-transparent.hover-border-bottom .sticky .navbar-nav>li:hover>a, .header-transparent.hover-border-bottom .sticky .navbar-nav>li.current-menu-parent>a, .header-transparent.hover-border-bottom .sticky .navbar-nav>li.current-menu-ancestor>a { border-bottom: 3px solid #13A3DB; } .header-dark.hover-border-bottom .navbar-nav>li.active>a, .header-dark.hover-border-bottom .navbar-nav>li:hover>a, .header-dark.hover-border-bottom .navbar-nav>li.current-menu-parent>a, .header-dark.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a, .header-brand-color.hover-border-bottom .navbar-nav>li.active>a, .header-brand-color.hover-border-bottom .navbar-nav>li:hover>a, .header-brand-color.hover-border-bottom .navbar-nav>li.current-menu-parent>a, .header-brand-color.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a, .header-transparent.hover-border-bottom .navbar-nav>li.active>a, .header-transparent.hover-border-bottom .navbar-nav>li:hover>a, .header-transparent.hover-border-bottom .navbar-nav>li.current-menu-parent>a, .header-transparent.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a, .header-semi-transparent.hover-border-bottom .navbar-nav>li.active>a, .header-semi-transparent.hover-border-bottom .navbar-nav>li:hover>a, .header-semi-transparent.hover-border-bottom .navbar-nav>li.current-menu-parent>a, .header-semi-transparent.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a { border-bottom: 3px solid #fff; } } /* ---------------------------------------------------------------- Hover Box Style -----------------------------------------------------------------*/ @media (min-width: 768px) { .hover-box .navbar-nav { margin-top: 14px; } .hover-box .header-wrapper.sticky .navbar-nav { margin-top: 0; } .hover-box.header-center-menu .navbar-nav, .hover-border-box.header-center-menu .navbar-nav { margin-top: 14px; margin-bottom: 14px; } .hover-box .navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; } .hover-box .header-wrapper.sticky .navbar-nav>li>a { padding-top: 18px; padding-bottom: 18px; } .hover-box .navbar-nav>li.active>a, .hover-box .navbar-nav>li.active>a i, .hover-box .navbar-default .navbar-nav>.active>a, .hover-box .navbar-default .navbar-nav>.active>a:focus, .hover-box .navbar-default .navbar-nav>.active>a:hover, .hover-box .navbar-default .navbar-nav>li>a:focus, .hover-box .navbar-default .navbar-nav>li>a:hover, .hover-box .navbar-default .navbar-nav>li.active>a, .hover-box .navbar-default .navbar-nav>li.current-menu-ancestor>a, .hover-box .navbar-default .navbar-nav>li.current-menu-parent>a, .hover-box .navbar-default .navbar-nav>li.current-menu-item>a .hover-box .header-transparent .navbar-default .navbar-nav>.active>a, .hover-box .header-transparent .navbar-default .navbar-nav>.active>a:focus, .hover-box .header-transparent .navbar-default .navbar-nav>.active>a:hover, .hover-box .header-transparent .header-wrapper.sticky .navbar-nav>li>a:focus, .hover-box .header-transparent .header-wrapper.sticky .navbar-nav>li>a:hover, .hover-box .header-transparent .header-wrapper.sticky .navbar-nav>.active>a, .hover-box .header-transparent .header-wrapper.sticky .navbar-nav>.active>a:focus, .hover-box .header-transparent .header-wrapper.sticky .navbar-nav>.active>a:hover { color: #fff !important; background-color: #13A3DB; } /*.hover-box .navbar-nav>li:hover>a,*/ .hover-box.header-brand-color .navbar-default .navbar-nav>li>a:hover, .hover-box.header-brand-color .navbar-default .navbar-nav>li.current-menu-ancestor>a, .hover-box.header-brand-color .navbar-default .navbar-nav>li.current-menu-parent>a { color: #13A3DB !important; background: #fff !important; } .hover-box.header-center-menu .navbar-nav li .megamenu-wrapper { padding: 16px 0 0; } } /* ---------------------------------------------------------------- Hover Border Box Style -----------------------------------------------------------------*/ @media (min-width: 768px) { .hover-border-box .navbar-nav { margin-top: 14px; } .hover-box.header-center-menu .navbar-nav { margin-top: 14px; margin-bottom: 14px; } .hover-border-box .navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; } .hover-border-box .header-wrapper.sticky .navbar-nav>li>a { padding-top: 0; padding-bottom: 0; } .hover-border-box .navbar-default .navbar-nav>li>a { border: 1px solid transparent; } .hover-border-box .navbar-nav>li.active>a, .hover-border-box .navbar-default .navbar-nav>li>a:focus, .hover-border-box .navbar-default .navbar-nav>li>a:hover, .hover-border-box .navbar-default .navbar-nav>li.current-menu-ancestor>a, .hover-border-box .navbar-default .navbar-nav>li.current-menu-parent>a { color: #13A3DB !important; border: 1px solid #13A3DB; } .header-dark.hover-border-box .navbar-nav>li.active>a, .header-dark.hover-border-box .navbar-default .navbar-nav>li>a:focus, .header-dark.hover-border-box .navbar-default .navbar-nav>li>a:hover, .header-dark.hover-border-box .navbar-default .navbar-nav li.current-menu-ancestor>a, .header-dark.hover-border-box .navbar-default .navbar-nav li.current-menu-parent>a .header-brand-color.hover-border-box .navbar-nav>li.active>a, .header-brand-color.hover-border-box .navbar-default .navbar-nav>li>a:focus, .header-brand-color.hover-border-box .navbar-default .navbar-nav>li>a:hover, .header-brand-color.hover-border-box .navbar-default .navbar-nav li.current-menu-ancestor>a, .header-brand-color.hover-border-box .navbar-default .navbar-nav li.current-menu-parent>a .header-transparent.hover-border-box .navbar-nav>li.active>a, .header-transparent.hover-border-box .navbar-default .navbar-nav>li>a:focus, .header-transparent.hover-border-box .navbar-default .navbar-nav>li>a:hover, .header-transparent.hover-border-box .navbar-default .navbar-nav>li.current-menu-ancestor>a, .header-transparent.hover-border-box .navbar-default .navbar-nav>li.current-menu-parent>a, .header-semi-transparent.hover-border-box .navbar-nav>li.active>a, .header-semi-transparent.hover-border-box .navbar-default .navbar-nav>li>a:focus, .header-semi-transparent.hover-border-box .navbar-default .navbar-nav>li>a:hover, .header-semi-transparent.hover-border-box .navbar-default .navbar-nav>li.current-menu-ancestor>a, .header-semi-transparent.hover-border-box .navbar-default .navbar-nav>li.current-menu-parent>a { color: #fff!important; border: 1px solid #fff; } /*light background*/ .header-transparent.hover-border-box .header-wrapper.sticky .navbar-nav>li.active>a, .header-transparent.hover-border-box .header-wrapper.sticky .navbar-default .navbar-nav>li>a:focus, .header-transparent.hover-border-box .header-wrapper.sticky .navbar-default .navbar-nav>li>a:hover, .header-transparent.hover-border-box .header-wrapper.sticky .navbar-default .navbar-nav>li.current-menu-ancestor>a, .header-transparent.hover-border-box .header-wrapper.sticky .navbar-default .navbar-nav>li.current-menu-parent>a { color: #13A3DB!important; border: 1px solid #13A3DB; } } /* =-=-=-=-=-=-= NAVIGATION =-=-=-=-=-=-= */ .main-menu{ position: relative; } .header-transparent .header-wrapper.sticky .navbar-default, .header-wrapper .navbar-default{ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .header-transparent .header-wrapper .navbar-default{ box-shadow: none; } .navbar-header h1{ display: inline-block; font-size: 36px; margin: 0; line-height: 36px; } .navbar-brand { margin: 0; padding: 0; height: auto; } .navbar-brand a{ display: inline-block; } .has-header-topbar .navbar-brand img { margin: 0; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin-left: 0; } /* Default Navigation Style -----------------------------*/ .navbar-default .navbar-nav>li>a { color: #0c0c0c; font-size: 16px; line-height: 30px; font-weight: 400; -webkit-transform: translateZ(0); } @media(min-width:768px) { .navbar-nav>li>a{ padding: 15px 10px; } .hover-border-bottom .navbar .nav>li>a{ padding: 17px 5px; } } /* Navigation Style For Larg Devices --------------------------------------*/ @media(min-width:768px) { .navbar-nav { margin-top: 3px; } .navbar .nav>li { margin-left: 4px; } .navbar-default { padding: 17px 0; } .header-wrapper.sticky .navbar-default{ /* padding: 6px 0; */ } .hover-box .header-wrapper.sticky .navbar-default { padding: 0 0; } .has-header-topbar .navbar-default{ padding: 17px 0 13px 0; } .header-wrapper .navbar-brand img { /* width: 90% !important; height: auto !important; */ width: 200px !important; height: 48px !important; max-height: 60px !important; margin-top: -14px; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; transition: width 0.3s ease; } .header-wrapper.sticky .navbar-brand img{ /* width: 80%; height: auto; */ } .hover-border-bottom .header-wrapper .navbar-brand img { margin-top: 30px; } .hover-border-bottom .header-wrapper.sticky .navbar-brand img{ margin-top: 12px; } .has-header-topbar.hover-border-bottom .header-wrapper .navbar-brand img { margin-top: -3px; } .navbar-nav li.has-mega-menu{ position: static; } .navbar-nav ul{ position: static; display: block; border: 0; margin: 0; min-width: 200px; } /*hover-border-bottom*/ .hover-border-bottom .navbar-default, .hover-border-bottom .header-wrapper.sticky .navbar-default { padding: 0; } .hover-border-bottom .navbar .nav>li { margin-left: 8px; } .hover-border-bottom .navbar .nav>li>a { padding: 34px 10px; } .hover-border-bottom .header-wrapper.sticky .navbar .nav>li>a, .hover-border-bottom.has-header-topbar .navbar .nav>li>a, .hover-border-bottom.header-center-menu .navbar .nav>li>a { padding: 17px 10px; } .hover-border-bottom.has-header-topbar .navbar-header h1{ line-height: 66px; } .navbar-header h1{ line-height: 66px; } .header-transparent .navbar-default{ background-color: transparent; } .navbar-nav>li>.dropdown-menu { margin-top: 23px; } .sticky .navbar-nav>li>.dropdown-menu { margin-top: 13px; } .navbar-right .dropdown-menu { right: auto; left: 15px; } .sticky .navbar-right .dropdown-menu { left: 13px; } } /*Logo*/ .sticky-logo, .sticky-mobile-logo{ display: none; width: 210px !important; height: 50px !important ; } /*desktop*/ @media (min-width : 768px) { /*show sticky logo*/ .has-sticky-logo .header-wrapper.sticky .sticky-logo{ display: inline-block; width: 200px !important; height: 48px !important; max-height: 60px !important; margin-top: -14px; } } /*hide site logo when show sticky logo*/ .has-sticky-logo .header-wrapper.sticky .site-logo{ display: none; width: 210px !important; height: 50px !important; } .sticky-mobile-logo{ width: 210px !important; height: 50px !important; } /*mobile*/ @media (max-width : 767px) { /*show mobile sticky logo*/ .has-sticky-mobile-logo .header-wrapper.sticky .sticky-mobile-logo{ width: 210px; height: 50px; display: block; } /*hide mobile logo when show mobile sticky logo*/ .has-sticky-mobile-logo .header-wrapper.sticky .mobile-logo{ display: none !important; width: 210px !important; height: 50px !important; } } /* Navigation Style For Small/Mobile Devices ------------------------------------------*/ .navbar .nav li a i{ margin-right: 8px; } .navbar .nav li a.menu-heading { position: relative; cursor: default; color: #202020 !important; font-size: 13px !important; text-transform: uppercase; font-weight: 700; } .navbar .nav li a.menu-heading::before { display: none; } .navbar .nav li a.menu-heading:hover{ background-color: transparent !important; } .navbar-default { background-color: #fff; margin-bottom: 0; border-color: transparent; z-index: 998; border: 0; border-radius: 0; } /*Header dark*/ .header-dark .navbar-default { background-color: #0a0a0a; } .header-dark .navbar-default .navbar-nav>li>a{ color: #ffffff; } /*--------------------------------------- Header Brand Color -----------------------------------------*/ .header-brand-color .navbar-default { background-color: #13A3DB; } .header-brand-color .navbar-default .navbar-nav>li>a{ color: #fff; } .header-brand-color .navbar-default .navbar-nav>li>a:hover, .header-brand-color .navbar-default .navbar-nav>li.current-menu-ancestor>a, .header-brand-color .navbar-default .navbar-nav>li.current-menu-parent>a, .header-brand-color .navbar-default .navbar-nav>li.current-menu-item>a{ color: #fff !important; } /*------------------------------------ Header Semi Transparent --------------------------------------*/ .header-semi-transparent .navbar-default { background-color: rgba(10,10,10, .5); } @media(max-width: 767px){ .header-semi-transparent .navbar-default { background-color: #0a0a0a; } } .header-semi-transparent .header-wrapper.sticky .navbar-default { background-color: #0a0a0a; } .header-semi-transparent .navbar-default .navbar-nav>li>a{ color: #ffffff; } /*--------------------------------------------- Header center menu -----------------------------------------------*/ @media (min-width: 768px) { .header-center-menu .navbar-default { padding: 0; } .header-center-menu .navbar-header{ border-bottom: 1px solid #eee; padding: 15px 0 25px; } .header-center-menu .navbar-header, .header-center-menu .navbar-header .navbar-brand{ float:none; text-align: center; } .header-center-menu .main-menu{ text-align: center; } .header-center-menu .navbar-nav{ float: none; } .header-center-menu .navbar-nav>li{ float: none; display: inline-block; } .header-center-menu .header-wrapper.sticky .navbar-header, .header-center-menu .header-wrapper.sticky .navbar-header .navbar-brand, .header-center-menu .header-wrapper.sticky .navbar-nav>li{ float:left; } .header-center-menu .header-wrapper.sticky .navbar-nav{ float: right; } .header-center-menu .header-wrapper.sticky .navbar-header{ border-bottom: 0; padding: 0; } } /*Header bottom menu*/ @media(min-width: 768px){ .home.header-bottom-menu .header-wrapper.navbar-bottom-fixed{ position: absolute; bottom: 0; top: auto; width: 100%; z-index: 100000; } .home.header-bottom-menu .header-wrapper:not(.sticky) .navbar-nav li .dropdown-wrapper{ position: absolute; bottom: 40px; top: auto; padding-bottom: 22px; padding-top: 0; } .home.header-bottom-menu .header-wrapper:not(.sticky) .navbar-nav > li:hover > .dropdown-wrapper { bottom: 48px; } .home.header-bottom-menu.hover-border-bottom .header-wrapper:not(.sticky) .navbar-nav > li:hover > .dropdown-wrapper { bottom: 80px; } .home.header-bottom-menu .header-wrapper:not(.sticky) .navbar-nav li > .dropdown-wrapper li > .dropdown-wrapper{ bottom: 0; padding-bottom: 0; } .home.header-bottom-menu .header-wrapper:not(.sticky) .navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper { position: static; padding: 0; } .home.header-bottom-menu .navbar-nav li .megamenu-wrapper{ bottom: 0px; top: auto; bottom: -15px; top: auto; padding: 0 0 22px; } } .header-bottom-menu .header-wrapper.navbar-bottom-fixed.sticky{ position: fixed; top: 0; bottom: auto; width: 100%; z-index: 100000; } /*Header floating menu*/ .header-floating-menu .header-wrapper.navbar-fixed-top{ position: absolute; top: 50px; } .header-floating-menu .header-floating-wrapper{ background-color: #fff; border-radius: 3px; } .header-floating-menu .header-floating-wrapper .container{ width: inherit; } .header-floating-menu .header-wrapper.navbar-fixed-top.sticky { top: 30px; } .header-wrapper.navbar-fixed-top{ position: static; top: 0; } .header-semi-transparent .header-wrapper.navbar-fixed-top, .header-transparent .header-wrapper.navbar-fixed-top{ position: absolute; } .header-wrapper.navbar-fixed-top.sticky{ position: fixed; } .admin-bar .header-wrapper{ top: 32px; } @media(max-width : 782px) { .admin-bar .navbar-fixed-top{ top: 45px; } } @media(max-width : 600px) { .admin-bar .navbar-fixed-top.sticky{ top: 0; } } .header-transparent .header-wrapper.sticky .navbar-default{ background-color: #fff; } @media (min-width: 768px) { .header-transparent .navbar-default .navbar-nav>li>a { color: #fff; } .header-transparent .header-wrapper.sticky .navbar-nav>li>a{ color: #202020; } } @media (max-width: 767px) { .header-transparent .top-bar .social-top a i{ color: #202020; } } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #027ABB; background-color: transparent; } /* =-=-=-=-=-=-= DROPDOWN MENU =-=-=-=-=-=-= */ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #027ABB; background-color: transparent; } .navbar-nav>li:hover > .dropdown-wrapper > ul{ display: block; } .navbar-nav>li .dropdown-menu { border-radius: 0; padding: 0; } .dropdown-menu>li>a { width: 100%; padding: 10px 20px; font-size: 16px; line-height: 24px; color: #2c2c2c; text-decoration: none; display: inline-block; position: relative; outline: 0; border-top: 1px solid rgba(0, 0, 0, 0.03) !important; } .dropdown-menu>li>a.menu-heading { border-top: 0!important; } .dropdown-menu li a:hover{ background-color: #fafafa !important; } .dropdown>li>a::before { display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #027ABB; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .dropdown li:hover >a::before { width: 100%; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #027ABB; background-color: #fafafa !important; } .navbar-default .navbar-nav li.current-menu-ancestor>a, .navbar-default .navbar-nav li.current-menu-parent>a, .navbar-default .navbar-nav li.current-menu-item>a{ color: #027ABB !important; } @media screen and (max-width: 767px) { .header-brand-color .navbar-default .navbar-nav li.current-menu-ancestor>a, .header-brand-color .navbar-default .navbar-nav li.current-menu-parent>a, .header-brand-color .navbar-default .navbar-nav li.current-menu-item>a{ color: #fff !important; font-weight: 700; } } .navbar-default .navbar-nav li.current-menu-ancestor>a.menu-heading, .navbar-default .navbar-nav li.current-menu-parent>a.menu-heading, .navbar-default .navbar-nav li.current-menu-item>a.menu-heading { color: #202020 !important; } .navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a, .navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a{ color: #202020; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a:hover, .navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a:hover { color: #027ABB; } .navbar-nav li .dropdown-wrapper { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 40px; padding-top: 9px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; z-index: 999; } .header-wrapper.sticky .navbar-nav > li > .dropdown-wrapper{ /* padding-top: 15px; */ } /*hover-border-bottom*/ .hover-border-bottom .navbar-nav li .dropdown-wrapper { padding-top: 31px; } .hover-border-bottom .header-wrapper.sticky .navbar-nav li .dropdown-wrapper, .hover-border-bottom .header-wrapper.sticky .navbar-nav li .megamenu-wrapper { padding-top: 14px; } .has-header-topbar.hover-border-bottom .navbar-nav li .dropdown-wrapper { padding-top: 10px; } @media(min-width: 768px){ .header-dark.hover-border-bottom .navbar-default .navbar-nav>li>a:focus, .header-dark.hover-border-bottom .navbar-default .navbar-nav>li>a:hover, .header-dark.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-ancestor>a, .header-dark.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-parent>a, .header-dark.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-item>a, .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li>a:focus, .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li>a:hover, .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-ancestor>a, .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-parent>a, .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-item>a .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li>a:focus, .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li>a:hover, .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-ancestor>a, .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-parent>a, .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-item>a { color: #fff !important; } } .header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li a:focus, .header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li a:hover, .header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li.current-menu-ancestor>a, .header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li.current-menu-parent>a, .header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li.current-menu-item>a { color: #027ABB !important; } /*hover-box*/ .hover-box .navbar-nav li .dropdown-wrapper, .hover-border-box .navbar-nav li .dropdown-wrapper, .hover-border-box .header-wrapper.sticky .navbar-nav > li > .dropdown-wrapper { padding-top: 28px; } .hover-box.has-header-topbar .navbar-nav > li > .dropdown-wrapper, .hover-border-box.has-header-topbar .navbar-nav > li > .dropdown-wrapper { padding-top: 15px; } .hover-box .header-wrapper.sticky .navbar-nav > li > .dropdown-wrapper, .hover-border-box.header-center-menu .navbar-nav > li > .dropdown-wrapper { padding-top: 17px; } .hover-box.header-center-menu .navbar-nav > li > .dropdown-wrapper { padding-top: 16px; } /*default nav*/ .navbar-nav > li:hover > .dropdown-wrapper, .has-header-topbar.hover-border-bottom .navbar-nav > li:hover > .dropdown-wrapper, .has-header-topbar.header-center-menu.hover-border-bottom .navbar-nav > li:hover > .dropdown-wrapper, .has-header-topbar.hover-border-bottom.header-center-menu .navbar-nav li:hover > .megamenu-wrapper { top: 57px; } .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper, .has-header-topbar .navbar-nav > li:hover > .dropdown-wrapper, .has-header-topbar .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper { top: 53px; } /*hover border bottom nav*/ .hover-border-bottom .navbar-nav > li:hover > .dropdown-wrapper { top: 70px; } .has-header-topbar.hover-border-bottom.header-center-menu .sticky .navbar-nav li:hover > .megamenu-wrapper { top: 56px; } /*hover box/border box*/ .hover-box .navbar-nav > li:hover > .dropdown-wrapper, .hover-border-box .navbar-nav > li:hover > .dropdown-wrapper, .hover-border-box.has-header-topbar .navbar-nav > li:hover > .dropdown-wrapper, .hover-box.has-header-topbar .navbar-nav > li:hover > .dropdown-wrapper, .hover-box.has-header-topbar .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper { top: 41px; } .hover-box .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper{ top: 48px; } .hover-border-box .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper { top: 28px; } /*header-center-menu*/ .header-center-menu .navbar-nav > li:hover > .dropdown-wrapper, .header-center-menu .navbar-nav li:hover > .megamenu-wrapper, .has-header-topbar.header-center-menu .navbar-nav > li:hover > .dropdown-wrapper, .has-header-topbar.header-center-menu .navbar-nav li:hover > .megamenu-wrapper, .header-center-menu.hover-border-box .navbar-nav > li:hover > .dropdown-wrapper { top: 38px; } .header-center-menu.hover-border-bottom .navbar-nav > li:hover > .dropdown-wrapper { top: 36px; } .header-center-menu.hover-border-bottom .navbar-nav li:hover > .megamenu-wrapper { top: 37px; } .header-center-menu.hover-border-bottom .sticky .navbar-nav > li:hover > .dropdown-wrapper { top: 53px; } .navbar-nav li .dropdown-wrapper span{ position: absolute; top: 13px; right: 10px; font-size: 15px; } /* =-=-=-=-=-=-= 2ND LAVEL MENU =-=-=-=-=-=-= */ .navbar-nav li > .dropdown-wrapper li > .dropdown-wrapper{ left: 100%; margin-left: 10px; top: 0; padding: 0 0 0 5px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .navbar-nav li > .dropdown-wrapper li.dropdown-inverse .dropdown-wrapper{ left: auto; right: 100%; margin-right: 10px; margin-left: 0; padding: 0 5px 0 0; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .navbar-nav li > .dropdown-wrapper li.dropdown-inverse:hover .dropdown-wrapper{ margin-right: -5px; } .navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper{ margin-left: -5px; } .navbar-nav > li:hover > .dropdown-wrapper, .navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper{ visibility: visible; opacity: 1; } /* =-=-=-=-=-=-= MEGA MENU STYLE =-=-=-=-=-=-= */ .navbar-nav li .megamenu-wrapper{ position: absolute; top: 50px; left: auto; right: 0; visibility: hidden; opacity: 0; padding: 22px 0 0; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .header-wrapper.sticky .navbar-nav li .megamenu-wrapper{ padding-top: 15px; } /*hover-border-bottom*/ .hover-border-bottom .navbar-nav li .megamenu-wrapper { padding: 30px 0 0; } .has-header-topbar.hover-border-bottom .navbar-nav li .megamenu-wrapper { padding: 10px 0 0; } /*hover-border-box*/ .hover-border-box.header-center-menu .navbar-nav li .megamenu-wrapper { padding: 17px 0 0; } .hover-border-box .header-wrapper.sticky .navbar-nav li .megamenu-wrapper { padding-top: 24px; } .hover-border-box .navbar-nav li .megamenu-wrapper { padding: 28px 0 0; } .navbar-nav li:hover > .megamenu-wrapper, .has-header-topbar.hover-border-bottom .navbar-nav li:hover > .megamenu-wrapper { top: 60px; } .header-wrapper.sticky .navbar-nav li:hover > .megamenu-wrapper, .has-header-topbar .navbar-nav li:hover > .megamenu-wrapper, .has-header-topbar.header-wrapper.sticky .navbar-nav li:hover > .megamenu-wrapper { top: 51px; } /*hover-border-bottom*/ .hover-border-bottom .navbar-nav li:hover > .megamenu-wrapper { top: 74px; } /*hover-border-box*/ .hover-border-box .navbar-nav li:hover > .megamenu-wrapper { top: 54px; } .hover-border-box.has-header-topbar .navbar-nav li:hover > .megamenu-wrapper { top: 50px; } .hover-border-box .header-wrapper.sticky .navbar-nav li:hover > .megamenu-wrapper { top: 46px; } .hover-border-box.header-center-menu .navbar-nav li:hover > .megamenu-wrapper { top: 38px; } .navbar-nav li:hover > .megamenu-wrapper, .navbar-nav li:hover > .megamenu-wrapper .dropdown-wrapper{ visibility: visible; opacity: 1; } .navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper{ position: static; padding: 0; } .navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul{ display: block; width: 100%; min-width: 100%; margin: 0; padding: 0; border: 0; box-shadow: none; } .navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul li{ border: 0; } .navbar-nav li.has-mega-menu li.has-mega-menu-child .dropdown-wrapper ul li:last-child a{ border-bottom: 0; } .megamenu-wrapper .dropdown-megamenu{ width: 100%; padding: 20px 20px 10px !important; } .megamenu-wrapper .menu-col-1 > li{ width: 100%; } .megamenu-wrapper .menu-col-2 > li{ width: 48%; float: left; margin-left: 5px; margin-right: 5px; } .megamenu-wrapper .menu-col-3 > li{ width: 31%; float: left; margin-left: 5px; margin-right: 5px; } .megamenu-wrapper .menu-col-4 > li{ width: 24%; float: left; margin-left: 5px; margin-right: 5px; } @media (min-width : 768px) and (max-width : 991px) { .megamenu-wrapper .menu-col-4 > li{ width: 23%; } .megamenu-wrapper ul li a{ padding: 10px; } } .navbar-default.sticky .dropdown-wrapper{ top: 40px; padding-top: 23px; } .navbar-default.sticky .megamenu-wrapper{ top: 35px; padding-top: 28px; } .navbar-default.sticky .navbar-nav li:hover > .megamenu-wrapper{ top: 25px; } @media (min-width : 992px) and (max-width : 1199px) { .navbar-nav li .megamenu-wrapper, .navbar-nav li .dropdown-wrapper{ padding-top: 10px; } } @media (min-width : 768px) and (max-width : 991px) { #nav-rep { margin: 11px 0 0 10px; padding: 7px 14px; display: inline-block; font-size: 14px; } .navbar-default { padding: 10px 0; } .navbar .nav>li{ padding: 0; } .navbar-default.sticky .navbar-nav>li>a { padding: 20px 12px; } .navbar-nav li .dropdown-wrapper, .navbar-nav li .megamenu-wrapper{ padding-top: 8px; } .main-menu button{ font-weight: 700; font-size: 14px; padding: 2px 10px; } } /* =-=-=-=-=-=-= MOBILE MENU STYLE =-=-=-=-=-=-= */ @media(max-width : 767px) { .navbar-nav li a { padding-top: 7px; padding-bottom: 7px; color: #202020; } .header-dark .navbar-nav li a, .header-brand-color .navbar-nav li a, .header-semi-transparent .navbar-nav li a { color: #fff; } .navbar .nav>li{ padding: 0; } .navbar-nav li{ list-style: none; } .navbar-default ul ul{ padding-left: 20px !important; } .navbar-default .navbar-nav li a { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .header-dark .navbar-default .navbar-nav li a, .header-brand-color .navbar-default .navbar-nav li a, .header-semi-transparent .navbar-default .navbar-nav li a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{ background-color: transparent; color: #13A3DB; } .navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a, .navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a{ color: #ffffff; } .navbar-nav li .dropdown-wrapper, .navbar-nav li .sub-dropdown-wrapper{ position: static; padding: 0; margin: 0; } .navbar-nav>li:hover > .dropdown-wrapper > ul{ display: none; } .navbar-nav>li.open > .dropdown-wrapper > ul{ display: block; } .navbar-brand { padding: 5px 15px; margin: 0; } /*mobile menu dropdown trigger*/ .dropdown-menu-trigger{ position: absolute; right: 0; top: 0; background-color: transparent; color: #616161; border: 0; text-align: center; width: 60px; height: 45px; font-size: 20px; line-height: 43px; border-left: 1px solid rgba(0, 0, 0, 0.05); } .header-brand-color .dropdown-menu-trigger.menu-collapsed, .header-brand-color .dropdown-menu-trigger, .header-dark .dropdown-menu-trigger, .header-semi-transparent .dropdown-menu-trigger { color: #fff; } .header-dark .dropdown-menu-trigger, .header-brand-color .dropdown-menu-trigger, .header-semi-transparent .dropdown-menu-trigger { border-left: 1px solid rgba(255, 255, 255, 0.2); } .dropdown-menu-trigger:focus { background-color: transparent; } .dropdown-menu-trigger.menu-collapsed { color: #13A3DB; } .dropdown-menu-trigger i:last-child{ display: none; } .dropdown-menu-trigger.menu-collapsed i:first-child{ display: none; } .dropdown-menu-trigger.menu-collapsed i:last-child{ display: block; } .has-mega-menu .has-mega-menu-child .collapse{ display: block; padding: 0; } .has-mega-menu .has-mega-menu-child .dropdown-menu-trigger{ display: none; } .mobile-menu.navbar-collapse{ max-height: 380px; } } .navbar-toggle { border-radius: 0; margin-top: 14px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .navbar-default .navbar-toggle .icon-bar { background-color: #4e4e4e; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .header-dark .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #13A3DB; border-color: #13A3DB; } .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #ffffff; } /* =-=-=-=-=-=-= FOOTER MENU =-=-=-=-=-=-= */ .footer-menu ul{ margin: 0; padding: 0; list-style: none; } .footer-nav>li{ display: inline-block; } .footer-nav>li{ margin-right: 20px; } .footer-nav>li:last-child{ margin-right: 0; } .footer-menu ul li a{ display: block; font-size: 16px; color: #ffffff; } .footer-menu ul li a:hover{ color: #024562; } .footer-menu .current_page_item a{color: #024562 !important;} /*footer dropdown*/ .footer-nav ul.sub-menu{ display: none; position: absolute; bottom: 25px; left: 0; width: 190px; background-color: #ffffff; padding: 10px; } .footer-nav ul.sub-menu li a{ color: #202020; } .footer-nav ul.sub-menu li a:hover{ color: #13A3DB; } .footer-nav>li>ul.sub-menu>li ul.sub-menu{ left: 170px; bottom: 0; } .footer-nav>li>ul ul{ display: none; } .footer-nav li{ position: relative; } .footer-nav>li > ul.sub-menu li:hover > ul.sub-menu, .footer-nav > li:hover>ul.sub-menu{ display: block; } @media screen and (max-width: 580px) { .footer-menu ul { text-align: center; } .footer-menu ul li { float: none; display: inline-block; } } /* =-=-=-=-=-=-= topbar MENU =-=-=-=-=-=-= */ .topbar-menu ul{ margin: 0; padding: 0; list-style: none; z-index: 999 !important; position: relative; } .topbar-menu i { padding-right: 10px; -webkit-animation: TopToBottom 0.3s forwards; -moz-animation: TopToBottom 0.3s forwards; animation: TopToBottom 0.3s forwards; } .topbar-menu i:hover { -webkit-animation: TopToBottom 0.3s forwards; -moz-animation: TopToBottom 0.3s forwards; animation: TopToBottom 0.3s forwards; } .topbar-nav>li{ display: inline-block; } .topbar-nav>li{ margin-right: 20px; } .topbar-nav>li:last-child{ margin-right: 0; } .topbar-menu ul li a{ display: block; font-size: 14px; float: right; padding-right: 0; color: #ffffff; background-color: #13A3DB !important; } .topbar-menu ul li a:hover{ color: #ffffff; } .topbar-menu .nav li a:focus, .topbar-menu .nav li a:hover {background-color: #13A3DB !important; color: #02456 !important; } /*topbar dropdown*/ .topbar-nav ul.sub-menu{ display: none; position: absolute; bottom: 0px; left: 0; width: 100px !important; padding: 8px; z-index: 997 !important; } .topbar-nav ul.sub-menu li a{ color: #202020; background-color: #13A3DB !important; } .topbar-nav ul.sub-menu li a:hover{ color: #13A3DB; } .topbar-nav>li>ul.sub-menu>li ul.sub-menu{ left: 170px; bottom: 0; background-color: #13A3DB !important; } .topbar-nav>li>ul ul{ display: none; } .topbar-nav li{ position: relative; } .topbar-nav>li > ul.sub-menu li:hover > ul.sub-menu, .topbar-nav > li:hover>ul.sub-menu{ display: block; background-color:#13A3DB !important; } .topbar-menu .dropdown-wrapper{ top: 28px !important; left: 0px !important; z-index: 997 !important; } @media screen and (max-width: 580px) { .topbar-menu ul { text-align: center; } .topbar-menu ul li { float: none; display: inline-block; } } /* ================= SEARCH STYLE ==================== */ @media (min-width: 768px) { .has-header-search .navbar-nav{ margin-right: 30px; } } .search-wrapper{ position: relative; } .search-trigger { position: absolute; right: 0; top: -17px; cursor: pointer; z-index: 200 } .hover-border-bottom .search-trigger, .header-center-menu .search-trigger { top: 0; } .search-trigger:focus { outline: none } .search-trigger i { font-size: 18px; line-height: 100px; color: #202020; position: absolute; top: 0; left: 0; right: 0; text-align: center; margin: 0px auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .header-center-menu .search-trigger i { line-height: 65px; } .hover-border-bottom .search-trigger i { line-height: 106px; } .hover-border-bottom .sticky .search-trigger i, .hover-border-bottom.has-header-topbar .search-trigger i { line-height: 74px; } .search-trigger i:hover, .header-transparent .sticky .search-trigger i:hover { color: #13A3DB; } .header-dark .search-trigger i, .header-transparent .search-trigger i, .header-semi-transparent .search-trigger i, .header-brand-color .search-trigger i, .header-transparent .search-trigger i:hover, .header-brand-color .search-trigger i:hover { color: #fff; } .header-transparent .sticky .search-trigger i { color: #202020; } @media (min-width: 769px) { .search-trigger.light i { color: #fff; } .search-trigger.dark i { color: #202020; } .sticky .search-trigger.light i { color: #999; } .sticky .search-trigger.light.semidark i { color: #fff; } } .tt-nav.sticky .search-trigger i.material-icons { line-height: 62px; } .search-trigger .search-btn { padding: 0; outline: 0; width: 40px; height: 40px; margin-top: 30px; border-radius: 50%; box-sizing: border-box; transform-origin: 50%; -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); } .search-trigger .search-btn:active, .search-trigger .search-btn:focus { outline: none } .search-trigger .icon-search, .search-trigger .search-close { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .icon-search { position: absolute; top: 18px; left: 20px; font-size: 28px } .search-close { position: fixed; top: 35px; right: 35px; color: rgba(255, 255, 255, 0.9); font-size: 30px; visibility: hidden; -webkit-transform: translate(10px, 0) rotate(90deg); -moz-transform: translate(10px, 0) rotate(90deg); -ms-transform: translate(10px, 0) rotate(90deg); -o-transform: translate(10px, 0) rotate(90deg); transform: translate(10px, 0) rotate(90deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1001; cursor: pointer } .search-close:hover { color: #fff; } .search-form-wrapper{ position: relative; } .search-form-wrapper .search-button{ position: absolute; top: 30px; right: 0; width: 40px; height: 40px; font-size: 14px; text-align: center; line-height: 40px; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .search-form-wrapper .search-button i.material-icons { font-size: 20px; } .search-form-wrapper .input-field input[type=text], .search-form-wrapper .input-field input[type=search] { color: #fff; font-size: 17px !important; padding: 5px 0; top: -10px; margin: 0; } .search-form-wrapper .input-field label { font-size: 14px; font-weight: 400; } .search-form-wrapper .input-field label.active { font-size: 12px; } .search-form-wrapper form{ position: absolute; top: 150px; left: 0; right: 0; bottom: 0; display: block; pointer-events: none; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; visibility: hidden; -webkit-transform: translate(40px, 0); -moz-transform: translate(40px, 0); -ms-transform: translate(40px, 0); -o-transform: translate(40px, 0); transform: translate(40px, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1000; } .active-search { overflow: hidden; } .active-search .search-form-wrapper form, .active-search .search-close { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; visibility: visible; pointer-events: all; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .active-search .search-trigger .icon-search { -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; visibility: hidden } .active-search .search-trigger .search-btn { position: relative; cursor: default; z-index: 300; background-color: rgba(3, 169, 244, 0.9); -webkit-transform: scale(90); -moz-transform: scale(90); -ms-transform: scale(90); -o-transform: scale(90); transform: scale(90); } @media screen and (max-width: 767px) { .header-brand-color .navbar-default .navbar-toggle, .header-semi-transparent .navbar-default .navbar-toggle { border-color: #fff; } .header-semi-transparent .navbar-default .navbar-toggle:hover, .header-semi-transparent .navbar-default .navbar-toggle:focus { border-color: transparent; } .header-brand-color .navbar-toggle .icon-bar, .header-semi-transparent .navbar-toggle .icon-bar { background-color: #fff; } .search-trigger { right: 50px; top: 0; } .search-trigger i, .sticky .search-trigger i { line-height: 60px; } .hover-border-bottom .search-trigger i, .hover-border-bottom .sticky .search-trigger i { line-height: 65px; } .header-transparent .search-trigger i, .header-transparent .search-trigger i:hover { color: #202020; } .search-trigger .search-btn { margin-top: 6px; } .header-center-menu .search-trigger { top: -42px; } .header-center-menu .search-trigger i { line-height: 20px; } } .home.header-bottom-menu .search-form-wrapper form{ position: fixed; left: 15px; right: 15px; } @media(min-width: 768px){ .home.header-bottom-menu .search-form-wrapper form{ left: 150px; right: 150px; } } /* =-=-=-=-=-=-= SLIDER SECTION =-=-=-=-=-=-= */ .slider-wrapper{ margin-bottom: 120px; } .trendy-slider { overflow: hidden; position: relative; } .trendy-slider img{ width: 100%; background-size: cover; } .carousel-fade .carousel-inner .item { max-height: 700px; opacity:.8; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity } .carousel-fade .carousel-inner .active { opacity: 1 } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1 } .carousel-fade .carousel-inner .item:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); } .carousel-fade .carousel-control { z-index: 20 } /* Caption style ------------------------------------------- */ .trendy-slider .carousel-caption { position: absolute; top: 50%; margin-top: -165px; left: 0; right: 0; text-align: center; text-transform: uppercase; z-index: 15; color: #fff; bottom: inherit; } .trendy-slider .slides-container > li:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); } /* Next and previous control button style ------------------------------------------- */ /*control button style one*/ .slides-navigation a{ width: 50px; height: 50px; line-height: 46px; font-size: 40px; top: 50%; text-align: center; margin-top: -25px; border-radius: 50%; color: #000; background-color: #ddd; background-image: none; text-shadow: none; opacity: 0; visibility: hidden; } .tt-home-slider:hover .slides-navigation a { opacity: 1; visibility: visible; } .tt-home-slider .slides-navigation a:hover { background-color: #13A3DB; color: #fff; } .tt-home-slider .slides-navigation a.prev { left: 30px; } .tt-home-slider .slides-navigation a.next{ right: 30px; } /* Text animation delay for first slider ------------------------------------------- */ .delay-1 { -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; animation-delay: 300ms; } .delay-2 { -webkit-animation-delay: 600ms; -moz-animation-delay: 600ms; animation-delay: 600ms; } .delay-3 { -webkit-animation-delay: 1200ms; -moz-animation-delay: 1200ms; animation-delay: 1200ms; } .delay-4 { -webkit-animation-delay: 1500ms; -moz-animation-delay: 1500ms; animation-delay: 1500ms; } /* =-=-=-=-=-=-= SLIDER AND HERO UNIT STYLE =-=-=-=-=-=-= */ .slider-caption { position: absolute; top: 50%; width: 100%; left: 0; text-transform: uppercase; z-index: 15; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .hero-block-caption h2, .slider-caption h2{ color:#FFFFFF; font-size: 75px; line-height: 80px; font-weight: 300; text-transform: uppercase; letter-spacing: -5px; margin-bottom: 40px; font-family: 'Open Sans', sans-serif; } .hero-block-caption h2 strong, .slider-caption h2 span, .slider-caption h2 strong{ font-weight: 900; } .hero-block-caption h3, .slider-caption h3{ color:#FFFFFF; font-size: 25px; text-transform: uppercase; margin-bottom: 70px; font-family: 'Open Sans', sans-serif; } .hero-block-caption .btn{ font-size: 20px; font-weight: 300; color: #fff; border-color: #fff; border-radius: 30px; padding: 20px 58px; } .hero-block-caption .btn:hover{ background: #fff; border-color: transparent; color: #13A3DB; } .home-section .intro h2, .tt-text-rotator h2 { font-weight: 300; color: #fff; font-size: 75px; line-height: 80px; text-transform: uppercase; letter-spacing: -5px; margin-bottom: 40px; } .bold-font, .tt-text-rotator h2 { font-weight: 800; } .home-section .intro h3, .intro-sub h3 { color: #fff; font-size: 25px; text-transform: uppercase; margin-bottom: 70px; } .intro .btn { padding: 20px 58px; font-size: 20px; line-height: 18px; font-weight: 300; color: #fff; text-transform: uppercase; border-color: #fff; border-radius: 30px; } .intro .btn:hover { background: #fff; border-color: transparent; color: #13A3DB; } @media (max-width : 767px) { .hero-block-caption h2, .slider-caption h2, .home-section .intro h2, .tt-text-rotator h2 { font-size: 22px; line-height: 35px; letter-spacing: 0; margin-bottom: 0; } .hero-block-caption h3, .slider-caption h3, .home-section .intro h3, .intro-sub h3{ font-size: 10px; margin-bottom: 15px; } .hero-block-caption .btn, .slider-caption .btn, .intro .btn { font-size: 14px; padding: 10px 30px; } } @media only screen and (min-width : 480px) and (max-width : 767px) { .hero-block-caption h2, .slider-caption h2, .home-section .intro h2, .tt-text-rotator h2{ font-size: 33px; line-height: 56px; } .hero-block-caption h3, .slider-caption h3, .home-section .intro h3, .intro-sub h3{ font-size: 14px; margin-bottom: 25px; } } /* Intro Block ------------------------------------------- */ .intro-block { width: 100%; min-height: 300px; position: relative; overflow: hidden; color: #fff; } .intro-content { position: absolute; top: 50%; width: 100%; left: 0; padding: 0 50px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .intro-block:hover .intro-content { -webkit-transform: translate(0%, -65%); -moz-transform: translate(0%, -65%); -ms-transform: translate(0%, -65%); -o-transform: translate(0%, -65%); transform: translate(0%, -65%); } .intro-block h2 { color: #fff; } .intro-block p { line-height: 24px; margin: 0; } .intro-block a.learn-more{ position: absolute; color: #13A3DB; background-color: rgba(255, 255, 255, 0.9); width: 100%; left: 0; bottom: -50px; padding: 10px 20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .intro-block:hover a.learn-more{ bottom: 0; opacity: 1; visibility: visible; } .intro-block a.learn-more:hover{ background: #fff; } .intro-block a.learn-more i { margin-left: 15px; } @media (min-width : 992px) and (max-width : 1199px) { .intro-content { padding: 0 30px; } } @media (max-width : 991px) { .intro-block { border-bottom: 1px solid #f1f1f1; } } @media (max-width: 650px) { .intro-block { border-bottom: 0; } } /* =-=-=-=-=-=-= PAGE HEADER STYLE =-=-=-=-=-=-= */ .page-title { display: none; /* position: relative; padding: 46px 0; background-color: #f5f5f5; margin-bottom: 100px; background-repeat: no-repeat; background-size: cover; background-position: center center; */ } .header-transparent .page-title{ padding: 180px 0 120px; } .header-semi-transparent .page-title{ padding: 220px 0 80px; } .title-overlay-color{ content: ""; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .page-title .container { position: relative; } .page-title h2{ font-size: 20px; line-height: 30px; text-transform: capitalize; margin: 0; word-break: break-word; -ms-word-break: break-word; } .breadcrumb>li+li:before{ padding: 0 0; } /*Page Sub-title*/ .page-title span { font-weight: 400; display: inline-block; font-size: 16px; text-transform: capitalize; } .page-title.overlay-enable h2, .page-title.overlay-enable span, .page-title.overlay-enable .breadcrumb li a, .page-title.overlay-enable .breadcrumb li.active{ color: #ffffff; } .blog .page-title, .single-post .page-title, .single-tt-service .page-title, .single-tt-joblist .page-title{ text-align: center; } .blog .page-title .breadcrumb, .single-post .page-title .breadcrumb, .single-tt-service .page-title .breadcrumb, .single-tt-joblist .page-title .breadcrumb{ position: static; } .blog .page-title h2, .single-post .page-title h2, .single-tt-joblist .page-title h2, .single-tt-service .page-title h2, .single-tt-portfolio .page-title h2{ margin-bottom: 20px; font-size: 30px; font-weight: 700; } .header-section-hide .vc-page-contents, .header-section-hide .page-wrapper, .header-section-hide .blog-wrapper, .header-section-hide .materialize-shop{ padding-top: 100px; } .header-section-hide .login-wrapper{ margin-top: 100px; } /* Breadcrumb ------------------------------------------- */ .page-title .breadcrumb { position: absolute; background-color: transparent; width: auto; top: 50%; left: auto; right: 30px ; margin: -10px 0 0 0; padding: 0; } .page-title .breadcrumb li { letter-spacing: 1px; color: inherit; } .page-title .breadcrumb li a{ color: inherit; } /* Page Title Center ------------------------------------------- */ .page-title.text-center { text-align: center; } .page-title.text-center .breadcrumb { position: relative; top: 0; left: 0; right: 0; margin: 20px 0 0 0; } /* Page Title Left ------------------------------------------- */ .page-title.text-left { text-align: left; } .page-title.text-left .breadcrumb { position: relative; top: 0; left: 0; right: auto; margin: 20px 0 0 0; } /* Page Title Right ------------------------------------------- */ .page-title.text-right { text-align: right; } .page-title.text-right .breadcrumb { position: relative; top: 0; left: auto; right: 0; margin: 20px 0 0 0; } /* Page Title(only title) Right ------------------------------------------- */ .page-title.title-right { text-align: right; } .page-title.title-right .breadcrumb { left: 0; right: auto; } @media (max-width: 767px) { .page-title, .page-title.page-title-right { text-align: center; } .page-title .breadcrumb { left: 0 !important; right: 0 !important; top: 0 !important; margin: 10px 0 0 !important; position: relative !important; } } /* =-=-=-=-=-=-= PORTFOLIO STYLE =-=-=-=-=-=-= */ .tax-tt-portfolio-cat .portfolio-container{ padding: 0 0 100px; } .tax-tt-portfolio-cat .pagination{ margin-top: 0; } /* Portfolio Filter -------------------------------------------------------*/ .portfolio-filter { margin:0 0 50px; padding: 0; list-style: none; } .portfolio-filter li { display: inline-block; color: #202020; background-color: #eee; padding: 7px 22px; margin: 4px; border-radius: 2px; text-transform: capitalize; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .portfolio-filter li:hover, .portfolio-filter li.active { color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } /*Preset Color*/ .brand-filter li:hover, .brand-filter li.active { background-color: #13A3DB; } ul.portfolio-filter.default-color li.active { background-color: #13A3DB; } ul.portfolio-filter.dark-color li.active { background-color: #1B2E3F; } ul.portfolio-filter.default-color li.active, ul.portfolio-filter.dark-color li.active { color: #fff; } /* filter-transparent ------------------------------------------- */ ul.portfolio-filter.filter-transparent li { color: #a9a8a8; background-color: transparent; } ul.portfolio-filter.filter-transparent li.active { background-color: transparent; } /*filter-square*/ ul.portfolio-filter.filter-square li{ border-radius: 0; } /*filter-round*/ ul.portfolio-filter.filter-round li{ border-radius: 20px; } /*filter-rounded*/ ul.portfolio-filter.filter-rounded li{ border-radius: 2px; } /*filter-outline*/ ul.portfolio-filter.filter-outline li{ border: 1px solid #ccc; background-color: transparent; } ul.portfolio-filter.filter-outline li.active { border: 1px solid transparent; } /* Portfolio CSS Start ------------------------------------------- */ .portfolio-wrapper{ margin-bottom: 30px; } .no-padding .portfolio-wrapper{ margin-bottom: 0; } .portfolio{ position: relative; overflow: hidden; margin-bottom: 30px; } .portfolio img{ width: 100%; } .no-padding .portfolio { margin-bottom: 0; } .portfolio .zilla-likes-count{ display: none; } .portfolio-item { float: left; } .portfolio-item .thumb { position: relative; overflow: hidden; } .portfolio-item .thumb img{ width: 100%; height: auto; display: block; } /* Default Portfolio Hover -----------------------------------------------------------------*/ .portfolio-wrapper .bg-overlay { position: absolute; bottom: -200px; right: -200px; width: 200px; height: 200px; background-color: rgba(3, 169, 244, 0.9); z-index: 1; border-radius: 100%; -webkit-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1); -moz-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1); -ms-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1); -o-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1); transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1); -webkit-transform: scale(0) translateZ(0); -moz-transform: scale(0) translateZ(0); -ms-transform: scale(0) translateZ(0); -o-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); } .portfolio-wrapper:hover .bg-overlay { right: 0; bottom: 0; -webkit-transform: scale(10) translateZ(0); -moz-transform: scale(10) translateZ(0); -ms-transform: scale(10) translateZ(0); -o-transform: scale(10) translateZ(0); transform: scale(10) translateZ(0); } /*Internet Explorar Fixing*/ .ie9 .portfolio-wrapper:hover .bg-overlay { width: 100%; height: 100%; border-radius: 0; } .portfolio-intro .action-btn, .portfolio-intro h2, .portfolio-intro p { position: absolute; top: 50%; width: 100%; text-align: center; z-index: 10; opacity: 0; } .portfolio-intro h2, .portfolio-intro p { -webkit-transform: translate(0%, 100px); -moz-transform: translate(0%, 100px); -ms-transform: translate(0%, 100px); -o-transform: translate(0%, 100px); transform: translate(0%, 100px); } .portfolio-wrapper:hover .portfolio-intro h2, .portfolio-wrapper:hover .portfolio-intro p { opacity: 1; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); } .portfolio-wrapper:hover .portfolio-intro .action-btn { opacity: 1; margin-top: -50px; -webkit-transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -moz-transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -ms-transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -o-transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44); transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44); } .portfolio-wrapper:hover .portfolio-intro h2 { margin-top: 15px; -webkit-transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -moz-transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -ms-transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -o-transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44); transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44); } .portfolio-wrapper:hover .portfolio-intro p { color: #fff; margin-top: 50px; -webkit-transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -moz-transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -ms-transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44); -o-transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44); transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44); } .portfolio-wrapper:hover .portfolio-intro.overlay-icon-hidden h2{ margin-top: -10px; } .portfolio-wrapper:hover .portfolio-intro.overlay-icon-hidden p{ margin-top: 30px; } .portfolio-intro .action-btn { font-size: 26px; } .portfolio-intro h2 { margin-bottom: 5px; text-transform: capitalize; } .portfolio-intro p { margin-bottom: 0; text-transform: capitalize; } .portfolio-intro a, .portfolio-intro a:hover, .portfolio-intro a:focus { text-align: center; color: #fff; } /* gutter */ .gutter .portfolio-item { padding: 15px; } /* ---------------------------------------------------------------- Portfolio with title -----------------------------------------------------------------*/ .portfolio-with-title .portfolio-wrapper { -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } .portfolio-with-title .portfolio-wrapper:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .portfolio-with-title .portfolio-wrapper:hover .portfolio-title { border: 1px solid transparent; } .portfolio-with-title .portfolio-title { padding: 20px; background: #fff; border: 1px solid #eee; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; -ms-transition: border 0.3s; transition: border 0.3s; } .portfolio-with-title .portfolio-title h2, .portfolio-with-title .portfolio-title h2 a { text-transform: capitalize; color: #202020; margin-bottom: 5px; } .portfolio-with-title .portfolio-title p { margin: 0; text-transform: capitalize; } .portfolio-with-title .portfolio-title p a { color: #999; } .portfolio-with-title .portfolio-title h2 a:hover, .portfolio-with-title .portfolio-title p a:hover { color: #13A3DB; } .portfolio-with-title .portfolio-wrapper:hover .portfolio-intro .action-btn { margin-top: -15px; } .portfolio-with-title.portfolio-masonry .portfolio-title { padding: 15px; } .portfolio-with-title.portfolio-masonry.gutter .portfolio-title { padding: 15px 0; } /* ---------------------------------------------------------------- Portfolio Card Style -----------------------------------------------------------------*/ .portfolio-container .portfolio-item a.links{ margin-right: -3px; } .portfolio-item .card a{ margin-right: 0; } .portfolio-item .card .card-title { font-size: 20px; font-weight: 400; line-height: 30px!important; color: #202020; } .portfolio-item .card .card-title i { color: #13A3DB; line-height: 30px; } .portfolio-item .card .card-content p a{ color: #999; } .portfolio-item .card .card-content p a:hover{ color: #13A3DB; } .portfolio-item .card .card-reveal { padding: 30px; background-color: rgba(5, 170, 244, 0.95); color: #fff; } .portfolio-item .card .card-reveal p { line-height: 24px; } .portfolio-item .card .card-reveal .card-title { color: #fff; font-weight: 700; } .portfolio-item .card .card-reveal p a, .portfolio-item .card .card-reveal .card-title i { color: #fff; } .portfolio-item .card .card-reveal a.readmore { color: #fff; font-weight: 700; text-transform: capitalize; margin-top: 15px; display: inline-block; } /* Portfolio Five Column Grid ------------------------------------------- */ @media (min-width: 992px) { .tt-grid .portfolio-item.col-md-5 { width: 20%; } } /* Portfolio Details Page ------------------------------------------- */ .single-portfolio-wrapper{ margin-top: 100px; } .single-tt-portfolio .navbar-default{ -webkit-box-shadow: 0px 4px 7px -3px rgba(158, 158, 158, 0.3); -moz-box-shadow: 0px 4px 7px -3px rgba(158, 158, 158, 0.3); -o-box-shadow: 0px 4px 7px -3px rgba(158, 158, 158, 0.3); box-shadow: 0px 4px 7px -3px rgba(158, 158, 158, 0.3); } .portfolio-nav{ padding: 0 0 40px; } .portfolio-nav a { margin-right: 12px; color: #a7a7a7; font-size: 16px; } .portfolio-nav .next a { margin-right: 0; } .portfolio-nav a:hover { color: #13A3DB; } .portfolio-nav .prev a i { margin-right: 5px } .portfolio-nav .next a i { margin-left: 5px } .project-overview { padding-bottom: 100px; } .project-overview .portfolio-title p{ margin-bottom: 5px; text-transform: uppercase; } .project-overview .portfolio-title p a{ color: #13A3DB; margin-right: -3px; } .project-overview .portfolio-title h2{ font-size: 30px; line-height: 30px; margin-bottom: 35px; } .project-overview h2{ font-size: 30px; line-height: 22px; margin-bottom: 20px; } .project-overview p { margin-bottom: 25px; } .project-overview blockquote { background-color: #fafafa; font-style: italic; padding: 20px 20px 20px 60px; font-size: 16px; color: #969595; border: 1px solid #eee; border-left: 5px solid #13A3DB; position: relative; } .project-overview blockquote::before { position: absolute; content: "\f10c"; font-family: FontAwesome; font-size: 30px; color: #eee; left: 15px; top: 25px; } ul.portfolio-meta { padding: 0; list-style: none; } .portfolio-meta li:first-child{ margin-top: 0; } .portfolio-meta li { margin: 15px 0; color: #666; } .portfolio-meta li span { display: inline-block; width: 130px; letter-spacing: 1px; color: #202020; font-size: 12px; text-transform: uppercase; font-weight: 600; } .portfolio-meta li a { margin-right: 10px; color: #a7a7a7; } .portfolio-meta li a:hover { color: #13A3DB; } .quick-overview .btn { text-transform: capitalize; margin-top: 20px; } .single-portfolio-wrapper .portfolio-slider, .portfolio-thumbnail{ margin-bottom: 60px; } @media(max-width: 991px){ .quick-overview { margin-top: 40px; } } .control-two .carousel-control { text-shadow: none; opacity: 0; visibility: hidden; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 48px; border: 1px solid #fff; border-radius: 50%; font-size: 30px; text-shadow: none; opacity: 0; background-image: none; } .control-two:hover .carousel-control { opacity: 1; visibility: visible; } .control-two:hover .carousel-control:hover { color: #13A3DB; background-color: #fff; border: 1px solid transparent; } .control-two .left.carousel-control{ left: 30px; } .control-two .right.carousel-control{ right: 30px; } .portfolio-more-images .single-image { margin-top: 10px; } .loadmore-btn{ width: 150px; } /* ---------------------------------------------------------------- Magnific Popup Customisation for Portfolio -------------------------------------------------------------------*/ .mfp-bg{ z-index: 10420; } .mfp-wrap{ z-index: 10430; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.75; } .mfp-bottom-bar { display: none; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-arrow-right::after, .mfp-arrow-left::after { font-family: 'FontAwesome'; border: none !important; color: #fff; font-size: 65px; -webkit-transition: .5s; transition: .5s; } .mfp-arrow-right::after { content: "\f105" !important; } .mfp-arrow-left::after { content: "\f104" !important; } .mfp-arrow-right::before , .mfp-arrow-left::before { border: none !important; } .mfp-arrow { height: 60px; } .mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { margin-top: 15px; top: -1px !important; } img.mfp-img { padding: 40px 0px 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform: scale(0.95); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform: scale(1); opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; transform: scale(0.95); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } /* =-=-=-=-=-=-= FEATURED BOXED STYLE =-=-=-=-=-=-= */ .more-member{margin-top: -75px;} /* .icon-block-grid.col-sm-6.col-md-6{ background-color: aqua; align-content: center !important; text-align: center !important; align-items: center !important; } */ /* .company-members.icon-block.icon-circle .tt-icon i{vertical-align: middle; background-color: #54a39e; margin-top: 150px;} */ /* .company-members .icon-block.icon-circle{box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} */ .company-members {padding-bottom: 30px;} .company-members .icon-block.icon-circle{box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);} .company-members .icon-block.icon-circle:hover{box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .icon-block.icon-circle.icon-position-center{padding-top: 80px;} .default-block .icon-block { margin-top: 20px; } .company-members .icon-block { margin-top: 40px; margin: auto !important; width: 300px; height: 300px; border-radius: 50% !important; background: #fff !important; border:5px solid #ebebeb !important; } /*Icon Default Style*/ .icon-block.icon-default .tt-icon { margin-bottom: 15px; } .icon-block .tt-icon i{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .icon-block.icon-default:hover .tt-icon i{ color: #13A3DB; } .icon-block:hover .tt-icon.icon-hover-default i{ border: 1px solid transparent; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .icon-block:hover .tt-icon.icon-hover-default i{ background-color: #13A3DB; color: #ffffff; } .icon-block:hover .tt-icon.icon-hover-white i{ background-color: #ffffff; color: #13A3DB !important; } .icon-block:hover .tt-icon.icon-hover-black i{ background-color: #202020; color: #ffffff; } /* Icon Position ------------------------------------------- */ /*icon position left*/ .icon-block.icon-position-left .tt-icon{ float: left; margin-right: 20px; } .icon-block.icon-position-left .tt-content{ overflow: hidden; } /*icon position center*/ .icon-block.icon-position-center .tt-icon{ float: none; text-align: center; /* margin-bottom: 20px; */ } .icon-block.icon-position-center .tt-content{ text-align: center; } /*icon position top left*/ .icon-block.icon-position-top-left .tt-icon{ float: none; text-align: left; } /*icon postition right*/ .icon-block.icon-position-right .tt-icon{ float: right; text-align: right; margin-left: 20px; } .icon-block.icon-position-right .tt-content{ text-align: right; overflow: hidden; } @media screen and (max-width: 767px) { .icon-block.icon-position-right .tt-icon{ float: left; text-align: left; margin-right: 20px; margin-left: 0; } .icon-block.icon-position-right .tt-content{ text-align: left; } } .icon-block i { font-size: 28px; } .icon-block h3 { font-size: 20px; font-weight: 700; position: relative; /* text-align: center; */ color:#003B64; margin: 15px 0; } .contact-last .icon-block h3, .contact .icon-block h3 {text-align: center;} .icon-block .tt-icon a, .icon-block h3 a{ color: #202020; } .icon-block h3 a:hover{ color: #c03a2b; } .tt-icon.flat-icon i{ display: inline-block; } .icon-block.icon-default .tt-icon i{ font-size: 40px; } .map_1 .icon-block.icon-default .tt-icon i{color: #bc1f25 !important;} .map_7 .icon-block.icon-default .tt-icon i{color: #bc1f25 !important;} .map_7 .icon-block.icon-default .tt-icon i2{color: #3b4346 !important;} .map_2 .icon-block.icon-default .tt-icon i{color: #179dd3 !important;} .map_3 .icon-block.icon-default .tt-icon i{color: #d37961 !important;} .map_4 .icon-block.icon-default .tt-icon i{color: #01425f !important;} .map_5 .icon-block.icon-default .tt-icon i{color: #a3b9c6 !important;} .map_6 .icon-block.icon-default .tt-icon i{color: #626f77 !important;} .icon-block .tt-icon a.theme-color, .icon-block h3.theme-color, .icon-block h3 a.theme-color{ color: #13A3DB; } @media (min-width : 1201px) { .rep6{visibility: visible;} .rep12{display: none;} } @media (min-width : 992px) and (max-width : 1200px) { .rep6{display: none;} .rep12{visibility: visible;} } @media (min-width : 768px) and (max-width : 991px) { .rep6{display: none;} .rep12{visibility: visible;} } @media (min-width : 120px) and (max-width : 767px) { .rep6{display: none !important;} .rep12{visibility: visible;} } /* Icon Shape ------------------------------------------- */ .icon-block.icon-square .tt-icon i, .icon-block.icon-round .tt-icon i, .icon-block.icon-circle .tt-icon i { display: inline-block; width: 70px; height: 70px; text-align: center; } /*Square Icon*/ .icon-block.icon-square .tt-icon i { line-height: 70px; } /*Round Icon*/ .icon-block.icon-round .tt-icon i { line-height: 70px; border-radius: 4px; } /*Circle Icon*/ .icon-block.icon-circle .tt-icon i { line-height: 68px; border-radius: 50%; } .icon-block.icon-square .tt-icon i, .icon-block.icon-round .tt-icon i, .icon-block.icon-circle .tt-icon i { border: 3px solid #e2e2e2; } /*Theme Color Icon Style*/ .icon-block.icon-square .tt-icon i.theme-color, .icon-block.icon-round .tt-icon i.theme-color, .icon-block.icon-circle .tt-icon i.theme-color { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .icon-block.icon-square:hover .tt-icon.icon-hover-default i.theme-color, .icon-block.icon-round:hover .tt-icon.icon-hover-default i.theme-color, .icon-block.icon-circle:hover .tt-icon.icon-hover-default i.theme-color{ border: 1px solid #13A3DB; } .icon-block.icon-square:hover .tt-icon.icon-hover-white i, .icon-block.icon-round:hover .tt-icon.icon-hover-white i, .icon-block.icon-circle:hover .tt-icon.icon-hover-white i{ border: 1px solid #ffffff; } .icon-block.icon-square:hover .tt-icon.icon-hover-black i, .icon-block.icon-round:hover .tt-icon.icon-hover-black i, .icon-block.icon-circle:hover .tt-icon.icon-hover-black i{ border: 1px solid #202020; } @media only screen and (max-width : 767px) { .icon-block{ margin-bottom: 30px !important; } } /*Featured Block Common Style -------------------------------------------------------------------*/ .default-block .icon-block { margin-top: 20px; } .default-block .icon-block { padding: 30px 20px; border: 1px solid transparent; border-radius: 4px; } .outline-border .icon-block, .featured-carousel .icon-block { margin-top: 30px; padding: 50px 25px 30px; border: 1px solid #eee; background-color: #fff; border-radius: 4px; } .hover-block .icon-block:hover { border: 1px solid transparent; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .hover-block .icon-block:hover .tt-icon i, .hover-block .icon-block:hover .tt-content h3, .hover-block .icon-block:hover .tt-content p { color: #fff !important; } .hover-block .icon-block, .hover-block .icon-block .tt-icon i, .hover-block .icon-block .tt-content h3, .hover-block .icon-block .tt-content p { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } /*Featured Border Block -------------------------------------------------------------------*/ .outline-border .icon-block { margin-top: 30px; } /* Carousel Featured Block -----------------------------------------------------------------*/ .featured-carousel .icon-block { margin-top: 0; } .featured-carousel.owl-theme .owl-controls { margin-top: 20px; } .featured-carousel .owl-item { padding: 20px 8px; } .featured-carousel.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; filter: Alpha(Opacity=100); opacity: 1; background: #dadada; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .featured-carousel.owl-theme .owl-dots .home_dot.owl-dot.active span, .featured-carousel.owl-theme .owl-dots .owl-dot:hover span { background-color: #00425f !important; } /* .project-carousel.carouse-item{height: 400px;} .project-carousel.owl-theme .owl-dots .owl-dot.active span, .project-carousel.owl-theme .owl-dots .owl-dot:hover span{ background-color: #00425f !important; } */ .fen-vcblock-testimonial P{color: #00425f !important;} .fen-vcblock-testimonial h5{color: #00425f !important;} /* Featured Plus Box -------------------------------------------------------------------*/ .border-plusbox { overflow: hidden; } .border-plusbox .icon-block { margin-top: 0; } .border-plusbox .icon-block-grid { /* padding: 20px 30px 0px 30px; */ margin-bottom: 30px; position: relative; /* background-color: aqua; */ } .border-plusbox .icon-block-grid:after, .border-plusbox .icon-block-grid:before { content: ''; position: absolute; } .border-plusbox .icon-block-grid:before { height: 100%; top: 0; right: -2px; border-right: 1px solid #eee; } .border-plusbox .icon-block-grid:after { width: 100%; height: 0; top: auto; right: 0; bottom: -1px; border-bottom: none; } .border-plusbox.hover-block .icon-block:hover { background-color: transparent; border: 0; box-shadow: none; } .border-plusbox.hover-block .icon-block-grid:hover { background-color: #13A3DB; } .border-plusbox.hover-block .icon-block-grid .tt-content h3{padding-bottom: -30px !important; margin-bottom: -20px !important;} .border-plusbox.hover-block .icon-block-grid:hover .tt-icon i, .border-plusbox.hover-block .icon-block-grid:hover .tt-content h3, .border-plusbox.hover-block .icon-block-grid:hover .tt-content p { color: #fff; } .border-plusbox.hover-block .icon-block-grid, .border-plusbox.hover-block .icon-block-grid .tt-icon i, .border-plusbox.hover-block .icon-block-grid .tt-content h3, .border-plusbox.hover-block .icon-block-grid .tt-content p { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } /*Featured Animated Block -------------------------------------------------------------------*/ .animated-block .icon-block { margin-top: 0; border: 0; } .animated-block.hover-block .icon-block:hover { background-color: transparent; border: 0; box-shadow: none; } .animated-block .icon-block-grid { position: relative; overflow: hidden; padding:40px 25px 0px 25px; min-height: 0px; border: 1px solid #eee; background-color: #fff; border-radius: 4px; /* margin: 5px; */ } .animated-block .icon-block-grid:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .animated-block .icon-block-grid .tt-content h3 { margin-bottom: 30px; } .animated-block .icon-block-grid .tt-content p { overflow:hidden; height:0; margin: 0; } .animated-block .icon-block-grid:hover .tt-content p { height:195px; } .animated-block .icon-block-grid .tt-icon, .animated-block .icon-block-grid .tt-content h3, .animated-block .icon-block-grid .tt-content p { position: relative; top: 95px; } .animated-block .icon-block-grid:hover .tt-icon, .animated-block .icon-block-grid:hover .tt-content h3, .animated-block .icon-block-grid:hover .tt-content p { top: 0; } .animated-block .icon-block-grid, .animated-block .icon-block-grid .tt-icon, .animated-block .icon-block-grid .tt-content h3 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .animated-block .icon-block-grid .tt-content p { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } /*Featured Animated Flat Block -------------------------------------------------------------------*/ .animated-block.hover-block .icon-block:hover .tt-icon i, .animated-block.hover-block .icon-block:hover .tt-content h3, .animated-block.hover-block .icon-block:hover .tt-content p { color: inherit; } .animated-block.hover-block .icon-block-grid:hover { background-color: #13A3DB; } .animated-block.hover-block .icon-block-grid:hover .tt-icon i, .animated-block.hover-block .icon-block-grid:hover .tt-content h3, .animated-block.hover-block .icon-block-grid:hover .tt-content p { color: #fff; } /* =-=-=-=-=-=-= ABOUT SECTION =-=-=-=-=-=-= */ /*popup*/ .tt-popup-wrapper{ position: relative; } .tt-popup-wrapper img{ width: 100%; } @media (max-width : 1199px) { .tt-popup-wrapper img{ height: auto !important; } } .tt-popup{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; margin-top: -37px; margin-left: 16px; text-align: center; } .tt-popup i{ font-size: 68px; text-align: center; color: #fff; margin-left: 5px; } /* Content carousel ------------------------------------------- */ .content-carousel-wrapper { padding: 15px 40% 70px 70px; } @media (max-width : 1199px){ .content-carousel-wrapper { padding: 50px; } } @media (min-width : 1200px){ .content-carousel-wrapper { padding: 15px 16% 70px 70px; } } @media (min-width : 1920px) { .content-carousel-wrapper { padding: 15px 40% 70px 70px; } } .content-carousel-wrapper h2 { font-size: 30px; color: #fff; margin-bottom: 30px; } .content-carousel h3{ color: #fff; font-size: 18px; line-height: 30px; font-weight: 700; } .content-carousel p{ margin-bottom: 30px; } .content-carousel .carousel-control{ top: 6px; width: 20px; height: 20px; font-size: 15px; line-height: 16px; border: 1px solid #fff; text-align: center; text-shadow: none; filter: alpha(opacity=100); opacity: 1; } .content-carousel .carousel-control.left { right: 25px; left: auto; } .content-carousel .carousel-control.left, .content-carousel .carousel-control.right { background-image: none; } .content-carousel .carousel-control:focus, .content-carousel .carousel-control:hover { color: #2c3e50; background-color: #fff; } /* Progress Bar ------------------------------------------- */ .wpb_progress_bar_heading { margin-bottom: 50px; } .vc_progress_bar .vc_single_bar .vc_label { padding: 0 !important; font-size: 14px; bottom: 30px; color: #999 !important; text-shadow: none !important; } .vc_progress_bar .vc_single_bar .vc_label .vc_label_units { position: absolute; top: 0; right: 0; } .vc_progress_bar .vc_single_bar { background: #eee!important; box-shadow: none !important; border-radius: 0 !important; height: 5px; margin-bottom: 65px !important; } .vc_progress_bar > div:last-child{ margin-bottom: 0 !important; } .vc_progress_bar .vc_single_bar .vc_bar { border-radius: 0 !important; } /*------------------------------------------------------------------ CountDown Timer -------------------------------------------------------------------*/ .countdown { margin-bottom: 0 } .timer-white-color .countdown li { color : #fff; } .countdown li { display: inline-block; text-align: center; /* min-width: 110px; */ } .countdown li+li { margin-left: 20px; } .countdown li span { font-size: 20px; line-height: 20px; font-weight: 900; } .countdown li p{ font-size: 14px; text-transform: uppercase; margin: 0; font-weight: 500; } @media screen and (max-width: 770px) { .countdown li+li { margin-left: 10px; } } /*timer theme color*/ .timer-brand-color .countdown li span { color: #13A3DB; } .timer-brand-color .countdown li span p { color: #999; } /*timer multi color*/ .timer-multi-color .countdown li { min-width: 80px; } .timer-multi-color .countdown li+li { margin-left: 30px; } .timer-multi-color .countdown li span { font-size: 40px; line-height: 40px; } .timer-multi-color .countdown li:nth-child(1) span { color: #e040fb; } .timer-multi-color .countdown li:nth-child(2) span { color: #13A3DB; } .timer-multi-color .countdown li:nth-child(3) span { color: #4CAF50; } .timer-multi-color .countdown li:nth-child(4) span { color: #e91e63; } .timer-multi-color .countdown li span p { color: #fff; } /* Counter Common Style ------------------------------------------- */ .counter-section strong { display: block; font-size: 40px !important; line-height: 30px !important; font-weight: 700; margin-bottom: 10px !important; color: #4b4b4b; } span.count-description { display: block; text-transform: uppercase; font-size: 20px !important; font-weight: 300; } /* .counter-wrap{ padding:50px 0 !important; } */ .counter-wrap i{ color: #13A3DB; } @media (max-width: 767px) { .counter-wrap{ padding:40px 0; } } .counter-wrap i{ display: block; margin-bottom: 20px; } .counter-wrap i::before { font-size: 50px; line-height: 60px; } .force_row{visibility: hidden; display: contents;} /*Counter Background Style*/ .background-style.counter-section strong { font-size: 50px; line-height: 50px; font-weight: 700; } .background-style .count-description { font-size: 20px; font-weight: 500; text-transform: capitalize; } /*Counter Plus Box Style*/ .plusbox-style { overflow: hidden; direction: flex; } /* .plusbox-left{float: left; color: teal; white-space: pre;} */ .plusbox-style .counter-wrap { padding: 50px 0; margin: 0; position: relative; } .plusbox-style .counter-wrap:after, .plusbox-style .counter-wrap:before { content: ''; position: absolute; } .plusbox-style .counter-wrap:before { height: 100%; top: 0; right: -2px; border-right: 1px solid rgba(255, 255, 255, 0.3); } .plusbox-style .counter-wrap:after { width: 100%; height: 0; top: auto; right: 0; bottom: -1px; /* border-bottom: 1px solid #dadbdc; */ } /* .count_field .counter-wrap{background-color: aqua;} */ /* .counter-wrap .text-center .dbl_line{background-color: blue !important; margin-top: -50px !important;} */ .count_field{height:145px;} .dbl_line strong{margin-top: -15px !important;} span.count-description{line-height: 20px;} /*Title Count Style*/ .title-style.counter-section strong, .title-style span.count-description { display: inline; font-size: 40px; line-height: 40px; font-weight: 700; margin-bottom: 0; text-transform: capitalize; } /*------------------------------------------------------------------ Count Up -------------------------------------------------------------------*/ .counter-wrap strong{ display: block; font-size: 50px; line-height: 50px; margin-bottom: 30px; } .count-description { font-size: 20px; font-weight: 500; } .counter-wrap { padding: 120px 0; } @media screen and (max-width: 767px) { .counter-wrap { padding: 60px 0; } } /*Fats style*/ .facts-two .counter-wrap .material-icons{ font-size: 50px; } .facts-two .timer { display: block; font-size: 66px; line-height: 70px; font-weight: 500; margin-bottom: 10px; color: #4b4b4b; } .facts-two .count-description { font-size: 14px; text-transform: uppercase; } /*count-plus-box*/ .count-plus-box { overflow: hidden; } .count-plus-box li { width: 50%; float: left; position: relative; padding: 30px 35px; text-align: center; } @media screen and (max-width: 479px) { .count-plus-box li { width: 100%; } } .count-plus-box li:after, .count-plus-box li:before { content: ''; position: absolute; } .count-plus-box li:before { height: 100%; top: 0; right: -2px; border-right: 1px solid #dadbdc; } .count-plus-box li:after { width: 100%; height: 0; top: auto; right: 0; bottom: -1px; border-bottom: 1px solid #dadbdc; } .count-plus-box .material-icons { display: inline-block; font-size: 40px; } .count-plus-box .timer { display: block; font-size: 66px; line-height: 70px; font-weight: 500; color: #303b41; } .count-plus-box .count-description { font-size: 14px; text-transform: uppercase; } /* CREATIVE PAGE */ /*About Me Page*/ .about-intro { padding: 0 120px; } @media (min-width: 1920px) { .about-intro { padding: 140px 120px 0 0; } } .about-intro h2{ font-size: 41px; margin-bottom: 10px; } .about-intro span.theme-color { margin-bottom: 30px; font-size: 18px; display: inline-block; } @media screen and (max-width: 768px) { .about-intro { padding: 0 30px; } } .about-intro ul { margin-top: 20px; margin-bottom: 0; padding: 0; list-style: none; } .about-intro ul li { font-size: 16px; } .about-intro ul li+li { margin-top: 10px; } .about-intro ul li i.material-icons { position: relative; top: 5px; } @media(min-width: 1367px){ .my-hobbies .vc_column-inner, .clients-say .vc_column-inner{ padding: 90px 100px !important; } } @media(max-width: 1366px){ .my-hobbies .vc_column-inner, .clients-say .vc_column-inner{ padding: 60px 50px !important; } } @media(max-width: 767px){ .my-hobbies .vc_column-inner, .clients-say .vc_column-inner{ padding: 50px 0px !important; } } .my-hobbies.default-block.icon-block { padding: 10px 15px; border: 1px solid transparent; border-radius: 4px; } .clients-say .testimonial-meta span { color: #c5a5ff; } .facts { padding: 110px; } .facts h2 { font-size: 40px; font-weight: 700; margin-bottom: 0; } @media screen and (max-width: 767px) { .about-intro{ padding: 60px; } .facts { padding: 50px 30px; } } @media screen and (max-width: 530px) { .about-intro{ padding: 15px; } } /*Author info*/ .profile .author-cover { position: relative; } .profile .author-cover img{ width: 100%; } .author-wrapper.profile .author-avatar { margin: 0; position: relative; padding: 15px 20px 30px 130px; } .author-wrapper.profile .author-avatar h2{ margin-bottom: 0; } .author-wrapper.profile .author-avatar img { width: 100px; height: 100px; border-radius: 50%; background: #fff; padding: 5px; position: absolute; top: -30px; left: 15px; z-index: 20; } .profile .author-meta { padding: 0 40px; overflow: hidden; } .profile .author-meta li { list-style: none; margin: 10px 0; font-weight: 500; overflow: hidden; } .profile .author-meta li .title, .profile .author-meta li .value{ width: 48%; float: left; } .profile .author-meta li .title { display: inline-block; color: #202020; } .profile .available { display: block; padding: 12px; text-align: center; border-top: 1px solid #eee; } .profile .available a{ display: inline-block; color: #999; } .profile .available a:hover{ color: #13A3DB; } @media screen and (max-width: 991px) { .author-wrapper.profile { margin-top: 30px; } } @media screen and (max-width: 479px) { .profile .author-meta li .title { width: 80px; } } /*------------------------------------------------------------------ Quick booking form -------------------------------------------------------------------*/ .booking-form-wrapper { padding: 40px; background-color: #fff; border-radius: 10px; position: relative; z-index: 10; } .booking-form-wrapper::before { content: ""; width: calc(100% - 22px); height: 8px; background-color: #ccc; position: absolute; left: 10px; top: -8px; border-radius: 10px 10px 0 0; } .booking-form-wrapper h3 { font-size: 16px; text-transform: uppercase; font-weight: 700; color: #13A3DB; position: relative; } .booking-form-wrapper h3:before { content: ""; width: 5px; height: 30px; background-color: #13A3DB; position: absolute; left: -40px; top: -5px; } .booking-form-wrapper .input-field { margin-top: 30px; } .booking-form-wrapper textarea.materialize-textarea { min-height: 40px; } .booking-form-wrapper .btn{ border-radius: 30px; padding: 10px 25px; text-transform: capitalize; } @media screen and (max-width: 991px) { .booking-form-wrapper { margin-top: 50px; } } /* =-=-=-=-=-=-= PROCESS SECTION =-=-=-=-=-=-= */ .process-box { background-color: #13A3DB; color: #fff !important; padding: 30px; border-radius: 10px; font-size: 16px; } .process-box i::before { font-size: 30px; } .process-box h3{ font-size: 16px; line-height: 45px; color: #fff; margin: 0; } h2.process-white-text.text-medium{ font-size: 24px; } .process-in { position: relative; text-align: center; cursor: default; } .process-in:before { top: 39px; width: 70%; left: 15%; color: #fff; content: " "; display: block; position: absolute; border-top: dashed 1px #024562; } .process-white-text{ color: #fff; } @media (max-width: 768px) { .process-in:before { border: none; } } .process-in > li .process-number { width: 70px; height: 70px; font-size: 40px; font-weight: 600; line-height: 60px; background: #fff; padding-top: 2px; margin-bottom: 30px; display: inline-block; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; border: 3px #ebebeb solid; } /* .process-in > li:hover .process-number { color: #fff !important; background: #024562; } */ .process-in .process-desc { padding: 0 20px; color: #fff; } .process-in .process-desc h2{ margin-bottom: 20px; } /* =-=-=-=-=-=-= PARTNER SECTION =-=-=-=-=-=-= */ .partner-item{ text-align: center; } .tt-bh-effect{ position:relative; display:block; } .tt-bh-effect img{ margin: 0 auto; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .tt-bh-effect img:hover{ -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .boxed-item { min-height: 160px; height: 180px; width: 180px; position: relative; margin:0 25px; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; transition: box-shadow 0.3s; background-color: #ffffff; border-radius: 50%; padding: 6px; border: 6px #ebebeb solid; } .boxed-item img { max-width: 130px; position: absolute; top: 50%; left: -6px; right: 0; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .boxed-item:hover{ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } /*Gutter Less Partner*/ .partner-item.no-gutter { padding-left: 0; padding-right: 0; } /*Gutter Partner*/ .partner-item.item-gutter { margin-bottom: 30px; } /*Partner Carousel*/ .partner-carousel.owl-carousel .boxed-item { margin-left: 0; margin-bottom: 0; } .partner-carousel.owl-carousel .boxed-item:hover{ box-shadow: none; } /* =-=-=-=-=-=-= CASE STUDY SECTION =-=-=-=-=-=-= */ .case-study-left { padding: 60px 40px 60px 110px; } .case-study-right { padding: 60px 110px 60px 40px; } .case-study-wrapper h2 { font-size: 35px; line-height: 50px; font-weight: 700; margin-bottom: 15px; } .case-study-wrapper p { font-size: 18px; margin-bottom: 30px; } .case-study-wrapper.dark-bg{ background-color: #2c3e50; } /* =-=-=-=-=-=-= MAP SECTION =-=-=-=-=-=-= */ #ttmap { height: 250px; } #mapcontent p{ margin: 0; font-size: 16px; } /* =-=-=-=-=-=-= CONTACT SECTION =-=-=-=-=-=-= */ .submit-wrapper { position: relative; margin-top: 50px; } div.wpcf7 .ajax-loader { position: absolute; right: 12px; top: 50%; margin-top: -8px; z-index: 100; } div.wpcf7 img.ajax-loader { margin-left: 0; position: absolute; left: calc(50% - 60px); top: calc(50% - 6px); } .wpcf7 span.wpcf7-not-valid-tip { position: relative; top: 5px; color: #ff0000; text-align: left; font-size: 11px; background-color: #ECECEC; display: inline-block; padding: 0 10px; border-radius: 5px; } .wpcf7 span.wpcf7-not-valid-tip::before{ position: absolute; top: -5px; left: 0; content:""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ECECEC; } .wpcf7 div.wpcf7-validation-errors{ color: #ff0000; background-color: #fff3f3; } .wpcf7 div.wpcf7-mail-sent-ok { color: #00c03b; background-color: #effdda; } .wpcf7 div.wpcf7-validation-errors, .wpcf7 div.wpcf7-mail-sent-ok { text-align: center; border: 0; font-weight: 600; padding: 12px 15px; border-radius: 2px !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } div.wpcf7 .input-field { margin-bottom: 20px; } /* .map-section .map-content { display: none; } */ .picker--opened .picker__frame{ top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .picker__close, .picker__today{ color: inherit; } .picker__today:focus{ color: #ffffff; } .picker__box{ border: 0; } /* Address Info */ .icon-wrapper.icon-position-left i { font-size: 30px; line-height: 38px; float: left; margin-right: 18px; padding-left: 2px; } .icon-wrapper.icon-position-top i { font-size: 30px; line-height: 38px; float: none; margin-right: 18px; padding-left: 2px; } .icon-wrapper .address, .icon-wrapper .phone, .icon-wrapper .mail{ overflow: hidden; } .icon-wrapper .mail a { color: #999; } .icon-wrapper .mail a:hover { color: #13A3DB; } /* Process Wrapper */ .process-wrapper { padding: 110px 110px 0px 110px; padding-left: 120px !important; } .process-wrapper .default-block .icon-block { padding: 0; } @media screen and (max-width: 768px){ .process-wrapper { padding: 110px 30px 0 30px; padding-left: 30px !important; } } /* =-=-=-=-=-=-= NEWSLETTER SECTION =-=-=-=-=-=-= */ @media screen and (min-width: 770px) { .subscribe-form .input-field { width: 70%; float: left; margin-right: 20px; } .subscribe-form button { margin-top: 45px; } } .subscribe-form .input-field label { line-height: 40px; } .subscribe-form .input-field label.active { font-size: 12px; line-height: 16px; } .newsletter-style-two .subscribe-form .input-field label { color: #fff; } .newsletter-style-two .subscribe-form .input-field input[type=email]:focus:not([readonly]) + label { color: #fff !important; } .subscribe-form .input-field input { margin-top: 20px; height: 30px; } .newsletter-style-two .subscribe-form .input-field input[type=email] { color: #fff; border-bottom: 1px solid #fff; } .subscribe-form .input-field input[type=email].invalid { border-bottom: 1px solid #F44336; } .subscribe-form .input-field input[type=email].valid { border-bottom: 1px solid #4CAF50; } .newsletter-style-two .subscribe-form .input-field input[type=email]:focus:not([readonly]) { border-bottom: 1px solid #fff; box-shadow: 0 1px 0 0 #fff; } .subscribe-form .btn { text-transform: capitalize !important; } @media screen and (max-width: 729px) { .subscribe-form .btn { margin: 20px auto 0; display: block; } } /* =-=-=-=-=-=-= GALLERY =-=-=-=-=-=-= */ .gallery-wrapper { position: relative; } .tt-gallery-thumb { margin: -36px 0 0; border: 0; box-shadow: none; background-color: transparent; text-align: center; } .tt-gallery-thumb .slides { display: inline-block; width: inherit !important; } .tt-gallery-thumb .slides>li { width: 70px !important; height: 70px !important; margin-right: 10px; } .tt-gallery-thumb .slides img { width: 70px !important; height: 70px !important; background-color: #fff; padding: 5px; border-radius: 50%; } .tt-gallery-thumb .slides>li.flex-active-slide img { background-color: #13A3DB; } .tt-gallery-nav .gallery-control { display: inline-block; width: 30px; height: 30px; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 100; } .tt-gallery-nav .gallery-control.next { left: auto; right: 0; } .tt-gallery-thumb .flex-direction-nav { display: none; } @media screen and (max-width: 370px){ .tt-gallery-thumb .slides>li { width: 50px !important;; } .tt-gallery-thumb .slides img { width: 50px !important;; height: 50px !important; } } .tt-gallery img{ width: 100%; } /*device-mockup*/ .device-mockup { position: relative; width: 100%; padding-bottom: 61.775701%; } .device-mockup > .device { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-image: url("images/macbook.png"); } .device-mockup > .device > .screen { background-color: #000; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); position: absolute; top: 11.0438729%; bottom: 14.6747352%; left: 13.364486%; right: 13.364486%; overflow: hidden; } .device-mockup[data-device="ipad"], .device-mockup[data-device="ipad"][data-orientation="portrait"] { padding-bottom: 128.406276%; } .device-mockup[data-device="ipad"][data-orientation="landscape"] { padding-bottom: 79.9086758%; } .device-mockup[data-device="ipad"] > .device, .device-mockup[data-device="ipad"][data-color="black"] > .device, .device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="black"] > .device { background-image: url("images/ipad_port_black.png"); } .device-mockup[data-device="ipad"][data-color="white"] > .device, .device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="white"] > .device { background-image: url("images/ipad_port_white.png"); } .device-mockup[data-device="ipad"][data-orientation='landscape'] > .device, .device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="black"] > .device { background-image: url("images/ipad_land_black.png"); } .device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="white"] > .device { background-image: url("images/ipad_land_white.png"); } .device-mockup[data-device="ipad"] > .device > .screen, .device-mockup[data-device="ipad"][data-orientation="portrait"] > .device > .screen { top: 12.025723%; bottom: 12.154341%; left: 13.45995%; right: 13.45995%; } .device-mockup[data-device="ipad"][data-orientation="landscape"] > .device > .screen { top: 13.87755102%; bottom: 13.87755102%; left: 11.5459883%; right: 11.5459883%; } /*screenshot-carousel*/ .screenshot-carousel-wrapper .carousel-control { top: 50%; text-shadow: none; filter: alpha(opacity=100); opacity: 1; width: 70px; height: 70px; font-size: 40px; line-height: 70px; background: #fff; background-image: none !important; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: -35px; } .screenshot-carousel-wrapper .carousel-control:hover { color: #fff; background: #81c784; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } @media screen and (min-width: 850px) { .screenshot-carousel-wrapper .carousel-control.left { left: -70px; } .screenshot-carousel-wrapper .carousel-control.right { right: -70px; } } @media screen and (max-width: 767px) { .screenshot-carousel-wrapper .carousel-control { margin-top: -20px; width: 40px; height: 40px; font-size: 24px; line-height: 40px; } } /*work-showcase-section*/ .work-showcase img{ width: 100%; } .work-showcase .item{ max-height: 700px; } .work-showcase .carousel-control { top: 50%; margin-top: -26px; width: 52px; height: 52px; font-size: 40px; line-height: 50px; color: #000; background-color: #fff; text-shadow: none; background-image: none !important; border-radius: 100%; filter: none; } .work-showcase .carousel-control:focus, .work-showcase .carousel-control:hover { color: #000; background-color: #13A3DB; filter: alpha(opacity=100); opacity: 1; } .work-showcase .carousel-control.left { left: 5%; } .work-showcase .carousel-control.right { right: 5%; } .work-showcase .carousel-indicators li { width: 12px; height: 12px; margin: 0 0 0 5px; background-color: #c7c7c7; border: 1px solid transparent; } .work-showcase .carousel-indicators .active { background-color: #13A3DB; } @media screen and (min-width: 768px) { .work-showcase .carousel-indicators { bottom: -50px; } } /* ----------------------------------------------------- BLOG STYLE -------------------------------------------------------- */ /* .blog-wrapper{ margin-bottom: 120px; margin-top: 50px; } */ .blog-wrapper{ margin-bottom: 50px; margin-top: 0px; } .post-wrapper { padding: 16px; background-color: #fff; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; transition: all .25s; border-radius: 2px; margin-bottom: 50px; /* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); */ } .post-wrapper:hover { /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */ } /*sticky blog post*/ .post-wrapper.sticky { background-color: #f7f7f7; } /*post thumb wrapper*/ .post-wrapper.has-post-thumbnail .post-thumbnail { position: relative; } .post-wrapper .post-thumbnail { margin-bottom: 25px; } .post-wrapper.has-post-thumbnail .post-thumbnail.blog-quote{ margin-bottom: 0; } article img { max-width: 100%; height: auto; } .has-post-thumbnail .entry-header::before, .format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail::before, .format-video .featured-wrapper .entry-header.has-video::before { position: absolute; left: 0; bottom: 0; content: ""; background: -webkit-linear-gradient(top, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); background: -o-linear-gradient(bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); background: -moz-linear-gradient(bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); width: 100%; height: 130%; z-index: -1; } .format-chat.has-post-thumbnail .entry-header::before{ display: none; } .blog-grid .has-post-thumbnail .entry-header::before { height: 130%; } /*entry header*/ .post-wrapper.has-post-thumbnail .entry-header, .format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail, .format-video .featured-wrapper .entry-header.has-video { position: absolute; bottom: 0; left: 0; padding: 20px; z-index: 20; width: 100%; } .post-wrapper .entry-header, .format-gallery .featured-wrapper, .format-video .featured-wrapper { position: relative; } /*entry title*/ .post-wrapper .entry-title { width: 95%; font-size: 20px; line-height: 26px; font-weight: 700; text-transform: uppercase; word-wrap: break-word; -ms-word-wrap: break-word; } .post-wrapper .entry-title a, .post-wrapper .post-comments a, .post-wrapper .entry-content .more-link{ color: #13A3DB; } .post-wrapper .entry-title a:hover, .post-wrapper .post-comments a:hover, .post-wrapper .entry-content .more-link:hover{ color: #0077c2; } .single .entry-title { width: 100%; } .post-wrapper.has-post-thumbnail .entry-header .entry-title, .format-gallery .featured-wrapper .entry-header .entry-title, .format-video .featured-wrapper .entry-header .entry-title { width: 95%; margin-bottom: 0; z-index: 20; position: relative; } .post-wrapper.has-post-thumbnail .entry-header .entry-title a, .post-wrapper.has-post-thumbnail .entry-header .entry-title a:hover, .format-video .featured-wrapper .entry-header.has-video .entry-title a, .format-video .featured-wrapper .entry-header.has-video .entry-title a:hover, .format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail .entry-title a, .format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail .entry-title a:hover { color: #fff; } /*post comments*/ .post-wrapper .entry-header .post-comments { font-size: 16px; color: #13A3DB; position: absolute; right: 40px; bottom: 0; z-index: 20; } .post-wrapper.has-post-thumbnail .entry-header .post-comments, .post-wrapper.format-video .entry-header.has-video .post-comments, .post-wrapper.format-gallery .entry-header.has-gallery-thumbnail .post-comments{ bottom: 20px; } .post-wrapper.post-password-required .post-comments { position: inherit; right: 0; } .post-wrapper .post-comments a{ display: inline-block; } .post-wrapper.has-post-thumbnail .entry-header .post-comments a, .post-wrapper.has-post-thumbnail .entry-header .post-comments span, .format-video .entry-header.has-video .post-comments a, .format-video .entry-header.has-video .post-comments span, .format-gallery .entry-header.has-gallery-thumbnail .post-comments a, .format-image .entry-header .post-comments a, .format-gallery .entry-header.has-gallery-thumbnail .post-comments span, .format-image.has-post-thumbnail .entry-header .post-comments span { color: #fff; } .post-wrapper .post-comments a::before, .post-wrapper .post-comments span::before{ font-family: FontAwesome; content: "\f086"; position: absolute; right: -20px; top: 0; } .post-wrapper .header-wrap .post-comments{ position: relative; padding-left: 20px; } .post-wrapper .header-wrap .post-comments a::before, .post-wrapper .header-wrap .post-comments span::before{ left: 0; right: auto; top: auto; } /*posted in category*/ .entry-header .posted-in a { display: inline-block; padding: 0 10px; background-color: #13A3DB; color: #fff; font-weight: 300; margin-bottom: 10px; text-transform: capitalize; position: relative; z-index: 20; border-radius: 2px; font-size: 13px; line-height: 24px; } .entry-header .posted-in a:hover { background-color: #0077c2; color: #fff; } .entry-header .posted-on{ margin-left: 8px; font-size: 13px; } .entry-header .posted-on i{ margin-right: 4px; } .entry-header .posted-on a { color: #999999 ; } .has-post-thumbnail .entry-header .posted-on i, .has-post-thumbnail .entry-header .posted-on a, .format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail .posted-on i, .format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail .posted-on a, .format-video .featured-wrapper .entry-header.has-video .posted-on i, .format-video .featured-wrapper .entry-header.has-video .posted-on a{ color: #ffffff !important; } .entry-header .posted-on a:hover { color: #13A3DB ; } .entry-header span.post-comments{ display: block; } /*entry content*/ .post-wrapper .entry-content p { margin-bottom: 15px; } .post-wrapper .entry-content .more-link { display: table; margin-top: 20px; } .post-wrapper .entry-content .more-link i{ font-size: 8px; margin-left: 3px; position: relative; top: -2px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .post-wrapper .entry-content .more-link:hover i{ margin-left: 5px; } @media(max-width: 480px){ .post-wrapper .entry-title { width: 85% !important; font-size: 14px; line-height: 16px; } .post-wrapper.has-post-thumbnail .entry-header, .format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail, .format-video .featured-wrapper .entry-header.has-video{ padding: 10px; } } .blog-content .entry-content .wpb_content_element{ margin-bottom: 0; } .blog-content .entry-content .container{ width: 100%; } .blog-content .entry-content .vc_column_container>.vc_column-inner{ padding: 0; } /* POST FORMAT VIDEO ------------------------------------------- */ .post-wrapper.format-video iframe{ width: 100%; min-height: 315px; } /* POST FORMAT AUDIO ------------------------------------------- */ .post-wrapper.format-audio .featured-wrapper::before { top: auto; bottom: 0; height: 50px; } .post-wrapper.format-audio iframe { width: 100%; height: 203px; } @media (min-width : 992px) and (max-width : 1199px) { .post-wrapper.format-audio iframe { height: 165px; } } /* POST FORMAT QUOTE ------------------------------------------- */ .format-quote .entry-header blockquote { width: 70%; margin: 0 auto; border: 0; padding: 110px 20px 45px; position: relative; } .format-quote .entry-header blockquote::before { content: "\f10c"; font-family: FontAwesome; font-size: 40px; color: #0697d9; position: absolute; left: 50%; top: 50px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .format-quote .entry-header blockquote p { margin-bottom: 10px; } .format-quote .entry-header blockquote small { font-size: 14px; line-height: 35px; } .format-quote .entry-header blockquote small, .format-quote .entry-header blockquote small a { color: #fff; } .format-quote.tag-post-formats .entry-header { display: none; margin-bottom: 0; } /* POST FORMAT LINK ------------------------------------------- */ .format-link .blog-link > a { display: block; padding: 20px 60px; font-size: 16px; background: #f1f1f1; position: relative; } .format-link .blog-link > a:hover { color: #fff; background-color: #13A3DB; } .format-link .blog-link > a::before { position: absolute; content: "\f08e"; font-family: FontAwesome; font-size: 16px; left: 35px; top: 20px; } .format-link .blog-link > a, .format-link .post-thumbnail { margin-bottom: 20px; } /* DEFAULT GALLERY POST ------------------------------------------- */ .format-gallery .featured-wrapper { margin-bottom: 25px; } .gallery { margin-bottom: 1.5em; border: 1px solid #eee; } .gallery-caption { display: block; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 97.8%; border: 1px solid #eee; padding: 5px; margin: 10px; } .gallery-item img { width: 100%; height: auto; } .gallery-columns-2 .gallery-item { max-width: 47.6%; } .gallery-columns-3 .gallery-item { max-width: 30.5%; } .gallery-columns-4 .gallery-item { max-width: 22.6%; } .gallery-columns-5 .gallery-item { max-width: 18.8%; margin: 5px; } .gallery-columns-6 .gallery-item { max-width: 15.48%; margin: 5px; } .gallery-columns-7 .gallery-item { max-width: 13.1%; margin: 5px; } .gallery-columns-8 .gallery-item { max-width: 11.31%; margin: 5px; } .gallery-columns-9 .gallery-item { max-width: 9.92%; margin: 5px; } .gallery-columns-7 figcaption { font-size: 12px; line-height: 20px; } .gallery-columns-8 figcaption { font-size: 12px; line-height: 20px; } .gallery-columns-9 figcaption { font-size: 12px; line-height: 20px; } .format-gallery .gallery { border: 0; } /* CUSTOM GALLERY POST ------------------------------------------- */ .blog-gallery-carousel .carousel-control { top: 50%; margin-top: -18px; width: 34px; height: 34px; line-height: 34px; color: rgba(0, 0, 0, 0.7); background-color: rgba(255, 255, 255, 0.5); text-shadow: none; filter: alpha(opacity=100); /*opacity: 0;*/ z-index: 300; background-image: none; } .blog-gallery-carousel .carousel-control:focus, .blog-gallery-carousel .carousel-control:hover { color: #fff; background-color: #13A3DB; } .blog-gallery-carousel .carousel-control.left { left: 0; } .blog-gallery-carousel .carousel-control.right { right: 0; } /* POST FORMAT STATUS ------------------------------------------- */ .format-status p { background-color: #D5F1F9; padding: 15px 25px; color: #666; margin-bottom: 0 !important; } /* POST FORMAT CHAT ------------------------------------------- */ article.format-chat { margin-bottom: 50px; } .format-chat .entry-title { margin: 0; } .format-chat .entry-content p:nth-child(odd), .format-chat .entry-content p:nth-child(even) { padding: 10px 25px; margin-top: 30px; position: relative; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .format-chat .entry-content p:nth-child(odd) { margin-right: 30px; background: #F5F5F5; border-radius: 15px 0 15px 15px; } .format-chat .entry-content p:nth-child(even) { margin-left: 30px; background: #D5F1F9; border-radius: 0 15px 15px 15px; } .format-chat .entry-content p:nth-child(odd)::before, .format-chat .entry-content p:nth-child(even)::before { content: ""; position: absolute; top: 0; width: 0; height: 0; border-top: 0; border-bottom: 15px solid transparent; } .format-chat .entry-content p:nth-child(odd)::before { right: -15px; border-left: 15px solid #f5f5f5; -webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1)); filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1)); } .format-chat .entry-content p:nth-child(even)::before { left: -15px; border-right: 15px solid #d5f1f9; -webkit-filter: drop-shadow(-1px 4px 1px rgba(0,0,0,0.1)); filter: drop-shadow(-1px 4px 1px rgba(0,0,0,0.1)); } /* Post Password Protected ------------------------------------------- */ .post-password-required .form-control { font-size: 14px; } .post-password-required .input-group-btn{ top: 8px; } .post-password-required .input-group-btn .btn { height: 46px; padding: 10px 38px; } .post-password-required .input-group-btn:last-child>.btn{ -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } /* PAGINATION ------------------------------------------- */ .blog-pagination {} @media (max-width: 767px) { .blog-pagination { margin-bottom: 40px; } } .blog-navigation, .page-numbers, .pagination { margin: 50px 0 0; } .pagination>li{ display: inline-block; } .page-numbers>li>a, .page-numbers>li>span, .pagination>li>a, .pagination>li>span { font-size: 13px; margin-left: 10px !important; color: #a7a7a7; border: 1px solid #eee; min-width: 40px !important; height: 40px !important; line-height: 38px !important; padding: 0 !important; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .page-numbers>li>a.prev, .page-numbers>li>a.next, .pagination>li>a.prev, .pagination>li>a.next{ width: 75px; } .page-numbers>li:first-child>a, .page-numbers>li:first-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span { -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; } .page-numbers>li:last-child>a, .page-numbers>li:last-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; } .page-numbers>li>a:hover, .page-numbers>li>span:hover, .page-numbers>li>a:focus, .page-numbers>li>span:focus, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{ color: #fff !important; background-color: #13A3DB !important; border-color: transparent !important; } .page-numbers .current, .pagination .current, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{ background-color: #13A3DB !important; border-color: #13A3DB !important; color: #fff !important; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { border-color: #eee; } .page-count { font-size: 13px; border: 1px solid #eee; color: #a7a7a7; padding: 2px 12px; } @media (max-width: 479px) { .pagination>li>a, .pagination>li>span { margin-bottom: 10px; } } .blog-navigation .previous-page i{ margin-right: 5px; } .blog-navigation .next-page{ text-align: right; } .blog-navigation .next-page i{ margin-left: 5px; } .blog-navigation a{ color: #a7a7a7; border: 1px solid #a7a7a7; padding: 10px 20px; border-radius: 50px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .blog-navigation a:hover{ border-color: #13A3DB; color: #ffffff; background-color: #13A3DB; } /* INNER POST PAGINATION ------------------------------------------- */ .page-pagination{ margin-bottom: 20px; } .page-pagination a span{ color: #949494; background-color: #eee; border-radius: 3px; width: 24px; height: 24px; line-height: 23px; display: inline-block; text-align: center; } .page-pagination a:hover span, .page-pagination > span { background-color: #13A3DB; color: #fff; } .page-pagination > span{ width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 23px; border-radius: 3px; } .page-pagination .page-links-title{ margin-right: 8px; width: inherit; color: inherit; background-color: transparent; } /* SINGLE POST PAGER ------------------------------------------- */ .single-post-navigation { margin-bottom: 50px; text-align: center; } .single-post-navigation a { font-size: 16px; line-height: 64px; color: #999; display: block; border: 1px solid #eee; } .single-post-navigation a:hover{ color: #fff; background-color: #13A3DB; border: 1px solid transparent; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .single-post-navigation a i { padding: 0; opacity: 0; visibility: hidden; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; } .single-post-navigation a:hover i { opacity: 1; visibility: visible; } .single-post-navigation .previous a:hover i { padding-right: 10px; } .single-post-navigation .next a:hover i { padding-left: 10px; } @media (max-width: 479px){ .single-post-navigation a{ font-size: 12px; } .previous-post-link i, .next-post-link i { display: none; } } /* =-=-=-=-=-=-= SIDEBAR STYLE =-=-=-=-=-=-= */ @media (max-width: 767px) { .tt-sidebar-wrapper { margin-top: 50px; } } .tt-sidebar-wrapper .widget{ margin-bottom: 50px; } .tt-sidebar-wrapper.left-sidebar .widget, .tt-sidebar-wrapper.right-sidebar .widget{ /* padding: 35px 20px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); */ } .tt-sidebar-wrapper.left-sidebar .widget.widget_search, .tt-sidebar-wrapper.right-sidebar .widget.widget_search, .tt-sidebar-wrapper.left-sidebar .widget.widget_product_search, .tt-sidebar-wrapper.right-sidebar .widget.widget_product_search{ padding-top: 35px; } .tt-sidebar-wrapper .widget-title{ font-size: 20px; font-weight: 700; color: #13A3DB; } @media (min-width: 992px) { .tt-sidebar-wrapper.right-sidebar { /* padding-left: 20px; */ } .tt-sidebar-wrapper.left-sidebar { padding-right: 20px; } } /* ----------------------------------------------------------- COMMON STYLE FOR ALL WIDGETS -------------------------------------------------------------- */ .tt-sidebar-wrapper .widget { margin-bottom: 50px; /* margin-top: 85px; */ } .tt-sidebar-wrapper .widget-title { font-size: 16px; font-weight: 700; margin-bottom: 25px; } .tt-sidebar-wrapper .widget-title, .tt-sidebar-wrapper .widget-title a { color: #202020; } .tt-sidebar-wrapper .widget > ul, .menu-testing-menu-container ul { padding: 0; } .tt-sidebar-wrapper .widget > ul > li, .menu-testing-menu-container ul > li { list-style-type: none; } .tt-sidebar-wrapper .widget_product_categories > ul > li, .tt-sidebar-wrapper .widget_layered_nav ul li, .tt-sidebar-wrapper .widget_categories ul li, .tt-sidebar-wrapper .widget_archive ul li, .tt-sidebar-wrapper .widget_meta ul li, .tt-sidebar-wrapper .widget_pages ul li, .tt-sidebar-wrapper .widget_rss ul li, .tt-sidebar-wrapper .widget_recent_comments ul li, .tt-sidebar-wrapper .widget_recent_entries ul li { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; } .tt-sidebar-wrapper .widget_categories ul li:last-child, .tt-sidebar-wrapper .widget_layered_nav ul li:last-child, .tt-sidebar-wrapper .widget_archive ul li:last-child, .tt-sidebar-wrapper .widget_meta ul li:last-child, .tt-sidebar-wrapper .widget_pages ul li:last-child, .tt-sidebar-wrapper .widget_rss ul li:last-child, .tt-sidebar-wrapper .widget_recent_comments ul li:last-child, .tt-sidebar-wrapper .widget_recent_entries ul li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .tt-sidebar-wrapper .widget_product_categories ul li a, .tt-sidebar-wrapper .widget_layered_nav ul li a, .tt-sidebar-wrapper .widget_categories ul li a, .tt-sidebar-wrapper .widget_archive ul li a, .tt-sidebar-wrapper .widget_meta ul li a, .tt-sidebar-wrapper .widget_pages ul li a, .tt-sidebar-wrapper .widget_nav_menu ul li a, .tt-sidebar-wrapper .widget_recent_comments ul li a, .tt-sidebar-wrapper .widget_recent_entries ul li a { display: inline-block; color: #999; text-transform: capitalize; } .tt-sidebar-wrapper .widget_product_categories ul li a:hover, .tt-sidebar-wrapper .widget_layered_nav ul li a:hover, .tt-sidebar-wrapper .widget_categories ul li a:hover, .tt-sidebar-wrapper .widget_archive ul li a:hover, .tt-sidebar-wrapper .widget_meta ul li a:hover, .tt-sidebar-wrapper .widget_pages ul li a:hover, .tt-sidebar-wrapper .widget_nav_menu ul li a:hover, .tt-sidebar-wrapper .widget_recent_comments ul li a:hover, .tt-sidebar-wrapper .widget_recent_entries ul li a:hover { color: #13A3DB; } .recentcomments .comment-author-link{ font-weight: 700; } /* WIDGET_SEARCH --------------------------------------------------------- */ .search-form { position: relative; } .search-form .input-field input[type=text], .search-form .input-field input[type=search]{ height: inherit; border: 0; border-bottom: 1px solid #e6e6e6; padding: 5px 0; } .search-form button { position: absolute; top: -18px; right: 0; font-size: 20px; height: 60px; background-color: transparent; border: 0; color: #c3c3c3; } .search-form button:focus{ background-color: transparent; } .not-found .form-control{ height: 60px; } /* POPULAR POSTS --------------------------------------------------------*/ .tt-popular-post { border: 1px solid #eee; } .tt-popular-post .tab-content{ padding: 30px 20px; } .tt-popular-post .nav-tabs { border-bottom: 1px solid transparent; } .tt-popular-post .nav-tabs>li, .tt-popular-post .nav-tabs.nav-justified>li { position: relative; } .tt-popular-post .nav-tabs>li::before, .tt-popular-post .nav-tabs.nav-justified>li::before { content: ""; width: 1px; height: 20px; background-color: #eee; position: absolute; top: 50%; right: 0; margin-top: -10px; z-index: 10; } .tt-popular-post .nav-tabs>li:last-child::before, .tt-popular-post .nav-tabs.nav-justified>li:last-child::before { display: none; } .tt-popular-post .nav-tabs>li>a, .tt-popular-post .nav-tabs.nav-justified>li>a { padding: 17px 12px; color: #bebebe; font-size: 16px; font-weight: 700; text-transform: capitalize; border-left: none!important; border-top: none!important; border-right: none!important; border-bottom: 4px solid transparent!important; background: none; } .tt-popular-post .nav-tabs>li.active>a, .tt-popular-post .nav-tabs.nav-justified>li.active>a { color: #202020; border-bottom: 4px solid #13A3DB!important; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; } .tt-popular-post .media, .tt-latest-post .media, .tt-recent-comments .media { padding-bottom: 10px; border-bottom: 1px solid #eee; } .footer-sidebar .tt-popular-post .media, .footer-sidebar .tt-latest-post .media, .footer-sidebar .tt-recent-comments .media { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .footer-sidebar .tt-popular-post .media:last-of-type, .footer-sidebar .tt-latest-post .media:last-of-type, .footer-sidebar .tt-recent-comments .media:last-of-type, .tt-popular-post .media:last-of-type, .tt-latest-post .media:last-of-type, .tt-recent-comments .media:last-of-type { padding-bottom: 0; border-bottom: 0; } .tt-popular-post .media img, .tt-latest-post .media img, .tt-recent-comments .media img{ width: 50px; height: 50px; border-radius: 50%; background-color: #f1f1f1; padding: 2px; } .tt-popular-post .media-body, .tt-latest-post .media-body, .tt-recent-comments .media-body { vertical-align: middle; } .tt-popular-post .media .media-left, .tt-latest-post .media .media-left, .tt-recent-comments .media .media-left { padding-right: 15px; } .tt-popular-post .media-body h4, .tt-latest-post .media-body h4, .tt-recent-comments .media-body h4 { font-size: 15px; margin-bottom: 0; } .tt-popular-post .media-body h4 a, .tt-latest-post .media-body h4 a, .tt-recent-comments .media-body h4 a{ color: #999; } .tt-popular-post .media-body h4 a:hover, .tt-latest-post .media-body h4 a:hover, .tt-recent-comments .media-body h4 a:hover{ color: #13A3DB; } .tt-popular-post .media-body h4+span, .tt-latest-post .media-body h4+span { float: right; } .tt-popular-post .entry-meta li, .tt-latest-post .entry-meta li, .tt-recent-comments .entry-meta li { font-size: 12px; text-transform: capitalize; } .tt-popular-post .entry-meta li+li, .tt-latest-post .entry-meta li+li, .tt-recent-comments .entry-meta li+li { margin-left: 5px; position: relative; } .tt-popular-post .entry-meta li+li:before, .tt-latest-post .entry-meta li+li:before, .tt-recent-comments .entry-meta li+li:before { content: ""; width: 1px; height: 10px; background-color: #eee; position: absolute; left: -7px; top: 10px; } /* WIDGET_TEXT --------------------------------------------------------- */ .tt-sidebar-wrapper .widget_text img { max-width: 100%; height: auto; } /* AUTHOR INFO WIDGET --------------------------------------------------------- */ .author-info-wrapper { position: relative; border: 1px solid #eee; } .author-cover { position: relative; } .author-cover::before { position: absolute; left: 0; bottom: 0; content: ""; background: -webkit-linear-gradient(top, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); background: -o-linear-gradient(bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); background: -moz-linear-gradient(bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8)); width: 100%; height: 50%; z-index: 1; } .author-cover img{ width: 100%; } .author-cover + .author-avatar { margin-bottom: 35px; } .author-cover + .author-avatar img { background: #fff; padding: 5px; position: absolute; top: 116px; left: 15px; z-index: 20; } .author-avatar { margin: 20px 0; } .author-info-wrapper .author-avatar img { width: 100px; height: 100px; border-radius: 50%; } .author-info-wrapper h4 { font-weight: 700; text-transform: uppercase; } .author-info-wrapper p { line-height: 25px; } .author-info-wrapper .author-avatar, .author-info-wrapper h4, .author-info-wrapper p { padding: 0 25px; text-align: center; } .author-social-links ul { text-align: center; margin-bottom: 20px; } .author-social-links ul li a{ display: block; width: 30px; height: 30px; color: #999; } .author-social-links ul li a:hover{ color: #13A3DB; } /* NEWSLETTER WIDGET ------------------------------------------- */ .widget.widget_mc4wp_form_widget{ padding: 30px 35px 40px; background-color: #13A3DB; color: #ffffff; text-align: center; } .widget.widget_mc4wp_form_widget .widget-title{ color: #ffffff; border: 0; } .widget_mc4wp_form_widget .mc4wp-form{ margin-bottom: 0; } .widget_mc4wp_form_widget .form-group{ margin-bottom: 15px; } .widget_mc4wp_form_widget .form-control{ height: 50px; padding: 0 20px; background-color: rgba(0, 0, 0, 0.20); color: #ffffff; border: 0; text-align: center; } .widget_mc4wp_form_widget .btn{ color: #13A3DB; width: 100%; background-color: #fff; line-height: 50px; padding: 0; border: 0; text-transform: uppercase; font-weight: 700; } .widget_mc4wp_form_widget .btn:hover, .widget_mc4wp_form_widget .btn:focus{ background-color: #efefef; color: #13A3DB; outline: none; } .widget_mc4wp_form_widget .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .widget_mc4wp_form_widget .form-control:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.3); } .widget_mc4wp_form_widget .form-control::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.3); } .widget_mc4wp_form_widget .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } /*Widget Select Option Style*/ .widget select { width: 100%; height: 60px; padding: 10px 20px; color: #666; border: 1px solid #eee; } .widget select:focus { border: 1px solid #13A3DB; outline: none; } /*widget_calendar*/ .footer-sidebar .widget_calendar .calendar_wrap { border: 0; padding: 0; } .widget_calendar .calendar_wrap table { width: 100%; } .widget_calendar .calendar_wrap table caption { padding: 0 0 5px; margin-bottom: 15px; color: #666; border-bottom: 1px solid #eee; } .widget_calendar #today { color: #13A3DB; } /* TAG CLOUD ------------------------------------------- */ .widget_tag_cloud a{ display: inline-block; font-size: 13px!important; line-height: 27px; padding: 0px 11px; color: #666; border: 1px solid #eee; border-radius: 50px; margin-right: 7px; margin-bottom: 7px; } .widget_tag_cloud a:hover{ background-color: #13A3DB; color: #fff!important; border: 1px solid transparent; } /*widget_nav_menu*/ .widget_nav_menu .menu { padding-left: 5px; } .widget_nav_menu .menu .sub-menu{ padding-left: 15px; } /* BLOG GRID STYLE --------------------------------------------------------- */ .blog-grid .format-quote .entry-header blockquote { width: 100%; padding: 110px 30px 45px; } .blog-grid .post.format-link .blog-link > a { padding: 20px 20px 20px 60px; line-height: 24px; } /* SINGLE POST ------------------------------------------- */ .single-post .post-wrapper { margin-bottom: 30px; } .single-post .entry-title { margin: 5px 0 12px; font-size: 20px; text-transform: uppercase; font-weight: 700; } .single-post .header-wrap { margin-bottom: 25px; } .single-post .header-wrap ul { margin: 0; padding: 0; list-style: none; } .single-post .header-wrap ul li { float: left; font-size: 14px; text-transform: capitalize; margin-right: 15px; } .single-post .header-wrap ul li:last-child { margin-right: 0; } @media ( max-width: 479px) { .single-post .header-wrap ul li { font-size: 13px; line-height: 24px; } } .single-post .header-wrap ul li a { color: #999; } .single-post .header-wrap ul li a:hover { color: #13A3DB; } .single-post .header-wrap ul li i { margin-right: 5px; } .single-post .entry-footer { border-top: 1px solid #eee; padding: 25px 0 10px; margin-top: 30px; } .single-post .entry-footer .post-share { float: right; } .single-post .entry-footer .post-share ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #999; color: #fff; } .single-post .entry-footer .post-share ul li a.facebook { background-color: #3b5998; } .single-post .entry-footer .post-share ul li a.twitter { background-color: #1da1f2; } .single-post .entry-footer .post-share ul li a.google-plus { background-color: #dd4b39; } .single-post .entry-footer .post-share ul li a.linkedin { background-color: #00a0dc; } /* AUTHOR BIO ------------------------------------------- */ .single-post .post-author { border: 1px solid #eee; margin-bottom: 80px; } .single-post .post-author .media { padding: 30px 20px; } .single-post .post-author .media-left { padding-right: 20px; vertical-align: middle; } .single-post .post-author .media-left img { border-radius: 50%; } .author-info h3{ font-family: 'Open Sans', sans-serif; text-transform: capitalize; } .author-social-info { border-top: 1px solid #eee; padding: 15px 20px; } .authors-post { float: left; } .authors-post a, .authors-post i{ color: #a7a7a7; } .authors-post a:hover{ color: #13A3DB; } .authors-post i { margin-right: 10px; } .author-social { float: right; } .author-social ul li a { color: #a7a7a7; } .author-social ul li a:hover { color: #13A3DB; } @media (max-width: 350px) { .author-box .author-box-image { display: block; padding-right: 0; } .author-box .author-box-image img { margin: 0 auto 20px; } } /* COMMENTS-WRAPPER ------------------------------------------- */ .comments-wrapper .comments-title, .comments-wrapper .comment-reply-title { font-weight: 500; } .comments-wrapper ul { list-style: none; } .comments-wrapper > ul { padding: 0; } .comments-wrapper .media-heading { margin-bottom: 0; } .comments-wrapper .media-body { border-bottom: 1px solid #eee; padding-bottom: 15px; } .comment-list .media { margin-top: 30px; } .comment-list .media .media-left{ padding-right: 20px; } .comment-list .media .media-left img{ border-radius: 3px; } .comment-list .bypostauthor .media .media-left img{ border: 1px solid #ef475b; } .comments-wrapper .comment-info { color: #a7a7a7; font-size: 13px; line-height: 22px; position: relative; } .comments-wrapper .comment-info .comment-author { font-size: 18px; color: #ed145b; font-weight: 700; } .comment-meta-wrapper { position: absolute; top: 0; right: 0; font-size: 14px; font-weight: 700; line-height: 16px; } .comment-meta-wrapper a { display: inline-block; color: #ed145b; } .comment-meta-wrapper a:hover { color: #13A3DB; } .comment-meta-wrapper a + a { margin-left: 20px; padding-left: 20px; border-left: 2px solid #ed145b; } @media (max-width: 550px){ .comment-meta-wrapper { top: 26px; right: auto; font-size: 10px; line-height: 12px; } .comment-meta-wrapper a + a { margin-left: 10px; padding-left: 10px; } .comment-info time { margin-top: 20px; display: inline-block; } } .comment-respond { margin-top: 50px; } .comment-respond .comment-reply-title { margin-bottom: 30px; } .comment-respond .btn { margin-top: 25px; } @media screen and (max-width: 479px) { .comments-wrapper ul.children { padding: 0; } .pager.comment-navigation .next>a, .pager.comment-navigation .previous>a, .pager.comment-navigation .previous>span .pager.comment-navigation .next>span { float: none; display: block; margin: 5px 0; } } .pager.comment-navigation { margin-top: 50px; } .pager.comment-navigation li a { color: #999; display: block; border: 1px solid #eee; border-radius: 0; padding: 6px 20px; } .pager.comment-navigation li.previous a i{ margin-right: 5px; } .pager.comment-navigation li.next a i{ margin-left: 5px; } .pager.comment-navigation li a:hover { color: #fff; background-color: #13A3DB; border: 1px solid transparent; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .comments-wrapper .comment-form .input-field { margin-top: 30px; } .comments-wrapper .comment-form label { margin-bottom: 0; font-weight: 500; left: 15px; } .comments-wrapper .comment-form .comment-form-comment label { left: 0; } .comments-wrapper .comment-form input[type=text], .comments-wrapper .comment-form input[type=email], .comments-wrapper .comment-form input[type=url], .comments-wrapper .comment-form textarea.materialize-textarea { border-bottom: 1px solid #eee; } .comments-wrapper .comment-form .form-submit .btn { font-size: 16px; font-weight: 700; } /*WP Default Comments --------------------------------------------------*/ .comments-wrapper .comment-notes, .comments-wrapper .comment-awaiting-moderation { padding: 11px 15px; color: #31708f; background-color: #d9edf7; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .comments-wrapper input, .comments-wrapper textarea, .post-password-form input { color: #212121; width: 100%; } .comments-wrapper textarea { width: 100%; min-height: 80px; border: 0; border-bottom: 1px solid #eee; } .comments-wrapper .form-submit input{ border: none; margin-top: 20px; color: #fff; text-transform: uppercase; height: 50px; } .comments-wrapper textarea:focus, .comments-wrapper .form-submit input:focus { outline: none; } /* COMMENT TAB -------------------------------------------------------*/ .comments-tab .nav-tabs>li>a { padding: 17px 30px; } .comments-tab .nav-tabs>li>a, .comments-tab .nav-tabs.nav-justified>li>a { border-radius: 0; font-weight: 400; text-transform: capitalize; font-size: 18px; background-color: transparent; } .comments-tab .nav-tabs>li>a, .nav-tabs.nav-justified>li>a { font-weight: 500; text-transform: uppercase; color: #999; margin-right: -1px; border: 1px solid #eee; border-radius: 0; background-color: #fafafa; } #facebook-comment > p{ display: none; } .comments-tab .nav-tabs>li.active>a, .comments-tab .nav-tabs>li.active>a:focus, .comments-tab .nav-tabs>li.active>a:hover, .comments-tab .nav-tabs.nav-justified>.active>a, .comments-tab .nav-tabs.nav-justified>.active>a:focus, .comments-tab .nav-tabs.nav-justified>.active>a:hover { color: #fff; background-color: #13A3DB; border: 1px solid transparent; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .comments-tab .panel-body { padding: 30px 0; } @media (max-width: 767px){ .comments-tab .panel-body { padding: 30px; } } /* LATEST POST ------------------------------------------- */ .press-release-wrapper .entry-meta li:last-child { float: right; } .press-release-wrapper .entry-meta li a.zilla-likes { border: 0 !important; } .press-release-wrapper .blog-content { padding: 20px 0; } .press-release-wrapper .entry-footer { padding: 15px 0; border-top: 0; } .press-release-wrapper .lodemore { margin-top: 50px; } /* =-=-=-=-=-=-= CALL TO ACTION STYLE =-=-=-=-=-=-= */ .tt-cta-content h2{ margin-bottom: 10px; font-weight: 700; } .tt-cta-content p{ margin: 0; } .tt-cta-wrapper.button-right .tt-cta-content{ width: 75%; display: inline-block; } .tt-cta-wrapper.button-right .tt-cta-button{ float: right; } .sub-top + h2 { margin-bottom: 0; } .sub-title.sub-top { text-transform: uppercase; } .sub-title.sub-bottom { font-size: 16px; width: 100%; } .tt-cta-wrapper.text-center .sub-title { width: 60%; margin: 20px auto; } @media(max-width: 991px){ .tt-cta-wrapper.button-right .tt-cta-content{ width: 100%; } .tt-cta-wrapper.button-right .tt-cta-button{ margin-top: 30px; float: none; } } /* =-=-=-=-=-=-= TESTIMONIAL STYLE =-=-=-=-=-=-= */ /* TESTIMONIAL FLAT STYLE ---------------------------------------------------------------*/ /* .flat-test{min-height: 460px;} */ .flat-testimonial .quote-content p { font-size: 20px; line-height: 40px; font-weight: 400; position: relative; } .flat-testimonial .author-info .author-name { font-size: 16px; font-weight: 700; } .flat-testimonial .carousel-indicators { bottom: -65px; } .flat-testimonial .carousel-indicators li { width: 13px; height: 13px; margin: 2px; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); border: 1px solid transparent; } .flat-testimonial .carousel-indicators .active { width: 25px; height: 13px; background-color: #fff; } .flat-testimonial .carousel-control { top: 50%; margin-top: -12px; width: 24px; height: 24px; line-height: 24px; color: #fff; text-shadow: none; background-color: transparent; filter: alpha(opacity=100); opacity: 1; display: none; /*remove this if you want to show navigation arrow*/ } .flat-testimonial .carousel-control.right, .flat-testimonial .carousel-control.left { background-image: none; } /* CREATIVE TESTIMONIAL STYLE ---------------------------------------------------------------*/ .creative-testimonial .testimonial-content { padding: 30px 40px 30px; } .creative-testimonial .author-info { display: block; margin-top: 30px; margin-bottom: 50px; } .creative-testimonial .author-name { color: #13A3DB; font-weight: 700; } .creative-testimonial .author-meta { font-weight: 400; } .creative-testimonial .quote-img { margin-bottom: 30px; } .creative-testimonial .carousel-control { top: auto; bottom: 20px; width: 30px; height: 30px; line-height: 40px; color: #ddd; text-shadow: none; background-image: none !important; filter: 0; } .creative-testimonial .carousel-control.left { left: 50%; margin-left: -35px; } .creative-testimonial .carousel-control.right { right: 50%; margin-right: -35px; } .creative-testimonial .carousel-control:focus, .creative-testimonial .carousel-control:hover { color: #0985bd; opacity: 1; } /* Flex Testimonial Common Style ---------------------------------------------------------------*/ .flex-testimonial { position: relative; } .client-thumb-circle, .client-thumb-square { text-align: center; } .client-thumb-circle .quote-img, .client-thumb-square .quote-img { margin-bottom: 50px; } .client-thumb-circle .quote-content p, .client-thumb-square .quote-content p { margin-bottom: 30px; } .client-thumb-circle .client-info, .client-thumb-square .client-info { margin-bottom: 30px; } .flex-testimonial .flex-control-thumbs img.flex-active { position: relative; z-index: 100; opacity: 1; } /* Client Thumb Circle Style ---------------------------------------------------------------*/ .client-thumb-circle .client-info .client-name { color: #13A3DB; font-weight: 700; text-transform: capitalize; } .client-thumb-circle .flex-control-thumbs li { width: 72px; float: none; margin: 0 15px; } .client-thumb-circle .flex-control-thumbs img { opacity: .1; border-radius: 50%; } /* Client Thumb Square Style ---------------------------------------------------------------*/ .client-thumb-square .quote-content p { font-size: 18px; } .client-thumb-square .client-info .client-name { color: #202020; font-size: 18px; font-weight: 700; text-transform: capitalize; } .client-thumb-square .client-info .client-title { display: block; line-height: 18px; font-weight: 400; } .client-thumb-square .flex-control-thumbs li { width: 70px; float: none; margin: 0 2px; } .client-thumb-square .flex-control-thumbs img { opacity: .4; } /* Client Thumb Grid Common Style ---------------------------------------------------------------*/ .client-thumb-grid .quote-content p, .client-thumb-half-grid .quote-content p { font-size: 18px; margin-bottom: 30px; } .client-thumb-grid .client-info .client-name, .client-thumb-half-grid .client-info .client-name { font-size: 22px; text-transform: uppercase; font-weight: 700; } .client-thumb-grid .client-info .client-title, .client-thumb-half-grid .client-info .client-title { display: block; line-height: 18px; font-weight: 400; } .client-thumb-grid .flex-control-thumbs li, .client-thumb-half-grid .flex-control-thumbs li { border: 1px solid #eee; margin-left: -1px; margin-bottom: -1px; -webkit-transition: box-shadow 0.1s; -moz-transition: box-shadow 0.1s; -ms-transition: box-shadow 0.1s; transition: box-shadow 0.1s; } .client-thumb-grid .flex-control-thumbs img, .client-thumb-half-grid .flex-control-thumbs img { opacity: .4; } .client-thumb-grid .flex-control-thumbs img.flex-active, .client-thumb-half-grid .flex-control-thumbs img.flex-active { position: relative; z-index: 100; opacity: 1; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } /* Client Thumb Grid Style ---------------------------------------------------------------*/ .client-thumb-grid { text-align: center; } .client-thumb-grid .client-info { margin-bottom: 30px; } .client-thumb-grid .flex-control-thumbs { padding: 20px 15px; } .client-thumb-grid .flex-control-thumbs img { padding: 20px 50px; } /* Client Thumb Half Grid Style ---------------------------------------------------------------*/ .client-thumb-half-grid .flex-viewport { width: 50%; float: left; } .client-thumb-half-grid .flex-control-nav { width: 50%; float: right; text-align: right; } .client-thumb-half-grid .flex-control-thumbs { padding: 0 15px 20px; } .client-thumb-half-grid .flex-control-thumbs img { padding: 10px 20px; } .client-thumb-half-grid .flex-control-thumbs li { width: 33.33%; } @media (max-width: 767px) { .client-thumb-half-grid .flex-viewport, .client-thumb-half-grid .flex-control-nav { width: 100%; float: none; } .client-thumb-half-grid .flex-viewport { margin-bottom: 30px; } .client-thumb-half-grid .flex-control-nav { text-align: left; } .client-thumb-grid .flex-control-thumbs img { padding: 20px 10px; } } /*case study page css*/ /* Team Listing peach gradient */ /* .peach_grad img:hover{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .peach_grad img { width: 100%; height: 100%; border-radius: 50%; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(204,93,100,1)); padding: 5px !important; } */ /* ----------------------- Peach ----------------------- */ .peach_grad .tt-content-box { /* max-width: 340px; */ overflow: hidden; position: relative; margin: 0 auto; margin-bottom: 20px; padding: 20px !important; } .peach_grad .tt-content-wrapper { width: 200px; height: 200px; border-radius: 50%; border: none !important; background-repeat: no-repeat; background-size: contain; background-position: center center; position: relative; z-index: 999 !important; margin: 0 auto !important; max-width: 100%; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(204,93,100,1)); background-color: #ffffff !important; padding: 5px !important; margin: 20px !important; } .peach_grad .tt-content-wrapper img{position: relative; z-index: -1 !important; height: 100%; width: 100%; border-radius: 50%; margin-top:0px; padding: 0px;} .peach_grad .tt-content-wrapper .tt-hidden-content{ overflow:visible; height: 100%; width: 100%; top:0px; margin-top: 0px; } .peach_grad .tt-content-wrapper:hover .tt-hidden-content { top:0px; } .peach_grad .tt-content-wrapper .tt-visible-content { position: relative; top:55px; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; } .peach_grad .tt-content-wrapper .tt-hidden-content{top: 0px;} .peach_grad .tt-content-wrapper:hover .tt-visible-content{ top: 45px; } .peach_grad .tt-visible-content h2 { font-size: 16px; line-height: 25px; font-weight: 900; color: #ffffff; text-transform: uppercase; text-shadow: 0px 5px 8px rgba(10, 10, 10, 1) !important; } /* ----------------------- Peach ----------------------- */ .peach_grad_sml .tt-content-box { /* max-width: 340px; */ overflow: hidden; position: relative; margin: 0 auto; margin-bottom: 20px; padding: 20px !important; } .peach_grad_sml .tt-content-wrapper { width: 170px; height: 170px; border-radius: 50%; border: none !important; background-repeat: no-repeat; background-size: contain; background-position: center center; position: relative; z-index: 999 !important; margin: 0 auto !important; max-width: 100%; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(204,93,100,1)); background-color: #ffffff !important; padding: 5px !important; margin: 20px !important; } .peach_grad_sml .tt-content-wrapper img{position: relative; z-index: -1 !important; height: 100%; width: 100%; border-radius: 50%; margin-top:0px; padding: 0px;} .peach_grad_sml .tt-content-wrapper .tt-hidden-content{ overflow:visible; height: 100%; width: 100%; top:0px; margin-top: 0px; } .peach_grad_sml .tt-content-wrapper:hover .tt-hidden-content { top:0px; } .peach_grad_sml .tt-content-wrapper .tt-visible-content { position: relative; top:55px; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; } .peach_grad_sml .tt-content-wrapper .tt-hidden-content{top: 0px;} .peach_grad_sml .tt-content-wrapper:hover .tt-visible-content{ top: 45px; } .peach_grad_sml .tt-visible-content h2 { font-size: 16px; line-height: 25px; font-weight: 900; color: #ffffff; text-transform: uppercase; text-shadow: 0px 5px 8px rgba(10, 10, 10, 1) !important; } /* ----------------------- Bevel Hover ----------------------- */ /* .effect-apollo a{background-color: aqua !important; cursor: pointer !important;} .effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; width: 100%; height: 100%; } .effect-apollo .hov::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } .effect-apollo:hover img { opacity: 0.6; } .effect-apollo:hover .hov::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } */ .bevel .tt-content-wrapper img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .bevel .tt-content-wrapper .tt-hidden-content::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } .bevel .tt-content-wrapper:hover img { opacity: 0.6; } .bevel .tt-content-wrapper:hover .tt-hidden-content::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } .peach_grad .tt-content-wrapper img { opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .peach_grad .tt-content-wrapper .tt-hidden-content::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } .peach_grad .tt-content-wrapper:hover img { opacity: 1; } .peach_grad .tt-content-wrapper:hover .tt-hidden-content::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } .peach_grad_sml .tt-content-wrapper img { opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .peach_grad_sml .tt-content-wrapper .tt-hidden-content::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } .peach_grad_sml .tt-content-wrapper:hover img { opacity: 1; } .peach_grad_sml .tt-content-wrapper:hover .tt-hidden-content::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } /* li.active img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } li.active .team-hov::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } li.active:hover img { opacity: 0.6; } li.active:hover .team-hov::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } */ /* ----------------------- Team Apollo Hover ----------------------- */ /* figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-apollo figcaption::before { overflow: hidden !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } figure.effect-apollo:hover img { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } */ /* ----------------------- Bevel ----------------------- */ .bevel .tt-content-box { /* max-width: 340px; */ overflow: hidden; position: relative; margin: 0 auto; margin-bottom: 20px; } .bevel .tt-content-wrapper { height: 200px; width: 200px; background-image: url("/wp-content/uploads/vest_bevel.png"); border: none !important; background-repeat: no-repeat; background-size: contain; background-position: center center; position: relative; z-index: 999 !important; margin: 0 auto !important; max-width: 100%; padding: 12px 11px !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; } .bevel .tt-content-wrapper a {cursor: pointer !important;} .bevel .tt-content-wrapper img{position: relative; z-index: -1 !important; height: 100%; width: 100%; border-radius: 50%; margin-top:-42px; padding: 0px;} .bevel .tt-content-wrapper img:hover{} .bevel .tt-content-wrapper .tt-hidden-content{ overflow:visible; height: 100%; width: 100%; top:0px; margin-top: 0px; } .bevel .tt-content-wrapper:hover .tt-hidden-content { top:0px; } .bevel .tt-content-wrapper .tt-visible-content { position: relative; top:75px; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; } .bevel .tt-content-wrapper .tt-hidden-content{top: 0px;} .bevel .tt-content-wrapper:hover .tt-visible-content{ top: 55px; } .bevel .tt-visible-content h2 { font-size: 20px; line-height: 25px; font-weight: 900; color: #ffffff; text-transform: uppercase; text-shadow: 0px 5px 8px rgba(10, 10, 10, 1) !important; } /* .tt-content-box { margin-bottom: 30px; } */ .tt-content-box { display: table; max-width: 340px; overflow: hidden; position: relative; margin: 0 auto; margin-bottom: 20px; } .tt-content-box.date { max-width: 340px; /* height: 250px !important; width: 250px !important; */ overflow: hidden; position: relative; margin: 0 auto; margin-bottom: 20px; } .tt-content-wrapper { margin: 0 auto !important; /* height: 200px; width: 200px; */ padding-top: 31% !important; background: #ffffff; border-radius: 50%; border:6px #ebebeb solid; position: relative; overflow: visible; margin: 10px; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; text-align: center; line-height: 16px; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); } .tt-content-wrapper.date { margin: 0 auto !important; height: 200px; width: 200px; padding-top: 31%; background: aqua !important; border-radius: 50%; border:6px #ebebeb solid; position: relative; overflow: hidden; margin: 10px; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; text-align: center; line-height: 16px; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); } .tt-content-box .date .tt-content-wrapper { height: 250px !important; width: 250px !important; padding-top: 43% !important; background: #ffffff; border-radius: 50%; border:6px #ebebeb solid; position: relative; overflow: hidden; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; text-align: center; line-height: 16px; } /* .tt-content-wrapper { position: relative; overflow: hidden; min-height: 300px; padding: 40px 20px 0; color: #fff; text-align: center; border: 1px solid #dedede; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; border-radius: 50%; } */ .tt-content-wrapper:hover { /* background-color: #13A3DB; border:6px #ebebeb solid; */ } .tt-content-wrapper .tt-hidden-content{ overflow:hidden; height:0; } .tt-content-wrapper:hover .tt-hidden-content { height:auto; } .tt-content-wrapper .tt-visible-content, .tt-content-wrapper .tt-hidden-content { position: relative; top: -65%; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; } .tt-content-wrapper:hover .tt-visible-content, .tt-content-wrapper:hover .tt-hidden-content { top: -75%; } /*content style*/ .tt-visible-content i { font-size: 40px; color: #13A3DB; margin-bottom: 20px; display: block; } .tt-visible-content h2 { font-size: 18px; line-height: 25px; font-weight: 700; color: #13A3DB; text-transform: uppercase; } .tt-content-wrapper:hover .tt-visible-content i, .tt-content-wrapper:hover .tt-visible-content h2 { color: #fff; } .basecamp-intro h2{ font-size: 25px; line-height: 25px; font-weight: 700; } .basecamp-solution { padding: 100px 0 0; background-color: #fafafa; border-top: 1px solid #d2d2d2; } .solution-intro-wrapper { display: table; } .basecamp-solution-thumb { display: table-cell; vertical-align: bottom; } @media (max-width: 991px) { .basecamp-solution-intro { margin-bottom: 50px; } } @media (min-width: 1200px) { .basecamp-solution-intro { padding-left: 12%; } } @media (min-width: 1920px) { .basecamp-solution-intro { padding-left: 35%; } } .basecamp-solution-thumb { padding-right: 0; } .basecamp-solution-thumb img { width: 100%; } .basecamp-testimonial { padding: 100px 0; background-color: #13A3DB; } .basecamp-testimonial blockquote { padding: 0; margin: 0; text-align: center; border-left: 0; color: #fff; font-size: 25px; line-height: 35px; font-weight: 300; border: 0; } .basecamp-testimonial blockquote::before { display: none; } .basecamp-testimonial blockquote footer { font-size: 18px; line-height: 21px; font-weight: 700; font-family: 'Roboto Slab', serif; color: #fff; margin-top: 35px; } .basecamp-testimonial blockquote footer cite { display: block; font-size: 16px; font-weight: 300; font-family: 'Open Sans', sans-serif; font-style: normal; } .basecamp-testimonial blockquote footer:before { content: ""; } .image-holder img{ margin: 0 auto; } .case-study-page.gradient-bottom::after{ position: absolute; left: 0; bottom: 0; content: ""; background: -webkit-linear-gradient(top, rgba(255,0,0,0), rgba(0, 0, 0, 0.5)); background: -o-linear-gradient(bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5)); background: -moz-linear-gradient(bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5)); width: 100%; height: 70px; z-index: 100; } /* COMMON CLASS IN MULTI HOMEPAGES ------------------------------------------- */ /*Alert Shortcode Page*/ .shortcode-alert-wrapper h2 { margin-bottom: 25px; } /*Contact Page*/ .contact-info address { margin-bottom: 30px; line-height: 24px; } .contact-info h3{ text-transform: capitalize; } /* =-=-=-=-=-=-= PRICING TABLE =-=-=-=-=-=-= */ .pricing-table { margin-bottom: 30px; } .table-header { padding: 40px 30px 0; margin-bottom: 7px; color: #666; } .package-name { font-size: 30px; text-transform: uppercase; font-weight: 700; margin-bottom: -10px; } .package-price { width: 112px; height: 112px; background-color: #ed145b; color: #fff; margin: 0 auto; text-align: center; border-radius: 50%; position: relative; top: 40px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .package-price .currency-symbol, .package-price .price { font-size: 35px; line-height: 40px; font-weight: 700; display: inline-block; margin-top: 25px; } .package-price .currency-code { font-size: 12px; font-weight: 700; display: block; } .table-info { padding: 60px 30px; } .table-info ul { margin: 0; padding: 0; list-style: none; } .table-info ul li{ font-size: 16px; line-height: 40px; color: #666; } .table-footer { padding: 0 30px 60px; } .table-header, .table-info, .table-footer { background-color: #fff; } .pricing-table:hover .brand-hover { background-color: #13A3DB; color: #fff; } .pricing-table, .table-header, .package-price { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pricing-table:hover, .pricing-table:hover .package-price { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } /* =-=-=-=-=-=-= MAGNIFIC POPUP =-=-=-=-=-=-= */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.75; } .mfp-bottom-bar { display: none; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-arrow-right::after, .mfp-arrow-left::after { font-family: 'FontAwesome'; border: none !important; color: #fff; font-size: 65px; -webkit-transition: .5s; transition: .5s; } .mfp-arrow-right::after { content: "\f105" !important; } .mfp-arrow-left::after { content: "\f104" !important; } .mfp-arrow-right::before , .mfp-arrow-left::before { border: none !important; } .mfp-arrow { height: 60px; } .mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { margin-top: 15px; top: -1px !important; } img.mfp-img { padding: 40px 0px 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform: scale(0.95); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform: scale(1); opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; transform: scale(0.95); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } /* ====== FOOD MENU ====== */ /*you can remove this css if you not use restaurant demo or coffee shop demo*/ .food-menu-wrapper { -webkit-transition: box-shadow .3s ease-out; -moz-transition: box-shadow .3s ease-out; -o-transition: box-shadow .3s ease-out; -ms-transition: box-shadow .3s ease-out; transition: box-shadow .3s ease-out; } .food-menu-wrapper:hover { -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .food-menu-intro { padding: 24px; background-color: #0092d4; } .food-menu-intro .material-icons{ font-size: 40px; } .food-menu-list { padding: 30px; } .food-menu { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); padding: 0 0 15px; margin: 0 0 15px; } .food-menu-title { margin-bottom: 5px; } .food-menu-detail { line-height: 20px; } .food-menu-price { font-style: italic; } .food-menu-price-detail { position: relative; text-align: right; } .food-menu-label { background: #fff8f1; color: #13A3DB; display: inline-block; padding: 0 10px; font-style: italic; font-size: 13px; float: right; position: relative; } .food-menu-intro i{ line-height: 50px; display: inline-block; font-size: 45px; margin: 0; color: rgba(0, 0, 0, 0.15); } /* =-=-=-=-=-=-= FOOTER SECTION =-=-=-=-=-=-= */ .footer-section { background-color: #13A3DB; color: #fff; position: relative; } .footer-onepage-wrapper{ padding: 80px 50px; } .footer-onepage #toTop{ display: none !important; } .backToTop i{ font-size: 70px; line-height: 85px; background-color: #13A3DB; color: #fff; width: 100px; height: 100px; position: absolute; top: -50px; left: 50%; margin-left: -50px; border: 5px solid #fff; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .backToTop i:hover{ background-color: #cd000e; } .footer-section p{ line-height: 30px; } .copyright{ margin-top: 26px; color: #ffffff; font-weight: 400; } .copyright p { margin: 0; } .social-icon ul li a img, .social-icon ul li a i{ font-size: 24px; line-height: 50px; color: #fff; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .social-icon ul li a img, .social-icon ul li a i:hover{ color: #13A3DB; border: 1px solid #13A3DB; } .footer-sidebar { font-weight: 400; padding: 85px 0 20px; position: relative; } .footer-sidebar .widget{ display: inline-block; border: 0; padding: 0 15px; } .copyright a, .footer-sidebar, .footer-sidebar a, .footer-sidebar input, .footer-sidebar strong, .tt-flickr-photo li a::after, .footer-sidebar .widget-title, .footer-sidebar .input-field label, .footer-sidebar .subscribe-form label, .footer-sidebar .widget_nav_menu ul li a, .footer-section .social-links-wrap li a i, .footer-sidebar .subscribe-form label.active, .footer-sidebar .tt-latest-post .media-body h4 a, .tt-sidebar-wrapper.footer-sidebar .widget-title a, .footer-sidebar .widget_calendar .calendar_wrap table caption, .tt-sidebar-wrapper.footer-sidebar .widget_categories ul li a, .tt-sidebar-wrapper.footer-sidebar .widget_archive ul li a, .tt-sidebar-wrapper.footer-sidebar .widget_meta ul li a, .tt-sidebar-wrapper.footer-sidebar .widget_pages ul li a, .tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li a, .tt-sidebar-wrapper.footer-sidebar .widget_recent_comments ul li a, .tt-sidebar-wrapper.footer-sidebar .widget_recent_entries ul li a, .tt-sidebar-wrapper.footer-sidebar .widget_product_categories ul li a, .tt-sidebar-wrapper.footer-sidebar .widget_layered_nav ul li a{ color: #ffffff; } .footer-sidebar input[type=text]:focus:not([readonly]) + label{ color: #ffffff !important; border-bottom-color: #ffffff; } .footer-sidebar input[type=text]:focus:not([readonly]){ border-bottom-color: #ffffff; } .copyright a:hover, .footer-sidebar a:hover, .footer-sidebar .widget_nav_menu ul li a:hover, .footer-sidebar .tt-latest-post .media-body h4 a:hover, .tt-sidebar-wrapper.footer-sidebar .widget-title a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_categories ul li a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_archive ul li a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_meta ul li a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_pages ul li a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_recent_comments ul li a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_recent_entries ul li a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_product_categories ul li a:hover, .tt-sidebar-wrapper.footer-sidebar .widget_layered_nav ul li a:hover{ color: #81ddff; } .footer-sidebar .widget-title{ font-weight: 400; font-size: 20px; border: 0; margin: 0 0 24px; } .footer-sidebar ul{ padding: 0; list-style: none; } .footer-sidebar ul li i{ margin-right: 15px; } .footer-sidebar .widget_nav_menu ul li a{ text-transform: none; position: relative; } .footer-sidebar .wp-caption p.wp-caption-text{ color: #6b6b6b; } .tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li, .tt-sidebar-wrapper.footer-sidebar .widget_categories ul li, .tt-sidebar-wrapper.footer-sidebar .widget_archive ul li, .tt-sidebar-wrapper.footer-sidebar .widget_meta ul li, .tt-sidebar-wrapper.footer-sidebar .widget_pages ul li, .tt-sidebar-wrapper.footer-sidebar .widget_rss ul li, .tt-sidebar-wrapper.footer-sidebar .widget_recent_comments ul li, .tt-sidebar-wrapper.footer-sidebar .widget_recent_entries ul li{ border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li:last-child{ border-bottom: none; } /*widget nav menu*/ .tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li a{ display: block; padding: 7px 0px 7px 0; } /*subscription*/ .footer-sidebar .subscribe-form input[type=email]{ border: 0; padding: 0; margin-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .footer-sidebar .subscribe-form .btn{ display: block; height: inherit; background-color: transparent; color: #fff; margin-left: 0; font-size: 13px; box-shadow: none; border: 1px solid #fff; padding: 6px 15px; } .footer-sidebar .subscribe-form label{ left: 0; top: 30px; } .footer-sidebar .subscribe-form .input-field input[type=email]:focus:not([readonly]) { border-bottom: 1px solid #ffffff; box-shadow: 0 1px 0 0 #ffffff; } /*Latest post widget*/ .footer-sidebar .tt-latest-post .media{ margin-top: 10px; } .footer-sidebar .tt-latest-post .entry-meta li, .footer-sidebar .tt-latest-post .entry-meta li a{ color: #f1f1f1; } .tt-flickr-photo li{ display: inline-block; margin: 0 5px 5px 0; } .tt-flickr-photo li a{ display: block; position: relative; } .tt-flickr-photo li a::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.4); opacity: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; z-index: 100; } .tt-flickr-photo li a::after{ content: "\f067"; font-family: fontawesome; position: absolute; left: 0; right: 0; top: 50%; text-align: center; margin-top: -13px; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; z-index: 101; } .tt-flickr-photo li a:hover::before, .tt-flickr-photo li a:hover::after{ opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*Copyright*/ .footer-copyright{ background-color: #14a4dc; padding: 25px 0 7px; font-weight: 400; text-align: center; } .footer-multi-wrapper .copyright{ margin: 0; } /*Footer social icon*/ .footer-section .social-links-wrap ul{ margin: 0; text-align: right; padding-right: 53px; } .footer-section .social-links-wrap .list-inline>li { padding-right: 0px; padding-left: 0px; } .footer-section .social-links-wrap li a i{ border: 0; display: block; font-size: 20px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; padding: 0px; } .footer-section .social-links-wrap li a i:hover{ color: #13A3DB; background-color: #fff; } @media(max-width: 767px){ .footer-multi-wrapper .social-links-wrap{ text-align: center; } } /* =-=-=-=-=-=-= FOOTER STYLE TWO =-=-=-=-=-=-= */ .footer-two .footer-logo-wrapper { padding: 90px 0 70px; } .footer-two .footer-copyright{ padding: 0 0 7px; background-color: transparent; } .footer-two .footer-copyright hr { margin-top: 0; border-top: 1px solid rgba(255, 255, 255, 0.3); } .footer-two .footer-copyright .copyright { margin-top: 0; } .footer-two .social-link { text-align: right; } .footer-two .social-link li a { color: #0379ae; } .footer-two .social-link li a:hover { color: #fff; } .footer-two .back-top { right: 50%; margin-right: -35px; } /* =-=-=-=-=-=-= FOOTER STYLE THREE =-=-=-=-=-=-= */ .footer-three-wrapper .footer-logo img{width: 210px !important; height: 50px !important;} .back-totop-wrap{ position: relative; } .back-top i{ font-size: 32px; } .footer-three-wrapper .social-links-wrap, .footer-four-wrapper .social-links-wrap{ padding: 20px 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .footer-three-wrapper .social-links-wrap li a i, .footer-four-wrapper .social-links-wrap li a i{ font-size: 18px; width: 40px; height: 40px; line-height: 40px; } .footer-three-wrapper .footer-logo-wrapper, .footer-four-wrapper .footer-logo-wrapper{ margin: 45px 0 35px; } .footer-three-wrapper .footer-copyright{ background-color: transparent; padding: 0; } .footer-intro-text{ margin: 0 auto 70px; color: #ffffff; } @media (min-width: 992px){ .footer-intro-text{ width: 60%; } } .footer-menu{ background-color: #027ABB; padding: 18px 0; } /* =-=-=-=-=-=-= FOOTER STYLE FOUR =-=-=-=-=-=-= */ .footer-four-wrapper .copyright{ margin-top: 18px; } .footer-four-wrapper .footer-copyright { padding: 10px 0 7px; } .footer-four-wrapper .footer-menu{ background-color: transparent; } .footer-sidebar address{ line-height: 30px; } @media(min-width: 992px){ .footer-four-wrapper .footer-sidebar > div:nth-child(2), .footer-four-wrapper .footer-sidebar > div:nth-child(3){ padding-left: 80px; } } @media (max-width: 991px) { .copyright { text-align: center; display: block; } .footer-two .social-link { margin-top: 15px; text-align: center; } } /* =-=-=-=-=-=-= PRELOADER =-=-=-=-=-=-= */ #preloader { background: #ffffff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999999; } .status-mes { background-position: center; background-repeat: no-repeat; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: absolute; top: 50%; width: 200px; } /* =-=-=-=-=-=-= TO TOP =-=-=-=-=-=-= */ #toTop{ position: fixed; bottom: 30px; right: 30px; color: #13A3DB; cursor: pointer; display: none; z-index: 9999; width: 40px; height: 40px; border: 2px solid #13A3DB; text-align: center; font-size: 24px; line-height: 34px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #toTop:hover { color: #fff; background-color: #13A3DB; border: 2px solid transparent; } /*Visual composer sytle override ----------------------------------------------------------------------------------- */ .vc_message_box{ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } /*Common style for all accordion*/ .vc_tta.vc_general.vc_tta-accordion.vc_tta-o-no-fill .vc_tta-panel-body { padding: 15px 0px } .vc_tta-color-theme_default_color .vc_tta-panel .vc_tta-panel-heading { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.0), 0 2px 10px 0 rgba(0, 0, 0, 0.0); } .vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-default .vc_active .vc_tta-panel-title>a, .vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-classic .vc_active .vc_tta-panel-title>a, .vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-modern .vc_active .vc_tta-panel-title>a, .vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-flat .vc_active .vc_tta-panel-title>a { color: #fff!important; } .vc_tta-color-theme_default_color.vc_tta-style-default .vc_tta-panel .vc_tta-panel-heading { background-color: #eee; } .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-accordion.vc_tta-style-flat { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .vc_tta-color-theme_default_color .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #13A3DB; } /*Accordion Flat Style*/ .vc_tta.vc_general.vc_tta-style-flat .vc_tta-panel-title>a { padding: 18px 20px; } .vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading, .vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #13A3DB!important; } .vc_tta-color-theme_default_color.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body, .vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a { color: #fff; } .vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading { box-shadow: none; } .vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading { position: relative; } .vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading:before { content: ""; width: 92%; height: 1px; background: rgba(255, 255, 255, 0.4); position: absolute; left: 20px; bottom: 0; } /*Flat White Accordion*/ .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading:before { background: rgba(0, 0, 0, 0.15); } .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a { color: #202020 !important; } .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a { color: #13A3DB !important; } /*Accordion Outline Style*/ .vc_tta.vc_tta-style-outline .vc_tta-panel-heading { border-width: 1px!important; } .vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading { background-color: transparent; border-color: #eee; } .vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: #13A3DB; } .vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a { color: #13A3DB!important; } .vc_tta.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta.vc_tta-style-outline .vc_tta-panel:not(:last-child) .vc_tta-panel-heading { margin-bottom: 0px!important; } /*equal height*/ .vc_row-o-equal-height .vc_col-has-fill .wpb_wrapper{ min-height: 300px; } /*slider*/ .theme-default .nivoSlider img, .flexslider .slides img{ height: auto; } .wpb_revslider_element{ margin-bottom: 0 !important; } /*Back to top*/ .back-top{ position: absolute; right: 0; top: -28px; z-index: 9999 !important; } @media(max-width: 767px){ .footer-multi-wrapper .back-top{ margin-right: 20px; } } /* 404 PAGE ------------------------------------------- */ .error-page-wrapper { padding: 150px 0; } .not-found-icon i { font-size: 130px; line-height: 170px; text-align: center; display: block; color: #dadada; } .error-message { padding-left: 60px; border-left: 1px solid #eee; } .error-message h2{ color: #fff; font-size: 130px; line-height: 100px; font-weight: 700; margin-bottom: 30px; text-shadow: 5px 5px 0 #dadada, -1px -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada; } .ie9 .error-message h2, .ie9 .error-wrapper-alt h2{ color: #999; } .error-message .error-sub { display: block; font-size: 30px; line-height: 45px; font-weight: 700; text-transform: uppercase; } .error-message a.btn{ margin-top: 15px; } .error-message a i { margin-right: 5px; } @media (max-width: 767px) { .error-message { padding-left: 0; border-left: 0; text-align: center; } } .no-results .page-header{ margin-top: 0; } .error404.header-transparent .header-wrapper{ background-color: #3a3a3a; } .error404.header-transparent .error-page-wrapper{ padding: 300px 0 150px; } .gallon_title h3{margin-bottom: 10px; font-weight: 700; } .gallon_title {height: 125px;} .gallon_title p{line-height: 24px;} .gallon_pad{ margin-bottom: 9px;} .gallon_title .tt-content{margin-top: -15px;} .super{ vertical-align: super; } sup { position: relative; font-size: 0.8em; line-height: 0; vertical-align: baseline; top: -0.3em; /* position: relative; font-size: 40%; line-height: 0; vertical-align: baseline; top: -1.2em; */ } h2 sup{position: relative; font-size: 0.5em; line-height: 0; vertical-align: baseline; top: -0.7em;} .vc_custom_1550031283489 .dark_table{color: aqua !important;} .widget .widget_categories{} li.current-cat a{color: #000000 !important; font-weight: 700;} .vc_grid-item-mini{ background-color: #fff; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; transition: all .25s; border-radius: 2px; margin-bottom: 50px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); } .vc_grid-item-mini:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } @media (min-width: 600px) and (max-width: 767px) { #table {margin-top:100px} .product_center{display:none !important;} .circle2{left: 0; right: 0; margin: 0 auto;} .prod-3col{padding-top:0;} .mobile-on{display:block;} .mobile-off{display:none;} #jug-hide img{height:400px;} #jug-hide{display:block; height:450px;left: 0;right: 0;margin: 0 auto;} .default-block .icon-block {padding: 30px 20px 0 20px;border-radius: 4px;} } @media (min-width: 768px) and (max-width: 991px) { .logo_icon { margin-top : 8px; } .back-totop-wrap { visibility : hidden !important ; } .default-block .icon-block { padding : 0; } .prod_i { width : 30px !important ; height : 30px !important ; } .retina_jug { width : 300px; height : 100%; margin : 0 auto; padding-bottom : 200px !important ; margin-top : -40px; } .circle2 { height : 320px; width : 320px; margin-top : 40px; margin-left : -50px; } .circle3 { height : 290px; width : 290px; margin : -145px 0 0 -145px; } .gallon_title p { line-height : 19px; } .icon-block.icon-position-right .tt-icon { margin-left : 10px !important ; } .icon-block.icon-position-left .tt-icon { margin-right : 10px !important ; } .product-center .wpb_single_image img { width : 300px; } .contact_center { width : 275px !important ; height : 71px !important ; } } @media (min-width: 992px) and (max-width: 1200px) { .logo_icon { margin-top : 5px; } .back-totop-wrap { visibility : hidden !important ; } .default-block .icon-block { padding : 0; } .retina_spear { width : 800px; height : 188px; margin : 0 auto; padding-top : 0; } .retina_jug { width : 300px; height : 100%; margin : 0 auto; padding-bottom : 200px !important ; margin-top : -40px; } .circle2 { height : 320px; width : 320px; margin-top : 40px; margin-left : -20px; } .circle3 { height : 290px; width : 290px; margin : -145px 0 0 -145px; } .icon-block.icon-position-right .tt-icon { margin-left : 10px !important ; } .icon-block.icon-position-left .tt-icon { margin-right : 10px !important ; } .product_hr { margin-top : 60px; } .contact_center { width : 275px !important ; height : 71px !important ; } } @media (min-width : 1201px) { .retina_spear{width:500px; margin: 0 auto; padding-top:100px;} .retina_jug{max-height:450px; margin: 0 auto; margin-top: -45px;} } .full_width a{ width: 100% !important; } #downloads.full_width a{ width: 100% !important; background-color: aqua !important; } .cat_top{ position: absolute; top: -11px; width: 100%; left: 0px; } .cat_icon i{ color: #fff !important; margin-left: -20px; margin-top: 4px !important; display: inline !important; position: absolute; /* display: inline-block; */ font-size: 11px; } /* .widget .widget_tt_popular_post{padding-top: 100px !important; background-color: aqua !important;} .tt-sidebar-wrapper .right-sidebar{padding-top: 100px !important; background-color: aqua !important;} .tt-sidebar-wrapper.right-sidebar{margin-top: 100px !important;} */ /* */ /* .retina_spear{width:800px; height:188px; margin: 0 auto; padding-top: 0;} .retina_jug{width: 296px; height:480px; margin: 0 auto; background-color: aqua !important;} */ /* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dpi){ .retina_spear{width:800px; height:188px; margin: 0 auto; padding-top: 0;} /* Retina-specific stuff here */ .slider_circle .rev_slider_wrapper{border: #ebebeb 6px solid !important; border-radius: 50% !important; box-sizing: border-box !important; transform-origin: 50% !important; -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important; -moz-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important; -ms-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important; -o-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important; transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important; overflow: hidden !important;} .contact_color .tt-icon i{color: #01425f !important;} .contact_color .tt-icon i:hover{color: #ffffff !important;} .contact_color, .contact_color a{color: #fff !important;} .contact_color, .contact_color a:hover{color: #01425f !important;} .contact_color .border-plusbox .icon-block-grid::after{border-bottom:1px solid #027ABB !important;} .contact_color .border-plusbox .icon-block-grid::before{border-right:1px solid #027ABB !important;} .widget_media_image{ border: none !important; box-shadow: none !important; text-align: center !important; } /* .center_no_brdr{margin: 0 auto !important; text-align: center !important;} */ @media (min-width : 1201px) { .home_mission{padding:0px 40px 0px 40px !important;} } @media (min-width : 992px) and (max-width : 1200px) { } @media (min-width : 768px) and (max-width : 991px) { } @media (min-width : 420px) and (max-width : 767px) { .title_med h2{ font-size: 40px !important; margin-top:20px !important;} .logo_icon{width: 100px !important;} .home_greenhouse{ width: 50% !important; margin: 0 auto !important; margin-top: -50px !important;} /* .home_greenhouse{ margin-top: 50px !important;} */ .jag-flip-iconimage { background-repeat: no-repeat; background-position: center top; top: 30px; /* margin: 0px auto !important; */ left: 100px !important; position: absolute; width: 115px; height: 115px;} .jag-flipbox-card{ width: 330px !important; height: 330px !important; margin: 0 auto !important; /* left: 40px !important; */ } } @media screen and (max-width: 420px){ .boxed-item { min-height: 90px !important; height: 110px !important; width: 110px !important; margin: 0; } .boxed-item img { left: -2px !important; max-width: 90px !important;} .title_small h2{ font-size: 30px !important;} .title_med h2{ font-size: 35px !important;} .home_greenhouse{ width: 70% !important; margin: 0 auto !important; margin-top: -50px !important;} .jag-flip-iconimage { background-repeat: no-repeat; background-position: center top; top: 30px; /* margin: 0px auto !important; */ left: 100px !important; position: absolute; width: 115px; height: 115px;} .jag-flipbox-card{ width: 330px !important; height: 330px !important; margin: 0 auto !important; /* left: 40px !important; */ } /* .logo_icon{width: 100px !important;} */ } .video-wrapper .section-title {color: #024562 !important;} .video-triggerr i.material-icons {color: #024562 !important;} .video-triggerr i.material-icons:hover{color: #ffffff !important;} .crop select { height: 100px !important; background-color: aqua !important; } select #input_1_3{height: 100px !important; background-color: yellow !important;} #matrix_plus{display:none;} /* .matrix_plus{visibility: hidden !important;} */ .section-intro{font-family: Muli, sans-serif !important; font-variant: normal !important; text-transform: none !important; font-weight: 400; line-height: 1.3; color: #222 !important; letter-spacing:normal; width: 100% !important;} .map_6 h3, .map_7 h3 {text-align: center !important;} #mc-embedded-subscribe{ font-size: 16px !important; padding: 0px 38px !important; border-radius: 2px !important; color: #fff !important; border: none !important; background: #13A3DB !important; background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%) !important; } .rep_column_thirds { text-align: center; padding: 10px; width: 200px; height: 400px !important; } .rep-w-photo{ height: 300px !important; } .rep-w-photo a{word-wrap: break-word;} .wpb_single_image.wpb_content_element{margin-bottom: 10px;} .rep-w-photo h3{font-size: 16px; margin-top: 0px; margin-bottom:5px; white-space: pre-wrap;} .rep-w-photo{line-height: 20px; text-align: center;} @media (min-width : 240px) and (max-width : 991px) { .tree_full{width: 100% !important; /* margin: 0 auto; */ } } .collab_bee{width: 130px !important; height:130px !important; margin-top: 20px;} /* .sustain_clrbxs li{color: #13A3DB !important; line-height: 20px !important; list-style: disc; margin-bottom: 10px;} */ .sustain_clrbxs a{color: #13A3DB !important; text-decoration: underline;} .sustain_clrbxs a:hover{color: #701a1d !important;} .sustain_collab .section-intro{font-size: 24px !important; color: #13A3DB !important;} .sustain_collab li{color: #13A3DB !important; line-height: 20px !important; list-style: circle; margin-bottom: 10px;} .sustain_collab a{color: #bb2025 !important; text-decoration: underline;} .sustain_collab a:hover{color: #701a1d !important;} .sustain_farm .section-intro{font-size: 24px !important; color: #bb2025 !important;} .sustain_farm li{color: #bb2025 !important; line-height: 20px !important; list-style: circle; margin-bottom: 10px;} .sustain_farm a{color: #bb2025 !important; text-decoration: underline;} .sustain_farm a:hover{color: #701a1d !important;} .sustain_clrbxs .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle img:hover{-webkit-box-shadow:none; box-shadow: none;} .sustain_callout {background-color: #66ac92 !important; color: #ffffff !important; border-radius: 25px !important; width: 100% !important;} .sustain_callout .vc_btn3-block.vc_btn3-size-lg{padding: 30px 20px !important; font-size: 26px !important;} .sustain_callout a{color: #ffffff !important;} .sustain_callout a:hover {color:#bb2025 !important; background-color: #0296db !important;} .topbar-menu ul li img{width: 16px; height: 16px; margin-right:5px;} .sust_home1 {background-image: url("/wp-content/uploads/sus_home1.jpg"); background-size: cover; } .sust_home2 {background-image: url("/wp-content/uploads/sus_home2.jpg"); background-size: cover; } .sust_home3 {background-image: url("/wp-content/uploads/sus_home3.jpg"); background-size: cover; } .sust_home4 {background-image: url("/wp-content/uploads/sus_home4.jpg"); background-size: cover; } .sust_home1 .tt-content h3 {display: none;} .sust_home2 .tt-content h3 {font-size: 15px !important; color: white !important; font-weight: 700; background-color: rgba(0, 0, 0, 0.20); text-align: center;} .sust_home3 .tt-content h3 {font-size: 15px !important; color: white !important; font-weight: 700; background-color: rgba(0, 0, 0, 0.20); text-align: center;} .sust_home4 .tt-content h3 {font-size: 15px !important; color: white !important; font-weight: 700; background-color: rgba(0, 0, 0, 0.20); text-align: center;} .sust_home .icon-block-grid .tt-icon, .sust_home .icon-block-grid .tt-content h3, .sust_home .icon-block-grid .tt-content p { position: relative !important; top: 180px !important; } .sust_home .icon-block-grid:hover .tt-content h3{ position: relative !important; top: 175px !important; } #input_7_1{color: #333333 !important; opacity: 1;} #input_7_1.large{color: #333333 !important; opacity: 1; z-index: 999;} #input_7_1.large ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333333 !important; opacity: 1 !important; } #input_7_1.large ::-moz-placeholder { /* Firefox 19+ */ color: #333333 !important; opacity: 1 !important; } #input_7_1.large :-ms-input-placeholder { /* IE 10+ */ color: #333333 !important; opacity: 1 !important; } #input_7_1.large :-moz-placeholder { /* Firefox 18- */ color: #333333 !important; opacity: 1 !important; } .vest_bevel {background-image: url("https://www.dev-vestaron.com/wp-content/uploads/vest_bevel.png"); background-repeat: no-repeat; background-size: contain; background-position: center center; position: relative; z-index: 999 !important; margin: 0 auto !important; max-width: 100%; padding:11px 8px !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; } .vc_single_image-img{ position: relative; z-index: 1 !important;} /* .vc_box_shadow_border_circle img{z-index: 1 !important; position: relative; padding: 8px; margin-top: -7px; margin-left: -1px;} } */ .jugs {margin-top: -50px;} .jugs .jug{ padding: 0px 20px; margin-top: inherit; -webkit-transition: margin-top .5s ease-out; -moz-transition: margin-top .5s ease-out; -o-transition: margin-top .5s ease-out; transition: margin-top .5s ease-out; } .jugs .jug:hover{ margin-top: -15px; -webkit-transition: margin-top .5s ease-out; -moz-transition: margin-top .5s ease-out; -o-transition: margin-top .5s ease-out; transition: margin-top .5s ease-out; } .title_left p{text-align: left !important; margin: 16px 0;} .newsletter h2 {margin-top: 18px;} .newsletter .sub-title {margin-top: -25px; margin-bottom: 20px; color: #333333;} .newsletter .sub-title p{text-align: left !important;} .templatera .vc_column_container .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important; /* background-color: aqua !important; */} .templatera {padding-left: 0px !important; padding-right: 0px !important; /* background-color: teal !important; */} .circ_1{padding-left: 15px !important;} .circ_2{padding-left: 22px !important;} .circ_3{padding-left: 58px !important;} .circ_5{margin-left: -38px !important;} .circ_6{margin-left: -25px !important;} .circ_7{padding-left: 6px !important;} .process img{height: 331px !important; width: 1050px !important;} .team-tab .nav img.img-responsive{max-width: 175px !important;} .team-tab img.img-responsive{max-width: 275px !important;} .career_content { display: none; } .flex { width: 350px; /* display: flex; flex-wrap: wrap; justify-content: center; align-items: center; */ } #loadMore:hover { background-color: #333; text-decoration: underline; } sus_tab{height:75px !important;} // CSS Variables :root { // Similar to HTML selector but w/higher specificity. To house custom CSS variables. --color-grey-dark: #323031; --color-grey-light: #D9DCD6; --shadow-light: 0 2rem 5rem rgba(0,0,0, .05); } // SCSS Variables $bp-medium: 56.25em; // 900px $bp-small: 37.5em; // 600px .codepen-wrapper { // Codepen display purposes height: 100vh; background-color:#fff; display: flex; align-items: center; justify-content: center; } .review { color: #999999; font-size: 1.4rem; padding: 3rem; position: relative; background-color: #fff; overflow: hidden; flex: 0 0 50%; z-index: 1; } /* @media screen and (max-width: $bp-medium) { padding: 2rem; } */ /* @media screen and (max-width: $bp-small) { padding: 1rem; font-size: 1.2rem; } */ .review::before { content: "\201c"; position: absolute; left: -1.5rem; top: -4rem; font-size: 30rem; color: #f7f7f7; line-height: 1; z-index: 1; font-family: sans-serif; } .review__text { margin-bottom: 2rem; z-index: 2; position: relative; // Z-index only works if you define the position border-left:none !important; } .review__person { display: flex; align-items: center; } .review__photo { height: 7.5rem; width: 7.5rem; border-radius: 50%; margin-right: 1rem; margin-left:15px; } /* @media screen and (max-width: $bp-small) { margin-right: .5rem; } */ } .review__info { display: flex; flex-flow: row wrap; margin-right: auto;} .review__info--name { flex: 0 0 80%; font-size: 1.6rem; text-transform: uppercase; font-weight: 600; margin-bottom: -.7rem; padding-top: 20px;} .review__info--date { font-size: 1.8rem; line-height: 1.1em;} .sust_tab1 li{color: #00754a !important; line-height: 20px !important; list-style: disc; margin-bottom: 10px;} .sust_tab2 li{color: #13A3DB !important; line-height: 20px !important; list-style: disc; margin-bottom: 10px;} .vc_general.vc_tta.vc_tta-tabs.vc_tta-style-border-tab-background .vc_tta-tab:first-child a{background-color:#00754a !important;} .vc_general.vc_tta.vc_tta-tabs.vc_tta-style-border-tab-background .vc_tta-tab:first-child a:hover{background-color:rgba(0, 118, 74, 0.79) !important;} .vc_general.vc_tta.vc_tta-tabs.vc_tta-style-border-tab-background .vc_tta-tab a:hover{background-color:rgba(2, 167, 245, 0.79) !important;} .vc_general.vc_tta.vc_tta-tabs.vc_tta-style-border-tab-background .vc_tta-tab:last-child a{background-color:#bb2025 !important;} .vc_general.vc_tta.vc_tta-tabs.vc_tta-style-border-tab-background .vc_tta-tab:last-child a:hover{background-color:rgba(186, 31, 36, 0.79) !important;} .fa-map-marker:before { content: "\f041" !important; } .fa.fa-map-marker:before { content: "\f041" !important; } .landing_bar{height:34px; width:100%; background-color:#024562; text-align:center;} h3.landing_title{padding-top:5px !important; color:#ffffff; font-weight:bold; text-transform: uppercase;} /* -------------------------------- File#: _1_drawer Title: Drawer Descr: A slide-in panel used to display critical content Usage: codyhouse.co/license -------------------------------- */ :root { --drawer-width: 400px; } .drawer { position: fixed; z-index: var(--z-index-overlay, 15); height: 100%; width: 100%; max-width: var(--drawer-width); top: 0; right: 0; visibility: hidden; transition: visibility 0s 0.3s; } .drawer:focus { outline: none; } .drawer--is-visible { visibility: visible; transition: none; } .drawer--open-left { right: auto; left: 0; } .drawer__content { width: 100%; height: 100%; position: absolute; top: 0; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; transition-timing-function: var(--ease-in-out); } .drawer--open-left .drawer__content { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .drawer--is-visible .drawer__content { -webkit-transform: translateX(0); transform: translateX(0); } .drawer__body { height: 100%; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .drawer__close-btn { --size: 32px; width: var(--size); height: var(--size); flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), 0.95); box-shadow: var(--inner-glow), var(--shadow-sm); transition: 0.2s; } .drawer__close-btn:hover { background-color: var(--color-bg-lighter); box-shadow: var(--inner-glow), var(--shadow-md); } .drawer__close-btn .icon { display: block; color: var(--color-contrast-high); } .drawer--modal { max-width: none; background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0); transition: background-color 0.3s, visibility 0s 0.3s; } .drawer--modal.drawer--is-visible { background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.75); transition: background-color 0.3s; } .drawer--modal.drawer--open-left .drawer__content { right: auto; left: 0; } .drawer--modal .drawer__content { max-width: var(--drawer-width); } /* -------------------------------- Update 12-15-21-2:00 PM-------------------------------- */ @media(max-width: 767px) { .mobile{max-width: 50% !important; margin:0 auto;} .newsletterform{max-width: 80% !important; margin:0 auto; padding-bottom: 20px;} .newsletter .sub-title p{text-align: center !important;} .mobile .wpb_single_image img{max-width: 50% !important; margin:0 auto;} .products .wpb_single_image img{max-width: 50% !important; margin:0 auto;} .sust_home2 .tt-content h3, .sust_home3 .tt-content h3, .sust_home4 .tt-content h3{font-size: 24px !important;} h2.title-section{margin:0 auto !important; text-align: center !important;} .text-left, .text-left p, .sub-title p{margin:0 auto !important; text-align: center !important;} .sustain_callout{width: 100%; margin: 0 auto !important;} .nav-tabs.nav-justified{margin: 0 auto !important;} .team-tab .nav-tabs li {margin: 0 !important; padding: 0 !important;} .team-tab .nav-tabs{ margin: 0 auto !important; margin: 70px 0 20px 0 !important;} .team-tab .nav img.img-responsive{width:100px !important; display: inline !important;} .board .team-tab .nav img.img-responsive{width:50px !important; display: inline !important;} .corp .team-tab .nav img.img-responsive{width:40px !important; display: inline !important;} .nav-tabs.nav-justified>li{float: left !important;} .nav-justified>li{float: left !important;} .team-tab .nav-tabs li img {padding: 2px !important;} } #triangle { width: 0; height: 0; float: right; border-right: 50px solid #890406; border-bottom: 50px solid transparent; } .ats-layout .team-field-content { font-weight: 500 !important;} .footer-sidebar .widget_nav_menu ul li a:visited{color: #fff !important;} .footer-sidebar .widget_nav_menu ul li a:active{color: #fff !important;} .footer-sidebar .widget_nav_menu ul li a:hover{color:rgba(255, 255, 255, 0.40) !important;} .topbar-menu .navbar-nav li {min-width: 180px;} .topbar-menu .navbar-nav li .dropdown-wrapper span { position: absolute; top: 2px; right: 0px; font-size: 15px; color: #ffffff; } .topbar-menu .current_page_item a{color: #ffffff; float: right; padding-right: 0;} /* zip search plugin */ div#represult { background: #fff; max-width:1140px; margin: 40px auto; box-shadow: 0px 0px 60px rgba(0, 59, 100, 0.40); } div#represult div.represultinner:nth-child(2) { border-top:2px solid eeeeee;padding-top:45px; margin-top:-45px; } div.represultinner { display:flex;padding:90px 40px;} .represultinner .repimage{flex:0 0 174px;display:flex;justify-content:center;align-items:center;} .represultinner .repimage img{border-radius:100%;width:100%;max-width:174px;height:100%;max-height:174px;} .represultinner .repdetails{flex:0 0 80%;padding:0 30px;} .represultinner .repdetails * {color:#003B64;text-align:left;} .represultinner .repdetails p {padding-top: 10px;} .represultinner .repdetails div {text-align:left!important;} .represultinner .repdetails div:nth-child(1) { font-size: 32px; font-weight: 700; margin-bottom:5px; line-height: 38px; letter-spacing: 0em; text-align: left; color:#003B64; text-transform:capitalize; } .represultinner .repdetails div:nth-child(2) { margin-bottom:3px; font-size: 16px; color:#003B64; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; } .represultinner .repdetails div:nth-child(3) { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; color:#003B64; margin-bottom:5px; text-decoration:underline; } .represultinner .repdetails div:nth-child(3)::before { content: "\f0e0"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color:#003B64; margin-right:10px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .represultinner .repdetails div:nth-child(4) { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; color:#003B64; text-decoration:underline; } .represultinner .repdetails div:nth-child(4)::before { content: "\f095"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color:#003B64; margin-right:10px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .represultinner .repdetails div:nth-child(4) i { margin-right:10px; } .represultinner .repdetails div:nth-child(5) { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; color:#003B64; } .represultinner .repdetails div:nth-child(6) {display:none;} /* ends here */ @media(max-width:575px) { .vc_row.section-wrapper.dark-blue-gradient.vc_custom_1705782429684.vc_row-o-content-middle.vc_row-flex{display:block;} .vc_custom_1705901684301 p{color:#fff;font-size:18px;} .vc_column-inner.vc_custom_1704312966720 form{max-width:100%;width:100%;text-align:center;} .vc_column-inner.vc_custom_1704312966720 form input:first-of-type{height:60px!important;width: 100%;max-width: 80%!important;} .vc_custom_1705901684301 p{color:#fff;font-size:18px;} .vc_column-inner.vc_custom_1704312966720 form input:last-of-type{position:relative!important;top:unset;right:unset;margin-top:20px;margin-bottom:30px;} div.represultinner {display: flex;padding: 40px;flex-direction: column;justify-content: center;align-items: center;} .vc_column-inner.vc_custom_1704312966720 form:has(input.no-repsresult)::after{text-align: center !important;} .represultinner .repdetails div{text-align:center!important;} .represultinner .repdetails * {text-align:center;} .represultinner .repdetails { padding:0px;margin-top:25px; } } div#testimonials { display: block!important; } .vc_custom_1705901684301{text-align:center;} .vc_custom_1705901684301 h2 span{font-size:36px;text-transform:capitalize;} .vc_custom_1705901684301 h2 span:after { border: 2px #BB1F24 solid; width: 80px; margin: 20px auto; margin-bottom: 17px; display: block; content: ""; } /* Zip Seacrh */ #zip-search-results span{text-align:center; display:block; font-size: 16px!important; font-weight: 700; line-height: 24px; letter-spacing: 0em; color:#fff; } #zip-search-results span::after { content: "\f078"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color:#fff; display:block; margin-right:10px; margin-top:20px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vc_custom_1705901684301 p{color:#fff;font-size:18px;} .vc_column-inner.vc_custom_1704312966720 form input[type=text]{background:#fff;border:0px;-webkit-appearance: none; border-radius:0px;color:darkgray;height:50px;max-width:512px;padding-inline:15px;} .vc_column-inner.vc_custom_1704312966720 form{align-items:center;justify-content:center;margin-bottom:25px;position:relative;max-width:542px;margin-inline:auto;} .vc_column-inner.vc_custom_1704312966720 form input[type=submit]{height:50px;position:absolute;top:0px;right:0px;width:max-content;padding-inline:45px;outline:none;border:0px;background-color:#13A3DB;color:#ffff;text-transform:uppercase;font-size:;18px;line-height:50px; font-weight: 700;-webkit-appearance: none; border-radius:0px;} .vc_column-inner.vc_custom_1704312966720 form input.no-repsresult{background:#FFE3E3;color:#BB1F24;} .vc_column-inner.vc_custom_1704312966720 form input.no-repsresult:placeholder{color:#BB1F24;} .vc_column-inner.vc_custom_1704312966720 form:has(input.no-repsresult)::after{ content:" \A We are having trouble recognizing this zip code."; font-size: 14px; font-weight: 400; color:#fff; margin-top:10px; display:block; line-height: 22px; letter-spacing: 0em; text-align: left; } /* END Zip Seacrh */ /* Begin EU Home Sticky */ .vc_row.section-wrapper.vc_custom_1707506291155 .container{ padding-inline:0px; width:100%; } .vc_row.section-wrapper.vc_custom_1707506291155 .container > .row > .wpb-column > .vc_column-inner > .wpb_wrapper div:nth-child(1){ width:100%;max-width:1170px; } .vc_row.section-wrapper.vc_custom_1707506291155 .container > .row > .wpb-column > .vc_column-inner > .wpb_wrapper div:nth-child(2){ width:100%;max-width:1170px; } .vc_row.section-wrapper.vc_custom_1707506291155 .container > .row > .wpb-column > .vc_column-inner > .wpb_wrapper div:nth-child(3){ width:100%;max-width:1170px; } .vc_custom_1707517454339{ width:100%;max-width:1170px; margin-inline:auto;padding-inline:15px;} div#homepagesticky #myfix .carousel-item__card a { color: #fff; } div#homepagesticky #myfix .carousel-item__card a.active { color:#13A3DB; } div#homepagesticky #myfix .carousel-item__card a.active img { filter:opacity(0.5); } div#homepagesticky #myfix #arrow-right{ color: #fff; } div#homepagesticky #myfix #arrow-left{ color: #fff; } div#homepagesticky #myfix .carousel-item__card a img { margin-right: 5px; position: relative; top: -2.5px; } .vc_custom_1705438331872{ position: relative; width: 100%!important; bottom: 0; z-index: 993; left: 0; right: 0; margin-bottom: 0; background-color: transparent!important; padding: 0px!important; } /* END EU Home Sticky */ /* Begin EU Graphs */ #graphs{background:#0375A6;max-width:1180px;padding:50px 75px 50px 75px;margin: 0 auto;} .graphinner { max-width: 800px; margin: 0 auto; } #graphs .graphinnertop h2{ font-family: Arial Nova; font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: center; color:#fff; } #graphs .graphinnertop p{font-family: Arial Nova; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: center; color:#fff; margin-bottom: 50px; } #graphs .graphbottom{display:flex;align-items:start;justify-content:space-between;} #graphs .graphbottom .middleinner { display: flex; position: relative; align-items: end; justify-content: space-between; } #graphs .graphbottom .startinner { display: flex; align-items: end; position: relative; justify-content: space-between; } #graphs .graphbottom .start .percentfruit {height:235px;display: flex;align-items: center;width: 50px;} #graphs .graphbottom .middle .percentfruit {height:235px;display: flex;opacity:0;align-items: center;width: 50px;} #graphs .graphbottom .percentfruit > span{ font-family: Inter; font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: 0em; text-align: center;color:#fff; width: max-content; height:auto; text-align:center; display:block; position: absolute; transform: rotate(270deg); left:-95px; } #graphs .graphbottom .percentfruit p{ font-family: Arial Nova; font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: 0em; text-align: right; color:#fff; width: max-content; height:auto; text-align:center; flex-direction: column; text-align: center; display: flex; width: 14px; gap: 35px;} #graphs .graphbottom .percentfruit p span{display: block;} #graphs .graphbottom strong{ font-family: Arial Nova; font-size: 16px; font-weight: 700; position: relative; top: 10px; line-height: 24px; letter-spacing: 0em; text-align: center; display: block; color:#fff; } #graphs .graphinner .end .endinner p{ font-family: Arial Nova; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; display:flex; align-items:center; gap:10px; text-align: left; color:#fff; } .fruitbar .fruitbargraphs em{transition:1s ease-in;height: 0px;} .fruitbar .fruitbargraphs em:hover{filter: drop-shadow(2px 4px 6px black);transition:.25s ease-in;} .startinner .fruitbar .fruitbargraphs{display: flex;gap: 10px;align-items: end;} .startinner .fruitbar .fruitbargraphs em:nth-child(1) {width: 58px;display: block;background: #003B64;} .startinner .fruitbar .fruitbargraphs em:nth-child(1)::before{content:"16.5";font-family: Arial Nova;font-size: 10px;font-weight: 400;line-height: 14px;letter-spacing: 0em;text-align: right;position: relative;top: -20px;text-align: center;color:#fff;display: block;font-style:normal;} .startinner .fruitbar .fruitbargraphs em:nth-child(2) {width: 58px;display: block;background: #13A3DB;} .startinner .fruitbar .fruitbargraphs em:nth-child(2)::before{content:"3.3";font-family: Arial Nova;font-size: 10px;font-weight: 400;line-height: 14px;letter-spacing: 0em;text-align: right;position: relative;top: -20px;text-align: center;color:#fff;display: block;font-style:normal;} .startinner .fruitbar .fruitbargraphs em:nth-child(3) {width: 58px;display: block;background: #8F0000;} .startinner .fruitbar .fruitbargraphs em:nth-child(3)::before{content:"1.3";font-family: Arial Nova;font-size: 10px;font-weight: 400;line-height: 14px;letter-spacing: 0em;text-align: right;position: relative;top: -20px;text-align: center;color:#fff;display: block;font-style:normal;} .middleinner .fruitbar .fruitbargraphs{display: flex;gap: 10px;align-items: end;} .middleinner .fruitbar .fruitbargraphs em:nth-child(1) {width: 58px;display: block;background: #003B64;} .middleinner .fruitbar .fruitbargraphs em:nth-child(1)::before{content:"33.5";font-family: Arial Nova;font-size: 10px;font-weight: 400;line-height: 14px;letter-spacing: 0em;text-align: right;position: relative;top: -20px;text-align: center;color:#fff;display: block;font-style:normal;} .middleinner .fruitbar .fruitbargraphs em:nth-child(2) {width: 58px;display: block;background: #13A3DB;} .middleinner .fruitbar .fruitbargraphs em:nth-child(2)::before{content:"8.5";font-family: Arial Nova;font-size: 10px;font-weight: 400;line-height: 14px;letter-spacing: 0em;text-align: right;position: relative;top: -20px;text-align: center;color:#fff;display: block;font-style:normal;} .middleinner .fruitbar .fruitbargraphs em:nth-child(3) {width: 58px;display: block;background: #8F0000;} .middleinner .fruitbar .fruitbargraphs em:nth-child(3)::before{content:"1.5";font-family: Arial Nova;font-size: 10px;font-weight: 400;line-height: 14px;letter-spacing: 0em;text-align: right;position: relative;top: -20px;text-align: center;color:#fff;display: block;font-style:normal;} #graphs .graphinner .end .endinner p:nth-child(1) span{content:"#";width:12px;height:12px;background: #003B64;border-radius:100%;display:block;} #graphs .graphinner .end .endinner p:nth-child(2) span{content:"#";width:12px;height:12px;background: #13A3DB; border-radius:100%;display:block;} #graphs .graphinner .end .endinner p:nth-child(3) span{content:"#";width:12px;height:12px;background: #8F0000;border-radius:100%;display:block;} @media(max-width:767px){ .start{order:2;} .middle{order:3;margin-top: 40px;} .end{order:1} #graphs .graphbottom .middle .percentfruit {height:235px;display: flex;align-items: center;width: 50px;opacity: 1;} #graphs{padding:40px 20px;} #graphs .graphbottom { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } .endinner { display: flex; gap: 30px; flex-wrap: wrap; align-items: center; justify-content: center; border-bottom: 2px solid rgba(20, 164, 220, 0.30); padding-bottom: 25px; margin-bottom: 20px; } #graphs .graphinnertop p{margin-bottom: 25px;} #graphs .graphinner .end .endinner p{margin-bottom: 0px;} } .fruitbar .fruitbargraphs em.class1{height:80px;} .fruitbar .fruitbargraphs em.class2{height:20px;} .fruitbar .fruitbargraphs em.class3{height:10px;} .fruitbar .fruitbargraphs em.class4{height:160px;} .fruitbar .fruitbargraphs em.class5{height:42px;} .fruitbar .fruitbargraphs em.class6{height:10px;} @keyframes collapseAnimationone { from { height: 0px; /* Set the initial height */ } to { height: 80px; /* Set the final height to 0 for the collapse effect */ } } @keyframes collapseAnimationtwo { from { height: 0px; /* Set the initial height */ } to { height: 20px; /* Set the final height to 0 for the collapse effect */ } } @keyframes collapseAnimationthree { from { height: 0px; /* Set the initial height */ } to { height: 10px; /* Set the final height to 0 for the collapse effect */ } } @keyframes collapseAnimationfour { from { height: 0px; /* Set the initial height */ } to { height: 160px; /* Set the final height to 0 for the collapse effect */ } } @keyframes collapseAnimationfive { from { height: 0px; /* Set the initial height */ } to { height: 42px; /* Set the final height to 0 for the collapse effect */ } } @keyframes collapseAnimationsix { from { height: 0px; /* Set the initial height */ } to { height: 10px; /* Set the final height to 0 for the collapse effect */ } } /* End Eu Graphs */ .flag { display: inline-block; float: left !important; position: relative !important; margin-right: 7px; margin-top: 4px; width: 16px; height: 11px; background: url(/wp-content/plugins/country-switcher/assets/images/flags.png) no-repeat; }.flag.flag-gu{background-position:-96px -55px}.flag.flag-mn{background-position:-208px -88px}.flag.flag-va{background-position:-48px -154px}.flag.flag-tibet{background-position:-32px -143px}.flag.flag-fo{background-position:-64px -44px}.flag.flag-th{background-position:-16px -143px}.flag.flag-tr{background-position:-144px -143px}.flag.flag-tl{background-position:-80px -143px}.flag.flag-kz{background-position:-144px -77px}.flag.flag-zm{background-position:-16px -165px}.flag.flag-uz{background-position:-32px -154px}.flag.flag-dk{background-position:-64px -33px}.flag.flag-scotland{background-position:-176px -121px}.flag.flag-gi{background-position:-224px -44px}.flag.flag-gy{background-position:-128px -55px}.flag.flag-bj{background-position:-112px -11px}.flag.flag-fr{background-position:-80px -44px}.flag.flag-mo{background-position:-224px -88px}.flag.flag-ir{background-position:-112px -66px}.flag.flag-io{background-position:-80px -66px}.flag.flag-tm{background-position:-96px -143px}.flag.flag-ch{background-position:-96px -22px}.flag.flag-mt{background-position:-32px -99px}.flag.flag-nl{background-position:-240px -99px}.flag.flag-gp{background-position:-16px -55px}.flag.flag-im{background-position:-48px -66px}.flag.flag-tv{background-position:-176px -143px}.flag.flag-mu{background-position:-48px -99px}.flag.flag-pe{background-position:-96px -110px}.flag.flag-vi{background-position:-112px -154px}.flag.flag-hn{background-position:-176px -55px}.flag.flag-ss{background-position:-128px -132px}.flag.flag-ae{background-position:-16px 0}.flag.flag-td{background-position:-240px -132px}.flag.flag-pw{background-position:0 -121px}.flag.flag-nu{background-position:-32px -110px}.flag.flag-bt{background-position:-208px -11px}.flag.flag-ms{background-position:-16px -99px}.flag.flag-cv{background-position:-240px -22px}.flag.flag-es{background-position:-224px -33px}.flag.flag-mh{background-position:-144px -88px}.flag.flag-la{background-position:-160px -77px}.flag.flag-vn{background-position:-128px -154px}.flag.flag-py{background-position:-16px -121px}.flag.flag-br{background-position:-176px -11px}.flag.flag-ye{background-position:-224px -154px}.flag.flag-ie{background-position:0 -66px}.flag.flag-gh{background-position:-208px -44px}.flag.flag-cg{background-position:-80px -22px}.flag.flag-cu{background-position:-224px -22px}.flag.flag-hu{background-position:-224px -55px}.flag.flag-sg{background-position:-224px -121px}.flag.flag-at{background-position:-176px 0}.flag.flag-lk{background-position:-224px -77px}.flag.flag-vu{background-position:-144px -154px}.flag.flag-bo{background-position:-160px -11px}.flag.flag-jo{background-position:-208px -66px}.flag.flag-er{background-position:-208px -33px}.flag.flag-za{background-position:-256px -154px}.flag.flag-rs{background-position:-80px -121px}.flag.flag-nr{background-position:-16px -110px}.flag.flag-ls{background-position:-256px -77px}.flag.flag-jm{background-position:-192px -66px}.flag.flag-tz{background-position:-208px -143px}.flag.flag-ki{background-position:-16px -77px}.flag.flag-sj{background-position:0 -132px}.flag.flag-cs,.flag.flag-cz{background-position:-16px -33px}.flag.flag-pg{background-position:-128px -110px}.flag.flag-lv{background-position:-32px -88px}.flag.flag-do{background-position:-96px -33px}.flag.flag-lu{background-position:-16px -88px}.flag.flag-no{background-position:-256px -99px}.flag.flag-kw{background-position:-112px -77px}.flag.flag-mx{background-position:-96px -99px}.flag.flag-yt{background-position:-240px -154px}.flag.flag-ly{background-position:-48px -88px}.flag.flag-cy{background-position:0 -33px}.flag.flag-ph{background-position:-144px -110px}.flag.flag-my{background-position:-112px -99px}.flag.flag-sm{background-position:-48px -132px}.flag.flag-et{background-position:-240px -33px}.flag.flag-ru{background-position:-96px -121px}.flag.flag-tj{background-position:-48px -143px}.flag.flag-ai{background-position:-64px 0}.flag.flag-pl{background-position:-176px -110px}.flag.flag-kp{background-position:-64px -77px}.flag.flag-uy{background-position:-16px -154px}.flag.flag-gb{background-position:-112px -44px}.flag.flag-gs{background-position:-64px -55px}.flag.flag-kurdistan{background-position:-96px -77px}.flag.flag-rw{background-position:-112px -121px}.flag.flag-ec{background-position:-128px -33px}.flag.flag-mm{background-position:-192px -88px}.flag.flag-pa{background-position:-80px -110px}.flag.flag-wales{background-position:-160px -154px}.flag.flag-kg{background-position:-256px -66px}.flag.flag-ve{background-position:-80px -154px}.flag.flag-tk{background-position:-64px -143px}.flag.flag-ca{background-position:-16px -22px}.flag.flag-is{background-position:-128px -66px}.flag.flag-ke{background-position:-240px -66px}.flag.flag-ro{background-position:-64px -121px}.flag.flag-gq{background-position:-32px -55px}.flag.flag-pt{background-position:-256px -110px}.flag.flag-tf{background-position:-256px -132px}.flag.flag-ad{background-position:0 0}.flag.flag-sk{background-position:-16px -132px}.flag.flag-pm{background-position:-192px -110px}.flag.flag-om{background-position:-64px -110px}.flag.flag-an{background-position:-112px 0}.flag.flag-ws{background-position:-192px -154px}.flag.flag-sh{background-position:-240px -121px}.flag.flag-mp{background-position:-240px -88px}.flag.flag-gt{background-position:-80px -55px}.flag.flag-cf{background-position:-64px -22px}.flag.flag-zanzibar{background-position:0 -165px}.flag.flag-mw{background-position:-80px -99px}.flag.flag-catalonia{background-position:-32px -22px}.flag.flag-ug{background-position:-240px -143px}.flag.flag-je{background-position:-176px -66px}.flag.flag-km{background-position:-32px -77px}.flag.flag-in{background-position:-64px -66px}.flag.flag-bf{background-position:-48px -11px}.flag.flag-mc{background-position:-80px -88px}.flag.flag-sy{background-position:-192px -132px}.flag.flag-sn{background-position:-64px -132px}.flag.flag-kr{background-position:-80px -77px}.flag.flag-eu{background-position:-256px -33px}.flag.flag-bn{background-position:-144px -11px}.flag.flag-st{background-position:-144px -132px}.flag.flag-en,.flag.flag-us{background-position:0 -154px}.flag.flag-lc{background-position:-192px -77px}.flag.flag-dm{background-position:-80px -33px}.flag.flag-be{background-position:-32px -11px}.flag.flag-ni{background-position:-224px -99px}.flag.flag-ua{background-position:-224px -143px}.flag.flag-mz{background-position:-128px -99px}.flag.flag-pf{background-position:-112px -110px}.flag.flag-tn{background-position:-112px -143px}.flag.flag-ee{background-position:-144px -33px}.flag.flag-xk{background-position:-208px -154px}.flag.flag-sx{background-position:-176px -132px}.flag.flag-sd{background-position:-192px -121px}.flag.flag-gd{background-position:-128px -44px}.flag.flag-ci{background-position:-112px -22px}.flag.flag-sz{background-position:-208px -132px}.flag.flag-cl{background-position:-144px -22px}.flag.flag-fi{background-position:0 -44px}.flag.flag-ga{background-position:-96px -44px}.flag.flag-jp{background-position:-224px -66px}.flag.flag-de{background-position:-32px -33px}.flag.flag-np{background-position:0 -110px}.flag.flag-re{background-position:-48px -121px}.flag.flag-bg{background-position:-64px -11px}.flag.flag-sc{background-position:-160px -121px}.flag.flag-ng{background-position:-208px -99px}.flag.flag-qa{background-position:-32px -121px}.flag.flag-mk{background-position:-160px -88px}.flag.flag-aw{background-position:-208px 0}.flag.flag-kn{background-position:-48px -77px}.flag.flag-al{background-position:-80px 0}.flag.flag-bw{background-position:-240px -11px}.flag.flag-um{background-position:-256px -143px}.flag.flag-ky{background-position:-128px -77px}.flag.flag-tt{background-position:-160px -143px}.flag.flag-so{background-position:-80px -132px}.flag.flag-lt{background-position:0 -88px}.flag.flag-by{background-position:-256px -11px}.flag.flag-bb{background-position:0 -11px}.flag.flag-md{background-position:-96px -88px}.flag.flag-ag{background-position:-48px 0}.flag.flag-hm{background-position:-160px -55px}.flag.flag-as{background-position:-160px 0}.flag.flag-eg{background-position:-160px -33px}.flag.flag-sv{background-position:-160px -132px}.flag.flag-sl{background-position:-32px -132px}.flag.flag-fk{background-position:-32px -44px}.flag.flag-am{background-position:-96px 0}.flag.flag-ck{background-position:-128px -22px}.flag.flag-tw{background-position:-192px -143px}.flag.flag-kh{background-position:0 -77px}.flag.flag-to{background-position:-128px -143px}.flag.flag-se{background-position:-208px -121px}.flag.flag-cd{background-position:-48px -22px}.flag.flag-pn{background-position:-208px -110px}.flag.flag-gr{background-position:-48px -55px}.flag.flag-id{background-position:-256px -55px}.flag.flag-vc{background-position:-64px -154px}.flag.flag-somaliland{background-position:-96px -132px}.flag.flag-bi{background-position:-96px -11px}.flag.flag-pk{background-position:-160px -110px}.flag.flag-pr{background-position:-224px -110px}.flag.flag-bd{background-position:-16px -11px}.flag.flag-co{background-position:-192px -22px}.flag.flag-fm{background-position:-48px -44px}.flag.flag-bm{background-position:-128px -11px}.flag.flag-ar{background-position:-144px 0}.flag.flag-bv{background-position:-224px -11px}.flag.flag-sb{background-position:-144px -121px}.flag.flag-mq{background-position:-256px -88px}.flag.flag-eh{background-position:-176px -33px}.flag.flag-bh{background-position:-80px -11px}.flag.flag-it{background-position:-144px -66px}.flag.flag-hr{background-position:-192px -55px}.flag.flag-sa{background-position:-128px -121px}.flag.flag-mv{background-position:-64px -99px}.flag.flag-mg{background-position:-128px -88px}.flag.flag-dz{background-position:-112px -33px}.flag.flag-gg{background-position:-192px -44px}.flag.flag-gm{background-position:-256px -44px}.flag.flag-af{background-position:-32px 0}.flag.flag-li{background-position:-208px -77px}.flag.flag-sr{background-position:-112px -132px}.flag.flag-vg{background-position:-96px -154px}.flag.flag-cr{background-position:-208px -22px}.flag.flag-tc{background-position:-224px -132px}.flag.flag-ao{background-position:-128px 0}.flag.flag-ma{background-position:-64px -88px}.flag.flag-mr{background-position:0 -99px}.flag.flag-gn{background-position:0 -55px}.flag.flag-ne{background-position:-176px -99px}.flag.flag-nf{background-position:-192px -99px}.flag.flag-wf{background-position:-176px -154px}.flag.flag-hk{background-position:-144px -55px}.flag.flag-gf{background-position:-160px -44px}.flag.flag-ps{background-position:-240px -110px}.flag.flag-ic{background-position:-240px -55px}.flag.flag-cw{background-position:-256px -22px}.flag.flag-ml{background-position:-176px -88px}.flag.flag-ax{background-position:-224px 0}.flag.flag-gl{background-position:-240px -44px}.flag.flag-dj{background-position:-48px -33px}.flag.flag-cn{background-position:-176px -22px}.flag.flag-ht{background-position:-208px -55px}.flag.flag-lr{background-position:-240px -77px}.flag.flag-tg{background-position:0 -143px}.flag.flag-ba{background-position:-256px 0}.flag.flag-ge{background-position:-144px -44px}.flag.flag-bz{background-position:0 -22px}.flag.flag-au{background-position:-192px 0}.flag.flag-iq{background-position:-96px -66px}.flag.flag-cm{background-position:-160px -22px}.flag.flag-gw{background-position:-112px -55px}.flag.flag-az{background-position:-240px 0}.flag.flag-na{background-position:-144px -99px}.flag.flag-fj{background-position:-16px -44px}.flag.flag-zw{background-position:-32px -165px}.flag.flag-bs{background-position:-192px -11px}.flag.flag-il{background-position:-16px -66px}.flag.flag-nz{background-position:-48px -110px}.flag.flag-me{background-position:-112px -88px}.flag.flag-si{background-position:-256px -121px}.flag.flag-nc{background-position:-160px -99px}.flag.flag-lb{background-position:-176px -77px}.flag.flag-el{background-position:-48px -165px}.flag.flag-el_cy{background-position:-64px -165px}