/* Theme Name: Bizplan Theme URI: http://keonthemes.com/theme/bizplan/ Author: Keon Themes Author URI: http://keonthemes.com Description: Bizplan is an enticing and visually stimulating, tender and polished, professional and responsive WordPress creative multipurpose theme based on Bootstrap framework. Bizplan is modern theme fit for creative individuals, agency, blog, business, company, corporate, and professional portfolio. The design is very elegant and modern, and also very easy to customize. Build your own website with our awesome Bizplan! Version: 0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bizplan Tags: Blog, E-Commerce, News, Portfolio, Grid-Layout, One-Column, Right-Sidebar, BuddyPress, Custom-Background, Custom-Colors, Custom-Logo, Custom-Menu, Featured-Images, Footer-Widgets, Full-Width-Template, Post-Formats, RTL-Language-Support, Sticky-Post, Theme-Options, Threaded-Comments, Translation-Ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- TABLE OF CONTENTS --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize 2.0 Elements 3.0 Modules 4.0 Widgets 5.0 Partials 6.0 Pages --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } 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; } /*-------------------------------------------------------------- 2.0 Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #fff; overflow-x: hidden; } hr { background-color: #d9d9d9; border: 0; height: 1px; margin-bottom: 1.5em; } img { height: auto; max-width: 100%; vertical-align: top; } figure { margin: 0; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: black !important; background-image: none; color: black; } ::-webkit-selection { background: #0fd4bb; color: #fff; } ::-moz-selection { background: #0fd4bb; color: #fff; } ::-ms-selection { background: #0fd4bb; color: #fff; } ::-o-selection { background: #0fd4bb; color: #fff; } ::selection { background: #0fd4bb; color: #fff; } .site { background-color: #fff; } body.home .site { background-color: inherit; } .logged-in.admin-bar .ab-top-menu a, .logged-in.admin-bar .ab-top-menu a > p { color: inherit !important; } .pad0lr { padding-left: 0; padding-right: 0; } .ovrhidden { overflow: hidden; } .post-thumb a, .block-testimonial .controls { bottom: 0; height: 100%; margin: auto; left: 0; position: absolute; right: 0; text-align: center; top: 0; width: 100%; z-index: 9; } .wrapper { float: left; width: 100%; } .mar0lr { margin-left: 0; margin-right: 0; } .pad0lr { padding-left: 0 !important; padding-right: 0 !important; } .ovrhidden { overflow: hidden; } .wrapper { float: left; width: 100%; } ul, ol { margin: 0 0 1.5em 0.875em; line-height: 2; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } table { margin: 0 0 1.5em; border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; width: 100%; } th, td { border-bottom: 1px solid #d9d9d9; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; font-size: 14px; } th, td { padding: 7px 15px; } dl { margin-bottom: 1.6em; } dt { font-weight: bold; } dd { margin-bottom: 1.6em; margin-left: 0; } dd a { text-decoration: underline; } .socialgroup ul { list-style: none; margin-bottom: 0; padding-left: 0; } .socialgroup li { display: inline-block; margin-bottom: 10px; } .socialgroup a { font-family: "kf-icons"; font-size: 0px; font-weight: 400; width: 16px; height: 16px; line-height: 16px; text-align: center; color: #000; text-decoration: inherit; display: inline-block; margin-left: 5px; margin-right: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .socialgroup a:before { font-family: "kf-icons"; font-size: 15px; } .socialgroup a[href*="facebook.com"]:before { content: "\f09a"; } .socialgroup a[href*="instagram.com"]:before { content: "\f16d"; } .socialgroup a[href*="pinterest.com"]:before { content: "\f231"; } .socialgroup a[href*="twitter.com"]:before { content: "\f099"; } .socialgroup a[href*="wordpress.com"]:before, .socialgroup a[href*="wordpress.org"]:before { content: "\f19a"; } .socialgroup a[href*="youtube.com"]:before { content: "\f167"; } .socialgroup:hover:before { color: #000; background-color: #fff; } .container, .container-full { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media screen and (min-width: 1200px) { .container { max-width: 1200px; width: 100%; } } @media screen and (max-width: 1199px) { .container { width: 100%; } } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, body.grid-col-1 .masonry-grid, body.grid-col-2 .masonry-grid, body.grid-col-3 .masonry-grid, body.grid-col-4 .masonry-grid, body.archive .masonry-grid { float: left; padding-left: 15px; padding-right: 15px; } .col-xs-1 { width: 8.33333%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-12, body.grid-col-1 .masonry-grid, body.grid-col-2 .masonry-grid, body.grid-col-3 .masonry-grid, body.grid-col-4 .masonry-grid, body.archive .masonry-grid { width: 100%; } .col-xs-offset-12 { margin-left: 100%; } @media screen and (min-width: 768px) { .col-sm-1 { float: left; padding-left: 15px; padding-right: 15px; width: 8.33333%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-2 { float: left; padding-left: 15px; padding-right: 15px; width: 16.66667%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-3 { float: left; padding-left: 15px; padding-right: 15px; width: 25%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-4 { float: left; padding-left: 15px; padding-right: 15px; width: 33.33333%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-5 { float: left; padding-left: 15px; padding-right: 15px; width: 41.66667%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-6, body.grid-col-1 .masonry-grid, body.grid-col-2 .masonry-grid, body.grid-col-3 .masonry-grid, body.grid-col-4 .masonry-grid { float: left; padding-left: 15px; padding-right: 15px; width: 50%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-7 { float: left; padding-left: 15px; padding-right: 15px; width: 58.33333%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-8 { float: left; padding-left: 15px; padding-right: 15px; width: 66.66667%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-9 { float: left; padding-left: 15px; padding-right: 15px; width: 75%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-10 { float: left; padding-left: 15px; padding-right: 15px; width: 83.33333%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-11 { float: left; padding-left: 15px; padding-right: 15px; width: 91.66667%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-12, body.archive .masonry-grid { float: left; padding-left: 15px; padding-right: 15px; width: 100%; } .col-sm-offset-12 { margin-left: 100%; } } @media screen and (min-width: 992px) { .col-md-1 { float: left; padding-left: 15px; padding-right: 15px; width: 8.33333%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-2 { float: left; padding-left: 15px; padding-right: 15px; width: 16.66667%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-3, body.grid-col-4 .masonry-grid { float: left; padding-left: 15px; padding-right: 15px; width: 25%; } .col-md-offset-3 { margin-left: 25%; } .col-md-4, body.grid-col-3 .masonry-grid { float: left; padding-left: 15px; padding-right: 15px; width: 33.33333%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-5 { float: left; padding-left: 15px; padding-right: 15px; width: 41.66667%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-6, body.grid-col-2 .masonry-grid, body.archive .masonry-grid { float: left; padding-left: 15px; padding-right: 15px; width: 50%; } .col-md-offset-6 { margin-left: 50%; } .col-md-7 { float: left; padding-left: 15px; padding-right: 15px; width: 58.33333%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-8 { float: left; padding-left: 15px; padding-right: 15px; width: 66.66667%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-9 { float: left; padding-left: 15px; padding-right: 15px; width: 75%; } .col-md-offset-9 { margin-left: 75%; } .col-md-10 { float: left; padding-left: 15px; padding-right: 15px; width: 83.33333%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-11 { float: left; padding-left: 15px; padding-right: 15px; width: 91.66667%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-12, body.grid-col-1 .masonry-grid { float: left; padding-left: 15px; padding-right: 15px; width: 100%; } .col-md-offset-12 { margin-left: 100%; } } @media screen and (min-width: 1200px) { .col-lg-1 { float: left; padding-left: 15px; padding-right: 15px; width: 8.33333%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-2 { float: left; padding-left: 15px; padding-right: 15px; width: 16.66667%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-3 { float: left; padding-left: 15px; padding-right: 15px; width: 25%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-4 { float: left; padding-left: 15px; padding-right: 15px; width: 33.33333%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-5 { float: left; padding-left: 15px; padding-right: 15px; width: 41.66667%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-6 { float: left; padding-left: 15px; padding-right: 15px; width: 50%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-7 { float: left; padding-left: 15px; padding-right: 15px; width: 58.33333%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-8 { float: left; padding-left: 15px; padding-right: 15px; width: 66.66667%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-9 { float: left; padding-left: 15px; padding-right: 15px; width: 75%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-10 { float: left; padding-left: 15px; padding-right: 15px; width: 83.33333%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-11 { float: left; padding-left: 15px; padding-right: 15px; width: 91.66667%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-12 { float: left; padding-left: 15px; padding-right: 15px; width: 100%; } .col-lg-offset-12 { margin-left: 100%; } } /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* 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: #e6e6e6; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #1a1a1a; 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. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-footer:before, .site-footer:after { content: " "; display: table; } .clearfix:after, .entry-content:after, .comment-content:after, .site-header:after, .site-footer:after { clear: both; } a { color: #034f98; text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } a:hover, a:focus, a:active { color: #00C0FF; } a:focus, a:hover, a:active, a:visited { outline: none; text-decoration: none; } form { position: relative; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .wpcf7-form-control, .form-control { background-color: #fcfcfc; border: 1px solid #d9d9d9; color: #4d4d4d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: "Open sans", sans-serif; font-weight: 400; outline: 0; width: 100%; margin-bottom: 15px; -webkit-transition: background-color, 0.5s; -moz-transition: background-color, 0.5s; -ms-transition: background-color, 0.5s; -o-transition: background-color, 0.5s; transition: background-color, 0.5s; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, .wpcf7-form-control:focus, .form-control:focus { background-color: #f7f7f7; color: #666666; -webkit-appearance: none; } .form-control { height: 44px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 8px 5px 8px 15px; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; background-color: transparent; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; } fieldset { border: 1px solid #d9d9d9; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } optgroup { font-weight: bold; } select { border: 1px solid #d9d9d9; } select:focus { outline: none; } textarea { min-height: 200px; padding: 15px; overflow: auto; width: 100%; } input[type="button"], input[type="reset"], input[type="submit"], input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, .button, .button-light, .comments-area .comment-list .reply a, .button-outline, .button-outline:hover, .button-outline:focus, .button-outline:active { background-color: #080808; border: 1px solid #080808; color: #e6e6e6; cursor: pointer; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 600; outline: none; line-height: 1; letter-spacing: 1px; padding: 15px 50px; position: relative; -webkit-transition: color 0.3s, background-color 0.3s; -moz-transition: color 0.3s, background-color 0.3s; -ms-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; text-transform: uppercase; text-decoration: none; vertical-align: middle; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .button-light:hover, .comments-area .comment-list .reply a:hover, .button-outline:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus, .button-light:focus, .comments-area .comment-list .reply a:focus, .button-outline:focus, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active, .button-light:active, .comments-area .comment-list .reply a:active, .button-outline:active { background-color: #333333; border-color: #333333; color: #fff; } input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #080808; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } input[type="submit"] { border-color: #080808; padding: 13px 15px; } input[type="submit"]:before { display: none; } .button-light, .comments-area .comment-list .reply a { background-color: #e6e6e6; border-color: #e6e6e6; color: #080808; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s; -ms-transition: color 0.3s, background-color 0.3s, border-color 0.3s; -o-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; } .button-light:hover, .comments-area .comment-list .reply a:hover, .button-light:focus, .comments-area .comment-list .reply a:focus, .button-light:active, .comments-area .comment-list .reply a:active { background-color: #666666; border-color: #666666; color: #e6e6e6; } .button-outline { background-color: transparent; border: 1px solid #1a1a1a; color: #333333; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s; -ms-transition: color 0.3s, background-color 0.3s, border-color 0.3s; -o-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; } .button-text { color: #4d4d4d; display: inline-block; position: relative; } .button-text:before { content: "\24"; display: inline-block; color: #333333; margin-left: 10px; vertical-align: top; font-size: 22px; -webkit-transition: margin-left 0.2s linear; -moz-transition: margin-left 0.2s linear; -ms-transition: margin-left 0.2s linear; -o-transition: margin-left 0.2s linear; transition: margin-left 0.2s linear; font-family: "kf-icons"; float: right; line-height: 1; } .button-text:hover, .button-text:focus, .button-text:active { color: #000; } .button-text:hover:before, .button-text:focus:before, .button-text:active:before { margin-left: 25px; color: #00C0FF; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .page-header .page-title, .wrap-inner-banner .page-header .page-title { font-family: "Montserrat", sans-serif; color: #1a1a1a; font-weight: 600; text-decoration: none; letter-spacing: 1px; } h1, h2, h3, h4, h5, h6 { margin-top: 8px; margin-bottom: 10px; line-height: 1.5; } body.single .post-text h1, body.single .post-text h2, body.single .post-text h3, body.single .post-text h4, body.single .post-text h5, body.single .post-text h6 { text-transform: uppercase; letter-spacing: 2px; margin-top: 48px; margin-bottom: 50px; } h1 a:hover, h1 a:focus, h1 a:active, h2 a:hover, h2 a:focus, h2 a:active, h3 a:hover, h3 a:focus, h3 a:active, h4 a:hover, h4 a:focus, h4 a:active, h5 a:hover, h5 a:focus, h5 a:active, h6 a:hover, h6 a:focus, h6 a:active { color: #00C0FF; } h1, .site-title a, .site-header .site-branding .site-title a a { font-size: 28px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } @media screen and (max-width: 767px) { h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 15px; } h6 { font-size: 14px; } } .block-title { text-align: center; } .site-title, .site-header .site-branding .site-title a { margin-bottom: 2px; line-height: 1; font-size: 24px; letter-spacing: 4px; font-weight: 600; } .section-title-group { text-align: center; margin-bottom: 100px; } @media screen and (max-width: 1199px) { .section-title-group { margin-bottom: 50px; } } .section-title { font-size: 24px; font-weight: 500; letter-spacing: 4px; text-align: center; text-transform: uppercase; } .maintitle-divider { height: 2px; width: 40px; margin-bottom: 40px; margin-top: 15px; display: block; margin-left: auto; margin-right: auto; background-color: #bfbfbf; } .sub-title { color: #595959; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; } .box-title { color: #1a1a1a; font-size: 20px; } html, body, button, input, select, textarea { color: #666666; font-family: "Open sans", sans-serif; font-size: 14px; line-height: 1.8; -webkit-font-smoothing: antialiased; word-wrap: break-word; } body.single article.hentry, body.page:not(.home) article.hentry { font-size: 17px; } @media screen and (max-width: 767px) { body { font-size: 14px; } } p { margin: 0 0 15px; word-wrap: break-word; } dfn, cite, em, i { font-style: italic; color: #000; } blockquote, pre { background-color: #fafafa; border-width: 0 0 0 3px; border-color: #d9d9d9; border-style: solid; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #1a1a1a; font-family: "Open sans", sans-serif; font-style: italic; margin: 0 0 15px 0; padding: 25px 22px; font-size: 18px; } blockquote p, pre p { margin-bottom: 0; } blockquote dfn, blockquote cite, blockquote em, blockquote i, pre dfn, pre cite, pre em, pre i { color: #262626; } blockquote:before { color: #333333; content: "\7c"; font-family: "kf-icons"; font-size: 32px; float: left; margin-right: 20px; line-height: 1; font-style: normal; } blockquote cite { color: #333333; display: block; font-style: normal; font-weight: 700; font-size: 16px; } pre { font-size: 16px; font-style: normal; } q { font-style: italic; } q:before, q:after { color: #0fd4bb; content: "\f10d"; font-family: "kf-icons"; font-size: 12px; vertical-align: middle; margin-right: 10px; } q:after { content: "\7b"; margin-left: 10px; margin-right: 0; } address { margin: 0 0 1.5em; } code, kbd, tt, var { font-family: "Open sans", sans-serif; font-size: 15px; } kbd, tt, var { border-bottom: 1px solid #0fd4bb; } abbr, acronym { border-bottom: 1px dotted #4d4d4d; cursor: help; color: #000; } mark, ins { background: #0fd4bb; text-decoration: none; padding-left: 5px; padding-right: 5px; color: #fff; } big { font-size: 125%; color: #000; } del { color: #0fd4bb; } b, strong { font-weight: 700; } b strong, strong strong { font-weight: 900; } .comment-navigation, .posts-navigation, .post-navigation { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } @media screen and (max-width: 767px) { .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { width: 100%; } } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } @media screen and (max-width: 767px) { .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: left; width: 100%; } } .page-numbers { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; color: #1a1a1a; display: inline-block; margin: 0 5px 5px 0; padding: 10px 18px; -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s; -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .page-numbers.current { background-color: #0fd4bb; border: 1px solid #0fd4bb; color: #fff; } .page-numbers:hover, .page-numbers:focus, .page-numbers:active { background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; } .page-numbers:hover.current, .page-numbers:focus.current, .page-numbers:active.current { background-color: #0fd4bb; border: 1px solid #0fd4bb; } .page-numbers.dots:hover, .page-numbers.dots:focus, .page-numbers.dots:active { background-color: #fff; border: 1px solid #e6e6e6; color: #333333; } /*-------------------------------------------------------------- 3.0 Modules --------------------------------------------------------------*/ body:not(.single, .page) .sharedaddy { display: none; } body.home.page .sharedaddy, body.home.blog .sharedaddy, body.search .sharedaddy, body.archive .sharedaddy, body.tag .sharedaddy, body.category .sharedaddy, .related-post .sharedaddy, .sb-about-widget .sharedaddy, .block-service .icon-section .sharedaddy, .wrap-testimonial .sharedaddy, .block-faq .page-list-outer .sharedaddy, .contact-detail .sharedaddy { display: none; } .infinite-scroll .pagination { display: none; } .infinite-scroll #infinite-handle { margin-bottom: 10px; text-align: center; } .infinite-scroll #infinite-handle span { background-color: #000; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; color: #fff; display: inline-block; padding: 13px 36px 14px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .infinite-scroll #infinite-handle span:after { content: "\21"; display: inline-block; font-family: "kf-icons"; margin-left: 7px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .infinite-scroll #infinite-handle span button { text-transform: uppercase; } .infinite-scroll #infinite-handle span:hover, .infinite-scroll #infinite-handle span:focus, .infinite-scroll #infinite-handle span:active { background-color: #1a1a1a; color: #fff; } .infinite-scroll span.infinite-loader .spinner { left: 0; right: 0; margin: auto; } body.bbpress { background-color: #fff; font-size: 14px; } body.bbpress article.hentry .post-text a { box-shadow: none !important; color: inherit !important; } body.bbpress article.hentry .post-text a:hover, body.bbpress article.hentry .post-text a:focus, body.bbpress article.hentry .post-text a:active { color: #000 !important; } body.bbpress .bbp-submit-wrapper .button { margin-bottom: 15px; } body.bbpress .bbp-submit-wrapper .button:hover, body.bbpress .bbp-submit-wrapper .button:focus, body.bbpress .bbp-submit-wrapper .button:active { background-color: #000; } body.bbpress .bbp-forum-title { font-size: 18px; font-weight: 700; text-transform: uppercase; } body.bbpress #bbpress-forums li.bbp-body ul.forum, body.bbpress #bbpress-forums li.bbp-body ul.topic { padding-left: 15px; padding-right: 15px; } body.bbpress #bbpress-forums ul.bbp-lead-topic, body.bbpress #bbpress-forums ul.bbp-topics, body.bbpress #bbpress-forums ul.bbp-forums, body.bbpress #bbpress-forums ul.bbp-replies { font-size: 15px; font-weight: 700; } body.bbpress #bbpress-forums ul.bbp-replies { font-weight: 400; } body.bbpress #bbpress-forums ul.bbp-search-results, body.bbpress #bbpress-forums .bbp-forum-info .bbp-forum-content, body.bbpress #bbpress-forums p.bbp-topic-meta { font-size: 13px; line-height: 1.5; font-weight: 400; } body.bbpress .bbp-reply-author br { display: none; } .widget .bbp-logged-in fieldset, .widget .bbp-login-form fieldset { border: 0; margin: 0; padding: 0; } .widget .bbp-logged-in .button, .widget .bbp-login-form .button { margin-top: 15px; padding: 8px 15px 9px; } .widget .bbp-logged-in { padding-top: 50px; } .widget .bbp-login-links a { border-bottom: 1px solid #262626; display: inline-block; font-size: 14px; padding-bottom: 5px; padding-top: 5px; } .widget .bbp-login-links a:hover, .widget .bbp-login-links a:focus, .widget .bbp-login-links a:active { border-color: #000; } .widget #bbp-search-form { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; margin-bottom: 0; padding-bottom: 30px; padding-top: 50px; } .bbp-login-form { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; border-top-color: #d5d5d5; border-top-width: 2px; padding-bottom: 30px; padding-top: 30px; } @media screen and (min-width: 768px) { .bbp-login-form { padding: 30px 150px; } } @media screen and (min-width: 992px) { .bbp-login-form { padding: 50px 250px; } } .bbp-login-form fieldset { border: none; padding: 0; } .bbp-login-form label, .bbp-login-form .search-form .search-button, .search-form .bbp-login-form .search-button { width: auto; } .bbp-login-form label.hide, .bbp-login-form .search-form .hide.search-button, .search-form .bbp-login-form .hide.search-button { display: block !important; } .bbp-login-form input[type="text"], .bbp-login-form input[type="password"] { padding: 10px 15px 11px; } .login-links-area a { margin-right: 10px; } span#subscription-toggle { float: right; color: #000; } .woocommerce .woocommerce-products { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; } .woocommerce .woocommerce-ordering select { height: 36px; padding-left: 10px; } .woocommerce a.added_to_cart { border-bottom: 1px solid #333333; font-size: 13px; } .woocommerce .mini_cart_item a.remove { background-color: transparent; color: #999999 !important; } .woocommerce ul.products { padding-top: 20px; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins { color: #1a1a1a; display: inline-block; } .woocommerce ul.products li.product .price ins { margin-left: 5px; } .woocommerce ul.products a.button { color: #fff; background-color: #000; font-size: 13px; padding: 11px 15px 12px; } .woocommerce ul.products a.button:hover, .woocommerce ul.products a.button:focus, .woocommerce ul.products a.button:active { color: #fff; background-color: #000; } .woocommerce nav.woocommerce-pagination { margin-bottom: 15px; } .woocommerce nav.woocommerce-pagination ul { display: block; border: none; margin-left: auto; margin-right: auto; width: 100%; } .woocommerce nav.woocommerce-pagination ul li { float: none; } .woocommerce #respond input#submit, .woocommerce input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { background-color: #000; color: #fff; font-size: 13px; line-height: 1.2; padding: 10px 16px 11px; } .woocommerce #respond input#submit:before, .woocommerce input#submit:before, .woocommerce a.button:before, .woocommerce button.button:before, .woocommerce input.button:before, .woocommerce .cart .button:before, .woocommerce .cart input.button:before, .woocommerce button.button.alt:before, .woocommerce a.button.alt:before, .woocommerce input.button.alt:before { display: none; } .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:active, .woocommerce input#submit:hover, .woocommerce input#submit:focus, .woocommerce input#submit:active, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:active, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button:active, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button:active, .woocommerce .cart .button:hover, .woocommerce .cart .button:focus, .woocommerce .cart .button:active, .woocommerce .cart input.button:hover, .woocommerce .cart input.button:focus, .woocommerce .cart input.button:active, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce button.button.alt:active, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce a.button.alt:active, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button.alt:active { background-color: #000; color: #fff; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #000; color: #fff; } @media screen and (max-width: 767px) { .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 12px; padding: 13px 20px 14px; } } .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:active, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:active, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button:active, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button:active { background-color: #000; color: #fff; } .woocommerce table.cart td.actions .input-text, #content .woocommerce table.cart td.actions .input-text { font-size: 14px; max-height: 36px; width: 160px; } .woocommerce table.cart td.actions .input-text#coupon_code { width: 120px; } .woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="url"], .woocommerce input[type="password"], .woocommerce input[type="search"], .woocommerce input[type="tel"] { height: 42px; } @media screen and (max-width: 767px) { .woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="url"], .woocommerce input[type="password"], .woocommerce input[type="search"], .woocommerce input[type="tel"] { width: 100%; } } .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: #333333; padding: 10px 16px 11px; } .woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:focus, .woocommerce #review_form #respond .form-submit input:active { color: #333333; } .woocommerce .wc-proceed-to-checkout a .checkout-button { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; color: #fff; display: inline-block; font-size: 14px; font-weight: 300; line-height: 1; padding: 11px 15px 12px; text-transform: uppercase; vertical-align: middle; } .woocommerce .quantity .qty { border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; height: 37px; text-align: center; width: 3.631em; } .woocommerce div.product form.cart .button { float: left; height: 37px; vertical-align: middle; } .woocommerce .woocommerce-EditAccountForm input.button { margin-top: 15px; } article.hentry .post-text .woocommerce a { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #1a1a1a; } article.hentry .post-text .woocommerce a:hover, article.hentry .post-text .woocommerce a:focus, article.hentry .post-text .woocommerce a:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } article.hentry .post-text .woocommerce a.button { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #fff; } article.hentry .post-text .woocommerce a.button:hover, article.hentry .post-text .woocommerce a.button:focus, article.hentry .post-text .woocommerce a.button:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #fff; } article.hentry .post-text .woocommerce a.checkout-button { width: 180px; padding-top: 12px; padding-bottom: 12px; } article.hentry .post-text .woocommerce a.showcoupon { font-size: 15px; border-bottom: 1px solid #333333; } article.hentry .post-text .woocommerce a:hover, article.hentry .post-text .woocommerce a:focus, article.hentry .post-text .woocommerce a:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .site:before, .site:after { content: " "; display: table; } .site:after { clear: both; } .page-header { background-color: #56f3df; border: 1px solid #fff; margin: 30px 0; padding: 25px 20px; } .page-header .page-title { font-size: 32px; text-transform: uppercase; } .nav-links .nav-previous a:before, .nav-links .nav-next a:before { color: #b3b3b3; font-weight: 400; text-transform: capitalize; } article.hentry.sticky .post-content-inner-wrap, article.hentry.format-aside .post-content-inner-wrap, article.hentry.format-image .post-content-inner-wrap, article.hentry.format-video .post-content-inner-wrap, article.hentry.format-quote .post-content-inner-wrap, article.hentry.format-link .post-content-inner-wrap, article.hentry.format-gallery .post-content-inner-wrap, article.hentry.format-status .post-content-inner-wrap, article.hentry.format-audio .post-content-inner-wrap, article.hentry.format-chat .post-content-inner-wrap { display: block; position: relative; } article.hentry.sticky .post-content-inner-wrap:before, article.hentry.format-aside .post-content-inner-wrap:before, article.hentry.format-image .post-content-inner-wrap:before, article.hentry.format-video .post-content-inner-wrap:before, article.hentry.format-quote .post-content-inner-wrap:before, article.hentry.format-link .post-content-inner-wrap:before, article.hentry.format-gallery .post-content-inner-wrap:before, article.hentry.format-status .post-content-inner-wrap:before, article.hentry.format-audio .post-content-inner-wrap:before, article.hentry.format-chat .post-content-inner-wrap:before { background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1px solid #000; color: #262626; display: inline-block; font-size: 16px; font-family: "kf-icons"; height: 40px; line-height: 39px; right: 0; position: absolute; text-align: center; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; top: 0; width: 40px; } @media screen and (max-width: 991px) { article.hentry.sticky .post-content-inner-wrap:before, article.hentry.format-aside .post-content-inner-wrap:before, article.hentry.format-image .post-content-inner-wrap:before, article.hentry.format-video .post-content-inner-wrap:before, article.hentry.format-quote .post-content-inner-wrap:before, article.hentry.format-link .post-content-inner-wrap:before, article.hentry.format-gallery .post-content-inner-wrap:before, article.hentry.format-status .post-content-inner-wrap:before, article.hentry.format-audio .post-content-inner-wrap:before, article.hentry.format-chat .post-content-inner-wrap:before { font-size: 13px; height: 34px; line-height: 33px; width: 34px; } } article.hentry.sticky .post-content-inner-wrap:hover:before, article.hentry.format-aside .post-content-inner-wrap:hover:before, article.hentry.format-image .post-content-inner-wrap:hover:before, article.hentry.format-video .post-content-inner-wrap:hover:before, article.hentry.format-quote .post-content-inner-wrap:hover:before, article.hentry.format-link .post-content-inner-wrap:hover:before, article.hentry.format-gallery .post-content-inner-wrap:hover:before, article.hentry.format-status .post-content-inner-wrap:hover:before, article.hentry.format-audio .post-content-inner-wrap:hover:before, article.hentry.format-chat .post-content-inner-wrap:hover:before, article.hentry.sticky .post-content-inner-wrap:focus:before, article.hentry.format-aside .post-content-inner-wrap:focus:before, article.hentry.format-image .post-content-inner-wrap:focus:before, article.hentry.format-video .post-content-inner-wrap:focus:before, article.hentry.format-quote .post-content-inner-wrap:focus:before, article.hentry.format-link .post-content-inner-wrap:focus:before, article.hentry.format-gallery .post-content-inner-wrap:focus:before, article.hentry.format-status .post-content-inner-wrap:focus:before, article.hentry.format-audio .post-content-inner-wrap:focus:before, article.hentry.format-chat .post-content-inner-wrap:focus:before, article.hentry.sticky .post-content-inner-wrap:active:before, article.hentry.format-aside .post-content-inner-wrap:active:before, article.hentry.format-image .post-content-inner-wrap:active:before, article.hentry.format-video .post-content-inner-wrap:active:before, article.hentry.format-quote .post-content-inner-wrap:active:before, article.hentry.format-link .post-content-inner-wrap:active:before, article.hentry.format-gallery .post-content-inner-wrap:active:before, article.hentry.format-status .post-content-inner-wrap:active:before, article.hentry.format-audio .post-content-inner-wrap:active:before, article.hentry.format-chat .post-content-inner-wrap:active:before { background-color: #f2f2f2; } body.single article.hentry .post-thumb img, .page article.hentry .post-thumb img, #blog-post article.hentry .post-thumb img, .search article.hentry .post-thumb img, .archive article.hentry .post-thumb img, .tag article.hentry .post-thumb img, .category article.hentry .post-thumb img, article.hentry #ak-blog-post .post-thumb img { border: none; } body.single article.hentry .post-text a, .page article.hentry .post-text a, #blog-post article.hentry .post-text a, .search article.hentry .post-text a, .archive article.hentry .post-text a, .tag article.hentry .post-text a, .category article.hentry .post-text a, article.hentry #ak-blog-post .post-text a { -webkit-box-shadow: 0px 2px 0px 0px #fff; -moz-box-shadow: 0px 2px 0px 0px #fff; -ms-box-shadow: 0px 2px 0px 0px #fff; -o-box-shadow: 0px 2px 0px 0px #fff; box-shadow: 0px 2px 0px 0px #fff; color: #034f98; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } body.single article.hentry .post-text a:hover, body.single article.hentry .post-text a:focus, body.single article.hentry .post-text a:active, .page article.hentry .post-text a:hover, .page article.hentry .post-text a:focus, .page article.hentry .post-text a:active, #blog-post article.hentry .post-text a:hover, #blog-post article.hentry .post-text a:focus, #blog-post article.hentry .post-text a:active, .search article.hentry .post-text a:hover, .search article.hentry .post-text a:focus, .search article.hentry .post-text a:active, .archive article.hentry .post-text a:hover, .archive article.hentry .post-text a:focus, .archive article.hentry .post-text a:active, .tag article.hentry .post-text a:hover, .tag article.hentry .post-text a:focus, .tag article.hentry .post-text a:active, .category article.hentry .post-text a:hover, .category article.hentry .post-text a:focus, .category article.hentry .post-text a:active, article.hentry #ak-blog-post .post-text a:hover, article.hentry #ak-blog-post .post-text a:focus, article.hentry #ak-blog-post .post-text a:active { -webkit-box-shadow: 0px 2px 0px 0px #000; -moz-box-shadow: 0px 2px 0px 0px #000; -ms-box-shadow: 0px 2px 0px 0px #000; -o-box-shadow: 0px 2px 0px 0px #000; box-shadow: 0px 2px 0px 0px #000; color: #00C0FF; } body.single article.hentry .post-text a.button, .page article.hentry .post-text a.button, #blog-post article.hentry .post-text a.button, .search article.hentry .post-text a.button, .archive article.hentry .post-text a.button, .tag article.hentry .post-text a.button, .category article.hentry .post-text a.button, article.hentry #ak-blog-post .post-text a.button { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #fff; } body.single article.hentry .post-text a.button:hover, body.single article.hentry .post-text a.button:focus, body.single article.hentry .post-text a.button:active, .page article.hentry .post-text a.button:hover, .page article.hentry .post-text a.button:focus, .page article.hentry .post-text a.button:active, #blog-post article.hentry .post-text a.button:hover, #blog-post article.hentry .post-text a.button:focus, #blog-post article.hentry .post-text a.button:active, .search article.hentry .post-text a.button:hover, .search article.hentry .post-text a.button:focus, .search article.hentry .post-text a.button:active, .archive article.hentry .post-text a.button:hover, .archive article.hentry .post-text a.button:focus, .archive article.hentry .post-text a.button:active, .tag article.hentry .post-text a.button:hover, .tag article.hentry .post-text a.button:focus, .tag article.hentry .post-text a.button:active, .category article.hentry .post-text a.button:hover, .category article.hentry .post-text a.button:focus, .category article.hentry .post-text a.button:active, article.hentry #ak-blog-post .post-text a.button:hover, article.hentry #ak-blog-post .post-text a.button:focus, article.hentry #ak-blog-post .post-text a.button:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } body.single article.hentry .post-text table a, .page article.hentry .post-text table a, #blog-post article.hentry .post-text table a, .search article.hentry .post-text table a, .archive article.hentry .post-text table a, .tag article.hentry .post-text table a, .category article.hentry .post-text table a, article.hentry #ak-blog-post .post-text table a { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #1a1a1a; } body.single article.hentry .post-text dd a, .page article.hentry .post-text dd a, #blog-post article.hentry .post-text dd a, .search article.hentry .post-text dd a, .archive article.hentry .post-text dd a, .tag article.hentry .post-text dd a, .category article.hentry .post-text dd a, article.hentry #ak-blog-post .post-text dd a { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } body.single article.hentry .post-text pre, .page article.hentry .post-text pre, #blog-post article.hentry .post-text pre, .search article.hentry .post-text pre, .archive article.hentry .post-text pre, .tag article.hentry .post-text pre, .category article.hentry .post-text pre, article.hentry #ak-blog-post .post-text pre { color: #0d0d0d; } body.single article.hentry .post-text .page-links, .page article.hentry .post-text .page-links, #blog-post article.hentry .post-text .page-links, .search article.hentry .post-text .page-links, .archive article.hentry .post-text .page-links, .tag article.hentry .post-text .page-links, .category article.hentry .post-text .page-links, article.hentry #ak-blog-post .post-text .page-links { clear: both; margin: 40px 0 15px; } body.single article.hentry .post-text .page-links a, .page article.hentry .post-text .page-links a, #blog-post article.hentry .post-text .page-links a, .search article.hentry .post-text .page-links a, .archive article.hentry .post-text .page-links a, .tag article.hentry .post-text .page-links a, .category article.hentry .post-text .page-links a, article.hentry #ak-blog-post .post-text .page-links a { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; display: inline-block; } body.single article.hentry .post-text .page-links .page-number, .page article.hentry .post-text .page-links .page-number, #blog-post article.hentry .post-text .page-links .page-number, .search article.hentry .post-text .page-links .page-number, .archive article.hentry .post-text .page-links .page-number, .tag article.hentry .post-text .page-links .page-number, .category article.hentry .post-text .page-links .page-number, article.hentry #ak-blog-post .post-text .page-links .page-number { border: 1px solid #e6e6e6; -webkit-box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2); -ms-box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2); -o-box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2); box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.2); color: #333333; display: inline-block; margin: 0 0 5px 5px; padding: 10px 18px; -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s; -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s; -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s; -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s; transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s; } body.single article.hentry .post-text .page-links .page-number:hover, body.single article.hentry .post-text .page-links .page-number:focus, body.single article.hentry .post-text .page-links .page-number:active, .page article.hentry .post-text .page-links .page-number:hover, .page article.hentry .post-text .page-links .page-number:focus, .page article.hentry .post-text .page-links .page-number:active, #blog-post article.hentry .post-text .page-links .page-number:hover, #blog-post article.hentry .post-text .page-links .page-number:focus, #blog-post article.hentry .post-text .page-links .page-number:active, .search article.hentry .post-text .page-links .page-number:hover, .search article.hentry .post-text .page-links .page-number:focus, .search article.hentry .post-text .page-links .page-number:active, .archive article.hentry .post-text .page-links .page-number:hover, .archive article.hentry .post-text .page-links .page-number:focus, .archive article.hentry .post-text .page-links .page-number:active, .tag article.hentry .post-text .page-links .page-number:hover, .tag article.hentry .post-text .page-links .page-number:focus, .tag article.hentry .post-text .page-links .page-number:active, .category article.hentry .post-text .page-links .page-number:hover, .category article.hentry .post-text .page-links .page-number:focus, .category article.hentry .post-text .page-links .page-number:active, article.hentry #ak-blog-post .post-text .page-links .page-number:hover, article.hentry #ak-blog-post .post-text .page-links .page-number:focus, article.hentry #ak-blog-post .post-text .page-links .page-number:active { background-color: #000; border-color: #000; color: #fff; -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); transform: translateY(-10px); } body.single article.hentry .post-text .page-links > .page-number, .page article.hentry .post-text .page-links > .page-number, #blog-post article.hentry .post-text .page-links > .page-number, .search article.hentry .post-text .page-links > .page-number, .archive article.hentry .post-text .page-links > .page-number, .tag article.hentry .post-text .page-links > .page-number, .category article.hentry .post-text .page-links > .page-number, article.hentry #ak-blog-post .post-text .page-links > .page-number { background-color: #0fd4bb; border: 1px solid #0fd4bb; color: #fff; } body.single article.hentry .post-text .page-links > .page-number:hover, body.single article.hentry .post-text .page-links > .page-number:focus, body.single article.hentry .post-text .page-links > .page-number:active, .page article.hentry .post-text .page-links > .page-number:hover, .page article.hentry .post-text .page-links > .page-number:focus, .page article.hentry .post-text .page-links > .page-number:active, #blog-post article.hentry .post-text .page-links > .page-number:hover, #blog-post article.hentry .post-text .page-links > .page-number:focus, #blog-post article.hentry .post-text .page-links > .page-number:active, .search article.hentry .post-text .page-links > .page-number:hover, .search article.hentry .post-text .page-links > .page-number:focus, .search article.hentry .post-text .page-links > .page-number:active, .archive article.hentry .post-text .page-links > .page-number:hover, .archive article.hentry .post-text .page-links > .page-number:focus, .archive article.hentry .post-text .page-links > .page-number:active, .tag article.hentry .post-text .page-links > .page-number:hover, .tag article.hentry .post-text .page-links > .page-number:focus, .tag article.hentry .post-text .page-links > .page-number:active, .category article.hentry .post-text .page-links > .page-number:hover, .category article.hentry .post-text .page-links > .page-number:focus, .category article.hentry .post-text .page-links > .page-number:active, article.hentry #ak-blog-post .post-text .page-links > .page-number:hover, article.hentry #ak-blog-post .post-text .page-links > .page-number:focus, article.hentry #ak-blog-post .post-text .page-links > .page-number:active { background-color: #0fd4bb; border: 1px solid #0fd4bb; } body.single article.hentry figure, .page article.hentry figure, #blog-post article.hentry figure, .search article.hentry figure, .archive article.hentry figure, .tag article.hentry figure, .category article.hentry figure, article.hentry #ak-blog-post figure { text-align: center; } body.single article.hentry { padding: 0; margin-bottom: 60px; } article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-content-inner-wrap { background-color: #fff; position: relative; z-index: 1; } @media screen and (min-width: 992px) { article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-content-inner-wrap { margin-top: -90px; width: 83.33333%; padding-top: 15px; } } article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-content-inner-wrap:before { right: 25px; } @media screen and (min-width: 992px) { article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-content-inner-wrap:before { top: 25px; } } article.hentry.has-post-thumbnail:not(.highlight-post-item) .post-edit-link { margin-right: 80px !important; } body.single article.hentry.sticky .post-content-inner-wrap, body.single article.hentry.format-aside .post-content-inner-wrap, body.single article.hentry.format-image .post-content-inner-wrap, body.single article.hentry.format-video .post-content-inner-wrap, body.single article.hentry.format-quote .post-content-inner-wrap, body.single article.hentry.format-link .post-content-inner-wrap, body.single article.hentry.format-gallery .post-content-inner-wrap, body.single article.hentry.format-status .post-content-inner-wrap, body.single article.hentry.format-audio .post-content-inner-wrap, body.single article.hentry.format-chat .post-content-inner-wrap { padding-left: 30px !important; } body.single article.hentry.sticky .post-content-inner-wrap:before, body.single article.hentry.format-aside .post-content-inner-wrap:before, body.single article.hentry.format-image .post-content-inner-wrap:before, body.single article.hentry.format-video .post-content-inner-wrap:before, body.single article.hentry.format-quote .post-content-inner-wrap:before, body.single article.hentry.format-link .post-content-inner-wrap:before, body.single article.hentry.format-gallery .post-content-inner-wrap:before, body.single article.hentry.format-status .post-content-inner-wrap:before, body.single article.hentry.format-audio .post-content-inner-wrap:before, body.single article.hentry.format-chat .post-content-inner-wrap:before { display: none; } article.hentry.sticky .post-edit-link, article.hentry.format-aside .post-edit-link, article.hentry.format-image .post-edit-link, article.hentry.format-video .post-edit-link, article.hentry.format-quote .post-edit-link, article.hentry.format-link .post-edit-link, article.hentry.format-gallery .post-edit-link, article.hentry.format-status .post-edit-link, article.hentry.format-audio .post-edit-link, article.hentry.format-chat .post-edit-link { margin-right: 60px !important; margin-top: 10px !important; } article.hentry.sticky .post-content-inner-wrap { padding-left: 50px; } article.hentry.sticky .post-content-inner-wrap:after { font-size: 32px; content: "\e01e"; color: #000; display: inline-block; font-family: "kf-icons"; left: 0; position: absolute; text-align: center; top: 0; } article.hentry.format-aside .post-content-inner-wrap:before { content: "\69"; } article.hentry.format-image .post-content-inner-wrap:before { content: "\e005"; } article.hentry.format-video .post-content-inner-wrap:before { content: "\49"; } article.hentry.format-quote .post-content-inner-wrap:before { content: "\7c"; } article.hentry.format-link .post-content-inner-wrap:before { content: "\e02b"; } article.hentry.format-gallery .post-content-inner-wrap:before { content: "\e006"; } article.hentry.format-status .post-content-inner-wrap:before { content: "\76"; } article.hentry.format-audio .post-content-inner-wrap:before { content: "\7a"; } article.hentry.format-chat .post-content-inner-wrap:before { content: "\77"; } article.hentry.post-password-required input[type="submit"] { margin-top: -4px; padding-bottom: 11px; } body.blog article.hentry, body.search article.hentry, body.archive article.hentry { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; } body.blog article.hentry .post-thumb, body.search article.hentry .post-thumb, body.archive article.hentry .post-thumb { padding-top: 15px; } body.blog article.hentry .post-thumb img, body.search article.hentry .post-thumb img, body.archive article.hentry .post-thumb img { border: none; } body.archive article.hentry { padding: 30px 30px 15px; } body.archive article.hentry .post-thumb { padding-top: 0; } body.single article.hentry .post-thumb:before, body.single article.hentry .post-thumb:after, body.page article.hentry .post-thumb:before, body.page article.hentry .post-thumb:after { display: none; } @media screen and (max-width: 991px) { body.single article.hentry, body.page:not(.home) article.hentry { padding-left: 0; padding-right: 0; padding-bottom: 15px; } } @media screen and (max-width: 767px) { body.single article.hentry, body.page:not(.home) article.hentry { padding: 0px; } } body.attachment article.hentry .attachment { margin-bottom: 30px; text-align: center; } .wp-audio-playlist .wp-playlist-item a, .wp-audio-playlist .wp-playlist-item .wp-playlist-caption { color: #000 !important; box-shadow: none !important; } .wp-audio-playlist .wp-playlist-item a:hover, .wp-audio-playlist .wp-playlist-item a:focus, .wp-audio-playlist .wp-playlist-item a:active, .wp-audio-playlist .wp-playlist-item .wp-playlist-caption:hover, .wp-audio-playlist .wp-playlist-item .wp-playlist-caption:focus, .wp-audio-playlist .wp-playlist-item .wp-playlist-caption:active { color: #00C0FF !important; } .wp-audio-playlist .mejs-horizontal-volume-slider { box-shadow: none !important; } .hentry { margin: 0 0 1.5em; } .post-footer { margin-top: 80px; } .post-footer span { color: #999999; display: inline-block; font-size: 13px; font-weight: 400; line-height: 30px; text-transform: uppercase; vertical-align: middle; } .post-footer span.divider { line-height: 29px; margin-left: 2px; margin-right: 2px; } body.single .post-footer span.cat-links { border: 1px solid #e6e6e6; display: block; margin-top: 20px; } body.single .post-footer span.cat-links:before { padding: 10px; font-size: 18px; padding: 10px 20px; display: inline-block; background-color: #e6e6e6; color: #666666; } body.single .post-footer span.cat-links a { margin-left: 5px; color: #4d4d4d; } body.single .post-footer span.cat-links a:hover, body.single .post-footer span.cat-links a:focus, body.single .post-footer span.cat-links a:active { color: #00C0FF; } .post-footer a { color: #999999; vertical-align: middle; } .post-footer a:hover, .post-footer a:focus, .post-footer a:active { color: #00C0FF; } .post-footer .author img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; box-sizing: border-box; display: inline-block; height: 36px; margin-right: 5px; overflow: hidden; width: 36px; vertical-align: middle; } body.single .post-content-inner .post-footer .detail { padding-bottom: 7px; padding-top: 7px; } body.single .post-content-inner .post-footer .divider { color: #999999; } .cat-links, .tag-links, .comment-link, .posted-on { display: inline-block; } .cat-links > a:before, .tag-links > a:before, .comment-link > a:before, .posted-on > a:before { font-size: 12px; font-weight: normal; font-family: "kf-icons"; margin-right: 5px; text-transform: initial; vertical-align: middle; color: #666666; } .cat-links > a:hover:before, .cat-links > a:focus:before, .cat-links > a:active:before, .tag-links > a:hover:before, .tag-links > a:focus:before, .tag-links > a:active:before, .comment-link > a:hover:before, .comment-link > a:focus:before, .comment-link > a:active:before, .posted-on > a:hover:before, .posted-on > a:focus:before, .posted-on > a:active:before { color: #00C0FF; } .post-content-overlay .cat-links a:before, .post-content-overlay .tag-links a:before, .post-content-overlay .comment-link a:before, .post-content-overlay .posted-on a:before { color: #fff; } .cat-links:before { font-size: 16px; font-weight: normal; font-family: "kf-icons"; margin-right: 10px; text-transform: initial; vertical-align: middle; content: "\6f"; } .tag-links a:before { content: "\e017"; } .comment-link a:before { content: "\76"; } .block-slider .comment-link:before, .highlight-post-outer .comment-link:before, .main-panel .widget .comment-link:before { float: right; line-height: 31px; margin-left: 5px; } .posted-on { margin-right: 3px; } .posted-on a:before { content: "\e023"; } .block-slider .posted-on:before, .highlight-post-outer .posted-on:before, .main-panel .widget .posted-on:before { display: none; } .comments-title, .comment-reply-title { font-size: 18px; line-height: 1.8; color: #1a1a1a; margin-bottom: 25px; } .comment-awaiting-moderation { border: 1px solid #5CB85C; color: #4d4d4d; display: inline-block; float: left; font-size: 14px; padding: 5px; text-align: center; width: 100%; margin-top: 15px; } .edit-link { font-size: 12px; margin-left: 15px; margin: 0; padding: 0; } .edit-link .post-edit-link, .edit-link .comment-edit-link { border-width: 0 0 0 1px; border-style: solid; border-color: #cccccc; color: #a7a7a7; display: inline-block; font-size: 12px; font-weight: 700; margin-left: 10px; padding: 0 0 0 10px; text-transform: uppercase; } body.logged-in article.hentry .edit-link .post-edit-link, body.logged-in article.hentry .edit-link .comment-edit-link { border: none; margin-left: 0; padding-left: 0; } body.logged-in article.hentry .edit-link .post-edit-link:hover, body.logged-in article.hentry .edit-link .post-edit-link:focus, body.logged-in article.hentry .edit-link .post-edit-link:active, body.logged-in article.hentry .edit-link .comment-edit-link:hover, body.logged-in article.hentry .edit-link .comment-edit-link:focus, body.logged-in article.hentry .edit-link .comment-edit-link:active { color: #000; } .edit-link .post-edit-link:hover, .edit-link .post-edit-link:focus, .edit-link .post-edit-link:active, .edit-link .comment-edit-link:hover, .edit-link .comment-edit-link:focus, .edit-link .comment-edit-link:active { color: #000; } .edit-link .post-edit-link:before, .edit-link .comment-edit-link:before { content: "\6b"; font-family: "kf-icons"; font-weight: 400; margin-right: 5px; } .post-content .edit-link .post-edit-link { border-left: none; float: right; } .edit-link:hover, .edit-link:focus, .edit-link:active { color: #00C0FF; } .edit-link .post-edit-link, .edit-link .comment-edit-link { border-left: none; padding-left: 0; text-transform: uppercase; } .post-navigation, .posts-navigation { background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; margin-bottom: 30px; padding-left: 5px; padding-right: 5px; } @media screen and (max-width: 767px) { .nav-links > div { border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; padding-top: 15px; } } .nav-links .nav-previous a, .nav-links .nav-next a { color: #333333; display: block; font-size: 16px; font-weight: 400; position: relative; padding: 15px 30px 15px 50px; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: padding-left 0.3s, padding-right 0.3s; -moz-transition: padding-left 0.3s, padding-right 0.3s; -ms-transition: padding-left 0.3s, padding-right 0.3s; -o-transition: padding-left 0.3s, padding-right 0.3s; transition: padding-left 0.3s, padding-right 0.3s; } .nav-links .nav-previous a:before, .nav-links .nav-previous a:after, .nav-links .nav-next a:before, .nav-links .nav-next a:after { font-family: "Open sans", sans-serif; display: block; font-size: 14px; vertical-align: middle; } @media screen and (max-width: 767px) { .nav-links .nav-previous a, .nav-links .nav-next a { font-size: 14px; } } .nav-links .nav-previous a:hover, .nav-links .nav-previous a:focus, .nav-links .nav-previous a:active, .nav-links .nav-next a:hover, .nav-links .nav-next a:focus, .nav-links .nav-next a:active { color: #00C0FF; } .nav-links .nav-previous a:before { content: "Previous Reading"; font-size: 12px; left: 5px; } .nav-links .nav-next a { padding: 15px 50px 15px 30px; } .nav-links .nav-next a:before { content: "Next Reading"; font-size: 12px; left: auto; right: 5px; } .nav-previous, .nav-next { position: relative; } .nav-previous:before, .nav-next:before { color: #333333; content: "\23"; font-family: "kf-icons"; font-size: 22px; line-height: 22px; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto; height: 20px; left: 15px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .nav-previous:hover a, .nav-previous:focus a, .nav-previous:active a, .nav-next:hover a, .nav-next:focus a, .nav-next:active a { padding-left: 60px; } .nav-previous:hover:before, .nav-previous:focus:before, .nav-previous:active:before, .nav-next:hover:before, .nav-next:focus:before, .nav-next:active:before { color: #00C0FF; } .post-navigation .nav-next, .posts-navigation .nav-next, .comment-navigation .nav-next { float: right; text-align: right; border: none; } .nav-next:before { content: "\24"; left: 0; right: 15px; } @media screen and (max-width: 767px) { .nav-next:before { left: auto; } } .nav-next:hover a, .nav-next:focus a, .nav-next:active a { padding-right: 60px; } @media screen and (max-width: 767px) { .nav-next:hover a, .nav-next:focus a, .nav-next:active a { padding-left: 60px; } } .nav-next:hover:after, .nav-next:focus:after, .nav-next:active:after { left: auto; right: 20px; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; text-transform: capitalize; } .byline:before { content: "\e08a"; font-family: "kf-icons"; font-size: 18px; vertical-align: middle; margin-right: 5px; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .site-main .post-navigation, .site-main .comment-navigation { margin: 0 0 1.5em; overflow: hidden; } .pagination { display: block; text-align: center; margin-top: 70px; margin-bottom: 80px; } @media screen and (min-width: 992px) { .main-panel { padding-right: 20px; } } .main-panel .widget { background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15); -moz-box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15); -ms-box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15); -o-box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15); box-shadow: 0px 0px 12px 0px rgba(189, 189, 189, 0.15); -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } .main-panel .widget:hover, .main-panel .widget:focus, .main-panel .widget:active { -webkit-box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4); -ms-box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4); -o-box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4); box-shadow: 0px 0px 15px 0px rgba(189, 189, 189, 0.4); } sidebar.sidebar { display: block; } @media screen and (min-width: 992px) { sidebar.sidebar { margin-left: 20px; } } @media screen and (max-width: 767px) { sidebar.sidebar { margin-top: 20px; } } sidebar.sidebar .widget:before, sidebar.sidebar .widget:after { content: " "; display: table; } sidebar.sidebar .widget:after { clear: both; } .comments-area #reply-title { font-weight: 600; margin-bottom: 5px; text-align: left; color: #1a1a1a; } .comments-area #reply-title:before { content: "\77"; font-family: "kf-icons"; font-weight: 400; margin-right: 5px; } .comments-area #reply-title small { float: right; margin-top: 8px; } .comments-area .comment-notes { color: #4d4d4d; font-size: 13px; } .comments-area .comment-list { list-style: none; margin: 0; padding-left: 0; } .comments-area .comment-list li { list-style: none; } .comments-area .comment-list .comment-body { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; padding-top: 25px; padding-bottom: 25px; } @media screen and (max-width: 767px) { .comments-area .comment-list .comment-body { padding-left: 20px; padding-right: 20px; } } .comments-area .comment-list .comment-content { color: #4d4d4d; font-size: 14px; margin-left: 75px; text-transform: capitalize; } @media screen and (max-width: 767px) { .comments-area .comment-list .comment-content { margin-left: 0; } } .comments-area .comment-list .comment-content ul { padding-left: 10px; } .comments-area .comment-list .comment-content ul li { list-style: initial; } .comments-area .comment-list .comment-content ul li:before { display: none; } .comments-area .comment-list .comment-content ol { padding-left: 10px; } .comments-area .comment-list .comment-content ol:before { display: none; } .comments-area .comment-list .comment-content ol li { list-style: decimal; } .comments-area .comment-list .comment-content a { word-wrap: break-word; } .comments-area .comment-list .bypostauthor { display: block; } .comments-area .comment-list .comment-meta:before, .comments-area .comment-list .comment-meta:after { content: " "; display: table; } .comments-area .comment-list .comment-meta:after { clear: both; } .comments-area .comment-list .comment-author { float: left; } @media screen and (max-width: 767px) { .comments-area .comment-list .comment-author { float: none; } .comments-area .comment-list .comment-author:before, .comments-area .comment-list .comment-author:after { content: " "; display: table; } .comments-area .comment-list .comment-author:after { clear: both; } } .comments-area .comment-list .comment-author .avatar { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; float: left; height: 60px; margin-right: 15px; width: 60px; } .comments-area .comment-list .comment-author .fn { color: #4d4d4d; display: inline-block; font-size: 15px; font-weight: 600; float: left; margin-top: 15px; text-transform: capitalize; } .comments-area .comment-list .comment-author .says { display: none; } .comments-area .comment-list .comment-metadata { float: right; margin-top: 15px; } @media screen and (max-width: 767px) { .comments-area .comment-list .comment-metadata { float: none; } .comments-area .comment-list .comment-metadata:before, .comments-area .comment-list .comment-metadata:after { content: " "; display: table; } .comments-area .comment-list .comment-metadata:after { clear: both; } } .comments-area .comment-list .comment-metadata a { display: inline-block; font-size: 13px; color: gray; } @media screen and (max-width: 767px) { .comments-area .comment-list .comment-metadata a time { margin-top: 0; margin-bottom: 5px; display: block; } } .comments-area .comment-list .comment-metadata a time:before { content: "\7d"; font-family: "kf-icons"; font-size: 13px; margin-right: 5px; vertical-align: top; } .comments-area .comment-list .comment-metadata a:hover, .comments-area .comment-list .comment-metadata a:focus, .comments-area .comment-list .comment-metadata a:active { color: #00C0FF; } .comments-area .comment-list .children { margin: 0; } .comments-area .comment-list .children li { position: relative; } .comments-area .comment-list .children li:before { height: 30px; width: 30px; content: ""; display: inline-block; background-color: #fff; border-width: 1px 0 0 1px; border-style: solid; transform: rotate(45deg); border-color: #e6e6e6; position: absolute; top: -15px; left: 30px; } .comments-area .comment-list .children .fn { margin-top: 5px; } .comments-area .comment-list .children .comment-metadata { margin-top: 5px; } .comments-area .comment-list .reply { text-align: right; } .comments-area .comment-list .reply:before:before, .comments-area .comment-list .reply:before:after, .comments-area .comment-list .reply:after:before, .comments-area .comment-list .reply:after:after { content: " "; display: table; } .comments-area .comment-list .reply:before:after, .comments-area .comment-list .reply:after:after { clear: both; } .comments-area .comment-list .reply a { padding: 10px 30px; } .comments-area .comment-list .reply a:before { background-color: transparent; content: "\4a"; font-family: "kf-icons"; font-weight: 400; margin-right: 5px; position: static; width: auto; } .comments-area .comment-list .reply a:hover:before, .comments-area .comment-list .reply a:focus:before, .comments-area .comment-list .reply a:active:before { width: auto; } .comments-area .no-comments { text-align: center; margin-bottom: 30px; display: block; font-size: 18px; font-style: italic; } .comments-area .comment-respond { margin-top: 60px; margin-bottom: 5px; } .comments-area .comment-respond .logged-in-as { margin-bottom: 20px; } .comments-area .comment-respond .logged-in-as a { color: #00C0FF; display: inline-block; margin-right: 10px; padding-bottom: 3px; } .comments-area .comment-respond .logged-in-as a:hover, .comments-area .comment-respond .logged-in-as a:focus, .comments-area .comment-respond .logged-in-as a:active { color: #1a1a1a; } .comments-area .comment-respond .comment-form { margin-bottom: 80px; } .comments-area .comment-respond .comment-form:before, .comments-area .comment-respond .comment-form:after { content: " "; display: table; } .comments-area .comment-respond .comment-form:after { clear: both; } .comments-area .comment-respond .comment-form input[type="text"], .comments-area .comment-respond .comment-form input[type="email"], .comments-area .comment-respond .comment-form input[type="url"], .comments-area .comment-respond .comment-form input[type="password"], .comments-area .comment-respond .comment-form input[type="search"], .comments-area .comment-respond .comment-form input[type="number"], .comments-area .comment-respond .comment-form input[type="tel"], .comments-area .comment-respond .comment-form input[type="range"], .comments-area .comment-respond .comment-form input[type="date"], .comments-area .comment-respond .comment-form input[type="month"], .comments-area .comment-respond .comment-form input[type="week"], .comments-area .comment-respond .comment-form input[type="time"], .comments-area .comment-respond .comment-form input[type="datetime"], .comments-area .comment-respond .comment-form input[type="datetime-local"], .comments-area .comment-respond .comment-form input[type="color"], .comments-area .comment-respond .comment-form textarea { border: none; padding: 12px 5px 12px 15px !important; } @media screen and (min-width: 768px) { .comments-area .comment-respond .comment-form .comment-form-author, .comments-area .comment-respond .comment-form .comment-form-email, .comments-area .comment-respond .comment-form .comment-form-url, .comments-area .comment-respond .comment-form .form-submit { float: left; width: calc(50% - 8px); } .comments-area .comment-respond .comment-form .comment-form-author, .comments-area .comment-respond .comment-form .comment-form-url { margin-right: 8px; } .comments-area .comment-respond .comment-form .comment-form-email, .comments-area .comment-respond .comment-form .form-submit { margin-left: 8px; } body.logged-in .comments-area .comment-respond .comment-form .comment-form-email, body.logged-in .comments-area .comment-respond .comment-form .form-submit { margin-left: 0; } .comments-area .comment-respond .comment-form .form-submit { margin-top: 33px; } body.logged-in .comments-area .comment-respond .comment-form .form-submit { margin-top: 5px; } .comments-area .comment-respond .comment-form .form-submit .submit { padding: 17px 50px; } } .comments-area .comment-respond .comment-notes { margin-bottom: 50px; color: gray; } .comments-area .comment-respond #email-notes { color: #cccccc; } .comments-area .comment-respond .required { color: gray; } .comments-area .comment-respond label, .comments-area .comment-respond .search-form .search-button, .search-form .comments-area .comment-respond .search-button { display: block; color: #4d4d4d; font-size: 14px; margin-bottom: 10px; font-weight: 400; } .entry-meta, .entry-footer { font-size: 13px; } .entry-footer { border-top: 1px solid #d9d9d9; } .entry-meta { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding-bottom: 10px; padding-top: 8px; margin-bottom: 1.5em; } .entry-meta span { margin-right: 10px; } .author-detail { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; padding-bottom: 40px; padding-top: 25px; margin-bottom: 60px; background-color: #fcfcfc; border: none; } .author-detail:before, .author-detail:after { content: " "; display: table; } .author-detail:after { clear: both; } .author-detail .author { float: left; width: 100px; } @media screen and (max-width: 767px) { .author-detail .author { width: 100%; float: none; text-align: center; } } .author-detail .author a { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; display: inline-block; height: 100px; margin-top: 15px; width: 100px; } @media screen and (max-width: 767px) { .author-detail .author a { margin-top: 0; } } .author-detail .author a img { vertical-align: top; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .author-detail .author-content { float: right; width: calc(100% - 125px); font-size: 15px; } @media screen and (max-width: 767px) { .author-detail .author-content { width: 100%; float: none; text-align: center; } } .author-detail .author-content .author-name { color: #333333; font-family: "Open sans", sans-serif; font-style: normal; font-weight: 400; margin-bottom: 5px; text-transform: capitalize; } .author-detail .author-content .author-name span { font-weight: 600; margin-right: 5px; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-family: "Montserrat", sans-serif; } .author-detail .author-content.no-author-text { margin-top: 40px; } .related-post { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; padding-left: 15px; padding-right: 15px; } .related-post:before, .related-post:after { content: " "; display: table; } .related-post:after { clear: both; } .related-post .related-post-list { margin-bottom: 15px; margin-top: 15px; font-size: 14px; } @media screen and (max-width: 767px) { .related-post .related-post-list { text-align: center; } } .related-post .related-post-list h3 { line-height: 1.2; margin-bottom: 10px; margin-top: 20px; } .related-post .related-post-list h3 a { color: #1a1a1a; font-family: "Open sans", sans-serif; font-size: 17px; } .related-post .related-post-list h3 a:hover, .related-post .related-post-list h3 a:focus, .related-post .related-post-list h3 a:active { color: #000; } .related-post .related-post-list .post-thumb:after, .related-post .related-post-list .post-thumb:before { width: 220%; } .related-post .related-post-list .post-thumb img { border: none; margin-bottom: 0; } .related-post .related-post-list .post-thumb a i { font-size: 16px; height: 40px; line-height: 38px; width: 40px; } .related-post .related-post-list .edit-link .post-edit-link { margin-left: 0; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 30px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 10px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .post-thumb { position: relative; display: inline-block; margin: 0; width: 100%; color: #fff; max-width: 100%; } .post-thumb img { vertical-align: top; } .post-thumb a { -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .post-thumb a:hover, .post-thumb a:focus, .post-thumb a:active { background-color: rgba(17, 17, 17, 0.5); } .site-header .socialgroup { display: inline-block; margin-top: 14px; text-align: right; } .search-form label, .search-form .search-button { margin-bottom: 0; width: calc(100% - 40px); float: left; } .search-form .search-field { background-color: #fff; border-right: none; color: #1a1a1a; display: block; margin-bottom: 0; max-width: 100%; vertical-align: top; } .search-form .search-field::-webkit-input-placeholder { color: #1a1a1a; } .search-form .search-field:-moz-placeholder { color: #1a1a1a; } .search-form .search-field::-moz-placeholder { color: #1a1a1a; } .search-form .search-field:-ms-input-placeholder { color: #1a1a1a; } .search-form .search-field:hover, .search-form .search-field:focus, .search-form .search-field:active { color: #1a1a1a; } .search-form .search-submit { display: none; } .search-form .search-button { background-color: #1a1a1a; border: 1px solid #1a1a1a; color: #fff; float: right; font-family: "Open sans", sans-serif; width: 40px !important; height: 43px; line-height: 20px; padding-left: 0; padding-right: 0; text-transform: uppercase; vertical-align: top; } .search-form .search-button span { color: #fff; display: block; line-height: 0.5; } .search-form .search-button:hover, .search-form .search-button:focus, .search-form .search-button:active { background-color: #333333; border-color: #333333; color: #fff; } article.post-content { font-size: 14px; font-weight: 300; color: #8c8c8c; padding: 25px 30px 30px; } article.post-content .post-title .cat { color: #0fd4bb; font-size: 13px; text-transform: uppercase; font-weight: 700; } article.post-content .post-title .cat:after { background-color: #999999; content: ''; display: block; height: 2px; margin-top: 8px; -webkit-transition: background-color 0.3s, width 0.3s; -moz-transition: background-color 0.3s, width 0.3s; -ms-transition: background-color 0.3s, width 0.3s; -o-transition: background-color 0.3s, width 0.3s; transition: background-color 0.3s, width 0.3s; width: 35px; } article.post-content .post-title .cat:hover:after, article.post-content .post-title .cat:focus:after, article.post-content .post-title .cat:active:after { background-color: #000; width: 70px; } article.post-content .post-title h2 { font-size: 24px; margin-top: 17px; } @media screen and (max-width: 767px) { article.post-content .post-title h2 { font-size: 18px; } } .banner-overlay, .post-content-overlay .post-thumb figure a, .block-portfolio .gallery-thumb .hidden-content { background-color: rgba(17, 17, 17, 0.7); width: 100%; } .wrap-inner-banner { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; background-color: #e6e6e6; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-attachment: fixed; -moz-background-attachment: fixed; -ms-background-attachment: fixed; -o-background-attachment: fixed; background-attachment: fixed; border: 0; color: #fff; margin-bottom: 100px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .wrap-inner-banner:hover, .wrap-inner-banner:focus, .wrap-inner-banner:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .wrap-inner-banner .page-header { background-color: rgba(17, 17, 17, 0.7); border: none; color: #f2f2f2; margin: 0; padding: 130px 0 0; } .wrap-inner-banner .page-header:before, .wrap-inner-banner .page-header:after { content: " "; display: table; } .wrap-inner-banner .page-header:after { clear: both; } .wrap-inner-banner .page-header .page-title { color: #f2f2f2; font-size: 28px; text-transform: uppercase; margin: 0 0 15px 0; padding-top: 110px; text-align: center; letter-spacing: 2px; font-weight: 600; } @media screen and (min-width: 992px) { .wrap-inner-banner .page-header .page-title { margin-left: 100px; margin-right: 100px; } } @media screen and (max-width: 991px) { .wrap-inner-banner .page-header .page-title { padding-top: 80px; } } @media screen and (max-width: 767px) { .wrap-inner-banner .page-header .page-title { font-size: 20px; padding-top: 40px; } } .wrap-inner-banner .page-header .page-description { color: #e6e6e6; font-size: 16px; text-align: center; } @media screen and (min-width: 992px) { .wrap-inner-banner .page-header .page-description { margin-left: 100px; margin-right: 100px; } } .wrap-inner-banner .breadcrumbs { color: #e6e6e6; font-size: 15px; padding: 130px 15px 30px; text-align: center; } @media screen and (max-width: 991px) { .wrap-inner-banner .breadcrumbs { padding-top: 80px; } } @media screen and (max-width: 767px) { .wrap-inner-banner .breadcrumbs { display: block; float: none; margin-top: 40px; text-align: center; } } .wrap-inner-banner .breadcrumbs .trail-items { margin: 0; padding-left: 0; } .wrap-inner-banner .breadcrumbs .trail-items li { display: inline-block; line-height: 1.5; list-style: none; } .wrap-inner-banner .breadcrumbs .trail-items li:last-child span { margin-right: 0; } .wrap-inner-banner .breadcrumbs .trail-items span { font-size: 13px; margin-left: 10px; margin-right: 10px; } .wrap-inner-banner .breadcrumbs .trail-items a { color: #999999; font-size: 13px; margin-right: 2px; padding-right: 4px; position: relative; } .wrap-inner-banner .breadcrumbs .trail-items a:after { background-color: #cccccc; bottom: 0; content: ""; height: 12px; margin: auto; position: absolute; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; top: 1px; right: 0; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); width: 1px; } .wrap-inner-banner .breadcrumbs .trail-items a[rel="home"] span { font-size: 0px; } .wrap-inner-banner .breadcrumbs .trail-items a[rel="home"] span:before { font-size: 14px; content: "\e074"; font-family: "kf-icons"; } .wrap-inner-banner .breadcrumbs .trail-items a:hover, .wrap-inner-banner .breadcrumbs .trail-items a:focus, .wrap-inner-banner .breadcrumbs .trail-items a:active { color: #e6e6e6; } .wrap-inner-banner .breadcrumbs .trail-items a:hover:after, .wrap-inner-banner .breadcrumbs .trail-items a:focus:after, .wrap-inner-banner .breadcrumbs .trail-items a:active:after { background-color: #e6e6e6; } .post-content-overlay { position: relative; } .post-content-overlay .post-thumb { vertical-align: top; } .post-content-overlay .post-thumb figure img { border: none; vertical-align: top; } .post-content-overlay .post-thumb figure a { border: 1px solid #fff; } .post-content-overlay article.post-content { background-color: transparent; bottom: 0; color: #fff; left: 0; position: absolute; width: 100%; z-index: 999; } .post-content-overlay article.post-content .post-title h2 a { color: #fff; display: block; } .post-content-overlay article.post-content .post-title h2 a:hover, .post-content-overlay article.post-content .post-title h2 a:focus, .post-content-overlay article.post-content .post-title h2 a:active { color: #000; } .post-content-overlay article.post-content .post-title .cat a { color: #e6e6e6; } .post-content-overlay article.post-content .post-title .cat a:hover, .post-content-overlay article.post-content .post-title .cat a:focus, .post-content-overlay article.post-content .post-title .cat a:active { color: #000; } .post-content-overlay article.post-content .post-title .cat:after { background-color: #e6e6e6; } .post-content-overlay article.post-content .post-footer { height: 0; overflow: hidden; margin: 0; -webkit-transition: height 0.3s ease, margin-top 0.3s; -moz-transition: height 0.3s ease, margin-top 0.3s; -ms-transition: height 0.3s ease, margin-top 0.3s; -o-transition: height 0.3s ease, margin-top 0.3s; transition: height 0.3s ease, margin-top 0.3s; } .post-content-overlay article.post-content .post-footer a, .post-content-overlay article.post-content .post-footer .divider { color: #fff; } .post-content-overlay article.post-content .post-footer a:hover, .post-content-overlay article.post-content .post-footer a:focus, .post-content-overlay article.post-content .post-footer a:active, .post-content-overlay article.post-content .post-footer .divider:hover, .post-content-overlay article.post-content .post-footer .divider:focus, .post-content-overlay article.post-content .post-footer .divider:active { color: #000; } .post-content-overlay article.post-content .post-footer .comment-link:after { color: #fff; } .post-content-overlay:hover article.post-content .post-footer, .post-content-overlay:focus article.post-content .post-footer, .post-content-overlay:active article.post-content .post-footer { height: 40px; margin-top: 10px; } .wrap-detail-page { padding-bottom: 100px; } .wrap-detail-page .post-thumb { margin-left: auto; margin-right: auto; text-align: center; display: block; } .wrap-detail-page .post-thumb img { margin-bottom: 30px; } .wrap-list-page .post-title { margin-top: 15px; } .wrap-list-page .post-footer { margin-bottom: 15px; } .wrap-list-page .posted-on:before { display: none; } .inner-page-content { padding-bottom: 30px; } .post-main-content .content { padding-bottom: 30px; } .post-main-content .post-navigation { background-color: transparent; border: 1px solid transparent; margin-bottom: 0; padding: 0 0; } .post-main-content .post-navigation:before, .post-main-content .post-navigation:after { content: " "; display: table; } .post-main-content .post-navigation:after { clear: both; } .post-main-content.woocommerce-products .panel { box-shadow: none; } @keyframes move { from { stroke-dasharray: 0, 150; } to { stroke-dasharray: 130, 150; } } @keyframes scroll { 0% { transform: translateY(-2px); opacity: 0; } 50% { transform: translateY(8px); opacity: 1; } 100% { transform: translateY(10px); opacity: 0; } } .mouse-holder { bottom: 22px; left: 0; right: 0; margin: auto; position: absolute; text-align: center; width: 120px; z-index: 997; } .mouse-holder .mouse-hover { text-align: center; position: relative; } .mouse-holder .mouse-hover a { display: block; height: 43px; width: 30px; overflow: hidden; margin: auto; } .mouse-holder .mouse-hover a span { text-transform: capitalize; margin: auto; position: absolute; opacity: 0; font-size: 0px; color: #fff; -webkit-transition: top 0.3s linear, opacity 0.2s; -moz-transition: top 0.3s linear, opacity 0.2s; -ms-transition: top 0.3s linear, opacity 0.2s; -o-transition: top 0.3s linear, opacity 0.2s; transition: top 0.3s linear, opacity 0.2s; top: -40px; left: 0px; right: 0; width: 120px; z-index: 1; } .mouse-holder .mouse-hover a:hover span, .mouse-holder .mouse-hover a:focus span, .mouse-holder .mouse-hover a:active span { font-size: 14px; top: -45px; opacity: 1; -webkit-transition: top 0.3s linear, opacity 1s; -moz-transition: top 0.3s linear, opacity 1s; -ms-transition: top 0.3s linear, opacity 1s; -o-transition: top 0.3s linear, opacity 1s; transition: top 0.3s linear, opacity 1s; } .mouse-holder #mouse { transform: rotate(180deg); transform-origin: center; transition: stroke 0.5s linear; stroke: #fff; } .mouse-holder #mouse:hover, .mouse-holder #mouse:focus, .mouse-holder #mouse:active { animation: move 0.7s linear; stroke: #00C0FF; } .mouse-holder #scroll { animation-name: scroll; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.54, -0.01, 0.36, 0.99); animation-iteration-count: infinite; stroke: #fff; } #go-top { bottom: 20px; display: block; position: fixed; right: 20px; z-index: 99991; -webkit-transition: background-color 0.5s, border-color 0.5s; -moz-transition: background-color 0.5s, border-color 0.5s; -ms-transition: background-color 0.5s, border-color 0.5s; -o-transition: background-color 0.5s, border-color 0.5s; transition: background-color 0.5s, border-color 0.5s; } #go-top span { background-color: #0fd4bb; color: #fff; padding: 0; height: 36px; line-height: 36px; text-align: center; vertical-align: middle; width: 36px; display: block; font-size: 22px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } #go-top span:hover, #go-top span:focus, #go-top span:active { background-color: #1a1a1a; } body.keon-customizer-preview .search-section { top: 0; } /*-------------------------------------------------------------- 4.0 Widgets --------------------------------------------------------------*/ .widget.widget_categories select, .widget.widget_archive select { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; background-color: #fff; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 40px), calc(100% - 15px) calc(1em + 40px), calc(100% - 2.5em) 3em; background-size: 5px 5px, 5px 8px, 1px 1.5em; background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; font: inherit; line-height: 1.5em; margin: 0; padding-top: 40px; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } article.post-content { background-color: #fff; position: relative; z-index: 1; } .widget { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; margin: 0 0 60px; padding: 30px; text-align: center; } .widget select { max-width: 100%; } .widget .widget-title, .widget .widgettitle { background-color: #fff; color: #343434; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; margin: -48px auto 0px; line-height: 1; letter-spacing: 1px; padding: 0px 15px 41px; text-align: center; text-transform: uppercase; vertical-align: middle; z-index: 9; } .widget ul { list-style: none; margin-left: 0; margin-bottom: 0; padding-left: 15px; word-break: break-word; } sidebar.sidebar .widget ul { background-color: #fff; } .widget > ul { padding-left: 0; } .widget li { border-top: 1px solid #f7f7f7; color: #666666; position: relative; } .widget li:first-child { border-top: none; } .block-top-footer .widget li { border-top-color: #5e5e5e; } .widget li a { color: #666666; display: inline-block; font-size: 14px; padding: 7px 10px 7px 5px; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } .widget li:hover:before, .widget li:focus:before, .widget li:active:before { background-color: #000; border-color: #000; padding-left: 5px; } .widget li:hover > a, .widget li:focus > a, .widget li:active > a { color: #00C0FF; } .widget li.recentcomments:before { display: none; } .widget li.recentcomments .comment-author-link { color: #999999; font-style: italic; } body .widget li.recentcomments a { display: inline-block !important; padding: 7px 5px !important; } .widget.widget_calendar table { margin: 0; } .widget.widget_calendar td, .widget.widget_calendar th { border-color: #d9d9d9; line-height: 1.8; text-align: center; padding: 6px; } .widget.widget_calendar td#prev { text-align: left; } .widget.widget_calendar td#next { text-align: right; } .widget.widget_calendar tbody a { background-color: #0fd4bb; color: #fff; display: block; font-weight: 700; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); } .widget.widget_calendar tbody a:hover, .widget.widget_calendar tbody a:focus, .widget.widget_calendar tbody a:active { background-color: #000; } .widget.widget_calendar tfoot a { color: #0fd4bb; } .widget.widget_calendar tfoot a:hover, .widget.widget_calendar tfoot a:focus, .widget.widget_calendar tfoot a:active { color: #00C0FF; } .widget.widget_calendar caption { border-bottom: 1px solid #d9d9d9; font-weight: 700; margin-bottom: 0; text-align: right; text-transform: uppercase; } .widget.widget_categories .cat-item a { width: 85%; } .widget.widget_categories .children .cat-item a { width: 80%; } .widget.widget_categories .children, .widget.widget_nav_menu .sub-menu, .widget.widget_pages .children { margin: 0 10px 10px; padding-left: 10px; } .widget.widget_recent_entries .post-date, .widget.widget_rss .rss-date, .widget.widget_rss cite { font-style: normal; display: block; line-height: 2; opacity: 0.8; } .widget.widget_rss ul { list-style: none; margin-bottom: 0; } .widget.widget_rss li { border-top: none; border-bottom: 1px solid #f7f7f7; margin-bottom: 15px; padding: 0 0 15px 0; } .widget.widget_rss li a { color: #034f98; } .widget.widget_rss li a:hover, .widget.widget_rss li a:focus, .widget.widget_rss li a:active { color: #00C0FF; } .widget.widget_rss li:before { display: none; } .widget.widget_rss li .rsswidget { line-height: 1.5; padding-bottom: 8px; } .widget.widget_rss li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .widget.widget_rss .widget-title .rsswidget { border: 0; margin: -48px auto 0px; padding: 0px 10px 41px; } .widget.widget_rss .widget-title .rsswidget img { margin-top: 6px; margin-right: 5px; vertical-align: bottom; } .widget.widget_rss .widget-title .rsswidget:first-child { padding-right: 0; } .widget.widget_rss .widget-title .rsswidget:hover, .widget.widget_rss .widget-title .rsswidget:focus, .widget.widget_rss .widget-title .rsswidget:active { color: #00C0FF; } .widget.widget_rss cite { font-weight: 700; } .widget.widget_rss .rss-date { font-size: 14px; font-style: italic; } .widget.widget_rss .rssSummary { font-size: 14px; line-height: 1.5; } .widget.widget_archive li a { display: inline-block; width: 85%; } .widget.widget_tag_cloud .tagcloud a { border: 1px solid #f2f2f2; background-color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; color: #666666; display: inline-block; margin: 3px 2px; padding: 5px 16px 6px; -webkit-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; -moz-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; -ms-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; -o-transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; transition: background-color 0.3s linear, border 0.3s linear, color 0.2s linear; vertical-align: middle; } .widget.widget_tag_cloud .tagcloud a:before { height: 8px; width: 8px; background: transparent; content: ""; display: inline-block; vertical-align: middle; margin-right: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1px solid #d9d9d9; -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -ms-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; } .widget.widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud .tagcloud a:focus, .widget.widget_tag_cloud .tagcloud a:active { background-color: #000; border: 1px solid #000; color: #fff; } .widget.widget_tag_cloud .tagcloud a:hover:before, .widget.widget_tag_cloud .tagcloud a:focus:before, .widget.widget_tag_cloud .tagcloud a:active:before { border: 1px solid #fff; } .widget.widget_text .textwidget ul { padding-left: 10px; } .widget.widget_text .textwidget ul li { margin-top: 5px; margin-bottom: 5px; } .widget.widget_text .textwidget a { -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } .widget.widget_text .textwidget a sidebar.sidebar { -webkit-box-shadow: 0px 2px 0px 0px #fff; -moz-box-shadow: 0px 2px 0px 0px #fff; -ms-box-shadow: 0px 2px 0px 0px #fff; -o-box-shadow: 0px 2px 0px 0px #fff; box-shadow: 0px 2px 0px 0px #fff; } .widget.widget_text .textwidget a:hover, .widget.widget_text .textwidget a:focus, .widget.widget_text .textwidget a:active { -webkit-box-shadow: 0px 2px 0px 0px #000; -moz-box-shadow: 0px 2px 0px 0px #000; -ms-box-shadow: 0px 2px 0px 0px #000; -o-box-shadow: 0px 2px 0px 0px #000; box-shadow: 0px 2px 0px 0px #000; color: #00C0FF; } .widget.milestone-widget { margin-bottom: 30px; } .widget.milestone-widget .milestone-countdown { border: 1px solid #f7f7f7; } .widget.milestone-widget .milestone-countdown .label { color: #000; } .widget.widget_product_categories select { border-color: #f7f7f7; padding: 5px; width: 100%; } /*-------------------------------------------------------------- 5.0 Partials --------------------------------------------------------------*/ .site-header { text-align: center; top: 0; padding-bottom: 15px; padding-top: 15px; position: fixed; -webkit-transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s; -moz-transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s; -ms-transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s; -o-transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s; transition: background-color 0.5s, padding-bottom 0.5s, padding-top 0.5s; width: 100%; z-index: 9999; } body.fixed-nav-active .site-header, body.content-none-page .site-header { background-color: #fff; padding-bottom: 10px; padding-top: 10px; -webkit-box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2); -moz-box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2); -ms-box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2); -o-box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2); box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.2); } .site-header .site-branding { text-align: left; } .site-header .site-branding .site-title, .site-header .site-branding .site-title a { float: left; font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: 2px; margin: 1px 0 0; vertical-align: middle; } .site-header .site-branding .site-title a { background-color: #fff; color: #1a1a1a; font-family: "Montserrat", sans-serif; margin-bottom: 0; padding: 8px 20px 9px; -webkit-transition: background-color 0.5s, color 0.5s; -moz-transition: background-color 0.5s, color 0.5s; -ms-transition: background-color 0.5s, color 0.5s; -o-transition: background-color 0.5s, color 0.5s; transition: background-color 0.5s, color 0.5s; } body.fixed-nav-active .site-header .site-branding .site-title a, body.content-none-page .site-header .site-branding .site-title a { background-color: #1a1a1a; color: #e6e6e6; } .site-header .site-branding .site-title a:hover, .site-header .site-branding .site-title a:focus, .site-header .site-branding .site-title a:active { background-color: #666666; border-color: #666666; color: #e6e6e6; } body.fixed-nav-active .site-header .site-branding .site-title a:hover, body.content-none-page .site-header .site-branding .site-title a:hover, body.fixed-nav-active .site-header .site-branding .site-title a:focus, body.content-none-page .site-header .site-branding .site-title a:focus, body.fixed-nav-active .site-header .site-branding .site-title a:active, body.content-none-page .site-header .site-branding .site-title a:active { background-color: #666666; border-color: #666666; color: #e6e6e6; } .site-header .site-branding:hover img, .site-header .site-branding:focus img, .site-header .site-branding:active img { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .site-header .site-branding .site-description { color: #cccccc; float: left; font-size: 14px; margin-bottom: 5px; margin-top: 9px; vertical-align: middle; margin-left: 20px; } @media screen and (max-width: 767px) { .site-header .site-branding .site-description { display: none; } } body.fixed-nav-active .site-header .site-branding .site-description, body.content-none-page .site-header .site-branding .site-description { color: #999999; } .site-header .header-bottom-right { float: right; margin-left: 10px; margin-top: 7px; } @media screen and (max-width: 767px) { .site-header .header-bottom-right { margin-top: 4px; } } .site-header .header-bottom-right > span { margin-left: 20px; vertical-align: middle; } .site-header .header-bottom-right > span:first-child { margin-left: 5px; } .site-header .header-bottom-right > span a span { color: #f2f2f2; font-size: 16px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } body.fixed-nav-active .site-header .header-bottom-right > span a span, body.content-none-page .site-header .header-bottom-right > span a span { color: #999999; } .site-header .header-bottom-right > span a:hover span, .site-header .header-bottom-right > span a:focus span, .site-header .header-bottom-right > span a:active span { color: #00C0FF; } body.fixed-nav-active .site-header .header-bottom-right > span a:hover span, body.content-none-page .site-header .header-bottom-right > span a:hover span, body.fixed-nav-active .site-header .header-bottom-right > span a:focus span, body.content-none-page .site-header .header-bottom-right > span a:focus span, body.fixed-nav-active .site-header .header-bottom-right > span a:active span, body.content-none-page .site-header .header-bottom-right > span a:active span { color: #00C0FF; } .site-header .header-bottom-right .search-icon { display: inline-block; } .site-header .header-bottom-right #search-form { position: absolute; width: 220px; right: 0px; top: 35px; display: block; } .site-header .header-bottom-right #search-form label, .site-header .header-bottom-right #search-form .search-form .search-button, .search-form .site-header .header-bottom-right #search-form .search-button { width: 100%; position: relative; } .site-header .header-bottom-right #search-form label .search-field, .site-header .header-bottom-right #search-form .search-form .search-button .search-field, .search-form .site-header .header-bottom-right #search-form .search-button .search-field { border: 1px solid #f7f7f7; background-color: #f7f7f7; } .site-header .header-bottom-right #search-form label:before, .site-header .header-bottom-right #search-form .search-form .search-button:before, .search-form .site-header .header-bottom-right #search-form .search-button:before { content: ""; display: inline-block; right: 7px; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-top: 12px solid #f7f7f7; border-left: 12px solid transparent; border-bottom: 12px solid transparent; top: -6px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .site-header .header-bottom-right #search-form .search-button { display: none; } .site-header .header-bottom-right .cart-icon { position: relative; padding-right: 3px; } .site-header .header-bottom-right .cart-icon a .count { background-color: #0fd4bb; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; font-size: 10px; height: 18px; position: absolute; top: -12px; right: -12px; color: #fff; line-height: 16px; text-align: center; width: 18px; } body.fixed-nav-active .site-header .header-bottom-right .cart-icon a .count, body.content-none-page .site-header .header-bottom-right .cart-icon a .count { color: #fff; } .site-header .header-bottom-right .alt-menu-icon { display: inline-block; } .site-header .header-bottom-right .alt-menu-icon a span { display: inline-block; font-size: 28px; margin-top: 5px; } @media screen and (max-width: 991px) { .site-header .header-bottom-right .alt-menu-icon { margin-left: 12px; display: inline-block !important; } } .block-slider { overflow: hidden; position: relative; } .block-slider .slide-item:not(:first-child) { display: none; visibility: hidden; } .block-slider .banner-overlay, .block-slider .post-content-overlay .post-thumb figure a, .post-content-overlay .post-thumb figure .block-slider a, .block-slider .block-portfolio .gallery-thumb .hidden-content, .block-portfolio .gallery-thumb .block-slider .hidden-content { padding-bottom: 136px; padding-top: 200px; } @media screen and (max-width: 767px) { .block-slider .banner-overlay, .block-slider .post-content-overlay .post-thumb figure a, .post-content-overlay .post-thumb figure .block-slider a, .block-slider .block-portfolio .gallery-thumb .hidden-content, .block-portfolio .gallery-thumb .block-slider .hidden-content { padding-bottom: 86px; padding-top: 150px; } } .block-slider .slide-item { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; width: 100%; -webkit-transition: filter 1s linear; -moz-transition: filter 1s linear; -ms-transition: filter 1s linear; -o-transition: filter 1s linear; transition: filter 1s linear; } .block-slider .slide-item .post-content-inner-wrap { color: #e6e6e6; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; font-weight: 300; } @media screen and (max-width: 767px) { .block-slider .slide-item .post-content-inner-wrap { padding-right: 60px; } } .block-slider .slide-item .post-title h2 { line-height: 1.2; margin-bottom: 40px; } @media screen and (max-width: 767px) { .block-slider .slide-item .post-title h2 { margin-bottom: 20px; } } .block-slider .slide-item .post-title h2 > a { color: #f2f2f2; font-size: 60px; text-transform: uppercase; } @media screen and (max-width: 767px) { .block-slider .slide-item .post-title h2 > a { font-size: 32px; } } .block-slider .slide-item .post-title h2 > a:hover, .block-slider .slide-item .post-title h2 > a:focus, .block-slider .slide-item .post-title h2 > a:active { color: #00C0FF; } @media screen and (max-width: 1199px) { .block-slider .slide-item .post-title h2 > a br { display: none; } } .block-slider .slide-item .button-container { margin-top: 30px; } .block-slider .controls .owl-prev, .block-slider .controls .owl-next { bottom: 1px; cursor: pointer; display: inline-block; font-size: 0px; line-height: 0.4; position: absolute; right: 0; text-align: center; z-index: 999; } @media screen and (max-width: 767px) { .block-slider .controls .owl-prev, .block-slider .controls .owl-next { vertical-align: middle; } } .block-slider .controls .owl-prev:before, .block-slider .controls .owl-next:before { background-color: #e6e6e6; color: #1a1a1a; content: "\23"; display: inline-block; font-family: "kf-icons"; font-size: 24px; height: 52px; line-height: 52px; margin-right: 60px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; width: 59px; } @media screen and (max-width: 767px) { .block-slider .controls .owl-prev:before, .block-slider .controls .owl-next:before { height: 42px; line-height: 42px; width: 42px; margin-right: 44px; } } .block-slider .controls .owl-prev:hover:before, .block-slider .controls .owl-prev:focus:before, .block-slider .controls .owl-prev:active:before, .block-slider .controls .owl-next:hover:before, .block-slider .controls .owl-next:focus:before, .block-slider .controls .owl-next:active:before { background-color: #1a1a1a; color: #fff; } .block-slider .controls .owl-next:before { content: "\24"; margin-right: 0; } .block-slider #kt-slide-pager { bottom: 0; height: 120px; margin: auto 30px; position: absolute; right: 0; text-align: center; top: 0; z-index: 998; } .block-slider #kt-slide-pager span { background-color: transparent; border: 1px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; cursor: pointer; display: block; height: 12px; margin: 6px auto; width: 12px; font-size: 0px; } .block-slider #kt-slide-pager span:hover, .block-slider #kt-slide-pager span:focus, .block-slider #kt-slide-pager span:active { background-color: #666666; border-color: #666666; -webkit-transition: background-color 0.5s, border-color 0.5s; -moz-transition: background-color 0.5s, border-color 0.5s; -ms-transition: background-color 0.5s, border-color 0.5s; -o-transition: background-color 0.5s, border-color 0.5s; transition: background-color 0.5s, border-color 0.5s; } .block-slider #kt-slide-pager .owl-dot.active span { background-color: #fff; height: 16px; margin: 8px auto; width: 16px; } .block-slider #kt-slide-pager .owl-dot.active span:hover, .block-slider #kt-slide-pager .owl-dot.active span:focus, .block-slider #kt-slide-pager .owl-dot.active span:active { background-color: #666666; } .main-navigation { float: right; text-align: right; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } @media screen and (max-width: 37.5em) { .main-navigation ul { background-color: #d9d9d9; } } .main-navigation ul ul { background-color: #fff; border: 1px solid #fff; float: left; left: -999em; margin-left: -1px; position: absolute; text-align: left; top: 75px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 9999; } .main-navigation ul ul:before { background: #fff; content: ""; display: inline-block; height: 12px; left: 20px; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -5px; width: 12px; } body.fixed-nav-active .main-navigation ul ul:before, body.content-none-page .main-navigation ul ul:before { display: none; } .main-navigation ul ul ul { left: -999em; top: -1px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .main-navigation ul ul ul:before { display: none; } .main-navigation ul ul li { border-top: 1px solid #f2f2f2; } .main-navigation ul ul li:first-child { border-top: none; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li:focus > ul { right: 100%; top: -1px; } .main-navigation ul ul a { background-color: #fff; color: #999999; font-size: 13px; line-height: 1.5; padding: 13px 15px 14px; width: 250px; } .main-navigation ul ul a:hover, .main-navigation ul ul a:focus, .main-navigation ul ul a:active { color: #00C0FF; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { position: relative; vertical-align: top; } @media screen and (min-width: 768px) { .main-navigation li { display: inline-block; } } .main-navigation li:hover > ul, .main-navigation li:focus > ul, .main-navigation li:active > ul { top: 39px; } .main-navigation li ul a:before { display: none; } .main-navigation li:hover > a, .main-navigation li:focus > a, .main-navigation li.active > a { border: 1px solid #fff; } body.fixed-nav-active .main-navigation li:hover > a, body.content-none-page .main-navigation li:hover > a, body.fixed-nav-active .main-navigation li:focus > a, body.content-none-page .main-navigation li:focus > a, body.fixed-nav-active .main-navigation li.active > a, body.content-none-page .main-navigation li.active > a { border-color: #999999; } .main-navigation li.page_item_has_children, .main-navigation li.menu-item-has-children { border: 1px solid transparent; } .main-navigation li.page_item_has_children:hover, .main-navigation li.page_item_has_children:focus, .main-navigation li.page_item_has_children.active, .main-navigation li.menu-item-has-children:hover, .main-navigation li.menu-item-has-children:focus, .main-navigation li.menu-item-has-children.active { border: 1px solid #fff; } body.fixed-nav-active .main-navigation li.page_item_has_children:hover, body.content-none-page .main-navigation li.page_item_has_children:hover, body.fixed-nav-active .main-navigation li.page_item_has_children:focus, body.content-none-page .main-navigation li.page_item_has_children:focus, body.fixed-nav-active .main-navigation li.page_item_has_children.active, body.content-none-page .main-navigation li.page_item_has_children.active, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover, body.content-none-page .main-navigation li.menu-item-has-children:hover, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus, body.content-none-page .main-navigation li.menu-item-has-children:focus, body.fixed-nav-active .main-navigation li.menu-item-has-children.active, body.content-none-page .main-navigation li.menu-item-has-children.active { border-color: #999999; } body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:hover, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:hover, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:focus, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:focus, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li.active, body.content-none-page .main-navigation li.page_item_has_children:hover ul li.active, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:hover, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:hover, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:focus, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:focus, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li.active, body.content-none-page .main-navigation li.page_item_has_children:focus ul li.active, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:hover, body.content-none-page .main-navigation li.page_item_has_children.active ul li:hover, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:focus, body.content-none-page .main-navigation li.page_item_has_children.active ul li:focus, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li.active, body.content-none-page .main-navigation li.page_item_has_children.active ul li.active, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:hover, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:hover, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:focus, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:focus, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li.active, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li.active, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:hover, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:hover, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:focus, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:focus, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li.active, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li.active, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:hover, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:hover, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:focus, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:focus, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li.active, body.content-none-page .main-navigation li.menu-item-has-children.active ul li.active { border-color: #f2f2f2 #fff #fff #fff; } body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:hover > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:hover > a, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:focus > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:focus > a, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li.active > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li.active > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:hover > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:hover > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:focus > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:focus > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li.active > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li.active > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:hover > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li:hover > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:focus > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li:focus > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li.active > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li.active > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:hover > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:hover > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:focus > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:focus > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li.active > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li.active > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:hover > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:hover > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:focus > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:focus > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li.active > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li.active > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:hover > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:hover > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:focus > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:focus > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li.active > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li.active > a { border-color: #f2f2f2 #fff #fff #fff; } body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:hover ul li > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:hover ul li > a, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:focus ul li > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:focus ul li > a, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li.active ul li > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li.active ul li > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:hover ul li > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:hover ul li > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:focus ul li > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:focus ul li > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li.active ul li > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li.active ul li > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:hover ul li > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li:hover ul li > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:focus ul li > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li:focus ul li > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li.active ul li > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li.active ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:hover ul li > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:hover ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:focus ul li > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:focus ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li.active ul li > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li.active ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:hover ul li > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:hover ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:focus ul li > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:focus ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li.active ul li > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li.active ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:hover ul li > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:hover ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:focus ul li > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:focus ul li > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li.active ul li > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li.active ul li > a { border-top-color: #fff; } body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:first-child:hover, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:first-child:hover, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:first-child:focus, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:first-child:focus, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:first-child.active, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:first-child.active, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:first-child:hover, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:first-child:hover, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:first-child:focus, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:first-child:focus, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:first-child.active, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:first-child.active, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:first-child:hover, body.content-none-page .main-navigation li.page_item_has_children.active ul li:first-child:hover, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:first-child:focus, body.content-none-page .main-navigation li.page_item_has_children.active ul li:first-child:focus, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:first-child.active, body.content-none-page .main-navigation li.page_item_has_children.active ul li:first-child.active, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:first-child:hover, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:first-child:hover, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:first-child:focus, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:first-child:focus, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:first-child.active, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:first-child.active, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:first-child:hover, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:first-child:hover, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:first-child:focus, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:first-child:focus, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:first-child.active, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:first-child.active, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:first-child:hover, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:first-child:hover, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:first-child:focus, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:first-child:focus, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:first-child.active, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:first-child.active { border-top-color: #fff; } body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:first-child:hover > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:first-child:hover > a, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:first-child:focus > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:first-child:focus > a, body.fixed-nav-active .main-navigation li.page_item_has_children:hover ul li:first-child.active > a, body.content-none-page .main-navigation li.page_item_has_children:hover ul li:first-child.active > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:first-child:hover > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:first-child:hover > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:first-child:focus > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:first-child:focus > a, body.fixed-nav-active .main-navigation li.page_item_has_children:focus ul li:first-child.active > a, body.content-none-page .main-navigation li.page_item_has_children:focus ul li:first-child.active > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:first-child:hover > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li:first-child:hover > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:first-child:focus > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li:first-child:focus > a, body.fixed-nav-active .main-navigation li.page_item_has_children.active ul li:first-child.active > a, body.content-none-page .main-navigation li.page_item_has_children.active ul li:first-child.active > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:first-child:hover > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:first-child:hover > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:first-child:focus > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:first-child:focus > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:hover ul li:first-child.active > a, body.content-none-page .main-navigation li.menu-item-has-children:hover ul li:first-child.active > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:first-child:hover > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:first-child:hover > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:first-child:focus > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:first-child:focus > a, body.fixed-nav-active .main-navigation li.menu-item-has-children:focus ul li:first-child.active > a, body.content-none-page .main-navigation li.menu-item-has-children:focus ul li:first-child.active > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:first-child:hover > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:first-child:hover > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:first-child:focus > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:first-child:focus > a, body.fixed-nav-active .main-navigation li.menu-item-has-children.active ul li:first-child.active > a, body.content-none-page .main-navigation li.menu-item-has-children.active ul li:first-child.active > a { border-top-color: #fff; } .main-navigation li.page_item_has_children ul li, .main-navigation li.menu-item-has-children ul li { border-top: 1px solid #f2f2f2; } .main-navigation li.page_item_has_children ul li:first-child, .main-navigation li.menu-item-has-children ul li:first-child { border-top: none; } .main-navigation li.page_item_has_children ul li:hover, .main-navigation li.page_item_has_children ul li:focus, .main-navigation li.page_item_has_children ul li.active, .main-navigation li.menu-item-has-children ul li:hover, .main-navigation li.menu-item-has-children ul li:focus, .main-navigation li.menu-item-has-children ul li.active { border-color: #f2f2f2 #fff #fff; } .main-navigation li.page_item_has_children > a, .main-navigation li.menu-item-has-children > a { border: none; } .main-navigation li.page_item_has_children > a:hover, .main-navigation li.page_item_has_children > a:focus, .main-navigation li.page_item_has_children > a.active, .main-navigation li.menu-item-has-children > a:hover, .main-navigation li.menu-item-has-children > a:focus, .main-navigation li.menu-item-has-children > a.active { border: none; } .main-navigation a { border: 1px solid transparent; display: inline-block; color: #e6e6e6; font-size: 14px; font-weight: 400; padding: 5px 20px; text-decoration: none; text-transform: uppercase; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } body.fixed-nav-active .main-navigation a, body.content-none-page .main-navigation a { color: #999999; } .main-navigation a i { display: inline-block; padding: 15px 5px; } .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active { color: #fff; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { border: 1px solid #fff; } body.fixed-nav-active .main-navigation .current_page_item > a, body.content-none-page .main-navigation .current_page_item > a, body.fixed-nav-active .main-navigation .current-menu-item > a, body.content-none-page .main-navigation .current-menu-item > a, body.fixed-nav-active .main-navigation .current_page_ancestor > a, body.content-none-page .main-navigation .current_page_ancestor > a, body.fixed-nav-active .main-navigation .current-menu-ancestor > a, body.content-none-page .main-navigation .current-menu-ancestor > a { border-color: #999999; } .main-navigation .page_item_has_children, .main-navigation .menu-item-has-children { position: relative; } .main-navigation .page_item_has_children:after, .main-navigation .menu-item-has-children:after { content: "\43"; float: right; color: #b3b3b3; font-size: 16px; font-family: "kf-icons"; margin-right: 5px; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; padding-top: 4px; } .main-navigation .page_item_has_children.current-menu-item, .main-navigation .menu-item-has-children.current-menu-item { border: 1px solid #fff; } body.fixed-nav-active .main-navigation .page_item_has_children.current-menu-item, body.content-none-page .main-navigation .page_item_has_children.current-menu-item, body.fixed-nav-active .main-navigation .menu-item-has-children.current-menu-item, body.content-none-page .main-navigation .menu-item-has-children.current-menu-item { border-color: #999999; } .main-navigation .page_item_has_children.current-menu-item > a, .main-navigation .menu-item-has-children.current-menu-item > a { border: none; } .main-navigation .page_item_has_children > a, .main-navigation .menu-item-has-children > a { padding-right: 5px; } .main-navigation .page_item_has_children .children .page_item_has_children:after, .main-navigation .page_item_has_children .children .menu-item-has-children:after, .main-navigation .page_item_has_children .sub-menu .page_item_has_children:after, .main-navigation .page_item_has_children .sub-menu .menu-item-has-children:after, .main-navigation .menu-item-has-children .children .page_item_has_children:after, .main-navigation .menu-item-has-children .children .menu-item-has-children:after, .main-navigation .menu-item-has-children .sub-menu .page_item_has_children:after, .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children:after { content: "\34"; float: right; font-size: 20px; margin-top: -46px; padding-left: 5px; padding-right: 15px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; vertical-align: middle; } .main-navigation .page_item_has_children .children .page_item_has_children a, .main-navigation .page_item_has_children .children .menu-item-has-children a, .main-navigation .page_item_has_children .sub-menu .page_item_has_children a, .main-navigation .page_item_has_children .sub-menu .menu-item-has-children a, .main-navigation .menu-item-has-children .children .page_item_has_children a, .main-navigation .menu-item-has-children .children .menu-item-has-children a, .main-navigation .menu-item-has-children .sub-menu .page_item_has_children a, .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children a { float: left; padding-right: 25px; } .main-navigation .page_item_has_children:hover:after, .main-navigation .page_item_has_children:focus:after, .main-navigation .page_item_has_children:active:after, .main-navigation .menu-item-has-children:hover:after, .main-navigation .menu-item-has-children:focus:after, .main-navigation .menu-item-has-children:active:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .main-navigation .page_item_has_children:hover .children .page_item_has_children:after, .main-navigation .page_item_has_children:hover .children .menu-item-has-children:after, .main-navigation .page_item_has_children:hover .sub-menu .page_item_has_children:after, .main-navigation .page_item_has_children:hover .sub-menu .menu-item-has-children:after, .main-navigation .page_item_has_children:focus .children .page_item_has_children:after, .main-navigation .page_item_has_children:focus .children .menu-item-has-children:after, .main-navigation .page_item_has_children:focus .sub-menu .page_item_has_children:after, .main-navigation .page_item_has_children:focus .sub-menu .menu-item-has-children:after, .main-navigation .page_item_has_children:active .children .page_item_has_children:after, .main-navigation .page_item_has_children:active .children .menu-item-has-children:after, .main-navigation .page_item_has_children:active .sub-menu .page_item_has_children:after, .main-navigation .page_item_has_children:active .sub-menu .menu-item-has-children:after, .main-navigation .menu-item-has-children:hover .children .page_item_has_children:after, .main-navigation .menu-item-has-children:hover .children .menu-item-has-children:after, .main-navigation .menu-item-has-children:hover .sub-menu .page_item_has_children:after, .main-navigation .menu-item-has-children:hover .sub-menu .menu-item-has-children:after, .main-navigation .menu-item-has-children:focus .children .page_item_has_children:after, .main-navigation .menu-item-has-children:focus .children .menu-item-has-children:after, .main-navigation .menu-item-has-children:focus .sub-menu .page_item_has_children:after, .main-navigation .menu-item-has-children:focus .sub-menu .menu-item-has-children:after, .main-navigation .menu-item-has-children:active .children .page_item_has_children:after, .main-navigation .menu-item-has-children:active .children .menu-item-has-children:after, .main-navigation .menu-item-has-children:active .sub-menu .page_item_has_children:after, .main-navigation .menu-item-has-children:active .sub-menu .menu-item-has-children:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #offcanvas-menu { background-color: #fff; position: fixed; top: 0; height: 100%; right: -100%; width: 40%; z-index: 99999; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; transition: right 0.5s; } @media screen and (max-width: 767px) { #offcanvas-menu { width: 100%; } } #offcanvas-menu .close-offcanvas-menu { text-align: right; } #offcanvas-menu .close-offcanvas-menu span { font-size: 38px; margin: 10px; display: inline-block; } body.offcanvas-menu-open #offcanvas-menu { right: 0; } .offcanvas-navigation ul { list-style: none; margin: 0; padding-left: 0; } .offcanvas-navigation ul ul { padding-left: 15px; } .offcanvas-navigation li.current_page_item > a, .offcanvas-navigation li.current-menu-item > a, .offcanvas-navigation li.current_page_ancestor > a, .offcanvas-navigation li.current-menu-ancestor > a { color: #00C0FF; } .offcanvas-navigation li.page_item_has_children, .offcanvas-navigation li.menu-item-has-children { position: relative; } .offcanvas-navigation li.page_item_has_children > a:after, .offcanvas-navigation li.menu-item-has-children > a:after { content: "\43"; float: right; color: #b3b3b3; font-size: 16px; font-family: "kf-icons"; margin-right: 10px; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; padding-top: 4px; } .offcanvas-navigation li.page_item_has_children:hover:after, .offcanvas-navigation li.page_item_has_children:focus:after, .offcanvas-navigation li.page_item_has_children:active:after, .offcanvas-navigation li.menu-item-has-children:hover:after, .offcanvas-navigation li.menu-item-has-children:focus:after, .offcanvas-navigation li.menu-item-has-children:active:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .offcanvas-navigation a { display: block; color: #999999; font-size: 15px; font-weight: 400; padding: 8px 20px; text-decoration: none; text-transform: uppercase; } .offcanvas-navigation a:hover, .offcanvas-navigation a:focus, .offcanvas-navigation a:active { color: #00C0FF; } .offcanvas-navigation .sub-menu { display: none; } .block-grid { padding-bottom: 15px; } .site-footer { background-color: #262626; } .site-footer:before, .site-footer:after { content: " "; display: table; } .site-footer:after { clear: both; } .site-footer .footer-inner { color: #b3b3b3; display: block; margin-left: auto; margin-right: auto; font-size: 13px; padding: 30px 15px; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .site-info { display: block; margin-left: auto; margin-right: auto; max-width: 1200px; color: #666666; } .site-info a { color: #b3b3b3; display: inline-block; } .site-info a:hover, .site-info a:focus, .site-info a:active { color: #00C0FF; } .block-top-footer { background-color: #1a1a1a; font-size: 14px; padding: 80px 15px 20px; } @media screen and (max-width: 1199px) { .block-top-footer { padding-top: 50px; } } .block-top-footer .widget { background-color: transparent; border: none; color: #b3b3b3; text-align: left; } @media screen and (max-width: 1199px) { .block-top-footer .widget { margin-bottom: 40px; } } .block-top-footer .widget .footer-item { background-color: transparent; border: none; color: #b3b3b3; text-align: left; } .block-top-footer .widget .widget-title, .block-top-footer .widget .widgettitle { background-color: transparent; border: none; color: #e6e6e6; display: block; font-size: 15px; font-weight: 600; margin: 0 0 30px 0; padding: 0 0 15px 0; padding-right: 0; position: relative; text-align: left; letter-spacing: 2px; } .block-top-footer .widget .widget-title:after, .block-top-footer .widget .widgettitle:after { display: inline-block; height: 1px; width: 40px; background-color: #b3b3b3; content: ""; position: absolute; bottom: 0; left: 0; } .block-top-footer .widget ul, .block-top-footer .widget ol { background-color: transparent; border: 1px solid transparent; margin-bottom: 0; padding: 0 0; border: none; } .block-top-footer .widget ul li, .block-top-footer .widget ol li { color: #b3b3b3; border-color: #333333; padding-left: 0; } .block-top-footer .widget ul li:before, .block-top-footer .widget ol li:before { display: none; } .block-top-footer .widget ul li a, .block-top-footer .widget ol li a { color: #b3b3b3; font-size: 14px; } .block-top-footer .widget ul li a:hover, .block-top-footer .widget ul li a:focus, .block-top-footer .widget ul li a:active, .block-top-footer .widget ol li a:hover, .block-top-footer .widget ol li a:focus, .block-top-footer .widget ol li a:active { color: #00C0FF; } .block-top-footer .widget ul ul, .block-top-footer .widget ul ol, .block-top-footer .widget ol ul, .block-top-footer .widget ol ol { padding-top: 0; } .block-top-footer .widget a { color: #b3b3b3; } .block-top-footer .widget a:hover, .block-top-footer .widget a:focus, .block-top-footer .widget a:active { color: #00C0FF; } .block-top-footer .widget dfn, .block-top-footer .widget cite, .block-top-footer .widget em, .block-top-footer .widget i, .block-top-footer .widget abbr, .block-top-footer .widget acronym { color: #b3b3b3; } .block-top-footer .widget input[type="search"] { border: 1px solid #cccccc; background-color: #cccccc; } .block-top-footer .widget .search-button { background-color: #333333; border: 1px solid #333333; height: 43px; -webkit-transition: background-color 0.5s, border-color 0.5s; -moz-transition: background-color 0.5s, border-color 0.5s; -ms-transition: background-color 0.5s, border-color 0.5s; -o-transition: background-color 0.5s, border-color 0.5s; transition: background-color 0.5s, border-color 0.5s; } .block-top-footer .widget .search-button span { color: #b3b3b3; } .block-top-footer .widget .search-button:hover, .block-top-footer .widget .search-button:focus, .block-top-footer .widget .search-button:active { background-color: #666666; border: 1px solid #666666; } .block-top-footer .widget .search-button:hover span, .block-top-footer .widget .search-button:focus span, .block-top-footer .widget .search-button:active span { color: #fff; } .block-top-footer .widget .textwidget, .block-top-footer .widget .calendar_wrap, .block-top-footer .widget .tagcloud, .block-top-footer .widget.widget_nav_menu .menu { color: #b3b3b3; background-color: transparent; border: 1px solid transparent; margin-bottom: 0; padding: 0 0; } .block-top-footer .widget .textwidget ul, .block-top-footer .widget .textwidget ol { padding-top: 0; } .block-top-footer .widget .textwidget a:hover, .block-top-footer .widget .textwidget a:focus, .block-top-footer .widget .textwidget a:active { -webkit-box-shadow: 0px 2px 0px 0px #e6e6e6; -moz-box-shadow: 0px 2px 0px 0px #e6e6e6; -ms-box-shadow: 0px 2px 0px 0px #e6e6e6; -o-box-shadow: 0px 2px 0px 0px #e6e6e6; box-shadow: 0px 2px 0px 0px #e6e6e6; color: #00C0FF; } .block-top-footer .widget .calendar_wrap table, .block-top-footer .widget .calendar_wrap th, .block-top-footer .widget .calendar_wrap td { border-color: #333333; border-width: 1px; } .block-top-footer .widget .calendar_wrap table { border-bottom: 0; } .block-top-footer .widget .calendar_wrap table caption { border-bottom: 1px solid #999999; color: #b3b3b3; margin-bottom: 0; text-align: right; } .block-top-footer .widget .tagcloud a { background-color: transparent; border-color: #333333; color: #b3b3b3; } .block-top-footer .widget .search-form { margin-top: 40px; } .block-top-footer .widget .recentcomments .comment-author-link { color: #b3b3b3; font-style: italic; } .block-top-footer .widget .mejs-audio { margin-top: 30px; } .block-top-footer .widget .wp-video { margin-top: 40px; } .block-top-footer .widget .wp-caption { color: #b3b3b3; margin-top: 40px; } .block-top-footer .widget.widget_rss li a { color: #b3b3b3; } .block-top-footer .widget.widget_rss li a:hover, .block-top-footer .widget.widget_rss li a:focus, .block-top-footer .widget.widget_rss li a:active { color: #00C0FF; } .block-top-footer .widget .rsswidget { color: #b3b3b3; } .block-top-footer .widget .rsswidget:hover, .block-top-footer .widget .rsswidget:focus, .block-top-footer .widget .rsswidget:active { color: #00C0FF; } .block-top-footer .widget .button { color: #b3b3b3; } .block-top-footer .widget .button:hover, .block-top-footer .widget .button:focus, .block-top-footer .widget .button:active { color: #b3b3b3; } .block-top-footer .widget .sb-about-widget .widget-content { margin-top: 40px; } .block-top-footer .widget .sb-right-thumb-widget { color: #b3b3b3; } .block-top-footer .widget .sb-right-thumb-widget .widget-content { margin-top: 40px; padding: 0; } .block-top-footer .widget .sb-right-thumb-widget .widget-content .post-footer span a { color: #d9d9d9; } .block-top-footer .widget .sb-right-thumb-widget .widget-content .post-footer span a:hover, .block-top-footer .widget .sb-right-thumb-widget .widget-content .post-footer span a:focus, .block-top-footer .widget .sb-right-thumb-widget .widget-content .post-footer span a:active { color: #000; } .block-top-footer .widget .sb-right-thumb-widget .widget-content a { color: #b3b3b3; } .block-top-footer .widget .sb-right-thumb-widget .widget-content a:hover, .block-top-footer .widget .sb-right-thumb-widget .widget-content a:focus, .block-top-footer .widget .sb-right-thumb-widget .widget-content a:active { color: #000; } /*-------------------------------------------------------------- 6.0 Pages --------------------------------------------------------------*/ body.page .post-footer { display: none; } body.search-results .page-content { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; padding-bottom: 8%; padding-top: 8%; } body.search-results .page-content:before, body.search-results .page-content:after { content: " "; display: table; } body.search-results .page-content:after { clear: both; } body.search-results .site-main { margin-right: 0; } body.search-results .inner-page-content .navigation { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border-top: 1px solid #e6e6e6; display: block; margin-left: 15px; margin-right: 15px; padding-top: 30px; text-align: center; } body.search-results .inner-page-content .navigation:before, body.search-results .inner-page-content .navigation:after { content: " "; display: table; } body.search-results .inner-page-content .navigation:after { clear: both; } body.search-results .post-format-outer { display: none; } body.search-results .post-thumb-outer { margin-bottom: 30px; } .search-post-item { background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; padding: 0; } .search-post-item .post-thumb { display: block; text-align: center; } .search-post-item .post-content { padding-bottom: 15px; padding-top: 0; } body.content-none-page .site-header { padding-bottom: 15px; padding-top: 15px; background-color: #fafafa; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } body.content-none-page .wrap-detail-page { background-color: #fafafa; padding-bottom: 180px; padding-top: 200px; } body.content-none-page .wrap-detail-page:before, body.content-none-page .wrap-detail-page:after { content: " "; display: table; } body.content-none-page .wrap-detail-page:after { clear: both; } @media screen and (max-width: 767px) { body.content-none-page .wrap-detail-page { padding-bottom: 80px; padding-top: 100px; } } body.content-none-page .wrap-detail-page .section-title { color: #1a1a1a; } @media screen and (min-width: 992px) { body.content-none-page .wrap-detail-page .section-title { font-size: 60px; line-height: 1; } } body.content-none-page .wrap-detail-page h3 { letter-spacing: 1px; color: #666666; font-size: 16px; font-weight: 400; margin-top: 30px; } body.content-none-page .wrap-detail-page .content { margin-top: 60px; text-align: center; } body.content-none-page .wrap-detail-page .content p { margin-bottom: 40px; } .no-results { background-color: #fff; margin-top: 40px; } .no-results:before, .no-results:after { content: " "; display: table; } .no-results:after { clear: both; } @media screen and (min-width: 992px) { .no-results .section-title { font-size: 60px; line-height: 1; } } .no-results .content { margin-top: 30px; text-align: center; } .no-results .content p { margin-bottom: 40px; } .no-results .content .button { color: #fff; } .block-service { padding-bottom: 110px; padding-top: 100px; } @media screen and (max-width: 1199px) { .block-service { padding-top: 50px; padding-bottom: 60px; } } .icon-block-outer .list-inner { padding: 0 15px; font-size: 14px; color: #999999; } @media screen and (max-width: 991px) { .icon-block-outer .list-inner { margin-bottom: 30px; margin-top: 30px; } } .icon-block-outer .list-inner .icon-area { margin-bottom: 40px; } .icon-block-outer .list-inner .icon-area .icon-outer { height: 110px; width: 110px; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background-color: #eaeaea; -webkit-box-shadow: 0 0 0 10px #f4f4f4; -moz-box-shadow: 0 0 0 10px #f4f4f4; -ms-box-shadow: 0 0 0 10px #f4f4f4; -o-box-shadow: 0 0 0 10px #f4f4f4; box-shadow: 0 0 0 10px #f4f4f4; margin: auto; -webkit-transition: background-color 0.3s, box-shadow 0.5s; -moz-transition: background-color 0.3s, box-shadow 0.5s; -ms-transition: background-color 0.3s, box-shadow 0.5s; -o-transition: background-color 0.3s, box-shadow 0.5s; transition: background-color 0.3s, box-shadow 0.5s; } .icon-block-outer .list-inner .icon-area .icon-outer a { display: block; height: 100%; width: 100%; } .icon-block-outer .list-inner .icon-area .icon-outer span { color: #000; font-size: 42px; line-height: 110px; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -ms-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; } .icon-block-outer .list-inner .icon-area .icon-outer:hover, .icon-block-outer .list-inner .icon-area .icon-outer:focus, .icon-block-outer .list-inner .icon-area .icon-outer:active { background-color: #0fd4bb; -webkit-box-shadow: 0 0 0 10px #0fd4bb; -moz-box-shadow: 0 0 0 10px #0fd4bb; -ms-box-shadow: 0 0 0 10px #0fd4bb; -o-box-shadow: 0 0 0 10px #0fd4bb; box-shadow: 0 0 0 10px #0fd4bb; -webkit-transition: background-color 0.3s, box-shadow 0.5s; -moz-transition: background-color 0.3s, box-shadow 0.5s; -ms-transition: background-color 0.3s, box-shadow 0.5s; -o-transition: background-color 0.3s, box-shadow 0.5s; transition: background-color 0.3s, box-shadow 0.5s; } .icon-block-outer .list-inner .icon-area .icon-outer:hover span, .icon-block-outer .list-inner .icon-area .icon-outer:focus span, .icon-block-outer .list-inner .icon-area .icon-outer:active span { color: #fff; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -ms-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; } .icon-block-outer h3 { font-size: 15px; margin-bottom: 15px; margin-top: 15px; } .icon-block-outer h3 a { color: #1a1a1a; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; } .icon-block-outer h3 a:hover, .icon-block-outer h3 a:focus, .icon-block-outer h3 a:active { color: #00C0FF; } .icon-block-outer .button-container { margin-top: 30px; } .icon-block-outer .button-container .button-text { color: #b3b3b3; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 400; text-transform: uppercase; } .icon-block-outer .button-container .button-text:before { color: #b3b3b3; } .icon-block-outer .button-container .button-text:hover, .icon-block-outer .button-container .button-text:focus, .icon-block-outer .button-container .button-text:active { color: #00C0FF; } .icon-block-outer .button-container .button-text:hover:before, .icon-block-outer .button-container .button-text:focus:before, .icon-block-outer .button-container .button-text:active:before { color: #00C0FF; } .block-about { position: relative; } .thumb-block-outer .content-outer { text-align: left; padding: 75px 20% 75px 90px; height: 500px; overflow: hidden; } @media screen and (max-width: 1199px) { .thumb-block-outer .content-outer { padding: 30px 20% 50px 30px; height: auto; } } @media screen and (max-width: 991px) { .thumb-block-outer .content-outer { padding-right: 30px; } } .thumb-block-outer .content-outer .container { padding: 0; max-width: 100%; } .thumb-block-outer .content-outer .section-title-group { margin-bottom: 30px; } .thumb-block-outer .content-outer .section-title { text-align: left; } .thumb-block-outer .content-outer .sub-title { text-align: left; color: #595959; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; margin-top: 0; margin-bottom: 40px; } @media screen and (max-width: 1199px) { .thumb-block-outer .content-outer .sub-title { margin-bottom: 15px; } } .thumb-block-outer .content-outer .maintitle-divider { margin-left: 0; } .thumb-block-outer .content-outer .button-container { margin-top: 30px; } .thumb-block-outer .thumb-outer { width: 100%; position: relative; padding: 0; height: 500px; overflow: hidden; } @media screen and (max-width: 1199px) { .thumb-block-outer .thumb-outer { height: auto; } } .thumb-block-outer .thumb-outer img { width: 100%; max-width: 100%; height: auto; } .block-callback { background-color: #fafafa; background-repeat: repeat; color: #fff; text-align: center; -webkit-background-attachment: fixed; -moz-background-attachment: fixed; -ms-background-attachment: fixed; -o-background-attachment: fixed; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; text-align: center; padding: 0; } .block-callback .banner-overlay, .block-callback .post-content-overlay .post-thumb figure a, .post-content-overlay .post-thumb figure .block-callback a, .block-callback .block-portfolio .gallery-thumb .hidden-content, .block-portfolio .gallery-thumb .block-callback .hidden-content { padding-bottom: 100px; padding-top: 85px; } .block-callback .thumb-area { margin-bottom: 40px; } .block-callback .section-title { color: #f2f2f2; margin-bottom: 20px; font-size: 42px; text-transform: uppercase; } @media screen and (max-width: 767px) { .block-callback .section-title { font-size: 32px; } } .block-callback .sub-title { color: #e6e6e6; } .block-callback > a { border-width: 2px; margin-left: 15px; margin-right: 15px; } body.home.page .block-grid { background-color: #f7f7f7; color: #333333; padding-bottom: 90px; padding-top: 100px; } @media screen and (max-width: 1199px) { body.home.page .block-grid { padding-bottom: 50px; padding-top: 50px; } } .block-grid .section-title-group { padding-bottom: 30px; text-align: center; } @media screen and (max-width: 1199px) { .block-grid .section-title-group { margin-bottom: 20px; } } .block-grid .post-content { -webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2); -ms-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2); -o-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2); box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.2); padding: 0; -webkit-transition: box-shadow 0.3s, transform 0.3s; -moz-transition: box-shadow 0.3s, transform 0.3s; -ms-transition: box-shadow 0.3s, transform 0.3s; -o-transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s; margin-bottom: 30px; } .block-grid .post-content .post-thumb-outer { position: relative; } .block-grid .post-content .post-thumb-outer span.cat { left: 15px; position: absolute; top: 15px; z-index: 99; } .block-grid .post-content .post-thumb-outer span.cat a { background-color: #1a1a1a; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; color: #e6e6e6; display: block; font-size: 13px; padding: 2px 12px 3px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; text-transform: uppercase; } .block-grid .post-content .post-thumb-outer span.cat a:hover, .block-grid .post-content .post-thumb-outer span.cat a:focus, .block-grid .post-content .post-thumb-outer span.cat a:active { background-color: #4d4d4d; color: #fff; } .block-grid .post-content .post-thumb-outer .post-thumb img { height: auto; max-width: 100%; width: 100%; } .block-grid .post-content .post-thumb-outer .post-detail { position: absolute; top: 5px; right: 5px; display: inline-block; text-align: center; z-index: 9; } .block-grid .post-content .post-thumb-outer .post-detail a { color: #fff; display: block; } .block-grid .post-content .post-thumb-outer .post-detail a.date { color: #fff; display: block; background-color: rgba(15, 212, 187, 0.8); text-transform: uppercase; padding: 10px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .block-grid .post-content .post-thumb-outer .post-detail a.date .day { display: block; font-size: 32px; font-weight: 500; letter-spacing: 2px; text-align: center; line-height: 1; border-bottom: 1px solid rgba(255, 255, 255, 0.6); padding: 0 5px 10px; margin-bottom: 10px; } .block-grid .post-content .post-thumb-outer .post-detail a.date .monthyear { display: block; font-size: 14px; line-height: 1; font-weight: 600; letter-spacing: 1px; } .block-grid .post-content .post-thumb-outer .post-detail a.date .monthyear p { margin: 0; } .block-grid .post-content .post-thumb-outer .post-detail a.date:hover, .block-grid .post-content .post-thumb-outer .post-detail a.date:focus, .block-grid .post-content .post-thumb-outer .post-detail a.date:active { background-color: #1a1a1a; } .block-grid .post-content .post-format-outer > span { display: block; margin-right: 15px; margin-top: -25px; position: relative; text-align: right; z-index: 9; } .block-grid .post-content .post-format-outer > span a { background-color: #4d4d4d; border: 3px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; display: inline-block; height: 50px; overflow: hidden; text-align: center; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; vertical-align: middle; width: 50px; } .block-grid .post-content .post-format-outer > span a span { color: #fff; font-size: 20px; line-height: 41px; text-align: center; } .block-grid .post-content .post-format-outer > span a:hover, .block-grid .post-content .post-format-outer > span a:focus, .block-grid .post-content .post-format-outer > span a:active { background-color: #1a1a1a; color: #fff; } .block-grid .post-content .post-content-inner { padding: 0 50px 30px; font-size: 14px; font-weight: 300; color: #999999; } .block-grid .post-content .post-content-inner p { line-height: 1.8; } .block-grid .post-content .post-content-inner .post-title { margin-top: 15px; } .block-grid .post-content .post-content-inner .post-title h3 { font-size: 15px; margin-bottom: 15px; margin-top: 15px; } .block-grid .post-content .post-content-inner .post-title h3 a { color: #1a1a1a; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; } .block-grid .post-content .post-content-inner .post-title h3 a:hover, .block-grid .post-content .post-content-inner .post-title h3 a:focus, .block-grid .post-content .post-content-inner .post-title h3 a:active { color: #00C0FF; } .block-grid .post-content .post-content-inner .button-container { margin-top: 30px; } .block-grid .post-content .post-content-inner .button-container .button-text { color: #b3b3b3; font-family: "Montserrat", sans-serif; font-size: 13px; font-weight: 400; text-transform: uppercase; } .block-grid .post-content .post-content-inner .button-container .button-text:before { color: #b3b3b3; } .block-grid .post-content .post-content-inner .button-container .button-text:hover, .block-grid .post-content .post-content-inner .button-container .button-text:focus, .block-grid .post-content .post-content-inner .button-container .button-text:active { color: #00C0FF; } .block-grid .post-content .post-content-inner .button-container .button-text:hover:before, .block-grid .post-content .post-content-inner .button-container .button-text:focus:before, .block-grid .post-content .post-content-inner .button-container .button-text:active:before { color: #00C0FF; } .block-grid .post-content:hover, .block-grid .post-content:focus, .block-grid .post-content:active { -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); transform: translateY(-10px); } .block-portfolio { padding-top: 100px; } @media screen and (max-width: 1199px) { .block-portfolio { padding-top: 50px; } } .block-portfolio .section-title-group { padding-bottom: 20px; } @media screen and (max-width: 991px) { .block-portfolio .section-title-group { padding-bottom: 10px; } } @media screen and (max-width: 479px) { .block-portfolio .grid-list { width: 100%; } } .block-portfolio .gallery-thumb { position: relative; overflow: hidden; } .block-portfolio .gallery-thumb .gallery-link img { vertical-align: top; height: 100%; width: 100%; } .block-portfolio .gallery-thumb .hidden-content { bottom: 0; left: 0; height: 100%; margin: auto; opacity: 0; position: absolute; right: 0; top: 0; margin: auto; text-align: center; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; width: 100%; z-index: 9; } .block-portfolio .gallery-thumb .head { bottom: -50px; left: 0; padding: 15px 30px; position: absolute; text-align: left; -webkit-transition: bottom 0.5s; -moz-transition: bottom 0.5s; -ms-transition: bottom 0.5s; -o-transition: bottom 0.5s; transition: bottom 0.5s; width: 100%; z-index: 99; } .block-portfolio .gallery-thumb .heading { margin-bottom: 0; line-height: 1; text-transform: uppercase; } .block-portfolio .gallery-thumb .heading a { color: #fff; font-size: 20px; font-weight: 400; line-height: 1; } .block-portfolio .gallery-thumb .heading a:hover, .block-portfolio .gallery-thumb .heading a:focus, .block-portfolio .gallery-thumb .heading a:active { color: #00C0FF; } .block-portfolio .gallery-thumb .sub-heading { color: #e6e6e6; font-size: 14px; font-weight: 400; text-transform: uppercase; } .block-portfolio .gallery-thumb .sub-heading a { color: #00C0FF; font-size: 14px; font-weight: 400; text-transform: uppercase; } .block-portfolio .gallery-thumb .sub-heading a:hover, .block-portfolio .gallery-thumb .sub-heading a:focus, .block-portfolio .gallery-thumb .sub-heading a:active { color: #fff; } .block-portfolio .gallery-thumb .icon-area { position: absolute; right: -60px; text-align: center; top: -60px; -webkit-transition: top 0.5s, right 0.5s; -moz-transition: top 0.5s, right 0.5s; -ms-transition: top 0.5s, right 0.5s; -o-transition: top 0.5s, right 0.5s; transition: top 0.5s, right 0.5s; z-index: 99; } .block-portfolio .gallery-thumb .icon-area a { display: inline-block; background-color: rgba(0, 0, 0, 0.5); height: 60px; width: 60px; text-align: center; } .block-portfolio .gallery-thumb .icon-area a span { color: #e6e6e6; font-size: 22px; line-height: 52px; } .block-portfolio .gallery-thumb .icon-area a:hover, .block-portfolio .gallery-thumb .icon-area a:focus, .block-portfolio .gallery-thumb .icon-area a:active { background-color: #000; } .block-portfolio .gallery-thumb .icon-area a:hover span, .block-portfolio .gallery-thumb .icon-area a:focus span, .block-portfolio .gallery-thumb .icon-area a:active span { color: #fff; } .block-portfolio .gallery-thumb:hover .head, .block-portfolio .gallery-thumb:focus .head, .block-portfolio .gallery-thumb:active .head { bottom: 0; } .block-portfolio .gallery-thumb:hover .hidden-content, .block-portfolio .gallery-thumb:focus .hidden-content, .block-portfolio .gallery-thumb:active .hidden-content { opacity: 1; } .block-portfolio .gallery-thumb:hover .icon-area, .block-portfolio .gallery-thumb:focus .icon-area, .block-portfolio .gallery-thumb:active .icon-area { right: 0; top: 0; } .block-testimonial { color: #1a1a1a; padding-top: 120px; padding-bottom: 170px; position: relative; } @media screen and (max-width: 1199px) { .block-testimonial { padding-top: 60px; padding-bottom: 140px; } } .block-testimonial .content-inner { position: relative; } .block-testimonial .controls { height: 1px; z-index: 999; } .block-testimonial .controls .owl-prev, .block-testimonial .controls .owl-next { float: left; margin-left: 30px; font-size: 0px; } @media screen and (max-width: 767px) { .block-testimonial .controls .owl-prev, .block-testimonial .controls .owl-next { margin-left: 15px; } } .block-testimonial .controls .owl-prev:before, .block-testimonial .controls .owl-next:before { content: "\3c"; font-size: 32px; font-family: "kf-icons"; color: #d9d9d9; cursor: pointer; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -ms-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; } .block-testimonial .controls .owl-prev:hover:before, .block-testimonial .controls .owl-prev:focus:before, .block-testimonial .controls .owl-prev:active:before, .block-testimonial .controls .owl-next:hover:before, .block-testimonial .controls .owl-next:focus:before, .block-testimonial .controls .owl-next:active:before { color: #1a1a1a; } .block-testimonial .controls .owl-next { float: right; margin-left: 0; margin-right: 30px; } @media screen and (max-width: 767px) { .block-testimonial .controls .owl-next { margin-right: 15px; } } .block-testimonial .controls .owl-next:before { content: "\3d"; } .block-testimonial .controls .button-text { -webkit-transition: margin-right 0.2s linear; -moz-transition: margin-right 0.2s linear; -ms-transition: margin-right 0.2s linear; -o-transition: margin-right 0.2s linear; transition: margin-right 0.2s linear; } .block-testimonial .controls .button-text:before { color: #1a1a1a; font-size: 36px; } .block-testimonial .controls .button-text:after { background-color: #1a1a1a; height: 3px; top: 3px; right: 14px; -webkit-transition: opacity 0.2s linear, left 0.2s linear, right 0.2s linear; -moz-transition: opacity 0.2s linear, left 0.2s linear, right 0.2s linear; -ms-transition: opacity 0.2s linear, left 0.2s linear, right 0.2s linear; -o-transition: opacity 0.2s linear, left 0.2s linear, right 0.2s linear; transition: opacity 0.2s linear, left 0.2s linear, right 0.2s linear; } .block-testimonial .controls .button-text:after:before, .block-testimonial .controls .button-text:after:after { content: " "; display: table; } .block-testimonial .controls .button-text:after:after { clear: both; } .block-testimonial .controls .button-text:hover, .block-testimonial .controls .button-text:focus, .block-testimonial .controls .button-text:active { margin-right: 11.66667%; } .block-testimonial .controls .button-text:hover:before, .block-testimonial .controls .button-text:focus:before, .block-testimonial .controls .button-text:active:before { color: #000; } .block-testimonial .controls .button-text:hover:after, .block-testimonial .controls .button-text:focus:after, .block-testimonial .controls .button-text:active:after { background-color: #000; right: 2px; } .block-testimonial .controls .button-text.button-text-left { -webkit-transition: margin-left 0.2s linear; -moz-transition: margin-left 0.2s linear; -ms-transition: margin-left 0.2s linear; -o-transition: margin-left 0.2s linear; transition: margin-left 0.2s linear; } .block-testimonial .controls .button-text.button-text-left:hover, .block-testimonial .controls .button-text.button-text-left:focus, .block-testimonial .controls .button-text.button-text-left:active { margin-left: 11.66667%; } .block-testimonial .owl-pager { counter-reset: slides-num; /* Initialize counter. */ position: absolute; bottom: -70px; left: 0; right: 0; margin: auto; text-align: center; } .block-testimonial .owl-pager:after { content: counter(slides-num); /* get total number of items - more info on http://www.sitepoint.com/a-little-known-way-to-replace-some-scripts-with-css-counters/ */ display: inline-block; font-size: 18px; vertical-align: middle; padding-left: 5px; } .block-testimonial .owl-dot { display: inline-block; counter-increment: slides-num; /* Increment counter */ } .block-testimonial .owl-dot span { display: none; } .block-testimonial .owl-dot.active:before { font-weight: 600; content: counter(slides-num) " /"; /* Use the same counter to get current item. */ display: inline-block; vertical-align: middle; font-size: 18px; } .block-testimonial .slide-item { width: 100%; padding-left: 50px; padding-right: 50px; } .block-testimonial .slide-item article.post-content { background-color: transparent; text-align: left; opacity: 1; margin: 0; padding: 0; } .block-testimonial .slide-item article.post-content:before, .block-testimonial .slide-item article.post-content:after { content: " "; display: table; } .block-testimonial .slide-item article.post-content:after { clear: both; } @media screen and (max-width: 767px) { .block-testimonial .slide-item article.post-content { text-align: center; } } .block-testimonial .slide-item article.post-content .post-thumb-outer { float: left; height: 150px; position: relative; width: 150px; } @media screen and (max-width: 767px) { .block-testimonial .slide-item article.post-content .post-thumb-outer { float: none; margin-left: auto; margin-right: auto; } } .block-testimonial .slide-item article.post-content .post-thumb-outer .big-icon { position: absolute; top: 7px; right: 0; z-index: 9; } .block-testimonial .slide-item article.post-content .post-thumb-outer .big-icon span { color: #1a1a1a; font-size: 32px; } .block-testimonial .slide-item article.post-content .post-thumb-outer .post-thumb { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .block-testimonial .slide-item article.post-content .post-thumb-outer .post-thumb img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; vertical-align: top; } .block-testimonial .slide-item article.post-content .post-thumb-outer .post-thumb a { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .block-testimonial .slide-item article.post-content .post-content-inner { float: right; margin-top: 15px; width: 100%; } @media screen and (min-width: 768px) { .block-testimonial .slide-item article.post-content .post-content-inner { width: calc(100% - 200px); } } .block-testimonial .slide-item article.post-content .post-content-inner blockquote { background-color: transparent; border: none; padding: 0; font-style: normal; font-size: 15px; letter-spacing: 1px; font-weight: 300; color: #666666; } .block-testimonial .slide-item article.post-content .post-content-inner blockquote:before { display: none; } .block-testimonial .slide-item article.post-content .post-content-inner blockquote p { line-height: 1.8; } .block-testimonial .slide-item article.post-content .post-content-inner .post-title { margin-top: 25px; } .block-testimonial .slide-item article.post-content .post-content-inner .post-title:before { background-color: #e6e6e6; content: ""; display: block; height: 1px; width: 50px; } @media screen and (max-width: 767px) { .block-testimonial .slide-item article.post-content .post-content-inner .post-title:before { margin-left: auto; margin-right: auto; } } .block-testimonial .slide-item article.post-content .post-content-inner .post-title cite { color: #4d4d4d; font-size: 14px; font-weight: 400; text-transform: uppercase; margin-top: 10px; letter-spacing: 2px; } .block-testimonial .slide-item article.post-content .post-content-inner .post-title cite span { display: block; font-size: 15px; margin-top: 5px; color: #262626; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-family: "Montserrat", sans-serif; } .block-testimonial .slide-item article.post-content .post-content-inner .post-title span { font-size: 16px; font-weight: 400; } .block-testimonial .section-title { margin-bottom: 20px; } .block-testimonial .big-icon { margin-bottom: 30px; } .block-testimonial .big-icon i { font-size: 30px; height: 75px; width: 75px; line-height: 75px; text-align: center; display: inline-block; } .block-testimonial .kt-pager { text-align: center; margin-bottom: 20px; } @media screen and (max-width: 1199px) { .block-testimonial .kt-pager { margin-bottom: 0; } } .block-testimonial .kt-pager a { color: #1a1a1a; font-size: 18px; margin: 3px; } .block-testimonial .kt-pager a.cycle-pager-active { color: #1a1a1a; font-weight: 600; } .block-testimonial .kt-pager a:hover, .block-testimonial .kt-pager a:focus, .block-testimonial .kt-pager a:active { color: #000; } /*-------------------------------------------------------------- !!! KEON THEMES (keonthemes.com) - KEEP STYLING !!! --------------------------------------------------------------*/