/*
	Theme Name: Media Consult
	Theme URI: http://goldenworks.eu/demos/mc3_wordpress/
	Description: A business premium theme designed for site companies, personal use, portfolios and blogs.
	Author: Starshade	
	Author URI: goldenworks.eu
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: threaded-comments, translation-ready, custom-menu, right-sidebar, fluid-layout, responsive-layout, theme-options
	Version: 3.6.1
*/

@font-face {
    font-family: 'LiberationSansRegular';
    src: url('lib/fonts/LiberationSans-Regular-webfont.eot');
    src: url('lib/fonts/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lib/fonts/LiberationSans-Regular-webfont.woff') format('woff'),
         url('lib/fonts/LiberationSans-Regular-webfont.ttf') format('truetype'),
         url('lib/fonts/LiberationSans-Regular-webfont.svg#LiberationSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body, input, textarea {
	font:11px Arial, Helvetica, sans-serif;
	line-height:18px;
	font-weight:normal;	
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
strong {
	font-weight:bold;
}
p {
	margin:6px 0 6px 0;
}
em {
	font-style:italic;
}


/* ------------------- images responsibility ------------------- */
img { max-width:100%; height:auto; -ms-interpolation-mode:bicubic; }


/* ------------------- header styles  ------------------- */
h1, h2, h3, h4 {
	font-family:'LiberationSansRegular', Arial, Helvetica, sans-serif;	
	font-weight:normal;	
}
h1 {
	font-size:28px;
	line-height:32px;
	letter-spacing:-1px;	
}
h2 {
	font-size:24px;
	line-height:28px;		
}
h3 {
	font-size:18px;
	line-height:26px;
	padding:10px 0 0 0;
}
h4 {
	font-size:16px;
	line-height:20px;	
	padding:8px 0 0 0;	
}
h5 {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:10px 0 2px 0;
}
h6 {
	font-size:13px;
	font-weight:bold;
}


/* ------------------- list styles ------------------- */
ul, ol {

	margin:8px 0 16px 0;
}
ul { 
	list-style:disc outside;
}
ol { 
	list-style:decimal outside;
}
li { 
	margin:4px 0 0 20px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom:0;
}



/* ------------------- blockquote styles  ------------------- */
blockquote {
	margin:10px 0 10px 0;
	padding:10px 18px 10px 18px;	
	font-style:italic;
	font-weight:bold;
	font-size:13px;
}
blockquote p {
	padding:6px 0 6px 0;
	margin:0;
}

/* ------------------- clearing  ------------------- */
.clearboth { clear:both; display:block; font-size:0; line-height:0; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none;	}

.white-space {
	float:left;
	width:100%;
	height:20px;	
}
.center-align {
	text-align:center;		
}


/* ------------------- other elements styles  ------------------- */
address {
	font-style:italic;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
iframe {
	margin:6px 0 6px 0;
}
input, textarea {
	margin:0;
	padding:2px 4px 1px 4px;
	font-size:11px;
}


/* ------------------- start header styles  ------------------- */
#body-wrapper {
	padding-top:20px;
	margin:0 auto;
	width:960px;
	position:relative;
}
.header-wrapper {
	float:left;
	width:100%;
	margin-bottom:10px;
}
#logo {
	position:relative;
	float:left;
	margin:4px 0 10px 0;
}
#logo p {
	position:absolute;
	top:46px;
	left:76px;
 	margin:0;
	padding:0;
}
.search-fieldset {
	width:198px;
	float:left;
	margin:4px 0 4px 10px;
}
.search-input {
	float:left;
	width:167px;
	height:15px;
}
.input-arrow {
	border:0 none;
	float:left;
	height:20px;
	position:relative;
	left:-1px;
	width:20px;
	text-indent:-9999px; /* this hides the default text that comes on a submit input */	
	font-size:0;
	line-height:0;
}


/* search form from header */
.hsearch-wrapper {
	position:absolute;
	right:0;
	top:38px;
}
.hsearch-wrapper .search-fieldset {
	margin:0;	
}

