/*  
Theme Name: Stendhal
Theme URI: http://demo.yithemes.com/stendhal/
Version: 1.5.0
Description: Multipurpose Wordpress Theme
Author: Your Inspiration Themes
Author URI: http://yithemes.com/
Tags: white, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, front-page-post-form, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready


	Copyright: (c) 2012 Your Inspiration Themes.
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.txt

*/
/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles or add your custom style option of the theme options, 
it will automatically override the style in this file. 
---------------------------------------------------------------------------------------------- */

/* === FONTS
Sans-Serif: 'Open Sans', 'Verdana', 'Arial', sans-serif
Serif:      'Kameron', 'Georgia', 'Times New Roman', serif

Text size: 12px;
Menu size: 15px;
Sub-menu size: 11px;
----------------------------------------------------------- */

/* === COLORS
Light grey: #dedede
Grey:       #939191
Orange:     #ac670c
-------------------- */

/* ===== TYPOGRAPHY ===== */
body, p, li, address, dd, blockquote {  } 
h1, h2, h3, h4, h5, h6, p, dl { margin:0.8em 0 0.8em; }          
a, a:hover { text-decoration:none; outline: none !important; }
h1, h2, h3, h4, h5, h6 { font-weight: 800; }
h1, h1 a { font-size:22px; line-height: 22px; }
h2, h2 a { font-size:20px; line-height: 20px; }
h3, h3 a { font-size:17px; line-height: 17px; }
h4, h4 a { font-size:16px; line-height: 16px; }
h5, h5 a { font-size:15px; line-height: 15px; }
h6, h6 a { font-size:14px; line-height: 14px; }
.content ul { margin-left:20px; list-style:square }
.content ol { margin-left:40px; }
i, em { font-style:italic; }
strong { font-weight:bold; }
.content blockquote { background:url('./core/assets/images/cite.png') no-repeat 45px 25px; padding:35px; }
.content blockquote p { padding-left: 45px; }        
.border-line { height:1px; background:#CFCFCF; width:100%; clear:both; margin:1.2em 0; }
dt { font-weight:bold; }
mark { background: transparent !important; }

a { color: #9A6614; }
a:hover { color: #815207; }
.sidebar a { color: #575858; }
.sidebar a:hover { color: #9A6614; }
a:hover .title-highlight { color: #6C6D03; }

.line { border-top:1px solid #CFCFCF }
.space { height:30px }
body .last, body .widget-last { margin-right:0; padding-right:0 !important; border-right:0; }
body .last-row { margin-bottom:0; }        
.for-mobile { display:none !important; }  
.not-logged-in .not__logged_in { display:none !important; }

p, li, address, dd, blockquote, td, th, a,
body, h1, h2, h3, h4, h5, h6, p, dl, ul, ol,
.paragraph-links a, #respond input, #respond textarea, #respond p label, #search_mini {
    color: #666767;
    font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}
code, pre { background-color: #E8EBEC; border: 1px dotted #CFCFCF; color: #333333; font: 13px/18px Consolas,"Courier New",Courier,monospace; padding: 0 5px; }
pre { margin-bottom: 10px; margin-top: 10px; }

.margin-top { margin-top: 10px; }
.margin-bottom { margin-bottom: 20px; }

/* ===== SIDEBAR LAYOUT ===== */
.sidebar-left .sidebar, .sidebar-right .content { float: left; }
.sidebar-right .sidebar, .sidebar-left .content { float: right; }

/* ===== HEADINGS ===== */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-size: 12px;
}
h1 span.highlight, h2 span.highlight, h3 span.highlight, h4 span.highlight, h5 span.highlight, h6 span.highlight { color: #c27d05; background-color: transparent !important; }

#primary .content .hentry > h1:first-child,
#primary .content .hentry > h2:first-child,
#primary .content .hentry > h3:first-child,
#primary .content .hentry > h4:first-child,
#primary .content .hentry > h5:first-child,
#primary .content .hentry > h6:first-child,
#primary .content .hentry > p:first-child { /*margin-top: 0px;*/ }

/* ===== MAIN LAYOUT ===== */
body {
    position: relative;
	overflow-x: hidden;
}
.boxed #wrapper {
    padding: 0px 20px;
    background: #fff;
    position:relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.boxed #header, .boxed #topbar, .boxed #footer, .boxed #copyright, .boxed #page-meta, .boxed #map {
	margin-right: -20px;
	margin-left: -20px;
}
.stretched #wrapper.container {
    width: 100%;
}
.boxed .wrapper-border { position: absolute; width: 100%; height: 100%; border: 8px solid rgba(0, 0, 0, 0.04); left: -8px; top: -8px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:-1; }

.boxed #logo { padding-left: 10px; }

/* ===== TOPBAR ===== */
#topbar {
    min-height:37px;
    background: #152f49;
}     

/* ===== HEADER ===== */
#header {
    position: relative;
    /*margin-bottom:21px;*/
    padding-top: 20px;
    /*height: 105px;*/
}    

/* === LOGO */
#logo-headersidebar-container { position:relative; }
#logo {
    text-transform: uppercase;
    text-align: center;
    padding:5px 0 14px 0;
}
.align-left #logo{ text-align:left; }
.align-right #logo{ text-align:right; }

#header #tagline { line-height: 1.3em; }
#header #tagline.multiline { margin-top: 10px }

#header #logo #tagline span { color: #E5F99A }


/* === */
#header-sidebar { text-align: right; position: absolute; right:0;  }
.align-right #header-sidebar { text-align: left; right:auto; left:0; }
.align-center #header-sidebar { display:none; }
#header-sidebar .widget, #header-sidebar .widget-last {
    /*line-height: 39px;*/
    margin-left: 14px;
    display:inline-block; 
    padding: 4px !important;
    line-height: 24px;
    background: #2c2c2c;  
    vertical-align: top;  
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}
#header-sidebar .widget.text-image { font-family:'Kameron', sans-serif; font-size:14px; color:#f7f7f7; padding-right:15px !important; }
#header-sidebar .widget.text-image a { color:#f7f7f7; }
#header-sidebar .widget.text-image .text-image { float:left; padding-right:10px; padding-left:10px; }
#header-sidebar a.socials-square, 
#header-sidebar a.socials-square-small, 
#header-sidebar a.socials-default, 
#header-sidebar a.socials-default-small, 
#header-sidebar a.fade-socials, 
#header-sidebar a.fade-socials-small { vertical-align:top; }


/* === NAVIGATION  - This code works with both standard WP menus and Theme menus */

#menu .menu { }
#menu .menu ul.sub-menu{ z-index: 10000; }
/*** ESSENTIAL STYLES ***/

/* nav */
#nav {
    border-top:1px solid #535353;	
}

