/*
Theme Name: eklipse
Theme URI: http://wordpress.tanshcreative.com/eklipse/
Description: eklipse is a Responsive WordPress Theme Designed and Developed by Tansh.
Version: 1.5.2
Author: Tansh
Author URI: http://themeforest.net/user/tansh
Tags: left-sidebar, right-sidebar, post-formats, sticky-post, translation-ready
License:  GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.txt
Text Domain: tcsn_theme
*/
/*============================================================*/
/*/////////////////////////////////////////////////////////////////////*/
/*//                                                                 //*/
/*//   For EASY UPDATES                                              //*/
/*// - Please DO NOT edit theme file itself, instead use CHILD THEME //*/
/*// - To override styles use - style.css / custom.css of child      //*/
/*// - Refer help doc for more info                                  //*/
/*//                                                                 //*/
/*/////////////////////////////////////////////////////////////////////*/
/*============================================================*/
/*---------- Searching for particular element? ----------*/
/*
Here is CSS structure...

1  General styles
2  Typography 
3  Layout
4  List styles
5  Button styles
6  Commons 
7  Header
8  Footer
9  Portfolio and Portfolio / Screenshot Hovers / Carousels
10 Pricing
11 Blog / Search / 404 page
12 Forms
13 Comments
14 Widgets
15 Pagers for pages, posts, comments, portfolio
16 Menu / Navigation
17 WordPress Core
18 Pre-defined class for typography
19 THEME COLORS - Background and Font. Colors for buttons are in their own section.

/*----------------------------------------*/
/*----- 1 General styles -----*/
/*----------------------------------------*/
html { overflow-x: hidden; }
body { background-position: center top; font-size: 14px; font-weight: normal; line-height: 26px; -webkit-font-smoothing: antialiased; -webkit-animation: fix 1s 1; overflow-x: hidden; }
img { max-width: 100% !important; height: auto !important; }
iframe { border: none; }
.video-wrapper iframe, .audio-wrapper iframe { max-width: 100%; }
/*----------------------------------------*/
/*----- 2 Typography -----*/
/*----------------------------------------*/
/*-- Font and Background colors are specified in separate section : Colors --*/
/*-- Font sizes and weights are in respective section --*/

body, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
/*-- Other typography --*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-style: normal; margin-bottom: 15px; margin-top: 0; -webkit-font-smoothing: antialiased; line-height: 1.2em; }
h1 { font-size: 48px; line-height: 54px; }
h2 { font-size: 36px; line-height: 42px; }
h3 { font-size: 30px; line-height: 36px; }
h4 { font-size: 24px; line-height: 30px; }
h5 { font-size: 18px; line-height: 24px; }
h6 { font-size: 14px; line-height: 18px; }
a { text-decoration: none; cursor: pointer; font-style: normal; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:visited { }
a:hover { text-decoration: none; }
a:active { }
a:focus { outline: 0; text-decoration: none; }
.dropcap { font-size: 30px; font-weight: bold; line-height: 30px; margin: 0 15px 5px 0; padding: 5px 10px; float: left; }
.highlight { padding: 0 5px; }
/*----------------------------------------*/
/*----- 3 Layout -----*/
/*----------------------------------------*/
.pad-top-none { padding-top: 0 !important; }
.pad-bottom-none { padding-bottom: 0 !important; }
#content-main { padding-top: 60px; padding-bottom: 60px; }
.main-container, .vc_row-fluid.main-container { width: 1110px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.content-area { width: 820px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.content-area.fullwidth { width: 100% !important; }
#sidebar { width: 250px; margin-top: 60px; padding-bottom: 20px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content-wrapper.fullwidth .content-area { width: 100% !important; float: none; }
#content-wrapper.left-sidebar .content-area { float: right; }
#content-wrapper.left-sidebar #sidebar { float: left; }
/*----------------------------------------*/
/*----- 4 List styles -----*/
/*----------------------------------------*/
/*----- General -----*/
ul, ol { margin: 0 0 10px 0; padding: 0; list-style-position: inside; display: block; }
ul ul, ol ol { margin-left: 20px; margin-top: 5px; }
.list li { margin-bottom: 10px; }
.list-icon i { margin-right: 15px; margin-top: -2px; color: inherit; line-height: 1em; }
.list-icon { padding: 15px 0; margin: 0; }
.list-icon-border { border-style: solid; border-width: 0 0 1px 0; display: block; line-height: 1em; }
.list-icon-hover { width: 100%; padding: 15px; -webkit-transition: all 0.3s ease; -moz-transition:    all 0.3s ease; -o-transition:      all 0.3s ease; transition:         all 0.3s ease; }
/* Icon lists */
.list-checkmark li, .list-checkmark-circle li, .list-checkmark-square li, .list-star li, .list-arrow li, .list-arrow-circle li, .list-heart li, .list-circle li, .portfolio-info li, .list-sitemap li { background: none; margin-bottom: 10px; list-style-type: none; display: block; }
.list-checkmark, .list-checkmark-circle, .list-checkmark-square, .list-star, .list-arrow, .list-arrow-circle, .list-heart, .list-circle { list-style: outside none none; }
.list-arrow li, .list-arrow-circle li, .list-checkmark li, .list-checkmark-circle li, .list-checkmark-square li, .list-star, .list-heart, .list-circle { padding-left: 30px; }
.list-checkmark li:before, .list-checkmark-circle li:before, .list-checkmark-square li:before, .list-star li:before, .list-arrow li:before, .list-arrow-circle li:before, .list-heart li:before, .list-circle li:before { float: left; width: 30px; margin-left: -30px; }
.list-checkmark-circle li, .list-checkmark-square li { padding-left: 35px; }
.list-checkmark-circle li:before, .list-checkmark-square li:before { width: 35px; margin-left: -35px; }
.list-checkmark li:before { font-family: 'icomoon'; content: "\f0bc"; font-size:18px; }
.list-checkmark-circle li:before { font-family: 'icomoon'; content: "\e7d9"; font-size:24px; }
.list-checkmark-square li:before { font-family: 'icomoon'; content: "\f046"; font-size:24px; }
.list-star li:before { font-family: 'icomoon'; content: "\e8fa"; font-size:18px; }
.list-arrow li:before { font-family: 'icomoon'; content: "\f101"; font-size:24px; }
.list-arrow-circle li:before { font-family: 'icomoon'; content: "\ef72"; font-size:18px; }
.list-heart li:before { font-family: 'icomoon'; content: "\e717"; font-size:16px; }
.list-circle li:before { font-family: 'icomoon'; content: "\e72b"; font-size:16px; }
/* List with separator / secondary menu */
.list-separator li, .secondary-menu li { display: inline-block; margin-bottom: 0; }
.secondary-menu li { margin-right: 15px }
.list-separator li:after { content: "|"; display: inline-block; margin: 0 10px; }
.list-separator li:last-child:after { content: none; }
/* List with border */
.list-border li { padding-bottom: 10px; margin-bottom: 10px; border-style: solid; border-width: 0 0 1px 0; list-style-type: none; display: block; overflow: hidden; }
.list-border li:last-child { border: 0; margin: 0; padding: 0; }
/* Inline list */
.list-inline li { padding: 0 10px 0 0; background: none; list-style-type: none; display: inline !important; }
/* Sitemap list */
.list-sitemap { float: left; width: 48%; margin-right: 2%; }
.list-sitemap:last-child { margin-right: 0; }
/*----------------------------------------*/
/*----- 5 Button styles -----*/
/*----------------------------------------*/
.mybtn, #submit, input[type="submit"] { background-color: #37474f; border: 2px solid #37474f; padding: 15px 20px; margin: 10px 0; font-size: 14px; color: #fff !important; font-weight: bold; line-height: 14px; cursor: pointer; border-radius: 6px; outline: 0; width: auto; height: auto; display: inline-block; text-decoration: none; position: relative; white-space: nowrap; -webkit-transition: all .2s ease; -moz-transition:    all .2s ease; -ms-transition:     all .2s ease; -o-transition:      all .2s ease; transition:         all .2s ease; -webkit-backface-visibility: hidden; }
.mybtn-round { border-radius: 30px; }
.mybtn-big, #submit, input[type="submit"] { padding: 20px 30px; line-height: 16px; font-size: 16px; }
.mybtn-small { padding: 10px 15px; line-height: 11px; font-size: 11px; }
.mybtn-icon { padding: 10px 15px; }
.mybtn i, .mybtn-big i, .mybtn-small i { font-size: inherit !important; margin-left: 15px; vertical-align: top; }
.mybtn-icon i { margin-left: 0; font-size: 18px !important; line-height: 18px !important; }
.mybtn-flat { background-color: transparent; color: #37474f !important; border: 2px solid #37474f; }
.mybtn.hvr-sweep-to-right:before, .mybtn.hvr-sweep-to-left:before, .mybtn.hvr-sweep-to-bottom:before, .mybtn.hvr-sweep-to-top:before, .mybtn.hvr-shutter-out-horizontal:before, .mybtn.hvr-shutter-out-vertical:before { background: #303030; border-radius: 6px !important; }
/*-- default --*/
.mybtn-default { }
/*-- white --*/
.mybtn-white { background-color: #fff; color: #2f2f2f !important; border: 2px solid #fff; }
.mybtn-flat-white { background-color: transparent; border: 2px solid #fff; color: #fff !important; }
/*-- green --*/
.mybtn-green { background-color: #6aae12; color: #fff !important; border: 2px solid #6aae12; }
.mybtn-flat-green { background-color: transparent; border: 2px solid #6aae12; color: #6aae12 !important; }
/*-- yellow --*/
.mybtn-yellow { background-color: #eed218; color: #fff !important; border: 2px solid #eed218; }
.mybtn-flat-yellow { background-color: transparent; border: 2px solid #eed218; color: #eed218 !important; }
/*-- red --*/
.mybtn-red { background-color: #ae1212; color: #fff !important; border: 2px solid #ae1212; }
.mybtn-flat-red { background-color: transparent; border: 2px solid #ae1212; color: #ae1212 !important; }
/*-- cyan  --*/
.mybtn-cyan { background-color: #12a9ae; color: #fff !important; border: 2px solid #12a9ae; }
.mybtn-flat-cyan { background-color: transparent; border: 2px solid #12a9ae; color: #12a9ae !important; }
/*-- orange --*/
.mybtn-orange { background-color: #f57c00; color: #fff !important; border: 2px solid #f57c00; }
.mybtn-flat-orange { background-color: transparent; border: 2px solid #f57c00; color: #f57c00 !important; }
/*-- blue --*/
.mybtn-blue { background-color: #126eae; color: #fff !important; border: 2px solid #126eae; }
.mybtn-flat-blue { background-color: transparent; border: 2px solid #126eae; color: #126eae !important; }
/*-- grey --*/
.mybtn-grey { background-color: #cfd8dc; color: #fff !important; border: 2px solid #cfd8dc; }
.mybtn-flat-grey { background-color: transparent; border: 2px solid #cfd8dc; color: #cfd8dc !important; }
/*-- indigo --*/
.mybtn-indigo { background-color: #5012ae; color: #fff !important; border: 2px solid #5012ae; }
.mybtn-flat-indigo { background-color: transparent; border: 2px solid #5012ae; color: #5012ae !important; }
/*----- Hovers -----*/
.mybtn:hover { background-color: #263238; text-decoration: none; border: 2px solid #263238; }
.mybtn-flat:hover, .mybtn-green:hover, .mybtn-red:hover, .mybtn-cyan:hover, .mybtn-blue:hover, .mybtn-brown:hover, .mybtn-grey:hover, .mybtn-white:hover, .mybtn-flat-white:hover { background-color: #263238; color: #fff !important; }
.mybtn-flat-white:hover { background-color: #fff; border: 2px solid #fff; color: #37474f !important; }
.mybtn-flat-green:hover { background-color: #6aae12; border: 2px solid #6aae12; color: #fff !important; }
.mybtn-flat-red:hover { background-color: #ae1212; border: 2px solid #ae1212; color: #fff !important; }
.mybtn-flat-cyan:hover { background-color: #12a9ae; border: 2px solid #12a9ae; color: #fff !important; }
.mybtn-flat-orange:hover { background-color: #f57c00; border: 2px solid #f57c00; color: #fff !important; }
.mybtn-flat-blue:hover { background-color: #126eae; border: 2px solid #126eae; color: #fff !important; }
.mybtn-flat-yellow:hover { background-color: #eed218; border: 2px solid #eed218; color: #fff !important; }
.mybtn-flat-grey:hover { background-color: #cfd8dc; border: 2px solid #cfd8dc; color: #fff !important; }
.mybtn-flat-indigo:hover { background-color: #5012ae; border: 2px solid #5012ae; color: #fff !important; }
.mybtn-flat-white.hvr-sweep-to-right:before, .mybtn-flat-white.hvr-sweep-to-left:before, .mybtn-flat-white.hvr-sweep-to-bottom:before, .mybtn-flat-white.hvr-sweep-to-top:before, .mybtn-flat-white.hvr-shutter-out-horizontal:before, .mybtn-flat-white.hvr-shutter-out-vertical:before { border: 2px solid #fff; background-color: #fff; }
.mybtn-flat-green.hvr-sweep-to-right:before, .mybtn-flat-green.hvr-sweep-to-left:before, .mybtn-flat-green.hvr-sweep-to-bottom:before, .mybtn-flat-green.hvr-sweep-to-top:before, .mybtn-flat-green.hvr-shutter-out-horizontal:before, .mybtn-flat-green.hvr-shutter-out-vertical:before { border: 2px solid #6aae12; background-color: #6aae12; }
.mybtn-flat-red.hvr-sweep-to-right:before, .mybtn-flat-red.hvr-sweep-to-left:before, .mybtn-flat-red.hvr-sweep-to-bottom:before, .mybtn-flat-red.hvr-sweep-to-top:before, .mybtn-flat-red.hvr-shutter-out-horizontal:before, .mybtn-flat-red.hvr-shutter-out-vertical:before { border: 2px solid #ae1212; background-color: #ae1212; }
.mybtn-flat-cyan.hvr-sweep-to-right:before, .mybtn-flat-cyan.hvr-sweep-to-left:before, .mybtn-flat-cyan.hvr-sweep-to-bottom:before, .mybtn-flat-cyan.hvr-sweep-to-top:before, .mybtn-flat-cyan.hvr-shutter-out-horizontal:before, .mybtn-flat-cyan.hvr-shutter-out-vertical:before { border: 2px solid #12a9ae; background-color: #12a9ae; }
.mybtn-flat-orange.hvr-sweep-to-right:before, .mybtn-flat-orange.hvr-sweep-to-left:before, .mybtn-flat-orange.hvr-sweep-to-bottom:before, .mybtn-flat-orange.hvr-sweep-to-top:before, .mybtn-flat-orange.hvr-shutter-out-horizontal:before, .mybtn-flat-orange.hvr-shutter-out-vertical:before { border: 2px solid #f57c00; background-color: #f57c00; }
.mybtn-flat-blue.hvr-sweep-to-right:before, .mybtn-flat-blue.hvr-sweep-to-left:before, .mybtn-flat-blue.hvr-sweep-to-bottom:before, .mybtn-flat-blue.hvr-sweep-to-top:before, .mybtn-flat-blue.hvr-shutter-out-horizontal:before, .mybtn-flat-blue.hvr-shutter-out-vertical:before { border: 2px solid #126eae; background-color: #126eae; }
.mybtn-flat-yellow.hvr-sweep-to-right:before, .mybtn-flat-yellow.hvr-sweep-to-left:before, .mybtn-flat-yellow.hvr-sweep-to-bottom:before, .mybtn-flat-yellow.hvr-sweep-to-top:before, .mybtn-flat-yellow.hvr-shutter-out-horizontal:before, .mybtn-flat-yellow.hvr-shutter-out-vertical:before { border: 2px solid #eed218; background-color: #eed218; }
.mybtn-flat-grey.hvr-sweep-to-right:before, .mybtn-flat-grey.hvr-sweep-to-left:before, .mybtn-flat-grey.hvr-sweep-to-bottom:before, .mybtn-flat-grey.hvr-sweep-to-top:before, .mybtn-flat-grey.hvr-shutter-out-horizontal:before, .mybtn-flat-grey.hvr-shutter-out-vertical:before { border: 2px solid #cfd8dc; background-color: #cfd8dc; }
.mybtn-flat-indigo.hvr-sweep-to-right:before, .mybtn-flat-indigo.hvr-sweep-to-left:before, .mybtn-flat-indigo.hvr-sweep-to-bottom:before, .mybtn-flat-indigo.hvr-sweep-to-top:before, .mybtn-flat-indigo.hvr-shutter-out-horizontal:before, .mybtn-flat-indigo.hvr-shutter-out-vertical:before { border: 2px solid #5012ae; background-color: #5012ae; }
/*-- form submit buttons / hovers --*/
#submit, input[type="submit"] { background-color: transparent; color: #37474f !important; border: 2px solid #37474f; margin: 10px 0; }
#submit:hover, input[type="submit"]:hover { background-color: #37474f; border: 2px solid #37474f; color: #fff !important; }
.form-light #submit, .form-light input[type="submit"] { background-color: transparent; border: 2px solid #cfd8dc; color: #cfd8dc !important; }
.form-light #submit:hover, .form-light input[type="submit"]:hover { background-color: #cfd8dc; border: 2px solid #cfd8dc; color: #37474f !important; }
/*----------------------------------------*/
/*----- 6 Commons -----*/
/*----------------------------------------*/
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.video-button.align-center { display: block; text-align: center; }
.video-button.align-right { display: block; text-align: right; }
/*-- Spacer --*/
.spacer { width: 100%; display: block; clear: both; }
.spacer-wide { min-height: 1px; display: inline-block; }
/*-- line divider --*/
.line-separator { width: 50px; border-width: 2px 0 0 0; border-style: solid; display: block !important; position: relative; margin-left: auto !important; margin-right: auto !important; }
.line-separator.left-separator { margin-left: 0 !important; }
.line-separator.right-separator { margin-right: 0 !important; }
/*-- icon divider --*/
.divider-icon { width: 100%; position: relative; }
.divider-icon .line-left { width: 40px; height: 1px; left: 50%; margin-left: -52px; position: relative; float: left; }
.divider-icon .line-right { width: 40px; height: 1px; right: 50%; margin-right: -52px; position: relative; float: right; }
.divider-icon i { font-size: 16px; margin-top: -8px; margin-left: -8px; position: absolute; left: 50%; }
/*-- Box --*/
.box, .sc-box { padding: 15px; border-style: solid; border-width: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/*-- CTA Box --*/
.cta-box { padding: 20px; }
.cta-button .mybtn { float: right; margin: 0 0 10px 10px; }
.cta-content { float: left; width: 70%; }
.cta-button { float: left; width: 30%; }
/*----- Blockquote -----*/
blockquote, blockquote p { font-size: 16px; line-height: 28px; font-style: italic; }
blockquote { padding: 5px 0 5px 30px; }
blockquote.pull-right { padding: 5px 30px 5px 0; }
blockquote, blockquote.pull-right { border-style: solid; border-width: 0 0 0 2px; }
blockquote.pull-right { border-width: 0 2px 0 0 !important; }
blockquote.double-border { padding: 20px 0; border-width: 2px 0 2px 0; display: table; width: 100%; }
blockquote.double-border:before { font-family: 'icomoon'; content: "\e7af"; display: table-cell; float: left; width: 48px; font-size: 48px; line-height: 48px; font-style: normal !important; margin-right: 20px; }
blockquote.double-border p { padding-left: 68px; }
.quote-source { display: block; line-height: 14px; margin-top: 5px; }
/*----- Icon Features -----*/
.feature-icon { display: block; }
.feature-icon-top .feature-icon-desc { margin-top: 30px; }
.feature-icon i { font-size: 48px; }
.feature-icon h5 { margin-bottom: 0; padding-bottom: 15px; }
/*feature left*/
.feature-icon-left .icon-wrapper { float: left; }
.feature-icon-left .feature-icon-desc { padding-left: 30px; }
/*feature right*/
.feature-icon-right .icon-wrapper { float: right; }
.feature-icon-right .feature-icon-desc { padding-right: 30px; }
/*feature hover*/
.icon-wrapper { transform: translate3d(0px, 0px, 0px); transition: all 0.5s ease 0s; }
.feature-icon:hover .icon-wrapper { transform: translate3d(0px, -5px, 0px); }
/*-- circle icon features --*/
.feature-circle .icon-wrapper { width: auto; height: auto; padding: 20px; display: inline-block; border-style: solid; border-width: 2px; border-radius:100%; }
.feature-circle .icon-wrapper i { font-size: 48px !important; text-align: center; }
.feature-circle .feature-icon-left .feature-icon-desc { padding-left: 110px; }
.feature-circle .feature-icon-right .feature-icon-desc { padding-right: 110px; }
.feature-circle .feature-icon-top .feature-icon-desc { margin-top: 15px; }
/*-- square icon features --*/
.feature-square .icon-wrapper { width: auto; height: auto; padding: 20px; display: inline-block; border-style: solid; border-width: 2px; }
.feature-square .icon-wrapper i { font-size: 48px !important; text-align: center; }
.feature-square .feature-icon-left .feature-icon-desc { padding-left: 110px; }
.feature-square .feature-icon-right .feature-icon-desc { padding-right: 110px; }
.feature-square .feature-icon-top .feature-icon-desc { margin-top: 15px; }
/*----- video lightbox -----*/
.video-button:before { font-family: 'icomoon'; content: "\e098"; margin-right: 5px; vertical-align: top; font-size: 2em; }
/*----- Social Share Box -----*/
.social-share-box { margin-top: 30px; }
.list-social-share { width: 100%; margin: 0; list-style: none; display: table; table-layout: fixed; }
.list-social-share li { font-size: 22px; line-height: 13px; margin: 0; display: table-cell; text-align: center; }
.list-social-share li a { padding: 15px; margin: 0; display: block; }
.list-social-share li i { margin-right: 5px; }
/*-- Team --*/
.team .member-image, .team-single .member-image { margin-bottom: 20px; position: relative; }
.team .member-name { margin: 0; }
.team .member-job { font-size: 12px; font-weight: bold; }
.team .member-email { margin-top: 15px; margin-bottom: 10px; display: block; }
.team-excerpt { margin-top: 15px; }
.team-member-circle img { border-radius: 170px; border-style: solid; border-width: 2px; }
/*-- testimonial --*/
.testimonial .member-image { width: 104px; height: 104px; border-radius: 104px; border-style: solid; border-width: 2px; margin-right: 20px; position: relative; float: left; }
.testimonial .member-image img { width: 100px; height: 100px; border-radius: 100px; }
.line-right { width: 15px; border-style: solid; border-width: 0 0 2px 0; position: absolute; right: -17px; top: 50%; }
.line-bottom { height: 60px; position: absolute; left: 50%; top: 102px; margin-left: -1px; border-style: solid; border-width: 0 2px 0 0; }
.testimonial .member-name { margin-top: 43px; font-size: 14px; }
.member-title:after { content: ","; margin-right: 5px; }
.testimonial .testimonial-content { min-height: 100px; padding-left: 120px; padding-top: 15px; font-size: 16px; font-weight: 300; font-style: italic; display: block; }
.testimonial .testimonial-info-wrapper, .testimonial-box-color, .testimonial-box-img { display: block; }
.testimonial .testimonial-info { padding: 0; }
.quote-icon { width: 100px; height: 100px; border-radius: 100px; text-align: center; }
.quote-icon:before { font-family: 'icomoon'; content: "\e977"; font-size: 32px; line-height: 100px; }
.testimonial-single .testimonial-content { margin-top: 10px; }
.testimonial-var .member-name { margin-top: 0; font-size: 14px; }
.testimonial-var.testimonial-var-square .member-image, .testimonial-var.testimonial-var-square .member-image img, .testimonial-var.testimonial-var-square .quote-icon { border-radius: 0; }
/*----------------------------------------*/
/*----- 7 Header -----*/
/*----------------------------------------*/
/*----- Header Commons -----*/
#header-wrapper { position: relative; }
.topbar-right, .header-right { float: right; }
.topbar-left, .header-left { float: left; }
.header-wiget-area { float: right; width: auto; margin-right: 5px; margin-top: 10px; }
#search-icon { float: right; margin-top: 13px; }
.main-menu { float: right; margin-top: 5px; }
.sf-menu a { padding: 10px 0; margin: 0 0 0 30px; }
/*-- Logo --*/
.logo { text-align: left; }
.logo a { line-height: 1em; }
.logo img { width: auto; max-width: 100%; height: auto; max-height: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; text-align: center; }
.logo .logo-standard { }
.logo .logo-retina { display: none; }
.logo a { font-size: 48px; }
/*-- Secondary Menu --*/
.secondary-menu { float: left; }
.secondary-menu ul { margin-bottom: 0; }
/*-- Contact Information - Topbar --*/
.contact-info ul { margin-bottom: 0; }
.contact-info li { list-style-type: none; display: inline; margin: 0 0 0 20px; }
.topbar-info { float: left; }
.contact-info i { margin: 0 10px 0 0; }
/*-- Topbar --*/
#topbar { position: relative; padding: 10px 40px; }
/*-- Header --*/
#header { width: 100%; z-index: 9999; padding: 20px 40px; }
/*-- sticky header --*/
#header-sticky { width: 100%; position: fixed; left: 0; top: 0; z-index: 999; display: none; }
#header-sticky .header-sticky-inner { padding: 10px 40px; margin: 0 auto; }
.admin-bar #header-sticky { margin-top: 32px }
#header-sticky .sf-menu a { margin: 0 0 0 20px; }
/* ------- */
/*-- Header Variation 1 --*/
/* ------- */
#header-v1 .logo { float: left; }
#header-v1 .main-menu { float: left; }
#header-v1 .sf-menu a { margin: 0 0 0 30px; }
/* ------- */
/*-- Header Variation 2 / 3 --*/
/* ------- */
#header-v2 .contact-info li { margin: 0 20px 0 0; }
#header-v2 .header-wiget-area, #header-v3 .header-wiget-area { margin-top: 0; }
#header-v2 #search-icon, #header-v3 #search-icon { margin-top: 3px; }
#header-v2 .sf-menu a, #header-v3 .sf-menu a { margin: 0 0 0 20px; }
/*----- Page Header -----*/
#page-header { padding: 30px 0; }
.page-title { line-height: 1em; margin: 0 20px 0 0; float: left; }
/* breadrcrumb */
.breadcrumbs { float: right; text-align: right; padding: 0; margin: 5px 0 0 0; font-size: 12px; }
.breadcrumbs li { list-style: none; display: inline; margin: 0; }
.breadcrumbs li:after { font-family: 'icomoon'; content: "\ed70"; vertical-align: middle; line-height: 1em; margin: 1px 0 0 2px; }
.breadcrumbs li:last-child:after { content: none; }
/*----- Sliding top panel -----*/
#slide-top { width: 100%; position: absolute; left: 0; top: 0; z-index: 9999; }
#slide-top .slide-top-inner { padding: 30px 0 0 0; display: none; }
#slide-top a.slide-panel-btn { position: absolute; right: 0; bottom: -20px; z-index: 801; height: 20px; width: 40px; border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; }
#slide-top a.slide-panel-btn span { width: 16px; height: 16px; font-size: 16px; line-height: 20px; text-align: center; position: absolute; right: 12px; top: 0; display: block; }
#slide-top a.slide-panel-btn .minus, #slide-top.active a.slide-panel-btn .plus { display: none; }
#slide-top a.slide-panel-btn .plus, #slide-top.active a.slide-panel-btn .minus { display: block; }
/*-- take-to-top --*/
#take-to-top { height: 20px; width: 40px; border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; font-size: 16px; line-height: 23px; text-align: center; display: none; position: fixed; right: 0; bottom: 2px; }
#take-to-top:before { font-family: 'icomoon'; content: "\ef81"; }
#take-to-top:hover { text-decoration: none; }
/*----------------------------------------*/
/*----- 8 Footer -----*/
/*----------------------------------------*/
#footer { padding: 60px 0 30px 0; }
/*----------------------------------------*/
/*----- 9 Portfolio and Portfolio / Screenshot Hovers / Carousels -----*/
/*----------------------------------------*/
.filter-content p { margin: 0; padding: 0; }
.portfolio-item { position: relative; }
.folio-excerpt { margin-top: 15px; margin-bottom: 30px; }
.portfolio-details { padding-bottom: 20px; }
/*-- Portfolio filter --*/
.filter_nav_wrapper { float: left; left: 50%; position: relative; }
.filter_nav { position: relative; left: -50%; display: block; float: none; text-align: center; border-radius: 20px; padding: 0 10px; margin-bottom: 30px; }
a.filter-all:before { font-family: 'icomoon'; content: "\e709"; }
.filter_nav li { padding:0; margin: 0; display:inline; list-style-type: none; }
.filter_nav li a { width: auto; height: auto; padding: 10px 10px; margin: 0 2px; font-size: 16px; line-height: 22px; cursor: pointer; outline: none; display: inline-block; }
/*-- hovers --*/
.folio-thumb { overflow: hidden; position: relative; text-align: center; }
.single-screenshot .folio-thumb { display: inline-block; }
.folio-thumb img { position: relative; width: 100%; height:auto; display:block; }
.folio-thumb .hover-details-wrapper { width: 100%; height: 100%; opacity: 0; position: absolute; text-align: center; left: 0; top: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1000; }
.folio-thumb:hover .hover-details-wrapper { opacity: 1; transform: none; }
.folio-thumb .hover-details { height: 100%; opacity: 0; transition: all 0.5s ease 0s; text-align: left; }
.folio-thumb:hover .hover-details { opacity: 1; }
.hover-icon { width: 54px; height: 54px; font-size: 26px !important; line-height: 54px; display: block; text-align: center; border-style: solid; border-width: 2px; border-radius: 100%; }
.hover-icon-zoom { position: absolute; top: auto; bottom: 20px; left: 50.3%; }
.hover-icon-link { position: absolute; top: auto; bottom: 20px; right: 50.3%; }
.zoom-middle .hover-icon-zoom, .link-middle .hover-icon-link { left: 50%; margin-left: -19px; }
.hover-heading { padding: 20px 20px 0 20px; margin: 0; text-align: center; }
.screenshot-carousel .hover-icon-zoom, .single-screenshot .hover-icon-zoom { position: absolute; top: auto; left: auto; bottom: 20px; right: 20px; }
/*-- portfolio grid --*/
.portfolio-grid-2col .portfolio-item, .portfolio-grid-3col .portfolio-item, .portfolio-grid-4col .portfolio-item, .portfolio-grid-5col .portfolio-item { width: 50%; float: left; list-style: none; padding: 1px; }
.folio-grid-content { padding: 0 15px; }
.portfolio-excerpt-wrapper { padding: 20px; background: #e0e0e0; }
.folio-title { margin: 0; }
.portfolio-excerpt { padding-top: 15px; }
.portfolio-grid-3col .portfolio-item { width: 33.31%; }
.portfolio-grid-4col .portfolio-item { width: 24.9%; }
.portfolio-grid-5col .portfolio-item { width: 20%; }
/*----- Recent Post / Client / Screenshot Carousel -----*/
.recentpost-carousel .item { margin: 0; }
.client-carousel .item, .screenshot-carousel .item { margin: 0 10px; }
.recentpost-carousel .recentpost-carousel-content { padding: 20px 0 0 20px; width: 65%; float: left; }
.recentpost-carousel .recentpost-author { float: left; margin-right: 15px; }
.recentpost-carousel .recentpost-author img, .post-meta-wrapper .recentpost-author img { margin-right: 10px; -webkit-border-radius: 50px; border-radius: 50px; }
.recentpost-excerpt { margin-bottom: 10px; }
.recentpost-carousel .folio-thumb { width: 35%; float: left; }
.recentpost-meta { display: table; table-layout: fixed; }
.recentpost-meta span { display: table-cell; vertical-align: middle }
.recentpost-carousel-content.recentpost-fullwidth { padding: 0; width: 100%; float: none; }
/*----------------------------------------*/
/*----- 10 Pricing -----*/ 
/*----------------------------------------*/
.pricing { -webkit-transition: all .4s ease-in-out; -moz-transition:    all .4s ease-in-out; -ms-transition:     all .4s ease-in-out; -o-transition:      all .4s ease-in-out; transition:         all .4s ease-in-out; margin-bottom: 20px; border-style: solid; border-width: 0; }
.pricing table { width: 100%; text-align: center; }
.pricing table thead th { width: auto; padding: 30px; text-align: center; }
.pricing-title { margin-bottom: 0; }
.pricing table td { width: auto; padding: 30px; }
.focus-td { padding: 20px 30px 30px 30px !important; }
.pricing .price { font-size: 48px; line-height: 48px; padding: 0 0 30px 0; margin: 0 30px; border-bottom-width: 1px; border-bottom-style: solid; display: block; }
.pricing sub { vertical-align: middle; font-size: 22px; font-weight: normal; display: inline-block; }
.pricing .mybtn { margin: 0; }
.list-pricing li { margin-bottom: 10px; padding-bottom: 10px; display: block; }
.list-pricing { margin: 0; }
.list-pricing li:last-child { margin-bottom: 0 !important; }
.pricing i { margin: 0 5px; }
.pricing thead i { font-size: 32px; margin: 0 0 15px 0; display: block; }
.featured-table.pricing { border-width: 2px; padding: 30px 0; margin-top: -30px; }
/*----------------------------------------*/
/*----- 11 Blog / Search / 404 page -----*/
/*----------------------------------------*/
.post-title { margin-bottom: 15px; }
.post-thumb, .video-wrapper, .audio-wrapper, .gallery-wrapper, .post-gallery { margin-bottom: 20px; }
.single .post-thumb { text-align: center; }
.post-meta-wrapper { display: block !important; padding-bottom: 20px; }
.single .post-meta-wrapper, .single .post-title { text-align: center; }
.single .post-title { margin-bottom: 5px; }
.post-meta-wrapper .author { margin-right: 20px; }
.post-meta-wrapper .leave-comment-link:before { font-family: 'icomoon'; content: "\e970"; margin-right: 5px; }
.post-meta-wrapper .leave-comment-link { display: inline; margin-left: 20px; }
.post-footer-meta { margin-top: 20px; }
.post-summary { margin-bottom: 20px; }
.post-footer { width: 100%; padding-bottom: 30px; margin-bottom: 30px; display: block; }
.post-content-left { float: left; width: 50%; padding-right: 30px; }
.post-content-right { float: right; width: 50%; }
/*link and quote post format*/
.pf-link, .pf-quote { margin-bottom: 30px; }
.pf-quote, .pf-link-text { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pf-quote blockquote, .pf-link-text { padding: 30px; margin: 0; border: none; }
.pf-quote .quote-source, .pf-link-source { padding: 20px 30px; }
/*-- Author bio --*/
.author-info { width: 100%; margin: 30px 0 10px 0; display: inline-block; }
.author-avatar .avatar { margin-right: 30px; float: left; }
.author-info { padding: 30px; }
.author-info p { margin: 0; }
.author-description { padding-left: 102px; }
/*-- Search page --*/
.archive-thumb { margin-bottom: 10px; }
.archive-inner { padding: 20px; margin-bottom: 30px; }
.archive-inner .post-footer { display: none; }
.archive-entry-title { margin-bottom: 0; }
.archive-excerpt { margin-top: 15px; }
/*-- 404 error page --*/
.error-404 { padding: 10px 0 60px 0; text-align: center; }
.heading-404 { font-size: 120px; margin-bottom: 20px; line-height: 120px; }
.link-404 { margin-top: 20px; text-align: center; display: block; }
/*----------------------------------------*/
/*----- 12 Forms -----*/
/*----------------------------------------*/
/*-- form --*/
form { margin: 0; padding: 0; z-index: 0; }
form p { margin-bottom: 10px; }
label, input, button, select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { font-weight: lighter; line-height: 1em; -webkit-border-radius: 0; border-radius: 0; }
.submit-center { text-align: center; }
label { width: 100%; height: auto; line-height: 13px; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { width: 100%; padding: 10px; margin: 0; border-width: 2px; border-style: solid; }
textarea, #commentform textarea { width: 100% !important; height: auto; line-height: 1.6em; }
select { width: 100% !important; padding: 8px 10px; height: 40px; line-height: 30px; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { -webkit-transition: linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition:      border linear 0.2s; transition: border linear 0.2s; position: relative; }
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="search"]:focus { box-shadow: none; opacity: 1 !important; }
.post-password-form input[type="password"] { margin-top: 5px; }
.woocommerce input[type="search"] { margin-bottom: 5px; }
/*-- normal form (with border to all sides) --*/
.form-theme-style select, .form-theme-style textarea, .form-theme-style input[type="text"], .form-theme-style input[type="email"], .form-theme-style input[type="url"], .form-theme-style input[type="password"], .form-theme-style input[type="number"], .form-theme-style input[type="tel"], .form-theme-style input[type="search"] { border-width: 0 0 2px 0; padding: 22px 0; }
/*-- comment form --*/
#commentform label { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { margin-right: 2%; width: 32%; float: left; }
.comment-form-url { margin-right: 0 }
.comment-form-url { margin: 0; }
/*----- search -----*/
.search-wrapper { position:relative; }
.search-input-icon, .search-close-icon { display: inline-block; width: auto; height: auto; font-size: 20px; min-width: 20px; line-height: 20px; text-align: center; position: absolute; z-index: 3; }
.search-input-icon, .search-close-icon { right: 10px; top: 9px; }
.search-close-icon { right: 0; top: 26px !important; }
/*----- header search -----*/
#search-icon i, .search-close-icon { font-size: 20px; }
.header-search-form { display: none; padding-left: 40px; padding-right: 40px; }
.header-search-form input[type="text"] { font-size: 80px; font-weight: lighter; }
.header-search-form .search-close-icon { top: 20px; cursor: pointer; }
.header-search-wrapper input[type="text"], .header-search-wrapper input[type="search"] { padding: 85px 30px 85px 0; text-align: right; border: 0; -webkit-box-shadow:none; box-shadow:none }
/*----- Subscribe form style (with only email field) -----*/
.form-wrapper { position: relative; }
.form-wrapper input[type="email"] { width: 70% !important; margin: 0; float: none; }
.form-wrapper input[type="submit"] { width: 25%; margin: 0 0 0 5%; position: absolute; top: 0; right: 0; }
/*----------------------------------------*/
/*----- 13 Comments -----*/
/*----------------------------------------*/
#comments { margin-top: 20px; }
.commentlist { list-style: none; }
.commentlist li ul { padding: 0 0 0 60px; margin: 0; list-style: none; }
.commentlist > li { margin-bottom: 20px; display: block; width: 100%; }
.commentlist .children > li { border-bottom: 0; padding-top: 20px; }
.commentlist > li:last-child { margin-bottom: 30px; }
.comment-form .comment-notes { font-size: .92em; }
.commentlist .pingback, .commentlist .trackback { padding-top: 15px; }
.commentlist, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; width: 100%; }
.comment-body { }
.comment-text { margin-left: 78px; }
.comment-author { float: left; width: 58px; height: 58px; overflow: hidden; margin-right: 20px; }
.comment-author .avatar { float: left; margin-bottom: 5px; }
.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { }
.fn .custom-fn { display: block; }
.comment-meta-wrapper { display: block; }
.comment-meta { margin-bottom: 10px; font-size: .92em; float: left; }
.commentlist .reply { font-size: .92em; float: right; }
.commentlist .comment-edit-link { }
.comment-awaiting-moderation { font-size: .92em; margin-left: 78px; margin-bottom: 0; }
.comment-reply-title small a { font-size: 1.1em; }
/*----------------------------------------*/
/*----- 14 Widgets -----*/
/*----------------------------------------*/
.widget { margin-bottom: 30px; }
.widget-title { margin: 0 0 15px 0; }
.widget ul { list-style-type: none; padding: 0; margin: 0; }
.widget ul li { display: block; }
.header-wiget-area .widget { margin-bottom: 0px; }
.widget-alert p { margin: 0 0 5px 0; padding: 0; font-size: .7em; line-height: 13px; }
#header-v2 .widget-alert { text-align: left; }
/*-- Archives widget --*/
.widget_archive { }
.widget_archive ul { }
.widget_archive ul li { padding-bottom: 10px; margin-bottom: 10px; list-style-type: none; display: block; overflow: hidden; }
.widget_archive ul li:last-child { border-bottom: none; }
.widget_archive select { width: 99% !important; margin: 0; background-color: transparent; }
.widget_archive option { height: 20px; }
.widget_archive .post-count { float: right; }
/*-- Category widget --*/
.widget_categories { }
.widget_categories ul { }
.widget_categories ul li { padding-bottom: 10px; margin-bottom: 10px; list-style-type: none; display: block; overflow: hidden; }
.widget_categories ul li:last-child { border-bottom: none; }
.widget_categories ul ul.children { }
.widget_categories select { }
.widget_categories select.postform { }
.widget_categories .level-0 { }
.widget_categories .level-1 { }
.widget_categories .level-2 { }
.widget_categories .level-3 { }
.widget_categories select#cat { width: 98% !important; margin: 0; background-color: transparent; }
.widget_categories option { height: 20px; }
.widget_categories .children { margin-left: 20px; }
.widget_categories .post-count { float: right; }
/*-- Calendar widget --*/
.widget_calendar { }
#wp-calendar { width: 100%; }
#calendar_wrap { background-color: transparent; text-shadow: none; }
#calendar_wrap th { padding: 5px; text-align: center; }
#calendar_wrap td { text-align: center; }
#wp-calendar tr td { padding: 5px; }
#wp-calendar caption { text-align: left; }
#wp-calendar #today { }
#wp-calendar #today a { }
#wp-calendar #prev, #wp-calendar #next { }
#wp-calendar #next a, #wp-calendar #prev a { }
/*-- Meta widget --*/
.widget_meta { }
.widget_meta ul { }
.widget_meta ul li a { }
.widget_meta ul li { margin-bottom: 5px; }
/*-- Pages widget --*/
.widget_pages ul { }
.widget_pages ul li a { }
.widget_pages { }
.widget_pages ul li { margin-bottom: 10px; list-style-type: none; display: block; overflow: hidden; }
.widget_pages ul li li { margin-left: 20px; }
.widget_pages ul li:before { font-family: 'icomoon'; margin-right: 7px; content: "\ed70"; }
.widget_pages ul li:last-child { margin-bottom: 0; border-bottom: none; }
/*-- Recent posts widget --*/
.widget_recent_entries { }
.widget_recent_entries ul { }
.widget_recent_entries ul li { margin-bottom: 10px; padding-bottom: 10px; }
.widget_recent_entries ul li:last-child { border-bottom: none; }
.widget_recent_entries ul li a { display: block; }
.widget_recent_entries .post-date { }
/*-- Recent comments widget  --*/
.widget_recent_comments { }
.recentcomments { }
#recentcomments { }
#recentcomments li { margin-bottom: 5px; }
.widget_recent_comments li:before { font-family: 'icomoon'; margin-right: 7px; content: "\f0e6"; }
#recentcomments li a { }
/*-- Text widget --*/
.textwidget { }
.widget_text { }
.textwidget p { }
/*-- Custom menu widget --*/
.widget_nav_menu { }
.widget_nav_menu ul { list-style-type: none; }
.widget_nav_menu ul li a { padding: 10px 0; display: block; }
.widget_nav_menu ul li:before { }
.widget_nav_menu ul li li { margin-left: 15px; }
.widget_nav_menu ul li li a { background-color: transparent; }
.widget_nav_menu ul li:last-child a { }
/*-- RSS widget --*/
.widget_rss ul { list-style-type: none; }
/*-- Search widget --*/
.widget_search { }
.screen-reader-text { }
/*-- Custom recent-posts widget --*/
.custom-recent-entries { }
.custom-recent-entries li { display: block; padding-bottom: 15px; margin-bottom: 15px; list-style-type: none !important; display: block; overflow: hidden; }
.custom-recent-entries li:last-child { border-bottom: none; }
.custom-recent-entries .recent-entry-title { margin-bottom: 5px; }
.custom-recent-entries-thumb { float: left; overflow: hidden; margin-right: 10px; width: 70px; }
.custom-recent-entries-author { display: block; font-size: 10px; line-height: 10px; }
.custom-recent-entries-excerpt { display: block; padding-top: 5px; }
.custom-recent-entries-thumb { position: relative; }
.custom-recent-entries-date { position: absolute; bottom: 0; left: 0; width: auto; height: 20px; line-height: 20px; font-size: 10px; padding: 0 5px; }
/*-- Flickr widget --*/
.tcsn_widget_flickr { margin-left: -1px; }
.flickr_badge_image { width: 75px !important; height: 75px !important; float: left; margin: 0 0 1px 1px !important; }
.flickr_badge_image a { display: block; }
.flickr-feed p.flickr-stream a { background-image: url(img/flickr.png); background-position: left center; background-repeat: no-repeat; display: inline-block; padding-left: 25px; font-size: .8em; }
/*-- Tag cloud widget  --*/
.custom-tagcloud a, .custom-tagcloud a:link { cursor: pointer; float: left; text-shadow: none; padding: 7px 9px !important; margin-right: 2px; margin-bottom: 2px; font-size: 14px !important; line-height: 14px; }
/* ----- Contact info Widget -----*/
.widget-contact-text { display: block; padding-bottom: 10px; line-height: 1.4em; }
/*-- Twitter feed widget --*/
.list-twitter { padding-top: 0 !important; float: none; }
.list-twitter li { background: none; display: block; margin-bottom: 20px; }
.list-twitter li:last-child { margin-bottom: 0; }
.list-twitter li, .list-twitter li a { line-height: 22px !important; }
.tweet-time { display: block; }
.tweet-time small { display: block; margin-top: 5px; }
.twitter-info { padding-bottom: 20px; display: block; float: none; font-size: 18px; line-height: 24px; }
.tcsn_widget_twitter .twitter-widget-icon { margin-right: 10px; font-size: 16px; float: left; padding: 5px; border-radius: 100%; }
/*-- Social network widget --*/
.social { padding: 0; margin: 0; }
.social li { background: none; list-style-type: none; display: inline !important; margin: 0 5px; }
.social li a, .social li a:link { font-size: 20px !important; text-align: center; display: inline-block; }
.social li a i, .social li i { font-size: 20px !important; line-height: 20px !important; vertical-align: top; }
.social li a.behance:before { font-family: 'icomoon'; content: "\f324"; }
.social li a.blogger:before { font-family: 'icomoon'; content: "\eab9"; }
.social li a.delicious:before { font-family: 'icomoon'; content: "\eacc"; }
.social li a.dribbble:before { font-family: 'icomoon'; content: "\eaa6"; }
.social li a.dropbox:before { font-family: 'icomoon'; content: "\eaaf"; }
.social li a.facebook:before { font-family: 'icomoon'; content: "\f09a"; }
.social li a.flickr:before { font-family: 'icomoon'; content: "\eaa1"; }
.social li a.forrst:before { font-family: 'icomoon'; content: "\e74c"; }
.social li a.github:before { font-family: 'icomoon'; content: "\eab1"; }
.social li a.googleplus:before { font-family: 'icomoon'; content: "\f350"; }
.social li a.instagram:before { font-family: 'icomoon'; content: "\ea90"; }
.social li a.linkedin:before { font-family: 'icomoon'; content: "\eac9"; }
.social li a.paypal:before { font-family: 'icomoon'; content: "\ead6"; }
.social li a.pinterest:before { font-family: 'icomoon'; content: "\f358"; }
.social li a.reddit:before { font-family: 'icomoon'; content: "\eac7"; }
.social li a.skype:before { font-family: 'icomoon'; content: "\f338"; }
.social li a.soundcloud:before { font-family: 'icomoon'; content: "\eac4"; }
.social li a.stumbleupon:before { font-family: 'icomoon'; content: "\f35b"; }
.social li a.tumblr:before { font-family: 'icomoon'; content: "\eabb"; }
.social li a.twitter:before { font-family: 'icomoon'; content: "\ea91"; }
.social li a.youtube:before { font-family: 'icomoon'; content: "\ea99"; }
.social li a.vimeo:before { font-family: 'icomoon'; content: "\ea9c"; }
.social li a.vine:before { font-family: 'icomoon'; content: "\f340"; }
.social li a.mail:before { font-family: 'icomoon'; content: "\f0e0"; }
.social li a.rss:before { font-family: 'icomoon'; content: "\e74d"; }
.social li a.yahoo:before { font-family: 'icomoon'; content: "\eabd"; }
/*----------------------------------------*/
/*----- 15 Pagers for pages, posts, comments, portfolio etc. -----*/
/*----------------------------------------*/
/*-- Pager - post archive / comments / Overrides Bootstrap --*/
.post-navigation { width: 100%; padding: 0; margin: 30px 0; display: block; }
.pager li > a { font-size: .92em; font-weight: bold; }
.pager li > a, .pager li > span { display: inline-block; padding: 0; border: none; border-radius: 0; }
.pager li > a:hover, .pager li > a:focus { text-decoration:none; background: transparent; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; margin-right: 5px; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: inherit; cursor: not-allowed; background-color: transparent; }
.comment-navigation .pager { margin: 0 0 20px 0; }
.prev-arrow-sign, .next-arrow-sign { margin-right: 5px; }
.next-arrow-sign { margin: 0 0 0 5px; }
/*-- Post Navigation --*/
.post-nav { display: block; list-style: none; margin: 0; padding: 0; }
.post-nav h4 { margin-bottom: 5px; }
.post-nav-previous { float: left; padding-right: 10px; text-align: left; }
.post-nav-next { float: right; padding-left: 10px; text-align: right; }
.meta-nav { font-size: .92em; font-weight: bold; display: block; }
/*-- page numbers  --*/
.page-links { margin-top: 30px; line-height: 36px; display: block; }
/*-- portfolio --*/
.current-folio-page, .inactive-folio-page a, .prev-folio-page a, .next-folio-page a, .page-links a, .page-link-current, .woocommerce-pagination ul.page-numbers .current, .woocommerce-pagination ul.page-numbers .page-numbers { padding: 10px 14px; font-size: 14px; line-height: 14px; font-weight: normal; }
.pagination-folio-page { text-align: center; display: block; padding: 10px 0; margin-top: 30px; }
.prev-folio-page a, .next-folio-page a, .woocommerce-pagination ul.page-numbers .prev, .woocommerce-pagination ul.page-numbers .next { padding: 10px 12px; }
.prev-folio-page a:before { font-family: 'icomoon'; content: "\ed6f"; font-size: 14px; }
.next-folio-page a:before { font-family: 'icomoon'; content: "\ed70"; font-size: 14px; }
.pagination-folio-page span { margin-right: 3px; }
/*----------------------------------------*/
/*----- 16 Menu / Navigation -----*/
/*----------------------------------------*/
/*-- Essential styles --*/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; margin: 0; padding: 0; }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 9999; margin: 0; }
.sf-menu > li { display: inline-block; }
.sf-menu ul li { text-align: left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
/*-- Main styles --*/
.sf-menu { margin: 0; background-color: transparent; float: right; }
.sf-menu ul { min-width: 14em; /* allow long menu items to determine submenu width */ *width: 14em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */
-webkit-transition: background .2s; transition:         background .2s; background-color:   transparent; }
.sf-menu ul li { position: relative; padding: 0; }
.sf-menu ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); }
.sf-menu ul ul { }
.sf-menu .menu-arrow, .menu-arrow-down { vertical-align: text-bottom; margin-left: -3px; }
.sf-menu a { text-decoration: none; zoom: 1; /* IE7 */ }
.sf-menu li li a, #header-sticky .sf-menu li li a { padding: 10px 20px !important; margin: 0!important; border-bottom-style: solid; border-bottom-width: 1px; }
.sf-menu li:last-child a, #header-sticky .sf-menu li:last-child a { border-bottom-width: 0; }
.sf-menu li:last-child li a, #header-sticky .sf-menu li:last-child li a { border-bottom-width: 1px; }
.sf-menu li:last-child li:last-child a, #header-sticky .sf-menu li:last-child li:last-child a { border-bottom-width: 0; }
.sf-menu li:last-child li:last-child li a, #header-sticky .sf-menu li:last-child li:last-child li a { border-bottom-width: 1px; }
.sf-menu li:last-child li:last-child li:last-child a, #header-sticky .sf-menu li:last-child li:last-child li:last-child a { border-bottom-width: 0; }
.sf-menu ul { margin-left: 10px; }
.sf-menu ul ul { margin-left: 0; }
#header-sticky .sf-menu ul, #header-sticky .sf-menu ul ul { margin-left: 0; }
/*-- Responsive Menu --*/
#main-menu { display:block; }
.slicknav_menu { display: none; }
/*----------------------------------------*/
/*----- 17 WordPress Core -----*/
/*----------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #e0e0e0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; margin: 5px 0 0 0; padding: 0 4px 0 4px; }
.bypostauthor { }
.gallery { margin: auto; }
.gallery .gallery-item { float: left; margin: 0; text-align: center; border: none; padding: 10px; }
.gallery .gallery-caption { margin-left: 0; }
.gallery dl { margin: 0; }
.gallery img { width: 100%; border: none !important; }
.gallery-caption { color: #999; font-size: 12px; margin:-24px 0 24px 0; }
.gallery br+br { display: none; }
.sticky { padding: 20px; margin-bottom: 60px; }
.says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
/*----------------------------------------*/
/*----- 18 Pre-defined class for typography settings for row with dark background color -----*/
/*----------------------------------------*/
.style-dark, .style-dark h1, .style-dark h2, .style-dark h3, .style-dark h4, .style-dark h5, .style-dark h6, .style-dark a { color: #fff; }
.style-dark .twitter-info { color: #fff !important; }
.style-dark a:link { color: #cfd8dc; }
.style-dark a:hover { color: #fff; }
/*----------------------------------------*/
/*----- Theme Colors -----*/
/*----------------------------------------*/
body { background-color: #f9f9f9; color: #607d8b; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #37474f; }
a { color: #f57c00; }
a:visited { color: #f57c00; }
a:hover { color: #37474f; }
a:active { color: #f57c00; }
.color, .member-job { color: #f57c00; }
.dropcap, .highlight { background-color: #f57c00; color: #fff; }
/*-- Seperator --*/
.line-separator { border-color: #f0f0f0; }
.divider-icon .line-left, .divider-icon .line-right { background: #ccc; }
.divider-icon i { color: #ccc; }
/*-- Box --*/
.box { background-color: #f0f0f0; border-color: #e4e4e4; }
/*-- blockquote --*/
blockquote, blockquote.pull-right { border-color: #f57c00; }
blockquote.double-border:before { color: #f57c00; }
/*-- main sections --*/
#wrapper { background: #f9f9f9; }
/*-- topbar --*/
#topbar { background: #eee; color: #37474f; }
#topbar, #topbar a { color: #607d8b; }
#topbar a:hover { color: #f57c00; }
/*-- header --*/
#header { background: #fff; }
#trigger i { color: #37474f; }
#trigger i:hover { color: #37474f; }
.logo a, .logo a:hover { color: #676767; }
#header-sticky .header-sticky-inner { background: #fff; box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2); }
/*-- page header --*/
#page-header { background: #fcfcfc; }
.page-title, .breadcrumbs { color: #90a4ae; }
#page-header a { color: #90a4ae; }
#page-header a:hover { color: #90a4ae; }
/*-- footer --*/
#footer { background: #fff; color: #607d8b; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #37474f; }
#footer a { color: #f57c00; }
#footer a:hover { color: #37474f; }
/*-- sliding top panel / take-to-top --*/
#slide-top { background-color: #455a64; color: #90a4ae; }
#slide-top h1, #slide-top h2, #slide-top h3, #slide-top h4, #slide-top h5, #slide-top h6 { color: #cfd8dc; }
#slide-top a { color: #f57c00; }
#slide-top a:hover { color: #90a4ae; }
#slide-top a.slide-panel-btn, #take-to-top { background-color: #455a64; color: #fff; }
#slide-top a.slide-panel-btn span { color: #fff; }
#take-to-top:hover { background: rgba(0, 0, 0, .6); color: #fff; }
/*----- Icon Features -----*/
.feature-circle .icon-wrapper, .feature-square .icon-wrapper { background: transparent; border-color: #e0e0e0; }
/*-- lists --*/
.list-icon-border, .list-border li { border-color: #e0e0e0; }
/*-- forms --*/
label, input, button, select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { color: #90a4ae; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { background-color: transparent; border-color: #cfd8dc; }
.form-simple select, .form-simple textarea, .form-simple input[type="text"], .form-simple input[type="email"], .form-simple input[type="url"], .form-simple input[type="password"], .form-simple input[type="number"], .form-simple input[type="tel"], .form-simple input[type="search"] { background-color: #cfd8dc; border-color: #cfd8dc; }
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="search"]:focus { border-color: #37474f !important; }
/* placeholder */
::-webkit-input-placeholder {
color: #90a4ae !important;
opacity: 1;
}
:-moz-placeholder {
color: #90a4ae !important;
opacity: 1;
}
::-moz-placeholder {
color: #90a4ae !important;
opacity: 1;
}
:-ms-input-placeholder {
color: #90a4ae !important;
opacity: 1;
}
/*-- search / header search --*/
.search-input-icon { color: #cfd8dc; }
.header-search-wrapper { background: #37474f; }
.search-close-icon { color: #cfd8dc; }
.header-search-wrapper input[type="text"], .header-search-wrapper input[type="search"] { color: #cfd8dc; background-color: #37474f; border: 0; }
.header-search-form ::-webkit-input-placeholder {
 color: #cfd8dc !important;
}
.header-search-form :-moz-placeholder {
 color: #cfd8dc !important;
}
.header-search-form ::-moz-placeholder {
 color: #cfd8dc !important;
}
.header-search-form :-ms-input-placeholder {
 color: #cfd8dc !important;
}
/*-- menu --*/
/*menu link color*/
.sf-menu a { color: #37474f; }
/*main menu link hover color*/
.sf-menu li a:hover { color: #f57c00; }
/*main menu link active color*/
.sf-menu li.current-menu-item a, .sf-menu li.current-menu-ancestor > a { color: #f57c00; }
/*dropdown link color*/
.sf-menu li li a { color: #37474f; }
/*dropdown link hover color*/
.sf-menu li li a:hover, .sf-menu li li.current-menu-ancestor > a:hover, .sf-menu li li.current-menu-ancestor > a:hover .menu-arrow { color: #f57c00; }
.sf-menu li li a:hover { background: #f9f9f9; }
/*dropdown link active color*/
.sf-menu li li.current-menu-item a, .sf-menu li li.current-menu-ancestor > a, .sf-menu li.current-menu-ancestor > a .menu-arrow, .sf-menu li li.current-menu-ancestor > a .menu-arrow { color: #f57c00; }
/*dropdown link background color*/
.sf-menu ul, .sf-menu ul ul { background-color: #fff; }
/*dropdown link hover background color*/
.sf-menu ul li a:hover, .sf-menu li.current-menu-item li a, .sf-menu ul li a:hover, .sf-menu ul li.current-menu-item a, .sf-menu ul li:hover > a, .sf-menu .sub-menu li.current-menu-item li a, .sf-menu .sub-menu li.current-menu-item a, .sf-menu li li.current-menu-ancestor > a { color: #f57c00; }
.sf-menu li li a, #header-sticky .sf-menu li li a { border-bottom-color: #eceff1; }
/*-- widgets --*/
.widget_archive ul li, .widget_categories ul li, .widget_recent_entries ul li, .widget_nav_menu ul li a, #calendar_wrap th, #calendar_wrap td, .custom-recent-entries li { border-style: solid; border-width: 0 0 1px 0; border-color: #eceff1; }
#slide-top .widget_archive ul li, #slide-top .widget_categories ul li, #slide-top .widget_recent_entries ul li, #slide-top .widget_nav_menu ul li a, #slide-top #calendar_wrap th, #slide-top #calendar_wrap td, #slide-top .list-border li, #slide-top .list-icon-border, #slide-top .custom-recent-entries li { border-color: #546e7a; }
#footer .widget_archive ul li, #footer .widget_categories ul li, #footer .widget_recent_entries ul li, #footer .widget_nav_menu ul li a, #footer #calendar_wrap th, #footer #calendar_wrap td, #footer .list-border li, #footer .list-icon-border, #footer .custom-recent-entries li { border-color: #eceff1; }
/* custom tagcloud */
.custom-tagcloud a { background-color: #f57c00; color: #fff !important; }
.custom-tagcloud a:hover { background-color: #303030; color: #fff; }
/* calendar */
#calendar_wrap th, #wp-calendar #today { background-color: #f4f4f4; }
#calendar_wrap th, #calendar_wrap td { border-width: 1px; }
#calendar_wrap tfoot #next, #calendar_wrap tfoot #prev { background: #fff; }
/* twitter */
.tcsn_widget_twitter .twitter-widget-icon, .twitter-info { color: #55acee !important; }
.tcsn_widget_twitter .twitter-widget-icon { background: #fff; }
/*-- pricing --*/
.pricing .price { color: #37474f; border-bottom-color: #d6d6d6; }
.featured-table .price { color: #f57c00; }
.featured-table.pricing { border-color: #f57c00; }
/*-- blog / comments --*/
.post-footer { border-bottom: 1px solid #f0f0f0; }
.pf-quote .quote-source, .pf-link-source { background: #f0f0f0; color: #f57c00; }
.pf-quote, .pf-link-text { background: #f57c00; color: #fff; }
.pf-quote:hover, .pf-link-text:hover { background: #f0f0f0; color: #f57c00; }
.author-info { background-color: #f2f2f2; }
.archive-inner { background-color: #fff; border: 1px solid #f0f0f0; }
.sticky { background: #f0f0f0; }
/*-- portfolio --*/
.filter_nav { background: #eee; }
.filter_nav li a { color: #37474f; }
.filter_nav li a:hover, .filter_nav li .active { color: #f57c00; }
.folio-thumb .hover-details-wrapper { background-color: rgba(55, 71, 79, 0.9); }
.hover-icon, .screenshot-carousel .hover-icon:hover, .screenshot-carousel .folio-thumb:hover .hover-icon, .single-screenshot .hover-icon:hover, .single-screenshot .folio-thumb:hover .hover-icon { background-color: transparent; border-color: #fff; color: #fff; }
.hover-icon:hover, .screenshot-carousel .hover-icon, .screenshot-carousel .folio-thumb:hover .hover-icon:hover, .single-screenshot .hover-icon, .single-screenshot .folio-thumb:hover .hover-icon:hover { background: #f57c00; color: #fff; border-color: #f57c00; }
a.hover-icon:hover { color: #fff; }
.hover-heading, .hover-heading a { color: #fff; }
.hover-heading:hover, .hover-heading:hover a { color: #f57c00; }
/*-- team / testimonial --*/
.team-member-circle img { border-color: #e0e0e0; }
.testimonial .member-image { border-color: #fff; }
.line-right, .line-bottom { border-color: #f57c00; }
.quote-icon { background: #474747; color: #fff; }
/*-- Pager --*/
.list-social-share li a, .meta-nav, .pager li > a, .pager li > span, .comment-awaiting-moderation { color: #d8d8d8; background: none; }
.current-folio-page, .page-links a:hover, .page-link-current, .inactive-folio-page a:hover, .prev-folio-page a:hover, .next-folio-page a:hover { background: #f57c00; color: #fff; }
.inactive-folio-page a, .prev-folio-page a, .next-folio-page a, .page-links a, .woocommerce-pagination ul.page-numbers .page-numbers, .woocommerce-pagination ul.page-numbers .prev, .woocommerce-pagination ul.page-numbers .next { background: #f0f0f0; color: #6f6f6f; }
.woocommerce-pagination ul.page-numbers .current, .woocommerce-pagination ul.page-numbers a.page-numbers:hover, .woocommerce-pagination ul.page-numbers .prev:hover, .woocommerce-pagination ul.page-numbers .next:hover { background: #f57c00; color: #fff; }
.pager li > a:hover, .pager li > a:focus, .post-nav a:hover h4 { color: #f57c00; }
/*-- social share --*/
.list-social-share li, .list-social-share li i, .list-social-share li a, .list-social-share li a:hover, .list-social-share li a:hover i { color: #fff !important; }
.list-social-share .share-facebook { background: #3b5998; }
.list-social-share .share-twitter { background: #428bca; }
.list-social-share .share-googleplus { background: #dd4b39; }
.list-social-share .share-linkedin { background: #0977b5; }
.list-social-share .share-pinterest { background: #cb2028; }
.list-social-share .share-mail { background: #333333; }
.list-social-share .share-facebook:hover, .list-social-share .share-twitter:hover, .list-social-share .share-googleplus:hover, .list-social-share .share-linkedin:hover, .list-social-share .share-pinterest:hover { background: #333333; }
.custom-recent-entries-date { background: #f57c00; color: #fff; }
/*-- Social network widget --*/
.social li a, .social li a:link { color: #37474f; }
/*-- Visual Composer --*/
.theme-tabs .vc_tta-tabs-position-left .vc_tta-tab.vc_active a, .theme-tabs .vc_tta-tabs-position-left .vc_tta-tab:hover a, .theme-tabs .vc_tta-tab.vc_active a, .theme-tabs .vc_tta-tab:hover a { border-color: #f57c00 !important; color: #f57c00 !important;  }