/* ------------------- main menu styles  ------------------- */
.main-menu-wrapper {
	float:left;
	width:100%;
	height:42px;
	margin:-22px 0 0 0;
}
#body-wrapper .main-menu-wrapper a {
	text-decoration:none;	
}
.sf-menu {
	float:right;
	font-size:13px;
	line-height:14px;
	position:relative;
	right:-16px;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	
	z-index:100;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			220px; /* left offset of submenus need to match (see below) */
	font-size:12px;
}
.sf-menu ul li {
	width:			100%; 
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:block;
	position:relative;
	padding:12px 18px 12px 18px;
	margin:0;
	text-decoration:none;
	cursor:pointer;
}
.sf-menu ul a {
	line-height:20px !important;
	margin:0;
	padding:6px 20px 6px 20px;
	display:block !important;
}
.sf-menu li ul li a {
	display:block;
}
*:first-child+html .sf-menu a { /* this applies only to ie7 */
	height:auto;
}
#body-wrapper .sf-menu, #body-wrapper .sf-menu a {
	background:none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			-1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			-1px;
}

/* default style for mobile menu */
.selectnav { display: none; }

.main-menu-wrapper .selectnav {
	width:100%;
	padding:3px;
	height:26px;
	margin-bottom:20px;
	float:left;
	margin:30px 0 30px 0;
}




/* ------------------- wordpress specific styles  ------------------- */
.gallery-caption {}
.sticky {}
.bypostauthor {}
.wp-caption {
	margin-bottom: 20px;
	text-align:center;
	padding-top:5px;
	}
.wp-caption img {
	padding:0;
	margin:0;
	}
.wp-caption p.wp-caption-text {
	line-height:17px;
	font-size: 11px;
	margin:0;
	}
.wp-smiley {
	margin:0;
	max-height:16px;
}
/* alignment styles */
.alignleft, img.alignleft, a img.alignleft {
	float:left; 
	margin:5px 12px 0 0;
}
.alignright, img.alignright, a img.alignright {
	float:right; 
	margin:5px 0 0 12px;
}
.alignleft img, .alignright img, .alignfwidth img {
	display:block;
}
.aligncenter, img.aligncenter, a img.aligncenter { 
	display: block; 
	margin:10px auto !important; 
	text-align:center; 
}


.more-link {
	padding:5px 14px 5px 26px;	
	position:relative;
	top:6px;
	height:26px;	
}
.blog-entry .more-link {
	background-position:8px 3px !important;	
}

/* ------------------- footer styles  ------------------- */
#footer {
	float:left;
	height:70px;	
	margin-top:26px;
	width:960px;	
}
#footer .f-menu {
	float:left;
	width:530px;
}
.f-menu ul, .f-menu ul li {
	list-style:none;	
}
#footer .f-menu li {
	float:left;
	margin:16px 24px 0 0;
}
.copyright {
	float:right;
	width:362px;
	text-align:right;
	margin-top:24px;
}


/* ------------------- structure styles  ------------------- */
#left, #right {
	float:left;
	margin-top:18px;
}
#left {
	width:612px;
	margin-right:29px;
}
#right {
	width:319px;	
}
#full {/* full content wrapper - use this class when you don't want to have body splitted into left and right standard containers */
	float:left;
	width:960px;
	margin-top:18px;
}
.fullw-fix {
	margin-top:12 !important;	
}


/* ------------------- tagline styles  ------------------- */
.header-desc {
	margin:-1px 0 10px 0;
	float:left;
	width:100%;
}
.logo-desc, .header-desc, .intheader-paragraph, .interior-header p {
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}



/* ------------------- custom service styles  ------------------- */
.custom-title {
	float:left;
	width:100%;
	margin:8px 0 4px 0;
}
.custom-title .header-desc {
	margin-top:3px;	
}
.custom-title .custom-img {
	float:left;
	width:54px;	
	margin:0 4px 0 0;
	display:block;
	padding-bottom:6px;
}
.customt-wrapper {
	float:left;
	width:238px;
	margin-top:2px;
}
.customt-wrapper h3 {
	padding:4px 0 0 0;	
}



