/*
Theme Name: Mr. Wizzard PC Repair
Theme URI: https://mrwizzard.com
Author: Migration from Drupal
Description: Custom theme for Mr. Wizzard PC Repair - migrated from Drupal 7 Marketsquare theme
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: mrwizzard
*/

/* Import reset and base styles */
@import url('css/reset.css');
@import url('css/text.css');
@import url('css/column-layouts.css');
@import url('fonts/opensans-font.css');
/* Fonts families */
body.pff-1, .pff-1 input, .pff-1 select, .pff-1 textarea { 
font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif; }
body.pff-2, .pff-2 input, .pff-2 select, .pff-2 textarea { 
font-family: 'Source Sans Pro', Helvetica Neue, Arial, Sans-serif; }
body.pff-3, .pff-3 input, .pff-3 select, .pff-3 textarea { 
font-family: 'Ubuntu', Helvetica Neue, Arial, Sans-serif; }
body.pff-4, .pff-4 input, .pff-4 select, .pff-4 textarea { 
font-family: 'PT Sans', Helvetica Neue, Arial, Sans-serif; }
body.pff-5, .pff-5 input, .pff-5 select, .pff-5 textarea { 
font-family: 'Lato', Helvetica Neue, Arial, Sans-serif; }
body.pff-6, .pff-6 input, .pff-6 select, .pff-6 textarea { 
font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif; }
body.pff-7, .pff-7 input, .pff-7 select, .pff-7 textarea { 
font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif; }
body.pff-8, .pff-8 input, .pff-8 select, .pff-8 textarea { 
font-family: 'Exo', Helvetica Neue, Arial, Sans-serif; }
body.pff-9, .pff-9 input, .pff-9 select, .pff-9 textarea { 
font-family: 'Roboto Slab', Trebuchet MS, Sans-serif; }
body.pff-10, .pff-10 input, .pff-10 select, .pff-10 textarea { 
font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif; }
body.pff-11, .pff-11 input, .pff-11 select, .pff-11 textarea { 
font-family: 'Josefin Sans', Georgia, Times New Roman, Serif; }
body.pff-12, .pff-12 input, .pff-12 select, .pff-12 textarea { 
font-family: Georgia, Times, Times New Roman, Serif; }
body.pff-13, .pff-13 input, .pff-13 select, .pff-13 textarea { 
font-family: 'Merriweather', Times, Times New Roman, Serif; }
body.pff-14, .pff-14 input, .pff-14 select, .pff-14 textarea { 
font-family: 'Playfair Display', Times New Roman, Serif; }
body.pff-15, .pff-15 input, .pff-15 select, .pff-15 textarea { 
font-family: 'Philosopher', Georgia, Times New Roman, Serif; }
body.pff-16, .pff-16 input, .pff-16 select, .pff-16 textarea { 
font-family: 'Cinzel', Georgia, Times New Roman, Serif; }

.hff-1 h1, .hff-1 h2, .hff-1 h3, .hff-1 h4, .hff-1 h5, .hff-1 h6, .sff-1 #site-name, .sff-1 .site-name, .slff-1 #site-slogan {
font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif; }
.hff-2 h1, .hff-2 h2, .hff-2 h3, .hff-2 h4, .hff2 h5, .hff-2 h6, .sff-2 #site-name, .sff-2 .site-name, .slff-2 #site-slogan {
font-family: 'Source Sans Pro', Helvetica Neue, Arial, Sans-serif; }
.hff-3 h1, .hff-3 h2, .hff-3 h3, .hff-3 h4, .hff-3 h5, .hff-3 h6, .sff-3 #site-name, .sff-3 .site-name, .slff-3 #site-slogan {
font-family: 'Ubuntu', Helvetica Neue, Arial, Sans-serif; }
.hff-4 h1, .hff-4 h2, .hff-4 h3, .hff-4 h4, .hff-4 h5, .hff-4 h6, .sff-4 #site-name, .sff-4 .site-name, .slff-4 #site-slogan {
font-family: 'PT Sans', Helvetica Neue, Arial, Sans-serif; }
.hff-5 h1, .hff-5 h2, .hff-5 h3, .hff-5 h4, .hff-5 h5, .hff-5 h6, .sff-5 #site-name, .sff-5 .site-name, .slff-5 #site-slogan { 
font-family: 'Lato', Helvetica Neue, Arial, Sans-serif; }
.hff-6 h1, .hff-6 h2, .hff-6 h3, .hff-6 h4, .hff-6 h5, .hff-6 h6, .sff-6 #site-name, .sff-6 .site-name, .slff-6 #site-slogan { 
font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif; }
.hff-7 h1, .hff-7 h2, .hff-7 h3, .hff-7 h4, .hff-7 h5, .hff-7 h6, .sff-7 #site-name, .sff-7 .site-name, .slff-7 #site-slogan {
font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif; }
.hff-8 h1, .hff-8 h2, .hff-8 h3, .hff-8 h4, .hff-8 h5, .hff-8 h6, .sff-8 #site-name, .sff-8 .site-name, .slff-8 #site-slogan {
font-family: 'Exo', Helvetica Neue, Arial, Sans-serif; }
.hff-9 h1, .hff-9 h2, .hff-9 h3, .hff-9 h4, .hff-9 h5, .hff-9 h6, .sff-9 #site-name, .sff-9 .site-name, .slff-9 #site-slogan { 
font-family: 'Roboto Slab', Trebuchet MS, Sans-serif; }
.hff-10 h1, .hff-10 h2, .hff-10 h3, .hff-10 h4, .hff-10 h5, .hff-10 h6, .sff-10 #site-name, .sff-10 .site-name, .slff-10 #site-slogan { 
font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif; }
.hff-11 h1, .hff-11 h2, .hff-11 h3, .hff-11 h4, .hff-11 h5, .hff-11 h6, .sff-11 #site-name, .sff-11 .site-name, .slff-11 #site-slogan { 
font-family: 'Josefin Sans', Georgia, Times New Roman, Serif; }
.hff-12 h1, .hff-12 h2, .hff-12 h3, .hff-12 h4, .hff-12 h5, .hff-12 h6, .sff-12 #site-name, .sff-12 .site-name, .slff-12 #site-slogan { 
font-family: Georgia, Times, Times New Roman, Serif; }
.hff-13 h1, .hff-13 h2, .hff-13 h3, .hff-13 h4, .hff-13 h5, .hff-13 h6, .sff-13 #site-name, .sff-13 .site-name, .slff-13 #site-slogan { 
font-family: 'Merriweather', Times, Times New Roman, Serif; }
.hff-14 h1, .hff-14 h2, .hff-14 h3, .hff-14 h4, .hff-14 h5, .hff-14 h6, .sff-14 #site-name, .sff-14 .site-name, .slff-14 #site-slogan { 
font-family: 'Playfair Display', Times New Roman, Serif; }
.hff-15 h1, .hff-15 h2, .hff-15 h3, .hff-15 h4, .hff-15 h5, .hff-15 h6, .sff-15 #site-name, .sff-15 .site-name, .slff-15 #site-slogan { 
font-family: 'Philosopher', Georgia, Times New Roman, Serif; }
.hff-16 h1, .hff-16 h2, .hff-16 h3, .hff-16 h4, .hff-16 h5, .hff-16 h6, .sff-16 #site-name, .sff-16 .site-name, .slff-16 #site-slogan { 
font-family: 'Cinzel', Georgia, Times New Roman, Serif; }
.sff-17 #site-name, .sff-17 .site-name {
font-family: 'Oswald', Helvetica Neue, Arial, Sans-serif; }

.maintenance-page #site-name { font-family: 'Oswald', Helvetica Neue, Arial, Sans-serif; }
body.maintenance-page, .maintenance-page #site-slogan, .maintenance-page h1 { 
font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif; }