#nav ul {
	list-style: none;
	margin: 0px;
	margin-left: -37px;
    font-size: 11px;
    text-align: center;
}

.boxed #nav ul {	
    margin-left: -20px;
}

#nav ul li{
    /*position: relative;*/
    display:inline-block;
	float: left;
}

#nav ul li a {
    color: #666767;
    display: block;
    letter-spacing:1px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
    position: relative;     
    padding: 15px 37px;    
    border-left: 1px solid #535353;
}
#ie8 #nav ul li a { padding: 15px 22px; }
#ie8 #nav ul li a span.sf-sub-indicator { right: 25px !important; }

#nav ul li a:hover, #nav ul li:hover a, #nav .current-menu-item > a, #nav .current_page_ancestor > a, #nav .current-menu-ancestor > a, div#nav ul .current_page_item > a {
    background-color: #12273d;
}

#nav ul li li a:hover, #nav ul li li a, #nav li .current-menu-item > a, #nav li .current-menu-ancestor > a, #nav li .current_page_ancestor > a, div#nav ul li .current_page_item > a {
    background: transparent !important;
    color: #e5f99a;
}



#nav > ul li a, #nav .menu > ul li a {  
}

#nav ul li:first-child a{
	border-left: 0px;
}

/* #nav li.dropdown { position: static } */

/* submenu */
#nav ul.sub-menu, #nav ul.children {
    display: none;
    margin-top: 0px;
    margin-left: 0px;
    position:absolute;
    font-size: 14px;
    left:auto;
    padding:0 0 14px;
    min-width:200px;
    background:#152f49;
    border: 0px solid #dfdcdc;
    z-index:10000;

    -webkit-box-shadow:3px 4px 0 rgba(37,65,94,.18);
    -moz-box-shadow:3px 4px 0 rgba(37,65,94,.18);
    box-shadow:3px 4px 0 rgba(37,65,94,.18);
}

#ie8 #nav ul.sub-menu, #ie8 #nav ul.children { border: 1px solid #666767; }
#ie8 #nav .megamenu ul.sub-menu ul, #ie8 #nav .megamenu ul.children ul { border: 0; }

#nav ul.sub-menu li, #nav ul.children li {
    border-left: 0px;
    padding:2px 38px 1px;
    margin-right: 0;
    float:none;
    font-size:0.9em;
    display:block;
    position: relative;
    text-align: left;
    white-space: nowrap;
}

#nav ul.sub-menu li a, #nav ul.children li a {
    border: none;
    padding: 5px 0;
	line-height: 12px;
}

#nav ul.sub-menu li:first-child, #nav ul.children li:first-child {
    border-top: none;
    padding-top: 13px;
}
#nav ul.sub-menu li:last-child, #nav ul.children li:last-child {
    border-bottom: none;
}

/* third level */
#nav ul.sub-menu li ul, #nav ul.children li ul {left: 150px; top:-27px; margin: 17px 0 0 0; }