/* ------------------- page titles & description styles  ------------------- */
.interior-header, .interior-header-detail {
	float:left;
	width:612px;
	width:572px;
	padding:16px 18px 16px 18px;
	margin-bottom:10px;
}
#full .interior-header {
	width:924px;	
}
.interior-header h1, .interior-header h2 {
	margin-bottom:-4px;	
}
.intheader-paragraph {
	margin-bottom:0;	
}
.arh-fix {
	margin-bottom:4px;
}


/* ------------------- flexslider browser resets ------------------- */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none;} 


/* ------------------- FlexSlider Necessary Styles ------------------- */
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin:0; padding:0; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { margin:0; position: relative; width:960px; height:281px; }
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport { max-height:300px; }


/* Control Nav */
.flex-control-nav { position: absolute; bottom:17px; right:20px; }
.flex-control-nav li { margin:0 0 0 4px; display: inline-block; display: inline; float:left; }
.flex-control-paging li a {
	width: 14px; 
	height: 13px; 
	display: block;
	cursor: pointer; 
	text-indent: -9999px;
	background:url('images/control_nav.png') no-repeat 0 0;
	overflow:hidden;
	border-bottom:0 none;
	opacity:0.7;
}
.flex-control-paging li a:hover { 
	border-bottom:0 none;
	opacity:1;
}
.flex-control-paging li a.flex-active { 
	background:url('images/control_nav.png') no-repeat 0 -16px;
	cursor: default; 	
	opacity:1;
}

.sflex-loading {
	height:281px;
	width:100%;
	background:#1a1a1a url('images/loading.gif') no-repeat center center !important;
}


/* START slideshow wrapper */
#slideshow-wrapper {
	float:left;
	width:100%;
	margin:22px 0 16px 0;
}
.slide-txt { /* styles for semi-tranparent background in the slideshow */
	bottom:0;
	height:50px;	
	left:0;	
	position:absolute;
	width:100%;
}
.slide-txt h3 {
	margin:13px 0 0 18px;
	width:96%;
	padding:0;
}

/* slider image and description styles */
.slide-img {
	float:left;
	width:641px !important;
}
.slide-desc {
	float:left;
	height:241px;
	position:relative;
	width:279px;
	padding:20px;
}
.slide-desc .more-link {
	background-position:8px 8px !important;				
}



/* ------------------- columns styles  ------------------- */
.last {
	margin-right:0 !important;
	clear:right;
}
.intone-half {
	float:left;
	width:298px;
	margin-right:16px;
	padding:14px 0 10px 0;
}
.one-half {
	float:left;
	width:465px;
	margin-right:30px;
	padding:14px 0 10px 0;	
}
.one-third {
	float:left;
	width:300px;
	margin-right:30px;
	padding:14px 0 10px 0;		
}
.two-third {
	float:left;
	width:630px;
	margin-right:30px;
	padding:14px 0 10px 0;		
}
.one-fourth {
	float:left;
	width:219px;
	margin-right:28px;
	padding:14px 0 10px 0;		
}

.intone-half h2, .intone-half h3, .intone-half h4, .one-half h2, .one-half h3, .one-half h4 {
	margin-bottom:-5px;
}



/* ------------------- sidebar styles  ------------------- */
#sidebar ul, #sidebar ul li {
	list-style:none;	
}
.widget {
	float:left;
	width:310px;
	padding-bottom:10px;
	margin-bottom:30px;
}
.widget h3 {
	float:left;
	margin:2px 0 0 10px;
	padding-top:0;
	width:298px;
}
.widget ul {
	float:left; 
	margin:10px 0 0 0; 
	width:100%;
	font-size:12px;
}
.widget ul li {
	float:left;
	margin:0 0 0 10px;
}
.widget ul li a {
	float:left;
	display:block;
	width:290px;
	padding:7px 0 7px 8px;
}