code { font-family: Consolas, Monaco, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", monospace; }

/* Body */
body { font-size: 15px; font-weight: 400; line-height: 150%; color: #292929; margin: 0; padding: 0; outline: 0 none; vertical-align: baseline; }

/* Headings */
h1, h2, h3, h4, h5, h6 { line-height: 120%; margin: 25px 0; font-weight:bold; }

h1 { font-size: 34px;  }

h2 { font-size: 24px; margin-bottom: 15px; }

h3 { font-size: 18px; margin-bottom: 10px; }

h4 { font-size: 15px; margin-bottom: 10px; }

h5 { font-size: 14px; margin-bottom: 10px; }

#footer, #footer-bottom { font-size: 13px; }

#subfooter { font-size: 12px; }

h1.title { margin-top:0; }

#featured .block > h2 { font-size:20px; background:#ffd71f; display:inline-block; padding:15px 25px; margin:10px 0; text-transform:uppercase; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (min-width: 1200px) {
	#featured .block > h2 { min-width:380px; }
}

@media all and (min-width: 980px) and (max-width: 1199px) {
	#featured .block > h2 { min-width:300px; }
}

.view-services h2 { font-size:20px; margin:10px 0; }

.view-services .views-row { padding:0 0 20px 0; }

#sidebar h2 { font-size:13px; font-weight:normal; background:#292929; display:block; padding:10px; margin:0 0 20px 0; text-transform:uppercase; color:#ffffff; line-height:15px; }

#footer h2 { margin: 0 0 10px 0; font-size:18px; color:#ffd71f; }

#footer-bottom h2 { margin: 0 0 10px 0; font-size:16px; color:#ffd71f; }

h2.description-title { font-size:30px; margin-top:0; }

h3.description-title { font-size:26px; }

p { padding: 0 0 20px 0; margin:0; }

#footer-bottom p { padding: 0 0 10px 0; }

#subfooter p, #comments p { padding: 0 0 5px 0; }

a { color:#97821f; text-decoration: none; }

p a, blockquote a, .view-showcases .views-field-field-tags a { color:#97821f; text-decoration: none; border-bottom:1px solid #c2c2c2; }

p a:hover, blockquote a:hover, .view-showcases .views-field-field-tags a:hover { border-bottom:1px solid #edc300; }

p a:active, blockquote a:active, .view-showcases .views-field-field-tags a:active { border-bottom:none; background:#edc300; color:#ffffff; }

#header-inside-left a { color:#000000; }

#footer a, #footer-bottom a,#subfooter a, #page-top a { color: #ffd71f; text-decoration: none; }

#footer a:hover, #footer-bottom a:hover, #subfooter a:hover, #page-top a:hover { text-decoration: underline; color:#ffd71f; }

#footer a:active, #footer-bottom a:active, #subfooter a:active, #page-top a:active { background:none; }

h2 a, .views-field-title a { font-weight:bold; font-style:normal; color:#292929; text-decoration: none; border:none; }

h2 a:hover, .views-field-title a:hover, ul.menu li a:hover { color:#ffd71f; border:none; }

.item-list ul.pager li { padding:0; margin:0; }

ul.pager li a { color:#ffffff; text-decoration: none; padding:5px 12px; font-size:12px; font-weight:bold; float:left; display:inline-block; }

ul.pager li:nth-child(even) a { background:#3f3f3f; }

ul.pager li:nth-child(odd) a { background:#292929; }

ul.pager li a:hover { background:#ffd71f; color:#292929; }

ul.pager li.pager-current { background:#ffd71f; color:#292929; padding: 5px 12px; font-size: 12px; font-weight: bold; margin: 0; }

blockquote { line-height: 160%; font-size:18px; font-style: italic;  margin: 20px 0 40px 0; padding: 0 75px; position:relative; }

blockquote:before { display: block; content: "\201C"; font-size: 120px; position: absolute; color: #e1e1e1; top:40px; left:10px;
font-family: Georgia, serif; font-weight:300; font-style:normal; }

blockquote p { padding: 0; }

code { display: block; border:1px solid #eeeeee; background:#f8f8f8;
font-size: 13px; line-height: 150%; color:#000000; margin: 25px 0; padding: 15px; }

img { border: none; outline: none; max-width: 100%; height: auto;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.image-popup { display:block; overflow:hidden; position:relative; max-width: 100%; }

a img:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

a.overlayed { display:block; overflow:hidden; position:relative; max-width: 100%; height: auto;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a.overlayed img { float:left; }

a .overlay { opacity: 0; filter: alpha(opacity=0); z-index: 0;  }

a:hover .overlay { opacity: 1; filter: alpha(opacity=100); z-index: 100; 
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#sidebar .overlay.zoom, .image-listing-items .overlay.zoom { background-image: url("images/overlay-more-thumbnail.png"); }

.more-link { margin-top:10px; }

#footer .more-link, #subfooter .more-link { margin-top:20px; }

.block { padding: 0 0 25px 0; }

#header-right .block { padding:0 0 15px 0; }

.block-superfish.block,
#block-views-slideshow-block-1.block,
#block-views-promoted-posts-block-1.block,
#main-navigation .block-menu.block { padding:0; }

#footer .block { padding:25px 0; }

#footer-bottom .block, #subfooter .block  { padding:10px 0; }

/* Layout */
#header-top { border-bottom: 1px solid #dadada; }

#header-top-inside { padding: 15px 0 0 0; }

#header { padding: 0; position:fixed; width:100%; background:#ffffff; z-index:400; top:0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.no-fixed-header #header, .maintenance-page #header { position:relative;  }

#header-inside { position:relative; }

#header-inside-left { padding: 20px; background:#ffd71f; }

#header-inside-right { padding: 0; }

#banner { background:#000000; min-height:40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#page-top { background:#000000; }

.front #page-top { display:none; }

#breadcrumb { background:#3f3f3f; display:inline-block; margin-top:40px; min-width:300px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (min-width: 1200px) {
	#breadcrumb { min-width:380px; }
}

.breadcrumb { padding:0; }

#breadcrumb { font-size: 12px; color: #ffffff; padding: 10px 20px; font-style:italic; }

#breadcrumb a, #breadcrumb .breadcrumb-separator { display: inline-block; overflow: hidden; vertical-align: top; }

#breadcrumb a { margin: 0 5px; }

#breadcrumb span:last-child { margin-right: 5px; }

#custom-area { min-height:12px; background:#ffd71f; }

.front #custom-area { display:none; }

#page { padding:20px 0; }

#main { background:#ffffff; }

#main, #sidebar { padding:45px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#sidebar { clear: both; font-size:13px; padding-left:20px; }

.front #main { padding-top:0; }

.front #sidebar { padding-top:10px; }

#featured { clear:both; }

#footer { color:#ffffff; padding:25px 0 15px 0;
background: #252525; /* Old browsers */
background: -moz-linear-gradient(left,  #252525 50%, #292929 50%);
background: -webkit-gradient(left,  #252525 50%, #292929 50%);
background: -webkit-linear-gradient(left,  #252525 50%, #292929 50%);
background: -o-linear-gradient(left,  #252525 50%, #292929 50%);
background: -ms-linear-gradient(left,  #252525 50%, #292929 50%);
background: linear-gradient(left,  #252525 50%, #292929 50%); }

#footer-bottom { color:#ffffff; padding:10px 0; margin:0 0 -10px 0;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left,  #000000 50%, #1a1a1a 50%);
background: -webkit-gradient(left,  #000000 50%, #1a1a1a 50%);
background: -webkit-linear-gradient(left,  #000000 50%, #1a1a1a 50%);
background: -o-linear-gradient(left,  #000000 50%, #1a1a1a 50%);
background: -ms-linear-gradient(left,  #000000 50%, #1a1a1a 50%);
background: linear-gradient(left,  #000000 50%, #1a1a1a 50%); }

.footer-area, .subfooter-area { overflow:hidden; }

.footer-area.left { padding:0 45px 0 0; }

.footer-area.right { padding:0 0 0 45px; }

.subfooter-area.left { padding:0 15px 0 0; }

.subfooter-area.right { padding:0 0 0 15px; }

#subfooter { background: #292929; padding:10px 0; }

@media all and (max-width: 767px) {
	body { padding-top:0!important; position:relative; }
	#header { position:relative; padding:0; border:none!important; }
	#header-inside-left { min-height:0!important; padding: 20px!important; }
	.block-superfish.block { padding:0; margin:0!important; }
	select#mm0, .block-superfish select { margin:20px 0; }
	#main, #sidebar { padding:20px 0; }
	#sidebar { padding-left:0; }
	#footer { background: #252525; }
	#footer-bottom { background: #000000; }
	.footer-area.left, .footer-area.right, .subfooter-area.left, .subfooter-area.right { padding:0; }
	blockquote { padding-right:0; }
	#logo { display: block!important; visibility:visible!important; }
	#site-slogan { display: block!important; visibility:visible!important;  padding:5px 0 0 0!important; }
	.no-fixed-header #header-right { padding-bottom: 0!important; } #header-right .block { padding-bottom: 10px; }
}

select#mm0, .block-superfish select { padding:10px; width:100%; border:1px solid #f3f3f3; 
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

/* Logo - Site name*/
#logo { padding: 0; }

#logo:hover { opacity:0.8;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#site-name { padding:5px 0 0 0; }

#site-name a { font-size: 36px; font-weight: bold; line-height:110%; color:#000000; }

#site-name a:hover { text-decoration: none; opacity:0.8;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#subfooter .site-name { font-size: 36px; font-weight: bold; line-height:110%; color:#ffd71f; padding:0 0 5px 45px; 
background: transparent url("images/footer-logo.png") no-repeat left 4px; }

#site-slogan { font-size: 12px; font-weight:bold; line-height:130%; color: #131313; padding:5px 0 0 0; }

@media all and (max-width: 980px) {
	#site-name a { font-size: 26px; }
	#site-slogan { font-size: 10px; }
}

/* Main navigation */
#main-navigation { padding: 0; position: absolute; bottom: 0; right: 10px; width: 780px; }

@media all and (min-width: 980px) and (max-width: 1199px) {
#main-navigation { width: 620px; }
}

@media all and (min-width: 768px) and (max-width: 979px) {
#main-navigation { width: 460px; }
}

@media all and (max-width: 767px) {
#main-navigation { padding: 0; position: relative; width: 100%; right:0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
}

#main-navigation ul, 
#header-right ul.menu { margin: 0; padding: 0; text-align: right; }

#main-navigation ul li, 
#header-right ul.menu li { background: none; list-style: none; display:inline-block; float:none; padding:0; margin:0; }

#main-navigation ul ul li,
#header-right ul.menu ul li { border:none;  }

#main-navigation ul li a, #main-navigation ul li a:visited,
#header-right ul.menu li a, #header-right ul.menu li a:visited { border: none; font-size: 12px; font-weight:bold; display: inline-block; border-right:1px solid #ededed; padding: 20px 25px;
text-transform:uppercase; color:#000000; }

#main-navigation ul.contextual-links { width:auto!important; }

#main-navigation ul.contextual-links li, 
#main-navigation ul.contextual-links li a { display:block!important; float:none!important; font-weight:normal!important; text-align:left!important; border:none!important; }

@media all and (min-width: 768px) and (max-width: 979px) {
	#main-navigation ul li a, #main-navigation ul li a:visited,
	#header-right ul.menu li a, #header-right ul.menu li a:visited { padding: 20px 15px; }
}

#main-navigation ul li.last a,
#header-right ul.menu li.last a,
#main-navigation ul.sf-menu li.last a { margin-right: 0; }

#main-navigation ul li a:active, #main-navigation ul li a:hover,
#header-right ul.menu li a:active, #header-right ul.menu li a:hover { color: #ffd71f; text-decoration: none; }

#main-navigation .block-menu.block ul ul,
#header-right .block-menu.block ul ul { display:none; visibility:hidden; }

/* Superfish support */
#main-navigation .block-superfish ul { background: #ffffff; width:100%; line-height:110%; }

#main-navigation .block-superfish ul.sf-navbar { height:auto; }

#main-navigation .block-superfish ul li { background: #ffffff; padding:0; float:none; display:contents; border-bottom:none; margin:0; }

#main-navigation .block-superfish ul li a { color: #000000; }

#main-navigation .block-superfish ul li.menuparent > a {
	background: url("images/menu-rect-1.png") no-repeat scroll bottom right transparent;
}

#main-navigation .block-superfish ul li a:hover, 
#main-navigation .block-superfish ul li a.active,
#main-navigation .block-superfish ul li.sfHover > a { 
color: #8b7c03; text-decoration: none; background-color:transparent;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#main-navigation .block-superfish ul ul { background: #ffd71f; padding:0; top:56px; margin:0; text-align: left; display:none; }

#main-navigation .block-superfish ul ul li { background: none; padding:0; }

#main-navigation .block-superfish ul ul li a { color: #000000; padding: 12px; border:none; display:block; }

#main-navigation .block-superfish ul ul li.menuparent > a {
	background: url("images/menu-rect-2.png") no-repeat scroll bottom right transparent;
}

#main-navigation .block-superfish ul ul li a:hover, 
#main-navigation .block-superfish ul ul li a.active,
#main-navigation .block-superfish ul ul li.sfHover > a { 
color: #ffffff; text-decoration: none; background-color:transparent;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#main-navigation .block-superfish ul ul ul { top:40px; padding:0; background:#000000; background: rgba(0, 0, 0, 0.6); width:200px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;  }

#main-navigation .block-superfish ul.sf-horizontal ul ul { top:0; padding:0; }

#main-navigation .block-superfish ul ul ul li { background: none; padding:0; }

#main-navigation .block-superfish ul ul ul li a { color: #ffffff; padding: 10px 12px; border:none; display:block; }

#main-navigation .block-superfish ul.sf-horizontal ul li a, #main-navigation .block-superfish ul.sf-horizontal ul ul li a  { padding: 10px 12px; }

#main-navigation .block-superfish ul ul ul li.menuparent > a {
	background: url("images/menu-rect-3.png") no-repeat right bottom transparent;
}

#main-navigation .block-superfish ul ul ul ul { left:200px; }

#main-navigation .block-superfish ul ul ul li a:hover, 
#main-navigation .block-superfish ul ul ul li a.active,
#main-navigation .block-superfish ul ul ul li.sfHover > a { 
color: #ffd71f; text-decoration: none; background-color:transparent;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#main-navigation .block-superfish ul ul ul ul { top:0; }

/* Main */
.submitted-info { padding:0 0 10px 0; margin:-10px 0 10px 0; font-size:11px; }

.node-teaser .submitted-info { padding:15px 0 10px 0; margin:0; border-top: 1px solid #eeeeee; }

.submitted-info .comments, .submitted-info .submitted { display:inline-block; }

.submitted-info .comments { margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #eeeeee; }

.submitted .username { font-weight:bold; color:#292929; }

.comments {  font-style:italic; }
 
.comment-counter { padding:6px 10px; background:#eeeeee; font-weight:bold; font-style:normal; }

.comment-counter-arrow { width:7px; height:9px; display:inline-block;
background: transparent url("images/comments-arrow.png") no-repeat center 1px; }

/* Node */
.node-teaser { padding: 0 0 10px 0; margin: 0 0 40px 0; }

.node-teaser h2 { margin: 0 0 20px 0; }

.image-preview, .image-preview a img { position:relative; display:block; overflow:hidden; }

.node.node-teaser .field-type-image { margin: 0 0 25px 0; }

.node .field-name-body { padding: 0 0 10px 0; }

.node .field-type-image-content {  padding: 15px; position:absolute; bottom:0; left:0; right:0; background: rgba(242,242,242,.85); }

.node .field-type-image-title { font-size:16px; padding:0 0 5px 0; margin:0; }

.node .field-type-image-caption { font-size:13px; font-style:italic; }

.node.node-webform .field-name-body { padding: 0; }

.node .field-name-body, div.links { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media all and (max-width: 480px) {
.node .field-type-image-caption { display:none; }
}

/* Taxonomy term reference */
.field-type-taxonomy-term-reference { padding: 0 0 20px 0; display:block; overflow:hidden; }

.view-showcases .field-name-field-tags.field-type-taxonomy-term-reference { padding: 10px 0 2px 0; }

.field-type-taxonomy-term-reference .field-item { float: left; display:inline-block; margin: 0 8px 8px 0; }

.field-type-taxonomy-term-reference .field-item a { 
margin:0 0 0 12px; padding:2px 10px 2px 12px; background:#3f3f3f; color: #ffffff;
float:left; line-height:20px; position:relative; font-size:10px; text-transform: uppercase; }
	


.field-type-taxonomy-term-reference .field-item a:hover { background-color: #292929; color: #ffffff; text-decoration: none; }

.field-type-taxonomy-term-reference .field-item a:hover:before { border-right-color: #292929; }


/* Author info */
.author-info { clear: both; border-bottom: 1px solid #e4e1d9; margin: 35px 0; font-size: 13px; color: #838383; }

.author-info .author-title h2 { font-size: 18px; font-weight: normal; margin: 0 0 20px; }

.avatar {  float: left; margin: 0 15px 15px 0; }

.user-picture {  float: left; margin: 0 10px 20px 0; }

.submitted-info .user-picture {  float: none; padding: 10px 0 0 0; margin:0; }

.author-info { font-size: 13px; color: #838383; }

.author-info .author-name, .author-info .author-description { padding: 0 0 10px 0; }

.author-info .author-name a, #comments .author-name a { color: #838383; font-weight: bold; }

/* Listing pager */
ul.pager { display: block; float: left; margin: 0; padding: 0 0 20px 0; }

.item-list .pager li { list-style: none; display: inline-block; float: left; margin: 0 5px 0 0; padding: 4px 8px; }

ul.pager li:active, ul.pager li:hover, ul.pager li.pager-current { background: #eeeeee; }

@media all and (max-width: 767px) {
	.grid_8 #main ul.pager  { padding-bottom: 25px; }
}

/* Comments */
#comments { clear:both; }

#comments .comment { margin-bottom: 10px; padding-bottom:10px; font-size: 13px; line-height:160%; }

.comment-info { padding:10px 0 20px 0; }

.comment-left { float:left; width:50%; padding:0 10px 0 0; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.comment-right { float:left; width:50%; text-align:right;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.comment .content { clear:both; border:1px solid #eeeeee; padding:20px; margin:0 0 20px 0; background:#f8f8f8; }

.comment-arrow { background: url("images/comment-arrow.jpg") no-repeat 0 center transparent; 
height: 12px;   width: 12px; margin-top: 35px; position: absolute; right:-1px; }

#comments h2.title { font-weight: bold; font-size:18px; border-top:1px solid #f3f3f3; padding:25px 0; margin:15px 0 0 0; }

#comments h3, .comment h3.title { margin:0; padding: 0 0 10px 0; font-size:15px; }

#comments h3 a, .comment h3.title a { color:#262626; font-weight:bold; }

#comments .submitted {  font-style:italic; font-size: 12px;  padding:0; }

#comments .user-picture { margin:0; }

#comments .username { margin:0; padding:10px 0 0 0; font-size:16px; font-weight:bold; text-transform:uppercase; }

#comments .user-picture img { margin:-8px 0 0 0; padding:0 20px 0 0; }

#comments ul.links { margin: 0; padding: 0; list-style: none; float:right; }

#comments ul.links li.last { padding-right:0; }

#comments .indented { margin-left: 40px; }

#comments ul.links li { font-style:normal; padding: 0 0 0 10px; display:inline; }

#comments ul.links li a { font-weight:bold; background: none; padding:0; margin:0; text-transform:none; text-decoration:underline; }

#comments ul.links li a:hover { background: none; text-decoration:underline!important; }

/* Poll */
.poll .title { padding:0 0 10px 0; }

.poll .bar .foreground { background:#ffd71f; }

/* Drupal system links */
ul.inline li { padding:0; }

div.links, ul.links { padding: 10px 0 0 0; }

div.links ul, ul.links { margin: 0; }

.node-teaser ul.links.inline { display: block; clear:both; }

div.links ul li { color: #838383; margin: 0 5px 8px 0; padding: 0 8px 0 0; display: inline; float: left; }

div.links ul li.last, ul.links li.last { padding-right: 0; margin-right: 0; }

div.links ul li a, ul.links ul li a { padding: 8px 0; display: inline-block; }

div.links ul li.comment_forbidden a, ul.links li.comment_forbidden a, ul.links li.comment_forbidden.last a { margin-right:10px; }

/* Promoted-posts View */
.view-promoted-posts h2 { margin-bottom: 10px; }

.view-promoted-posts .views-row { margin-top:20px!important; margin-bottom:20px!important; }

.view-promoted-posts img { border:1px solid #f2f2f2; width: 100%; }

/* Sidebar Testimonials block */
.testimonial { clear:both; margin-bottom:30px; }

.testimonial .testimonial-submitted { clear: both; padding: 10px 0 0 0; line-height:130%; }

#page .testimonial .testimonial-submitted a { font-style: normal; color: #262626; font-weight:bold; text-decoration:none; }

.testimonial .testimonial-submitted p { font-style: italic; font-size: 10px; margin:0; padding:0; }

.testimonial-inner p { font-style: italic; margin:0; padding:0; }

.testimonial-inner, .node-mt-testimonial .field-item { position: relative; }

.page-node .node-mt-testimonial .field-name-field-subtitle { margin:-20px 0 20px 0; font-style:italic; }

/* Menu blocks */
ul.menu { padding:0; margin:0; }

ul.menu li { list-style: none; padding: 0 0 5px 15px;  }

ul.menu ul { margin:0; }

ul.menu li a { color:#292929; text-decoration:none; }

ul.menu li a:hover { text-decoration:none; }

ul.menu li.expanded { padding-bottom: 0; background: url("images/menu-expanded.png") no-repeat scroll 0 8px transparent }

ul.menu li.collapsed { background: url("images/menu-collapsed.png") no-repeat scroll 0 8px transparent }

#footer ul.menu li { padding-bottom: 5px;}

#footer ul.menu li.expanded ul.menu { padding-top: 5px;}

#header-top ul.menu ul.menu { display: none; }

#header-top ul.menu { margin: 0; padding: 0; }

#header-top ul.menu li { border-right: 1px solid #dadada; border-bottom:none; display: inline; list-style-type: none; margin: 0; padding: 0 12px; background:none; }

#header-top ul.menu li.first { margin: 0; padding-left: 0; }

#header-top ul.menu li.last { border-right: medium none; padding-right:0; }

#header-top ul.menu ul.menu { display: none; }

/* Subfooter menu */
#subfooter ul.menu { margin: 0; padding: 0; }

#subfooter ul.menu li { border-right: 1px solid #303030; border-bottom:none; display: inline-block; list-style-type: none; margin: 0 15px 0 0; padding: 20px 15px 20px 0; background-image:none; }

#subfooter ul.menu li.first { padding-left: 0; }

#subfooter ul.menu li.last { border-right: medium none; padding-right:0; margin-right:0; }

#subfooter ul.menu ul.menu { display: none; }

#subfooter ul.menu li a { font-weight:bold; text-transform:uppercase; padding:0; margin:0; color: #ffffff; }

#subfooter ul.menu li a:hover { color: #ffffff; }

@media all and (min-width: 768px) and (max-width: 979px) {
	#subfooter ul.menu li {  margin: 0 5px 0 0; padding: 20px 5px 20px 0; }
}

@media all and (max-width: 480px) {
	#subfooter ul.menu li { border-right: none; border-bottom:1px solid #303030; display: block; list-style-type: none; margin: 5px 0; padding: 5px 0; }
}

/* Views Latest Objects (Products, Services, Blogposts) */
.view-latest-objects .views-row { clear: both; display: block; overflow: hidden; margin: 0 0 10px; padding: 10px; line-height: 17px; border: 1px solid #f3f3f3; }

.view-latest-objects .views-row.last { margin: 0; }

.view-latest-objects .views-row .views-field-field-image  { float: left; max-width: 110px; margin: 0 10px 0 0; padding: 0; }

.view-latest-objects .views-row a img { float: left; max-width: 110px; padding: 0; border: 1px solid #f2f2f2; }

.view-latest-objects .views-row .views-field-body, .view-latest-objects .views-row .views-field-created { font-size: 12px; font-style:italic; }

/* Showcase */
.view-showcases .views-row { padding-bottom: 45px; }

.view-showcases .views-field-title h2 { margin: 10px 0 5px 0; }

.view-showcases .views-field-field-subtitle, .node-mt-showcase .field-name-field-subtitle { font-size: 15px; font-style: italic; padding-bottom: 10px; }

.node-mt-showcase .field-name-field-subtitle { padding:5px 0 20px 0; }

.view-showcases .views-field-field-subtitle p, .field-name-field-subtitle p { padding: 0; }

.view-showcases .views-field-body p { padding: 0 0 10px 0; }

.view-showcases .views-field-field-tags { font-size:12px; }

.view-showcases .views-field-view-node { margin:20px 0 0 0; }

/* About */
.team-member { line-height:130%;  margin: 0 0 25px 0; cursor: default; }

.team-member h2 { font-size:24px; margin:0; }

.team-member a { color:#292929; text-decoration:underline; }

.team-member-arrow { background: url("images/menu-rect-1.png") no-repeat scroll bottom right transparent; width: 16px; height: 16px; position: absolute; right: 0; bottom:29px; }

.team-member-title { font-size: 14px; font-weight: bold; font-style:italic; padding:0 0 10px 0; }

.team-member-description { padding: 10px 0 0 0; font-size: 11px; line-height:150%; }

.team-member-email, .team-member-twitter { padding-left: 25px; background: url("images/team-email.png") no-repeat scroll left center transparent; }

.team-member-email a, .team-member-twitter a { font-size: 12px; font-weight: bold; font-style:italic; }

.team-member-twitter { background-image: url("images/team-twitter.png"); }

.view .mask { width: 380px; height: 380px; position: absolute; overflow: hidden; top: 0; left: 0;
opacity: 0; filter: alpha(opacity=0); background-color: #ffd71f; /*background: rgba(237,195,0,0.9);*/ padding:20px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; 
-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.view:hover .mask { opacity: 1; filter: alpha(opacity=100); }

.view .mask.effect {  -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); 
-o-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); }

.view:hover .mask.effect { -webkit-transform: scale(1) rotate(0deg);
 -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); 
-o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); }

.one-sidebar .view .mask { width: 246px; height: 246px; }

.one-sidebar .team-member-description { display:none; }

.one-sidebar .team-member-email a, .one-sidebar .team-member-twitter a { font-size:10px; }

@media all and (min-width: 980px) and (max-width: 1199px) {
	.view .mask  { width: 300px; height: 300px; }
	.one-sidebar .view .mask { width: 193px; height: 193px; }
	.one-sidebar .team-member-email a, .one-sidebar .team-member-twitter a { font-size:9px; }
}

@media all and (min-width: 768px) and (max-width: 979px) {
	.view .mask  { width: 220px; height: 220px; padding:10px; }
	.one-sidebar .view .mask { width: 140px; height: 140px; }
	.team-member-description { display:none; }
	.team-member-email a, .team-member-twitter a { font-size: 10px; }
	
	.one-sidebar .team-member h2 { font-size:16px; } .one-sidebar .team-member-title { font-size:12px; } 
	.one-sidebar .team-member-email a, .one-sidebar .team-member-twitter a { font-size:8px; }
}

@media all and (max-width: 767px) {
	.team-member img { padding:0 20px 20px 0; }
	.view .mask, .one-sidebar .view .mask { position: relative; width:100%; height:auto; overflow:auto;
	opacity: 1; filter: alpha(opacity=1); background-color: #ffffff; padding:0 20px 20px 0;
	-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
	.team-member-arrow { display:none; }
	.one-sidebar .team-member-description { display:block; }
}

.views-row.one-half:nth-child(2n),
.views-row.one-third:nth-child(3n),
.views-row.one-fourth:nth-child(4n) { margin-right: 0; }

.views-row.one-half:nth-child(2n+1),
.views-row.one-third:nth-child(3n+1),
.views-row.one-fourth:nth-child(4n+1) { clear:both; }

/* Forms */
label { color: #000000; font-weight:bold; font-size:14px; display: block; padding: 0 0 5px; }

input { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

input.form-text, textarea, select { background: #ffffff; color: #292929; font-size: 12px; padding: 10px 15px; width: 60%; outline:none; border: 1px solid #eeeeee;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

input.form-text:focus, textarea:focus { border-color:#ffd71f; }

::-webkit-input-placeholder { color: #292929; font-size:12px; }

:-moz-placeholder { color: #292929; font-size:12px; }

::-moz-placeholder { color: #292929; font-size:12px; }

:-ms-input-placeholder { color: #292929; font-size:12px; }

textarea { padding:10px 15px; width: 100%; resize: vertical; min-height: 175px; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.resizable-textarea .grippie { width: 100%; border:none; }

@media all and (min-width: 768px) and (max-width: 979px) {
	.search-form input.form-text { width:52%; }
}

@media all and (max-width: 767px) {
	input.form-text, textarea, .form-textarea-wrapper textarea, .resizable-textarea .grippie,
	.node-webform textarea, .node-webform .form-textarea-wrapper textarea, .node-webform .resizable-textarea .grippie { 
	width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	
	.search-form input.form-submit { margin-top:10px; }
}

.form-item { margin: 20px 0; }

.more-link a, a.more, div.links ul li a, ul.links li a, input[type="submit"], input[type="reset"], input[type="button"], 
.checkout-buttons .checkout-cancel, .checkout-buttons .checkout-back { 
display: inline-block; padding: 10px 25px; margin:0 10px 10px 0; color: #252525;
border: none; cursor: pointer; background-color: #ffd71f; text-decoration: none!important; text-transform:uppercase; font-size:14px; font-weight:bold; line-height:150%;  }

ul.links li.last a { margin-right:0; }

input[type="submit"], input[type="reset"], input[type="button"] { -webkit-appearance: button; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.more-link a:hover, a.more:hover, div.links ul li a:hover, ul.links li a:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
.checkout-buttons .checkout-cancel:hover, .checkout-buttons .checkout-back:hover { border-bottom:none;
background-color: #edc300; color:#000000; text-decoration: none; text-transform:uppercase;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

fieldset { border:1px solid #eeeeee; }

#sidebar .more-link { background: url("images/sidebar-more-link.png") no-repeat scroll left center transparent; padding:0 0 0 12px; margin:0; float:left; }

#sidebar .more-link a { display: inline-block; padding: 0; margin:0; color:#3f3f3f; border-bottom:1px solid #3f3f3f; line-height:120%; font-style:italic; background:none; text-transform:none; font-size:12px; }

#sidebar .more-link a:hover { border-bottom:1px solid #ffd71f; }

span.button-operator { margin:0 10px 0 0; }

/* Footer - Contact form */
#footer .block-webform .form-item { margin:0; }

#footer .block-webform label { display:none; }

#footer .block-webform .resizable-textarea .grippie { display:none; }

#footer input.form-text { margin-bottom: 10px; width: 100%; max-width: 100%; outline:none; font-size: 12px; font-style: normal; border:none;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#footer textarea { min-height: 130px; overflow: auto; width: 100%; max-width: 100%; resize: vertical; margin-bottom: 10px; outline:none; border:none;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Search block */
#banner #search-block-form input.form-text, #header-right #search-block-form input.form-text { border:none; margin:0; padding:0 0 0 10px; height:40px; line-height:40px; border-left:1px solid #eeeeee; width:340px;}

#banner #search-block-form:hover input.form-text, #banner #search-block-form input.form-text:focus,
#header-right #search-block-form:hover input.form-text, #header-right #search-block-form input.form-text:focus { padding:0 10px; width:340px; }

#block-search-form input.form-text, #block-search-form input.form-submit { float:left; }

#block-search-form input.form-text { margin:0; padding:0 10px; height:40px; line-height:40px; width:340px; }

#footer #block-search-form input.form-text,
#footer-bottom #block-search-form input.form-text,
#subfooter #block-search-form input.form-text { width:495px; }

@media all and (min-width: 980px) and (max-width: 1199px) {
	#banner #search-block-form:hover input.form-text, #banner #search-block-form input.form-text:focus,
	#header-right #search-block-form:hover input.form-text, #header-right #search-block-form input.form-text:focus { width:180px; }

	#block-search-form input.form-text { width:240px; }
	
	#footer #block-search-form input.form-text,
	#footer-bottom #block-search-form input.form-text,
	#subfooter #block-search-form input.form-text { width:375px; }
}

@media all and (min-width: 768px) and (max-width: 979px) {
	#banner #search-block-form:hover input.form-text, #banner #search-block-form input.form-text:focus,
	#header-right #search-block-form:hover input.form-text, #header-right #search-block-form input.form-text:focus { width:180px; }

	#block-search-form input.form-text { width:160px; }
	
	#footer #block-search-form input.form-text,
	#footer-bottom #block-search-form input.form-text,
	#subfooter #block-search-form input.form-text { width:255px; }
}

@media all and (max-width: 767px) {
	#banner #search-block-form:hover input.form-text, #banner #search-block-form input.form-text:focus,
	#header-right #search-block-form:hover input.form-text, #header-right #search-block-form input.form-text:focus { width:140px; }

	#block-search-form input.form-text,
	#footer #block-search-form input.form-text,
	#footer-bottom #block-search-form input.form-text,
	#subfooter #block-search-form input.form-text { width:240px; }
}

/* Contact form page*/
.node-webform form { background:#f3f3f3; padding:0 20px; margin: 20px 0; border:1px solid #eeeeee; }

.node-webform .form-submit { margin:0 0 20px -21px; height:41px; }

@media all and (max-width: 767px) {
	.node-webform form { background:#fafafa; padding:10px 20px;  margin: 0 0 20px 0; }
}

/* Social-bookmarks */
ul.social-bookmarks { display: block; overflow: hidden; margin: 0; padding: 0; clear:both; }

ul.social-bookmarks li { list-style-type: none; margin: 0; }

ul.social-bookmarks li a { display: inline-block; float:left; overflow: hidden; width: 40px; height: 40px; 
margin: 0 auto; outline: medium none; padding: 0; text-align: center; text-indent: -9999px; }

ul.social-bookmarks li.facebook a { background: url("images/facebook.png") no-repeat scroll center center #eeeeee; }

ul.social-bookmarks li.twitter a { background: url("images/twitter.png") no-repeat scroll center center #ffffff; }

ul.social-bookmarks li.youtube a { background: url("images/youtube.png") no-repeat scroll center center #eeeeee; }

ul.social-bookmarks li.googleplus a { background: url("images/googleplus.png") no-repeat scroll center center #ffffff; }

ul.social-bookmarks li.linkedin a { background: url("images/linkedin.png") no-repeat scroll center center #eeeeee; }

ul.social-bookmarks li.vimeo a { background: url("images/vimeo.png") no-repeat scroll center center #ffffff; }

ul.social-bookmarks li.flickr a { background: url("images/flickr.png") no-repeat scroll center center #eeeeee; }

ul.social-bookmarks li.skype a { background: url("images/skype.png") no-repeat scroll center center #ffffff; }

ul.social-bookmarks li.facebook a:hover { background-image: url("images/facebook-hover.png"); }

ul.social-bookmarks li.twitter a:hover  { background-image: url("images/twitter-hover.png"); }

ul.social-bookmarks li.youtube a:hover  { background-image: url("images/youtube-hover.png"); }

ul.social-bookmarks li.googleplus a:hover  { background-image: url("images/googleplus-hover.png"); }

ul.social-bookmarks li.linkedin a:hover { background-image: url("images/linkedin-hover.png"); }

ul.social-bookmarks li.vimeo a:hover  { background-image: url("images/vimeo-hover.png"); }

ul.social-bookmarks li.flickr a:hover  { background-image: url("images/flickr-hover.png"); }

ul.social-bookmarks li.skype a:hover  { background-image: url("images/skype-hover.png"); }

#header-right ul.social-bookmarks { float:right; } #header-right ul.social-bookmarks li { display:inline-block; }

#banner #block-block-13 { position:absolute; z-index:100; } 

#banner #block-block-13 ul.social-bookmarks li { display:inline; }

#banner #block-block-13 ul.social-bookmarks li a { display:none; }

#banner #search-block-form, #search-block-form input.form-text, #search-block-form input.form-submit { float:left; }

.preload-social-bookmarks { visibility:hidden; }

.preload-social-bookmarks .facebook { background: url("images/facebook-hover.png") no-repeat transparent; }

.preload-social-bookmarks .twitter { background: url("images/twitter-hover.png") no-repeat transparent; }

.preload-social-bookmarks .flickr { background: url("images/flickr-hover.png") no-repeat transparent; }

.preload-social-bookmarks .youtube { background: url("images/youtube-hover.png") no-repeat transparent; }

.preload-social-bookmarks .linkedin { background: url("images/linkedin-hover.png") no-repeat transparent; }

.preload-social-bookmarks .vimeo { background: url("images/vimeo-hover.png") no-repeat transparent; }

.preload-social-bookmarks .skype { background: url("images/skype-hover.png") no-repeat transparent; }

.preload-social-bookmarks .googleplus { background: url("images/googleplus-hover.png") no-repeat transparent; }

ul.social { margin:0; padding:0; border:1px solid #eeeeee; }

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

ul.social li a { display:block; margin: 0; outline: medium none; padding:10px 10px 10px 55px; border-bottom:1px solid #eeeeee; color:#292929; font-size:13px; }

ul.social li.last a { border-bottom:none; }

ul.social li.facebook a { background: url("images/facebook.png") no-repeat scroll 20px center transparent; }

ul.social li.twitter a { background: url("images/twitter.png") no-repeat scroll 15px center transparent; }

ul.social li.youtube a { background: url("images/youtube.png") no-repeat scroll 15px center transparent; }

ul.social li.googleplus a { background: url("images/googleplus.png") no-repeat scroll 20px center transparent; }

ul.social li.linkedin a { background: url("images/linkedin.png") no-repeat scroll 20px center transparent; }

ul.social li.vimeo a { background: url("images/vimeo.png") no-repeat scroll 20px center transparent; }

ul.social li.flickr a { background: url("images/flickr.png") no-repeat scroll 20px center transparent; }

ul.social li.skype a { background: url("images/skype.png") no-repeat scroll 20px center transparent; }

ul.social li a:hover { background-color:#eeeeee; text-decoration:none; }

ul.contact-info { margin:0; padding:0; border:1px solid #eeeeee; }

ul.contact-info li { list-style-type: none; margin: 0; padding:0; 
display:block; margin: 0; outline: medium none; padding:10px 10px 10px 55px; border-bottom:1px solid #eeeeee; color:#292929; font-size:13px; }

ul.contact-info li.last { border-bottom:none; }

ul.contact-info li.location { background: url("images/location-info.png") no-repeat scroll 15px center transparent; }

ul.contact-info li.phone { background: url("images/phone-info.png") no-repeat scroll 15px center transparent; }

/* Subfooter */
#subfooter { color: #ffffff; }

#subfooter a { color: #ffffff; }

#subfooter a:hover { color: #ffffff; text-decoration: underline; }

#footer-bottom .address { background: url("images/address.png") no-repeat left center transparent; padding:5px 5px 5px 45px; font-size:15px; }

#footer-bottom .phone { background: url("images/phone.png") no-repeat left center transparent; padding:5px 5px 5px 35px; font-size:15px; }

/* Tweets */
.view-tweets .views-row { font-size:12px; padding:0 0 15px 0; line-height: 145%; }

.view-tweets .views-row.views-row-last { padding:0; }

.view-tweets .views-row .views-field-created-time { font-size:10px; color:#d8d8d8; font-style:italic; padding:5px 0 0 0; display:block; clear:both; }

.view-tweets.view-display-id-page_2 .views-row { font-size:15px; line-height:150%; padding:0 0 20px 0; }

.view-tweets.view-display-id-page_2 .views-row .views-field-created-time { color:#292929; font-size:12px; }

#footer .view-tweets .more-link a, #subfooter .view-tweets .more-link a {
display: inline-block; color: #ffd71f; text-transform:none; font-style:italic;
border: none; cursor: pointer; background-color: transparent; font-size:12px; font-weight:normal; margin:0; padding:0; }

#footer .view-tweets .more-link a:hover, #subfooter .view-tweets .more-link a:hover { text-decoration:underline!important; }

/* Tables */
table { border-collapse: collapse; width:100%; }

table th { font-size:14px; font-weight:bold; text-transform:uppercase; border:1px solid #eeeeee; background:#f8f8f8; }

table th, table td { vertical-align: top; padding:20px; text-align:left; }

table td { vertical-align: top; text-align:left; border:1px solid #eeeeee;  }

table tr.even, table tr.odd  { border-bottom: 1px solid #eeeeee; background:none; }

/* Yoxview */
.images-container { clear: both; display: block; padding: 0 0 35px 0; }

.image-listing-items { padding:10px 0 0 0; }

.image-listing-item { float: left; margin: 0 12px 12px 0; padding: 0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.image-listing-item:hover {  }

.image-listing-item a img { display:block; overflow:hidden; }

.image-listing-item img { max-width: 100%; }

.image-listing-item { max-width: 120px; }

.no-sidebars .image-listing-item { max-width: 137px; }

.one-sidebar .image-listing-item:nth-child(6n), .no-sidebars .image-listing-item:nth-child(8n) { margin-right: 0px; }

.node .image-caption {  padding: 20px; background: #ffd71f; margin-top:1px; }

.node .image-caption h4 { font-size:16px; font-weight:normal; padding:0; margin:0; }

.node .image-caption p { font-size:12px; font-weight:bold; padding:0; margin:0; }

/* Showcase */
.node-mt-showcase .image-listing-item { max-width: 384px; }

.no-sidebars .node-mt-showcase .image-listing-item { max-width: 385px; }

.node-mt-showcase .image-listing-item:nth-child(2n), .no-sidebars .node-mt-showcase .image-listing-item:nth-child(2n) { margin-right: 0px; }

@media all and (min-width: 1200px) {
.no-sidebars .node-mt-showcase .image-listing-item:nth-child(2n) { margin-right: 12px; }
.no-sidebars .node-mt-showcase .image-listing-item:nth-child(3n) { margin-right: 0px; }
}

@media all and (min-width: 980px) and (max-width: 1199px) {
	.image-listing-item { max-width: 116px; }
	.image-listing-item, .one-sidebar .image-listing-item:nth-child(6n) { margin: 0 10px 10px 0; }
	.one-sidebar .image-listing-item:nth-child(5n), .no-sidebars .image-listing-item:nth-child(7n) { margin-right: 0px; }
	.no-sidebars .image-listing-item { max-width: 124px; margin: 0 12px 12px 0; }
	.no-sidebars .image-listing-item:nth-child(8n) { margin: 0 12px 12px 0; }
	/* Showcase */
	.node-mt-showcase .image-listing-item { max-width: 305px; }
	.no-sidebars .node-mt-showcase .image-listing-item { max-width: 464px; }
}

@media all and (min-width: 768px) and (max-width: 979px) {
	.image-listing-item { max-width: 110px; }
	.image-listing-item, .one-sidebar .image-listing-item:nth-child(6n), .no-sidebars .image-listing-item:nth-child(8n) { margin: 0 6px 6px 0; }
	.one-sidebar .image-listing-item:nth-child(4n) { margin-right: 0px; }
	.no-sidebars .image-listing-item:nth-child(5n) { margin-right: 0px; }
	.no-sidebars .image-listing-item { max-width: 135px; }
	/* Showcase */
	.node-mt-showcase .image-listing-item { max-width: 227px; }
	.no-sidebars .node-mt-showcase .image-listing-item { max-width: 347px; }
}

@media all and (max-width: 767px) {
	.image-listing-item, .no-sidebars .image-listing-item,
	.one-sidebar .image-listing-item:nth-child(5n),
	.no-sidebars .image-listing-item:nth-child(8n) { margin: 0 2% 2% 0; max-width: 32%; }
	.image-listing-item:nth-child(3n) { margin-right: 0; }
	/* Showcase */
	.node-mt-showcase .image-listing-item, .no-sidebars .node-mt-showcase .image-listing-item { margin: 0 2% 2% 0; max-width: 49%; }
}

@media all and (max-width: 480px) {
	/* Showcase */
	.node-mt-showcase .image-listing-item, .no-sidebars .node-mt-showcase .image-listing-item { max-width: 100%; width: 100%; margin-bottom:10px; }
	.yoxview { padding: 0 0 20px 0; }
}

.showcase-content { display: block; position: relative; padding: 15px; width:100%;
background:#eeeeee; border-top:1px solid #ffffff;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.showcase-title { font-size:16px; padding:0 0 5px 0; margin:0; }

.showcase-body { font-size:13px; font-style:italic; line-height:140%; }

/* Drupal status messages */
div.messages { color: #ffffff; margin: 0 0 10px; padding: 15px 60px; font-style:italic; border:none; }

div.messages a { color: #ffffff; }

div.messages.status { background: #4e7f00 url("images/status.png") no-repeat scroll 20px center; }

div.messages.error {  background: #ed1c24 url("images/error.png") no-repeat scroll 20px center; }

div.messages.warning {  background: #edc300 url("images/warning.png") no-repeat scroll 25px center; color:#292929; }

/* Flexslider */
.flexslider { border:none; margin:0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }

.flex-caption { background:#ffd71f; position:absolute; top:150px; width:380px; height:200px; padding:20px 20px 0 20px; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flex-caption h2 { padding:0; margin:0; font-size:26px; }

.flex-caption h2 a { color:#000000; }

.flex-caption a.more { background:#3f3f3f; color:#ffffff; position:absolute; font-size:14px; left:0; bottom:0; margin:0; }

.flex-caption a.more:hover { background:#ffffff; color:#292929; }

/* Direction Nav */
.flex-direction-nav a { width: 40px; height: 40px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; }

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev, .flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity:1; }

.flexslider .flex-prev {  background: #eeeeee url("images/previous.png") no-repeat; }

.flexslider .flex-next {  background: #eeeeee url("images/next.png") no-repeat; }

.flexslider .flex-prev:hover, .flexslider .flex-next:hover {  background-color: #edc300; }

.flex-direction-nav .flex-next, .flexslider:hover .flex-next { left: 380px; top: 330px; }

.flex-direction-nav .flex-prev, .flexslider:hover .flex-prev { left: 340px; top: 370px; }

.slides-info { width:40px; height:40px; position:absolute; margin: 310px 0 0 340px; padding:10px 0 0 10px; color:#ffffff; background:#292929; font-size:12px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:1; }

#slideshow-effects { display:none; }

@media all and (min-width: 980px) and (max-width: 1199px) {
	.flex-caption { top:100px; width:300px; }
	.flex-direction-nav .flex-next, .flexslider:hover .flex-next { top: 280px; left: 300px; }
	.flex-direction-nav .flex-prev, .flexslider:hover .flex-prev { top: 320px; left: 260px; }
	.slides-info { margin: 260px 0 0 260px; }
}

@media all and (max-width: 979px) {
	.flex-caption { bottom:0; position: relative; top: 0; width: 100%; height:auto; min-height:130px; vertical-align:bottom; padding-bottom:60px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.flex-caption h2 { padding:0; margin:0; font-size:20px; }
	.flex-direction-nav .flex-next, .flexslider:hover .flex-next { left: auto; right:0; top: auto; bottom:0; }
	.flex-direction-nav .flex-prev, .flexslider:hover .flex-prev { left: auto; right:40px; top: auto; bottom:0; }
	.slides-info { display:none; }
}

#toTop { display: inline-block; padding: 10px 25px; margin:0 10px 10px 0; color: #252525; position:fixed; bottom:60px; right:10px; cursor:pointer; display:none; z-index:100; 
border: none; cursor: pointer; background-color: #ffd71f; text-decoration: none!important; text-transform:uppercase; font-size:14px; font-weight:bold; line-height:150%; }

/* Smart border */
#featured .smart-border { background:#edc300; content:" "; position:absolute; left:0; height:54px; margin-top:10px; padding:0; }

#sidebar .smart-border { background:#3f3f3f; content:" "; position:absolute; right:0; /*height:35px;*/ margin:0; padding:0; }

.slideshow .smart-border.caption { background:#edc300; content:" "; position:absolute; left:0; height:200px; margin-top:150px; padding:0; }

.slideshow .smart-border.more { background:#292929; content:" "; position:absolute; left:0; height:41px; margin-top:309px; padding:0; }

@media all and (min-width: 980px) and (max-width: 1199px) {
	.slideshow .smart-border.caption {  margin-top:100px; }
	
	.slideshow .smart-border.more { margin-top:259px; }
}


#breadcrumb .smart-border { background:#292929; content:" "; position:absolute; left:0; /*height:41px;*/ margin-top:-10px; padding:0; }

#custom-area .smart-border { background:#edc300; content:" "; position:absolute; left:0; height:12px; padding:0; }

.node-webform form .smart-border { background:#edc300; content:" "; position:absolute; left:0; height:41px; margin:-76px 0 0 0; padding:0; }

.node-teaser .smart-border { background:#edc300; content:" "; position:absolute; left:0; height:41px; margin-top:10px; padding:0; }

.logged-in .node-teaser .smart-border { display:none; }

@media all and (max-width: 980px) {
	.smart-border { display:none; }
}

.no-smart-borders .smart-border { display:none; }

#map-canvas { display:none; height:350px; width:100%; max-width:100%; overflow:hidden;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:none; }

#map-canvas img { max-width: inherit; }

#map-anchor { font-size:12px; font-style:italic; }

.onscroll #header { border-bottom:1px solid #ededed; }
.onscroll #logo { float:left; padding:0 10px 0 5px; }
.onscroll #site-name a { font-size:25px; }
.onscroll #site-slogan { display:none; visibility:hidden; padding:0; }
.onscroll #site-slogan { padding:0; }
.onscroll #header-inside-left { padding:10px; }

@media all and (max-width: 767px) {
	.onscroll #logo { float:none; padding:0; }
}

/* Local tasks */
ul.primary, ul.tabs { clear:both; margin:10px 0; white-space: normal }

ul.primary li, ul.tabs li { padding:10px 0;  }

/* Reset Contextual links style*/
.contextual-links-wrapper {  }

ul.contextual-links li { line-height: 100%!important; list-style: none!important; list-style-image: none!important; margin: 0!important; padding: 0!important; }

ul.contextual-links li a { color: #333 !important; text-shadow:none!important; display: block!important; margin: 0.25em 0!important; padding: 0.25em 1em 0.25em 0.5em!important; background-image:none!important; font-size: 100%!important; text-transform:none !important; line-height: 120% !important; }

ul.contextual-links li a:hover { background-color: #bfdcee!important; }

/* Clear Floated Elements */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* Commerce */
.field-name-commerce-price, .field-type-commerce-price, .views-field-commerce-price { margin:5px 0; font-weight:bold; }

.view-promoted-posts .views-field-commerce-price, .view-services .views-field-commerce-price { font-size:18px; font-weight:bold; margin-bottom:25px; }

.node .field-name-commerce-price { font-size:30px; font-weight:bold; margin:15px 0 35px 0; }

label.edit-quantity { font-size: 18px; }

.view-commerce-cart-block td.price.views-align-right, .view-commerce-cart-form td.price.views-align-right, .view-commerce-cart-summary td.price.views-align-right { text-align:right; padding-right:0; }

.view-commerce-cart-block td.views-field-line-item-title,
.view-commerce-cart-form td.views-field-line-item-title,
.view-commerce-cart-summary td.views-field-line-item-title,
.view-commerce-line-item-table td.views-field-line-item-title { font-weight:normal; }

.view-commerce-cart-block { font-size:15px; }

.view-commerce-cart-block table, .view-commerce-cart-form table, .view-commerce-cart-summary table, .view-commerce-line-item-table table,
.view-commerce-cart-block tbody, .view-commerce-cart-form tbody, .view-commerce-cart-summary tbody, .view-commerce-line-item-table tbody,
.view-commerce-cart-block tr, .view-commerce-cart-form tr, .view-commerce-cart-summary tr, .view-commerce-line-item-table tr,
.view-commerce-cart-block table td, .view-commerce-cart-block table th, .view-commerce-cart-form table td, .view-commerce-cart-summary table td, .view-commerce-line-item-table table td { padding:15px; border:none; vertical-align:middle; }

.view-commerce-cart-block table tr, .view-commerce-cart-form table tr, .view-commerce-cart-summary table tr, .view-commerce-line-item-table table tr {  }

/* Commerce product page */
.commerce-add-to-cart .form-item-quantity label { font-weight:bold; padding:0 0 10px 0; font-size: 18px; }

.commerce-add-to-cart .form-item-quantity { margin-bottom:35px; }

.commerce-add-to-cart .form-item-quantity input.form-text { width:80px; border-width:6px; text-align:right; }

.commerce-add-to-cart input.form-submit { margin-bottom:25px; background-image: url("images/commerce-cart.png"); background-repeat:no-repeat; background-position:15px center; padding-left:45px; }

/* Commerce cart block */
.view-commerce-cart-block ul.inline li.line-item-summary-view-cart { padding-right:0; }

.view-commerce-cart-block .line-item-total, .block-commerce-cart .line-item-quantity { padding:15px 0 25px 0; }

@media all and (min-width: 768px) and (max-width: 979px) {
	.view-commerce-cart-block ul.links li a { display:inherit; margin-right:0; float:right; }
}

/* Commerce page-cart */
.page-cart .view-commerce-cart-form td.views-field-commerce-total.price { padding-right:0; text-align:right; }

.page-cart .view-commerce-cart-form .line-item-summary { padding:20px 0 10px 0; }

.page-cart .view-commerce-cart-form input.delete-line-item { padding:5px 10px; }

/* Commerce page-checkout */
.page-checkout .view-commerce-cart-summary table.commerce-price-formatted-components tr { border:none; }

.page-checkout .checkout-help { margin-bottom:10px; }

#edit-checkout.form-submit { margin:0; }

/* Commerce page-review */
.page-checkout-review tr.pane-title { border:none; }

.page-checkout-review tr.pane-data td { border-top:none; }

.page-checkout-review tr.pane-title td { border-bottom:none; }

.commerce-paypal-icon { display:inline-block; }

/* Commerce page-user order */
.view-commerce-line-item-table table.commerce-price-formatted-components tr { border:none; }

/* Commerce page-user orders */
.view-commerce-user-orders table, 
.view-commerce-user-orders table tbody, 
.view-commerce-user-orders table tr, 
.view-commerce-user-orders table td { border:none; }

.view-commerce-user-orders table tr { border-bottom: 1px solid #bcccd8; }

.view-commerce-user-orders table td.views-field-line-item-title { font-weight:bold; }

/* Commerce price formatted components */
.commerce-price-formatted-components td { padding-bottom:0; }

.entity-commerce-order .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount td { padding:10px; }

.commerce-price-formatted-components td.component-total { text-align:right; padding-right:0; }

.commerce-price-formatted-components, .commerce-price-formatted-components tbody, .commerce-price-formatted-components tr, .commerce-price-formatted-components tr td { border:none; }

#block-block-16 {
	position: absolute;
	right: 15px;
	top: 10px;
}

#block-block-17 {
	padding: 0;
}

#block-block-17 p {
	padding: 0;
	margin: 0;
}

#block-superfish-1 {
	float: right;
}

.field-name-field-tags { display: none; }

#block-block-22 { 
	background: url(/sites/default/files/534455634.jpeg) center center;
	background-size: cover;
	min-height: 350px;
}

#block-block-24 {
	float: right;
	padding: 0 0 0 20px;
	margin: 16px 0 0;
	font-size: 12px;
	font-weight: bold;
}

.required {width: 100%;}


/* WordPress-specific fixes */
body {
    padding-top: 90px; /* Space for fixed header */
}

.custom-logo {
    max-height: 60px;
    width: auto;
}

#logo a {
    display: block;
}

.sf-menu .sub-menu {
    display: none;
    position: absolute;
    background: #ffd71f;
    min-width: 200px;
    z-index: 500;
}

.sf-menu li:hover > .sub-menu {
    display: block;
}

.sf-menu .sub-menu li {
    display: block;
}

.sf-menu .sub-menu li a {
    display: block;
    padding: 12px;
    border: none;
    color: #000;
}

.view-services .views-row {
    margin-bottom: 30px;
    overflow: hidden;
}

.view-services .views-field-field-teaser-image {
    float: left;
    margin-right: 20px;
    max-width: 200px;
}

.view-services .views-field-field-teaser-image img {
    width: 100%;
    height: auto;
}

.testimonial-author {
    font-weight: bold;
    font-style: normal;
    margin-top: 10px;
}

.view-testimonials blockquote {
    margin: 0;
    padding: 0 50px;
}

/* Flexslider navigation for testimonials */
.view-testimonials .flex-direction-nav a {
    background: #ffd71f;
    color: #000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.navigation.pagination {
    text-align: center;
    margin: 20px 0;
}

.navigation.pagination .page-numbers {
    display: inline-block;
    padding: 5px 12px;
    margin: 0 2px;
    background: #292929;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.navigation.pagination .page-numbers.current {
    background: #ffd71f;
    color: #292929;
}

.navigation.pagination .page-numbers:hover {
    background: #ffd71f;
    color: #292929;
}