/* megamenu */
#nav .megamenu ul.sub-menu { padding: 18px 0 15px 15px; left: auto; max-width: 100%; margin-left: 0px; }
#nav .megamenu ul.sub-menu li { font-weight: bold; padding: 0 15px;}                                  
#nav .megamenu ul.sub-menu li, #nav .megamenu ul.sub-menu li ul { min-width:116px !important; max-width: 180px; }
#nav .megamenu ul.sub-menu li { padding-bottom:0; float:left; border-left:1px solid #d7d7d7; border-top: none; } 
#nav .megamenu ul.sub-menu li:first-child, #nav .megamenu ul.sub-menu li ul li { border-left:none; border-top: none; margin-left: 0; padding-left: 0; }
#nav .megamenu ul.sub-menu li ul { margin-left: 0; border:none; display:block; position:static; background:none; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none; padding:0; margin-top:10px; }
#nav .megamenu ul.sub-menu li ul li { padding:0; float:none; font-weight: normal; border-left:none; padding-right: 10px }
#nav .megamenu ul.sub-menu li.no-link a { cursor:default; outline:none; }
#nav .megamenu ul.sub-menu li.no-link li a { cursor:pointer; }

#nav .megamenu ul.sub-menu li.menu-item-custom-content { width: 170px !important; text-align: center }
#nav .megamenu ul.sub-menu li.menu-item-custom-content p { /* text-align: left; */ color: #121212 }
#nav .megamenu ul.sub-menu li.menu-item-custom-content span.highlight { color: #b26706; background: transparent; }

#nav .megamenu ul.sub-menu li ul li:first-child { padding-top: 0 }
/*indicators*/
#nav a.sf-with-ul{ min-width:1px; padding-right: 15px; }
#nav .sf-sub-indicator{display:block; width:8px; height:9px; text-indent:-999em; background: url('images/menu-arrow.png') bottom left; position:absolute; top:45%; right:40px; }
#nav a:focus >.sf-sub-indicator, 
#nav a:hover >.sf-sub-indicator, 
#nav a:active >.sf-sub-indicator, 
#nav li:hover >a >.sf-sub-indicator, 
#nav li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top left;}

#nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') top right; width: 5px; height: 11px; left: 85% !important; top: 0;}
#nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('images/menu-arrow.png') bottom right; width: 5px; height: 11px; left: 85% !important; top: 1px; margin-top: 3px; }
#nav ul.sub-menu a:focus >.sf-sub-indicator, 
#nav ul.sub-menu a:hover >.sf-sub-indicator, 
#nav ul.sub-menu a:active >.sf-sub-indicator, 
#nav ul.sub-menu li:hover >a >.sf-sub-indicator, 
#nav ul.sub-menu li.sfHover >a >.sf-sub-indicator,
#nav ul.children a:focus >.sf-sub-indicator, 
#nav ul.children a:hover >.sf-sub-indicator, 
#nav ul.children a:active >.sf-sub-indicator, 
#nav ul.children li:hover >a >.sf-sub-indicator, 
#nav ul.children li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow.png') top right; top: 3px }

#nav .megamenu ul.sub-menu .sf-sub-indicator { display: none; background: none; }
#nav .megamenu a.sf-with-ul { padding: 0;}

/* dark indicators */
#nav.dark .sf-sub-indicator{display:block; width:8px; height:5px; text-indent:-999em; background: url('images/menu-arrow-dark.png') bottom left; position:absolute; top:46%; right:40px; }
#nav.dark a:focus >.sf-sub-indicator, 
#nav.dark a:hover >.sf-sub-indicator, 
#nav.dark a:active >.sf-sub-indicator, 
#nav.dark li:hover >a >.sf-sub-indicator, 
#nav.dark li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow-dark.png') top left;}
#nav.dark ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('images/menu-arrow-dark.png') top right; width: 7px; height: 11px; left: 85% !important; top: 0;}
#nav.dark ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('images/menu-arrow-dark.png') bottom right; width: 7px; height: 11px; left: 85% !important; top: 1px; margin-top: 3px; }
#nav.dark  ul.sub-menu a:focus >.sf-sub-indicator, 
#nav.dark  ul.sub-menu a:hover >.sf-sub-indicator, 
#nav.dark  ul.sub-menu a:active >.sf-sub-indicator, 
#nav.dark  ul.sub-menu li:hover >a >.sf-sub-indicator, 
#nav.dark  ul.sub-menu li.sfHover >a >.sf-sub-indicator,
#nav.dark  ul.children a:focus >.sf-sub-indicator, 
#nav.dark  ul.children a:hover >.sf-sub-indicator, 
#nav.dark  ul.children a:active >.sf-sub-indicator, 
#nav.dark  ul.children li:hover >a >.sf-sub-indicator, 
#nav.dark  ul.children li.sfHover >a >.sf-sub-indicator,
#nav.dark ul.children li.sfHover >a >.sf-sub-indicator{background: url('images/menu-arrow-dark.png') top right; top: 4px }

/* ie7 fix */
#ie7 #nav ul li { display: inline }
#ie7 .sf-sub-indicator { top: 3px; }

/* nojs */  
body.no_js #nav ul li:hover > ul { display:block }
body.no_js #nav ul li ul.submenu li:hover > ul, body.no_js #nav ul li ul.children li:hover > ul { display:block }  