/* ------------------- calendar widget styles  ------------------- */
.widget_calendar table {
	float:left;
	width:210px !important;
	height:200px;
	margin:10px 0 0 12px; 
	border-collapse:collapse;

}
.widget_calendar table th {
	padding:6px 8px 6px 8px;	
}
.widget_calendar table td {
	text-align:center;
	padding:7px 11px 7px 11px;
}
.widget_calendar caption {
	text-align:left;	
}
/*end calendar styles */


/* ------------------- text widget styles  ------------------- */
.textwidget {
	padding:0 0 0 10px;	
}
.tagcloud {
	padding:0 0 0 10px;			
}

/* ------------------- tag cloud widget styles  ------------------- */
.tagcloud a {
	padding:2px 4px 2px 4px;	
}


/* ------------------- news widget styles  ------------------- */
.ln-list {
	float:left;
	width:294px;	
	margin:0;
}
.ln-list li {
	float:left;
	margin:2px 0 2px 0;
	padding:3px 0 3px 0;
	width:291px !important;
}
.ln-list li:hover { /* please note: hover on pseudoclasses doesn't work on ie6, but the area will still be clickable, so you won't lose any functionality here */
	cursor:pointer;
}
.ln-list li h6 {
	float:left;
	margin:0 10px -5px 2px;
	padding:0;
}
.ln-list li p {
	float:left;
	margin:0 10px 0 10px;
	padding:0;	
}
.ln-date {
	float:left;
	margin:0 0 0 10px;	
	width:114px;
}


/* ------------------- table styles  ------------------- */
table, td, th { 
	vertical-align:middle;
}
th { 
	padding:6px 18px 6px 18px;
}
td { 
	padding:6px 18px 6px 18px; 
	text-align:left;
}
.int-tbl {
	margin-top:10px;
	width:612px;
}
.full-tbl {
	margin-top:10px;	
	width:960px;	
}


/* ------------------- contact styles  ------------------- */
/*
.contact-fieldset ul, .contact-fieldset ul li {
	list-style:none;	
}
.contact-fieldset {
	float:left;
	width:100%;
}
.contact-fieldset ul {
	float:left;
	margin-top:10px;
	width:100%;
}
.contact-fieldset ul li {
	float:left;
	margin:12px 0 0 0;
	width:100%;
}
.contact-fieldset ul li label {
	float:left;
	width:100px;
	margin-top:1px;
}
.contact-input {
	float:left;
	width:210px;
	margin:0;
	padding:3px 4px 3px 4px;
	height:15px;
}
.contact-textarea {
	height:150px;
	float:left;
	overflow:hidden;
	width:390px;
}
*/



/* ------------------- blog styles  ------------------- */
.blog-entry {
	float:left;
	width:100%;
	margin-top:6px;
	margin:0 0 40px 0;
}
.blog-misc {
	display:block;
	padding:4px 0 10px 0;
}


/* ------------------- social media icons  ------------------- */
.social-wrapper {
	float:left;
	width:100%;
	margin:-20px 0 30px 0;
}
.social-wrapper ul {
	list-style:none;
}
.social-wrapper ul li {
	float:left;
	margin:0 10px 0 0;	
}


/* ------------------- commentform styles ------------------- */
.comments-wrapper {
	float:left;
	width:100%;
}
#commentform {
	float:left;
	width:100%;
	margin-top:7px;
}
#commentform label {
	position:relative;
	top:1px;
}
#commentform p {
	float:left;
	width:100%;
	margin:3px 0 3px 0;
}
#commentform #author, #commentform #email, #commentform #url {
	width:35%;
	float:left;
	margin:0px 8px 4px 0;
	padding:2px;
}
#commentform textarea {
	width:72%;	
	overflow:auto;
	height:154px;
}
.comment-form-comment label, .comment-notes, .form-allowed-tags, #commentform .required {
	display:none;	
}
#reply-title {
	font-size:17px;
	padding-bottom:8px;
}
.form-submit #submit {
	border:0 none;
	float:left;
	padding:4px 14px 3px 26px;	
	background-position:8px 4px !important;	
	height:25px;
}
.form-submit #submit:hover {
	cursor:pointer;	
}


