@charset "UTF-8";
/*
Theme Name: Artifex 2.31
Theme URI: http://www.artifextheme.com
Description: Based on the 2014 theme of Car Body Design. New version Under development
Author: Marco Traverso / Line22 SRL
Version: 2.31
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
Text Domain: artifex
*/
/*** Import Google Fonts ***/
/* Mixins */
/* !_SASS */
/* Layout */
/* Full Size */
/* Mid-Size */
/* Small Size Screens */
/* !_Colors */
::selection { background: #f5ab35 !important; color: #fff !important; }

::-moz-selection { background: #f5ab35 !important; color: #fff !important; }

::-webkit-selection { background: #f5ab35 !important; color: #fff !important; }

.heading { border-color: #f5ab35; }

body { color: #777; }

.dark-bg { background: #333; color: #888; font-weight: 400; }

.dark-bg a { color: #aaa; }

.dark-bg a:hover { color: #fff !important; }

.dark-bg h1, .dark-bg h2, .dark-bg h3 { color: #eee; }

.dark-bg h1 a, .dark-bg h2 a, .dark-bg h3 a { color: #eee; opacity: .8; }

.dark-bg h1 a:hover, .dark-bg h2 a:hover, .dark-bg h3 a:hover { opacity: 1; }

.css-icon { background: #f5ab35; }

.light-bg { background: #efefef; }

.light-bg { color: #999; }

.light-bg .link-block > div:hover { background: #ddd; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; }

button, input[type=submit], .btn-primary { border-radius: 3px; background-color: #f5ab35; color: #fff; }

button:hover, input[type=submit]:hover, .btn-primary:hover { background-color: #222; }

/* Full Transition */
/*
	
@mixin transition($transition-property, $transition-time, $method) {
-webkit-transition: $transition-property $transition-time $method;
-moz-transition: $transition-property $transition-time $method;
-ms-transition: $transition-property $transition-time $method;
-o-transition: $transition-property $transition-time $method;
transition: $transition-property $transition-time $method;
}



Usage - Stick into the top of your SCSS sheet and @include where needed for cross browser transitions.<br /
.class { include transition($transition-property, $transition-time, $method);}

example:
.item {	@include transition(padding, 1s, ease-in-out);}

*/
* { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; }

a:hover, ul.article-meta:hover, article:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.navbar-default { background-color: #fff; border-color: transparent; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent !important; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #fafafa; color: #676767; }

/* !_MAIN LAYOUT */
body { overflow-x: hidden; }

.navbar { margin-bottom: 0px !important; }

.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

#main { margin-top: 20px; }

#homepage { width: 100%; margin: 0 !important; }

ul.article-meta { list-style-type: none; padding: 0; }

ul.article-meta i { letter-spacing: 0; margin-left: 2px; }

article:hover .post-thumb ul.article-meta { background: #000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.post-title { color: #333; font-weight: 400; }

.post-title a { color: #111; text-decoration: none; }

.post-title a:hover { color: #666; }

.mobile-overlay-box { display: none; }

#page-container { border: solid 0 #888; float: left; width: 100%; background: #fff; }

.spacer, .spacer-default, .spacer-md { margin-top: 28px; }

.spacer-2, .spacer-default-2, .spacer-md-2 { margin-top: 56px; }

.spacer-sm { margin-top: 12px; }

.spacer-sm-2 { margin-top: 24px; }

.spacer-lg { margin-top: 40px; }

.spacer-lg-2 { margin-top: 80px; }

.clear { clear: both !important; }

.right { float: right; }

.no-padding { padding: 0; }

/* GENERIC STYLING */
a { color: #555; font-weight: 400; text-decoration: none; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; }

a:hover { color: #f5ab35; text-decoration: none; }

body { font-size: 16px; }

/* MAIN TITLES */
h1, h2, h3 { color: #333; line-height: 1.2em; }

h1 { font-size: 30px; line-height: 38px; font-weight: 300; }

h2 { font-size: 24px; font-weight: 500; }

h3 { font-size: 18px; font-weight: bold; }

.heading { width: 100%; text-align: center; margin-bottom: 20px; }

.heading h2 { font-size: 30px; font-weight: 300; }

.top-heading { margin-top: 24px; }

body.home #main .heading { margin-top: 30px; }

h3.post-title { margin: 12px 0 8px; }

/*
	h1.top-heading {line-height:29px;}
h1.top-heading.no-meta {margin-bottom:20px;}
h1.center {text-align: center;}


*/
/* !_COMMON ELEMENTS */
div.button-std { display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding: 5px 10px; color: #fff; text-transform: uppercase; font-size: 14px; }

div.button-std:hover { background-color: #333; }

div.button-std a { color: #eee; text-decoration: none; }

div.button-std a:hover { color: #fff; }

div.button-std i { font-size: 18px; }

.button-hollow { display: inline-block; border: solid 1px #676767; text-transform: uppercase; padding: 7px 13px; letter-spacing: .03em; background: url(images/bg-overlay-30.png) repeat; }

.button-hollow { color: #676767; }

.button-hollow i { font-size: 15px; }

.button-hollow:hover { color: #fff; border-color: #fff; background: url(images/bg-overlay-50.png) repeat; }

a.button-hollow { display: inline-block; }

article p.excerpt { line-height: 1.35em; color: #444; letter-spacing: .01em; font-weight: 400; padding-bottom: 16px; }

.loading-box { width: 100%; padding: 50px 0; background: url(images/icon-image-loader.gif) no-repeat center center; }

.gallery-filter-box { text-align: center; padding: 12px 0 20px; }

.gallery-filter-box button { color: #777; border: none !important; -webkit-transition: all 0.2s; transition: all 0.2s; }

.gallery-filter-box button:focus, .gallery-filter-box button:hover { color: #fff; background-color: #444; outline: none !important; }

.grid ul, .grid-isotope ul { list-style-type: none; padding: 0; }

.grid-item, .grid-sizer { width: 33.3%; }

.grid-item { padding: 6px; margin: 0; }

li.grid-item { list-style-type: none; }

.grid-item[data-src] img:hover { cursor: pointer; }

.grid-item img { width: 100% !important; height: auto !important; }

.grid .img-container { cursor: pointer; }

.square { position: relative; }

.square:before { display: block; content: ""; width: 100%; padding-top: 100%; }

.square > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.image-not-available-box { border: solid 1px #ccc; width: 100%; text-align: center; background-color: #efefef; -webkit-transition: all 0.2s; transition: all 0.2s; }

.image-not-available-box:hover { color: #fff !important; background-color: #444; }

.image-not-available-box:hover .content div { color: #fff; }

.image-not-available-box .content { height: 100%; display: table; text-align: center; width: 100%; padding: 20px; }

.image-not-available-box .content div { display: table-cell; vertical-align: middle; text-align: center; color: #444; }

.img-container { position: relative; overflow: hidden; }

.img-caption-box { line-height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; color: #fff; /* Opacity*/ zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }

.img-caption-box:hover { /* Opacity*/ zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.img-caption-box p { position: absolute; bottom: 20px; padding: 0 20px; }

img.greyscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); }

img.hover-color { -moz-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }

img.hover-color:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); }

.img-container img.hover-autozoom { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.img-container:hover img.hover-autozoom { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

/* EXTRA COLUMN */
.extra-col section article { width: 210px; float: left; /*height:280px;*/ margin-bottom: 20px; margin-right: 20px; }

.extra-col section article.even, .extra-col section article:nth-of-type(even) { margin-right: 0; }

.post-thumb { position: relative; }

.post-thumb img { width: 100%; height: auto; }

.post-thumb ul.article-meta { width: auto; float: none; line-height: 1em; position: absolute; bottom: 2px; color: #fff; padding: 6px; }

ul.article-meta { float: left; line-height: 2.5em; width: 100%; color: #999; }

ul.article-meta li { background: none; float: left; }

ul.article-meta li.right { float: right; padding-right: 20px; }

ul.article-meta li.right:last-child { padding-right: 0; }

.extra-col article h3 { font-size: 18px; margin-top: 6px; }

article.item-post-grid { padding-bottom: 24px; }

.clear-left { clear: both !important; }

article.list-item-post { border-bottom: solid 1px #ddd; padding-bottom: 12px; float: left; }

article.list-item-post:last-of-type { border-bottom: none; padding-bottom: 32px; }

article.list-item-post .post-thumb { float: right; margin-top: 20px; }

article.list-item-post .post-thumb img { max-width: 240px; height: auto; }

article.list-item-post .meta { font-weight: bold; font-size: 15px; color: #333; padding-bottom: 12px; }

article.list-item-post .excerpt { font-size: 16px; }

/* !_FEATURED BOX */
#home-featured-box { height: 485px; clear: both; margin: 24px 0; overflow: hidden; }

#home-featured-box article { overflow: hidden; position: relative; }

#home-featured-box .overlay, #home-featured-box .overlay.active, #home-featured-box article.active.small img { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }

#home-featured-box .info-box, #home-featured-box .info-box.active { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

#home-featured-box article .overlay { display: block; position: absolute; top: 0; width: 100%; height: 100%; float: left; background: url(images/bg-overlay-30.png) repeat; /* Opacity*/ zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; }

#home-featured-box article.active .overlay { /* Opacity*/ zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

#home-featured-box article#first-story { width: 728px; height: 485px; background: #555; float: left; }

#home-featured-box article.small { width: 464px; background: #779; float: left; clear: right; height: 243px; display: table-cell; }

#home-featured-box article.small img { width: 100%; height: auto; margin-top: -11%; }

#home-featured-box article.active.small img { /*margin-top:-7% ;*/ }

#home-featured-box article .info-box { float: left; top: 330px; width: 100%; height: 276px; padding: 20px 20px 0; position: absolute; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(18%, rgba(0, 0, 0, 0.36)), color-stop(55%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.76))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */ }

#home-featured-box article.active .info-box { top: 210px; }

#home-featured-box article.small .info-box { top: 129px; padding: 10px 16px 0; height: 240px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(18%, rgba(0, 0, 0, 0.36)), color-stop(55%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.76))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.36) 18%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.76) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */ }

#home-featured-box article.small.active .info-box { top: 2px; }

#home-featured-box article .article-meta { color: #eee; margin-bottom: 15px; text-shadow: #000 0 0 5px; }

#home-featured-box article .article-meta a { color: #676767; }

#home-featured-box article.small .article-meta { color: #eee; margin-bottom: 10px; }

#home-featured-box .article-meta i { font-weight: 100; font-size: 16px; }

#home-featured-box .article-meta .category { padding-left: 9px; }

#home-featured-box h1, #home-featured-box h2 { text-shadow: #000 0 0 8px; }

#home-featured-box h1 a, #home-featured-box h2 a { color: #fff; }

#home-featured-box h1 a:hover, #home-featured-box h2 a:hover { color: #fff; }

#home-featured-box h1 { font-size: 32px; line-height: 1.3em; }

#home-featured-box h2 { font-size: 28px; line-height: 1.2em; }

#home-featured-box article .summary { position: absolute; bottom: 45px; color: #ddd; font-size: 16px; line-height: 20px; margin: 26px 0 16px; }

#home-featured-box article.small .summary { font-size: 13px; line-height: 18px; margin: 15px 0 12px; }

#home-featured-box a.button-hollow { position: absolute; bottom: 24px; right: 24px; /* -moz-box-shadow:  0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; */ }

/* Image Slider */
.slider-ext { overflow: hidden; }

.slider { clear: both; width: 100%; position: relative; height: auto !important; text-align: center; }

.slider div { margin: 0; }

.slider div a { width: 100%; float: left; height: 100%; display: block; padding: 0; }

.slider div a.no-link, .slider div a.no-link:-webkit-any-link { cursor: -webkit-grab !important; }

.slider img { width: 100% !important; height: auto !important; }

.slider.single-image-slider .slick-next, .slider.single-image-slider .slick-prev { background-color: transparent !important; }

.slick-next:hover, .slick-prev:hover { background: #000; }

.slick-prev.slick-disabled:hover, .slick-next.slick-disabled:hover { background: #676767; }

.slick-prev { left: 10px !important; }

.slick-next { right: 10px !important; }

.slider h3 { font-weight: 400 !important; margin: 0; padding: 16px 0 22px !important; }

.multi-image-slider .slick-slide { padding: 0 8px; }

/* !_SINGLE POST */
/*** Post Meta Styling ***/
.post-meta { clear: both; float: left; width: 100%; font-weight: 400; text-transform: capitalize; color: #bbb; }

.post-meta a { text-decoration: none; }

.post-meta a:hover { color: #676767; }

.post-meta li { display: inline; /*float: left;*/ margin-right: 20px; margin-bottom: 10px; padding-left: 0; }

.post-meta li:last-child { margin-right: 0; }

.post-meta i { font-size: 17px; margin-right: 2px; }

.single-meta { margin: 12px 0; }

.single-meta li { display: inline; /*float: left;*/ /*padding-left: 26px;*/ margin-right: 20px; }

.single-meta li:last-child { margin-right: 0; }

.single-meta li.right { float: right; margin-left: 10px; margin-right: 0; }

.tag-cloud { width: 100%; float: left; margin: 0px 0px -10px; padding: 25px 0 35px; border-top: 1px solid #ddd; }

.tag-cloud a { display: block; float: left; padding: 5px 13px; margin: 5px; color: #FFF; background-color: #2C2C2C; text-decoration: none; transition: #6363CE 0.2s ease 0s; }

/*-------------------------------------------*/
/*	!_Main Nav Styling */
/*-------------------------------------------*/
.is-sticky #main-nav { /* clear:both; width: 100%; z-index: 8000; opacity: .97; */ }

#main-nav { border-width: 1px 0; border-color: #ddd; border-style: solid; padding: 10px 0; }

/* !_Attachment Page */
.attachment-image-box { background: url(images/icon-image-loader.gif) no-repeat center center; min-height: 100px; text-align: center; position: relative; }

.attachment-image-box img { width: auto; height: auto; display: none; margin: 0 auto; max-width: 100% !important; max-height: auto !important; }

.attachment-image-box .arrow-box { position: absolute; top: 0; height: 100%; width: 60px; line-height: 1; padding-top: 24%; }

.attachment-image-box .arrow-box.arrow-box-left { left: 15px; }

.attachment-image-box .arrow-box.arrow-box-right { right: 15px; }

.attachment-image-box .arrow-box .arrow a { font-size: 60px; color: #eee; text-decoration: none; text-shadow: 0 0 5px #000; }

.attachment-image-box .arrow-box .arrow a:hover { color: #fff; }

.image-caption { padding: 20px 0; font-size: 16px; line-height: 1.3em; text-align: center; }

/* SEARCH FORM */
nav#main-nav form.search-form label .screen-reader-text { display: none; }

.search-form { width: 100%; position: relative; height: 40px; float: left; }

.search-input { width: 100%; height: 39px; font-size: 14px; color: #666; outline: solid 1px #ddd; border: none; background: none; padding-left: 10px; }

#main-nav .search-form { float: right; top: 0px; width: 262px; margin-right: 0; }

#main-nav .search-input { right: 0; }

.search-form .search-input:focus { outline: solid 1px #aaa !important; }

.search-form a.search-icon { position: absolute; right: 8px; top: 8px; }

.search-form a.search-icon i { font-size: 20px; color: #bbb; }

.search-form a.search-icon:hover i { color: #999; }

.search-form input.search-submit { display: none; }

ul.sf-menu { margin: 3px 0; }

/* #main-nav #searchsubmit {	position: absolute; right: 6px;	top: 4px;
	width: 28px;
	height: 28px;
	border: none;
	background: url(images/nav-searchsubmit.png) no-repeat;
	text-indent: -9999px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

#main-nav
#searchsubmit:hover {
	cursor: pointer;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}

*/
/* Superfish Menu Styling */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu li { position: relative; }

.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }

.sf-menu > li { float: 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%; }

/* !_SF Menu SKIN */
.sf-menu { float: left; margin-bottom: 1em; text-transform: uppercase; }

.sf-menu ul { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ }

.sf-menu a { border-left: 0px solid #fff; border-top: 0px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 0px solid rgba(255, 255, 255, 0.5); padding: 0.4em 1em; text-decoration: none; zoom: 1; /* IE7 */ }

.sf-menu li { font-size: 18px; background: #fff; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background 0.2s; transition: background 0.2s; }

.sf-menu ul li { font-size: 16px; text-transform: none; font-size: 16px; }

.sf-menu ul li a { padding: 0.7em 1em; }

/* 1ST LEVEL COLORS */
.sf-menu a { color: #333; }

.sf-menu li:hover a, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.sfHover a { color: #fff; }

/* 2nd Level colors */
.sf-menu li:hover ul li a, .sf-menu ul li a { color: #222; background: #fff; }

.sf-menu li:hover ul li:hover a { color: #676767; }

/*3rd level color */
.sf-menu li:hover ul li:hover ul li a { color: #222; }

.sf-menu li:hover ul li:hover ul li:hover a { color: #676767; }

.sf-menu ul ul li { background: #9AAEDB; }

.sf-menu li:hover, .sf-menu li:hover a, .sf-menu li.sfHover { -webkit-transition: background 0.8s; transition: background 0.8s; /* only transition out, not in */ -webkit-transition: none; transition: none; }

.sf-menu li:hover ul li a, .sf-menu ul li a { /* only transition out, not in */ /*-webkit-transition: background .2s; transition: background .2s;*/ -webkit-transition: background 0.8s; transition: background 0.8s; }

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ }

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255, 255, 255, 0.5); }

.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ }

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255, 255, 255, 0.5); }

.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }

/* EXTRA */
/* GALLERY LAYOUT */
/*
	body.gallery #wrapper-ext, body.gallery #wrapper-top,body.gallery #wrapper-ext-bottom {background-color:#fff; background-image:none; width:100%; text-align: center;}
body.gallery #wrapper, body.gallery #wrapper-content { width:100%; }
body.gallery #content, body.gallery #content-ext { width:100%; margin:0 auto; }
body.gallery #content h1{width:1050px; margin:10px auto;}

*/
/* !_GRID BOARD LAYOUT */
/*

body.board h1 {text-align: center;}


body.board #wrapper-ext, body.board #wrapper-top,body.board #wrapper-ext-bottom{ background:#f3f3f3;background-image:none; width:100%; text-align: center;}

body.single-image #wrapper-top {width:100%; text-align: center;}

body.single-image #wrapper-ext-bottom {}

body.board #wrapper, body.board #wrapper-content, body.single-image #wrapper, body.single-image #wrapper-content { width:100%; }
body.board #content, body.board #content-ext, body.single-image #content, body.single-image #content-ext { width:100%; margin:0 auto; }

body.board #content h1 {color:rgba(18,18,18,0.8); text-shadow: 1px 2px 4px rgb(227, 227, 227), 0px 0px 0px rgb(0, 0, 0), 1px 2px 4px rgb(227, 227, 227), 0px 1px 0px rgb(255, 255, 255); letter-spacing: 0em;}

div.set-text {width: 90%; margin:0 auto; font-size: 16px; color: #777; line-height: 1.3em; text-align: left;}
div.set-text p {margin:8px 0;}
div.set-text a {color:#444;}
div.set-text a:hover {color:#222;}
div.set-admin-links {font-size:13px; color:#aaa;}
div.set-admin-links a {color:#9a9a9a;}
div.set-admin-links a:hover {color:#666;}

*/
.grid-main-links { width: 100%; font-size: 16px; color: #666; padding-top: 18px; padding-bottom: 8px; text-align: left; height: 30px; }

.grid-main-links ul { clear: none; display: inline; }

.grid-main-links ul li { display: inline; margin-right: 30px; }

.grid-main-links a { color: #555; }

.grid-main-links a:hover { color: #222; }

.grid-main-links .automake-menu-box { width: 305px; float: right; }

.grid-main-links .automake-menu-box select { float: right; margin-right: 14px; margin-top: -4px; border: solid 1px #ccc; font-size: 13px; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans serif; padding: 3px; cursor: pointer; text-transform: uppercase; }

div.grid-info { color: #666; }

div.grid-info .grid-views { display: none; }

div.grid-info .grid-views.visible { display: inline; }

div.grid-info a { color: #666; }

div.grid-info a:hover { color: #333; }

#grid { width: 100%; }

#grid .item-box-ext { float: left; width: 300px; }

#grid .item-box { width: 284px; float: left; margin: 10px auto 0; border: solid 1px #ccc; background: #fff; /* Parameters: - horizontal offset - vertical offset  - blur radius - color */ -moz-box-shadow: 0px 5px 5px #ccc; -webkit-box-shadow: 0px 5px 5px #ccc; box-shadow: 0px 5px 5px #ccc; position: relative; }

#grid .item-box:hover { -moz-box-shadow: 0px 5px 5px #999; -webkit-box-shadow: 0px 5px 5px #999; box-shadow: 0px 5px 5px #999; }

#grid .item-image-box { position: relative; }

#grid .item-box img.item-image { margin: 10px auto 8px; border: solid 1px #ccc; }

#grid .item-box .caption { color: #777; font-size: 12px; font-weight: bold; line-height: 1.1em; padding: 0 10px; }

img.item-image { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

#grid .item-box-ext.grid-ad .item-box { border-color: #666; border-width: 2px; padding-bottom: 15px; }

#grid .item-box-ext.grid-ad .ad-label { padding: 8px; color: #666; font-size: 11px; text-transform: uppercase; }

/*FAV-BOX AND COMMENT BUTTON*/
.comment-button, .fav-box, .remove-box { position: absolute; bottom: 22px; background: #efefef; border: solid 1px #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

#grid .comment-button, #grid .fav-box, #grid .remove-box { display: none; }

#grid .fav-box.active, .fav-box.active { background-color: #fff; border-color: #aaa; display: block; }

#image-box { position: relative; }

#image-box .comment-button, #image-box .fav-box, #image-box .remove-box { display: show; background: #efefef; border: solid 1px #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.fav-box:hover, .comment-button:hover, .remove-box:hover { color: #555; border-color: #777; cursor: pointer; text-decoration: underline; background: #fff; -moz-box-shadow: 0px 2px 5px #333; -webkit-box-shadow: 0px 2px 5px #333; box-shadow: 0px 2px 5px #333; }

.comment-button { right: 20px; padding: 8px 11px; color: #777; text-transform: lowercase; font-weight: bold; }

.remove-box { left: 100px; padding: 8px 11px; color: #777; text-transform: lowercase; font-weight: bold; }

.fav-box { left: 20px; padding: 3px 0; width: 30px; }

#image-box .comment-button { right: 50px; }

#image-box .fav-box { left: 50px; }

.fav { width: 24px; height: 24px; display: block; background: url(images/icon-fav.png) no-repeat; margin: auto; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fav:hover { background-position: -24px 0; }

.fav-box.active .fav { background-position: -48px 0; }

.fav-box.loading .fav { background: url(images/loader-small.gif) no-repeat center center; }

.links-ext { height: 16px; margin-top: 8px; }

#grid .item-box .links { font-size: 12px; color: #ccc; width: 260px; text-transform: lowercase; margin: 0 auto; display: none; }

#grid .item-box .links a { color: #999; text-decoration: none; font-weight: bold; }

#grid .item-box .links a:hover { color: #666; text-decoration: underline; }

#grid .item-box .links .right { float: right; }

#grid .item-box .links .left { float: left; }

/*!_COMMENTS*/
.comment-box { margin-top: 8px; width: 100%; float: left; display: block; background: #efefef; }

/*Single Image Page Template*/
body.single-image .comment-box-ext, #grid-single-image .comment-box-ext, body.single-image .image-links-box { clear: both; float: none; width: 720px; margin: 0 auto; }

body.single-image .comment-box, #grid-single-image .comment-box { background-color: #fff; }

body.single-image .comment-box .comment-text, #grid-single-image .comment-box .comment-text { width: 670px; }

body.single-image #image { width: 800px; margin: 0 auto; }

.comment-box .item-comment { width: 100%; float: left; border-bottom: solid 1px #ccc; padding: 5px 0; }

.comment-author { width: 36px; height: 30px; float: left; font-weight: 800; }

.comment-author img { margin-left: 11px; }

.comment-box .comment-text { font-size: 13px; color: #555; float: right; padding-top: 10px; text-align: left; }

#grid .comment-box .comment-text { width: 242px; }

.comment-box .author-name { font-weight: bold; color: #444; }

.comment-box .note-moderation { clear: both; display: block; font-size: 11px; text-align: right; font-weight: bold; color: #777; padding-right: 12px; }

.comment-box .item-comment.last { border-bottom: none; }

.comment-box .item-comment.new-comment { width: 100%; clear: both; border-bottom: none; border-top: solid 1px #ccc; }

.comment-box .item-comment.new-comment.hidden { display: none; }

.comment-box .item-comment.new-comment input { width: 260px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ccc; font-family: "Helvetica Neue","Helvetica", Arial,sans serif; padding: 7px; font-size: 13px; background: #fefefe; margin-top: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.comment-box .item-comment.new-comment input:focus { background: #fff; border-color: #993300; box-shadow: 0px 1px rgba(34, 25, 25, 0.15) inset, 0px 1px rgba(255, 255, 255, 0.8), 0px 0px 14px rgba(235, 82, 82, 0.35); }

#image .comment-box .item-comment.new-comment input { width: 500px; float: left; }

#image .comment-box .item-comment.new-comment input.submit-button { width: 80px; float: right; margin-right: 0; }

/*Not working in grid overlay - hidden for now*/
#grid-overlay #image .comment-box .item-comment.new-comment input { display: none; }

#grid-overlay #image .comment-box .item-comment.new-comment input.submit-button { display: none; }

.comment-box .item-comment.new-comment input.submit-button { width: 80px; height: 30px; float: right; margin: 14px 12px 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; letter-spacing: 0.04em; text-transform: none; font-weight: bold; font-size: 13px; background-image: linear-gradient(#ccc, #999); border: solid 1px #888; background-color: #666; color: #efefef; text-shadow: 0px -1px rgba(0, 0, 0, 0.11); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.comment-box .item-comment.new-comment input.submit-button:hover { background-image: linear-gradient(#999, #666); color: #fff; border-color: #555; }

.comment-box .item-comment.new-comment input.submit-button:active { background-image: linear-gradient(#666, #999); color: #efefef; }

#grid-overlay { position: fixed; display: block; top: 0; background: url(images/bg-grid-overlay.png) repeat; width: 100%; height: 100%; display: none; cursor: default; }

#grid-overlay.active { cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; }

#grid-single-image { background: #fff; border: solid 1px #ccc; width: 800px; height: !important; max-height: 80%; margin: 35px auto; display: none; overflow-y: auto; cursor: default; padding-top: 0; }

#image-box { position: relative; width: 100%; float: left; margin: 0; padding: 28px 0 10px; border: none; }

#image { padding-bottom: 16px; }

#image .close-button { display: block; text-indent: -9999px; width: 36px; height: 36px; background-size: cover; background-image: url(images/icon-close.png); float: right; margin: 8px; cursor: pointer; }

body.single-image #image .close-button { display: none; }

#image .ad-box { margin: 15px auto 18px; text-align: center; }

.grid-ad-box { margin: 16px 0; }

.grid-ad-box.bottom { margin-top: 30px; }

.grid-ad-box.top { margin-bottom: 30px; }

#image h1 { padding: 20px 20px 0; }

#image p.image-author { margin-top: 12px; font-size: 16px; color: #777; }

#image p.image-author b { color: #222; }

#grid-single-image img { margin: 0 auto; }

#image-box #prev, #image-box #next { z-index: 10; width: 100px; top: 40px; height: 100px; cursor: pointer; }

#image-box #prev { left: 40px; }

#image-box #next { right: 40px; }

#grid-single-image h1 { border: none; }

#grid-single-image h2 { font-size: 14px; color: #666; padding: 10px 0; }

.image-views { display: none; text-align: right; color: #777; font-size: 12px; width: 720px; margin: 0 auto; }

.image-views.visible { display: block; }

.image-views a { color: #777; }

.image-views a:hover { color: #333; }

#grid-single-image .image-links-box-ext { clear: both; width: 100%; border-top: solid 1px #ccc; }

.image-links-box { text-align: left; margin: 15px auto; width: 720px; color: #999; font-size: 13px; }

.image-links-box b { color: #666; }

body.single-image .links, #grid-single-image .links { text-align: right; padding: 6px 0; }

body.single-image .links .left, #grid-single-image .links .left { float: left; text-align: left; }

body.single-image .links a, #grid-single-image .links a { color: #666; font-weight: bold; }

body.single-image .links a:hover, #grid-single-image .links a:hover { color: #333; }

#grid-single-image .thumbnails-box, body.single-image .thumbnails-box { clear: left; margin: 10px 0; }

.thumbnails-box img, #content .thumbnails-box img { width: 79px; margin-right: 1px; padding: 0; /*background: yellow;*/ }

#grid-overlay #loader { width: 32px; height: 32px; margin: 49% auto; background: url(images/loader.gif) no-repeat; }

#grid-single-image p.image-source, body.single-image p.image-source { font-size: 18px; color: #777; padding: 22px 0 20px; }

#grid-single-image p.image-source a, body.single-image p.image-source a { color: #555; font-weight: bold; text-decoration: none; }

#grid-single-image p.image-source a:hover, body.single-image p.image-source a:hover { color: #333; }

/* !_GRID LOGIN */
#grid-login-box { background: #fff; border: solid 1px #ccc; width: 800px; height: 500px; top: 120px; margin: 120px auto; display: none; overflow-y: auto; cursor: default; }

#grid-login-box h1.logo a { text-indent: -9999px; display: block; width: 360px; height: 80px; background: url(images/logo-cbd-login.png); margin: 40px auto; }

#grid-login-box .login-form-box { width: 360px; margin: 20px auto; font-family: "Helvetica Neue",Helvetica,Arial, sans serif; }

#grid-login-box input[type="text"], #grid-login-box input[type="password"], #grid-login-box textarea { display: inline-block; margin-top: 19px; -moz-box-sizing: border-box; padding: 6px 12px; padding-top: 6px; padding-right-value: 12px; padding-bottom: 6px; padding-left-value: 12px; padding-left-ltr-source: physical; padding-left-rtl-source: physical; padding-right-ltr-source: physical; padding-right-rtl-source: physical; font-size: 18px; font-weight: 300; line-height: 1.4; color: #221919; background: none repeat scroll 0% 0% white; border: 1px solid #ad9c9c; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-shadow: 0px 1px rgba(34, 25, 25, 0.15) inset, 0px 1px white; transition: all 0.09s ease-in-out 0s; font-family: "Helvetica Neue",Helvetica,Arial, sans serif; }

#grid-login-box input[type="text"], #grid-login-box input[type="password"], #grid-login-box textarea { position: relative; display: block; width: 100%; z-index: 4; background: none repeat scroll 0% 0% transparent; border: 1px solid rgb #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-shadow: 0px 1px rgba(34, 25, 25, 0.15) inset, 0px 1px white; transition: all 0.09s ease-in-out 0s; }

#grid-login-box input[type="text"]:focus, #grid-login-box input[type="password"]:focus, #grid-login-box textarea:focus { border-color: #993300; box-shadow: 0px 1px rgba(34, 25, 25, 0.15) inset, 0px 1px rgba(255, 255, 255, 0.8), 0px 0px 14px rgba(235, 82, 82, 0.35); }

#grid-login-box .login-form-box label { margin-top: 12px; float: right; text-transform: lowercase; color: #666; }

#grid-login-box input.button-primary { float: left; position: relative; top: 20px; font-family: "Helvetica Neue",Helvetica,Arial, sans serif; font-size: 17px; border: 1px solid transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-shadow: 0px 1px rgba(255, 255, 255, 0.8), 0px 1px rgba(255, 255, 255, 0.35) inset; cursor: pointer; display: inline-block; font-weight: bold; line-height: 1em; margin: 0px; padding: 0.3em 0.825em; text-align: center; transition: all 0.05s ease-in-out 0s; -moz-box-sizing: border-box; display: block; margin: 0px auto; background-color: #f0eded; background-image: -moz-linear-gradient(center top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded); border-color: #bbbbbb; color: #555; text-shadow: 0px 1px rgba(255, 255, 255, 0.9); }

#grid-login-box input.button-primary:hover { transition: none 0s ease 0s; color: #444; border-color: #777; }

#grid-login-box input.button-primary:active { transition: none 0s ease 0s; }

#grid-login-box input.button-primary:focus { outline: medium none; }

#grid-login-box .forgotpassword { width: 360px; float: left; clear: both; margin-top: 56px; display: block; text-align: center; font-size: 13px; color: #666; text-transform: lowercase; }

#grid-login-box .forgotpassword a { color: #a00; }

#grid-login-box .forgotpassword a:hover { color: #500; }

#grid-log { display: block; display: none; width: 600px; height: 50px; position: fixed; z-index: 100; bottom: 200px; background: #fff; border: solid 1px #ccc; padding: 20px; font-size: 16px; color: #444; }

#grid-navbar { font-size: 14px; color: #555; line-height: 1.1em; width: 95%; clear: both; padding-top: 35px; }

#grid-navbar div.navbar-link { float: left; display: block; width: 16px; height: 16px; background: #fff; }

#grid-navbar div.navbar-link a { display: block; width: 8px; height: 8px; margin: 4px; text-indent: -9999px; background: #999; }

#grid-navbar div.navbar-link.current { text-indent: -9999px; background-color: #a00; }

#grid-navbar div.navbar-link:hover a { background: #000; width: 16px; height: 16px; margin: 0px; transition: width 0.2s, height 0.2s, margin 0.2s; -webkit-transition: width 0.2s, height 0.2s, margin 0.2s; }

#grid-navbar span.current-page { background: #a00; display: block; width: 10px; height: 10px; text-indent: -9999px; background: #a00; float: left; margin: 6px; }

#navbar-tooltip { display: none; position: absolute; width: 30px; height: 20px; background: #fff; border: solid 2px #555; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; line-height: 20px; font-weight: bold; font-size: 13px; }

#prev-page, #next-page { width: 80px; height: 80px; display: block; }

#prev-page { float: left; }

#next-page { float: right; }

#prev-page a, #next-page a { width: 80px; height: 80px; display: block; background: url(images/button-grid-arrows.png) no-repeat; text-indent: -9999px; }

#prev-page a { background-position: 0 0; }

#next-page a { background-position: -80px 0; }

#prev-page a:hover { background-position: 0 -80px; }

#next-page a:hover { background-position: -80px -80px; }

/* NEW CUSTOM PROFILE PAGE*/
#user-avatar-remove-box { width: 0; height: 0; display: none; }

#article-box #updateuser { display: block; width: 200px; height: 100px; border: solid 1px red; }

div#dark-overlay { width: 100%; height: 100%; background: url(images/bg-grid-overlay.png) repeat; position: fixed; }

/* !_HEADER */
#main-header-int { width: 100%; float: left; background: #fff; border: solid 1px yellow; }

#main-header h1 { margin: 0; padding: 0; float: left; text-transform: uppercase; font-size: 36px; margin-top: 12px; }

#main-header h1 a { color: #111; }

#main-header img.logo { clear: left; margin-top: 3px; border: none; float: left; }

#main-header .top-banner { float: right; width: 728px; height: 90px; margin: 14px 0 0; padding: 0; background-color: none; border: none; }

#main-header .top-banner img, #main-header .top-banner a img { border: none; }

.mobile-button, i.fa.mobile-button { display: none; }

#main-header .top-links { width: 100%; float: left; margin-top: 12px; color: #666; /*color:#676a75; */ font-size: 13px; border: none; }

#main-header .top-links b { /*color: #a7a9af;*/ color: #333; font-weight: 300; }

#main-header .top-links a { /*color:#a7a9af;*/ color: #999; text-transform: uppercase; }

#main-header .top-links a:hover { /*color:#fff;*/ color: #444; }

#main-header .top-links ul li { float: left; margin-right: 14px; padding-top: 5px; }

#main-header .top-links #top-links-left { float: left; }

#main-header .top-links #top-links-right { float: right; }

.switch-to-mobile { display: none; color: #fff; font-weight: bold; }

#main-header .top-links li .switch-to-mobile a { color: #fff; }

@media only screen and (max-device-width: 568px) { .switch-to-mobile { display: inline; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .switch-to-mobile { display: inline; } }

#social-links { margin-top: 15px; float: right; }

#social-links li { list-style-type: none; line-height: 40px; float: left; margin-left: 8px; }

#social-links li a { width: 40px; height: 40px; display: inline-block; background-color: #ccc; color: #fff; border-radius: 20px; text-align: center; }

#social-links li a i { font-size: 28px; padding-top: 7px !important; }

#social-links li a:hover { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; background-color: #aaa; }

#main-header ul#social-links li a { display: block; background-image: url(images/social-icons-sprite-2014.png); width: 25px; height: 24px; margin: 0; text-indent: -1999px; overflow: hidden; }

a#newsletter-icon { background-position: -93px -3px; }

a#newsletter-icon:hover { background-position: -93px -33px; }

a#rss-icon { background-position: -2px -3px; }

a#rss-icon:hover { background-position: -2px -33px; }

a#facebook-icon { background-position: -32px -3px; }

a#facebook-icon:hover { background-position: -32px -33px; }

a#twitter-icon { background-position: -62px -3px; }

a#twitter-icon:hover { background-position: -62px -33px; }

a#youtube-icon { background-position: -122px -3px; }

a#youtube-icon:hover { background-position: -122px -33px; }

a#pinterest-icon { background-position: -152px -3px; }

a#pinterest-icon:hover { background-position: -152px -33px; }

#main-header iframe { border: none; }

#main-header .cbd-social-buttons { padding-top: 8px; float: left; padding-left: 7px; }

#main-header .cbd-social-buttons .fb-like { float: left; width: 145px; }

#main-header .cbd-social-buttons .fb-like iframe { float: left; width: 145px; border: solid 1px red; }

#main-header .cbd-social-buttons .twitter-follow { width: 64px; float: left; }

#main-header .cbd-social-buttons .google-plus-follow { float: left; margin-right: 6px; }

#top-bar-right { border: solid 1px red; width: 50%; float: right; }

/* NAVBAR */
/*
#navbar	{ width:1050px; margin:0 auto; }
#navbar-int {width:1050px; float:left;}
#gallery-fullpage #navbar-ext  {width:100%; float:left;}
#gallery-fullpage #navbar	{width:1050px; margin:0 auto; float:none;}

*/
.navbar-nav > li > a { padding-left: 8px; padding-right: 8px; }

.page-meta, .page_number, .article-metadata { clear: both; margin: 0 0 5px; font-size: 13px; color: #999; font-weight: bold; height: 20px; }

.page-meta .right, .page-meta.right { float: right; }

.page-meta a { color: #777; }

.page-meta a:hover { color: #444; }

.tags { float: left; width: 65%; line-height: 1.2em; padding-bottom: 2px; }

.tags a { text-decoration: none; }

.tags a:hover { text-decoration: underline; }

.page-meta b, .page-meta strong { color: #444; }

.page-meta span#views { display: none; }

.page-meta span.visible span#views { display: inline; }

.post-meta .admin-notes, .page-meta .admin-notes { display: none; }

.post-meta .visible .admin-notes, .page-meta .visible .admin-notes { display: inline; }

ul.post-categories { background: red; float: left; }

ul.post-categories li { float: left; }

#page { width: 720px; margin: 0 auto; text-align: justify; font-size: 1em; }

/* !_MONTHLY ARCHIVES */
li.archive-item { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #E6E6E6; list-style: outside none none; line-height: 24px; float: left; width: 100%; color: #888; font-size: 14px; }

li.archive-item a { color: #444; text-decoration: underline; }

li.archive-item a:hover { color: #676767; }

li.archive-item span.admin-notes { float: right; }

#monthly-archive-navigation { clear: both; width: 100%; }

#monthly-archive-navigation { border: none !important; }

.pagination { text-align: center; }

.pagination .left { float: left; }

.pagination .center { width: 35%; margin: 0 auto; text-align: center; }

.pagination .center a { display: inline-block; margin: 0 auto; float: none; }

.pagination .right { float: right; }

.pagination .right a, .pagination .left a { display: inline; margin-right: 0 !important; }

.left-col .automakes { font-size: .9em; }

.left-col .automakes h3 { margin: 0 0 0 5px; padding: 0; font-size: 1.1em; }

.left-col .automakes ul { margin: 0; padding: 0; }

.left-col .automakes ul li { list-style-type: none; margin: 0; padding: 2px 4px; display: block; border-bottom: dotted 1px #ccc; }

.left-col .automakes ul li a { color: #444; text-decoration: none; }

.left-col .automakes ul li a:hover { color: #a00; text-decoration: underline; }

/* FOOTER */
footer { clear: both; }

footer .widget .heading { text-align: left; }

footer .widget .heading h2 { border-width: 0 0 2px; border-color: #efefef; padding: 18px 0 7px 0 !important; font-size: 18px; font-weight: 400; }

footer .widget ul { padding: 0; }

#signature { background-color: #f9f9f9; color: #797979; font-size: 15px; font-weight: 500; padding: 30px 0 80px; text-align: center; float: left; width: 100%; }

#signature a, #signature b { color: #444; }

#signature a:hover, #signature a:active, .dark-bg #signature a:hover, .dark-bg #signature a:active { color: #000 !important; }

#signature p { letter-spacing: 0.01em; }

#signature ul { text-align: center; text-transform: uppercase; font-size: 13px; margin-top: 20px; }

#signature li { display: inline-block; margin: 0 10px; }

/* EXTRA ITEMS */
.home-side-ad-box { margin-bottom: 10px; }

#newsletter-box { width: 300px; height: 100px; margin: 0 0 10px; float: left; clear: both; background: #010101 url(images/bg-newsletter-box-300.png) no-repeat; }

#newsletter-box .newsletter-form { margin-top: 58px; }

#newsletter-box input.textbox { width: 151px; float: left; height: 16px; border: none; margin-left: 10px; border: solid 1px #716363; background: #d0d0cf; color: #222; font-size: 12px; line-height: 18px; }

#newsletter-box input.textbox:focus { background-color: #fff; }

#newsletter-box .img_btn { margin-left: 20px; margin-top: -1px; }

/* Find Article Box */
form#find-car-form { margin-top: 8px; }

form#find-car-form select { -webkit-appearance: none; font-family: "Helvetica Neue",Helvetica,Arial; font-size: 13px; color: #666; padding: 4px; border-color: #999; width: 220px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

form#find-car-form select option { -webkit-appearance: none; }

form#find-car-form input.button { -webkit-appearance: none; float: right; border: none; padding: 2px 8px; font-family: 'Sans-Serif-Bold-Condensed', "Helvetica Neue", Helvetica,Arial; font-size: 15px; text-transform: uppercase; color: #dedede; background-color: #5e5e5e; border: solid 1px #3e3e3e; }

form#find-car-form input.button:hover { cursor: pointer; background-color: #444; color: #fff; }

.monthly-archives { font-size: 11px; }

.monthly-archives h4 { color: #222; font-size: 13px; margin: 4px 0 2px; }

.monthly-archives ul { margin: 4px; padding: 0; }

.monthly-archives ul li { margin: 0; padding: 0; list-style-type: none; }

.monthly-archives a { color: #a00; text-decoration: none; }

.monthly-archives a:hover { color: #300; }

#extra .skyscraper { width: 250px; float: left; text-align: center; clear: both; margin: 16px auto; }

#extra .square-box { width: 250px; clear: left; margin: 0; float: left; }

#extra .cover img { border: none; }

.post-grid-ext { clear: both; margin-top: 8px; }

.post-grid-ext.two-cols { float: left; }

.post-grid-ext.one-col { clear: none; float: left; }

/*.post-grid h2 { font-family: 'Sans-Serif-Bold-Condensed';text-transform:uppercase; font-size:23px; color:#111;}



#related-posts .post-grid h2, h2.gallery-link-title { font-family:inherit; text-transform: none; clear:both; padding-top:20px;margin:20px 0; font-size:23px; color:#333; border-bottom: solid 2px #ccc; padding-bottom: 3px;}*/
.post-grid-ext hr { margin: 2px 0 5px 0; height: 3px; background-color: #ccc; border: none; }

.post-grid-ext.two-cols hr { margin: 2px 10px 5px 0; }

.post-grid-ext.one-col hr { margin: 2px -8px 5px 0; }

.post-grid .spacer { display: block; clear: both; width: 728px; border-bottom: solid 1px #ccc; height: 1px; padding-bottom: 12px; margin-bottom: 16px; }

.homepage-spacer { height: 10px; width: 100%; clear: both; }

.post-grid-item-ext { width: 246px; float: left; margin: 0; }

.post-grid-item { width: 236px; }

.post-grid-ext.one-col .post-grid-item-ext, .post-grid-item-ext.last { width: 228px; }

.post-grid-item { margin: 0; }

#related-posts .post-grid-item-ext { width: 246px; }

#related-posts .post-grid-item-ext.last { width: 236px; }

.post-grid-item .meta { font-size: 12px; color: #aaa; font-weight: bold; margin-bottom: 7px; text-transform: uppercase; letter-spacing: -.05em; }

.post-grid-item .meta .category { color: #999; letter-spacing: 0; float: right; }

.post-grid-item .meta .category a { color: #666; text-decoration: none; }

.post-grid-item .meta .category a:hover { color: #300; text-decoration: underline; }

.post-grid-item img.tn { border: none; zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; /*FIXES to reomve image blur and 1px offset when hovering */ -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); -moz-backface-visibility: hidden; -moz-transform: translateZ(0) scale(1, 1); }

/*
.post-grid-item img.tn:hover { zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
*/
.post-grid-item h3 { margin: 10px 0 8px; }

.post-grid-item h3 a { color: #343434; text-decoration: none; }

.post-grid-item h3 a:hover { color: #000; text-decoration: underline; }

.post-grid-item .info { line-height: 1.3em; }

p.more-news { float: right; font-size: 13px; font-weight: bold; padding: 10px 0; text-transform: lowercase; }

p.more-news a { color: #777; text-decoration: none; }

p.more-news a:hover { color: #555; text-decoration: underline; }

/* NEWS ARCHIVE*/
#news-archive-box img { border: solid 1px #333333; margin-top: 5px; margin-left: 0; margin-right: 6px; }

#news-archive-box { text-align: justify; line-height: 1.5em; }

#news-archive-box h2 { font-size: 1.2em; display: block; border-bottom: solid 2px #ccc; }

#news-archive-box h3 { font-size: 1.1em; margin-top: 2px; margin-bottom: 2px; }

#news-archive-box li { list-style-type: none; clear: both; }

.news-archive-box-extended { display: block; margin-top: 12px; margin-bottom: 12px; width: 500px; }

.news-archive-box-description { margin-top: 4px; font-size: 0.9em; line-height: 1.2em; }

.news-archive-ad { display: block; margin-left: 15px; margin-bottom: 6px; }

/* SINGLE TUTORIAL PAGE */
#single-tutorial .cover { float: right; border: solid 1px #999; margin-left: 4px; }

#single-tutorial .description-box-ext { font-size: 16px; line-height: 24px; color: #444; float: left; margin: 5px auto; font-style: italic; width: 728px; border: solid 1px #ccc; background-color: #efefef; }

#single-tutorial .description-box { margin: 5px; width: 710px; float: left; }

#single-tutorial .link { text-align: right; font-weight: bold; font-size: 12px; }

#single-tutorial .link a { color: #a00; text-decoration: none; }

#single-tutorial .link a:hover { color: #300; text-decoration: underline; }

#single-tutorial h3 { clear: both; color: #333; padding-top: 5px; margin-bottom: 5px; font-size: 16px; font-weight: bold; }

#single-tutorial a { color: #a00; }

#single-tutorial ul { padding-left: 14px; margin: 6px 0; }

#single-tutorial ul li { list-style-type: disc; color: #666; margin-top: 4px; }

/*SINGLE PUBLICATION (WORDPRESS) */
.pub-categories a { font-weight: bold; color: #666; }

.pub-categories a:hover { color: #222; }

.pub-details { clear: both; font-size: 11px; border-bottom: solid 1px #666; padding-bottom: 5px; color: #444; }

.pub-details b, .pub-details strong { color: #333; text-transform: uppercase; }

.pub-author { float: left; width: 65%; line-height: 1.1em; padding-bottom: 3px; }

.pub-thumbnail { float: left; width: 210px; }

.pub-thumbnail img { float: left; margin-top: 6px; border: solid 1px #999; }

.pub-info { margin: 8px 0 6px; font-size: 11px; color: #666; }

.pub-abstract { float: right; width: 518px; font-size: 13px; color: #333; text-align: left; line-height: 1.4em; }

.pub-abstract p { margin: 5px 0; }

.pub-abstract h2 { font-size: 16px; color: #a00; margin: 8px 0 10px; }

.pub-abstract a { color: #a00; }

.pub-source { margin-top: 12px; font-size: 11px; color: #666; }

.pub-readmore { clear: both; text-align: right; font-size: 13px; font-weight: bold; margin-bottom: 10px; }

.pub-source a, .pub-readmore a { color: #a00; }

/*TECHNICAL PUBLICATIONS*/
#page a, #pub-box a { /*color:#a00;*/ }

#page a:hover, #pub-box a:hover { /*color:#600;*/ }

.sub-categories-box-ext { margin-top: 5px; width: 726px; float: left; border: solid 1px #ccc; }

.sub-categories-box { padding: 10px 15px 20px; float: left; color: #666; font-weight: normal; }

.sub-categories-box ul.left { width: 300px; float: left; }

.sub-categories-box ul.right { width: 300px; float: right; }

.sub-categories-box ul li { margin-top: 4px; color: #777; }

.sub-categories-box ul a { color: #555; }

.sub-categories-box ul a:hover { color: #222; }

/* Depth: 1*/
.sub-categories-box ul li.cat-item { font-size: 17px; font-weight: bold; margin: 17px 0; }

.sub-categories-box ul li.cat-item a { color: #a00; }

.sub-categories-box ul li.cat-item a:hover { color: #500; }

/* Depth: 2*/
.sub-categories-box ul li ul li.cat-item { font-weight: normal; font-size: 15px; margin: 7px 0; }

.sub-categories-box ul li ul li.cat-item a { color: #444; }

.sub-categories-box ul li ul li.cat-item a:hover { color: #222; }

/* Depth: 3*/
.sub-categories-box ul li ul li ul li.cat-item { font-weight: normal; font-size: 13px; margin: 5px 0; }

.sub-categories-box ul li ul li ul li.cat-item a { color: #666; }

.sub-categories-box ul li ul { padding-left: 20px; }

.sub-categories-box h2 { font-size: 14px; font-weight: bold; color: #555; padding-bottom: 4px; }

.sub-categories-box h2 a { font-weight: bold; }

.sub-categories-box h2 a:hover { font-weight: bold; }

/* GENERIC ARCHIVE LIST */
#nav-tree { margin: 5px 0; font-weight: 12px; color: #666; font-size: 11px; }

#nav-tree a { color: #444; font-weight: bold; }

#nav-tree a:hover { color: #100; }

/*.archive-item-grid img.tn { border:none; zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92;} */
/*.archive-item-grid img.tn:hover { border:none; zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */
.archive-item-grid h3 { margin: 10px 0 8px; color: #3F3F38; font-size: 17px; line-height: 1.2em; letter-spacing: -.05em; }

.archive-item-grid h3 a { color: #343434; text-decoration: none; }

.archive-item-grid h3 a:hover { color: #000; text-decoration: underline; }

.archive-item-grid .info { font-size: 13px; color: #5d5e5f; line-height: 1.3em; }

.archive-item-grid .meta { margin-top: 4px; color: #999; text-align: right; font-weight: bold; }

.archive-item-grid .meta a { color: #777; }

.archive-item-grid .meta a:hover { color: #444; }

/*ARCHIVE WITH LIST LAYOUT */
.archive-item { float: left; clear: left; width: 100%; border-bottom: solid 1px #ccc; padding: 3px 0; }

.archive-item h2 { font-size: 18px; margin: 3px 0 9px; font-weight: normal; }

.archive-item h2 a { color: #a00; }

.archive-item h2 a:hover { color: #600; }

.archive-item img, .archive-item .tn { float: right; margin-top: 3px; margin-left: 4px; border: solid 1px #999; }

.archive-item img.icon { border: none; float: none; }

.archive-metadata, .archive-item .metadata { clear: left; font-size: 12px; font-weight: bold; color: #999; margin: 6px 0; line-height: 1.2em; }

.archive-metadata a, .archive-item .metadata a { color: #a00; }

.archive-text, .archive-item .text { font-size: 13px; color: #444; margin-top: 6px; line-height: 1.2em; }

.archive-text a, .archive-item .text a { color: #a00; }

.archive-source, .archive-item .source { font-size: .85em; color: #666; margin: 5px 0; }

.archive-source a, .archive-item .source a { color: #a00; }

.archive-item strong, .archive-item b { color: #333; }

/* FEATURED JOB LISTING */
.archive-item.featured-job { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #666; padding: 10px; background-color: #efefef; margin-bottom: 13px; }

.archive-item.featured-job h2 { font-weight: bold; }

/* ARCHIVE PAGE NAVIGATION */
.wp-pagenavi { clear: both; padding-top: 35px; display: block; text-align: center; font-size: 14px; padding-bottom: 20px; color: #888; font-weight: bold; }

.wp-pagenavi a { color: #999; padding: 6px 9px; border: solid 1px #ddd; background-color: #f0f0f0; text-decoration: none; }

.wp-pagenavi a:hover { color: #777; border-color: #ababab; background-color: #e2e2e2; }

.wp-pagenavi span.pages { float: left; display: none; }

.wp-pagenavi span.current { margin: 4px 4px; padding: 0 6px; color: #000; font-weight: bold; }

.wp-pagenavi a.page { margin: 0 4px; }

.wp-pagenavi .extend { margin: 0 10px; }

.wp-pagenavi a.previouspostslink { margin: 0 20px; }

.wp-pagenavi a.nextpostslink { margin: 0 20px; }

/*
<span class="pages">Page 1 of 241</span><span class="current">1</span><a href="http://carbodydesign-com:8888/news/page/2/" class="page">2</a><a href="http://carbodydesign-com:8888/news/page/3/" class="page">3</a><a href="http://carbodydesign-com:8888/news/page/4/" class="page">4</a><a href="http://carbodydesign-com:8888/news/page/5/" class="page">5</a><a href="http://carbodydesign-com:8888/news/page/2/" class="nextpostslink">»</a><a href="http://carbodydesign-com:8888/news/page/10/" class="larger page">10</a><a href="http://carbodydesign-com:8888/news/page/20/" class="larger page">20</a><a href="http://carbodydesign-com:8888/news/page/30/" class="larger page">30</a><span class="extend">...</span><a href="http://carbodydesign-com:8888/news/page/241/" class="last">Last »</a>
*/
/* ARTICLE TOP BOX */
img.full-cover { margin: 0 auto; border: solid 1px #aaa; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#article-top-box div.left { float: left; margin: 0 0 4px 0; }

#article-top-box div.right { float: right; margin: 0 4px 4px 0; }

#article-top-box img.article-cover { border: solid 1px #999; }

.article-intro { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; width: 720px; margin: 0 auto; font-size: 18px; clear: both; font-weight: normal; border-bottom: solid 2px #ccc; border-top: none; margin: 10px auto; padding: 5px 0; line-height: 1.5em; }

.article-intro-left { font-size: 16px; clear: both; float: left; width: 530px; font-weight: normal; border-bottom: solid 2px #ccc; border-top: solid 2px #ccc; margin: 6px 4px; padding: 3px 0; line-height: 30px; }

.article-cover-180 { border: solid 1px #999; margin-top: 4px; }

.article-navbar, .article-toc { width: 720px; margin: 0 auto; font-size: 11px; }

.article-navbar a, .article-toc a { color: #a00; }

.article-navbar a:hover, .article-toc a:hover { color: #300; }

.article-toc { width: 720px; margin: 0 auto; font-size: 12px; }

/* SHARE BOX */
#share-box-ext { clear: both; width: 100%; padding: 15px 0; height: 30px; }

#share-box { width: 400px; margin: 0 auto; border-top: solid 0px #ccc; padding-top: 4px; font-size: 13px; color: #777; padding-bottom: 20px; text-align: center; }

#share-box p { float: left; padding-top: 2px; text-align: right; padding-right: 5px; }

#share-box ul { float: left; height: 24px; padding-left: 10px; }

#share-box li.share-item { list-style-type: none; display: inline; padding: 0; padding: 0 4px 0 0; }

#share-box li.share-item div#fb-root { float: left; }

/* SINGLE POST _ GALLERY THUBS */
.post-gallery-thumbs-box { clear: both; float: left; width: 100%; margin-bottom: 20px; }

/* ARTICLE RELATED BOX*/
#article-right-box-ext { width: 350px; float: left; background-color: #e1e2dc; border: solid 1px #999; margin: 0; padding-bottom: 5px; }

#article-right-box { width: 340px; margin: 5px auto; }

#article-right-box .item { float: left; width: 100%; margin: 0; padding: 3px 0 2px; border-bottom: solid 1px #ccc; }

#article-right-box .img-small { float: right; border: solid 1px #999; margin-left: 5px; background-position: center center; }

#article-right-box h3 { margin: 0; text-transform: uppercase; font-size: 13px; border-bottom: solid 1px #999; padding: 0; }

#article-right-box h4 { margin: 0; font-size: 12px; }

#article-right-box .text { font-size: 11px; margin: 5px 0; color: #333; }

#article-right-box a:hover { color: #600; }

#article-right-box a { color: #37393c; }

.inside-ads { float: left; margin: 0 4px; }

/* DIRECTORY */
#directory h2 { color: #333; border-bottom: solid 1px #ccc; margin: 8px 0 12px; }

#directory h3 a { color: #aa0000; }

#directory h3 a:hover { color: #300; }

#directory span.url a, #directory li.categories li a { color: #a00; }

#directory span.url a:hover, #directory li.categories li a:hover { color: #300; }

#directory ul li { line-height: 1.5em; }

#directory li { list-style-type: none; }

#directory ul { font-weight: bold; margin: 0; padding: 0; }

#directory ul ul { font-weight: normal; margin-left: 20px; }

#directory h3 { font-size: 14px; margin: 4px 0; padding: 0; }

#directory .description { font-size: 13px; color: #444; font-weight: normal; }

#directory .description a { color: #a00; }

#directory .url { display: block; font-size: 11px; color: #222; font-weight: bold; }

.pub-categories { float: left; width: 100%; border: solid 1px #ccc; font-size: 12px; }

.pub-categories a { color: #666666; }

.pub-categories li { font-size: 1em; line-height: 1.3em; list-style-type: none; text-indent: 6px; padding: 0; margin: 2px 0; }

.custom-ads .ads-title a { color: #000; margin: 0 0 6px; font-size: 15px; text-decoration: none; font-weight: bold; }

.custom-ads .title { text-decoration: underline; color: #a00; font-weight: bold; margin-top: 6px; }

.custom-ads .text { text-decoration: none; color: #333; font-weight: normal; font-size: 12px; margin: 5px 0 3px; }

.custom-ads .url { text-decoration: none; color: #333; font-weight: bold; font-size: 11px; display: block; padding-bottom: 5px; border-bottom: solid 1px #ccc; }

.custom-ads a .title:hover { color: #300; }

.custom-ads a .url:hover { color: #000; }

#searchbar a { color: #a00; }

#searchbar a:hover { color: #500; }

#searchbar { clear: both; margin: 8px auto 8px; width: 720px; font-size: 11px; padding: 8px 0; }

#searchbar .left { width: 10%; float: left; }

#searchbar .left-ext { width: 20%; float: left; }

#searchbar .mid-left { width: 10%; float: left; }

#searchbar .center { width: 60%; float: left; text-align: center; }

#searchbar .mid-right { width: 10%; float: left; text-align: right; }

#searchbar .right { width: 10%; float: left; text-align: right; }

#searchbar .right-ext { width: 20%; float: left; text-align: right; }

/*IMAGE GALLERY */
#gallery { width: 100%; }

#single-image img { margin: 4px; }

.gallery-number { width: 780px; margin: 0 auto; text-align: right; font-size: 11px; color: #555; }

.gallery-number a { color: #a00; }

.gallery-number a:hover { color: #300; }

.gallery-navbar { width: 600px; margin: 0 auto 18px; font-size: 11px; }

.gallery-navbar .left { float: left; }

.gallery-navbar .right { float: right; }

.gallery-navbar a { color: #666; }

.gallery-navbar a:hover { color: #333; }

div.single-image { clear: both; margin: 8px auto; /*background:#fff url('/css/style-03/images/icon-loader.gif') 50% 50% no-repeat;*/ }

div.single-image img { border: solid 1px #999; }

.dida { clear: both; font-size: 15px; padding: 12px 0; color: #333; }

.article-gallery-box .gallery-thumbnails { border: none; padding: 4px; }

.article-gallery-box-ext { clear: both; width: 717px; padding-top: 6px; margin: 12px auto; }

.article-gallery-box { width: 100%; border: solid 1px #ccc; background-color: #efefef; float: left; }

.gallery-thumbnails-ext { width: 720px; clear: both; margin: 4px auto 10px; text-align: center; }

.gallery-thumbnails { border: solid #ccc; border-width: 1px 0 0; padding: 4px 0; }

.gallery-thumbnails ul { margin: 0 15px; padding: 0; }

.gallery-thumbnails ul li { margin: 0; padding: 0; list-style-type: none; display: inline; }

.gallery-thumbnails ul li a { width: 96px; height: 96px; float: left; }

.gallery-thumbnails ul li a img { margin: 7px 7px; border: solid 1px #999; }

.gallery-thumbnails a:hover { background-color: #dedede; }

.gallery-thumbnails .active { width: 96px; height: 96px; float: left; background-color: #a00; }

.gallery-thumbnails .active img { margin: 7px 7px; border: solid 1px #900; }

.language-selection { font-size: 11px; color: #666; font-weight: bold; width: 100%; float: left; text-align: right; margin: 0 0 2px; }

.language-selection ul { margin: 0; padding: 0; list-style-type: none; float: right; }

.language-selection ul li { margin: 0 3px; padding: 0; float: left; }

.language-selection a img { border: solid 1px #333; }

.language-selection a { color: #333; }

.language-selection a:hover { color: #a00; }

/*

.tutorial-list-custom-ads { clear:both; margin: 6px 4px 6px; font-family:Arial, Helvetica, sans-serif; border-bottom:solid 2px #666; border-top:0px #ccc; padding:4px 0 6px;}
.tutorial-list-custom-ads .ad-top-title { font-size:14px; font-weight:bold; text-align:left; margin:3px 0 7px; color:#000;}
.tutorial-list-custom-ads .ad-top-title a  {color:#333;}
.tutorial-list-custom-ads .ad-title {font-size:18px; font-weight:normal; margin:4px 0 4px;}
.tutorial-list-custom-ads .ad-title a {text-decoration:underline; color:#a00;}
.tutorial-list-custom-ads .ad-title a:hover {color:#600; text-decoration:underline;}
.tutorial-list-custom-ads .ad-text {color:#666; font-size:12px; margin:4px 0;}
.tutorial-list-custom-ads .ad-url {width:100%; font-size:12px; font-weight:bold; border-bottom:solid 0px #dedede; padding-bottom:6px; margin-bottom:4px;}
.tutorial-list-custom-ads .ad-url a {color:#333;}
.tutorial-list-custom-ads .ad-url a:hover {color:#000; }
*/
/* GOOGLE SEARCH PAGE */
#googleSearchUnitIframe iframe { overflow: auto; }

/*-------------------------------------------*	Comment Form Styling
\*-------------------------------------------*/
#respond { width: 100%; margin-top: 30px; padding-top: 30px; float: left; border-top: 1px solid #ddd; }

#reply-title { text-transform: capitalize; }

#commentform { width: 100%; float: left; margin-top: 10px; }

#commentform { margin-bottom: 30px; }

#respond .required { color: #bd2226; }

#author, #email, #url, #comment { background-color: #fafafa; border: 1px solid #ddd; padding-left: 10px; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #aaa; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -moz-box-shadow: inset 0px -1px 0px #fff; -webkit-box-shadow: inset 0px -1px 0px #fff; box-shadow: inset 0px -1px 0px #fff; }

#author:focus, #email:focus, #url:focus, #comment:focus { background: #fff; border: 1px solid #D6D6D6; outline: none; color: #535353; }

#author, #email, #url { width: 300px; height: 40px; float: left; }

.comment-form-author { margin-top: 20px; }

.comment-form-comment label { display: none; }

#respond .comment-form-comment { line-height: normal; }

#comment { width: 98.2%; height: 180px; padding-top: 10px; line-height: 24px; }

#respond p { float: none; clear: both; margin: 10px 0 15px; }

#respond p.must-log-in { margin: 20px 0 25px; }

.comment-form-author, .comment-form-email, .comment-form-url { line-height: 40px; }

#respond p label, #respond p label + .required { text-transform: capitalize; margin-left: 10px; }

#respond .form-submit { line-height: normal; float: left; margin-bottom: 0; }

#submit, .wpcf7-submit { display: block; height: 36px; padding: 0 15px; font-size: 14px; background-color: #2C2C2C; border: none; color: #fff; cursor: pointer; text-transform: capitalize; line-height: 36px; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; }

#submit:hover, .wpcf7-submit:hover { background-color: #676767; color: #fff; text-decoration: none; }

.wpcf7-response-output { width: 100%; margin: 0 0 20px !important; float: left; font-size: 15px; text-align: center; border: solid 1px; }

div.wpcf7-mail-sent-ok { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

div.wpcf7-mail-sent-ng { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

div.wpcf7-validation-errors { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

/*-------------------------------------------*	Comments Styling
\*-------------------------------------------*/
.comments-head { width: 100%; margin-top: 30px; padding-top: 30px; float: left; border-top: 1px solid #ddd; }

.comments-head h2 { font-size: 24px; }

#comments { width: 100%; float: left; margin-bottom: 30px; }

.comment-body { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd; }

#comments .children { margin-left: 30px; }

.comment { clear: both; }

.comment-body .avatar { margin-right: 10px; float: left; }

.comment-text { overflow: hidden; }

.comment-text p { margin-bottom: 10px; line-height: 22px; }

#respond a { text-decoration: underline; }

.comment-author, .comment-date { font-size: 15px; color: #333; float: left; margin-right: 15px; margin-bottom: 10px; }

.comment-date { float: none; color: #777; }

.awaiting-mod-txt { color: #bbb; }

.comment-reply-link { display: block; font-size: 15px; font-weight: 400; margin-top: 10px; padding-bottom: 6px; }

a.comment-reply-link { text-decoration: underline; }

/* REGISTRATION FORM */
form.loginform p { clear: both; margin-top: 10px; clear: both; font-size: 15px; }

form.loginform label { clear: both; margin-top: 10px; }

form.loginform p input { margin-top: 10px; }

form.loginform h3 { clear: both; color: #a00; margin: 20px 0 25px; font-size: 21px; }

ul#cycnav { margin-top: 15px; padding-left: 10px; }

ul#cycnav li { list-style-type: disc; margin-left: 10px; margin-top: 5px; }

ul#cycnav li a { color: #a00; }

/* Profile Page */
#your-profile h3 { margin: 16px 0 10px; font-size: 18px; color: #787878; }

#your-profile th, #your-profile td { padding: 4px; }

#your-profile td { color: #555; line-height: 1.2em; }

#cycsubmit { padding: 4px; }

/* Fancy Box additional styling */
div#fancybox-gallery-links { float: right; text-align: right; width: 200px; font-weight: bold; font-size: 13px; }

div#fancybox-gallery-links a { color: #bbb; padding-left: 10px; float: right; text-decoration: none; }

div#fancybox-gallery-links a.first { border: none; padding-left: 10px; }

div#fancybox-gallery-links a:hover { color: #fff; text-decoration: underline; }

div#icon-large-size { width: 8px; height: 8px; float: left; margin-right: 5px; margin-top: 6px; background-image: url(images/icons-gallery-sprite.png); }

div#icon-full-gallery { width: 8px; height: 8px; float: left; margin-right: 5px; margin-top: 6px; background-image: url(images/icons-gallery-sprite.png); background-position: -8px 0; }

/*** Pagination Styling ***/
.pagination { width: 100%; padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 400; }

.pagination a { display: inline; margin-right: 10px; color: #333; background-color: #eee; text-transform: uppercase; text-decoration: none; padding: 6px 16px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.pagination .current, .pagination a:hover { color: #fff; background-color: #676767; }

.pagination .current { display: inline; padding: 6px 16px; margin-right: 10px; }

.pagination .dots { margin: 10px 16px 0 6px; float: left; }

/* !_WIDGET STYLING*/
.widget { float: left; width: 100%; margin-bottom: 20px; }

.widget h3 { font-weight: 400; font-size: 34px; }

.widget img { max-width: 100%; height: auto; max-height: auto !important; }

/* RSS WIdget */
a.rsswidget img { display: none; }

/*** List Widgets Styling ***/
.widget_rss li, .widget .menu li, .widget_pages li, .widget_recent_entries li, .widget_recent_comments li, .widget_archive li, .widget_categories li, .widget_meta li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #E6E6E6; list-style: none; line-height: 24px; float: left; width: 100%; }

#footer .widget .menu li, #footer .widget_pages li, #footer .widget_recent_entries li, #footer .widget_recent_comments li, #footer .widget_archive li, #footer .widget_categories li, #footer .widget_meta li { border-bottom: 1px solid #494949; }

.widget_recent_entries .post-date { display: inline-block; font-size: 11px; float: right; color: #fff; padding: 1px 6px; background: #333; }

.widget_rss li:first-child, .widget .menu li:first-child, .widget_pages li:first-child, .widget_recent_entries li:first-child, .widget_recent_comments li:first-child, .widget_archive li:first-child, .widget_categories li:first-child, .widget_meta li:first-child { padding-top: 0; }

.widget_rss li a, .widget .menu li a, .widget_pages li a, .widget_recent_entries li a, .widget_recent_comments li a, .widget_archive li a, .widget_categories li a, .widget_meta li a { color: #444; margin-right: 5px; text-decoration: none; }

#footer .widget_rss li a, #footer .widget .menu li a, #footer .widget_pages li a, #footer .widget_recent_entries li a, #footer .widget_recent_comments li a, #footer .widget_archive li a, #footer .widget_categories li a, #footer .widget_meta li a { color: #aaa; }

.widget_rss li a:hover, .widget .menu li a:hover, .widget_pages li a:hover, .widget_recent_entries li a:hover, .widget_recent_comments li a:hover, .widget_archive li a:hover, .widget_categories li a:hover, .widget_meta li a:hover { color: #676767; text-decoration: none; }

#footer .widget_rss li a:hover, #footer .widget .menu li a:hover, #footer .widget_pages li a:hover, #footer .widget_recent_entries li a:hover, #footer .widget_recent_comments li a:hover, #footer .widget_archive li a:hover, #footer .widget_categories li a:hover, #footer .widget_meta li a:hover { color: #eee; }

/*** Tag Cloud Styling ***/
.tagcloud { margin: -5px; text-transform: capitalize; float: left; }

.tagcloud a { display: block; float: left; padding: 5px 13px; margin: 5px; color: #fff; background-color: #2C2C2C; text-decoration: none; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; }

#footer .tagcloud a:hover, .tagcloud a:hover { color: #fff; background-color: #676767; text-decoration: none; }

#footer .tagcloud a { color: #999; background-color: #1E1E1E; }

/*** Calendar Widget ***/
#calendar_wrap { float: left; width: 100%; }

#wp-calendar { width: 100%; }

#wp-calendar a { text-decoration: underline; }

#wp-calendar caption { text-align: center; color: #444; margin-bottom: 18px; font-weight: 700; }

#footer #wp-calendar caption { color: #aaa; text-align: center; }

#wp-calendar thead { font-size: 10px; }

#wp-calendar thead th { padding-bottom: 10px; }

#wp-calendar tbody, #wp-calendar tfoot { color: #444; }

#footer #wp-calendar tbody, #footer #wp-calendar tfoot { color: #aaa; }

#footer #wp-calendar tbody td:hover a, #footer #wp-calendar tfoot td:hover a { color: #fff; }

#wp-calendar tbody td, #wp-calendar .pad { background-color: #eee; text-align: center; padding: 8px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

#wp-calendar tfoot #next { background-color: #eee; text-transform: uppercase; text-align: right; padding: 10px; }

#wp-calendar tfoot #prev { background-color: #eee; text-transform: uppercase; padding: 10px; }

#footer #wp-calendar tbody td, #footer #wp-calendar .pad, #footer #wp-calendar tfoot #next, #footer #wp-calendar tfoot #prev { background-color: #2C2C2C; }

/*** Back To Top Styling ***/
.back-to-top { color: #fff; position: fixed; right: 15px; bottom: 35px; display: block; width: 42px; height: 42px; border-radius: 42px; font-size: 30px; text-align: center; line-height: 37px; background: no-repeat #1E1E1E; z-index: 900; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; }

.back-to-top:hover { color: #fff; background-color: #676767; }

/* !_ARTICLE BOX */
.single-post-cover { margin-bottom: 12px; }

#article-box { margin: 0 auto; font-size: 15px; line-height: 1.6em; color: #444; clear: none; text-align: left; }

#article-box del { color: #333; }

#article-box p { margin: 10px 0; }

#article-box h2 { font-size: 20px; margin: 12px 0; }

#article-box h3 { text-transform: uppercase; font-size: 15px; font-weight: 600; letter-spacing: 0; padding-top: 5px; color: #444; }

#article-box .small { font-size: 11px; }

#article-box img { margin-top: 4px; margin-bottom: 4px; border: 1px solid #666; max-width: 100% !important; max-height: auto !important; }

#article-box img:not(.alignleft):not(.alignright):not(.aligncenter) { width: 100% !important; height: auto !important; }

#article-box p.image-right img { display: block; }

#article-box table.image-right { margin: 0; }

#article-box ul { margin: 8px 6px; }

#article-box li { list-style-type: disc; margin: 4px 0 4px 12px; }

#article-box ul ul { margin: 12px 16px; }

#article-box ul ul li { list-style-type: disc; margin: 4px 0 4px 12px; }

#article-box br { margin-top: 4px; }

.alignright { float: right; clear: right; margin-left: 16px; }

.alignleft { float: left; margin-right: 16px; }

p.image-right img { margin: 0 auto; }

#article-box p.image-right, #article-box p.image-left { margin: 0; padding-bottom: 15px; line-height: 1.25em; color: #555; }

#article-box p.image-right img { margin-bottom: 7px; }

.embed-container { position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wp-caption { padding-bottom: 0 !important; width: 728px !important; margin: 0 !important; }

.wp-caption img { padding: 0 !important; margin: 0 !important; }

.image-left, .image-right, .image-line, .wp-caption { font-size: 13px; color: #555; font-weight: bold; text-align: center; margin-top: 3px; line-height: 1em; }

.wp-caption { float: left; margin-right: 4px; padding-left: 0; padding-right: 0; }

.wp-caption.alignright { float: right; margin-left: 4px; margin-right: 0; }

.wp-caption.alignleft { float: left; margin-left: 0; margin-right: 4px; }

.wp-caption a img { margin: 0 3px; }

#article-box .wp-caption p.wp-caption-text { font-size: 14px; margin: 0; padding: 8px 0 16px; line-height: 1.3em; color: #333; }

.image-left b, .image-right b, .image-line b { color: #222; }

.image-right { float: right; clear: right; margin-left: 5px; }

.image-left { float: left; clear: left; margin-right: 5px; }

.image-right img, #article-box img.image-right { margin: 3px 0 3px 4px; }

.image-left img, #article-box img.image-left { margin: 3px 4px 3px 0; }

.image-line { display: block; text-align: center; width: 100%; }

.article-dida { font-size: 12px; color: #777; }

#article-box blockquote { padding-left: 30px; color: #555; }

#article-box p.caption { text-align: center; font-size: 13px; font-weight: bold; margin-top: -3px; padding-top: 0; color: #777; }

#article-box table { clear: both; font-size: 12px; text-align: center; margin: 4px auto 6px; font-weight: bold; color: #777; }

#article-box table b, #article-box table strong { color: #222; }

#article-box table tr td img { display: block; margin: 2px auto; }

#article-box table tr td { padding: 3px; line-height: 1.3em; }

#article-box table tr td.article-dida { font-size: 12px; }

#article-box table.data-table { border: 0; padding: 0; background-color: #777; width: 100%; font-family: "Helvetica New", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px; text-align: center; border-collapse: collapse; color: #444; }

#article-box table.data-table tr { background-color: #fff; }

#article-box table.data-table tr td { border: solid 1px #ccc; padding: 2px; }

#article-box table.data-table tr td p { margin: 0; }

#article-box table.data-table tr td ul { list-style-type: disc; display: block; text-align: left; margin: 0 auto; }

#article-box table.data-table tr td li { list-style-type: disc; margin-left: 8px; }

#article-box table.data-table tr td.data-table-header { background-color: #F5F5F5; font-weight: bold; margin: 0; padding: 0; }

#article-box table.data-table tr td.data-table-title { background-color: #eee; font-weight: bold; text-transform: uppercase; color: #444; margin: 0; padding: 0; }

.table-text { font-size: 1em; color: #666; }

.table-text-large { font-size: .7em; }

.table-right { float: right; margin-left: 4px; }

.table-text h3 { font-size: 1.1em; text-align: center; display: block; color: #CC0000; font-weight: bold; padding: 3px; margin: 0px; }

.tutorial-tip-box { width: 80%; clear: both; color: #353957; border: solid 1px #9cafce; background-color: #cbd2ff; background: url(/images/gui/bg-tutorial-tip-box.png) repeat-x top left; margin: 5px auto; padding: 10px 10px 10px 60px; }

.tutorial-tip-box p { margin: 5px 0 0 0; }

.tutorial-tip-box h2 { font-size: 1.1em; font-weight: bold; margin-top: 0px; color: #353957; }

#article-box .quote { width: 100%; margin: 0 auto; padding: 20px 40px 15px 30px; background: url(/css/style-03/images/bg-article-quote.png) no-repeat top left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 21px; line-height: 1.3em; color: #8A826F; }

#article-box .quote p.author { font-size: .8em; width: 100%; text-align: right; color: #333333; margin-top: 0; }

#article-box .text-box-ext-right { width: 355px; float: right; margin-left: 5px; }

#article-box .text-box { padding: 4px; border: solid 1px #ccc; background-color: #efefef; font-family: Arial, Helvetica, sans-serif; color: #333; }

#article-box .text-box h2, #article-box .text-box a { color: #666; }

#article-box .text-box h2, #article-box .text-box p { margin-top: 2px; }

#article-box .text-box h2 { border-bottom: solid 1px #ccc; }

#article-box img.button { border: none; }

#article-box .center { text-align: center; }

#article-box p.right { display: block; text-align: right; width: 100%; }

#article-box ul li ul li { padding-left: 15px; }

.home-block { padding-bottom: 20px; }

.navbar-brand { height: auto !important; padding: 15px 15px 15px; display: block; }

ul.right-menu { float: right; }

.navbar ul { font-size: 16px; text-transform: uppercase; font-weight: 300; }

.dropdown-menu > li > a { font-weight: 300 !important; text-transform: none; }

.dropdown-menu > li:hover { background: #efefef; }

.menu-search-form-box { padding-top: 4px; padding-left: 20px; }

.menu-search-form-box form { max-width: 125px !important; }

.menu-search-form-box input { text-transform: uppercase !important; }

.long-menu { clear: both; float: none !important; margin: 20px auto !important 10px; }

.lg-img-wrap { padding-bottom: 155px !important; padding-top: 60px !important; }

.homepage-widgets .widget { text-align: center; margin-bottom: 0 !important; }

.homepage-widgets .widget p { font-size: 120%; }

.section-three-box { padding-bottom: 0; }

.section-three-box i { padding: 20px 0; }

.section-three-box h3 { margin: 20px auto 20px; font-weight: 500; font-size: 22px; }

.section-three-box img { max-width: 200px; max-height: auto !important; margin-bottom: 16px; }

.section-three-box img.circular-bg { border-radius: 200px; }

.section-three-box p.info { padding-bottom: 12px; }

.section-three-box p.lead { line-height: 150%; font-size: 18px; color: #777; }

.section-three-box p.text-muted { font-size: 16px; line-height: 24px; }

.section-three-box p.link { margin-top: 20px; }

.section-three-box .box { padding: 20px 0; }

.afx_simple_contact_widget { font-weight: 300; }

.afx_simple_contact_widget p { margin-top: 20px; }

.afx_simple_contact_widget ul { list-style-type: none; font-size: 16px; padding: 0; margin-top: 15px; margin-left: 24px; }

.afx_simple_contact_widget ul li { text-indent: -12px; }

.afx_simple_contact_widget ul li i { margin-right: 10px; margin-top: 10px; }

ul.post-meta { padding: 0; list-style-type: none; text-align: center; }

#article-box .map-container img:not(.alignleft):not(.alignright):not(.aligncenter) { width: auto !important; }

.map-container img { border: none !important; max-width: auto !important; width: auto !important; }

.gmap_canvas-ext { width: 100% !important; }

form p { display: inline; text-align: left; }

label { font-weight: 400; text-transform: uppercase; font-size: 12px; letter-spacing: .5px; color: #222; padding-top: 12px; }

label:not(.col-sm-6) { width: 100%; }

label.col-sm-6.left-col { padding-left: 0 !important; padding-right: 7px !important; }

label.col-sm-6.right-col { padding-left: 7px !important; padding-right: 0 !important; }

input, textarea, select { border: solid 1px #ddd; color: #777; padding: 8px; font-size: 13px; width: 100%; }

input[type=submit] { width: auto; text-transform: uppercase; font-weight: 400; margin-top: 12px; padding-left: 16px; padding-right: 16px; min-width: 80px; }

input:not([type='submit']):focus, textarea:focus, select:focus { font-size: 13px; color: #333; outline: solid 2px #f5ab35; }

input[type=submit]:focus { outline: 0; background-color: #000; border: solid 2px #f5ab35; }

select { -webkit-appearance: none; -moz-appearance: none; background-color: #fff; border-radius: 0; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; }

select.minimal:focus { background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; }

.dark-bg input:not([type='submit']), .dark-bg select, .dark-bg textarea { background-color: #222; border-color: #555; opacity: .7; }

.dark-bg label { color: #888 !important; }

.dark-bg input:not([type='submit']):focus, .dark-bg textarea:focus, .dark-bg select:focus { opacity: 1; color: #eee; }

.light-bg label { color: #888; }

/* !_MEDIA QUERIES */
/****************************************************** smaller than 1180px */
@media screen and (max-width: 1242px) { #main-header h1 { width: 300px; line-height: 1em; }
  #main-header h1 a img.logo { width: 100% !important; height: auto; }
  #main-nav-wrapper, .wrapper { width: 1090px; }
  .wrapper-int { margin-left: 20px; width: 1048px; }
  #home-featured-box { height: 466px; }
  article.full-width-only { display: none; }
  #home-featured-box article#first-story { width: 699px; }
  #home-featured-box article#first-story img { width: 100% !important; height: auto; }
  #home-featured-box article.small { width: 349px; height: 233px; }
  #home-featured-box article.small h2 { font-size: 24px; }
  #home-featured-box article.small .info-box { top: 106px; }
  #home-featured-box article.small img { width: 100%; margin-left: 0%; margin-top: 0%; }
  #home-featured-box article.small .summary { font-size: 12px; height: 54px; overflow: hidden; }
  .extra-col section article { clear: left; width: 100%; } }

@media screen and (max-width: 1090px) { #main-nav-wrapper, .wrapper { width: 1004px; }
  .wrapper-int { margin-left: 8px; width: 986px; }
  #main-header h1 { width: 240px; padding-top: 16px; }
  .top-banner { margin-top: 0 !important; }
  #home-featured-box { height: 438px; }
  #home-featured-box article#first-story { width: 657px; }
  #home-featured-box article.small { width: 328px; height: 219px; }
  #home-featured-box article.small h2 { font-size: 22px; }
  #home-featured-box article.small .summary { display: none; }
  #home-featured-box article .info-box { top: 285px; }
  #home-featured-box article.active .info-box { top: 160px; }
  #home-featured-box article.small .info-box { height: 220px; top: 95px; }
  #home-featured-box article.small img { width: 100%; margin-left: 0; margin-top: 0; }
  .extra-col { width: 250px; } }

@media screen and (max-width: 1002px) { #main-nav-wrapper, .wrapper { width: 750px; padding: 0; }
  #main-nav .search-form { clear: both; float: none; margin: 8px auto; position: relative; }
  #main-header h1 { width: 100%; padding-top: 0; text-align: center; }
  #main-header h1 a img.logo { width: auto !important; height: auto; float: none; }
  .extra-col { clear: left; float: left; width: 100%; margin-top: 20px; }
  .extra-col section article { width: 352px; float: left; margin-right: 24px !important; height: auto; clear: none; }
  .extra-col section article.even, .extra-col section article:nth-of-type(even) { margin-right: 0 !important; }
  article.full-width-only { display: block !important; }
  .image-caption { font-size: 14px; }
  #home-featured-box { height: 728px; }
  #home-featured-box article#first-story { width: 728px; }
  #home-featured-box article .info-box { top: 330px; }
  #home-featured-box article.active .info-box { top: 210px; }
  #home-featured-box article.small { float: left; width: 364px; }
  #home-featured-box article.small .info-box { top: 117px; }
  #home-featured-box article.small .summary { display: block; }
  #home-featured-box a.button-hollow { bottom: 16px; } }

/* @media screen and (-webkit-min-device-pixel-ratio:0) {  select:focus, textarea:focus, input:focus { font-size: 16px !important; background: #fff; } } */
@media screen and (max-width: 760px) { html { font-size: 62.5%; -webkit-text-size-adjust: 100%; }
  .wrapper { width: 100%; padding: 0; }
  #header-wrapper-ext { float: left; width: 100%; height: 150px; }
  #header-wrapper.wrapper { float: left; }
  #main-header .top-banner { clear: both; float: left; width: 96%; margin: 0 2%; max-height: 90px; padding-top: 16px; }
  #page-container { clear: both; }
  #main-header { /*top:0;position:fixed; */ z-index: 9999; height: 50px !important; padding: 0 !important; position: relative; box-shadow: 0 5px 10px #ccc; }
  .home #main-header { box-shadow: 0 5px 10px #222; }
  .mobile-button, i.fa.mobile-button { display: block; top: 7px; position: absolute; font-size: 24px !important; color: #888; cursor: pointer; padding: 4px; }
  .mobile-button:hover { color: #333; }
  #mobile-search-button { right: 7px; }
  #mobile-menu-button { left: 7px; }
  #main-header h1 { margin: 0 auto !important; padding: 0 !important; line-height: 0 !important; width: 100%; text-align: center; }
  #main-header h1 a { display: inline-block; }
  #main-header h1 a img.logo { height: 40px !important; width: auto !important; margin: 5px auto !important; float: none !important; }
  header .top-links { display: none; }
  #main-nav-wrapper { display: none; }
  .mobile-overlay-box { position: fixed; z-index: 99999; top: 49px; left: 0; width: 100%; height: auto; max-height: 90%; border-bottom: solid 1px #999; box-shadow: 5px 5px 5px #aaa; background: #fff; overflow-y: auto !important; padding: 8px; font-size: 1.8rem; line-height: 1.2em; }
  .mobile-overlay-box.active { display: block; }
  .home .mobile-overlay-box { box-shadow: none; }
  #mobile-nav li a { float: left; width: 100%; padding: 4px 0; border-bottom: solid 1px #ccc; }
  #mobile-nav li ul { float: left; width: 100%; padding-left: 20px; clear: left; border-bottom: solid 1px #ccc; margin-top: 4px; }
  #mobile-nav li ul li:last-child a { border: none; }
  .mobile-close-button { position: absolute; cursor: pointer; right: 0; top: 0; padding: 3px 9px; font-size: 3rem !important; color: #aaa; }
  .mobile-close-button:hover { color: #888; }
  #mobile-search form { width: 80% !important; }
  #mobile-search .mobile-close-button { top: 8px; }
  .wrapper-int { width: 100%; margin: 0 auto; padding: 0; }
  .slider-title { width: 96%; margin: 0 2% 20px; float: left; display: block; }
  #article-box, #article-top-box { width: 100%; }
  #main-nav .search-form { width: 100%; }
  #home-featured-box { width: 100%; background: #3a3a3a; margin: 0 0 10px; height: auto; padding-top: 15px; }
  #home-featured-box article { background: none !important; border-color: #555; padding: 8px; }
  #home-featured-box article .overlay { display: none; }
  #home-featured-box article img { height: auto !important; float: left; box-shadow: 0 0 7px #111; }
  .landscape #home-featured-box article img { width: 42% !important; margin: 0 10px 0 0 !important; }
  .portrait #home-featured-box article img { width: 100% !important; margin: 0 0 10px 0 !important; }
  #home-featured-box article .info-box { background: none !important; position: relative; top: 0 !important; height: auto !important; width: auto; float: none; padding: 0 !important; margin: 0; }
  #home-featured-box article .article-meta { font-weight: 300; font-size: 16px; color: #777 !important; text-shadow: 0 0 4px #222; margin-bottom: 5px !important; line-height: 1em; }
  .portrait #home-featured-box article .article-meta { clear: both; width: 100%; margin-top: 10px !important; float: left; }
  .landscape #home-featured-box article .article-meta { width: 56%; margin-top: 0px !important; float: left; }
  #home-featured-box article .article-meta i { font-size: 1.8rem; }
  #home-featured-box h1, #home-featured-box h2 { font-size: 26px !important; margin-bottom: 10px !important; text-shadow: 0 0 4px #111; }
  #home-featured-box h1 a, #home-featured-box h2 a { color: #ddd; }
  #home-featured-box h1 a:hover, #home-featured-box h2 a:hover { color: #fff; }
  #home-featured-box article#first-story { width: 100%; height: auto; }
  #home-featured-box article#first-story img { width: 100%; height: auto; }
  #home-featured-box article.small { width: 50%; height: auto; }
  #home-featured-box article .summary, #home-featured-box article.small .summary { color: #999; height: auto !important; position: relative; top: auto; bottom: auto; margin: 0; font-size: 1.4rem; line-height: 1.2em; clear: none; }
  #home-featured-box a.button-hollow { display: none; }
  /* Image Slider */
  #content.category-archive.two-cols article { height: auto; }
  article { width: 100% !important; float: left; border-bottom: solid 1px #ccc; padding-bottom: 8px; margin-bottom: 10px !important; }
  article:last-child { border-bottom: none; }
  article h3 { display: inline-block; font-size: 1.8rem !important; margin-top: 0 !important; }
  ul.article-meta { width: auto; display: block; margin: 0; font-size: 1.4rem; line-height: 1em; margin-bottom: 7px; }
  .landscape article h3 { width: 55%; }
  .portrait article h3 { width: 55%; }
  .home article .post-thumb { width: 100% !important; float: none !important; padding-top: 3px; }
  .home article .post-thumb a img { width: 40%; float: right; margin-left: 4px; }
  .home article .post-thumb ul.article-meta { position: relative; background: none; color: #999; padding: 0; float: left; }
  .landscape article .post-thumb { width: 40%; float: left; margin-right: 8px; }
  .portrait article .post-thumb { width: 40%; float: right; margin-bottom: 0; }
  .portrait article .post-thumb img { margin-left: 4px; }
  .wp-caption { width: 100% !important; }
  div#respond, form#commentform { width: 100%; }
  form#commentform textarea { width: 100%; }
  #article-box img { width: 100%; height: auto; }
  #footer .widget { width: 100%; clear: left; }
  #signature { height: 120px; padding-bottom: 80px; }
  #signature a:hover { color: #676767; }
  #signature p.copyright, #signature .menu-footer-menu-container { clear: both; width: 100%; text-align: center; padding: 10px 0; overflow: auto; }
  #article-box { font-size: 1.3rem; }
  #article-box .wp-caption p.wp-caption-text { font-size: 1.1rem; }
  h1 { font-size: 2.5rem; line-height: 1.2em; }
  ul.right-menu { float: none; }
  .navbar ul { font-size: 14px; }
  .navbar-brand { padding-top: 8px; }
  .navbar-header img.logo { max-height: 36px; width: auto !important; }
  #social-links { margin-top: 8px; padding-right: 12px; }
  #social-links li { margin-left: 5px; }
  #social-links li a { width: 32px; height: 32px; padding-top: 0; }
  #social-links li a i { font-size: 22px; padding-top: 3px !important; }
  .grid-sizer, .grid-item { width: 50%; }
  label.col-sm-6 { width: 100%; }
  label.col-sm-6.left-col, label.col-sm-6.right-col { padding-left: 0 !important; padding-right: 0 !important; } }