/* TOP BAR LOGIN */
#topbar_login { float: right; position: relative }
#topbar_login a.topbar_login {
	margin-top: 4px;
	font-size: 8px;
	font-weight: 600;
	display: block;
	padding: 4px 11px 3px 30px;
	color: #fff;
	background: #102438 url('images/topbar_login_user.png') no-repeat 12px 6px;
	border: 1px solid #19344e;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#topbar_login.not_logged_in a.topbar_login {
	
	padding: 4px 26px 3px 30px;
	
}
#topbar_login a.topbar_login:hover { color: #E5F99A }
#topbar_login a.topbar_login .sf-sub-indicator { top: 17px }
#fast-login { 
	position:absolute; 
	right:1px; 
	top:30px; 
	display:none; 
	z-index:100; 
	background: rgb(16,36,56); background: rgba(16,36,56,.89); 
	padding: 0 13px 10px;
	color: #fff;
	font-size: 11px;
	
	-moz-border-radius: 10px 0 10px 10px;
	-webkit-border-radius: 10px 0 10px 10px;
	border-radius: 10px 0 10px 10px;
}
#fast-login form { margin: 0 }
#fast-login label, #fast-login input { font-size: 10px; color: #fff; }
#fast-login input { background-color: #0d2033; border: 1px solid #1b3754; width: 139px; margin-bottom: 0 }
#fast-login input:focus {
	border-color: white !important;
	border-color: rgba(255,255,255,.5) !important;
	
	-moz-box-shadow: 0 0 3px rgba(255, 255, 255, 0.2) !important;
	-webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 0 3px rgba(255, 255, 255, 0.2) !important;
}
#fast-login input.input-submit { background-color: #29435e; border: 1px solid #17324e; width: 50px ; height: 22px; text-transform: uppercase; float: right; font-size: 10px; font-weight: bold; margin-top: 10px; }
#fast-login a { font-size: 10px; color: #E5F99A }
#fast-login a:hover { color: #304e6d }
#fast-login p { margin-bottom: 0 }
#fast-login a.lostpassword { margin-top: 10px; }

#fast-login .align-left {float: left; margin: 0 }
#fast-login .align-right { float: right; margin: 0 }

#topbar_login a.topbar_login .sf-sub-indicator { display: none }
#topbar_login.not_logged_in a.topbar_login .sf-sub-indicator { display: inline }

/* === MOBILE MENU */
.menu-select { overflow:hidden; position:relative; width:75%; margin:20px auto 30px; }
.menu-select select { width:100%; height:auto; border:1px solid #ddd; background:none; -webkit-appearance: none; padding:8px 10px; margin:0; line-height:16px; cursor:pointer; font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif; color:#373636; font-size:14px; position:relative; z-index:1; }
.gecko .menu-select select { width:120%; }
.menu-select select option { background:none; width:100%; }
.menu-select .arrow-icon { position:absolute; height:100%; width:100%; background:#d8dbdb url('images/menu-select-arrow.png') no-repeat 95% center; top:0; }

/* === SLIDER */
.slider-space { height:40px; }
.mobile-slider { display: none; }
#primary .slider.alignleft { float:left; margin-right:20px !important; margin-left:0px !important; }
#primary .slider.alignright { float:right; margin-left:20px !important; margin-right:0px !important; }
#primary .slider.aligncenter { margin:0 auto !important; float:none; }

#ie8 .flex-direction-nav .flex-next, #ie8 .flex-direction-nav .flex-prev { display: block !important; }

/* === STATIC HEADER */
.slider.fixed-image { text-align: center;}

.slider.fixed-image .fixed-image-wrapper { margin: -20px auto 0;}

.slider.fixed-image img {
    width: auto;
    height: auto;
    max-width: 100%;
	boerder: 5px solid #ffffff;
}

#header .sub-menu .sub-indicator, #header .children .sub-indicator {
    font-size: 13px;
}
                       
                       
/*#header + #primary { margin-top: 20px }*/
#primary { margin-top: 20px }

.slider + h1, .slider + h2, .slider + h3, .slider + h4, .slider + h5, .slider + h6 
.slider + script + h1, .slider + script + h2, .slider + script + h3, .slider + script + h4, .slider + script + h5, .slider + script + h6 
{ margin-top: 0 }

/* === MAP */
/*#map-handler { text-align: right; margin-top: -7px; }*/
/*#map-handler a { color: #545758; margin-right: 22px; }*/

#ie8 #map { margin-top: 0px; top: -22px; }

#map {
	margin-bottom: 20px;
	margin-top: -20px;
	position: relative;
	min-height: 335px;
	height: 335px;
}

#map .map-overlay-top {
	background: url("theme/assets/images/map-shadow.png") no-repeat scroll center top transparent;
	min-height: 10px;
	width: 100%;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}

#map .map-overlay-bottom {
	background: url("theme/assets/images/map-shadow.png") no-repeat scroll center bottom transparent;
	height: 10px;
	width: 100%;
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
}

#map iframe {
	width:100%;
	height:335px;
}
                                
