@charset "UTF-8";
/*
Theme Name: Super 5
Theme URI: http://themekioken.com/demo/super5
Author: Theme Kioken
Author URI: http://themekioken.com
Description: Slick, multipurpose theme from ThemeKioken
Version: 1.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, fixed-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: super5

Super5 WordPress Theme © 2011-2014 ThemeKioken
Super5 is distributed under the terms of the GNU GPL
*/
/* Variables and Mixins */
/***********************/
/* Light Colors */
/* Dark Colors */
/*     $maincolor:     #6e69b1; */
/*************************************************/
/*! Common Element Styles ************************/
/*  Body, p, a, headings & common element classes*/
/*************************************************/
* { outline: none; }

/* html{ height:100%; min-height:100%; } */
body { min-height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #666; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 22px; padding-top: 0px !important; font-size: 14px; }
body.preload { visibility: hidden; display: none !important; opacity: 0 !important; }

body, #main { background: white; /* font-size: 13px; */ }

.container { padding: 0px 20px; }

p { margin-bottom: 20px; }

a { color: #1ea8c1; opacity: 1; }
a:hover { text-decoration: none; color: #353535; }

img { max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; margin-bottom: 20px; font-weight: 300; color: #353535; }

h2, h3, h4, h5, h6 { line-height: 1.6em; }

.arc_title h1 { margin-bottom: 10px; padding-top: 30px; }

.slab { font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
.slab strong { font-weight: 700; }

.borderb { position: relative; margin-bottom: 70px !important; }
.borderb::after { content: ""; position: absolute; width: 80px; height: 4px; background: rgba(0, 0, 0, 0.15); display: block; margin-left: -40px; left: 50%; bottom: -36px; }
.section.dark .borderb::after { background: rgba(255, 255, 255, 0.15); }
.borderb.left::after { left: 0; margin-left: 0px; }

.custom-title { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }

h2.letterspaced_caps { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 6px; text-transform: uppercase; font-weight: 900; }

.center-content { text-align: center; }

.center-block { margin: 0 auto; max-width: 1200px; float: none; }

.circle { border-radius: 100px; display: inline-block; padding: 15px; margin-bottom: 20px; }
.circle i { color: rgba(69, 69, 69, 0.3); }

.fa-spin { -webkit-animation-duration: 1s !important; -moz-animation-duration: 1s !important; -o-animation-duration: 1s !important; animation-duration: 1s !important; }

.fa { margin-right: 10px; }

.faded { color: rgba(0, 0, 0, 0.15); }

.accent { color: #1ea8c1; }

.thin { font-weight: 300; }

.upperc { text-transform: uppercase; }

/* Bootstrap Overrides */
div[class*="col-"] { margin-bottom: 25px; }
div.iconlist div[class*="col-"] { margin-bottom: 40px; }

/********/
/*************************************************/
#back-top { width: 40px; height: 32px; line-height: 34px; display: block; position: absolute; z-index: 999; right: 20px; bottom: 22px; opacity: 0; text-align: center; border-radius: 2px; color: white; background: rgba(0, 0, 0, 0.5); /*     display: none; */ }
#back-top { -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
#back-top i { margin: 0; }

.icon-wrapper { /*     img { width: 100%; height: auto; } */ }
.icon-wrapper.circle_frame, .icon-wrapper.round_frame, .icon-wrapper.square_frame { display: inline-block; padding: 20px; overflow: hidden; }
.icon-wrapper.circle_frame i, .icon-wrapper.round_frame i, .icon-wrapper.square_frame i { margin: 0; top: auto; }
.icon-wrapper.circle_frame { border-radius: 100%; }
.icon-wrapper.round_frame { border-radius: 4px; }
.icon-wrapper.single { display: block; }

/* Responsive Elements / Images */
.responsive { max-width: 100%; height: auto; }
.responsive img { width: 100%; height: auto; }

/* 404 Page  */
.fourohfour { padding: 50px 0px !important; }
.fourohfour h1.four-title { font-size: 120px; }
.fourohfour label { display: none; }
.fourohfour .src-wrap { max-width: 700px; margin: 0 auto; }
.fourohfour input[type="text"] { width: 50% !important; padding-top: 6px !important; padding-bottom: 6px !important; margin-right: 5px; }

h1.shortmargin { margin-bottom: 20px !important; }

.overlay, .overlayxtra { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background-color: black; opacity: .5; }
.overlay.overlayxtra, .overlayxtra.overlayxtra { background: rgba(0, 0, 0, 0.5); opacity: 0; }

.kioken_cta span { font-weight: 300; font-size: 24px; position: relative; display: inline-block; top: 3px; }
.kioken_cta .btn { margin-left: 20px; }

.owl-theme .owl-controls { margin: 0px; }
.owl-theme .owl-controls .owl-buttons div { padding: 0; margin: 0; display: inline-block; position: absolute; top: 50%; margin-top: -22px; z-index: 999; text-indent: -9999px; border-radius: 1px; background: black; opacity: .6; width: 50px; height: 44px; background-size: 50px 44px; background-repeat: no-repeat; }
.owl-theme .owl-controls .owl-buttons div { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.owl-theme .owl-controls .owl-buttons div:hover { opacity: 1; }
.owl-theme .owl-controls .owl-buttons div.owl-next { right: -50px; background-image: url(assets/img/chevron-right-white.png); }
.owl-theme .owl-controls .owl-buttons div.owl-prev { left: -50px; background-image: url(assets/img/chevron-left-white.png); }
.owl-theme .owl-controls .owl-pagination { bottom: 10px; position: absolute; z-index: 3; width: 100%; }
.owl-theme .owl-controls .owl-page.active span { background: rgba(0, 0, 0, 0.8); }
.owl-theme .owl-controls .owl-page span { background: rgba(0, 0, 0, 0.5); margin: 4px 6px; }

.owl-carousel:hover .owl-buttons div.owl-next { right: 0; }
.owl-carousel:hover .owl-buttons div.owl-prev { left: 0; }

div.overgrad { background: black; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .8; z-index: 0; transition: opacity .2s; }
div.overgrad::before { position: absolute; width: 100%; height: 100%; content: ''; display: block; }
div.overgrad.purple::before { background: linear-gradient(-45deg, rgba(41, 93, 99, 0.65), rgba(55, 28, 98, 0.65)); }
div.overgrad.green::before { background: linear-gradient(-45deg, rgba(12, 78, 113, 0.65), rgba(98, 134, 34, 0.65)); }
div.overgrad.pinkish::before { background: linear-gradient(-45deg, rgba(44, 54, 130, 0.65), rgba(87, 36, 36, 0.65)); }
div.overgrad.combo::before { background: linear-gradient(-45deg, rgba(83, 44, 80, 0.65), rgba(37, 104, 58, 0.65)); }
div.overgrad.purporng::before { background: linear-gradient(-45deg, rgba(100, 21, 105, 0.65), rgba(9, 94, 72, 0.65)); }
div.overgrad.redteal::before { background: linear-gradient(-45deg, rgba(149, 41, 57, 0.65), rgba(5, 85, 100, 0.45)); }
div.overgrad.pinkyell::before { background: linear-gradient(-45deg, rgba(112, 5, 18, 0.6), rgba(112, 221, 214, 0.35)); }
div.overgrad.combo2::before { background: linear-gradient(45deg, rgba(26, 115, 162, 0.45), rgba(55, 93, 27, 0.45)); }
div.overgrad.combo3::before { background: linear-gradient(-45deg, rgba(115, 4, 4, 0.65), rgba(53, 165, 154, 0.65)); }
div.overgrad.drown::before { background: linear-gradient(-45deg, rgba(3, 15, 37, 0.65), rgba(19, 100, 101, 0.65)); }
div.overgrad.pinkorng::before { background: linear-gradient(-45deg, rgba(138, 40, 74, 0.65), rgba(127, 123, 53, 0.65)); }
div.overgrad.vintage::before { background: linear-gradient(-45deg, rgba(104, 33, 46, 0.65), rgba(71, 107, 124, 0.65)); }

.hoverlist .slide_img { position: relative; overflow: hidden; background-size: cover !important; background-position: center center !important; width: 100%; height: 100%; min-height: 100px; /* @include transify(.15s, ease-out); &:hover { @include transform(scale(1.1)); z-index: 9999; }
*/ }
.hoverlist .info { position: absolute; background: #1ea8c1; background: rgba(30, 168, 193, 0.6); width: 100%; height: 100%; color: #353535; opacity: 0; }
.hoverlist .info .circle { width: 160px; height: 160px; margin-left: -80px; left: 50%; top: 50%; margin-top: -80px; display: table; position: absolute; border-radius: 100px; padding: 0px 20px; box-sizing: padding-box; background: white; text-align: center; transform: scale(0.6); -webkit-transform: scale(0.6); }
.hoverlist .info .circle .item_title { display: table-cell; vertical-align: middle; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 12px; line-height: 1.4em; position: relative; top: 5px; }
.hoverlist .info .circle .item_title::after { content: ""; display: block; border-bottom: 2px solid #ddd; width: 25%; margin: 10px auto 0px auto; }
.hoverlist .info .circle .item_title i { margin-right: 0px; }
.hoverlist .info nav.tools { position: absolute; height: 32px; top: 50%; margin-top: -16px; width: 100%; text-align: center; }
.hoverlist .info nav.tools a { display: inline-block !important; width: 32px !important; height: 32px; line-height: 30px; color: rgba(255, 255, 255, 0.7); background: rgba(0, 0, 0, 0.6); border-radius: 100px; opacity: 0; }
.hoverlist .info nav.tools a:hover { color: white; background: rgba(0, 0, 0, 0.8); }
.hoverlist .info nav.tools a i { margin: 0 !important; }
.hoverlist .info nav.tools a:first-child { margin-right: 10px; }
.hoverlist .foliocols .info .circle { width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; }
.hoverlist .foliocols .slide_img { margin-bottom: 20px; }
.hoverlist .foliocols .custom-title { text-align: center; }
.hoverlist h4 a { color: #353535; }
.hoverlist h4 a:hover { color: #1ea8c1; }

.pitem img { width: 100%; height: auto; margin-bottom: 20px; }

/*******************************************/
/*! Common Form Elements &
/*  WPCF 7 Styles
/*******************************************/
.wpcf7-form p span { color: #27CFC3; }

.wpcf7-form .wpcf7-not-valid-tip { top: -3px; padding: 2px 6px; border: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.wpcf7 .wpcf7-response-output { background-color: #fff; margin-left: 0px; margin-top: 10px; }

input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search] { padding: 10px !important; width: 100%; border: 0px; border-bottom: 1px solid #fff; font-size: 12px; line-height: 22px; color: #555; background-color: #f9f9f9; outline: none; border: 1px solid transparent; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; }
input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search] { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus { background-color: #fff; border: 1px solid #ddd; }

input[type=submit], button[type=submit] { background-color: #333333; padding: 7px 11px; border: none; color: #fff; cursor: pointer; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: auto; font-size: 12px; border-radius: 2px; }
input[type=submit]:hover, button[type=submit]:hover { background-color: #1ea8c1; }

select { padding: 10px !important; width: 100%; border: 0px !important; border: none !important; font-size: 12px; line-height: 22px; color: #555; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important; }
select { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

textarea { max-width: 100%; }

label span { color: #1ea8c1; }

/*******************************************/
/*! Widgets                                */
/*  Contains styles for k-widget elements  */
/*******************************************/
.k-widget { padding-top: 20px; padding-bottom: 20px; }
.k-widget.widget_recent_entries .post-date, .k-widget .small { color: #999; font-size: 11px; display: block; }
.k-widget p { margin-bottom: 15px; }
.k-widget .widget-title { font-size: 14px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; }
.k-widget ul { margin: 0; padding: 0; list-style: none; }
.k-widget ul li { padding-bottom: 10px; padding-top: 10px; border-top-width: 1px; border-top-style: solid; }
.k-widget ul li:first-child { padding-top: 0px; border-top: none; }
.k-widget ul li a { display: inline-block; }
.k-widget ul.k-socials { margin: 0; padding: 0; list-style: none; }
.k-widget ul.k-socials li { float: left; display: inline-block; border: none; padding: 0px; /*             a i.fa { color: #999 !important; } */ }
.k-widget ul.k-socials li a:hover i.fa { color: white !important; }
.k-widget ul.k-cnt-info li { border-top: none; padding: 5px 0px; }
.k-widget .k-tweets p { margin-bottom: 2px; }

.widget_search label { display: block; }
.widget_search label span { display: none; }
.widget_search label.screen-reader-text { display: none; }
.widget_search input[type="submit"] { display: none; }
.widget_search input[name="s"] { width: 100%; max-width: 100%; padding: 4px 8px !important; display: block; border-radius: 2px; border: 1px solid #dddddd; background: #fafafa; }
.widget_search input[name="s"]:focus { outline: none; border-color: #aaa; background-color: white; }

.widget_tag_cloud .tagcloud a { display: inline-block; font-size: 10px !important; text-transform: uppercase; letter-spacing: 2px; background: rgba(0, 0, 0, 0.6); color: white; padding: 1px 8px; margin-bottom: 6px; margin-right: 3px; border-radius: 2px; }
.widget_tag_cloud .tagcloud a { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.widget_tag_cloud .tagcloud a:hover { background: rgba(0, 0, 0, 0.8); }

/*******************************************/
/*! Carousels                               */
/*  Carousel and Post Gallery Slider Styles */
/*******************************************/
.kioken-carousel { padding-top: 35px; }
.kioken-carousel .item { margin-left: 12px; margin-right: 12px; text-align: left; }
.kioken-carousel .item .slide_img { overflow: hidden; margin-bottom: 15px !important; }
.kioken-carousel .item h3.title { margin-bottom: 2px; position: relative; }
.kioken-carousel .item p.sub-title { opacity: .5; margin-bottom: 35px; position: relative; }
.kioken-carousel .item p.sub-title:after { position: absolute; content: ""; background: rgba(0, 0, 0, 0.15); top: 32px; left: 0px; display: inline-block; width: 80px; height: 3px; }
.kioken-carousel .item p.socials { font-size: 13px; }
.kioken-carousel .item p.socials a { display: inline-block; margin-right: 10px; color: #ccc; }
.kioken-carousel .item p.socials a:hover { color: #1ea8c1; }
.kioken-carousel .item p.socials a i { margin-right: 5px; font-size: 18px; }
.kioken-carousel.postitems .item h3 { margin-bottom: 10px; }
.kioken-carousel.postitems .item p.sub-title { font-size: 13px; opacity: 1; }
.kioken-carousel.postitems .item p.sub-title a { color: #999; }
.kioken-carousel.postitems .item p.sub-title a:hover { color: #353535; }
.kioken-carousel.owl-theme .owl-controls .owl-buttons div { top: 0px; bottom: auto; left: auto; background-image: none; text-indent: 0px; height: 24px; width: 28px; left: 0; margin-top: auto; opacity: 1; }
.kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev, .kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-next { position: absolute; display: inline-block; background: #353535; background: rgba(0, 0, 0, 0.8); width: 28px; line-height: 24px; color: white; color: rgba(255, 255, 255, 0.5); text-align: center; right: 11px; left: auto; z-index: 1; }
.kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev, .kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-next { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev i, .kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-next i { margin: 0; display: inline; position: relative; top: 1px; }
.kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev:hover, .kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-next:hover { color: white; background: #1ea8c1; }
.kioken-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev { right: 42px; }

.caroukiosel { overflow: hidden; }

/*******************************************/
/*! Post Formats and Blog/Portfolio Layouts     
/*******************************************/
.literary .section { padding: 90px 10px; }
.literary .section.even { background: #fafafa; }
.literary .section.even .container.slim .ribbon:before { border-bottom-color: #fafafa; }
.literary .section.format-quote { background: #fef49c; }
.literary .container.slim { max-width: 760px; }
.literary .container.slim .title { margin-bottom: 20px; }
.literary .container.slim .ribbon { background: #ddd; width: 200px; margin: 0 auto; height: 1px; position: relative; margin-bottom: 50px; }
.literary .container.slim .ribbon:before { display: block; position: absolute; content: ""; left: 50%; top: 0px; bottom: -40px; margin-left: -10px; width: 20px; height: 20px; border: solid transparent; border-color: rgba(0, 0, 0, 0); border-bottom-color: white; border-width: 10px; background-color: #ddd; }
.literary .container.slim .content p { line-height: 1.8em; /* font-size: 16px; */ }
.literary .container.slim .meta { color: #ccc; color: rgba(0, 0, 0, 0.15); margin-top: 30px; }
.literary .container.slim .meta a { color: #999; color: rgba(0, 0, 0, 0.5); }
.literary .container.slim .meta a:hover { color: #1ea8c1; }
.literary .container.slim .meta .author, .literary .container.slim .meta .date, .literary .container.slim .meta .comments, .literary .container.slim .meta .cats, .literary .container.slim .meta .attr { display: inline-block; padding-right: 20px; padding-left: 20px; }
.literary .container.slim .meta .attr { color: #aaa; }
.literary .container.slim .meta .attr i { color: #1ea8c1; }
.literary .container.slim .meta .author .avatar { width: 24px; height: 24px; background-size: cover !important; display: inline-block; border-radius: 100px; position: relative; top: 6px; margin-right: 10px; }
.literary.single .section { padding-top: 40px; }
.literary.single .container.slim .title { margin-bottom: 0px; }
.literary.single .container.slim .meta { margin-top: 20px; }
.literary.single .container.slim .ribbon { width: 100%; margin-top: 20px; }
.literary.single .k-slideshow, .literary.single .postimage { max-width: 760px; }
.literary.single .content { text-align: left; }
.literary.single .content blockquote { margin-top: 30px; }
.literary.single .content ul, .literary.single .content ol { margin-bottom: 30px; }
.literary.single .content ul li, .literary.single .content ol li { line-height: 1.8em; }
.literary.single .content code { white-space: pre; display: block; clear: both; margin: 30px 0px; border-radius: 3px; background: #f2f3f4; color: #777; font-size: 12px; }
.literary.single .content p { line-height: 1.8em; }
.literary.single .content h1:not(.title), .literary.single .content h2:not(.title), .literary.single .content h3:not(.title), .literary.single .content h4, .literary.single .content h5, .literary.single .content h6 { font-weight: 600; }
.literary.single .content blockquote { border: none; padding: 0px; position: relative; margin-bottom: 30px; color: #454545; }
.literary.single .content blockquote p { line-height: 30px; }
.literary.single .content blockquote p:first-of-type:before, .literary.single .content blockquote p:first-of-type:after { content: '\0022'; display: inline-block; font-style: italic; font-family: Georgia; font-size: 50px; opacity: .3; top: 15px; position: relative; line-height: 14px; }
.literary.single .content blockquote p:first-of-type:before { left: -12px; }
.literary.single .content blockquote p:last-of-type:after { right: -5px; top: 20px; }
.literary.single .comments-wrap { background: #F9F9F8; }
.literary.single .comments-wrap #comments { border-top: none; padding-bottom: 80px; }
.literary.single .comments-wrap #comments ul.children { border: none; background: none; }
.literary.single.portfolio-item { padding-bottom: 0px; }
.literary.single.portfolio-item .comments-wrap { margin-right: -15px; margin-left: -15px; }

.portfolio-item { padding-bottom: 30px; }
.portfolio-item #vidholder { margin-bottom: 20px; }
.portfolio-item #vidholder iframe { width: 100%; border: none; }

nav.filter { padding: 16px 0px 20px 0px; text-align: center; background: white; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); margin-bottom: 60px; }
nav.filter a { display: inline-block; margin-right: 15px; text-transform: uppercase; color: #666; position: relative; outline: none; text-decoration: none; }
nav.filter a:after { color: #ddd; content: "."; font-size: 26px; position: relative; top: -3px; left: 10px; }
nav.filter a:last-of-type { margin-right: 0px; }
nav.filter a:last-of-type:after { display: none; }
nav.filter a:hover, nav.filter a.active { color: #1ea8c1; }
nav.filter a.active:before { display: block; position: absolute; top: -6px; left: 0; content: ""; width: 14px; height: 2px; background-color: #1ea8c1; }
nav.filter br { display: none; }

.footnav { padding-top: 40px; padding-bottom: 10px; }
.footnav a { color: #999; }
.footnav a { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.footnav a:hover { color: #1ea8c1; }
.footnav .left { text-align: left; }
.footnav .right { text-align: right; }

/* Single Standard Portfolio Item */
.folio-standard .item-top { padding-top: 40px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.folio-standard .item-top a { color: #bbb; }
.folio-standard .item-top a:hover { color: #1ea8c1; }
.folio-standard .item-top > div { margin-bottom: 0px; }
.folio-standard .item-top h2 { text-align: center; position: relative; top: -5px; }
.folio-standard .item-top .backtofolio a { position: relative; top: 10px; }
.folio-standard .item-top .postnav { text-align: right; }
.folio-standard .item-top .postnav a { position: relative; }
.folio-standard .media { margin-bottom: -40px; }
.folio-standard .media img { width: 100%; height: auto; }
.folio-standard .media iframe { border: none; }
.folio-standard .media .k-slideshow, .folio-standard .media .postimage { width: 100%; max-width: 100%; height: 450px; }
.folio-standard .content { font-size: 13px; }
.folio-standard .content p { text-align: left; }
.folio-standard .content ul#atts { margin: 0; padding: 0; list-style: none; }
.folio-standard .content ul#atts li { padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.folio-standard .content ul#atts li i { color: #1ea8c1; }

/* Pager */
.pager, .page-numbers:not(span, a) { position: relative; top: 20px; }
.pager li > a, .pager li > span, .page-numbers:not(span, a) li > a, .page-numbers:not(span, a) li > span { border: none; color: #1ea8c1; }
.pager li > a, .pager li > span, .page-numbers:not(span, a) li > a, .page-numbers:not(span, a) li > span { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.pager li > a:hover, .pager li > span:hover, .page-numbers:not(span, a) li > a:hover, .page-numbers:not(span, a) li > span:hover { color: white; background: #1ea8c1; }

.k-slideshow.owl-theme .owl-controls .owl-buttons div { top: auto; bottom: 10px; background-image: none; text-indent: 0px; height: 32px; width: 32px; left: 0; margin-top: auto; opacity: 1; }
.k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-prev, .k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-next { position: absolute; display: inline-block; background: #353535; background: rgba(0, 0, 0, 0.8); width: 32px; line-height: 32px; color: white; color: rgba(255, 255, 255, 0.5); text-align: center; bottom: 10px; left: 10px; z-index: 1; }
.k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-prev, .k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-next { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-prev i, .k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-next i { margin: 0; display: inline; }
.k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-prev:hover, .k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-next:hover { color: white; background: #1ea8c1; }
.k-slideshow.owl-theme .owl-controls .owl-buttons div.owl-next { left: 44px; }

.k-slideshow, .postimage { max-width: 657px; margin-right: auto; margin-left: auto; position: relative; height: 400px; margin-bottom: 30px; overflow: hidden; }

.postimage { margin-bottom: 30px; }
.postimage img { max-width: 100%; height: auto; }
.postimage.cycle-slideshow { overflow: hidden; }
.postimage.cycle-slideshow div { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
.postimage.cycle-slideshow div img { visibility: hidden !important; }

.posts blockquote { border: none; padding: 0px; position: relative; margin-bottom: 30px; color: #454545; }
.posts blockquote p { line-height: 30px; }
.posts blockquote a { color: #353535; }
.posts blockquote cite { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: italic; }
.posts blockquote p:first-of-type:before, .posts blockquote p:first-of-type:after { content: '\0022'; display: inline-block; font-style: italic; font-family: Georgia; font-size: 50px; opacity: .3; top: 15px; position: relative; line-height: 14px; }
.posts blockquote p:first-of-type:before { left: -12px; }
.posts blockquote p:last-of-type:after { right: -5px; top: 20px; }

#main.single_wrap { padding-top: 40px; }

/* Standard Post Layout Styles */
.posts.standard .post { margin-bottom: 40px; }
.posts.standard .post .entry-meta { text-align: right; font-size: 13px; }
.posts.standard .post .entry-meta .date-format { border-bottom: 1px solid #dddddd; padding-bottom: 15px; /*                 font-family: $source; */ margin-bottom: 15px; font-weight: 100; color: #353535; color: rgba(0, 0, 0, 0.8); }
.posts.standard .post .entry-meta .date-format .day { font-size: 55px; line-height: 55px; margin-bottom: 5px; }
.posts.standard .post .entry-meta .date-format .month { font-weight: 300; position: relative; right: 1px; font-size: 14px; }
.posts.standard .post .entry-meta span { display: block; }
.posts.standard .post .entry-meta span.author-links, .posts.standard .post .entry-meta span.cat-links, .posts.standard .post .entry-meta span.comments-link { line-height: 2em; }
.posts.standard .post .entry-meta span.author-links a, .posts.standard .post .entry-meta span.cat-links a, .posts.standard .post .entry-meta span.comments-link a { color: #666; color: rgba(0, 0, 0, 0.5); }
.posts.standard .post .entry-meta span.author-links a:hover, .posts.standard .post .entry-meta span.cat-links a:hover, .posts.standard .post .entry-meta span.comments-link a:hover { color: #1ea8c1; }
.posts.standard .post .under-meta { margin-top: -15px; font-size: 13px; color: #ddd; margin-bottom: 20px; }
.posts.standard .post .under-meta a { color: #777; }
.posts.standard .post .under-meta a:hover { color: #1ea8c1; }
.posts.standard .post .under-meta span { display: inline-block; margin-left: 8px; }
.posts.standard .post .under-meta span a { margin-right: 8px; }
.posts.standard .post .under-meta span:first-child { margin-left: 0px; }
.posts.standard .post.format-quote blockquote { background: #1ea8c1; color: white; padding: 20px 30px; }
.posts.standard .post.format-quote blockquote p:first-of-type:before { display: none; }
.posts.standard .post.single blockquote { margin-top: 30px; }
.posts.standard .post.single ul, .posts.standard .post.single ol { margin-bottom: 30px; }
.posts.standard .post.single ul li, .posts.standard .post.single ol li { line-height: 1.8em; }
.posts.standard .post.single code { white-space: pre; display: block; clear: both; margin: 30px 0px; border-radius: 3px; background: #f2f3f4; color: #777; font-size: 12px; }
.posts.standard .post.single p { line-height: 1.8em; }
.posts.standard .post.single h1:not(.title), .posts.standard .post.single h2:not(.title), .posts.standard .post.single h3:not(.title), .posts.standard .post.single h4, .posts.standard .post.single h5, .posts.standard .post.single h6 { font-weight: 600; }
.posts.standard .fa { margin-right: 2px; }
.posts.standard .k-slideshow, .posts.standard .postimage { margin-left: 0px; max-width: 731px; margin-bottom: 14px; }

/*******************************************/
/*! Comments
/*  Comment and Respond Form Styles
/*******************************************/
#comments { border-top: 1px solid #dddddd; border-color: #e7e7e7; padding-top: 20px; margin-top: 40px; }
#comments h3 { margin-bottom: 30px; }
#comments h3#reply-title { margin-bottom: 15px; }
#comments ul.comment-list { margin: 0; padding: 0; list-style: none; font-size: 13px; }
#comments ul.comment-list li ul, #comments ul.comment-list li ul li ul { margin: 0; padding: 0; list-style: none; }
.single.literary #comments ul.comment-list li.comment .comment-body { border-bottom-color: #e7e7e7; }
#comments ul.comment-list li.comment a { color: #666; }
#comments ul.comment-list li.comment a:hover { color: #1ea8c1; }
#comments ul.comment-list li.comment .comment-body { position: relative; padding-left: 80px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
#comments ul.comment-list li.comment .comment-body:hover div.reply { opacity: 1; }
#comments ul.comment-list li.comment .avatar { border-radius: 100px; position: absolute; top: 0; left: 0; }
#comments ul.comment-list li.comment .comment-author { font-weight: bold; }
#comments ul.comment-list li.comment .commentmetadata { font-size: 12px; margin-bottom: 12px; }
#comments ul.comment-list li.comment .commentmetadata a { color: #999; }
#comments ul.comment-list li.comment .commentmetadata a:hover { color: #1ea8c1; }
#comments ul.comment-list li.comment div.reply { display: inline-block; position: absolute; top: 15px; right: 10px; opacity: .3; }
#comments ul.comment-list li.comment div.reply { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#comments ul.comment-list li.comment div.reply a { background: rgba(0, 0, 0, 0.5); color: white; padding: 2px 10px; display: inline-block; border-radius: 100px; font-weight: 600; font-size: 11px; line-height: 19px; }
#comments ul.comment-list li.comment div.reply a:before { content: "\f112"; font-family: "FontAwesome"; font-weight: normal; margin-right: 5px; }
#comments ul.comment-list li.comment div.reply a:hover { background: #1ea8c1; }
#comments ul.comment-list li.comment ul.children { padding-left: 35px; border-left: 1px solid #f2f2f2; background: url(assets/img/line.jpg); background-repeat: no-repeat; background-position: 0px 30px; }

#respond { position: relative; }
#respond input[type="text"], #respond textarea { border-radius: 2px; width: 100%; border: 1px solid #dddddd; font-size: 12px; line-height: 16px; padding: 5px 6px; margin-bottom: -10px; background-color: white; }
#respond input[type="text"]:focus, #respond textarea:focus { outline: none; border-color: #aaa; }
#respond input[type=submit], #respond button[type=submit] { background-color: #353535; padding: 5px 12px; border: none; color: #fff; cursor: pointer; width: auto; font-size: 12px; border-radius: 2px; }
.comment #respond input[type=submit], .comment #respond button[type=submit] { margin-bottom: 30px; }
#respond input[type=submit], #respond button[type=submit] { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
#respond input[type=submit]:hover, #respond button[type=submit]:hover { background-color: #1ea8c1; }
#respond a#cancel-comment-reply-link { position: absolute; top: 12px; right: 0px; }

#sidebar { color: #888; }
#sidebar .k-widget { font-size: 13px; padding-top: 0px; margin-bottom: 20px; }
#sidebar .k-widget .widget-title { color: #999; margin-bottom: 10px; }
#sidebar .k-widget ul li { border-top-color: #f1f1f1; padding: 7px 0px; }
#sidebar .inner.affix { top: 90px; width: 253px; }

/***************** Milestone ******************/
.kioken-milestone { text-align: center; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.kioken-milestone .number { font-size: 70px; line-height: 70px; display: block; font-weight: 700; margin-bottom: 5px; }
.kioken-milestone .subject { letter-spacing: 0.5px; font-weight: 300; font-size: 16px; }

/*******************************************/
/*! Topbar
/*  Menu, Logo, Top Search Styles
/*******************************************/
#topbar { position: fixed; width: 100%; min-height: 80px; top: 0; z-index: 1000; -webkit-backface-visibility: hidden; }
#topbar { -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
#topbar > .container { position: relative; }
#topbar a#logo { display: block; position: absolute; top: 0; left: 25px; z-index: 3; min-width: 175px; }
#topbar a#logo img { position: absolute; top: 60px; left: 0; width: auto; height: 70px; }
#topbar a#logo img { -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
#topbar a#logo img.hollow { opacity: 0; }
#topbar.fixify { background-color: #1ea8c1; background-color: rgba(30, 168, 193, 0.92); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03); }
#topbar.fixify .snavigation { padding: 28px 0 5px 0px; }
#topbar.fixify a#logo img { top: 16px; height: 44px; }
#topbar.fixify.whiteFix { background-color: white; }
#topbar.fixify.whiteFix .snavigation > ul > li > a { color: #353535; }
#topbar.fixify.whiteFix .snavigation > ul > li > a:hover { border-bottom: 2px solid #353535; }
#topbar.fixify .snavigation > ul > li.megamenu > .sub-menu { top: 72px !important; }
#topbar.fixify .snavigation > ul > li.megamenu.sfHover > a { position: relative; }
#topbar.fixify .snavigation > ul > li.megamenu.sfHover > a:before { top: 37px; }
#topbar div[class*="col-"] { margin-bottom: 0px; }
#topbar .snavigation { padding: 90px 0 0 0; text-align: right; }
#topbar .snavigation { -webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
#topbar .snavigation > ul { list-style-type: none; padding: 0; margin: 0; overflow: hidden; /* mind this  on dropdowns */ display: inline-block; overflow: visible; }
#topbar .snavigation > ul > li { display: inline-block; float: left; }
#topbar .snavigation > ul > li a { display: block; }
#topbar .snavigation > ul > li:last-child { margin-right: 0px; }
#topbar .snavigation > ul > li { position: relative; margin-right: 40px; }
#topbar .snavigation > ul > li > a { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; display: block; padding-bottom: 12px; text-transform: uppercase; border-bottom: 2px solid transparent; opacity: .85; }
#topbar .snavigation > ul > li > a { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
#topbar .snavigation > ul > li > a:hover { opacity: 1; }
#topbar .snavigation > ul > li.sfHover > a { position: relative; border-bottom: 2px solid transparent !important; opacity: 1; }
#topbar .snavigation > ul > li ul { display: none; position: absolute; top: 44px; z-index: 9999; text-align: left; width: 12em; margin: 0; padding: 0; list-style: none; background: white; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); padding: 5px 0px; }
#topbar .snavigation > ul > li ul:before { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; position: absolute; top: -7px; left: 5px; }
#topbar .snavigation > ul > li ul > li { position: relative; }
#topbar .snavigation > ul > li ul > li a { padding: 8px 12px; color: #777; font-size: 12px; line-height: 19px; display: block; overflow: hidden; }
#topbar .snavigation > ul > li ul > li a { -webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; -ms-transition: all 0.05s ease-out; -o-transition: all 0.05s ease-out; transition: all 0.05s ease-out; }
#topbar .snavigation > ul > li ul > li a:hover { background: #f7f8f9; color: #1ea8c1; }
#topbar .snavigation > ul > li ul > li ul { left: 12.2em; top: -5px; }
#topbar .snavigation > ul > li ul > li ul:before { display: none; }
#topbar .snavigation > ul > li a.sf-with-ul, #topbar .snavigation > ul > li a#search_toggle { border-bottom: none !important; }
#topbar .snavigation > ul > li a.sf-with-ul:hover, #topbar .snavigation > ul > li a#search_toggle:hover { border-bottom: none !important; }
#topbar .snavigation > ul > li.megamenu { position: inherit; }
#topbar .snavigation > ul > li.megamenu ul { opacity: 0; }
#topbar .snavigation > ul > li.megamenu.sfHover > a:before { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; position: absolute; top: 43px; left: 5px; z-index: 99999; }
#topbar .snavigation > ul > li.megamenu > .sub-menu { /*                   opacity: 0; */ width: 100%; left: 10px; padding: 15px 0px; top: 140px; display: block; }
#topbar .snavigation > ul > li.megamenu > .sub-menu:before { display: none; }
#topbar .snavigation > ul > li.megamenu > .sub-menu ul { margin: 0; padding: 0; background: none; box-shadow: none; }
#topbar .snavigation > ul > li.megamenu > ul > li { display: inline-block; padding: 0px 15px; vertical-align: top; width: 32.33%; border-right: 1px solid #e7e7e7; margin-right: 0; }
#topbar .snavigation > ul > li.megamenu > ul > li:last-child { border-right: none !important; }
#topbar .snavigation > ul > li.megamenu > ul > li > a { font-weight: bold; font-size: 12px; text-transform: uppercase; color: #444; margin-bottom: 5px; letter-spacing: 2px; }
#topbar .snavigation > ul > li.megamenu > ul > li ul { display: block !important; top: 0px !important; width: 100%; left: 0px !important; position: relative !important; opacity: 1 !important; }
#topbar .snavigation > ul > li.megamenu > ul > li ul > li { border-right: 1px solid rgba(255, 255, 255, 0.1); list-style: none; list-style-type: none; margin-right: 0px; padding: 0px; }
#topbar .snavigation > ul > li.megamenu > ul > li ul > li a { border-bottom: none !important; padding: 5px 12px; }
#topbar .snavigation > ul > li.megamenu ul ul li a:hover, #topbar .snavigation > ul > li.megamenu ul ul li.current-menu-item a { color: #1ea8c1; background: none !important; }
#topbar .snavigation > ul > li.megamenu > ul > li > a:hover, #topbar .snavigation > ul > li.megamenu > ul > li.sfHover a { background-color: transparent !important; }
#topbar.light .snavigation > ul > li > a { color: white; }
#topbar.light .snavigation > ul > li > a:hover { border-bottom: 2px solid white; }
#topbar.dark .snavigation > ul > li > a { color: #353535; }
#topbar.dark .snavigation > ul > li > a:hover { border-bottom: 2px solid #353535; }

#top_search { display: none; }
#top_search .dropdown-menu { left: -205px; top: 43px; min-width: 240px; border: none; }
#top_search .dropdown-menu:before { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; position: absolute; top: -6px; right: 20px !important; left: auto !important; }
#top_search .dropdown-menu .search-form .screen-reader-text, #top_search .dropdown-menu .search-form .search-submit { display: none; }
#top_search .dropdown-menu .search-form .search-field { box-shadow: none; border: none; background: none; outline: none; padding: 5px 10px !important; font-size: 13px; width: 100%; }
#top_search .dropdown-menu .search-form .search-field:focus { box-shadow: none; }

/*******************************************/
/*! Kioken Slider
/*  Main Top Area Video BG Slider
/*******************************************/
#kiokenSlides { opacity: 0; position: fixed; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); z-index: -1; top: 0; left: 0; width: 100%; overflow: hidden; background-color: #babbbc; }
#kiokenSlides .owl-pagination { display: none; }
#kiokenSlides.owl-theme .owl-controls .owl-buttons { color: white; opacity: 0; }
#kiokenSlides.owl-theme .owl-controls .owl-buttons { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#kiokenSlides.owl-theme .owl-controls .owl-buttons div.owl-next, #kiokenSlides.owl-theme .owl-controls .owl-buttons div.owl-prev { background: none; width: 80px; }
#kiokenSlides.owl-theme .owl-controls .owl-buttons div.owl-next, #kiokenSlides.owl-theme .owl-controls .owl-buttons div.owl-prev { -webkit-transition: all 0.3s "ease-out"; -moz-transition: all 0.3s "ease-out"; -ms-transition: all 0.3s "ease-out"; -o-transition: all 0.3s "ease-out"; transition: all 0.3s "ease-out"; }
#kiokenSlides.owl-theme .owl-controls .owl-buttons div.owl-next:after, #kiokenSlides.owl-theme .owl-controls .owl-buttons div.owl-prev:after { font-family: "FontAwesome"; display: block; width: 40px; height: 40px; position: absolute; top: 0px; text-indent: 0px; font-size: 48px; }
#kiokenSlides.owl-theme .owl-controls .owl-buttons div.owl-prev:after { content: "\f104"; right: 0; }
#kiokenSlides.owl-theme .owl-controls .owl-buttons div.owl-next:after { content: "\f105"; left: 0; }
#kiokenSlides:hover .owl-controls .owl-buttons { opacity: 1; }
#kiokenSlides.single { cursor: default; }
#kiokenSlides.single .owl-controls { display: none !important; }
#kiokenSlides.abs { position: absolute; }
#kiokenSlides .item { width: 100%; height: 100%; display: table; position: relative; }
#kiokenSlides .item .vidcontainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 200%; background-position: center center; background-repeat: no-repeat; /* Youtube API is misbehaving on resolutions above 1680. Lets fix it */ }
#kiokenSlides .item .vidcontainer video { min-width: 100% !important; min-height: 100%; position: absolute; z-index: 0; object-fit: contain !important; object-position: top 75% !important; }
#kiokenSlides .item .slide_wrap { display: table-cell; vertical-align: middle; z-index: 6; height: 100%; width: 100%; padding-top: 60px; }
#kiokenSlides .item .container { position: relative; bottom: 20px; z-index: 2; }
#kiokenSlides .item .container .inner { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; -webkit-backface-visibility: hidden; max-width: 75%; padding-top: 80px; /*             z-index: 10000; */ }
#kiokenSlides .item .container .inner h1 { font-weight: 200; margin-bottom: 35px; font-size: 44px; text-transform: uppercase; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#kiokenSlides .item .container .inner h1.upperc { font-size: 66px; }
#kiokenSlides .item .container .inner p { font-size: 22px; margin-bottom: 35px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 34px; }
#kiokenSlides .item .container .inner .btn { margin-right: 10px; }
#kiokenSlides .item .container .inner.bigcall .subtitle { font-family: "PT Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-size: 18px; }
#kiokenSlides .item .container .inner.bigcall h1 { text-transform: uppercase; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; margin: 0px; letter-spacing: -1px; }
#kiokenSlides .item .container .inner.bigcall h2.subcap { text-transform: uppercase; font-size: 12px; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; font-weight: 700; }
#kiokenSlides .item .container .inner.bigcall p { margin-top: 60px; max-width: 640px; font-size: 18px; line-height: 24px; }
#kiokenSlides .item .container .inner.bigcall.center-content { margin: 0 auto; }
#kiokenSlides .item .container .inner.bigcall.center-content p { margin-left: auto; margin-right: auto; }
#kiokenSlides .item .container .inner.center-content { max-width: 50%; }
#kiokenSlides .item.darkenUp .container .inner { color: #454545; }
#kiokenSlides .item.darkenUp .inner.bigcall h1, #kiokenSlides .item.darkenUp .inner.bigcall h2, #kiokenSlides .item.darkenUp .inner.bigcall h3, #kiokenSlides .item.darkenUp .inner.bigcall h4, #kiokenSlides .item.darkenUp .inner.bigcall h5, #kiokenSlides .item.darkenUp .inner.bigcall h6 { color: #252525; }
#kiokenSlides .item.darkenUp .inner.bigcall .subtitle, #kiokenSlides .item.darkenUp .inner.bigcall h2 { color: rgba(0, 0, 0, 0.3); }
#kiokenSlides .item.lightenUp h1, #kiokenSlides .item.lightenUp h2, #kiokenSlides .item.lightenUp h3, #kiokenSlides .item.lightenUp h4, #kiokenSlides .item.lightenUp h5, #kiokenSlides .item.lightenUp h6 { color: white; }
#kiokenSlides .item.lightenUp .container .inner { color: white; }
#kiokenSlides .item.lightenUp .borderb:after { background-color: rgba(255, 255, 255, 0.3); }
#kiokenSlides:hover div.owl-prev { left: 0px; }
#kiokenSlides:hover div.owl-next { right: 0px; }

html.no-flexbox #kiokenSlides div.owl-prev { left: 0px !important; }
html.no-flexbox #kiokenSlides div.owl-next { right: 0px !important; }

.puller { width: 2px; height: 150px; bottom: 0; left: 50%; margin-left: -1px; background: white; position: absolute; z-index: 4; opacity: 0; }
.item.darkenUp .puller { background: #353535; }
.item.darkenUp .puller:before { background: #353535; }
.puller:before { position: absolute; display: block; background: white; border-radius: 100px; width: 10px; height: 10px; left: -4px; top: -6px; content: ""; }
.puller.butn { width: 36px !important; height: 36px !important; background: none; cursor: pointer; left: 50%; margin-left: -18px; bottom: 30px !important; border-radius: 100px; border: 2px solid rgba(255, 255, 255, 0.5); }
.puller.butn { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.item.darkenUp .puller.butn { border-color: #353535; }
.item.darkenUp .puller.butn:before { color: #353535; }
.puller.butn:before { display: none; }
.puller.butn:after { opacity: .5; content: "\f107"; display: inline-block; width: 36px; height: 36px; text-align: center; font-family: "FontAwesome"; font-size: 28px; left: -2px; top: 6px; position: relative; color: white; }
.puller.butn:hover { border-color: rgba(255, 255, 255, 0.8); }
.puller.butn:hover:after { opacity: 1; }

.muter { display: inline-block; position: absolute; bottom: 20px; right: 20px; z-index: 2; color: white; }
.muter:hover { color: white; }
.muter.off { opacity: .3; }

#main { margin-top: 80px; position: inherit; z-index: 1; padding: 0px 15px; /*     min-height: 450px; */ }
#main.zeropadding { padding: 0; }
#main.kiofolio, #main.portfolio-standard { background: #edeff0; padding-bottom: 50px; }

/*******************************************/
/*! Visual Composer & Kioken 
/*  Builder Elements Styles
/*******************************************/
.section { overflow: hidden; position: static; z-index: 0; }
.section .inner { position: relative; }
.section .container { position: relative; z-index: 999; overflow: visible !important; /* width: 100%; */ }
.section .container .container { width: 100%; }
.section.full .vc_span12 { padding: 0 !important; }
.section.light * { color: white; }
.section.light h1, .section.light h2, .section.light h3, .section.light h4, .section.light h5, .section.light h6 { color: white; position: relative; z-index: 2; }
.section.light .owl-page span { border: none !important; }
.section.parallax { background-attachment: fixed; }

.vc_row-fluid .container, .wpb_gmaps_widget .wpb_wrapper { padding: 0 !important; }

.wpb_wrapper h1 { line-height: 1.5em; }

.vc_pie_chart { position: relative; z-index: 2; }
.vc_pie_chart .desc { font-size: 12px; color: rgba(0, 0, 0, 0.5); }
.vc_pie_chart .vc_pie_wrapper { margin-bottom: 10px !important; }
.vc_pie_chart .vc_pie_chart_value { font-size: 260% !important; }
.vc_pie_chart h4.wpb_pie_chart_heading { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
section.light .vc_pie_chart .desc { color: rgba(255, 255, 255, 0.5); }
section.light .vc_pie_chart .count { color: white; }

.blurb { margin-bottom: 25px; }
.blurb .row h3 { margin-bottom: 10px; }
.blurb .fleft { text-align: center; }
.blurb .fleft i { top: 15px; position: relative; }

.bar_graph { text-align: left !important; margin: 0; padding: 0; margin-bottom: 20px; }
.bar_graph .bar-wrap { margin-bottom: 13px; background-color: #e4e4e4; border-radius: 300px 300px 300px 300px; -webkit-border-radius: 300px 300px 300px 300px; -o-border-radius: 300px 300px 300px 300px; -moz-border-radius: 300px 300px 300px 300px; background-color: #e7e7e7; }
.bar_graph .bar-wrap:last-child span { margin-bottom: 0px; }
.bar_graph .bar-wrap span { height: 10px; width: 0px; display: block; overflow: visible !important; position: relative !important; background-color: #1ea8c1; border-radius: 300px; -webkit-border-radius: 300px; -o-border-radius: 300px; -moz-border-radius: 300px; margin-bottom: 20px; }
.bar_graph .bar-wrap span strong { position: absolute; opacity: 0; right: 0px; top: -25px; padding: 4px 7px !important; background-color: #333; color: #fff; line-height: 12px !important; font-size: 11px !important; opacity: 0; display: block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; }
.bar_graph .bar-wrap span strong:after { border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 12px; position: absolute; width: 0; }
.bar_graph .bar-wrap span strong.full:after { left: 15px; }
.bar_graph p { padding-bottom: 0px; margin-bottom: 10px; font-size: 12px; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; }

.testimonials .owl-controls { top: 55px; position: relative; }
.section.light .testimonials .owl-controls .owl-pagination div span { width: 14px; height: 14px; background-color: rgba(255, 255, 255, 0.6); }
.testimonials .item { width: 80%; margin: 0 auto; }
.testimonials .item blockquote { line-height: 48px; font-size: 36px; font-weight: 300; font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; border-left: none; padding: 0; position: relative; }
.testimonials .item blockquote:before, .testimonials .item blockquote:after { content: '\0022'; display: inline-block; font-family: georgia; font-style: italic; font-size: 54px; opacity: .3; top: 10px; position: relative; }
.testimonials .item blockquote:before { left: -10px; }
.testimonials .item blockquote:after { right: -5px; }
.testimonials .item cite { font-family: georgia; font-style: italic; font-size: 16px; }
.testimonials .item cite .person { color: #1ea8c1; }

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { border-radius: 3px; }
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active { background: #1ea8c1; }
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active .ui-icon:after { color: white; opacity: 1; }
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover .ui-icon:after { opacity: 1; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { background-image: none !important; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after { font-family: "FontAwesome"; position: relative; top: -2px; color: #aaa; opacity: .5; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after { content: "\f0fe"; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after { content: "\f146"; }

.wpb_content_element .wpb_tabs_nav li { background-color: transparent !important; }
.wpb_content_element .wpb_tabs_nav li:hover, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active { background-color: #1ea8c1 !important; border-radius: 3px 3px 0px 0px; }
.wpb_content_element .wpb_tabs_nav li:hover a, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a { color: white; }

.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: transparent !important; padding-left: 0px; }

.container.no_vc { padding: 20px; }

/*******************************************/
/*  Front End Live Builder Overrides
/*******************************************/
body.compose-mode #topbar { position: absolute; z-index: 0; }
body.compose-mode div.section { overflow: visible; }
body.compose-mode .k-animate, body.compose-mode .k-animate[data-anim-target="self"] { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); left: 0; right: 0; top: 0; }
body.compose-mode .k-animate[data-anim-target="children"] > *, body.compose-mode .k-animate[data-anim-target="self"][data-anim-target="children"] > * { opacity: 1; position: relative; outline: 1px solid transparent; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); left: 0; right: 0; top: 0; bottom: 0; }
body.compose-mode .k-animate[data-anim-target="self"], body.compose-mode .slide-animate[data-anim-target="self"] { opacity: 1 !important; }
body.compose-mode .vc-element:hover { outline: #999 dashed 1px; }
body.compose-mode .k-animate:after { position: absolute; content: 'animation'; text-transform: uppercase; font-size: 10px; background: rgba(0, 0, 0, 0.03); padding: 2px 8px; display: inline-block; top: 0; right: 0; }
body.compose-mode .vc-k_slider { /*          .item { width: 20%; float: left; margin-right: 1%; } */ }
body.compose-mode .col.has-animation { opacity: 1 !important; left: 0 !important; top: 0 !important; bottom: 0 !important; right: 0 !important; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); }
body.compose-mode .vc-kioken_map { background-color: #e7e7e7; background-image: url(assets/img/gmap_marker.png); background-repeat: no-repeat; background-position: center center; }
body.compose-mode .kioken_spacer { background: url(assets/img/spacer_vc_front.png) no-repeat center center; }
body.compose-mode .section.parallax { background-attachment: scroll !important; }

body.admin-bar #topbar { top: 32px; }
body.admin-bar #main { margin-top: 152px; }

/*******************************************/
/*! Footer
/*  Footer and Footer Widget Styles
/*******************************************/
#footer-wrap { background-color: #3a3e3f; color: rgba(255, 255, 255, 0.6); padding: 40px 0px 0px 0px; font-size: 13px; position: relative; }
#footer-wrap .widget-title, #footer-wrap .fa { color: #666; }
#footer-wrap a { color: white; }
#footer-wrap a { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#footer-wrap a:hover { color: #1ea8c1; }
#footer-wrap .k-widget ul li { border-color: rgba(255, 255, 255, 0.075); }
#footer-wrap .k-info a.logo img { width: 50px; height: auto; opacity: .5; float: left; margin-right: 20px; }
#footer-wrap .k-info a.logo img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#footer-wrap .k-info a.logo:hover img { opacity: 1; }
#footer-wrap .footer-end { background: #303434; font-size: 12px; padding: 20px 0px; color: #666; }
#footer-wrap .footer-end div { margin-bottom: 0px; text-align: right; line-height: 12px; }
#footer-wrap .footer-end div:first-child { text-align: left; }
#footer-wrap .footer-end ul { text-align: right; display: inline-block; margin-bottom: 0px; }
#footer-wrap .footer-end ul li { margin-bottom: 0px; float: left; margin-right: 10px; display: inline-block; }
#footer-wrap .footer-end ul li a:hover .fa { color: white; }
#footer-wrap .footer-end ul li a:hover .fa { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

/*******************************************/
/*  Firefox is the new IE
/*******************************************/
body.Firefox .foliocols .col-sm-4 { width: 32%; }

/*******************************************/
/*  WP Global Styles
/*******************************************/
.wp-caption { font-size: inherit; }

.wp-caption-text { font-size: inherit; }

.gallery-caption { font-size: inherit; }

.bypostauthor { font-size: inherit; }

.alignright { float: right; }

.alignleft { float: left; }

.aligncenter { text-align: center; }

.block_aligncenter { margin: 0 auto; display: block; }

.txtalignright { text-align: right; }

.wp_title { margin-bottom: 40px; }

/*******************************************/
/*  Preloader
/*******************************************/
#qLoverlay { background: #1ea8c1 !important; }
#qLoverlay #qLbar { background: white !important; }
#qLoverlay #qLpercentage { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px !important; margin-top: -30px !important; font-weight: 400; padding: 20px !important; display: inline-block !important; text-align: center !important; background: #1ea8c1; }
#qLoverlay .preloadLogo { position: absolute; height: 70px; margin-top: -120px; top: 50%; left: 50%; margin-left: -37px; -webkit-animation: pulsate-logo ease-in-out .5s infinite; -moz-animation: pulsate-logo ease-in-out .5s infinite; -o-animation: pulsate-logo ease-in-out .5s infinite; animation: pulsate-logo ease-in-out .5s infinite; }

@-webkit-keyframes pulsate-logo { 0% { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: .5; }
  50% { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: .5; } }

@-moz-keyframes pulsate-logo { 0% { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: .5; }
  50% { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: .5; } }

@-o-keyframes pulsate-logo { 0% { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: .5; }
  50% { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: .5; } }

@keyframes pulsate-logo { 0% { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: .5; }
  50% { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: .5; } }

a.btn.btn-main { color: white; }

.btn { border-radius: 2px; border-width: 2px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.btn { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.btn.btn-white { background-color: white; color: #353535; }
.btn.btn-strawberry { background: #e45757; color: white; border-color: #e45757; }
.btn.btn-black { background: #151515; color: white; border-color: #151515; }
.btn.btn-yellow { background: #ffee67; color: #353535; border-color: #ffee67; }
.btn.btn-main { background: #1ea8c1; color: white; border-color: #1ea8c1; }
.btn.btn-primary { border-color: #428bca; }
.btn.btn-warning { background-color: #eea236; border-color: #eea236; }
.btn.btn-grass { background: #32ab6e; color: white; border-color: #32ab6e; }
.btn.btn-trans { background-color: transparent; }
.btn.btn-trans.btn-black { color: #353535; border-color: #353535; }
.btn.btn-trans.btn-main { color: #1ea8c1; border-color: #1ea8c1; background: none !important; }
.btn.btn-trans.btn-strawberry { color: #e45757; border-color: #e45757; background: none !important; }
.btn.btn-trans.btn-grass { color: #32ab6e; border-color: #32ab6e; background: none !important; }
.btn.btn-trans.btn-orange { color: #eea236; border-color: #eea236; background: none !important; }
.btn.btn-trans.btn-pinkorange { color: #f2664f; border-color: #f2664f; background: none !important; }
.btn.btn-trans.whiteb { background-color: rgba(255, 255, 255, 0.75) !important; }
.btn.btn-trans.btn-white { border-color: white; color: white; }
.btn.btn-superround { border-radius: 200px; }
.btn.btn-square { border-radius: 0px; }
.btn.btn-upsize { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; }
.btn.btn-xlg { padding: 12px 18px; }
.btn.btn-xlg.btn-upsize { font-size: 14px; }

.vc_btn_white.vc_btn_outlined, .vc_btn_white.vc_btn_square_outlined { color: white !important; }

.vc_btn.btn-upsize { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; }

/*** Mobile CSS ****************************
*
*
********************************************/
@media screen and (min-width: 320px) and (max-width: 480px) { /* Styles for iphone portrait */
  #kiokenSlides .item .container .inner { max-width: 88% !important; margin: 0 auto; padding-top: 30px; }
  #kiokenSlides .item .container .inner h1 { font-size: 28px !important; }
  #kiokenSlides .item .container .inner h2.subcap { font-size: 14px !important; }
  #kiokenSlides .item .container .inner h1.upperc { font-size: 32px !important; margin-bottom: 20px !important; }
  #kiokenSlides .item .container .inner p { font-size: 14px !important; line-height: inherit !important; margin-bottom: 10px !important; }
  .btn { margin: 10px auto !important; }
  .btn-lg, .btn-xlg, .btn-group-lg > .btn { padding: 6px 10px !important; font-size: 10px !important; margin-right: 10px !important; }
  #kiokenSlides .owl-buttons { display: none !important; }
  .testimonials .item blockquote { font-size: 24px; line-height: 36px; }
  .blurb { padding-bottom: 25px !important; }
  h2 { font-size: 24px !important; }
  h3.slab { font-size: 18px !important; }
  .wpb_wrapper { margin-bottom: 25px; } }
/*** iPad Portrait ****************************
*
*
********************************************/
@media screen and (min-width: 768px) and (max-width: 1024px) { .snavigation ul li { margin-right: 25px; }
  #overlay .container .inner { width: 100%; }
  .foliocols div.col-sm-4, .foliocols div.col-sm-3 { width: 50% !important; }
  #topbar a#logo img { height: 44px; top: 15px; }
  .blurb img { max-width: 90%; } }
/*** iPad Landscape ****************************
*
*
********************************************/
@media screen and (min-width: 1024px) and (max-width: 1170px) { /* Styles for tablet */
  .foliocols div.col-sm-3 { width: 33.33333333333333% !important; } }
@media screen and (max-width: 767px) { .foliocols div.col-sm-4, .foliocols div.col-sm-3 { width: 100% !important; }
  #topbar a#logo img { height: 44px; top: 15px; } }
a#mobileme { color: #fff; position: absolute; right: 20px; top: 28px; display: block; width: 28px; height: 28px; z-index: 3; }
a#mobileme i { font-size: 20px; }

nav#mobilenav { background: #222; padding: 20px 20px 10px 20px; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; display: none; }
nav#mobilenav ul { padding: 0; margin: 0; margin-top: 50px; list-style: none; list-style-type: none; }
nav#mobilenav ul li, nav#mobilenav ul li.menu-item-has-children { list-style: none; list-style-type: none; }
nav#mobilenav ul li a, nav#mobilenav ul li.menu-item-has-children a { color: #ccc; padding: 10px 0px; display: block; border-bottom: 1px dotted #555; font-size: 13px; position: relative; /*                 &:last-child { border-bottom: none; } */ }
nav#mobilenav ul li a .sf-sub-indicator, nav#mobilenav ul li.menu-item-has-children a .sf-sub-indicator { position: absolute; right: 0; }
nav#mobilenav ul li a .sf-sub-indicator i, nav#mobilenav ul li.menu-item-has-children a .sf-sub-indicator i { color: #ccc; }
nav#mobilenav ul li.sfHover > a, nav#mobilenav ul li a:hover, nav#mobilenav ul li.menu-item-has-children.sfHover > a, nav#mobilenav ul li.menu-item-has-children a:hover { color: #fff; }
nav#mobilenav ul li ul, nav#mobilenav ul li.menu-item-has-children ul { margin-left: 20px; margin-top: 0; }
nav#mobilenav > div > ul > li:last-child a { border-bottom: none !important; }

#topbar.dark a#mobileme { color: #444; }
#topbar.dark #mobilenav { background: #fff; }
#topbar.dark #mobilenav ul li a { color: #555; border-bottom: 1px dotted #ccc; }
#topbar.dark #mobilenav ul li a .sf-sub-indicator i { color: #555; }

.k-animate, .slide-animate { position: relative; outline: 1px solid transparent; }
html:not(.js) .k-animate, html:not(.js) .slide-animate { opacity: 1; }
.k-animate[data-anim-target="self"], .slide-animate[data-anim-target="self"] { opacity: 0; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); }
.k-animate[data-anim-target="self"][data-animation="fadeInRight"], .slide-animate[data-anim-target="self"][data-animation="fadeInRight"] { right: -60px; }
.k-animate[data-anim-target="self"][data-animation="fadeInTop"], .slide-animate[data-anim-target="self"][data-animation="fadeInTop"] { top: -150px; }
.k-animate[data-anim-target="self"][data-animation="fadeInBottom"], .slide-animate[data-anim-target="self"][data-animation="fadeInBottom"] { bottom: -150px; }
.k-animate[data-anim-target="self"][data-animation="fadeInLeft"], .slide-animate[data-anim-target="self"][data-animation="fadeInLeft"] { left: -60px; }
.k-animate[data-anim-target="self"][data-animation="zoomIn"], .slide-animate[data-anim-target="self"][data-animation="zoomIn"] { transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); }
.k-animate[data-anim-target="self"][data-animation="showUp"], .slide-animate[data-anim-target="self"][data-animation="showUp"] { transform: scale(0.1); -webkit-transform: scale(0.1); -o-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); }
.k-animate[data-anim-target="self"][data-animation="flipInX"], .slide-animate[data-anim-target="self"][data-animation="flipInX"] { transform: perspective(400px) rotateX(90deg); -webkit-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); top: -60px; }
.k-animate[data-anim-target="self"][data-animation="flipInY"], .slide-animate[data-anim-target="self"][data-animation="flipInY"] { transform: perspective(400px) rotateY(-90deg); -webkit-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); left: -60px; }
.k-animate[data-anim-target="children"], .slide-animate[data-anim-target="children"] { opacity: 1; }
.k-animate[data-anim-target="children"] > *, .slide-animate[data-anim-target="children"] > * { opacity: 0; position: relative; outline: 1px solid transparent; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); }
.k-animate[data-anim-target="children"][data-animation="fadeInRight"] > *, .slide-animate[data-anim-target="children"][data-animation="fadeInRight"] > * { right: -60px; }
.k-animate[data-anim-target="children"][data-animation="fadeInTop"] > *, .slide-animate[data-anim-target="children"][data-animation="fadeInTop"] > * { top: -150px; }
.k-animate[data-anim-target="children"][data-animation="fadeInBottom"] > *, .slide-animate[data-anim-target="children"][data-animation="fadeInBottom"] > * { bottom: -150px; }
.k-animate[data-anim-target="children"][data-animation="fadeInLeft"] > *, .slide-animate[data-anim-target="children"][data-animation="fadeInLeft"] > * { left: -60px; }
.k-animate[data-anim-target="children"][data-animation="zoomIn"] > *, .slide-animate[data-anim-target="children"][data-animation="zoomIn"] > * { transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); }
.k-animate[data-anim-target="children"][data-animation="showUp"] > *, .slide-animate[data-anim-target="children"][data-animation="showUp"] > * { transform: scale(0.1); -webkit-transform: scale(0.1); -o-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); }
.k-animate[data-anim-target="children"][data-animation="flipInX"] > *, .slide-animate[data-anim-target="children"][data-animation="flipInX"] > * { transform: perspective(400px) rotateX(90deg); -webkit-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); top: -60px; }
.k-animate[data-anim-target="children"][data-animation="flipInY"] > *, .slide-animate[data-anim-target="children"][data-animation="flipInY"] > * { transform: perspective(400px) rotateY(-90deg); -webkit-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); left: -60px; }

/***************** Image with animation / Col animation ******************/
img.img-with-animation, .col.has-animation, .wpb_column.has-animation { opacity: 0; position: relative; }

img.img-with-animation[data-animation="grow-in"].full-opacity { opacity: 1; }

html:not(.js) img.img-with-animation, html:not(.js) .col.has-animation, html:not(.js) .wpb_column.has-animation { opacity: 1; }

img.img-with-animation[data-animation="grow-in"], .col.has-animation[data-animation="grow-in"], .wpb_column.has-animation[data-animation="grow-in"] { opacity: 0.1; transform: scale(0.4); -webkit-transform: scale(0.4); -o-transform: scale(0.4); -moz-transform: scale(0.4); transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); -o-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25); }

img.img-with-animation[data-animation="fade-in-from-left"] { left: -40px; padding-right: 30px; }

.col.has-animation[data-animation="fade-in-from-left"], .wpb_column.has-animation[data-animation="fade-in-from-left"] { left: -40px; }

img.img-with-animation[data-animation="fade-in-from-right"] { right: -40px; padding-left: 30px; }

.col.has-animation[data-animation="fade-in-from-right"], .wpb_column.has-animation[data-animation="fade-in-from-right"] { right: -40px; }

img.img-with-animation[data-animation="fade-in-from-bottom"] { bottom: -100px; }

.col.has-animation[data-animation="fade-in-from-bottom"], .wpb_column.has-animation[data-animation="fade-in-from-bottom"] { bottom: -50px; }

img.img-with-animation[data-animation="fade-in-from-left"], img.img-with-animation[data-animation="fade-in-from-right"] { margin: 0 auto; }

/* Magnific Popup CSS */
/* Magnific Popup CSS */
/* @import "settings"; */
html { -webkit-backface-visibility: hidden; }

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: black; opacity: 0.8; filter: alpha(opacity=80); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; /* a { color: $mfp-controls-text-color; &:hover { color: $mfp-controls-text-color-hover; } }
*/ }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; width: 100%; text-align: right; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; font-family: 'FontAwesome'; display: block; font-size: 46px; color: rgba(255, 255, 255, 0.8); width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; /*       border: medium double transparent; */ /* border-style: groove; border-color: transparent;
*/ border: none; }
.mfp-arrow:after, .mfp-arrow .mfp-a { /* border-top-width: 13px; border-bottom-width: 13px;
*/ top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { /* border-top-width: 21px; border-bottom-width: 21px;
*/ opacity: 0.7; }

.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { content: "\f104"; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }

.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { content: "\f105"; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; /*       min-height: 600px; */ width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; min-height: 540px; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100% !important; min-height: 100% !important; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 80%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
.mfp-ready .mfp-figure { opacity: 0; }

.mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ }
.mfp-zoom-in .mfp-figure { opacity: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }
.mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-preloader { opacity: 0; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
.mfp-zoom-in.mfp-image-loaded .mfp-figure { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader { opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-figure { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader { opacity: 0; }

/* CSS-based preloader */
.mfp-preloader { font-family: "FontAwesome"; }
.mfp-preloader:after { position: absolute; opacity: 0.65; display: inline-block; content: "\f013"; color: white; font-size: 28px; font-family: "FontAwesome"; -webkit-animation: rotateplane .9s infinite linear; -moz-animation: rotateplane .9s infinite linear; -o-animation: rotateplane .9s infinite linear; animation: rotateplane .9s infinite linear; }

@-webkit-keyframes rotateplane { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); } }

@-moz-keyframes rotateplane { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); } }

@-o-keyframes rotateplane { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); } }

@keyframes rotateplane { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); } }

@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/*******************************************/
/*  Just for the Demo, CSS Only MacbookPro
/*******************************************/
#mbp-lower { width: 120%; height: 40px; border-radius: 3px 3px 10px 10px; background: #cacbcd; margin-left: -10%; margin-top: -41px; position: relative; }
#mbp-lower:after { width: 100px; height: 15px; display: block; content: ''; position: absolute; left: 50%; margin-left: -50px; border-radius: 0px 0px 5px 5px; background-color: #e9e9e9; /* Fallback Color */ background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#e9e9e9)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #dddddd, #e9e9e9); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #dddddd, #e9e9e9); /* FF3.6 */ background-image: -ms-linear-gradient(top, #dddddd, #e9e9e9); /* IE10 */ background-image: -o-linear-gradient(top, #dddddd, #e9e9e9); /* Opera 11.10+ */ background-image: linear-gradient(top, #dddddd, #e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#dddddd', EndColorStr='#e9e9e9'); }