/*@import url('../fonts/../fonts/https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');*/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-family: 'montserratregular' !important; } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } progress { vertical-align: baseline } template, [hidden] { display:none } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit } b, strong { font-weight: bolder } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0 } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } svg:not(:root) { overflow: hidden } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } button, input, optgroup, select, textarea { font: inherit; margin: 0 } optgroup { font-weight: bold } button, input { overflow: visible } button, select { text-transform: none } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } textarea { overflow: auto } [type="checkbox"], [type="radio"] { box-sizing:border-box; padding:0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto } [type="search"] { -webkit-appearance:textfield; outline-offset:-2px } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-input-placeholder { color:inherit; opacity:0.54 } ::-webkit-file-upload-button { -webkit-appearance:button; font:inherit } iframe{margin-bottom:-8px} /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 29, 2019 */ @font-face { font-family: 'montserratblack'; src: url('../fonts/montserrat-black-webfont.eot'); src: url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-black-webfont.woff2') format('woff2'), url('../fonts/montserrat-black-webfont.woff') format('woff'), url('../fonts/montserrat-black-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../fonts/montserrat-bold-webfont.eot'); src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratextrabold'; src: url('../fonts/montserrat-extrabold-webfont.eot'); src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('../fonts/montserrat-extrabold-webfont.woff') format('woff'), url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratextralight'; src: url('../fonts/montserrat-extralight-webfont.eot'); src: url('../fonts/montserrat-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-extralight-webfont.woff2') format('woff2'), url('../fonts/montserrat-extralight-webfont.woff') format('woff'), url('../fonts/montserrat-extralight-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratitalic'; src: url('../fonts/montserrat-italic-webfont.eot'); src: url('../fonts/montserrat-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-italic-webfont.woff2') format('woff2'), url('../fonts/montserrat-italic-webfont.woff') format('woff'), url('../fonts/montserrat-italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratlight'; src: url('../fonts/montserrat-light-webfont.eot'); src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'), url('../fonts/montserrat-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratmedium'; src: url('../fonts/montserrat-medium-webfont.eot'); src: url('../fonts/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-medium-webfont.woff2') format('woff2'), url('../fonts/montserrat-medium-webfont.woff') format('woff'), url('../fonts/montserrat-medium-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('../fonts/montserrat-regular-webfont.eot'); src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratsemibold'; src: url('../fonts/montserrat-semibold-webfont.eot'); src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'), url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratthin'; src: url('../fonts/montserrat-thin-webfont.eot'); src: url('../fonts/montserrat-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-thin-webfont.woff2') format('woff2'), url('../fonts/montserrat-thin-webfont.woff') format('woff'), url('../fonts/montserrat-thin-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Box Sizing --------------------------------------------- */ html, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } /* Chrome fix */ body > div { font-size: 15px; line-height: 25px; font-family: 'montserratregular' !important;} body { background-color: #fff; color: #333; font-family: 'montserratregular' !important; font-size: 15px; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; } body.altitude-home { background: none; } a, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .site-header.sticky-header { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ::-moz-selection { background-color: #000; color: #fff; } ::selection { background-color: #000; color: #fff; } a { color: #01beff; text-decoration: none; } a:focus, a:hover { color: #000; text-decoration:none} p { margin: 0 0 30px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } b, strong { font-weight: 800; } cite, em, i { font-style: italic; } .image-section .widget:first-of-type cite { font-size: 1.6rem; font-style: normal; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; } mark { background: #ddd; color: #000; } blockquote { color: #999; margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } .image-section .widget:first-of-type blockquote { color: #fff; font-size: 8rem; font-weight: 200; line-height: 1; margin: 0 0 20px; } .image-section blockquote::before { display: none; } hr { border: 0; border-collapse: collapse; border-top: 2px solid #f5f5f5; clear: both; margin: 40px 0; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: 'montserratsemibold'; font-weight: 600; line-height: normal; margin: 0 0 20px; } h1 { font-size: 36px; font-size: 3.6rem; } h2 { font-size: 32px; font-size: 3.2rem; } .front-page-1 .widget:first-of-type h4, .front-page-2 .widget:first-of-type h4 { font-size: 80px; font-size: 8rem; font-weight: 200; letter-spacing: normal; line-height: 1; text-transform: none; } h3 { font-size: 30px; font-size: 3rem; } h4 { font-size: 24px; font-size: 1.8rem; } .image-section h4, .solid-section h4, .image-section .widget-title, .solid-section .widget-title { border-width: 0; font-size: 16px; font-size: 1.6rem; font-weight: 800; letter-spacing: 3px; padding-bottom: 0; text-transform: uppercase; } h5 { font-size: 20px; font-size: 2rem; } h6 { font-size: 18px; font-size: 1.8rem; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } .full-width-content img.pull-left { float: left; margin: 0 40px 40px -200px; } .full-width-content img.pull-right { float: right; margin: 0 -200px 40px 40px; } /* Gallery --------------------------------------------- */ .gallery { margin-bottom: 28px; overflow: hidden; } .gallery-item { float: left; margin: 0; padding: 0 4px; text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery .gallery-item img { border: none; height: auto; margin: 0; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; border-radius: 0; box-shadow: none; color: #000; font-size: 20px; font-size: 2rem; font-weight: 200; padding: 20px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } .front-page input:focus, .front-page textarea:focus { border: 1px solid #22a1c4; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #000; opacity: 1; } ::-webkit-input-placeholder { color: #000; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget .button { background-color: #22a1c4; border: 2px solid #22a1c4; border-radius: 5px; color: #fff; cursor: pointer; font-size: 14px; font-size: 1.4rem; font-weight: 800; letter-spacing: 2px; padding: 15px 25px; text-transform: uppercase; -webkit-font-smoothing: antialiased; white-space: normal; width: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Buttons --------------------------------------------- */ button:focus, button:hover, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button.clear:focus, .button.clear:hover, .button:focus, .button:hover, .footer-widgets .widget .button, .footer-widgets button, .footer-widgets input[type="button"], .footer-widgets input[type="reset"], .footer-widgets input[type="submit"], .widget .button.clear:focus, .widget .button.clear:hover, .widget .button:focus, .widget .button:hover { background-color: #000; border: 2px solid #000; color: #fff; } .button { display: inline-block; } button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small, .button.small { padding: 8px 16px; } .footer-widgets .widget .button.clear, .widget .button.clear { background-color: transparent; border: 2px solid #000; color: #000; } .image-section .button { margin-left: 5px; margin-right: 5px; margin-top: 20px; } .image-section .widget .button.clear { background-color: transparent; border-color: #fff; color: #fff; } .footer-widgets button:focus, .footer-widgets button:hover, .footer-widgets input:focus[type="button"], .footer-widgets input:focus[type="reset"], .footer-widgets input:focus[type="submit"], .footer-widgets input:hover[type="button"], .footer-widgets input:hover[type="reset"], .footer-widgets input:hover[type="submit"], .footer-widgets .widget .button:focus, .footer-widgets .widget .button:hover, .image-section button:focus, .image-section button:hover, .image-section input:focus[type="button"], .image-section input:focus[type="reset"], .image-section input:focus[type="submit"], .image-section input:hover[type="button"], .image-section input:hover[type="reset"], .image-section input:hover[type="submit"], .image-section .widget .button:focus, .image-section .widget .button:hover { background-color: #fff; border: 2px solid #fff; color: #000; } .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover, .site-container .footer-widgets .widget input[type="submit"]:disabled, .site-container .footer-widgets .widget input[type="submit"]:disabled:hover { background-color: #ddd; border-color: #ddd; color: #444; cursor: not-allowed; } .post-password-form input[type="password"] { margin-bottom: 15px; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } th, td { text-align: left; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ddd; padding: 6px 0; } /* Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .genesis-nav-menu .search input[type="submit"]:focus, .screen-reader-shortcut:focus, .screen-reader-text:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; color: #000; display: block; font-size: 1em; font-weight: bold; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { position: relative; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .site-inner, .wrap { float: none; margin: 0 auto; max-width: 1200px; } .site-inner { background-color: #fff; clear: both; margin-top: 0; position: relative; z-index: 9; word-wrap: break-word; } .front-page .site-container .site-inner { margin-top: 0; max-width: 100%; } .altitude-landing .site-container .site-inner { margin-top: 100px; } .secondary-nav .site-inner { margin-top: 250px; } /* Column Classes --------------------------------------------- */ /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Common Classes ---------------------------------------------------------------------------------------------------- */ /* Avatar --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .author-box .avatar { height: 88px; width: 88px; } .entry-comments .avatar { height: 60px; width: 60px; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 20px 24px 0; } /* Genesis --------------------------------------------- */ .breadcrumb { border-bottom: 2px solid #f5f5f5; font-size: 20px; font-size: 2rem; margin-bottom: 60px; padding-bottom: 10px; } .archive-description, .author-box { border-bottom: 1px solid #000; border-top: 1px solid #000; font-size: 20px; font-size: 2rem; margin-bottom: 100px; padding: 40px 0; } .author-box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 8px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* Search Form --------------------------------------------- */ .search-form { overflow: hidden; position: relative; } .search-form input[type="submit"] { padding: 25px; } .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .widget_search input[type="submit"]:focus { background: #000; border-radius: 0; box-shadow: none; color: #fff; padding: 20px 23px; right: 0; top: 0; } .error404 .content .search-form { margin-bottom: 40px; } .error404 .content input[type="search"] { margin-right: 10px; width: auto; } /* Titles --------------------------------------------- */ .archive-title { font-size: 24px; font-size: 2.4rem; line-height: 1; margin-bottom: 20px; } .entry-title { font-size: 48px; font-size: 4.8rem; } .sidebar .entry-title { font-size: 24px; font-size: 2.4rem; text-align: left; } .entry-title a { color: #000; } .entry-title a:focus, .entry-title a:hover { color: #22a1c4; } /* WordPress --------------------------------------------- */ .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } a.alignnone { display: inline-block; } a.aligncenter img { display: block; margin: 0 auto; } img.centered, .aligncenter { display: block; margin: 0 auto; } img.alignnone, .alignnone { margin: 0 0 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .wp-caption-text { font-size: 18px; font-size: 1.8rem; line-height: 1.2; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .gallery-caption, .entry-content .gallery-caption { margin: 0 0 10px; } .post-password-form input { width: auto; } .post-password-form input[type="submit"] { padding: 25px; } .wp-audio-shortcode, .wp-playlist, .wp-video { margin: 0 0 28px; } /* Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget ul li { margin-bottom: 10px; padding-bottom: 10px; } .widget li li { border: none; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Featured Content --------------------------------------------- */ .featured-content .entry-title { font-size: 24px; font-size: 2.4rem; } /* Simple Social Icons --------------------------------------------- */ .altitude-home .content .simple-social-icons { margin-top: 40px; } .altitude-home .content .simple-social-icons ul li { margin: 0 20px !important; } .altitude-home .content .simple-social-icons ul li a, .altitude-home .content .simple-social-icons ul li a:focus, .altitude-home .content .simple-social-icons ul li a:hover { padding: 30px; } /* Plugins ---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .enews-widget input { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews form + p { margin-top: 24px; } /* Genesis Portfolio Pro --------------------------------------------- */ .genesis-pro-portfolio .content .pro-portfolio { padding: 0; } /* Jetpack --------------------------------------------- */ #wpstats { display: none; } /* Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } /* Display outline on focus */ :focus { color: #333; outline: none; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .home .site-header { background-color: transparent; } .site-header { background-color: #fff; left: 0; position: fixed; width: 100%; z-index: 999; color: #000; padding: 20px 0 } .featured-section .site-header { background-color: transparent; } .featured-section .site-header > .wrap { border-bottom: 1px solid #fff; } .site-header.sticky-header { background-color: #fff; padding: 0; box-shadow: 0 0 43px 0 rgba(117,117,117,0.1) } .site-header.sticky-header > .wrap { border-bottom: none; } .site-header.sticky-header .nav-secondary { display: none; } /* Title Area --------------------------------------------- */ .title-area { float: left; padding: 25px 0; width: 270px; } .site-header.sticky-header .title-area { padding: 15px 0; } .site-title { font-size: 24px; font-size: 2.4rem; font-weight: 800; letter-spacing: 2px; line-height: 1; margin-bottom: 0; text-transform: uppercase; } .site-title a, .site-title a:focus, .site-title a:hover { color: #fff !important; } .header-image .title-area, .header-image .site-header.sticky-header .title-area { padding: 0; } .header-image .site-title > a { background-size: contain !important; display: block; height: 40px; text-indent: -9999px; } .header-image .sticky-header .site-title > a { height: 40px; } .site-description { display: block; height: 0; margin-bottom: 0; text-indent: -9999px; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .nav>li>a { padding: 0 } .genesis-nav-menu { line-height: 1; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; position:relative} .genesis-nav-menu li li { margin-left: 0; } .genesis-nav-menu a { color: #252525; display: block; font-size: 15px; font-weight: bold; padding: 30px 15px; text-transform: capitalize; font-family: 'montserratbold';} .site-header.sticky-header .genesis-nav-menu a { padding: 0; } .genesis-nav-menu li.highlight a:focus::before, .genesis-nav-menu li.highlight a:hover::before { color: #fff; } .genesis-nav-menu li.highlight > a { font-weight: 800;} /*.front-page .genesis-nav-menu li.current-menu-item > a, .genesis-nav-menu > li > a {border-bottom: 2px solid transparent; } */.front-page .genesis-nav-menu li.current-menu-item > a:focus, .front-page .genesis-nav-menu li.current-menu-item > a:hover, .genesis-nav-menu li.current-menu-item > a, .genesis-nav-menu > li > a:focus, .genesis-nav-menu > li > a:hover, .current-menu-ancestor.current-menu-parent > a, .current-menu-item > a { border-color: #fff; color: #01beff; } .genesis-nav-menu li.current-menu-item.header-button > a, .genesis-nav-menu > li.header-button > a:focus, .genesis-nav-menu > li.header-button > a:hover{color:#fff} .genesis-nav-menu > .menu-item > a { text-transform: capitalize; cursor: pointer;} .genesis-nav-menu .sub-menu { left: -9999px; letter-spacing: 0; opacity: 0; position: absolute; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; width: 220px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: transparent; outline: none; padding: 0; position: relative; color: #252525; text-transform: capitalize; font-family: 'montserratmedium'; font-size: 14px; } .genesis-nav-menu .sub-menu li:focus, .genesis-nav-menu .sub-menu li:hover, .genesis-nav-menu .sub-menu li.current-menu-item { background-color: #fbfbfb; color: #252525 !important; border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; } .genesis-nav-menu .sub-menu li:focus a, .genesis-nav-menu .sub-menu li:hover a, .genesis-nav-menu .sub-menu li.current-menu-item > a { color: #252525 !important; } .genesis-nav-menu .sub-menu .sub-menu { margin: -54px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { color: #fff; display: inline-block; list-style-type: none; padding: 27px 20px; text-transform: uppercase; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; } .genesis-nav-menu > .search { display: block; margin: 0 auto; padding: 0 20px 20px; width: 50%; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary { border-bottom: 1px solid #fff; } /* Footer Navigation --------------------------------------------- */ .nav-footer .genesis-nav-menu { padding: 20px 0; } .nav-footer .genesis-nav-menu a { border: none; font-weight: 800; letter-spacing: 3px; margin: 0 20px; padding: 0; } /* Responsive Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } .sub-menu-toggle, .menu-toggle { display: none; visibility: hidden; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Front Page --------------------------------------------- */ .image-section, .solid-section { clear: both; text-align: center; width: 100%; } .image-section { background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.2)), color-stop(30%, rgba(0,0,0,0.5)), color-stop(80%, rgba(0,0,0,0.8)), color-stop(100%, rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000', GradientType=0 ); display: table; overflow: hidden; table-layout: fixed; width: 100%; } .image-section .widget-area { display: table-cell; text-align: center; vertical-align: middle; } .image-section, .image-section a { color: #fff; } .image-section a:focus, .image-section a:hover, .image-section .featured-content .entry-title a:focus, .image-section .featured-content .entry-title a:hover { color: #22a1c4; } .solid-section { background-color: #fff; } .front-page-2, .front-page-3, .front-page-4, .front-page-5, .front-page-6, .front-page-7 { border-top: 54px solid transparent; margin-top: -54px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; position: relative; z-index: 9; } .front-page-1, .front-page-3, .front-page-5, .front-page-7 { background-attachment: fixed; background-color: #fff; background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .front-page-1 { position: relative; } .front-page-1 .image-section { padding-top: 75px; } .secondary-nav .front-page-1 .image-section { padding-top: 150px; } .front-page-4 .solid-section { background-color: #f3f3f3; } .bottom-image { margin-bottom: -120px; margin-top: 100px; } .bottom-image img { margin-bottom: -10px; } .front-page .field-wrap:last-child { margin-bottom: 0; } .small-disclaimer { font-size: 14px; font-size: 1.4rem; font-style: italic; } /* Dashicons --------------------------------------------- */ .front-page .dashicons { font-size: 40px; font-size: 4rem; height: 40px; margin-bottom: 20px; width: 40px; } /* Flexible Widgets --------------------------------------------- */ .flexible-widgets { padding-bottom: 60px; padding-top: 100px; } .flexible-widgets .widget { float: left; margin: 0 0 40px 2.564102564102564%; } .flexible-widgets.widget-full .widget, .flexible-widgets.widget-area .widget:nth-of-type(1), .flexible-widgets.widget-halves.uneven .widget:last-of-type { background: none; margin-left: 0; padding: 0; width: 100%; } .widget-area.flexible-widgets.widget-half .widget, .flexible-widgets.widget-halves .widget { width: 48.717948717948715%; } .flexible-widgets.widget-thirds .widget { width: 31.623931623931625%; } .flexible-widgets.widget-fourths .widget { width: 23.076923076923077%; } .flexible-widgets.widget-halves .widget:nth-child(even), .flexible-widgets.widget-thirds .widget:nth-child(3n+2), .flexible-widgets.widget-fourths .widget:nth-child(4n+2) { clear: left; margin-left: 0; } .solid-section .widget { background-color: #fff; padding: 40px; } .solid-section .widget:not(:first-child) .widget-title { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 30px; } .flexible-widgets p.large { font-size: 36px; font-size: 3.6rem; line-height: 1; } .flexible-widgets p.price { font-size: 32px; font-size: 3.2rem; font-weight: 800; line-height: 1.2; margin-bottom: 20px; } /* Content --------------------------------------------- */ .content { float: left; width: 700px; } .page .content { padding-bottom: 50px; } .sidebar-content .content { float: right; } .full-width-content .content { padding: 0; width: 100%; } .full-width-content.front-page .content { padding: 0; } /* Entries --------------------------------------------- */ .entry { } .widget .entry { margin-bottom: 40px; } .entry-content ol, .entry-content ul { margin-bottom: 30px; /*margin-left: 40px; */ } /*.entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } */.entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #000; color: #ddd; } .entry-title h1{margin-bottom:0} /* Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 20px; font-size: 2rem; margin-bottom: 0; } .entry-header, .entry-footer { text-align: center; } .entry-header p.entry-meta { font-weight: 700; letter-spacing: 2px; margin-bottom: 16px; text-transform: uppercase; } .entry-header::after { border-bottom: 1px solid #000; content: ""; display: block; margin: 0 auto 60px; padding-bottom: 30px; width: 25%; } .image-section .entry-header::after { border-color: #fff; } .entry-footer::before { border-top: 1px solid #000; content: ""; display: block; margin: 30px auto 0; padding-top: 60px; width: 25%; } .sidebar .entry-header::after { display: none; } .entry-categories::before, .entry-tags::before { display: inline-block; font: normal 20px/1 "dashicons"; margin-right: 5px; margin-top: 2px; vertical-align: top; -webkit-font-smoothing: antialiased; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* After Entry --------------------------------------------- */ .after-entry { border-top: 1px solid #000; padding: 40px 0; } .after-entry .widget { margin-bottom: 40px; } .after-entry p:last-child, .after-entry .widget:last-child { margin: 0; } .after-entry li { list-style-type: none; } /* Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #000; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 1.4rem; letter-spacing: 1px; padding: 8px 12px; text-transform: uppercase; } .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination .active a { background-color: #22a1c4; color: #fff; } /* Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 100px; } p.comment-meta, .entry-comments .comment, .entry-comments .comment-reply { margin-bottom: 40px; } .comment-header { font-size: 20px; font-size: 2rem; } .entry-comments .comment { border-bottom: 1px solid #000; } .comment-content, .entry-comments .comment { clear: both; } p.form-submit, .entry-comments .children .comment, .entry-comments .comment-author { margin: 0; } .entry-comments .children .comment { border: none; } .comment-respond label { display: block; font-weight: 800; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 100%; } .comment-list li, .ping-list li { list-style-type: none; } .entry-comments ul.children { margin-left: 40px; } .ping-list .reply { display: none; } /* Sidebar ---------------------------------------------------------------------------------------------------- */ .sidebar { float: right; width: 360px; } .sidebar-content .sidebar { float: left; } .sidebar p:last-child { margin-bottom: 0; } .sidebar li { list-style-type: none; margin-bottom: 6px; word-wrap: break-word; } .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { margin-bottom: 40px; } /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #22a1c4; clear: both; text-align: center; position: relative; z-index: 9; } .footer-widgets .wrap { padding-bottom: 100px; padding-top: 100px; } .footer-widgets, .footer-widgets .wrap a, .footer-widgets .wrap a.button { color: #fff; } .footer-widgets a:focus, .footer-widgets a:hover { color: #000; } .footer-widgets li { margin-bottom: 10px; padding-bottom: 10px; } .footer-widgets .widget { margin-bottom: 40px; } .footer-widgets p:last-child { margin-bottom: 0; } /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #000; padding: 20px; text-align: center; } .site-footer, .site-footer a, .site-footer p { color: #fff; } .site-footer a:focus, .site-footer a:hover { color: #22a1c4; } .site-footer p { font-size: 14px; font-size: 1.4rem; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; } /* Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1200px) { .site-inner, .wrap { max-width: 960px; } .site-header .widget-area { width: 580px; } .content { width: 520px; } .full-width-content .content { padding: 0 50px; } .genesis-nav-menu a { padding: 30px 10px; } .site-header.sticky-header .genesis-nav-menu a { padding: 20px 10px; } .front-page-1, .front-page-3, .front-page-5, .front-page-7 { background-attachment: scroll; } } @media only screen and (max-width: 1023px) { .site-inner, .wrap { max-width: 768px; } .secondary-nav .site-inner { margin-top: 80px; } .front-page .site-inner { max-width: none; } .site-header { position: static; } .front-page .site-header { background-color: #000; } .front-page .site-header > .wrap { border: none; } .content, .sidebar, .site-header .widget-area, .title-area { width: 100%; } .header-image .sticky-header .site-title > a { height: 76px; } .genesis-nav-menu, .site-header .widget-area, .site-title { text-align: center; } .header-image .site-title > a { background-position: center !important; } .nav-primary .genesis-nav-menu { float: none; } .nav-secondary, .site-header.sticky-header .nav-secondary { border-bottom: none; } .genesis-nav-menu a, .site-header.sticky-header .genesis-nav-menu a { padding: 10px; } .front-page .site-inner { margin-top: 0; } .site-inner { margin-top: 80px; } .full-width-content .content { padding: 0; } .full-width-content img.pull-left { margin-left: 0; } .full-width-content img.pull-right { margin-right: 0; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .flexible-widgets.widget-full .widget, .flexible-widgets.widget-halves .widget, .flexible-widgets.widget-thirds .widget, .flexible-widgets.widget-fourths .widget { margin: 0 auto 20px; width: 100%; } .front-page-1 .widget:first-of-type h4, .front-page-2 .widget:first-of-type h4 { font-size: 60px; font-size: 6rem; } .front-page-1 .image-section, .secondary-nav .front-page-1 .image-section { padding-top: 0; } } @media only screen and (max-width: 991px) { .site-inner, .wrap { max-width: none; width: 100%; } .site-inner, .wrap { padding: 0 5%; } .front-page .site-inner { padding: 0; } /* Genesis Responsive Menus */ nav.nav-primary { top: 0; } .site-header nav .wrap { padding: 0; } nav.genesis-responsive-menu { display: none; position: relative; } .genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; } .menu-toggle, .sub-menu-toggle { border-width: 0; background: #000; color: #fff; display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; } .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover { background-color: transparent; color: #22a1c4; border-width: 0; } .menu-toggle:focus, .sub-menu-toggle:focus { outline: 1px solid #ccc; outline-offset: -1px; } .menu-toggle { line-height: 20px; margin-bottom: 1px; position: relative; z-index: 1000; width: 100%; PADDING: 8PX 12PX;border-radius:0 } .menu-toggle::before, .menu-toggle.activated::before { margin-right: 10px; text-rendering: auto; display:none} .sub-menu-toggle { float: right; padding: 10px; position: absolute; right: 0; top: 0; z-index: 100; } .sub-menu-toggle::before { display: inline-block; text-rendering: auto; -webkit-transform: rotate( 0 ); -ms-transform: rotate( 0 ); transform: rotate( 0 ); -webkit-transition: transform .25s ease-in-out; -ms-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out; } .sub-menu-toggle.activated::before { -webkit-transform: rotate( 180deg ); -ms-transform: rotate( 180deg ); transform: rotate( 180deg ); } .genesis-responsive-menu .genesis-nav-menu .menu-item a { background-color: transparent; border-bottom: 0; } .genesis-responsive-menu .genesis-nav-menu .menu-item a:focus span, .genesis-responsive-menu .genesis-nav-menu .menu-item a:hover span, .current-menu-ancestor.current-menu-parent a span, .current-menu-item a span { color: #fff; background-color: transparent; border-bottom: 0; } .genesis-responsive-menu .genesis-nav-menu .menu-item a { outline-color: #fff; } .genesis-responsive-menu .genesis-nav-menu .menu-item a:focus, .genesis-responsive-menu .genesis-nav-menu .menu-item a:hover { text-decoration: underline; } .genesis-responsive-menu .genesis-nav-menu .menu-item a:focus { outline: 1px solid #fff; } .genesis-responsive-menu .genesis-nav-menu .menu-item { display: block; float: none; position: relative; text-align: left; } .genesis-responsive-menu .genesis-nav-menu .menu-item:focus, .genesis-responsive-menu .genesis-nav-menu .menu-item:hover { position: relative; } .front-page .genesis-responsive-menu .genesis-nav-menu li.current-menu-item > a, .genesis-responsive-menu .genesis-nav-menu > li > a, .genesis-responsive-menu .genesis-nav-menu .menu-item a { border: 0; } .genesis-responsive-menu .genesis-nav-menu .menu-item a { padding: 15px 20px; width: 100%; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { border: none; } .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu, .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu { left: 0; margin-left: 0; } .genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after { content: none; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { clear: both; display: none; margin: 0; opacity: 1; padding-left: 15px; position: static; width: 100%; } .genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu { margin: 0; } .altitude-home .simple-social-icons ul li { margin: 0 20px 20px !important; } .footer-widgets .wrap { padding-top: 60px; padding-bottom: 60px; } .front-page-2, .front-page-3, .front-page-4, .front-page-5, .front-page-6, .front-page-7 { border-top: 0; margin-top: 0; } .image-section .flexible-widgets { padding-bottom: 80px; } .solid-section .flexible-widgets { padding-bottom: 40px; padding-top: 60px; } .bottom-image { margin-top: 60px; margin-bottom: -80px; } } @media only screen and (max-width: 480px) { .front-page-1 .widget:first-of-type h4, .front-page-2 .widget:first-of-type h4 { font-size: 40px; font-size: 4rem; } } /*Menu CSS START*/ nav.nav-primary { font-size: 1.6em;/*16px*/ line-height: 1.2; display: block; position: relative; z-index: 9999; min-height: 32px; } /* all lists */ nav.nav-primary ul.menu { padding: 0; margin: 0; list-style: none; line-height: 1; position: relative; padding-top: 25px;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; width: 85%; } } nav.nav-primary ul a { display: block; text-decoration: none; font-family: 'montserratbold';} /* all list items */ nav.nav-primary ul li { float: left; -webkit-transition: background-color 0.7s ease; -moz-transition: background-color 0.7s ease; -o-transition: background-color 0.7s ease; -ms-transition: background-color 0.7s ease; transition: background-color 0.7s ease; } nav.nav-primary ul li:last-child { border: none; } /* second-level lists */ nav.nav-primary ul li ul { position: absolute; width: 12em; left: -999em; background-color: #ffffff; } nav.nav-primary ul li ul li { width: 100%; background-color: #ffffff; } nav.nav-primary ul ul li, nav.nav-primary ul ul ul li, nav.nav-primary ul ul ul ul li { border-right: none; padding: 0 20px; } .genesis-nav-menu ul.sub-menu li:first-child { padding-left: 20px } /*nav.nav-primary ul li a.sf-with-ul:after { content: '\00BB'; display: inline-block; *float:right;position: relative; top: 0em; right: -0.3em; }*/ nav.nav-primary ul li.sfHover a.sf-with-ul:after { /*-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);*/ color:#000 } nav.nav-primary ul li.sfHover li a.sf-with-ul:after { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } nav.nav-primary ul li a.sf-with-ul:only-child:after { content: '';/* if only child, delete arrow */ } nav.nav-primary ul li ul a { padding: 0.5em 1.5em; margin-top: -1px; /*to offset bottom border*/ } nav.nav-primary ul li ul li:last-child a { border-bottom: none; } /* third-and-above-level lists */ nav.nav-primary ul li ul ul { margin: -2em 0 0 12em;/* negative margin calculated by li padding plus line height*/ } nav.nav-primary ul li:hover ul ul, nav.nav-primary ul li:hover ul ul ul, nav.nav-primary ul li.sfhover ul ul, nav.nav-primary ul li.sfhover ul ul ul { left: -999em; } nav.nav-primary ul li:hover ul, nav.nav-primary ul li li:hover ul, nav.nav-primary ul li li li:hover ul, nav.nav-primary ul li.sfhover ul, nav.nav-primary ul li li.sfhover ul, nav.nav-primary ul li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .nav>li>a:focus, .nav>li>a:hover { background-color: transparent } nav.nav-primary ul.sub-menu { padding-top: 0; background-color: #ffffff; box-shadow: 0 15px 43px 0 rgba(36,36,36,0.3); transition: none; padding-top: 8px; padding-bottom: 8px; margin-left: -50px; } nav.nav-primary ul.sub-menu li { width: 100%; border-bottom: 1px solid transparent; border-top: 1px solid transparent; } /*---------------------------------- IE7 -----------------------------------*/ .ie7 nav.nav-primary ul li a.sf-with-ul { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjUzQjYyMzVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjUzQjYyNDVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NTNCNjIxNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2NTNCNjIyNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDQ6YwAAAHdJREFUeNpiZBLWYCAGMEFpZiCuAGJOHHy4Qm8gbgfijVBJdD4DMyOXCIi+CcT/gTgZiI2BuAWI/yDxVzMiuRGk8wYQywGxPxDvRuYzISnaAhUshipC5m+CKbQHYicgrgHiPix8BmSrDYD4AlKIoPAZiQ1HgAADAOmdFtZlRP7CAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: right center; } .ie6 nav.nav-primary ul li a.sf-with-ul { background-image: url('/images/arrow.png'); background-repeat: no-repeat; background-position: right center; } @media screen and (min-width:992px) { .menu-toggle { display: none; } .genesis-nav-menu .menu-item-has-children > a > span:after{ font-weight: 300; color: #01beff ; font: normal normal normal 10px/1 FontAwesome;/*content: "\f067";*/ margin-left: 10px;} .genesis-nav-menu .menu-item-has-children.sfHover > a > span:after{/*content: "\f068";*/} } @media screen and (max-width:991px) { nav.nav-primary span { display: none; } .menubtn { display: block; margin: 5px 0 10px; float: right; text-indent: -9999px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 40px; height: 40px; } .menubtn:hover { cursor: pointer; } nav.nav-primary span { display: block; } nav.nav-primary span { position: relative; float: right; padding: 10px; } nav.nav-primary span:hover { cursor: pointer; } nav.nav-primary ul, nav.nav-primary ul > ul { display: none; float: none; width: 100%; } nav.nav-primary ul li { border-right: none; } nav.nav-primary ul li a.sf-with-ul:after { content: ''; /*position: absolute; right: 20px; top: 0; line-height: 36px; color: #fff;*/} nav.nav-primary ul li a.sf-with-ul:after { display: inherit; } nav.nav-primary ul li ul, nav.nav-primary ul li ul li { width: 100%; } nav.nav-primary ul li ul a { border-bottom: none; } nav.nav-primary ul ul, nav.nav-primary ul li { width: 100%; } nav.nav-primary ul li a { padding: 0.5em 1em 0.5em 1em; float: left; } nav.nav-primary ul li ul a { padding: 0.5em 1em 0.5em 2em; } nav.nav-primary ul ul li ul a { padding: 0.5em 1em 0.5em 3em; } nav.nav-primary ul ul ul li ul a { padding: 0.5em 1em 0.5em 4em; } nav.nav-primary ul li ul, nav.nav-primary ul li ul ul, nav.nav-primary ul li:hover ul ul, nav.nav-primary ul li:hover ul ul ul, nav.nav-primary ul li.sfhover ul ul, nav.nav-primary ul li.sfhover ul ul ul, nav.nav-primary ul li:hover ul, nav.nav-primary ul li li:hover ul, nav.nav-primary ul li li li:hover ul, nav.nav-primary ul li.sfhover ul, nav.nav-primary ul li li.sfhover ul, nav.nav-primary ul li li li.sfhover ul { position: relative; display: none; margin: 0 0 0 0; left: 0em; } nav.nav-primary { background: none; } .menubtn { background: #333 url('/images/menuicon.png') no-repeat right top; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -khtml-opacity: 0.6; opacity: 0.6; } .menubtn:hover, .menuOpen { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; opacity: 1; } nav.nav-primary span { background: #00b4ff; color: #fff; } /*nav.nav-primary span:hover { background: #049ad6; }*/ nav.nav-primary ul ul, nav.nav-primary ul li { background: #eeeeee; } nav.nav-primary ul li ul li { background: #01beff; } nav.nav-primary ul li ul li { border-bottom: 1px solid #e5e5e5; } nav.nav-primary ul ul ul li { background: #ccc; } ul li.menuOpen >span { background: #fff; color: #000; } ul ul li.menuOpen, ul ul li.menuOpen:hover {background: #fff; color: #000;} ul ul ul li.menuOpen, ul ul ul li.menuOpen:hover { background: #cdebf7; } nav.nav-primary ul.menu{ flex-direction: column; padding-bottom: 25px; display: none;} } /*Menu CSS OVER*/ a:hover { text-decoration: none; } @media screen and (min-width:800px) { /*header*/ .header-social-sec svg { fill: #fff; height: 17px; } .widget-area.header-widget-area { width: 70%; float: right; text-align: right; } nav.nav-primary { width: 77%; float: right; } .header-topright-sec div { display: inline-block; vertical-align: middle; margin: 0 0 0 20px; } .header-topright-sec { margin-top: 35px; } .site-title { margin: 20px 0; } .genesis-nav-menu li { /*padding: 0 25px*/ } .genesis-nav-menu a { padding: 0; line-height: 35px; } .genesis-nav-menu li:first-child { padding-left: 0; } .genesis-nav-menu li:last-child { padding-right: 0; } .header-topright-sec a { color: #fff; } .header-topright-sec a { color: #fff; font-size: 13px; } .header-topright-sec i.fa { margin-right: 5px; } /*header-end*/ div#homebanner { height: calc(100vh - 155px); min-height: 800px; } .header-button > a, .site-header.sticky-header .genesis-nav-menu .header-button > a { background: #01beff; color: #fff; padding: 0px 30px; } .header-button > a:hover, .header-button > a:focus, .site-header.sticky-header .genesis-nav-menu .header-button > a:hover, .site-header.sticky-header .genesis-nav-menu .header-button > a:focus { background: #000; color: #fff !important } .genesis-nav-menu a:hover, .genesis-nav-menu a:focus { color: #01beff !important } } /************************* 23-1-2019 ******************************/ /* Primary Navigation --------------------------------------------- */ .nav-primary { text-align: center; } .nav-primary .genesis-nav-menu { float: right; } .grecaptcha-badge { display: none; } .w-90 { width: 90%; margin-left: auto; margin-right: auto } .w-80 { width: 80%; margin-left: auto; margin-right: auto } .pr-color { color: #01beff } .pr-bg { background: #01beff } .no-gutter { margin-left: 0; margin-right: 0; } .no-gutter [class*='col-']:not(:first-child), .no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; } .pb-0{padding-bottom:0 !important} .pt-0{padding-top:0 !important} /* footer */ .footer_area { background-color: #fbfbfb; padding: 50px 0; font-size: 11.5px; line-height: 18px; border-top: 2px solid #ededed; } .footer_title { font-weight: bold; color: #252525; margin: 12px 0 10px;font-family: 'montserratbold'; font-size:14px} .footer_logo { margin-bottom: 12px } .footer_area a { color: #252525 } .footer-button { text-align: center; } .footer-button > a { /*background: #01beff; color: #fff; padding: 8px 30px; text-transform: uppercase !important; font-weight: 600; font-size: 14px;*/ } /*.footer-button > a:hover, .footer-button > a:focus { background: #000; color: #fff }*/ .footer-subcontent { margin: 30px 0 20px} .footer-subcontent img{max-width: 80px;} .footer_social_media a > i { font-size: 18px; color: #000; margin-right: 3px; } .footer_menu_list1 ul li { padding-bottom: 3px } .footer-md .col-sm-5 { padding-left: 35px; } .footer-md .col-sm-4 { padding-right: 0 } /* home */ #wel-first { /*box-shadow: 3px 0 43px 0 rgba(117,117,117,0.05)*/ } .banner-sec > .vc_column-inner { max-width:320px; float: right; margin-left: auto; } .banner-sec h1.vc_custom_heading { color: #333333; font-weight: 600; text-transform: uppercase; font-size: 50px; line-height: 46px; position: relative; display: inline-block; } .banner-sec h1.vc_custom_heading:after { position: absolute; bottom: 5px; right: -10px; width: 10px; height: 10px; content: ''; background-color: #01beff; border-radius: 50% } .banner-sec p { font-size: 16px; font-weight: 500; color: #333333; margin: 0px 0 0 } #intro { padding: 60px 0 120px } #feature, #feature-home, #seo-feature{ overflow: visible; /* padding-bottom: 80px;*/ } #feature > .wpb_column > .vc_column-inner, #feature-home > .wpb_column > .vc_column-inner, #seo-feature > .wpb_column > .vc_column-inner{ margin-top: -150px } .feature-list > .vc_column-inner { background: #fff; box-shadow: 3px 0 43px 0 rgba(117,117,117,0.10); padding-top: 50px; padding-bottom: 25px } .feature-list img { margin-bottom: 20px } .feature-list:hover img { filter: invert(58%) sepia(30%) saturate(3903%) hue-rotate(160deg) brightness(101%) contrast(105%) } .feature-list:hover .vc_custom_heading{color:#01beff !important} .feature-list:hover h3.vc_custom_heading { color: #01beff !important } #home-portfolio { padding: 20px 0 } /*.ser-list .vc_column-inner > .wpb_wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex;} */.ser-icon-img { width: 45px; margin-right: 15px; float: left } .ser-short-desc { margin-bottom: 30px; width: 305px; margin-right: 15px; margin-left: auto; } .ser-short-desc p { margin-bottom: 0; font-size: 13px; line-height: 22px; } .ser-short-desc p strong { font-weight: 600;font-family: 'montserratsemibold'; font-size: 15px; line-height: 25px } #journey { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; padding-top: 20px } #sec-black { overflow: visible; border-top: 1px solid #ededed; /*margin-top: 10px;*/ } #sec-black > .vc_column_container > .vc_column-inner { padding: 100px 15px 0; color: #fff; } #sec-black .wpb_single_image { margin-bottom: -60px !important } #sec-black .wpb_content_element { margin-bottom: 0 } #sec-black .wpb_content_element p { font-weight: 600; text-transform: uppercase; width: 84%; margin-top: 15px } #partners { padding: 110px 0 135px; } #part-list { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; overflow: visible; } .home-new-product-sec { margin-left: -15px; margin-right: -15px; color: #666666; margin-bottom: 20px !important; margin-top: 15px; } .product-details.col-one { margin-left: 15px; margin-right: 15px; width: 30.6%; float: left } .home-new-product-sec .col-two { margin-left: 15px; margin-right: 15px; width: 30.4%; float: left } .home-new-product-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-details .homepage-blog-img { height: 82%; max-height: 410px } .product-details .homepage-blog-img img { height: 100%; width: auto; } .product-details.col-one .homepage-blog-img > a{height: 100%; width: 100%; overflow: hidden; /* float: left; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-details.col-one .homepage-blog-img img{max-width:none; } .home-new-product-sec .col-two .product-details { height: 46%; } .home-new-product-sec .col-two .product-details .homepage-blog-img { max-height: 150px; overflow: hidden; } .home-new-product-sec .col-two .product-details .homepage-blog-img img { width: 100%; height: auto; /* display: block; */ } .product-details { background-color: #fff; box-shadow: 0 3px 43px 0 rgba(51,51,51,0.10); margin-bottom: 21px !important; border: 1px solid #ededed } #home-blog { padding-top: 35px } .homepage-blog-data { padding: 15px 25px; } .homepage-blog-data .homepage-blog-title { margin-bottom: 5px } .homepage-blog-data .homepage-blog-title a { color: #666666; font-size: 18px; font-weight: bold;font-family: 'montserratbold'; } .homepage-blog-data .homepage-blog-title a:hover, .homepage-blog-data .homepage-blog-title a:focus { color: #01beff; } .homepage-blog-content { font-size: 11px; line-height: normal } .home-team-sec { width: 100%; float: left; margin-top: -140px; margin-bottom: 45px !important; } .team-details { width: 20%; padding: 0 15px; float: left; text-align: center; } .homepage-team-img { width: 202px; height: 202px; border-radius: 50%; border: 1px solid #ededed; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 11px; line-height: 16px; margin-bottom: 15px; text-transform: uppercase; text-transform: uppercase; overflow: hidden; margin-left: auto; margin-right: auto; } .home-team-sec .team-details:last-child .homepage-team-img > a { font-size: 16px; color: #fff } .home-team-sec .team-details:last-child .homepage-team-img { background: #01beff; } .who-we-are .home-team-sec .team-details:last-child .homepage-team-img > a {padding:0; color:inherit} .who-we-are .home-team-sec .team-details:last-child .homepage-team-img{ background: transparent; } .homepage-team-title a, .homepage-team-title { font-size: 15px; font-weight: 600; color: #333333; text-transform: uppercase; font-family: 'montserratsemibold';} .homepage-team-content { font-size: 12px; text-transform: uppercase; line-height: normal; } .port .vc_column-inner { padding-left: 5px !important; padding-right: 5px !important; padding-top: 0 !important } .port .wpb_single_image * { width: 100%; } .h-50 > .vc_column-inner * { height: 100% } .h-50.wpb_column.vc_column_container { margin-bottom: 10px; } .tab-btn { list-style: none; display: flex; padding: 0; text-align: center; /* margin: 0 auto; */ /* width: 100%; */ -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab-btn li { padding: 0 50px; position: relative } .tab-btn li:after { position: absolute; height: 35px; width: 1px; background: #252525; top: -3px; right: 5px; transform: rotate(45deg); content: ''; } .tab-btn li:last-child:after { display: none } .tab-btn li a { font-size: 20px; color: #252525; font-family: 'montserratsemibold'; text-transform: capitalize } .tab-btn li a.active { font-family: 'montserratbold'; } #tabbing { padding-bottom: 185px; } #portfolio, #design, #brand, #social, #seo { margin-top: -170px; margin-bottom: 60px } .m-0 { margin-bottom: 0 !important } #col-left > .vc_column-inner * { height: 100% } .port > #col-left, .port > #col-left > .vc_column-inner { padding-left: 0 !important } .port > #col-left.pr-0, .port > #col-left.pr-0 > .vc_column-inner { padding-left: 5px !important; padding-right: 0 !important } .vc_row.vc_column-gap-10>.vc_column_container { padding-top: 4px !important; padding-bottom: 4px !important } .port > .vc_col-sm-5 { width: 40.4% } .port > .vc_col-sm-7 { width: 59.6% } /* inner page */ .p-b-80 { padding-bottom: 65px } .box-shadow { box-shadow: inset 0 43px 43px -43px rgba(51,51,51,0.3); -webkit-box-shadow: inset 0 43px 43px -43px rgba(51,51,51,0.3); -moz-box-shadow: inset 0 43px 43px -43px rgba(51,51,51,0.3); } .vc_custom_heading { font-weight: 600; font-family: 'montserratsemibold';} .featured_image_area { margin-top: 115px; position: relative } .featured_image_area img { width: 100%; } .header-title-outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(45,46,46,0.7) } .header-title-outer .wrap { height: 100%; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-title { padding-left: 120px;/* max-width: 650px; */ } .entry-title {font-family: 'montserratsemibold'; text-transform: uppercase; font-size: 64px; margin: 0; line-height:62px; } .sub-title-sec { font-size: 18px; margin-top:5px } .sec-pad { padding: 65px 0 } #inner-partners { padding: 60px 0 130px } #call-sec { padding: 5px 0 0px; background-position: left 0px top 0 !important;BACKGROUND-SIZE: CONTAIN; border-top:1px solid #ebebeb} .pr-btn button, .pr-btn a { font-weight: 600; color: #fff !important; background-color: #01beff !important; padding: 8px 25px !important; text-transform: uppercase !important; font-size: 14px; border-radius:0} .pr-btn button:hover, .pr-btn button:focus, .pr-btn a:hover, .pr-btn a:focus { background-color: #000 !important; } .social-links { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px } .social-links LI { padding: 0 3px } #contact { padding: 80px 0 200px; overflow: visible } #enquiry { overflow: visible; padding-bottom: 80px } .enquiry-form { margin-top: -200px; box-shadow: 0 3px 43px 0 rgba(117,117,117,.2); margin-bottom: 50px; padding-top: 40px; padding-bottom: 40px; background-color: #fff; padding-left: 15px !important; padding-right: 15px !important; } .enquiry-form form { margin-top: 35px } .form-control { border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #d7d7d7; width: 100%; height: 57px; margin-top: 10px; color: #333; font-weight: 600; font-size: 16px; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none;font-family: 'montserratsemibold'; appearance: none;} .get-in-touch form i.fa { float: right; pointer-events: none; background-color: transparent;color:#333333; padding-right: 5px; position: absolute; left: inherit; right:35px; top:30px} select option{padding:10px;} .textarea-cmt .form-control { height: 57px; } .enquiry-form form .row > [class*="col-"] { padding:0 30px 25px } .row.team-enquiry > [class*="col-"] { padding-bottom:25px } form label { width: 100%; font-weight: 600; text-transform: uppercase;font-family: 'montserratsemibold'; } form input[type="submit"] { width: 100%; background-color: #01beff !important; color: #fff; font-size: 15px; font-weight: 600; height: 57px; border-radius: 0; -webkit-border-radius: 0; border: 0; letter-spacing: 0px; } form input[type="submit"]:hover, form input[type="submit"]:focus{border:none; background-color:#000 !important} div.wpcf7 .ajax-loader { position: absolute } .company-location { margin-top: -70px; margin-bottom: 40px; } .company-location .wpb_single_image.img-responsive { position: relative; box-shadow: 3px 0px 43px 0 rgba(51,51,51,0.2) } .location-head { position: absolute; top: 0; width: 100%; left: 0; content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .loc-detail { text-align: center; font-size: 15px; font-weight: 500; text-transform: uppercase; padding-top: 40px; padding-bottom:35px; margin-bottom: 0; font-family: 'montserratmedium';} .loc-detail a { color: #333 } .loc-detail a:hover, .loc-detail a:focus{ color: #01beff;} .loc-detail i { padding-right: 5px } .all-partner .home-team-sec { margin-top: 0; margin-bottom: 0 !important; } .all-partner .team-details { padding-top: 50px } .md-quote { position: relative; } .md-quote .vc_custom_heading small { float: left; width: 100%; font-weight: 400; font-size: 12px; margin-top: -5px } .quote { margin: 6px 0; float: left; width: 90%; font-size: 20px; line-height: 25px; text-transform: none;} .md-quote .vc_column-inner > .wpb_wrapper:before, .md-quote.containt_news .vc_custom_heading:before { background: url('/new/wp-content/uploads/2019/01/quote.png'); content: ''; position: absolute; width: 32px; height: 28px; top: 25px; left: 7px; } .md-quote .quote:after { background: url('/new/wp-content/uploads/2019/01/quote-rev-1.png'); content: ''; position: absolute; width: 32px; height: 28px; bottom: 45px; right: 100px; } .md-quote .content.quote:after { bottom: 0 } .md-quote.containt_news .vc_custom_heading:before { top: -25px } .meet-team-sec { text-align: center } .sec-heading { font-size: 25px; color: #333333; font-weight: 600; text-transform: uppercase; text-align: center; margin-bottom: 20px;font-family: 'montserratsemibold'; } .MD-img > .vc_figure .vc_single_image-wrapper { box-shadow: 0 3px 43px 0 rgba(51,51,51,0.3) } .location_section .row.partner-quote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .feature_cs { box-shadow: 0 3px 43px 0 rgba(51,51,51,0.3); display: block; width: 200px; height: 200px; margin: 0 auto; border-radius: 50%; overflow: hidden } .feature_cs img { display: block; margin: 0 auto } .meet-team-sec, .meet-team-sec > .site-inner { background-color: #fbfbfb; } .team-formcode { padding-top: 20px } .team-person-detaisl p:last-child { margin-bottom: 0 } .partner-quote { padding-top: 60px; padding-bottom: 45px; } .img-ser-name { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .img-ser * { height: 100%; width: 100% } .ser-pro-list .vc_column-inner * { height: 100%; width: 100%; } .img-ser-name * { height: auto !important; width: auto !important; } #inner-ser-pad { padding: 65px 0 175px } .feature-sec-pad { margin-bottom: 0 } #why-list .why-wrap{padding-bottom:65px} .page-id-9 #why-list .why-wrap{padding-bottom:0px} .page-template-simple-blog-listing .content-sidebar-wrap, .single-post .content-sidebar-wrap{ padding-top: 80PX;float:left } .page-template-simple-blog-listing .content-sidebar-wrap .content, .single-post .content-sidebar-wrap .content { width: 66%; float: left } .single-post-blog .image-outer { width: 100%; max-height: 270px; overflow: hidden; } .single-post-blog .image-outer img { width: 100%; } .image-thumbnail { width: 100%; max-height: 160px; overflow: hidden; } .image-thumbnail img{width:100%;} .widget-recent-item { margin-bottom: 30px } .image-main h4 { margin: 5px; } .image-main a { color: #252525; font-size: 15px; text-transform: uppercase; font-weight: 700; font-family: 'montserratbold';} .blog-desc { padding: 40px 35px; } .blog-header, .blog-content { margin-bottom: 22px } .blog-header a { color: #252525; font-size: 20px; text-transform: uppercase; font-weight: 700; } .blog-link .button { font-size: 15px; font-weight: 600; padding: 0 35px; border: 0; line-height: 34px; border-radius: 0; background: #01beff; color: #fff; /* padding: 8px 30px; */ text-transform: uppercase !important; font-weight: 600; font-size: 14px; letter-spacing: 0; } .blog-link .button:hover, .blog-link .button:focus { background-color: #000 } .page-template-simple-blog-listing .content-sidebar-wrap .blog-sidebar{ padding-left: 30px; width: 33.33%; float: left; padding-right: 15px;} .page-template-simple-blog-listing .content-sidebar-wrap main.content, .single-post .content-sidebar-wrap main.content{ padding-right: 35px; border-right: 1px solid #dadada; } /*.page-template-simple-blog-listing #call-sec { padding: 75px 0 50px; margin-left: 0; margin-right: 0; background-image: url(https://zibmedia.com.au/new/wp-content/uploads/2019/02/slider-top-image-4-1-4.png?id=1045) !important; background-position: left 50px top 0 !important; margin-bottom: -30px; box-shadow: 0 3px 43px 0px rgba(51,51,51,0.3); -webkit-box-shadow: 0 3px 43px 0px rgba(51,51,51,0.3); -moz-box-shadow: 0 3px 43px 0px rgba(51,51,51,0.3); background-repeat: no-repeat !important; }*/ .news-item:last-child .blog-desc { padding-bottom: 0 } .feature-list .vc_custom_heading { text-transform: uppercase;font-family: 'montserratbold'; font-size: 17px !important; } #feature a { text-transform: uppercase; font-family: 'montserratbold'; } .box-link a{ color: transparent;} #why-fect { margin-top: 125px; overflow: visible } .why-fect-list { margin-top: -135px; margin-bottom: 50px } .why-choose-us .why-fect-list{ margin-top: -160px; margin-bottom: 0px } .why-fect-list .feature-list img { margin-bottom: 0; } .feature-list:hover .vc_custom_heading a, .feature-list .vc_custom_heading a:hover, .feature-list .vc_custom_heading a:focus { color: #01BEFF } .why-fect-list .feature-list > .vc_column-inner { padding-bottom: 35px } .wpb_image_grid .wpb_image_grid_ul { display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top:35px } .wpb_image_grid .wpb_image_grid_ul li{ position: inherit !important; left: initial !important; padding: 0 20px; justify-content: space-evenly; align-items: center; margin:0 !important} .row-gel .wpb_single_image { margin-bottom: 0 } #port-tab { padding-top: 40px } .page-id-15 #portfolio, .page-id-15 #design, .page-id-15 #brand, .page-id-15 #social, .page-id-15 #seo { margin-top: 0; margin-bottom: 40px; } .con-wrapper .wpb_wrapper{background-color: #fbfbfb; } /* 29Jan2018 */ #contact-enquiry{padding:65px 0 30px} .feature-list {position:relative} .box-link a{ text-indent: -9999px; color: transparent; height: 100%; width: 100%; position: absolute; left: 10px; top: 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: -moz-calc(100% - 20px); height: -webkit-calc(100% - 20px); height: -o-calc(100% - 20px); height: calc(100% - 20px);} .img-ser-name img { max-width: 65%; margin: 0 10%; } .footer_menu_list1 .btn{background-color: transparent; border:none; text-transform: capitalize; letter-spacing: 0;font-size: 12px; border-radius:0; font-weight: 400; line-height: normal; color:#333333; padding:0; border-bottom: 1px solid transparent;} .footer_menu_list1 .foo-add{padding: 10px; box-shadow: 0px 0px 5px rgba(51,51,51,0.2);} .footer_menu_list1 .btn:hover, .footer_menu_list1 .btn:focus, .btn-info:active:focus, .btn-info:active:hover{ border-bottom: 1px solid; outline: 0; outline-offset: 0; background-color: transparent; color: #000; box-shadow: none;} .team-person-detaisl{margin-bottom:40px} .wpb_gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item img{max-width:65%; margin:0 auto} .port-btn, .port-div.pr-btn{ top: -110px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} .port-main {overflow:visible !important} .port-main .wpb_single_image{margin-top:-110px} .port-div.pr-btn{ top: inherit; height:100%;bottom:0} .wpb_single_image.port-div{position:relative} ul.social-list{margin-bottom:0; display:inline-block} ul.social-list li{float:left; width:auto; padding:0 5px;margin-top:15px;font-size: 22px;} .quote-port { float: left; width: 80%; font-size: 20px; line-height: 25px; margin:0 10% 20px} .img-100 .wpb_single_image *{width:100%} .close:focus, .close:hover{background-color:inherit; opacity:1; border-color:transparent;} .foo-add button.close{margin-top:-30px; font-size:20px; background: #000; border: 0; padding: 0px 2px 0 4px; color: #fff; margin-right: -10px; border-radius: 0; opacity:1} .wpb_image_grid .wpb_image_grid_ul .isotope-item{max-width:25%;} .box-shadow{box-shadow: 0 3px 43px 0 rgba(51,51,51,0.3); } .seo-mal-list img{ -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(50%); border-radius: 50%; border: 2px solid #ededed;} .feature_cs-blog1{margin-bottom:32px} .feature_cs-blog1 img{width:100%} .single-post .content-sidebar-wrap .containt_news .content{width:95%} .page-template-simple-blog-listing .content-sidebar-wrap, .single-post .content-sidebar-wrap{padding-bottom:70px} .footer-button a img { margin-bottom: 10px;} #call-sec{ margin-top: 75px; overflow: visible;} #call-sec .wpb_single_image{margin-top: -85px; margin-bottom:0} .call-sec-before, .call-content-before{position:relative} .call-sec-before:before, .call-content-before:before{position:absolute; left:-115px; top:0; bottom:0; content:''; width:650px; height:100%; background-image:url('/new/wp-content/uploads/2019/02/email-marketiing-bg-e1549607294838.jpg'); background-repeat: no-repeat; background-position: bottom left;} .call-content-before:before{background-image:url('/new/wp-content/uploads/2019/02/content-writing-before.png'); left:-330px; top:-5px; bottom:0;} #call-sec .wpb_single_image.vc_align_center{ margin-right: -100px; } .above-contact-sec{ padding-bottom: 45px;} .center-stretch > .vc_column-inner{max-width:615px; margin-left:auto; margin-right:0; padding-left:15px !important; padding-right:15px !important} #social-manage .center-stretch > .vc_column-inner{margin-left:0; margin-right:auto;} #social-reporting{overflow:visible} #social-reporting .wpb_single_image {margin-top:-50px} .wh-100 .vc_column-inner * { height: 100%; width: 100%; } .social-call-sec > .vc_column-inner{background-position:center bottom !important; background-size:contain} #service-enquiry {padding-bottom:75px !important;} .mt-0{margin-top:0 !important} .homepage-blog-data .homepage-blog-title{line-height: 20px;} .seo #social-content .img-shad img{box-shadow:0px 0px 43px 0 rgba(36,36,36,0.18)} #social-content .img-shad img{/* box-shadow:0px 0px 43px 0 rgba(36,36,36,0.18) */} .lern-more-pad{padding:35px 0} #lern-more .vc_btn3-style-outline{ padding-top: 10px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px; font-size: 17px; font-weight: 600; line-height: 18px; color:#fff; border-color:#fff; font-family: 'montserratsemibold';} #lern-more .vc_btn3-style-outline:hover, #lern-more .vc_btn3-style-outline:focus{background-color:#fff; color:#01beff} .above-contact-sec .wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .fo-data-review .zibreview{ color:#01beff; font-weight: bold; margin: 12px 0 10px; } .page-template-simple-blog-listing #call-sec .wpb_single_image{background-image:url(https://zibmedia.com.au/new/wp-content/uploads/2019/02/blog-footer-bg.png); background-position:center bottom !important; background-repeat:no-repeat} body.home .site-inner{margin-top:110px} @media only screen and (min-width: 1201px) and (max-width: 1365px) { .title-area { width: 180px; } nav.nav-primary { width: 80%; } .ser-short-desc { width: 285px; margin-bottom: 25px; } } h3.widget-title { text-transform: uppercase; font-size: 2rem; font-family: 'montserratbold';} .containt_news h3{ font-size: 25px; text-transform: uppercase;} .header-topright-phone { display: block; } .abt-info-sec { position: absolute; top: 0; width: 100%; height: 100%; left: 0; } /*franchise page*/ .franchise-inner .sub-title-sec{color:#22c5ff;} .franchise-inner .header-title-outer{background: transparent;} #franchise-intro { padding: 61px 0 97px; } .solution-text-sec > .wpb_column > .vc_column-inner {padding-top: 96px !important;} #seo-feature > .wpb_column > .vc_column-inner { margin-top: -150px; margin-bottom: 60px;} .vc_custom_1549425817319{margin-top: 43px;} .franchise-top-img-cont-part .sec-heading{margin-bottom: 15px;} .franchise-img-cont-rw .center-stretch.right-cont > .vc_column-inner{ margin-left: 0; margin-right: auto;} .franchise-img-cont-rw .center-stretch.right-cont{padding-left: 50px;} .franchies-home-partner .home-team-sec{margin-top: 0;} .franchise-inner #part-list{ border: none;} .team-enquiry .label-name { margin-left: 17px; } .franchise-top-img-cont-part{overflow:visible !important;} .solution-text-sec{padding-bottom: 175px;} .franch-part-list .home-team-sec .team-details:last-child .homepage-team-img { background: transparent;} .franch-mang-sec img{height: auto!important;} #franchise-tabbing .wh-100 .vc_column-inner *{ height: auto!important;} .header-button > a:hover { background: transparent;} .menu-toggle i.fa.fa-bars { font-size: 25px;} nav > .wrap { padding-right: 230px;} header.site-header > .wrap { position: relative;} .header-topright-phone { display: inline-block; position: absolute; right: 0; top: 22px; z-index: 99999; width: auto;} .header-topright-phone a { font-size: 16px; font-family: 'montserratbold'; background: #01beff; color: #fff; padding: 0px 22px; line-height: 45px; display: block;} .header-topright-phone a i.fa { color: #fff; margin-right: 6px;} @media only screen and (min-width: 1025px) { #franchise-tabbing .right-cont > .vc_column-inner > .wpb_wrapper {padding-top: 68px;} .franch-mang-sec { margin-top: -24px;} .franch-mang-sec { margin-bottom: 40px;} } @media only screen and (min-width: 980px) { .what-invold-img {margin-bottom: -130px; margin-top: -75px; } .what-invold-left-cont {padding-top: 70px; padding-bottom: 50px; } } .franch-part-list{border: none!important;padding-top:50px!important;} .icon-tab .owl-item .item {cursor: pointer;} /*apa-offer page css*/ .apa-offer nav.nav-primary {display: none; } .apa-offer .apafooter {display: none; } .apa-offer .apafooterlocation {width: 45%;padding-left: 12%; } .apa-offer button#genesis-mobile-nav-primary {display: none; } .apa-offer #social-manage .center-stretch {padding-top: 30px;} .apa-offer .widget-area.header-widget-area{ margin-left: auto!important;} .apa-offer .header-topright-phone {position: inherit; margin-left: 10px; } .apa-offer header.site-header > .wrap{ display: flex;display:-webkit-flex; align-items: center;} @media only screen and (max-width: 1023px) { .apa-offer .header-topright-phone {top: 0; } .apa-offer .featured_image_area {margin-top: 80px;} } @media only screen and (max-width: 991px) { .apa-offer .apafooterlocation {width: 40%; padding-left: 15px; } } @media only screen and (min-width: 980px) { .apa_banner_logo {margin-top: -106px; text-align: right; } .apa_banner_logo .apa_logo_block {text-align: right; margin-bottom: 0; } } @media only screen and (min-width: 767px) { .apa_banner_logo {margin-top: -106px; text-align: right; } .apa_banner_logo .apa_logo_block {text-align: right; margin-bottom: 0; } .apa_banner_logo .wpb_single_image img{width: 220px;} } @media only screen and (max-width: 767px) { .apa-offer .ft-border {width: 50%; float: left; } .apa-offer .apafooterlocation {width: 50%; padding-left: 15px; } .apa-offer .footer_logo {width: 100%; } .apa-offer .footer-subcontent img {width: 100%;} .apa-offer .footer-subcontent {float: left !important; } .apa_banner_logo .apa_logo_block {text-align: center; margin-top: 20px; margin-bottom: 0; } .apa-offer .header-title{ text-align: center; width: 100%;} .apa-offer .featured_image_area {margin-top: 125px; height: 125px; } .apa-offer .featured_image_area img {object-fit: cover; height: 100%; } .apa-offer #inner-ser-pad {padding: 15px 0; } } @media only screen and (max-width: 480px) { .apa-offer .featured_image_area {margin-top: 125px; } .apa-offer .site-header .title-area { margin: auto!important; float: none; } .apa-offer .widget-area.header-widget-area{ width: 100%!important; justify-content: center!important; -webkit-justify-content: center!important; margin-top: 10px!important;} .apa-offer header.site-header > .wrap{display: block!important;} .apa-offer.header-image .sticky-header .site-title > a{ height: 30px !important;} .apa_banner_logo .apa_logo_block img {width: 255px; } }