/* ===== EXTRA CONTENT ===== */
.extra-content { clear:both; }

/* ===== PAGE META ===== */
#page-meta {  }
#page-meta .title h1 { font-size: 18px; color: #585757; }
#page-meta .title h1, #page-meta .title h1 span { font-size:18px; font-weight: 900; text-transform: uppercase; }
#page-meta .breadcrumbs {  }
#page-meta h1, #page-meta h2 { margin:0; padding:5px 0; }
p#yit-breadcrumb { font-size:12px; margin-top: 0px; }

.slogan h2, .slogan h3 { color: #425262; text-align: center; }
.slogan h2 { font-size: 26px; margin-bottom: 5px; margin-top: 45px; letter-spacing: -0.9px; }
.slogan h3 { font-size: 18px; margin: 10px 0 40px; }
.slogan h3 span { color: #848484; }

/* ===== SIDEBAR ===== */
.sidebar ul, .sidebar ol {
    list-style: none;
    margin-left: 0px;
}


/* === STICKY */
.sticky { }

/* ===== COMMENTS ===== */

.bypostauthor { }

/* ===== FOOTER ===== */
#footer {
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 0px;
}

#footer .container {
    padding-top: 13px;
    padding-bottom: 20px;
}

#footer h3 {
    margin-top: 10px;
    margin-bottom: 25px;
}

#footer a { color: #D98004; }
#footer a:hover { color: #AA620D; }

#footer .widget ul, #footer .widget ol { margin-top: -10px; }
#footer .widget li { list-style:none }

/* ===== COPYRIGHT ===== */
#copyright {
    background-color: #fff;
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

#footer + #copyright { margin-top: 0px; }
#copyright .container { padding: 20px 0 10px 0; }

.gecko #copyright .container { padding-top: 20px; padding-bottom: 4px; }

#copyright .center,
#copyright .centered { text-align: center; }
#copyright .left { text-align: left; }
#copyright .right { text-align: right; }

#copyright div p { color: #959494; font-size: 12px;  }
#copyright div p:first-child { margin-top: 0px; }
#copyright div p:last-child { margin-bottom: 0px; }
#copyright div p a { color: #575858; font-size: 12px; }
#copyright div p a:hover { color: #000; }

/* ===== 404 ===== */
.error-404-image {
    display: block;
    margin: 0px auto 28px auto;
    max-width: 100%;
    width: auto;
    height: auto;
}
.error-404-text p, .error-404-text p a {
    font-size: 18px;
    line-height: 22px;
    text-align: center;    
}

.error-404-text #searchform {
    margin: 28px 0;
    text-align: center;
}

.error-404-text input#s { width: 20%; height:16px; font-family: 'Kameron', 'Verdana', 'Arial', sans-serif;}
.error-404-text input#searchsubmit { width: auto; vertical-align: top; height: 28px; font-family: 'Kameron', 'Verdana', 'Arial', sans-serif;}
.error-404-text #searchform .screen-reader-text { position: relative; top:-2px; left: 0; display: none !important; }

.gecko .error-404-text input#searchsubmit { vertical-align: top; }
.safari .error-404-text input#searchsubmit { position:relative; top:0px; }