/* ------------------- comments styles ------------------- */
.comment-block { 
	position:relative;
}
.comment-title {
	margin:12px 0 10px 0;
}
.awaiting_moderation {
	font-style:normal;
	float:left;
	padding:4px 0 4px 0;
}
.commentlist, .commentlist li {
	list-style:none;
}
.commentlist .children {
	padding:0;	
}
.commentlist li {
	margin:24px 0 0 0;
	padding:0;
	display:block;
}
.commentlist li li {
	margin-left:34px;
}
.comment-author { /* the comment avatar */
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.comment-author img {
	display:block;	
}
.comment-content {
	margin:0 0 0 34px;
	padding:0 22px 10px 32px;
}
.comment-misc { /* comment posted by *author* wrapper */
	margin:0;
	padding:0;
}
.comment-misc cite { /* author name */
	font-weight:bold;
	font-size:12px;
}
.comment-bodywrap .date {/* comment posted date */
	font-style:italic;
	font-weight:bold;
	display:block;
	width:100%;	
}
.comment-options a {/* reply and edit buttons */
	float:left;
	display:block;
	margin:0 6px 0 0;
}
.comment-options a:hover {
	text-decoration:none;
}


/* ------------------- wp-pagenavi styles ------------------- */
.wp-pagenavi {
	clear:both;
	z-index:10;
}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	padding:4px 10px 4px 10px;
	display:inline-block;		
	text-decoration:none;	
	cursor:pointer;
	font-size:11px;
	margin:0 1px 0 0px;
	border:0 none !important;
}
.wp-pagenavi a, .wp-pagenavi span.current {
	margin:0 1px 0 0;
}
.wp-pagenavi span.pages {
	float:right;
	padding-right:18px;
	display:block;
	cursor:pointer;
	cursor:text;
	background:none;
	
}
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.pages {
	border:0 none !important;	
}

/* ------------------- news styles ------------------- */
.newslist-wrapper {
	float:left;
	width:100%;		
}
.newslist-block {
	margin:10px 0 22px 0;
	float:left;
	width:100%;	
}
.newslist-date {
	padding:2px 0 4px 0;
}
.newslist-wrapper h4 {
	padding:0 0 2px 0;
}
.newslist-wrapper h4 a:hover {
	text-decoration:underline !important;	
}
.news-img {
	float:left;
	margin:2px 10px 0 0;	
}
.newslist-wrapper-detail {
	padding-bottom:10px;
}


/* ------------------- portfolio 1 styles ------------------- */
.portfolio-wrapper {
	float:left;
	width:990px;
	margin:0 0 0 -30px;
	padding:0 0 16px 0;
	list-style:none;
}
.portfolio-wrapper li {
	float:left;
	margin:10px 0 6px 30px;
	width:300px;
}
.portfolio-wrapper li h3 {
	float:left;
	padding-bottom:4px;
	width:300px;
}
.port-detail {
	float:left;
	width:100%;
	margin:0 0 14px 0;
}
.port-detail .attachment-full {
	display:block;
	margin:10px 0 10px 0;
}


/* ------------------- portfolio 2 styles ------------------- */
.portfolio2-wrapper {
	float:left;
	width:1008px;
	margin:0 0 0 -48px;
	padding-bottom:16px;
	list-style:none;
}
.portfolio2-wrapper li {
	float:left;
	margin:10px 0 10px 48px;
	width:450px;
}
.portfolio2-wrapper li h3 {
	float:left;
	padding-bottom:4px;
	margin:0;
	width:450px;
}
.portfolio2-wrapper li h3 a {
	text-decoration:none;	
}


/* ------------------- services styles ------------------- */
.service-block {
	float:left;
	margin:14px 12px 0 0; 
	padding-bottom:16px;
	width:300px;
}
.service-block h4 {
	margin-bottom:-3px;	
}

