/* Theme Name: AutoService Theme URI: http://www.notoriousthemes.com Description: AutoService Premium WordPress Theme Author: NotoriousThemes Author URI: http://www.notoriousthemes.com/about Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: notorious Tags:two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready */ /*-------------------------------------------------------------- # Normalize & WordPress Core --------------------------------------------------------------*/ /** * Normalize */ html { font-family: serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; overflow-x: hidden; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # WordPress Core --------------------------------------------------------------*/ .hentry.sticky { position: relative; top: 0; margin-bottom: 60px; background: #f8f8f8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 40px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 40px rgba(0,0,0,0.2); box-shadow: 0 1px 40px rgba(0,0,0,0.2); -webkit-transition: top 0.25s ease; -moz-transition: top 0.25s ease; -ms-transition: top 0.25s ease; -o-transition: top 0.25s ease; transition: top 0.25s ease; } .hentry.sticky .blogpage-post { margin-bottom: 0; } .hentry.sticky:hover { top: -20px; } img.alignnone { max-width: 100%; height: auto; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 20px auto !important; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 6px 30px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 0 0 20px 0 !important; } a img.alignleft { float: left; margin: 6px 30px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px; text-align: center; margin: 20px 0; } .wp-caption figcaption { padding: 5px 0 0; } .wp-caption.alignleft { margin: 6px 30px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 13px; line-height: 22px; margin: 0; padding: 10px 0 5px 0; } /* 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-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. */ } /*-------------------------------------------------------------- # Theme Core --------------------------------------------------------------*/ /** * Body */ .nt-theme-container { background: #FFFFFF; position: relative; overflow: hidden; } .page-wrap { padding: 80px 0; } body.remove_page_padding .page-wrap { padding: 0; } /** * Links */ a { text-decoration: none; color: #111; } a:hover { text-decoration: none; opacity: 0.9; } /** * Headings */ h1, h2, h3, h4, h5, h6 { color: #222; font-family: 'Montserrat', 'sans-serif'; margin-bottom: 20px; line-height: 120%; font-weight: 700; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #222; font-family: 'Montserrat', 'sans-serif'; margin-bottom: 20px; line-height: 120%; font-weight: 700; text-decoration: none } h1 { font-size: 45px; letter-spacing: -1.5px; } h2 { font-size: 36px; letter-spacing: -1.25px; } h3 { font-size: 28px; line-height: 32px; letter-spacing: -1px; } h4 { font-size: 20px; letter-spacing: -0.8px; } h5 { font-size: 18px; letter-spacing: -0.6px; } h6 { font-size: 16px; letter-spacing: -0.4px; } /** * Images */ img { height: auto; max-width: 100%; vertical-align: middle; } /** * Forms */ input, textarea { padding: 15px 25px; max-width: 100%; } textarea { height: 220px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; font-family: Montserrat, sans-serif; } ::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; font-family: Montserrat, sans-serif; } :-ms-input-placeholder { /* IE 10+ */ font-size: 12px; font-family: Montserrat, sans-serif; } :-moz-placeholder { /* Firefox 18- */ font-size: 12px; font-family: Montserrat, sans-serif; } /** * Tables and lists */ table, .comment-body .comment-text table { width: 100%; margin: 0 0 40px; } table td, table th, .comment-body .comment-text table td, .comment-body .comment-text table th { padding: 10px; border: 1px solid #e6e6e6; text-align: left; } dt { font-weight: bold; } dl, .comment-body .comment-text dl { margin: 0 0 40px; } dl dd, .comment-body .comment-text dl dd { margin: 0 0 10px; } pre { background: #f9f9f9; padding: 20px; } /** * Unordered Lists */ body.single #primary ul, .comment-body .comment-text ul { margin: 0 0 20px 12px; list-style: none; padding: 0; } body.single #primary ul li, .comments-list .comment-body .comment-text ul li { position: relative; padding: 0 0 0 15px; margin: 0 0 14px; line-height: 22px; color: #222222; border: none; font-size: 13px; list-style: circle; } body.single #primary ul li p, .comment-body .comment-text ul li p { font-family: 'Open Sans', 'serif'; } body.single #primary ul li ul, body.single #primary ul li ol, .comment-body .comment-text ul li ul, .comment-body .comment-text ul li ol { margin: 10px 0 10px; } .page_content ul li ol > li, body.single #primary ul li ol > li, .comment-body .comment-text ul li ol > li { list-style: decimal; padding: 0; } /** * Ordered Lists */ body.single #primary ol, .comment-body .comment-text ol { list-style-position: inside; list-style: decimal; margin: 0 0 20px 15px; padding: 0; } .page_content ol > li, body.single #primary ol > li, .comment-body .comment-text ol > li { margin: 0 0 14px 0; border: none; list-style: decimal; } body.single #primary ol > li ul > li, .comment-body .comment-text ol > li ul > li { list-style: none; } body.single #primary ol > li ol, body.single #primary ol > li ul, .comment-body .comment-text ol > li ol, .comment-body .comment-text ol > li ul { margin: 10px 0 10px; padding: 0 0 0 26px; } /** * Buttons */ .button { padding: 20px 30px; border: 0; outline: 0; background: #253993; color: #fff; font-family: 'Montserrat', 'sans-serif'; font-size: 13px; letter-spacing: -0.2px; text-transform: capitalize; font-weight: 700; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .button i { font-size: 9px; padding-left: 10px; position: relative; bottom: 1px; } .button:hover { color: #fff; opacity: 0.8; } /** * Styling Core */ .entry-excerpt { padding: 10px 0 25px 0; } .search-excerpt { padding: 5px 0 25px 0; } .entry-excerpt p, .search-excerpt p { margin: 0; } blockquote { padding: 20px 10px 20px 30px; margin: 20px 0 15px 40px; border-left: 2px solid #eee; background: #f9f9f9; font-size: 12px; } .blog .hentry, .archive .hentry { padding-bottom: 80px; } article .button { display: inline-block; } .search .hentry { margin-bottom: 40px; padding-bottom: 55px; border-bottom: 1px solid #e9e9e9; } .hentry.sticky { padding: 50px 30px 60px; margin-bottom: 60px; background: #f2f2f2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .more-link { font-size: 13px; font-weight: bold; letter-spacing: -0.2px; text-decoration: none; display: inline-block; padding-top: 10px; } .more-link:hover { text-decoration: underline } .single .hentry { margin-bottom: 20px } .loop-pagination { display: inline-block; margin-bottom: 20px; } .loop-pagination a, .loop-pagination span { padding: 6px 13px 7px; background: #BBBBBB; color: #FFFFFF !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; } .loop-pagination a:hover, .loop-pagination span:hover { background: #253993 } .loop-pagination a.current, .loop-pagination span.current { background: #253993 } /* Page & Archive Title */ .page-header .page-title, .archive-title { font-size: 25px; padding-bottom: 20px; margin-bottom: 40px; text-transform: uppercase; } .archives-wrap { padding: 75px 0 50px; } /** * Helper classes */ @media screen and (max-width: 780px) { .br-none-mobile br { display: none; } } /** * Sidebars */ .widget-area ul { list-style: none; padding-left: 0; } .widget-area a { text-decoration: none } /** * Boxed Layout */ body.boxed_layout .nt-theme-container { max-width: 1350px; margin: 25px auto 0; overflow: hidden; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0 20px rgba(0, 0, 0, .25); } @media screen and (max-width: 1000px) { body.boxed_layout .nt-theme-container { margin: 0 auto; } } body.boxed_layout { background-attachment: fixed; background-size: cover; } body.boxed_layout .hs1-menu-wrap, body.boxed_layout .hs3-menu-wrap, body.boxed_layout .hs4-menu-wrap { margin: 0 auto; } body.boxed_layout .slick_prev { left: -51px; } body.boxed_layout .slick_next { right: -51px; } @media only screen and (max-width: 1440px) { body.boxed_layout .tparrows.tp-leftarrow { left: 18px !important; } body.boxed_layout .tparrows.tp-rightarrow { right: 18px !important; } body.boxed_layout .slick_prev { left: -40px; } body.boxed_layout .slick_next { right: -40px; } } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ /* global */ .blogpage-wrap, .blogpost-wrap { padding: 75px 0; } /** * Blogpage */ #comments { margin-top: 80px; } /** * Blogpost */ .blogpost-title { font-size: 30px; margin-bottom: 20px; letter-spacing: -1.8px; font-weight: bold; } .blogpost-thumbnail img { margin: 0 0 20px 0; display: block; width: 100%; height: auto; } .blogpost-meta { border-top: 1px solid #eee; padding: 15px 0 12px; display: inline-block; width: 100%; } .single .blogpost-meta { border-bottom: 1px solid #eee; border-top: 0; padding: 0 0 17px 0; width: 100%; } .blogpost-meta .posted-on, .blogpost-meta .posted-in, .blogpost-meta .posted-on a, .blogpost-meta .posted-in a { font-size: 12px; } .blogpost-meta .posted-on { float: left; } .blogpost-meta .posted-in { float: right; } .blogpost-meta a, .blogpost-meta span { font-size: 13px; color: #777777; } .blogpost-meta span.sep { margin: 0 12px } .blogpost-meta a:hover { text-decoration: underline } .blogpost-meta .sticky-label { margin: 0 0 0 10px; padding: 3px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f8f9f9; color: #FFFFFF; } .blogpost-meta i.fa { margin-right: 3px } /** * Author */ .blogpost-author { background: #f8f9f9; padding: 25px; margin: 40px 0 40px; } .blogpost-author .author-avatar { float: left; padding-right: 25px; } .blogpost-author .author-avatar img { max-width: 85px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 4px; } .blogpost-author .blogpost-author-byline { color: #777777; text-transform: uppercase; font-size: 13px; margin-bottom: 10px; } .blogpost-author .blogpost-author-byline a { text-decoration: none } .blogpost-author .blogpost-author-bio { padding-left: 85px } .blogpost-footer i.fa { float: left; color: #999999; margin: 6px 6px 0 0; } .blogpost-footer { margin-top: 30px; } .blogpost-footer a { color: #fff; background: #111; padding: 12px 15px; font-size: 11px; font-family: Montserrat, sans-serif; text-transform: uppercase; margin: 0 5px; } .blogpost-footer a:hover { color: #fff; opacty: 0.9; } .blogpost-footer a:first-child { margin-left: 0; } /** * Categories */ .blogpost-footer .post-categories { float: left; } ul.post-categories { padding-left: 0; } .blogpost-footer .post-categories:before { content: 'Categories: '; font-size: 12px; font-family: 'Montserrat', 'sans-serif'; text-transform: uppercase; } /** * Tags */ .blogpost-footer { display: inline-block; } .blogpost-footer .post-tags { float: left; } ul.post-tags { padding-left: 0; } ul.post-categories { padding-right: 30px; } .blogpost-footer .post-tags:before { content: 'Tags: '; font-size: 12px; font-family: 'Montserrat', 'sans-serif'; text-transform: uppercase; } .blogpost-footer .post-categories, .blogpost-footer .post-tags { list-style: none; margin-bottom: 10px; } .blogpost-footer .post-categories li, .blogpost-footer .post-tags li { display: inline; margin: 0; } .blogpost-footer .post-categories li a, .blogpost-footer .post-tags li a { color: #777777; font-size: 13px; text-decoration: none; position: relative; } .blogpost-footer .post-categories li a:hover, .blogpost-footer .post-tags li a:hover { color: #253993 } .blogpost-footer .post-categories li:after, .blogpost-footer .post-tags li:after { content: ", "; color: #aaaaaa; } .blogpost-footer .post-categories li:last-child:after, .blogpost-footer .post-tags li:last-child:after { content: none } /** * Comment Section */ .comment-list, body.single #primary .comment-list { margin: 0; padding: 0 40px; background: #f9f9f9; } /* Body */ .comment-list .comment-body { padding: 35px 0 20px 5px; border-top: 1px solid #eceeef; } /* Child Comments */ .comment-list .children { background: #f9f9f9; padding-left: 20px; } /* Avatar */ .comment-list .comment-avatar { display: inline-block; } /* Author Name */ .comment-list .comment-author { display: inline-block; position: relative; top: -23px; left: 10px; font-family: Montserrat, sans-serif; text-transform: capitalize; letter-spacing: -0.3px; font-weight: 700; color: #222; } /* Meta */ .comment-list .comment-meta { float: right; font-family: Montserrat, sans-serif; font-weight: 700; color: #777; text-transform: uppercase; } .comment-list .comment-meta a { color: #777; font-size: 12px; letter-spacing: -0.2px; padding-left: 10px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .comment-list .comment-meta a:hover { color: #222; } /** * Responsive */ @media screen and (max-width: 780px) { .comment-list, body.single #primary .comment-list { padding: 0 25px; } .comment-list .comment-author { display: block; top: inherit; left: inherit; text-align: center; padding-top: 8px; } .comment-list .comment-meta { width: 100%; text-align: center; padding-bottom: 20px; } .comment-list .comment-meta a:first-child { padding-left: 0; } /* Center Align Avatar */ .comment-list .comment-body { text-align: center; } .comment-list .comment-text { text-align: left; } /* Remove Child Margin */ body.single #primary ul, .comment-body .comment-text ul { margin: 0; } } /** * Core */ .comment-list pre { background: #fff; } .comment-list blockquote { background: #fff; border-left: 5px solid #ddd; } /* Comment Form */ .comment-form .form-submit input[type="submit"] { background: #253993; color: #fff; font-family: Montserrat, sans-serif; letter-spacing: -0.2px; font-size: 13px; text-transform: capitalize; font-weight: 700; border: 0; outline: 0; padding: 20px 30px; } .comment-form label { display: inline-block; } .comment-respond { background: #f9f9f9; padding: 50px; margin-top: 30px; } textarea#comment, input#url, input#email, input#author, input[name="post_password"] { background: #ccc; outline: 0; width: 100%; border: 2px solid transparent; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } textarea#comment:focus, input#url:focus, input#email:focus, input#author:focus, input[name="post_password"]:focus { border: 2px solid #253993; } .comment-form-email, .comment-form-author { width: 48%; display: inline-block; } @media screen and (max-width: 780px) { .comment-form-email, .comment-form-author { width: 100%; } #respond { padding: 20px; } } .comment-form-author { margin-right: 1.6%; } .comment-form-email { margin-left: 1.6%; } #respond .comment-form label { display: block; margin-bottom: 4px; } @media screen and (max-width: 780px) { #respond { padding-bottom: 40px; } } #respond .form-allowed-tags { font-size: 12px } #respond .form-allowed-tags code { background: none } #respond .comment-reply-title { font-size: 18px; margin-bottom: 20px; } #respond .comment-notes { display: none } #respond label { font-size: 13px; text-transform: capitalize; letter-spacing: 0; font-family: 'Montserrat', 'sans-serif'; } .full-screen .comments-area { max-width: 1130px; margin: 0 auto; } /*-------------------------------------------------------------- # Sidebar setup --------------------------------------------------------------*/ /* * * Right Sidebar * */ .right-sidebar .content-area#primary { width: 100%; } @media screen and (min-width: 1000px) { .right-sidebar #secondary { width: 30%; float: right; padding-left: 20px; } } @media screen and (min-width: 1000px) { .right-sidebar .content-area { width: 70%; float: left; padding-right: 20px; } } /* * * Left Sidebar * */ @media screen and (min-width: 790px) { .left-sidebar #secondary { width: 30%; float: left; padding-right: 20px; } } @media screen and (min-width: 790px) { .left-sidebar #primary { width: 70%; float: right; padding-left: 20px; } } /** * Default Page Titles */ .page-header-title { font-weight: bold; text-transform: capitalize; letter-spacing: -1.8px; font-size: 35px; color: #fff; } .page-title-wrap { margin-bottom: 0; padding: 80px 0 80px 0; } .page-header-title-wrapper { background: #00529c; color: #fff; border-bottom: 1px solid #e9e9e9; padding: 20px 0; margin-top: 150px; } @media screen and (max-width: 780px) { .page-header-title { font-size: 30px; letter-spacing: -1.2px; } } /** * Custom Page Headers */ .parallax-mirror { z-index: 1 !important; } .page-header-wrap { position: relative; padding: 60px 0; color: #CCCCCC; border-bottom: 1px solid #e9e9e9; z-index: 99 !important; } .page-header-wrap h1 { font-weight: bold; color: #FFFFFF; margin: -5px 0 2px -2px; font-size: 30px; line-height: 1.3; text-transform: capitalize; letter-spacing: -2px; z-index: 99 !important; } @media screen and (min-width: 790px) { .page-header-wrap h1 { font-size: 45px } } .page-header-wrap .page-subtitle { font-size: 17px; display: inline-block; font-weight: 300; } .page-header-wrap .container { z-index: 10; position: relative } .page-header-wrap .nt-parallax-bg { background-size: cover } /** * Custom Page Header New */ .custom-page-header.no-parallax { background-size: cover; background-position: center center; } .custom-page-header-inner { position: relative; } .custom-page-header-inner:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 90deg, rgba(0,0,0,1), rgba(0,0,0,0) ); } .page-header-inner h1 { letter-spacing: -2px; } /** * 404 Errors */ .error-page-wrapper { padding: 10px 0 100px; } .heading-404 { font-size: 120px; line-height:80px; text-align: center; } .heading-error-text { font-size: 60px; text-transform: uppercase; font-weight: 700; letter-spacing: -5px; } .error-box { text-align: center; } .error-action { padding-top: 20px; } .error-button { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 15px 40px; background: #111; color: #fff; font-family: Montserrat, sans-serif; font-weight: 700; letter-spacing: -0.3px; } .error-button:hover { color: #fff; background: #111; opacity: 0.8; } @media screen and (max-width: 780px) { .error-button { display: block; margin-bottom: 20px; width: 100%; } .error-page-wrapper { padding: 50px 0 100px 0; } } /** * Page Navigation */ ul.page-numbers, .page-links { position: relative; padding: 0; margin-bottom: 60px; } .page-numbers:after, .page-links:after, .page-links:after { content: ''; clear: both; display: table; } .page-numbers li { list-style: none; float: left; margin: 0 11px 0 0; } .page-links > span, .page-links > a { list-style: none; float: left; margin: 0 11px 0 0; display: block; min-width: 40px; height: 40px; text-align: center; border: 2px solid transparent; padding: 11px 5px 0; font-size: 16px; line-height: 16px; font-weight: 600; font-family: 'Montserrat', 'sans-serif'; color: #253993; } .page-links > span:hover, .page-links > span.current, .page-links > a:hover, .page-links > a.current { border-color: #253993; text-decoration: none; } .page-links > span { border-color: #253993; } .page-links > .page-links-title { padding-left: 0; border: none; } .page-links > label { list-style: none; float: left; margin: 0 11px 0 0; line-height: 30px; } .page-numbers .page-numbers { display: block; min-width: 40px; height: 40px; text-align: center; border: 2px solid transparent; padding: 11px 5px 0; font-size: 16px; line-height: 16px; font-weight: 600; font-family: 'Montserrat', 'sans-serif'; color: #253993; } .page-numbers .page-numbers:hover, .page-numbers .page-numbers.current { border-color: #253993; text-decoration: none; } /** * Form Control */ .post-password-form input { width: 100%; } .post-password-form label { padding-top: 1px; margin: 0 15px 0 0; vertical-align: bottom; } .input-group { margin: 0 0 30px 0; width: 100%; } .post-password-form input[name="Submit"] { background: #111; color: #fff; font-family: Montserrat, sans-serif; outline: 0; border: 0; font-weight: 700; margin-top: 20px; padding: 18px 40px; display: inline-block; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .post-password-form input[name="Submit"]:hover { opacity: 0.8; } /* custom wp_link_pages pagination */ .blogpost-link-pages { margin: 50px 0 30px 0; display: inline-block; } .blogpost-link-pages b { border: 2px solid #111; background: #111; color: #fff; font-family: 'Raleway', 'sans-serif'; font-weight: 400; padding: 15px 20px; } .blogpost-link-pages a { padding: 15px 20px; margin: 0 10px; font-family: 'Raleway', 'sans-serif'; font-weight: 400; color: #111; border: 2px solid transparent; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .blogpost-link-pages a:hover { border: 2px solid #111; } /** * VC Helper classes */ body .vc_row.dark_bg_overlay.vc_parallax .vc_parallax-inner:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); } body .vc_row.dark_bg_overlay { position: relative; } body .vc_row.dark_bg_overlay:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); display: block; } body .vc_row.fixed_bg { background-attachment: fixed; } @media only screen and (max-width: 1024px) { body .vc_row.fixed_bg { background-attachment: scroll; } } /*-------------------------------------------------------------- # Header Styles --------------------------------------------------------------*/ /* * * Global * */ /* Don't display on mobile */ @media screen and (max-width: 1000px) { .hs1_main_container, .hs2-top-wrap, .hs2-main-menu-wrap, .hs3-top-wrap, .hs4_main_container { display: none; } } /* Site title */ .nt-site-title { display: inline-block; margin: 0; } h1.nt-site-title { line-height: 22px !important; } .nt-site-title a { font-size: 25px !important; font-weight: 700 !important; color: #111; text-transform: capitalize !important; } /* Change logo on scroll */ .nt-logo-transparent { display: none } /* if the page is NOT sticky & has transparent header */ .transparent_header.transparent_header_logo .nt-logo-normal { display: none } .transparent_header .nt-logo-transparent { display: inline } /* if the page is sticky & has transparent header */ .transparent_header .nt-is-sticky .nt-logo-normal { display: inline } .transparent_header .nt-is-sticky .nt-logo-transparent { display: none } .nt-is-sticky { transition: all 0.5s ease } .nt-logo-normal { transition: all 0.5s ease } /* * * Toolbar * */ .woo_item_count { background: #fff; border-radius: 10px; padding: 0 5px; font-size: 10px; position: relative; bottom: 7px; left: 2px; } .nt-toolbar-wrap { width: 100%; height: 40px; background: #eee; padding: 10px 0; } .nt-toolbar-number-wrap, .nt-toolbar-location-wrap { float: left; padding-right: 20px; font-size: 14px; font-weight: 400; line-height: 20px; } .nt-toolbar-social-wrap { float: right; } .nt-toolbar-social-wrap i { font-size: 16px; margin-top: 2px; margin-left: 8px; width: 25px; text-align: center; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .nt-toolbar-icon { font-size: 16px; padding-right: 8px; position: relative; top: 2px; } .nt_woo_cart_wrap { float: right; padding-left: 25px; } .nt-toolbar-social-wrap { position: relative; top: 1px; } /* * * Header Style 1 * */ .nt_hs1_call_small { font-size: 10px; color: #fff; font-family: 'Montserrat', 'sans-serif'; font-weight: 700; text-transform: uppercase; } .nt-menu-phone-number i { font-size: 10px; margin-left: 10px; color: #fff; } .hs1-menu-wrap { padding: 30px 0 15px 0; } .hs1-menu-wrap .nt-logo-wrap { float: left; } .nt-main-navigation .nt-hs1-menu { float: right; } .nt-menu-phone-number { display: inline-block; float: right; padding-left: 25px; margin-left: 8px; border-left: 1px solid #fff; position: relative; top: 6px; } .nt-menu-phone-number a { float: right; font-size: 20px; font-family: 'Montserrat', 'sans-serif'; font-weight: 700; letter-spacing: -0.4px; color: #fff; } .hs1-phone-number { text-align: right; } .hs1-phone-number-text-small { color: #fff; opacity: 0.7; font-size: 13px; padding-right: 5px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .nt-main-navigation .hs1-phone-number-text-large a { font-family: 'Montserrat', 'sans-serif'; font-weight: 400; font-size: 20px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .nt-is-sticky .hs1-phone-number-text-small, .nt-is-sticky .hs1-phone-number-text-large a { color: #111; } .hs1-header-social { display: inline-block; margin-left: 15px; margin-bottom: 3px; position: relative; bottom: 1px; } .hs1-header-social a i { font-size: 18px; color: #fff; oppacity: 0.7; padding-left: 10px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .hs1-header-social a i:hover { opacity: 0.7; } .nt-is-sticky .hs1-header-social a i { color: #111; } /* * * Header style 1 - Transparent * */ .transparent_header .hs1_main_container { background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0px, transparent 95%); z-index: 999; } .transparent_header .hs1_main_container .nt-main-navigation { background: transparent; } .transparent_header .hs1_main_container { position: absolute; width: 100%; } .nt-is-sticky .hs1-menu-wrap.nt-main-navigation { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.32) !important; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.32) !important; box-shadow: 0 0 15px rgba(0, 0, 0, 0.32) !important; background: #fff; } .transparent_header .hs1_main_container .nt-main-navigation { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .transparent_header.transparent_shadow .hs1_main_container { background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0px, transparent 95%); z-index: 100; } /* * * Header Style 2 * */ .hs2-menu-wrap .nt-logo-wrap { float: left; } .hs2-menu-wrap { margin: 0 auto; } .nt-hs2-menu { float: right; } .hs2-top-wrap { height: 100px; background: #fff; } .hs2-menu-wrap .nt-main-navigation-wrapper { padding: 0 30px; } .nt-main-navigation .nt-hs2-menu { float: right; } .hs2-top-wrap { padding: 30px 0; } .hs2_icon_box_wrap { float: right; margin-left: 55px; margin-top: 5px; } .hs2_icon_box_wrap.clearfix::before { content: " "; display: table; } .hs2_header_icon { font-size: 30px; margin-right: 12px; color: #253993; } .hs2_icon_box_wrap .hs2_header_icon { float: left; } .hs2_social_wrap { float: left; padding-top: 10px; margin-left: 10px; } .hs2_social_wrap i { font-size: 22px; margin-right: 25px; color: #253993; display: inline; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .hs2_social_wrap i:hover { opacity: 0.9; } .hs2_top_text { font-weight: 700; } .transparent_header .hs2-top-wrap { background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0px, transparent 95%); } .transparent_header .hs2-main-wrap { position: absolute; z-index: 100; display: inline-block; width: 100%; margin: 0 auto; } /* * * Header Style 2 - Transparent * */ .transparent_header .hs2-main-menu-wrap { position: absolute; width: 100%; } .transparent_header .hs2-main-menu-wrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .transparent_header.transparent_shadow .hs2-main-menu-wrap { background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0px, transparent 95%); z-index: 100; } .transparent_header .hs2-main-menu-wrap { background: transparent; } /* * * Header Style 3 * */ @media screen and (max-width: 1000px) { .hs3_main_container { display: none; } } .transparent_header .hs3_main_container .nt-main-navigation { background: transparent; box-shadow: none; } .hs3-menu-wrap { background: #253993; padding-top: 5px; } .hs3-top-wrap { background: #253993; position: relative; top: 0; left: 0; width: 100%; z-index: 999; } .hs3-top-wrap .nt-logo-wrap { float: none; padding: 20px 0; } .hs3-top-wrap .nt-logo-wrap a img { display: block; margin: 0 auto; } .hs3-top-wrap .nt-main-navigation .nt-main-navigation-wrapper { text-align: center; float: none; } .hs3-menu-wrap.nt-main-navigation .nt-main-navigation-wrapper { text-align: center; } .hs3-menu-wrap.nt-main-navigation .nt-main-navigation-wrapper > ul { margin: 0 auto; display: inline-block; float: none; } .hs3-toolbar { z-index: 100; position: relative; } /* * * Header Style 3 - Transparent * */ .transparent_header .hs3_main_container { position: absolute; width: 100%; z-index: 100; background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0px, transparent 95%); } .transparent_header .hs3-top-wrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .transparent_header.transparent_shadow .hs3_main_container{ background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0px, transparent 95%); z-index: 100; } .transparent_header .hs3-top-wrap { background: transparent; } /* If toolbar is on, make this transparent for headerstyle 3 */ body.transparent_header .hs3_main_container .nt-toolbar-wrap { background: transparent; z-index: 100; } /* * * Header Style 4 * */ .hs4-menu-wrap { padding: 30px 0 25px 0; } .hs4-menu-wrap .nt-logo-wrap { float: left; } .nt-main-navigation .nt-hs4-menu { float: right; } @media screen and (max-width: 1000px) { .hs4_main_container { display: none; } } /* * * Header Style 4 - Transparent * */ .transparent_header .hs4_main_container .nt-main-navigation { background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0px, transparent 95%); } .transparent_header .hs4_main_container { position: absolute; width: 100%; } .nt-is-sticky .hs4-menu-wrap.nt-main-navigation { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.32) !important; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.32) !important; box-shadow: 0 0 15px rgba(0, 0, 0, 0.32) !important; background: #222222; } .transparent_header .hs4_main_container .nt-main-navigation { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .transparent_header.transparent_shadow .hs4_main_container { background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0px, transparent 95%); z-index: 100; } .transparent_header .hs4_main_container { background: transparent; } /*-------------------------------------------------------------- # Mobile Navigation --------------------------------------------------------------*/ /* * * Mobile Top Menu Wrapper * */ .mobile_header_site_title { font-size: 25px; font-weight: bold; letter-spacing: -1.5px; text-transform: none; font-family: 'Montserrat', 'sans-serif'; float: left; padding-left: 20px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .nt-mobile-wrapper { height: 250px; width: 100%; background: #fff; position: relative; z-index: 99; } .nt-mobile-wrapper:after { content: ""; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMGAhQQCyEd++8AAAAUSURBVAjXY1AAQgMgdABCCBAAQQAT6AFRBPHcWgAAAABJRU5ErkJggg==); width: 100%; height: 12px; position: absolute; bottom: -12px; left: 0; z-index: 1; } @media screen and (min-width: 1000px) { .nt-mobile-wrapper, .nt-mobile-wrapper-spacer, .mobiletop-contact-wrapper { display: none; } } .nt-mobile-wrapper-spacer { height: 90px; width: 100%; position: relative; top: 0; } .nt-mobile-logo { padding-left: 20px; position: relative; top: 20%; transform: translateY(-50%); } /* * * Mobile Navigation Style 1 * */ /* Open/Close Hamburger Button */ .nt-mm1-toggle-button { position: relative; width: 30px; z-index: 15; float: right; margin-right: 20px; margin-top: -7px; top: 20%; height: 22px; } .nt-mm1-toggle-button:hover { cursor: pointer; } .nt-mm1-toggle-button .nt-mm1-bar { position: absolute; width: 100%; } .nt-mm1-toggle-button .nt-mm1-bar-top { height: 4px; background: #0e0e0e; border-radius: 1px; top: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .nt-mm1-toggle-button .nt-mm1-bar-middle { height: 4px; background: #0e0e0e; border-radius: 1px; top: 8px; opacity: 1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .nt-mm1-toggle-button .nt-mm1-bar-bottom { height: 4px; background: #0e0e0e; border-radius: 1px; top: 16px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .nt-mm1-button-open .nt-mm1-bar-top { background: #fff; -webkit-transform: rotate(45deg) translate(8px, 8px); -moz-transform: rotate(45deg) translate(8px, 8px); -ms-transform: rotate(45deg) translate(8px, 8px); -o-transform: rotate(45deg) translate(8px, 8px); transform: rotate(45deg) translate(8px, 8px); } .nt-mm1-button-open .nt-mm1-bar-middle { opacity: 0; } .nt-mm1-button-open .nt-mm1-bar-bottom { background: #fff; -webkit-transform: rotate(-45deg) translate(7px, -7px); -moz-transform: rotate(-45deg) translate(7px, -7px); -ms-transform: rotate(-45deg) translate(7px, -7px); -o-transform: rotate(-45deg) translate(7px, -7px); transform: rotate(-45deg) translate(7px, -7px); top: 21px; } /* Main wrapper */ .nt-mm1-wrapper { position: fixed; top: 0; height: 100%; width: 100%; overflow: auto; z-index: 10; background-size: cover; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .nt-mm1-wrapper.nt-mm1-show-menu { -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .nt-mm1-container { margin: 75px 10px 80px 10px; position: relative; top: 70px; } .nt-mm1-container li > a { color: #f3f3f3; font-family: Montserrat, sans-serif; font-size: 15px; text-transform: capitalize; font-weight: 700; position: relative; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .nt-mm1-container .menu-item-has-children { position: relative; } .nt-mm1-container .menu-item-has-children .sub-menu { display: none; } .nt-mm1-container ul.sub-menu li a { font-size: 13px; } /* Submenu arrow */ .nt-mm1-ul .nt-responsive-toggle-subarrow { display: block; color: #999999; font-weight: normal; position: absolute; top: 0; right: 0; cursor: pointer; text-align: center; padding: 7px 20px 10px 20px; z-index: 10; font-size: 22px; } .nt-mm1-container .nt-mm1-ul li span { display: inline-block; width: 30px; height: 30px; position: absolute; top: 5px; right: 11px; padding: 0; cursor: pointer; text-align: center; line-height: 22px; } .nt-mm1-container .nt-mm1-ul li span i { width: 10px; height: auto; padding: 0; margin: 0 0 0 0; fill: #8C9093; vertical-align: middle; } .nt-mm1-container .nt-mm1-ul li span.nt-mm1-submenu-active i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .nt-mm1-chevron i { font-size: 12px; color: #fff; position: absolute; top: 10px; right: 10px; } .nt-mm1-chevron i:hover { opacity: 1; } /* Submenus */ .nt-mm1-ul .sub-menu { transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .nt-mm1-ul .sub-menu li { font-size: 12px; } .nt-mm1-ul .sub-menu li:first-child { padding-top: 20px; } .nt-mm1-ul li { padding: 10px 0 10px 18px; } .nt-mm1-social { position: absolute; top: 60px; padding: 15px; } .nt-mm1-social-icon i { color: #fff; font-size: 22px; padding: 0 15px; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .nt-mm1-social-icon i:hover { cursor: pointer; } /* Submenu */ .nt-mm1-wrapper ul { padding-left: 0; margin-bottom: 0; list-style: none; } /* * * Phone Number in wrapper * */ .nt-mm1-phone-number { position: relative; text-align: center; top: 40px; display: block; margin: 0 auto; color: #fff; font-size: 25px; font-weight: 700; font-family: 'Montserrat', 'sans-serif'; } .n1-mm1-number-small-text { font-size: 15px; } .nt-mm1-phone-number i { position: relative; top: 3px; padding-right: 7px; } .nt-mm1-phone-number a { color: #fff; opacity: 0.9; } .nt-mm1-phone-number a:hover, .nt-mm1-phone-number:active { opacity: 1; color: #fff; } /* * * TopMobile contact options * */ .top-mobile-number, .top-mobile-email, .top-mobile-location { display: block; margin: 0 0 20px; } .mobiletop-contact-wrapper { padding: 40px 20px 20px 20px; } .mobiletop-contact-wrapper i { font-size: 28px; float: left; margin-right: 10px; position: relative; top: 7px; } .mobile-top-text { font-size: 14px; font-weight: 700; } .mobile-bottom-text { font-size: 13px; opacity: 0.8; } @media screen and (min-width: 750px) { .top-mobile-number, .top-mobile-email, .top-mobile-location { display: inline-block; } } @media screen and (min-width: 750px) { .top-mobile-number, .top-mobile-email { margin-right: 30px; } } /*-------------------------------------------------------------- # Main Navigation --------------------------------------------------------------*/ .nt-main-navigation { position: relative; top: 0; left: 0; right: 0; z-index: 20; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.32); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.32); box-shadow: 0 0 15px rgba(0, 0, 0, 0.32); -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -ms-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; } @media screen and (max-width: 1000px) { .nt-main-navigation { display: none; } } .nt-main-navigation li { list-style: none; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li.menu-item-has-children > a:after { content: ""; position: absolute; top: 27px; right: 5px; width: 0; height: 0; border-width: 5px 4px 0 4px; border-style: solid; border-color: #fff transparent transparent transparent; } .nt-main-navigation .nt-main-navigation-wrapper > ul { position: relative; font-family: 'Montserrat', 'sans-serif'; list-style: none; margin: 0; padding: 0; } .nt-main-navigation .nt-main-navigation-ul > ul { position: relative; list-style: none; margin: 0; float: left; } .nt-main-navigation .nt-main-navigation-wrapper > ul:after, .nt-main-navigation .nt-main-navigation-ul > ul:after { content: ''; clear: both; display: table; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li, .nt-main-navigation .nt-main-navigation-ul > ul > li { position: relative; float: left; font-size: 16px; line-height: 1; color: #ffffff; font-weight: 600 !important; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li.current_page_item > a, .nt-main-navigation .nt-main-navigation-wrapper > ul > li.current-menu-ancestor > a, .nt-main-navigation .nt-main-navigation-wrapper > ul > li.current-menu-parent > a, .nt-main-navigation .nt-main-navigation-wrapper > ul > li.current_page_parent > a, .nt-main-navigation .nt-main-navigation-wrapper > ul > li.current_page_ancestor > a, .nt-main-navigation .nt-main-navigation-ul > ul > li.current_page_item > a, .nt-main-navigation .nt-main-navigation-ul > ul > li.current-menu-ancestor > a, .nt-main-navigation .nt-main-navigation-ul > ul > li.current-menu-parent > a, .nt-main-navigation .nt-main-navigation-ul > ul > li.current_page_parent > a, .nt-main-navigation .nt-main-navigation-ul > ul > li.current_page_ancestor > a { color: #253993; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li:hover > a, .nt-main-navigation .nt-main-navigation-ul > ul > li:hover > a { color: #253993; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li > a, .nt-main-navigation .nt-main-navigation-ul > ul > li > a { position: relative; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; color: #ffffff; padding: 21px 22px; height: 64px; text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul li a, .nt-main-navigation .nt-main-navigation-ul > ul > li ul li a { text-align: left; } .nt-main-navigation .nt-main-navigation-wrapper .sub-menu > li.menu-item-has-children > a, .nt-main-navigation .nt-main-navigation-wrapper .sub-menu > li.page_item_has_children > a { position: relative; } .nt-main-navigation .nt-main-navigation-wrapper .sub-menu > li.menu-item-has-children > a:hover:before, .nt-main-navigation .nt-main-navigation-wrapper .sub-menu > li.page_item_has_children > a:hover:before { border-left-color: #fff; } .nt-main-navigation .nt-main-navigation-wrapper .sub-menu > li.menu-item-has-children > a:before, .nt-main-navigation .nt-main-navigation-wrapper .sub-menu > li.page_item_has_children > a:before { content: ''; position: absolute; right: 20px; top: 50%; margin: -4px 0 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #cccccc; } .nt-main-navigation .nt-main-navigation-ul > ul > li.menu-item-has-children > a, .nt-main-navigation .nt-main-navigation-ul > ul > li.page_item_has_children > a { padding-right: 23px; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul, .nt-main-navigation .nt-main-navigation-ul > ul > li ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; background: #fff; list-style: none; padding: 14px 0; margin: 0; width: 230px; z-index: 1; -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); } .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul ul, .nt-main-navigation .nt-main-navigation-ul > ul > li ul ul { left: 100%; top: -2px; background: #253993; padding: 6px 0 4px; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul ul li a, .nt-main-navigation .nt-main-navigation-ul > ul > li ul ul li a { color: #fff; padding: 12px 26px; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul ul li a:hover, .nt-main-navigation .nt-main-navigation-ul > ul > li ul ul li a:hover { color: #253993; } .nt-main-navigation .nt-main-navigation-wrapper > ul li:hover > ul, .nt-main-navigation .nt-main-navigation-ul > ul li:hover > ul { visibility: visible; opacity: 1; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul li, .nt-main-navigation .nt-main-navigation-ul > ul > li ul li { position: relative; font-weight: 500; font-size: 14px; text-transform: capitalize; color: #333333; } .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul li a, .nt-main-navigation .nt-main-navigation-ul > ul > li ul li a { display: block; padding: 13px 26px 11px; color: #333333; text-decoration: none !important; } .nt-main-navigation .nt-main-navigation-ul > ul > li ul li:before, .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul li:before { content: ''; position: absolute; left: 0; right: 0; top: -2px; height: 2px; background: #253993; opacity: 0; visibility: hidden; } .nt-main-navigation .nt-main-navigation-ul > ul > li ul li:after, .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul li:after { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: #253993; opacity: 0; visibility: hidden; } .nt-main-navigation .nt-main-navigation-ul > ul > li ul li:hover:before, .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul li:hover:before { opacity: 1; visibility: visible; } .nt-main-navigation .nt-main-navigation-ul > ul > li ul li:hover:after, .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul li:hover:after { opacity: 1; visibility: visible; } .nt-main-navigation .nt-main-navigation-ul > ul > li ul li:hover > a, .nt-main-navigation .nt-main-navigation-wrapper > ul > li ul li:hover > a { background: #253993; color: #fff; } .nt-main-navigation .nt-menu-icon-text { float: right; padding: 0 0 0 35px; margin: 18px 38px 0 0; color: #fff; } .nt-main-navigation .nt-menu-icon-text:before { content: ''; position: absolute; left: 0; top: 50%; margin: -17px 0 0 0; border-left: 1px solid rgba(255, 255, 255, 0.15); height: 27px; } .nt-main-navigation .nt-menu-icon-text strong { color: #fff; font-size: 18px; font-weight: 700 !important; font-family: 'Montserrat', 'sans-serif'; } .nt-main-navigation .nt-menu-icon-text strong a { color: #fff; font-size: 18px; } .nt-main-navigation .nt-menu-icon-text span { font-size: 13px; } /** * FOOTER */ /* * * Footer * */ .nt-theme-footer { padding: 0 0 0; background: #ffffff; color: #999999; font-size: 13px; display: inline-block; width: 100%; } .nt-theme-footer a, .nt-theme-footer .widget a { text-decoration: none } .nt-theme-footer .widget a:hover { text-decoration: underline } .nt-theme-footer .widget { font-size: 13px; line-height: 1.8; } /* * * Footer Main * */ @media screen and (max-width: 780px) { .map-in-footer { display: none !important; } .footer-wrap { text-align: center; } } .footer-wrap { background-color: #f7f7f7; } .nt-footer-container { padding: 30px 0 35px!important; } .nt-topfooter-container { padding: 100px 0 0; } .nt-header-container li, .nt-copyright-container li { list-style: none; display: inline; padding-left: 30px; } @media screen and (max-width: 1000px) { .nt-copyright-menu ul, .nt-copyright-menu, .nt-footer-copyright { float: none !important; text-align: center; padding: 0; margin: 0; } } @media screen and (max-width: 1000px) { .nt-copyright-menu ul { float: none !important; text-align: center; padding-top: 15px; } } @media screen and (max-width: 1000px) { .nt-copyright-container li:first-child { padding-left: 0; } } /* * * Custom text widgets * */ .footer-big-number { text-align: center; font-size: 60px; line-height: 70px; font-weight: 700; } @media screen and (max-width: 650px) { .footer-big-number { font-size: 40px; line-height: 50px; } } /* * * Copyright * */ .nt-copyright-container { background-color: #ddd; padding: 25px 0 10px 0; } .nt-copyright-text { font-size: 12px; } .nt-copyright-text a { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media screen and (max-width: 780px) { .nt-copyright-text { text-align: center; } } .nt-copyright-menu ul { font-size: 12px; float: right; margin: 0 0 10px 0; } .nt-copyright-menu a, .nt-footer-copyright a { -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .main-container-copyright { padding: 20px 0 15px 0; font-size: 12px; border-top: 1px solid #888A8E; } .main-container-copyright .inner-container-copyright .copyright-text { float: none; text-align: center; margin-bottom: 30px; font-size: 12px; } .main-container-copyright .inner-container-copyright .copyright-text a { color: #253993 } @media screen and (min-width: 790px) { .main-container-copyright .inner-container-copyright .copyright-text { float: left; margin-bottom: 0; text-align: left; } } .main-container-copyright .inner-container-copyright .footer-menu { float: none; text-align: right; } @media screen and (min-width: 790px) { .main-container-copyright .inner-container-copyright .footer-menu { text-align: right; } } .main-container-copyright .inner-container-copyright .footer-menu ul { padding: 0; margin: 0; list-style: none; } .main-container-copyright .inner-container-copyright .footer-menu ul li { padding: 0; margin: 0; display: inline-block; line-height: 1; } .main-container-copyright .inner-container-copyright .footer-menu ul li a { float: left; text-decoration: none; margin-top: 5px; font-size: 12px; color: #fff; } /* * * Footer Widgets * */ /* global */ .nt-footer-container .widget.widget_recent_entries, .nt-footer-container .widget.widget_nav_menu { background: transparent; padding: 0; } .nt-footer-container .widget.widget_recent_entries ul, .nt-footer-container .widget.widget_nav_menu ul { padding: 0; } .nt-footer-container, footer .widget, footer p, footer .textwidget { font-size: 13px; } /* recent entries */ .nt-footer-container .widget.widget_recent_entries li a { display: block; font-size: 13px; } /* menu */ .nt-footer-container .widget.widget_nav_menu ul li { width: 100%; display: inline-block; } .nt-footer-container .widget.widget_nav_menu ul li a { font-size: 13px; } .nt-footer-container .widget.widget_nav_menu ul li:nth-child(odd) { margin-right: 10px; } /* tweets */ .nt-footer-container .widget_tp_widget_recent_tweets:after { content: ""; display: table; clear: both; } .nt-footer-container .tp_recent_tweets { margin-top: -2px; } .nt-footer-container .tp_recent_tweets ul { padding-left: 0; margin-bottom: 0; } .nt-footer-container .tp_recent_tweets li { position: relative; padding-left: 30px; padding-bottom: 22px; background: none; } .nt-footer-container .tp_recent_tweets li:last-child { padding-bottom: 0; } .nt-footer-container .tp_recent_tweets li:before { position: absolute; left: 0; top: 3px; content: "\f099"; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 18px; color: #34dfe5; } .nt-footer-container .tp_recent_tweets li span { font-size: 13px; line-height: 22px; color: rgba(255, 255, 255, 0.5); } .nt-footer-container .tp_recent_tweets li span a { font-weight: 400; } .nt-footer-container .tp_recent_tweets li .twitter_time { margin-top: 2px; font-size: 11px; font-style: normal; color: rgba(255, 255, 255, 0.6); } .nt-footer-container .widget .widget_title { padding-top: 0; border-top: 0; } /* * * Backtotop button * */ #back-to-top { border-radius: 1px; bottom: 0; cursor: pointer; padding: 12px 20px 18px 19px; position: fixed; right: 0; z-index: 999; } @media screen and (max-width: 780px) { #back-to-top { display: none !important; } } #back-to-top:hover { opacity: 0.9; } .to-top-text { font-family: 'Montserrat', 'sans-serif'; font-weight: 700; text-transform: uppercase; font-size: 12px; color: #000; letter-spacing: -0.5px; line-height: 10px; } i.to-top-icon { position: relative; left: 7px; bottom: 2px; color: #000; font-size: 10px; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ /* * * Footer Widgets * */ .nt-theme-footer .footer-columns .footer-column .widget .widget-title:after { display: block; content: ""; background: #aeafb0; width: 25px; height: 3px; margin-top: 10px; } /* * * Default Widgets * */ .widget .widget-title { margin: 25px 0 10px; font-weight: bold; font-size: 20px; letter-spacing: -0.5px; text-transform: capitalize; } .widget.widget_archive { padding: 20px 30px; margin-bottom: 25px; } .widget.widget_archive ul { padding: 5px 20px; } /* search widget */ .widget_search { margin-bottom: 25px; } /* widget pages */ .widget_pages { background: #f9f9f9; padding: 20px 30px; margin-bottom: 25px; } .widget_pages ul { padding: 5px 20px 0 20px; } .widget_pages ul li { padding: 5px 0; font-size: 12px; list-style: none; } /* widget meta */ .widget_meta { background: #f9f9f9; padding: 20px 30px; margin-bottom: 25px; } .widget_meta ul { padding: 5px 20px 0 20px; } .widget_meta ul li { padding: 5px 0; font-size: 12px; list-style: none; } .widget_categories, .widget_archive { background: #f9f9f9; padding: 20px 30px; margin-bottom: 25px; } .widget_categories ul { padding: 10px 20px; } .widget_categories ul li, .widget_archive ul li { padding: 5px 0; font-size: 12px; list-style: none; } /** * Recent comments */ .widget_recent_comments { background: #f9f9f9; padding: 20px 30px; margin-bottom: 25px; } .widget_recent_comments ul { padding: 5px 20px 0 20px; } .widget_recent_comments ul li { padding: 5px 0; font-size: 12px; list-style: none; } /* footer */ .footer-wrap .widget_recent_comments, .footer-wrap .widget.widget_archive, .footer-wrap .widget.widget_categories, .footer-wrap .widget.widget_meta, .footer-wrap .widget.widget_pages { background: transparent; padding: 0; } .footer-wrap .widget_recent_comments ul, .footer-wrap .widget.widget_archive ul, .footer-wrap .widget.widget_categories ul, .footer-wrap .widget.widget_meta ul, .footer-wrap .widget.widget_pages ul { margin: 0; padding: 0; } /** * Calendar */ .widget.widget_calendar { margin-bottom: 25px; } .widget.widget_calendar .calendar_wrap table { width: 100%; } .widget.widget_calendar .calendar_wrap table caption { font-weight: 700; text-transform: uppercase; color: #111; font-family: Montserrat, sans-serif; margin: 0 0 15px; } .widget.widget_calendar .calendar_wrap table td, .widget.widget_calendar .calendar_wrap table th { text-align: center; font-size: 14px; padding: 10px 5px; border: 0; } .widget.widget_calendar .calendar_wrap table thead th { background: #253993; color: #fff; } .widget.widget_calendar .calendar_wrap table tbody { border: 1px solid #e6e6e6; } .widget.widget_calendar .calendar_wrap table tfoot #prev { text-align: left; } .widget.widget_calendar .calendar_wrap table tfoot #next { text-align: right; } /** * Widget RSS */ .widget.widget_rss { background: #f9f9f9; padding: 30px; } .widget.widget_rss .rsswidget { color: #111; } .widget.widget_rss ul { margin: 0; padding: 0; } .widget.widget_rss ul li { list-style: none; padding: 30px 0; color: #111; border-top: 1px solid rgba(255, 255, 255, 0.1); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .widget.widget_rss ul li a { color: #fff; display: inline-block; } .widget.widget_rss ul li a:hover { text-decoration: none; } .widget.widget_rss .rss-date { display: block; padding: 5px 0 15px; font-size: 12px; color: #999; } .widget.widget_rss cite { display: block; padding-top: 15px; color: #999; } /** * Tag cloud */ .widget.widget_tag_cloud { margin-bottom: 25px; } .widget.widget_tag_cloud .tagcloud a, .widget.widget_product_tag_cloud .tagcloud a { display: inline-block; vertical-align: top; padding: 5px 8px 6px; font-size: 12px !important; color: #777777; border-radius: 2px; border: 2px solid #f9f9f9; margin: 0 6px 7px 0; text-decoration: none !important; text-transform: lowercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .widget.widget_tag_cloud .tagcloud a:hover, .widget.widget_product_tag_cloud .tagcloud a:hover { background: #00aeef; border-color: #00aeef; color: #fff; } /** * Widget text */ .widget.widget_text { font-size: 13px; line-height: 22px; color: #222222; } .widget.widget_text p { font-size: 13px; line-height: 22px; color: #222222; } .widget.widget_text img { max-width: 100%; height: auto; } /** * Recent entries */ .widget.widget_recent_entries { background: #f9f9f9; padding: 20px 30px; margin-bottom: 25px; } .widget.widget_recent_entries ul { padding: 5px 10px 0 20px; } .widget.widget_recent_entries ul li { padding: 5px 0; font-size: 12px; list-style: none; } /** * Widget nav menu */ .widget.widget_nav_menu { background: #f9f9f9; padding: 20px 30px; margin-bottom: 25px; } .widget.widget_nav_menu ul { padding: 10px 20px; font-size: 12px; } .widget.widget_nav_menu ul li { padding: 5px 0; list-style: none; } .widget.widget_nav_menu ul ul.sub-menu { font-size: 12px; padding: 5px 20px 0 20px; } /* * * Widget search form * */ .nt-search-form { position: relative; overflow: hidden; } .nt-search-form .form-control { width: 100%; padding: 0 0 0 20px; height: 50px; } .nt-search-form button { position: absolute; right: -3px; top: -4px; width: 58px; height: 58px; background: #253993; color: #fff; text-align: center; border: none; font-size: 17px; outline: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .nt-search-form button:hover { background: #00aeef; color: #253993; } /* search results page */ .search .nt-content-container { padding: 0px; } /* search no results page */ .nt-search-result-wrapper { padding: 75px 0; } /** * VISUAL COMPOSER */ /** * Services Grid */ .services-grid-thumbnail img { width: 100%; height: auto; } .services-grid-title { padding-top: 20px; font-family: Montserrat, sans-serif; font-size: 18px; letter-spacing: -0.5px; font-weight: 700; color: #222; } .services-grid-excerpt { padding: 10px 0; } .services-grid-link { font-family: Montserrat, sans-serif; font-size: 13px; letter-spacing: -0.3px; font-weight: 700; color: #222; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; margin-bottom: 60px; } .services-grid-link i { padding-left: 15px; font-size: 10px; } .services-grid-link:hover { opacity: 0.8; } /** * Services Carousel */ .services-carousel-item { padding: 20px; } .services-carousel-thumbnail { max-width: 100%; width: 100%; height: auto; } .services-carousel-title { padding-top: 20px; font-family: Montserrat, sans-serif; font-size: 18px; letter-spacing: -0.5px; font-weight: 700; color: #222; } .services-carousel-excerpt { padding: 10px 0; } .services-carousel-link { font-family: Montserrat, sans-serif; font-size: 13px; letter-spacing: -0.3px; font-weight: 700; color: #222; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .services-carousel-link i { padding-left: 15px; font-size: 10px; } .services-carousel-link:hover { opacity: 0.8; } /** * Recent News */ @media screen and (max-width: 780px) { .recent-news .col-xs-12 { padding: 0; } } .recent-news-img, .recent-news-img img { position: relative; } .recent-news-img:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); } .recent-news-title { font-size: 16px; font-family: 'Montserrat', 'sans-serif'; font-weight: 700; color: #111; letter-spacing: -0.3px; padding-top: 20px; } .recent-news-date { font-size: 12px; } .recent-news-readmore { font-size: 13px; font-family: Montserrat, sans-serif; font-weight: 700; letter-spacing: -0.3px; margin-bottom: 30px; display: inline-block; } /** * Featured boxes */ @media screen and (max-width: 780px) { .featured-box { margin-bottom: 30px; } } .featured-box-image img { width: 100%; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); } .featured-box-title { text-transform: capitalize; font-size: 18px; color: #222; letter-spacing: -0.6px; font-family: Montserrat, sans-serif; font-weight: 700; padding: 30px 0 22px; } .featured-box-image { position: relative; } .featured-box-image .popup-video { position: absolute; top: 20px; left: 20px; border: 2px solid #fff; padding: 6px 12px; border-radius: 50px; background: rgba(0,0,0,0.2); } .featured-box-image .popup-video i { color: #fff; position: relative; left: 1px; } /** * Logo carousel */ .logo-carousel { position: relative; } .logo-carousel .slick-slide img { margin: 0 auto; max-width: 100%; } .logo-img { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } /** * Testimonial grid */ /** * Testimonial Carousel */ .testimonials-carousel-wrapper { position: relative; } .testimonial-img { display: inline-block; width: 35%; } .testimonial-img img { max-width: 100%; width: 100%; height: auto; padding-right: 20px; } .testimonial-inner { display: inline-block; width: 55%; position: relative; top: -3px; } .testimonial-name { font-weight: 700; font-size: 16px; font-family: Montserrat, sans-serif; text-transform: capitalize; letter-spacing: -0.3px; } .testimonial-company { font-size: 13px; color: #777; letter-spacing: -0.2px; font-family: Montserrat, sans-serif; } .testimonial-excerpt p { margin-top: 0; } @media screen and (max-width: 1200px) { .testimonial-inner { width: 100%; padding-top: 20px; } .testimonial-img { width: 100%; } .testimonial-img img { padding-right: 0; } .testimonial { padding: 20px; } } /* * VC Custom Headings */ .custom-heading .heading-line { width: 80px; height: 2px; display: inline-block; background: #253993; } .custom-heading .heading-line.primary { background: #253993; border-radius: 3px; height: 5px; width: 35px; } .custom-heading.heading-medium .heading-line { width: 40px; height: 5px; border-radius: 3px; } .custom-heading.heading-small { margin-bottom: 10px } .custom-heading.heading-small h2 { font-size: 17px } .custom-heading.heading-small .heading-line { width: 40px } .custom-heading.heading-medium h2 { font-size: 28px } .text-right { text-align: right; } .text-center { text-align: center; } @media screen and (max-width: 780px) { .custom-heading-title br { display: none !important; } } /* * Google Maps */ .lock-button-gmaps { -moz-user-select: none; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); cursor: pointer; font-size: 15px; margin: 10px; color: #666666; text-align: center; width: 28px; height: 28px; } .lock-button-gmaps i { padding-top: 7px; } .lock-button-gmaps:hover { text-shadow: 0 1px 2px #f9f9f9; color: #000000; } /* * VC Accordions & Tabs */ .vc_tta-controls-align-left.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container { margin-left: -15px !important; margin-right: -15px !important; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel:first-child .vc_tta-panel-heading { border-top: none; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #f2f2f2; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { background: transparent; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { background: transparent; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-body { background: #f2f2f2; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active + .vc_tta-panel .vc_tta-panel-heading { border-top: none; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: none; margin: 0 !important; border-top: 1px solid #b6b6b6; background: #cacaca; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { text-transform: none; font-weight: 600; padding: 0; font-size: 16px; line-height: 20px; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title:after { display: none; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a { padding: 15px 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #111; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right a { padding-right: 42px; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right a .vc_tta-controls-icon.vc_tta-controls-icon-plus { right: 25px; width: 9px; height: 9px; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { background: #253993; height: 3px; display: block; transform: none; -webkit-transform: none; -moz-transform: none; border: none; margin: -1.5px 0 0 0; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { background: #253993; width: 3px; display: block; transform: none; -webkit-transform: none; -moz-transform: none; border: none; margin: 0 0 0 -1.5px; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left a { padding-left: 42px; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left a .vc_tta-controls-icon.vc_tta-controls-icon-plus { left: 25px; width: 9px; height: 9px; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left a .vc_tta-controls-icon.vc_tta-controls-icon-plus:before { border-width: 3px 0 0; border-color: #253993; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left a .vc_tta-controls-icon.vc_tta-controls-icon-plus:after { border-width: 0 0 0 3px; border-color: #253993; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { border: none; padding: 3px 30px 18px; background: #cacaca; } body .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body p { line-height: 22px; } body .vc_tta-container .vc_tta.vc_general.vc_tta-tabs.theme_style.vc_tta-o-no-fill .vc_tta-panels { border: none; background: transparent; } body .vc_tta-container .vc_tta.vc_general.vc_tta-tabs.theme_style.vc_tta-o-no-fill .vc_tta-panels .vc_tta-panel-body { padding-left: 0; padding-right: 0; } body .vc_tta-container .vc_tta.vc_general.vc_tta-tabs.theme_style.vc_tta-o-no-fill .vc_tta-tabs-container .vc_tta-tabs-list { background: #00aeef; } body .vc_tta-container .vc_tta.vc_general.vc_tta-tabs.theme_style .vc_tta-tabs-container .vc_tta-tabs-list { background: none; } body .vc_tta-container .vc_tta.vc_general.vc_tta-tabs.theme_style .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { background: #00aeef; color: #fff; border: none; font-weight: 700; font-family: 'Montserrat', 'sans-serif'; letter-spacing: -0.04em; padding: 15px 30px; } .vc_tta.vc_tta-spacing-1 .vc_tta-tab { margin: 0 !important; } body .vc_tta-container .vc_tta.vc_general.vc_tta-tabs.theme_style .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { background: #253993; color: #fff; } body .vc_tta-container .vc_tta.vc_general.vc_tta-tabs.theme_style .vc_tta-panels { border-color: #f2f2f2; background: #f2f2f2; } body .vc_tta-container .vc_tta.vc_general.vc_tta-tabs.theme_style .vc_tta-panels .vc_tta-panel-body { padding: 30px 40px; overflow: inherit; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel { margin-bottom: 19px; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading { border: none; margin: 0; background: transparent; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body { padding: 8px 30px 0 43px; border: none !important; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body .wpb_text_column p { line-height: 22px; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title { padding: 0; font-size: 16px; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title > a { padding: 7px 20px 5px; color: #444; letter-spacing: -0.02em; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title > a .vc_tta-controls-icon { border: 1px solid; width: 24px; height: 24px; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title > a .vc_tta-controls-icon::before { left: 6px; right: 6px; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title > a .vc_tta-controls-icon::after { top: 6px; bottom: 6px; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title.vc_tta-controls-icon-position-left > a { padding-left: 43px; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title.vc_tta-controls-icon-position-left > a .vc_tta-controls-icon { left: 3px; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title:after { content: none; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-controls-icon { border-color: #00aeef; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-controls-icon::after, body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-controls-icon::before { border-color: #00aeef; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a .vc_tta-controls-icon { background: #00aeef; } body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a .vc_tta-controls-icon:before, body .vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a .vc_tta-controls-icon:after { border-color: #fff; } /* visual composer accordion responsive */ @media screen and (max-width: 770px) { .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #111 !important; font-size: 13px; } /* active */ .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title>a:hover { color: #111 !important; opacity: 0.8; } } /** * Plugins */ /* * * Contact Form 7 * */ .negative-position-homeform { position: relative; bottom: 280px; margin-bottom: -280px; padding-top: 100px; padding-bottom: 20px; background: linear-gradient(360deg, rgba(0, 0, 0, 1) 30px, transparent 100%); } @media screen and (max-width: 795px) { .negative-position-homeform { position: relative; bottom: 0; margin-bottom: 0px; background: #222; } } .negative-position-lp-form { position: relative; bottom: 430px; margin-bottom: -430px; padding-top: 100px; background: linear-gradient(360deg, rgba(0, 0, 0, 1) 30px, transparent 100%); } @media screen and (max-width: 795px) { .negative-position-lp-form { position: relative; bottom: 0; margin-bottom: 0; background: #222; } } .input-group .button { padding: 17px 30px 15px 30px; } .wpcf7 .input-group { margin: 0 0 30px 0 !important; } .wpcf7 .input-group:focus { border: 0 !important; } /* start styles */ .wpcf7-form-control, .form-control { border: 2px solid transparent; background: #eee; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .wpcf7-form-control:focus, .form-control:focus, .wpcf7-form-control:active, .form-control:active { border: 2px solid #253993; } /* * * Magnific Popup * */ .gallery-item { padding: 10px; } @media screen and (max-width: 780px) { .gallery-item { width: 100% !important; padding: 10px 0; } } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: -55px 0 0 0; top: 50%; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /* Remove padding around the image on smaller screens */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0 } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0 } .mfp-ie7 .mfp-content { padding-top: 44px } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .wpb_revslider_element { background: #222222 } /* * * Slick Slider * */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .wpb_gallery_slidesslick_slider_2.slider_main { margin: 0 0 40px 0; } .wpb_gallery_slides_navslick_slider_2.slider_nav { margin: 0 -5px; } .wpb_gallery_slides_navslick_slider_2.slider_nav .slick-slide { margin: 0 5px; } .wpb_gallery_slides_navslick_slider_2.slider_nav .slick-slide img { cursor: pointer; } .wpb_gallery_slides_navslick_slider_2.slider_nav .slick-slide-wr { position: relative; } .wpb_gallery_slides_navslick_slider_2.slider_nav .nt-slick-active .slick-slide-wr:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .wpb_gallery_slidesslick_slider_2.slider_main .slick_next { right: 20px; top: auto; margin: 0; bottom: 20px; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .wpb_gallery_slidesslick_slider_2.slider_main .slick_prev { left: auto; right: 75px; top: auto; bottom: 20px; margin: 0; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .wpb_gallery_slidesslick_slider_2.slider_main:hover .slick_prev, .wpb_gallery_slidesslick_slider_2.slider_main:hover .slick_next { opacity: 0.5; } .wpb_gallery_slidesslick_slider_2.slider_main:hover .slick_prev:hover, .wpb_gallery_slidesslick_slider_2.slider_main:hover .slick_next:hover { opacity: 1; transition: none; } .wpb_gallery_slidesslick_slider_2.slider_main .image_title { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.35); width: 100%; padding: 30px 200px 30px 28px; font-size: 16px; color: #ffffff; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .wpb_gallery_slidesslick_slider_2.slider_main:hover .image_title { opacity: 1; } .wpb_gallery_slidesslick_slider_2.slider_main .slider_info { position: absolute; right: 138px; bottom: 31px; font-size: 14px; color: #fff; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .wpb_gallery_slidesslick_slider_2.slider_main:hover .slider_info { opacity: 1; } .wpb_gallery_slidesslick_slider_2.slider_main .slider_info span { color: #253993; } .wpb_gallery_slidesslick_slider_2.slider_main .slider_info em { font-style: normal; } /* Slick for testimonial carousel */ .slick_prev, .slick_next { width: 45px; height: 45px; z-index: 998; border: 3px solid #d7d7d7; top: 50%; margin-top: -22px; position: absolute; font-size: 20px; text-align: center; color: #d7d7d7; cursor: pointer; box-sizing: border-box; transition: border 0.2s linear, background 0.2s linear, color 0.2s linear, opacity 0.2s linear; } .slick_prev { left: -145px; padding-right: 2px !important; } .slick_next { right: -145px; padding-left: 2px !important; } .slick_prev:hover, .slick_next:hover { border-color: #253993; background: #253993; color: #fff; opacity: 1; } .slick_prev i, .slick_next i { margin-top: 12px; font-size: 15px; color: #999; } .slick_prev:hover i, .slick_next:hover i { color: #fff; } .slick-dots { position: relative; padding: 0; margin: 20px 0 0; list-style: none; text-align: center; height: 8px; } .slick-dots:after { content: ''; clear: both; display: table; } .slick-dots li { float: left; margin: 0 10px 0 0; } .multiple_project .slick-dots li { float: none; display: inline-block; vertical-align: top; margin: 0 5px; } .slick-dots li.slick-active button { background: #253993; } .slick-dots li button { display: block; border: none; text-indent: -3000px; width: 10px; height: 8px; background: #cccccc; outline: none; padding: 0; margin: 0; } /* * * Breadcrumbs * */ .breadcrumbs { font-size: 10px; padding: 15px 0; border-bottom: 1px solid #e9e9e9; color: #858585; } @media screen and (min-width: 500px) { .breadcrumbs { font-size: 12px } } .breadcrumbs i { color: #999; font-size: 9px; } .breadcrumbs a { text-decoration: none; color: #777777; font-weight: 600; } .breadcrumbs a:hover { color: #253993 } .breadcrumbs span { position: relative; } .breadcrumbs span { padding: 0 30px; } .breadcrumbs span:first-child { padding-left: 0; } .breadcrumbs span:last-child { padding-right: 0; } @media screen and (max-width: 780px) { .breadcrumbs span { padding: 0 20px; } } /* * * Revolution Slider * */ .nt-rs-title { letter-spacing: -1.2px !important; font-size: 50px !important; } @media screen and (max-width: 1000px) { .nt-rs-title, .nt-rs-desc { padding-left: 10px !important } } @media screen and (max-width: 1000px) { .nt-rs-title { font-size: 40px !important; } } @media screen and (min-width: 600px) { .nt-br-mobile { display: none !important } } @media screen and (max-width: 780px) { .nt-br-mobile2 { display: none !important } } @media screen and (max-width: 780px) { .display-none-mobile { display: none !important; } } .custom.tparrows { background: transparent; border: 3px solid #73767a; height: 45px; width: 45px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .custom.tparrows:hover { border: 3px solid #73767a; background: #73767a; } .custom.tparrows:before { color: #fff } /* * * Select2 * */ .select2-container .selection, .select2-container--default .select2-selection--single, .select2-container { outline: none !important; } .select2-container .selection { display: block; } .select2-container .selection:after { content: ""; display: table; clear: both; } .select2-container.select2-container--default .select2-selection--single { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 1px solid #cacaca; height: 49px; line-height: 1; background: #cacaca; font-size: 13px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; padding-left: 29px; padding-right: 110px; color: #222222; } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { width: 50px; height: 49px; top: 0; right: 0; } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 5px 5px 0 5px; border-color: #777777 transparent transparent transparent; margin-left: -6px; margin-top: -2px; } .select2-container.select2-container--default.select2-container--open .select2-selection--single { border-color: #cacaca; background-color: #fff; } .select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #777777 transparent; border-width: 0 5px 5px 5px; } /* Dropdown */ .select2-container .select2-dropdown { border: 1px solid #cacaca; color: #222; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected] { background: #6c98e1; } .select2-container .select2-dropdown .select2-results__option { padding: 10px 18px; } /*********************************************************** START WOOCOMMERCE *************************************************************/ /** * Start WooCommerce */ body.woocommerce.archive { background: #fcfcfc; } /* product page result count */ .woocommerce .woocommerce-result-count { font-family: Montserrat, sans-serif; margin-top: 10px; } /** * Archive Page - Products */ body.archive.woocommerce .breadcrumbs { margin-bottom: 60px; } body.archive.woocommerce .products { display: inline-block; margin-top: 30px; padding-top: 40px; border-top: 3px solid #f9f9f9; } /* Shop page title */ .shop-page-title { padding: 80px 0 60px; background: #222; position: relative; } .shop-page-title h1 { color: #fff; } /* remove breadcrumb */ body.woocommerce.archive .woocommerce-breadcrumb { display: none; } /* products */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background: #fff; padding: 20px 20px 30px 20px; -webkit-transition: box-shadow .15s ease-out; -moz-transition: box-shadow .15s ease-out; -ms-transition: box-shadow .15s ease-out; -o-transition: box-shadow .15s ease-out; transition: box-shadow .15s ease-out; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { box-shadow: 8px 15px 40px rgba(0, 0, 0, 0.15); } /* Product title */ .woocommerce ul.products li.product h3 { text-align: center; } /* Star rating */ .woocommerce ul.products li.product .star-rating { margin: 0 auto; color: #cacaca; } /* Price */ .woocommerce ul.products li.product .price { text-align: center; padding-top: 12px; } .woocommerce-Price-amount.amount { font-size: 14px; color: #282828; } /* Discount price */ .woocommerce ul.products li.product .price del { display: inline-block; padding-right: 5px; } /* Add to cart button */ .woocommerce ul.products li.product .button { font-family: 'Montserrat', 'sans-serif'; letter-spacing: -0.1px; text-transform: capitalize; color: #fff; background: #253993; font-size: 11px; display: block; text-align: center; margin: 25px -5px -5px -5px; padding: 15px; border-radius: 2px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .woocommerce ul.products li.product .button:hover { opacity: 0.8; } .woocommerce ul.products li.product .button i { font-size: 9px; padding-left: 10px; } /* On sale up top */ .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background: #253993; font-family: 'Montserrat', 'serif'; text-transform: uppercase; border-radius: 40px; padding: 5px 7px; font-size: 10px; margin-right: -11px; margin-top: -25px; } .onsale:after { content: ""; background: #253993; position: absolute; bottom: -2px; left: 17px; width: 10px; height: 10px; border-radius: 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* onsale product page position */ body.woocommerce.single-product span.onsale { top: inherit; left: inherit; } /* Added to cart text */ .woocommerce a.added_to_cart { text-align: center; color: #0c0c0c; font-family: 'Montserrat', 'sans-serif'; font-weight: 400; display: block; font-size: 12px; padding-top: 25px; } .add_to_cart_button.ajax_add_to_cart.added i { display: none; } /** * WooCommerce - Single Product */ /** * Woo pages remove default padding */ body.woocommerce #wrapper { padding: 0; } /** * Top Images & Desc */ .woocommerce div.product { margin-top: 60px; } .woocommerce div.product .product_title { font-size: 30px; } /* Set width */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 38%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 58%; } /* Product header */ .autoservice-product-header { padding: 25px 0; margin-bottom: 80px; background: #222; } /* product title */ .woocommerce div.product .product_title { margin: 0; } /* description */ /* price */ .entry-summary .woocommerce-Price-amount.amount { font-size: 24px; padding: 15px 0 20px !important; } /* Add to cart button */ .woocommerce div.product form.cart { margin-top: 40px; } .woocommerce div.product form.cart .button { background: #222222; padding: 14px 25px; line-height: 25px; border-radius: 0; text-transform: capitalize; font-family: 'Montserrat', 'sans-serif'; } .woocommerce div.product form.cart .button i { font-size: 10px; padding-left: 20px; } .woocommerce .quantity .qty { width: 100px; border: 2px solid #eee; } /* Product stars rating */ .woocommerce .star-rating span:before { color: #253993; } .woocommerce-review-link { font-size: 12px; color: #0c0c0c; } /* Add to cart message */ body.product-template-default.single-product .woocommerce-message { background: #f9f9f9; border-top-color: #0c0c0c; padding: 30px 30px 0 50px !important; max-width: 1150px; margin: 50px auto 50px; } body.product-template-default.single-product .woocommerce-message a { position: relative; bottom: 16px; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin: 0; } /* default woocommerce message */ .woocommerce-message { background: #f9f9f9; border-top-color: #0c0c0c; padding: 30px 30px 30px 50px !important; } .woocommerce-message:before { padding-top: 19px; } /* Tabs */ .woocommerce-tabs.wc-tabs-wrapper { background: #f9f9f9; padding: 80px 0; margin-top: 40px; } /* Tabs switcher */ .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; padding: 5px 40px; border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: #f1f1f1; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 1em; } /* Active tab */ .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li { color: #111; font-family: 'Montserrat', 'sans-serif'; text-transform: uppercase; font-size: 12px; } /* Non active tab */ .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #0c0c0c; } /* Tabs content */ .woocommerce div.product .woocommerce-tabs .panel { background: #fff; padding: 50px; } .woocommerce div.product .woocommerce-tabs .panel h2 { font-size: 25px; text-transform: capitalize; letter-spacing: -1px; } /* Add a review avatar */ .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0; width: 75px; top: 25%; left: -40px; } /* add review comment box */ .woocommerce #reviews #comments ol.commentlist li .comment-text { border: 0; padding: 30px; -webkit-box-shadow: 8px 15px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 8px 15px 40px rgba(0, 0, 0, 0.15); box-shadow: 8px 15px 40px rgba(0, 0, 0, 0.15); } /* add a review messagebox */ .woocommerce #reviews h3 { padding-top: 50px; } .woocommerce #reviews #comment { height: 150px; } /* add review submit button */ .woocommerce #respond input#submit { background: #253993; padding: 22px 40px !important; font-size: 13px; } .woocommerce #respond input#submit:hover { opacity: 0.8 !important; background: #253993; } /* new */ .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { text-align: center; font-size: 16px; line-height: 26px; letter-spacing: -0.5px; } /** * Upsells */ .up-sells.upsells.products { padding: 80px 0 50px; } .up-sells.upsells.products h2 { font-size: 25px; } /** * Related */ .related.products { background: #fcfcfc; padding: 80px 0 50px; } .related.products h2 { font-size: 25px; text-transform: capitalize; letter-spacing: -1px; margin-bottom: 50px; } /** * Cart */ body.woocommerce-cart .page-wrap { padding: 0 !important; } .woocommerce table.shop_table { border: 0; } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th { border: 0; } .cross-sells { display: none; } /* top */ .woocommerce table.shop_table { padding: 100px 0 50px; } .woocommerce-cart table.cart img { width: 50px; position: relative; margin-right: 10px; } .woocommerce td.product-name dl.variation dt { padding: 5px !important; } .product-name, .product-price, .product-quantity, .product-subtotal { font-family: 'Montserrat', 'sans-serif'; letter-spacing: -0.2px; color: #111; } #coupon_code { width: 200px; border-color: #f9f9f9; background: #f9f9f9; padding: 20px; } .woocommerce-page table.cart td.actions { border-top: 4px solid #f9f9f9; padding: 30px 0; position: relative; top: 40px; } /* buttons */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0; background: #111; color: #fff; font-family: 'Montserrat', 'sans-serif'; font-size: 13px; padding: 18px 30px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } /* all woocommerce button hovers */ .woocommerce div.product form.cart .button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #253993; color: #fff; } /* cart buttons - coupon, update cart */ .woocommerce .cart .button, .woocommerce .cart input.button:hover { border: none; padding: 24px 30px 23px 30px; } .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { border: none; padding: 24px 30px 23px 30px; } /* button - proceed to checkout */ #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { background: #253993; color: #fff; font-size: 14px; padding: 20px 25px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover { opacity: 0.8; background: #253993; color: #fff; } /* bottom */ .cart_totals h2 { font-size: 25px; text-transform: capitalize; letter-spacing: -1px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { margin: 25px 0 80px; padding: 0; width: 100%; } /** * WooCommerce - Checkout */ body.woocommerce-checkout .login input#rememberme { display: inline-block !important; position: relative; top: 2px; } body.woocommerce-checkout .woocommerce form.login .form-row label.inline { padding-left: 20px; } body.woocommerce-checkout #wrapper { margin-top: 60px !important; } body.woocommerce-checkout .woocommerce form.login .input-text#username, body.woocommerce-checkout .woocommerce form.login .input-text#password { background: #fff; border-color: #eee; } /* * Coupon */ .woocommerce-info { margin: 40px 0 0 !important; padding: 30px 50px !important; border-top-color: #253993; background: #f9f9f9; font-size: 13px; font-family: 'Montserrat', 'sans-serif'; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { margin-top: 0; border-radius: 0; border: 0; background: #f9f9f9; } .woocommerce-info:before { color: #111; margin-top: 18px; } #customer_details { margin-top: 40px; } a.showcoupon { color: #515151; } .checkout_coupon #coupon_code { background: #fff; border: 0; } /* checkout form styling */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { background: #f9f9f9; border: 2px solid transparent; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { border: 2px solid #253993; } .woocommerce form .form-row textarea { height: 250px; } /** * Checkout woocommerce select2 */ .select2-container .select2-choice { height: 50px; border-radius: 0; border: 0; background: #f9f9f9; padding: 10px 20px; font-size: 13px; } /* bottom payment section */ #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { border-radius: 0; } /* the bottom layout */ .shop_table.woocommerce-checkout-review-order-table { width: 48% !important; float: left; } /* right side */ .woocommerce-checkout-payment { width: 48%; display: inline-block; background: transparent !important; } .input-radio { height: 15px; width: 15px; display: inline-block; position: relative; top: 2px; } /* place order button */ .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { background: #253993; border: 2px solid #253993; padding: 20px 30px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover { opacity: 0.8; } /* place order btn position */ .woocommerce-checkout #payment div.form-row { padding: 2em !important; } /* left side */ .woocommerce table.shop_table.woocommerce-checkout-review-order-table { margin: 0; padding: 30px; border-radius: 0; background: #fff; margin-bottom: 70px !important; -webkit-box-shadow: 8px 15px 40px rgba(0, 0, 0, 0.15); -moz-box-shadow: 8px 15px 40px rgba(0, 0, 0, 0.15); box-shadow: 8px 15px 40px rgba(0, 0, 0, 0.15); } .woocommerce table.shop_table thead .product-name, .woocommerce table.shop_table thead .product-total { font-size: 14px; text-transform: uppercase; } .woocommerce table.shop_table .product-name, .woocommerce table.shop_table .product-total .amount { font-size: 12px; } .shop_table.woocommerce-checkout-review-order-table .cart-subtotal th, .shop_table.woocommerce-checkout-review-order-table .cart-subtotal td { padding-top: 20px; } body.woocommerce-checkout table.shop_table tbody th, body.woocommerce-checkout table.shop_table tfoot td, body.woocommerce-checkout table.shop_table tfoot th { border-top: 0; border-bottom: 1px solid rgba(0,0,0,.1); } .woocommerce table.shop_table td, .woocommerce table.shop_table th { border: 0; } /* right side remove list circles */ #add_payment_method #payment ul.payment_methods li::before, .woocommerce-cart #payment ul.payment_methods li::before, .woocommerce-checkout #payment ul.payment_methods li::before { display: none; } .woocommerce-checkout #payment ul.payment_methods li { border-bottom: 1px solid #ddd; padding: 25px !important; } .woocommerce-checkout #payment ul.payment_methods { border: 0; } /* main wraps */ .autoservice-checkout-bottom { background: #f9f9f9; padding: 50px 300px; margin: 0 -300px; position: relative; top: 25px; } #order_review { padding-bottom: 40px; } #customer_details { padding-bottom: 50px; } body.woocommerce-checkout .page_content ul li:before { display: none; } .wc_payment_methods.payment_methods.methods { padding: 0 30px !important; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { padding: 0; list-style: none; } /** * Archive 3 products define width * @function - autoservice_shop_num_columns */ body.woocommerce-page.archive ul.products li.product { width: 30.8% !important; } .woocommerce div.product div.images img { margin-bottom: 10px; } .woocommerce #review_form_wrapper #respond .comment-reply-title { font-size: 25px; letter-spacing: -1px; font-family: Montserrat, sans-serif; font-weight: 700; color: #222; margin-top: 25px; } .woocommerce #review_form_wrapper #respond label { margin-top: 20px; display: inline-block; width: 100%; } /** * * WooCommerce - MY ACCOUNT * */ /* Navigation */ .woocommerce-MyAccount-navigation ul { padding: 0; margin: 0 0 50px; background: #253993; } .woocommerce-MyAccount-navigation ul li { list-style: none; display: inline-block; padding: 15px 28px; margin: 0; background: #253993; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .woocommerce-MyAccount-navigation ul li::before { display: none; } .woocommerce-MyAccount-navigation ul li:hover, .woocommerce-MyAccount-navigation ul li.is-active { opacity: 0.8; } .woocommerce-MyAccount-navigation ul li a { color: #fff; font-family: 'Montserrat', 'sans-serif'; font-weight: 400; font-size: 12px; } /** * Order tab */ .woocommerce-MyAccount-content .woocommerce-Message .woocommerce-Button { margin-right: 20px; margin-left: -20px; } .woocommerce-MyAccount-content .woocommerce-Button:hover { opacity: 0.8; } /* all buttons in my account */ .woocommerce-MyAccount-content .woocommerce-Button { background: #253993; font-family: 'Montserrat', 'sans-serif'; } /** * Edit address tab */ .woocommerce-MyAccount-content p .button { padding: 20px 30px 36px !important; background: #253993; } .woocommerce-MyAccount-content p .button:hover { opacity: 0.8; } .woocommerce-MyAccount-content abbr[title] { border-bottom: none !important; } /** * Account details tab */ .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button { padding: 20px 30px 36px !important; } .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset { border: 0 !important; padding: 0 !important; margin: 0 !important; } .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend { font-size: 20px; padding: 20px 0; font-family: 'Montserrat', 'sans-serif'; font-weight: 400; color: #0c0c0c; letter-spacing: -0.5px; } /** * Shop Media Queries */ @media screen and (max-width: 500px) { .woocommerce-ordering { width: 100%; margin-bottom: 30px !important; } body.woocommerce-page.archive ul.products li.product { width: 100% !important; } } @media screen and (min-width: 500px) and (max-width: 780px) { body.woocommerce-page.archive ul.products li.product { width: 45% !important; } } /** * Product Page Media Queries */ @media screen and (max-width: 780px) { .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 100%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li { width: 100%; } .woocommerce #reviews #comments ol.commentlist li .comment-text { width: 100%; margin: 0 !important; } .woocommerce #reviews #comments ol.commentlist { padding: 0 !important; } .woocommerce div.product .woocommerce-tabs .panel { padding: 50px 20px !important; } .woocommerce #reviews #comments ol.commentlist li img.avatar { top: -80px !important; left: 0 !important; } .woocommerce #reviews #comments h2 { display: inline-block; } .woocommerce #reviews #comments ol.commentlist li { margin: 70px 0 !important; display: inline-block; width: 100%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; } .woocommerce .quantity .qty { width: 100% !important; margin-bottom: 20px; } .woocommerce div.product form.cart div.quantity { float: none !important; } } .woocommerce table.cart td.actions button.button { padding: 24px 30px 23px 30px !important; } /** * Cart Page */ @media screen and (max-width: 780px) { .woocommerce a.remove { display: inline-block; margin-bottom: 10px !important; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background: #fff !important; } .woocommerce .quantity .qty { float: right !important; } .cart_item { border-top: 2px solid #ddd; padding-top: 30px; } .product-price, .product-quantity, .product-subtotal { padding: 20px 10px !important; } .product-quantity { display: none !important; } .woocommerce-cart .product-name a { bottom: inherit !important; } .woocommerce-cart table.cart img { display: none; } .woocommerce td.product-name dl.variation dt { padding-left: 0 !important; } #coupon_code { width: 100% !important; margin-bottom: 10px !important; } .coupon .button { width: 100% !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { padding: 50px 20px !important; } } /** * Checkout Page */ @media screen and (max-width: 780px) { .woocommerce form .form-row { width: 100% !important; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { width: 100% !important; } .shop_table.woocommerce-checkout-review-order-table { width: 100% !important; } .product-quantity { padding: 0 !important; } body.woocommerce-checkout .product-quantity { float: right !important; } .woocommerce table.shop_table thead .product-name, .woocommerce table.shop_table thead .product-total { font-family: 'Montserrat', 'sans-serif'; color: #222; } .woocommerce-checkout-payment { width: 100% !important; } } /** * My Account */ @media screen and (max-width: 780px) { .woocommerce-MyAccount-navigation ul li, .woocommerce-MyAccount-content .woocommerce-Message .woocommerce-Button { width: 100% !important; } } /*------------------------------------------------------------------- WooCommerce Default Widgets Styling --------------------------------------------------------------------*/ /* global */ .widget.woocommerce { margin-bottom: 25px; } .widget.woocommerce .widget-title { padding: 0; color: #fff; margin-bottom: 30px; } /** * WooCommerce Widget - Product Ratings */ .widget_rating_filter { background: #253993; padding: 30px; } .widget_rating_filter a { color: rgba(255,255,255,0.8); } .widget_rating_filter a:hover { color: #fff; } .widget_price_filter .price_slider_amount .button { font-size: 13px !important; } /** * WooCommerce Widget - Product Ratings */ .widget_shopping_cart { background: #253993; padding: 30px; } .widget_shopping_cart a { color: rgba(255,255,255,0.8); } .widget_shopping_cart .quantity { font-size: 12px; } .widget_shopping_cart .woocommerce-Price-amount.amount { color: #fff; font-size: 12px; } .widget_shopping_cart .total { border-top: 0 !important; text-align: center; padding: 20px 0 15px !important; color: #fff; } .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-bottom: 15px; } .widget_shopping_cart .buttons a { width: 100%; text-align: center; } .widget_shopping_cart .buttons a.checkout { margin-top: 10px; background: #253993; } .widget_shopping_cart .buttons a.checkout:hover { opacity: 0.8; } .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { color: rgba(255,255,255,0.8); } /** * WooCommerce Widget - Layered Nav */ .widget_layered_nav { background: #253993; padding: 30px; } .widget_layered_nav a { color: rgba(255,255,255,0.8); } /** * WooCommerce Widget - Layered Nav */ .widget_price_filter { background: #253993; padding: 30px; } .widget_price_filter .ui-slider .ui-slider-range { background: rgba(255,255,255,0.7) !important; height: 3px !important; position: relative !important; top: 2px !important; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: transparent !important; padding-bottom: 20px; } .widget_price_filter .ui-slider .ui-slider-handle { background: #fff !important; } .widget_price_filter .price_label { color: rgba(255,255,255,0.8); padding-top: 10px; } /** * WooCommerce Widget - Product Categories */ .widget_product_categories { background: #253993; padding: 30px; } .widget_product_categories ul { padding: 0 2px; } .widget_product_categories ul li { padding: 5px 0; list-style: none; } .widget_product_categories ul li a { color: #fff; } .widget_product_categories ul.children { padding-top: 5px; } .widget_product_categories ul.children li { padding: 5px 10px; } .widget_product_categories ul.children li::before { content: "- "; color: rgba(255,255,255,0.8); } .widget_product_categories ul.children li a { color: rgba(255,255,255,0.8); font-size: 12px; } /** * WooCommerce Widget - Widget Products */ .widget_products { background: #253993; padding: 30px; } .widget_products .woocommerce-Price-amount.amount { color: rgba(255,255,255,0.8); font-size: 12px; } .widget_products .product-title { color: #fff; } /** * WooCommerce Widget - Product Search */ .widget_product_search { background: #253993; padding: 30px; } .widget_product_search input { height: auto; } .widget_product_search .woocommerce-product-search { padding-right: 40px; position: relative; overflow: hidden; } .widget_product_search button[type="submit"] { position: absolute; border: 0; outline: 0; top: 0; right: 0; padding: 16px 8px 15px; font-size: 10px; color: #fff; background: #00aeef; } .widget_product_search input[type="text"] { padding: 15px 0 15px 25px; width: 100%; } /** * WooCommerce Widget - Tags */ .widget_product_tag_cloud { background: #253993; padding: 30px; } /** * WooCommerce Widget - Recently Viewed */ .widget_recently_viewed_products { background: #253993; padding: 30px; } .widget_recently_viewed_products .product-title { font-size: 13px; } .widget_recently_viewed_products .woocommerce-Price-amount.amount { font-size: 12px; color: rgba(255,255,255,0.8); } .widget_recently_viewed_products .product_list_widget li { padding-bottom: 10px !important; } /** * WooCommerce Widget - Recent Reviews */ .widget_recent_reviews { background: #253993; padding: 30px; } .widget_recent_reviews .reviewer { color: rgba(255,255,255,0.8); font-size: 12px; padding-left: 2px; } .widget_recent_reviews .star-rating { margin: 7px 0 5px 0; } .widget_recent_reviews ul.product_list_widget li { padding-bottom: 10px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { color: #fff; } /** * WooCommerce Widget - Top rated products */ .widget_top_rated_products { background: #253993; padding: 30px; } .widget_top_rated_products .product-title { color: #fff; } .widget_top_rated_products .woocommerce-Price-amount.amount { color: rgba(255,255,255,0.8); font-size: 12px; } .widget_top_rated_products ul.product_list_widget li { padding-bottom: 10px; } /* ---- */ .footer-widget-3 { text-align: center; } /* -------*/