/* ===== PAGINATION ===== */
.general-pagination { height:29px; margin: 20px auto; text-align:center; clear:both; }
.general-pagination span { display:none; }
.general-pagination a { display:inline-block; font-weight:bold; margin-right:5px; line-height:28px; width:29px; height:29px; text-align:center; background:url('images/bg-pagination.png') top repeat-x; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:11px; text-align:center; }
.general-pagination a.selected { background-position:0 -58px; color:#ffffff; }
.general-pagination a:hover { background-position:0 -29px; color:#999999; text-decoration:none; }
.general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.woocommerce .general-pagination { margin-top:0; }

/* ===== STYLING STANDARD WP MEDIA IMAGES ===== */
.hentry img { max-width:100%; width:auto; height:auto; }
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%; height:auto; }
.alignleft, img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
.alignright, img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
div.aligncenter, img.aligncenter {display: block; margin-left: auto !important; margin-right: auto !important; float:none;}
img.alignleft, img.alignright, img.aligncenter{margin-bottom:12px;}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:558px !important; padding:4px;text-align:center;}
.wp-caption img{margin:5px 5px 0;width:98%;}
.wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;}
.wp-smiley{margin:0;}
.gallery{margin:0 auto 18px;}
.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;}
.gallery-columns-2 .gallery-item{width:50%;}
.gallery-columns-4 .gallery-item{width:25%;}
.gallery img{border:2px solid #CFCFCF;}
.gallery-columns-2 .attachment-medium{max-width:92%;height:auto;}
.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;}
.gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;}
.gallery dl{margin:0;}
.gallery img{border:10px solid #CFCFCF;}
.gallery br+br{display:none;}
.content .attachment img{display:block;margin:0 auto;}
.hentry .post_video {position: relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;margin-bottom:20px;max-width:100%;}
.hentry .post_video.vimeo {padding-top:0;}
.hentry .post_video.dailymotion embed, .hentry .post_video.youtube embed, .hentry .post_video.vimeo object, .hentry .post_video iframe {position: absolute; top: 0;left: 0;width: 100%;height: 100%; }

/* ===== ARCHIVE ===== */
.content .archive-list ul { border-top:1px solid #CFCFCF; clear:both; margin:0 0 20px; list-style:none; } 
.content .archive-list ul li { border-bottom:1px solid #CFCFCF; } 
.content .archive-list ul li a { color:#8B9091; display:block; margin:0; padding:7px 0 7px 0.5em; } 
.content .archive-list ul li a:hover { color:#444; background-color:#EFEFEF; text-decoration:none; } 
.content .archive-list ul li a span { display:block; text-align:right; } 
.content .archive-list ul li a span.comments_number { color:#777777; float:right; margin-right:20px; width:3em; } 
.content .archive-list ul li a span.archdate { color:#8B9091; float:left; letter-spacing:1px; margin-right:2em; padding:0 0 1em; width:3em; }   
.content .archive-list ul li ul.children { margin:0 0 -1px; padding-left:20px; }

/* ===== COMMENTS & TRACKBACKS ===== */
#trackbacks { }
ol.trackbacklist {margin:20px 35px;}
ol.trackbacklist li {padding:10px 0;}               

/* ===== PORTFOLIO COMMON RULES ===== */
#portfolio a.zoom { background:#000 url('images/icons/zoom.png') center no-repeat; text-indent: 0 }      
#portfolio a.video a.zoom { background:#000 url('images/icons/play.png') center no-repeat }
#portfolio a.project a.zoom { background:#000 url('images/icons/project.png') center no-repeat }
#portfolio a.onlytitle a.zoom { background:#000 }
#portfolio a.zoom span, .section a.zoom span { position: absolute; bottom: 25%; color: white; text-align: center; display: block; width: 100%; font-family: 'Open Sans',sans-serif; font-size: 16px; line-height: 15px; text-indent: 0;}
#portfolio a.zoom span.subtitle, .section a.zoom span.subtitle { bottom: 12%; font-size: 11px; }
.work-thumbnail .extra-images-slider ul.flex-direction-nav { bottom: 20px }
.work-thumbnail .extra-images-slider ul.flex-direction-nav li { margin-bottom: auto }
/*
#portfolio .read-more, #portfolio .more-link { background: /*url("images/bg-button-light.png") repeat-x scroll left top/ #F4F4F8; border: 1px solid #CFCFCF; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #787D8C !important; float: left; font-size: 12px; margin: 15px 0 20px; padding: 4px 12px; text-decoration: none; text-shadow: 1px 1px 0 white; }
#portfolio .read-more:hover, #portfolio .more-link:hover { background: none repeat scroll 0 0 #F9F9FB; border: 1px solid #CFCFCF; color: #464B5A !important; }
*/

#portfolio .read-more, #portfolio .more-link {
	
    background-color: #c27d05;
    border: 0px;
    box-shadow: 3px 3px #e4e4e4;
    -webkit-box-shadow: 3px 3px #e4e4e4;
    -moz-box-shadow: 3px 3px #e4e4e4;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
    font-weight: 800;
    line-height: 17px;
    padding: 5px 8px 5px 8px;
    text-shadow: 1px 1px 1px #585858;
	text-transform: uppercase;
	margin-top: 10px;
	
}

#portfolio .read-more:hover, #portfolio .more-link:hover { background-color: #DA8B00; }

#ie8 .picture_overlay .overlay div p, #ie8 .picture_overlay .overlay div p { text-align: center; min-width: 100px; }


/* portfolio overlay 
.overlay {display:none; background: none repeat scroll 0 0 #000;height:100%;left:0;overflow: hidden; position: absolute; top:0; width:100%; opacity: .7; text-align: center}
.overlay a { display: block; float: left; height: 100%; width: 50%; line-height: 9999px; overflow: hidden; }
.overlay a.overlay_project { background: url('images/icons/project.png') 5% center no-repeat }
.overlay a.overlay_img { background: url('images/icons/zoom.png') 95% center no-repeat }
.overlay a.overlay_video { background: url('images/icons/play.png') 95% center no-repeat }
.overlay span.overlay_title { position: absolute; bottom: 30%; color: white; text-align: center; display: block; width: 100%; font-family: 'Rokkitt', 'Georgia', 'Times New Roman', serif; font-size: 16px; line-height: 15px; }
*/
/* ====================== START ACCORDION SLIDER ====================== */
.accordion-container { margin-bottom: 15px; overflow: auto; }
.accordion-title { background-color: #f1f3f3; margin-bottom: 15px; cursor: pointer; min-height: 26px;}
#ie8 .social_title { min-width: 120px; }
.accordion-title.active { background-color: #ffffff;  }
.accordion-title .plus,
.accordion-title .minus {
	width: 26px;
	height: 26px;
	float: left;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	display: inline;
}

.accordion-title .plus {
	background-color: #6e6d6d;
	line-height: 0.9em;
}

.accordion-title .minus {
    background-color: #aa620d;
}

.accordion-title h4 {
	margin-left: 6px;
	display: inline;
	line-height: 26px;
    font-size: 15px;
    font-weight: normal;
}

.accordion-item { display: none; margin-bottom: 10px; position:relative; overflow:hidden; }
.accordion-item .row { position:relative; }

.accordion-item .meta {
	border-left: 5px solid #aa620d ;
	position: absolute;
	bottom: 0px;
}

.accordion-item .meta p {
	margin: 0 0 5px 0;
}

.accordion-item-content .icon {
	display: inline !important;
	margin: -3px 10px 0 10px;
}

.accordion-item .meta .social_title {
	float: left;
	margin-right: 5px;
}

.accordion-item .meta .social_title p {
	margin: 1px 0 0 0;
}

.accordion-item-content {
	padding-bottom: 100px;
}

#ie8 .accordion-item-content .meta {
	width: 60%;
}

.accordion-item .row {
	position: relative;
}

.accordion-item-thumb img {
	border: 1px solid #e1e1e1;
	background-color: #ffffff;
	padding: 2px;
}
/* ====================== END ACCORDION SLIDER ====================== */


/* ===== SHADOWS ===== */
form input[type="text"], form textarea { border: 1px solid #CFCFCF; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    /* IE6-9 */
    border-color: #cecece;
    outline: 0;
  
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(0, 0, 0, 0.2) !important
}

textarea.error:focus,
input.error[type="text"]:focus,
input.error[type="password"]:focus,
input.error[type="datetime"]:focus,
input.error[type="datetime-local"]:focus,
input.error[type="date"]:focus,
input.error[type="month"]:focus,
input.error[type="time"]:focus,
input.error[type="week"]:focus,
input.error[type="number"]:focus,
input.error[type="email"]:focus,
input.error[type="url"]:focus,
input.error[type="search"]:focus,
input.error[type="tel"]:focus,
input.error[type="color"]:focus,
.error.uneditable-input:focus {
    /* IE6-9 */
    border-color: rgb(215,118,118);
    outline: 0;
    
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgb(215,118,118) !important;
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgb(215,118,118) !important;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgb(215,118,118) !important;
}  

/* ===== TESTIMONIAL SINGLE PAGE ===== */
.testimonial-page {
    margin-bottom: 60px;
    margin-top: 0px;
    margin-left: 10px;
    position: relative;
}
.testimonial-page .thumbnail {
    background: none;
    right: -5px;
    padding-top: 0;
    position: relative;
    top: 35px;
    float: right;
    border: none;
    box-shadow: none;
}
.testimonial-page .thumbnail img {
    border-radius: 0 0 0 0;
    height: auto;
    padding-top: 11px;
    width: auto;
    float: right;
}
.testimonial-page .testimonial-text-full {
    margin-left: 0px;
    margin-bottom: 10px;
}
.testimonial-page .testimonial-text-full blockquote {
	padding-left: 0px;
	padding-bottom: 0px;
	background-position: 0 25px;
}
.testimonial-page .testimonial-text-full blockquote p:last-child{
	margin-bottom: 0px;
}
.testimonial-page .testimonial-text-full.testimonial-thumb {
    margin-bottom: 85px !important;
}
.testimonial-page .testimonial-text-full p {
    margin: 0px 0px 30px 0px;
}
.testimonial-page .testimonial-name {
    float: right;
    height: 20px;
    text-align: right;
    margin-top: 10px;
    margin-right: -20px;
}
.testimonial-page .testimonial-name p, .testimonial-page .testimonial-name a, .testimonial-page .testimonial-name span {
    clear: both;
    display: block;
    padding-right: 25px;
    z-index: 1000;
}
.testimonial-page .testimonial-name p.name, .testimonial-page .testimonial-name a.name {
    /*background: #FFFFFF;*/
    float: right;
    padding-left: 10px;
    color: #AB5705;
}
.testimonial-page .testimonial-name p.name {
    margin-bottom: 0px;
}
.testimonial-page .testimonial-name a.name:hover {
    color: #1F1F1F;
}
.testimonial-page .testimonial-name a.website, .testimonial-page .testimonial-name span.website {
    color: #1C1C1C;
    font-size: 12px;
}
.testimonial-page .testimonial-name a.website:hover {
    color: #1f1f1f;
}
.testimonial-post-page .wp-post-image {
	border-radius: 15px 15px 15px 15px;
    height: auto;
    max-width: 100%;
    width: auto;
}
/* === SINGLE SERVICES === */
.services h1.post-title {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
}


/* === OVERLAY === */
.picture_overlay { 
	position: relative; 
	cursor: pointer; 
	border:6px solid #cdcfd0;
	
	box-shadow: 
		inset 0 0 0 0 rgba(0,0,0, 0.4)/*,
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1)*/;

}
.picture_overlay.js_loaded {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.picture_overlay:hover { 
	border-color: #d98104;
}
.picture_overlay_empty:hover { 
	border-color: #dfdcdc;
}
.picture_overlay.picture_overlay_empty {
	cursor: default !important;
}

.picture_overlay .overlay {
	position: absolute;
	top: 0;
	height: 0;
	width: 100%;
	height: 100%;
	
	
	box-shadow: 
		inset 0 0 0 0 rgba(0,0,0, 0.4)/*,
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1)*/;
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
}
.picture_overlay .overlay div {
	position: absolute;
	top: 50%;
	left: 50%;

	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */
}
.picture_overlay .overlay div img {
	width: auto;
	height: auto;
	padding: 2px;
	display: inline !important;
}
#ie8 .picture_overlay .overlay div a {
	
}
.picture_overlay .overlay div p {
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
	overflow: auto;
}

.picture_overlay .overlay div p.title { font-size: 16px; margin-top: 15% !important; margin-bottom: 0 !important; overflow: hidden }
.picture_overlay .overlay div p.subtitle { font-size: 11px; }

#ie8 .picture_overlay .overlay div { display: none }
#ie8 .picture_overlay:hover .overlay {
	background-color: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}



.picture_overlay:hover, .picture_overlay:hover .overlay {
	box-shadow: 
		inset 0 0 20px 450px rgba(0,0,0, 0.4)/*,
		inset 0 0 0 16px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1)*/;
}

.picture_overlay:hover .overlay div {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}

[class^="icon-"], [class*=" icon-"] { background-image: none; }

/* ====================== START FAQ ====================== */
ul.filters.faq { float: right; display: block;}
ul.filters.faq li, ul.filters.faq li a { font-family: 'Open Sans'; font-size: 12px }
.faq-title { margin-bottom: 10px; cursor: pointer; min-height: 26px; color: #696464; padding-bottom: 10px; border-bottom: 1px solid #e8eaeb;}
.faq-title.active { color: #2e2d2d; border: none; }
.faq-title .plus,
.faq-title .minus {
	width: 21px;
	height: 21px;
	float: left;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	display: inline;
	margin-bottom: 1px;
}

.faq-title .plus {
	background-color: #2c2b2b;
	background-image: url('./images/faq-closed.png');
}

.faq-title .minus {
	background-color: #6e6d6d;
	background-image: url('./images/faq-opened.png');
}

.faq-title h4 {
	margin: 0px;
	padding-left: 30px;
	font-weight: normal;
}

.features-tab-container .features-tab-wrapper .features-tab-content .faq-title h4 {
	font-weight: normal;
	text-transform: none;
}

.features-tab-container .features-tab-wrapper .features-tab-content ul.filters.faq li, ul.filters.faq li a { font-size: 12px }

.faq-title, .faq-item, .faq-title.active { background: none }

.faq-item { display: none; margin-bottom: 10px; position:relative; overflow:hidden; }
.faq-item.active { display: block; }
.faq-item-content .icon {
	display: inline !important;
	margin: 0 10px;
}

.faq-item-content {
	padding-bottom: 30px;
}
.faq-item-content p {
	padding-left: 32px;
}
.faq-wrapper {
	width: 100%; 
}

.filters.faq li {
	margin-right: 5px;
	padding-left: 0;
}

.filters.faq li a {
	padding-left: 0px;
	background-color: #ececec;
	color: #545151;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 7px;
	line-height: 30px;
	display: inline-block;
	height: 30px;
}

.filters.faq li a:hover {color: #d98104}

.filters.faq li a.active {
	background-color: #787777;
	color: #ffffff;
}

.filters.faq li a.all {
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	margin-left: 15px;
}

.filters.faq li.all {
	position: relative;
}

.filters.faq li a .prepend {
	background-image: url("./images/faq-prepend.png");
	    left: 0;
	    min-height: 30px;
	    min-width: 16px;
	    position: absolute;
}

.filters.faq li a.active .prepend {
	background-image: url("./images/faq-prepend-active.png");
	left: 0;
   	min-height: 30px;
   	min-width: 16px;
   	position: absolute;
}

/* ====================== END FAQ ====================== */


/* ====================== START BLOG ====================== */
.not-btn.more-link, .not-btn.read-more {
    background: #eee8e8 url(images/read-more-arrow.png) no-repeat 6px 50%;
    border: 1px solid #d1cece;
    border-left: 5px solid #c27d05;
    color: #8a898a;
    display: inline-block;
    padding: 8px 25px;
	text-decoration: uppercase;
}

.not-btn.more-link:hover, .not-btn.read-more:hover { background-color: #e0dfdf; }
/* ====================== END BLOG ====================== */

/* ====================== START CONTENT ====================== */
.content ul li,
.content ol li { margin-bottom: 10px; }
/* ====================== END CONTENT ====================== */

/* ============ START BACK TO TOP BUTTON ==================*/
#back-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    padding: 5px 10px;
    background-color: #ff0000;
}
#back-top a {}
/* ============ END BACK TO TOP BUTTON ==================*/