.service-img {
	float:left;
	margin:0 8px 0 0;
	width:52px;	
}
.service-txt {
	float:left;
	width:240px; 
	margin-top:-8px;	
}


/* ------------------- a couple of elements used as shortcodes styles ------------------- */
.line {
	float:left;
	width:100%;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	margin-top:10px;
	padding:0 0 10px 0;
}
pre, code {
	margin:10px 0 10px 0px;
	padding:14px 0 14px 10px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	white-space:pre-wrap;
	overflow:auto;
	line-height:20px;
}
pre br {
	display:none;
}
.greenbox, .bluebox, .yellowbox, .redbox {
	margin-top:10px;
	padding:12px 14px 12px 14px;
	font-weight:bold;
	line-height:16px;
}
.greenbox a, .bluebox a, .yellowbox a, .redbox a {
	text-decoration:underline;
}
.highlight1, .highlight2 {
	padding:2px 1px 2px 1px;	
}

.custom-button a {
	display:block;
	padding:4px 14px 4px 14px;
	float:left;
	margin:6px 0 0 0;
}
.arrow-button a {
	display:block;
	padding:4px 14px 4px 26px;
	float:left;
	margin:6px 0 0 0; 
	background-position:8px 5px !important;
}
.arrow-list ul {
	list-style:none;
	margin:6px 0 0 6px;
}
.arrow-list li {
	margin:3px 0 0 0;
	padding:0 0 0 17px;
}


/* ------------------- toggle content styles ------------------- */
h4.toggle {
	margin:0;
	padding:6px 0 10px 22px; 
	float:left;
}
h4.toggle a {
	text-decoration: none;
	display:block;
}
.toggle-content {
	clear:both;
	overflow:hidden;
	float:left;
	width:100%;
}
.toggle-space {
	float:left;
	width:100%;
	height:6px;	
}
#left .toggle-content .block, .toggle-content .block {
	padding:14px 20px 10px 20px;
	float:left;
}
.toggle-space {
	float:left;
	width:100%;
	height:6px; 
}
h4.toggle {
	background-position:4px 11px !important;	
}
h4.active {
	background-position:4px -100px !important;	
}


/* ------------------- latest news / blog widget styles ------------------- */
.widget .ln-list {
	float:left;
	margin:2px 0 0 0;
}
.widget .ln-list li {
	float:left;
	padding:9px 10px 9px 10px;
	display:block;
	font-size:11px;
	margin:0;	
	width:287px;
}
.widget .ln-list li:hover {
	cursor:pointer;
}
.widget .ln-list li h6 {
	margin:0;	
}
.widget .ln-list li h6 a {
	padding:0;
	border-bottom:0 none;
}
.widget .ln-list li h6 a:hover {
	border-bottom:0 none;
}
.widget .ln-list li p {
	float:left;
	margin:0;
	padding:0;	
}
.widget .ln-date {
	margin:0;
}
.post-date {
	float:left;
	width:290px;
	padding:2px 0 10px 8px;
	font-size:11px;
}


/* ------------------- flickr widget styles ------------------- */
.flickr-wrapper .flickr_badge_image {
	width:60px;
	float:left;
	margin:4px 2px 8px 10px;	
}
.flickr-wrapper .flickr_badge_image img {
	width:60px;
	height:60px;
	display:block;
}


/* ------------------- pdf brochure widget styles ------------------- */
.brochure-wrapper {
	float:left;
	width:311px;
	padding:8px 0 8px 0 !important;
	margin:0;
}
.brochure-wrapper:hover {
	cursor:pointer;
}
.brochure-img {
	float:left;
	margin:0px 10px 0 10px;
}
.brochure-content {
	float:left; 
	width:200px;
}
.brochure-content h3 {
	margin:0;
}
#sidebar .widget_gw_brochure {
	padding-bottom:0;	
}


/* ------------------- language switcher ------------------- */
.lang-wrapper {
	position:absolute;
	top:10px;
	right:0;
	z-index:1000;	
}
.icl_languages_selector {}
.icl_languages_selector ul li {}
.icl_languages_selector ul li a {
	padding:7px 0 7px 10px !important;
	border-bottom:0 none !important;		
}
#sidebar #lang_sel_list li a {
	float:left;
	display:block;
	width:auto;
}
#icl_lang_sel_widget {
	padding:0;
}



/*=============== Contact Form 7 ===============*/
.wpcf7-form {
	margin:20px 0 20px 0;	
}
.wpcf7-form p {
	margin:3px 0 3px 0;
	float:left;
	width:100%;
}
.wpcf7-form label {
	margin:4px 0 0 0; 
	display:inline-block;
	width:100px;
	float:left;
}
.wpcf7-text, .wpcf7-select {
	width:34%;
}
.col-md-6 .wpcf7-text, .col-md-4 .wpcf7-text {
	width:100%;
}
.wpcf7-textarea {
	width:64%;
	height:156px;
}
.col-md-6 .wpcf7-textarea, .col-md-4 .wpcf7-textarea {
	width:100%;	
}
.wpcf7-button-margin {
	padding:0 0 0 100px;
	margin:-4px 0 0 0 !important;
}
.wpcf7-notes {
	font-size:11px;	
}

.wpcf7-not-valid-tip {
	padding:6px 0 6px 0;	
}
.wpcf7-response-output {
	border:0 none;
	margin:0;
	padding:6px 0 6px 0;
}
div.wpcf7-response-output {
	float:left;
	width:80%;	
	padding:7px 20px 7px 20px;
	margin:20px 0 20px 0;
}
div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
	border:0 none;
}
.wpcf7-form-control {
	margin-bottom:6px;
}

.wpcf7-not-valid-tip {
	margin:-12px 0 0 100px;
	display:block;	
}

.contact-submit {
	border:0 none;
	float:left;
	padding:4px 14px 4px 26px;
	height:26px;
	background-position:8px 5px !important;
}
.contact-submit:hover {
	cursor:pointer;	
}



/*=============== Contact Form 7 ===============*/
.wpcf7-notes {
	color:#303030;
}
div.wpcf7-mail-sent-ok {
	background:#84ffc4;		
}
div.wpcf7-mail-sent-ng {
	background:#ff786e;		
}
div.wpcf7-spam-blocked {
	background:#ffbc6e;	
}
div.wpcf7-validation-errors {
	background:#ffd700;
}
span.wpcf7-not-valid-tip {
	color:#e20927;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
	border:1px solid #f12929;
	background:#fff;
}



/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#body-wrapper, .flexslider, #full, #footer, .full-tbl { width:768px; }

	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:456px !important;
		height:224px;
	}
	.slide-desc {
		width:286px !important;	
		height:198px;		
		padding:13px;
	}
	.flexslider { height:224px; }
	
	
	/* ------------------- structure styles ------------------- */	
	#left { width:420px; }
	#right { width:319px; }

	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:386px; }
	#full .interior-header { width:732px; }
	
	
	/* ------------------- column styles ------------------- */
	.intone-half {
		width:100%;
		margin-right:0;
		padding:6px 0 0 0;
	}
	.one-half { width:369px; }
	.one-third { width:236px; }
	.two-third { width:502px; }
	.one-fourth { width:171px; }
	
	
	/* ------------------- footer styles ------------------- */
	#footer .f-menu { width:446px; }
	.copyright { width:322px; }
	
	
	/* ------------------- table styles ------------------- */	
	.int-tbl { width:422px; }
	th, td { padding:6px 10px 6px 10px; }
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:798px; }
	.portfolio-wrapper li { width:232px; }
	.portfolio-wrapper li h3 { width:232px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:816px; }
	.portfolio2-wrapper li { width:354px; }
	.portfolio2-wrapper li h3 { width:354px; }
	
	
	/* ------------------- service block styles ------------------- */	
	.service-block {
		margin:14px 0 0 0; 
		padding-bottom:16px;
		width:100%;
	}
	.service-txt { width:360px; }	
	
	
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:310px; }
	
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	#body-wrapper, .flexslider, #full, #footer, .full-tbl, .int-tbl { width:320px; }	
	
	
	/* main menu */
	.sf-menu { display:none; }
	.selectnav { display: block; width:320px; }
	#sidebar { display:none; }
	
	/* ------------------- header styles ------------------- */	
	.header-wrapper { padding-bottom:40px; }
	.hsearch-wrapper {
		position:relative;
		right:0;
		top:0px;
		margin:10px 0 10px 0; 
		float:left;
	}
	
	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:320px !important;
		height:140px;
	}
	.slide-desc {
		display:none;
	}
	.flexslider, .slide-fimg { height:140px; }
	.slide-txt h3 { font-size:13px;}	
	
	
	/* ------------------- structure styles ------------------- */	
	#left { width:320px; }
	#right { display:none; }
	
	/* ------------------- column styles ------------------- */
	.intone-half {
		width:100%;
		margin-right:0;
		padding:6px 0 0 0;
	}	
	.one-half { width:100%; }
	.one-third { width:100%; }
	.two-third { width:100%; }
	.one-fourth { width:100%; }	
	
	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:283px; }
	#full .interior-header { width:283px; }
		
	
	/* ------------------- footer styles ------------------- */
	#footer .f-menu { width:100%; }
	.copyright { width:100%; float:left; text-align:left; margin:10px 0 20px 0; }
	
	
	/* ------------------- table styles ------------------- */	
	th, td { padding:6px 2px 6px 2px; }
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:320px; margin:0; }
	.portfolio-wrapper li { width:287px; margin:10px 0 0 0; }
	.portfolio-wrapper li h3 { width:287px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:318px; margin:0; }
	.portfolio2-wrapper li { width:306px; margin:10px 0 10px 0; }
	.portfolio2-wrapper li h3 { width:306px; }	
	
		
	/* ------------------- service block styles ------------------- */	
	.service-block {
		margin:14px 0 0 0; 
		padding-bottom:16px;
		width:100%;
	}
	.service-txt { width:259px; }
	
	
	/* ------------------- alignment styles ------------------- */	
	.alignleft, img.alignleft, a img.alignleft {
		float:none; 
		display:block;
		margin:5px 0 5px 0;
	}
	.alignright, img.alignright, a img.alignright {
		float:none; 
		display:block;		
		margin:5px 0 5px 0;
	}	
	
	
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:210px; }				
}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#body-wrapper, .flexslider, #full, #footer, .full-tbl, .int-tbl { width:480px; }	

	/* main menu */
	.sf-menu { display:none; }
	.selectnav { display:block; width:480px; }	
	
	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:480px !important;
		height:200px;
	}
	.slide-desc { display:none; }
	.flexslider, .slide-fimg { height:200px; }
	.slide-txt h3 { font-size:18px; }

	
	/* ------------------- structure styles ------------------- */	
	#left { width:480px; }		
	
	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:386px; }
	#full .interior-header { width:732px; }
	
		
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:444px; }
	#full .interior-header { width:444px; }
	
	
	/* ------------------- table styles ------------------- */	
	th, td { padding:6px 10px 6px 10px; }
	
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:498px; margin:0 0 0 -30px; }
	.portfolio-wrapper li { width:218px; margin:10px 0 0 30px; }
	.portfolio-wrapper li h3 { width:218px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:478px; margin:0; }
	.portfolio2-wrapper li { width:450px; margin:10px 0 10px 0; }
	.portfolio2-wrapper li h3 { width:450px; }
	
	
	
	/* ------------------- service block styles ------------------- */	
	.service-txt { width:418px; }
	
	

	/* ------------------- alignment styles ------------------- */		
	.alignleft, img.alignleft, a img.alignleft {
		float:left; 
		margin:5px 12px 0 0;
	}
	.alignright, img.alignright, a img.alignright {
		float:right; 
		margin:5px 0 0 12px;
	}
	
	
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:370px; }				

}