/* Global basic styles
------------------------------------------ */
* {margin: 0; padding: 0}
html {overflow: scroll; background: #ececec;}
body {position: relative; background: #fff; color: #333333;	font: 1em/1.5em "Signika", sans-serif;	font-weight: 300}
body.boxed {background-color: #ededed;}
dt {font-weight: 700;}
img {border: none; vertical-align: middle;}
ul[class] {list-style: none;}
a {color: #93bf1b; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; text-decoration: none;}
a:hover {color: #ff8400; text-decoration: none;}
a * {cursor: pointer;}
textarea, input, select, option, optgroup, button {font-family: inherit; font-size: inherit; vertical-align: middle;}
textarea { min-width: 92%; max-width: 97%; min-height: 150px; padding: 5px 1%;}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label, select {cursor: pointer; vertical-align: middle;}
input, select, textarea {outline: none;}
select option {padding: 0 10px;}
fieldset {overflow: hidden; border: none;}
legend {display: none;}
option {padding: 0 5px;}
table {border-collapse: collapse;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none;}

h1 {margin: 1em 0 0.5em; color: #3f3f3f; font: 400 2.308em "Signika",sans-serif;}
h1:first-child {margin: 1em 0 0.3em; font-size: 2.615em;}
h2 {margin: 1em 0 0.5em; color: #3f3f3f; font: 300 2.154em "Signika",sans-serif;}
h2 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;}
h3 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.846em "Signika",sans-serif;}
h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;}
h4 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.538em "Signika",sans-serif;}
h5 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.385em "Signika",sans-serif;}
h6 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.231em "Signika",sans-serif;}
p {margin: 1em 0;}
ul, ol {margin: 1em 0; padding: 0;}
li {margin: 0.5em 0 0.5em 2em;}
.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {float: right; margin: 0 20px 20px 0;}

label {display: block; color: #3f3f3f; font-weight: bold;}
input, textarea, select {padding: 10px 3%; border: 1px solid #ccc; border-radius: 2px; background: #fff;}
input.error, textarea.error, select.error {border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437;}
select {padding: 8px 3%; color: #999;}
a.button, button {display: inline-block; height: 32px; padding: 0 20px; border: none; border: 1px solid #de6200; border-radius: 3px; background: #ff9e00;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjZhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff9e00 0%, #ff6a00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9e00), color-stop(100%,#ff6a00));
background: -webkit-linear-gradient(top,  #ff9e00 0%,#ff6a00 100%);
background: -o-linear-gradient(top,  #ff9e00 0%,#ff6a00 100%);
background: -ms-linear-gradient(top,  #ff9e00 0%,#ff6a00 100%);
background: linear-gradient(to bottom,  #ff9e00 0%,#ff6a00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e00', endColorstr='#ff6a00',GradientType=0 );
color: #fff; font: bold 1em/32px "Arial",sans-serif; text-shadow: 0 -1px 0 #da5c00; text-transform: uppercase; box-shadow: 0 2px 2px rgba(0,0,0,0.2);}
a.button:hover, button:hover {background: #ff6a00;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjllMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff6a00 0%, #ff9e00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6a00), color-stop(100%,#ff9e00));
background: -webkit-linear-gradient(top,  #ff6a00 0%,#ff9e00 100%);
background: -o-linear-gradient(top,  #ff6a00 0%,#ff9e00 100%);
background: -ms-linear-gradient(top,  #ff6a00 0%,#ff9e00 100%);
background: linear-gradient(to bottom,  #ff6a00 0%,#ff9e00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a00', endColorstr='#ff9e00',GradientType=0 );}
blockquote {margin: 1.5em 0 1.5em 1em; padding: 1px 0 1px 1.5em; border-left: 2px solid #ff8400; font-style: italic;}

.clear {clear: both; height: 0; overflow: hidden;}

/* Main layout
------------------------------------------ */
.root {overflow: hidden;}
/*
body.boxed .root {max-width: 1000px; margin: 0 auto; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.3);}
@media (max-width: 980px) {
	.root {margin: 0; padding: 0 20px;}
	header, footer, .breadcrumb {margin: 0 -20px;}
	footer, .breadcrumb {padding-left: 20px; padding-right: 20px;}
}
body.boxed {background: #ececec;}
*/


body.boxed .root {
	max-width: 1000px; margin: 0 auto; background: #fff;
}

@media (max-width: 980px) {
	.root {margin: 0; padding: 0 20px;}
	.boxed .root .content {padding: 0;}
	header, footer, .breadcrumb {margin: 0 -20px;}
	footer, .breadcrumb {padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 400px) {
	.root {margin: 0; padding: 0 10px;}
	footer {padding-left: 10px; padding-right: 10px;}
}

body.boxed.shadow .root {box-shadow: 0 0 3px rgba(0,0,0,0.3);}

body.boxed.f01 {background: url("images/frames/frame01.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #eee;}
body.boxed.f02 {background: url("images/frames/frame02.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #bbb;}
body.boxed.f03 {background: url("images/frames/frame03.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #ddd;}
body.boxed.f04 {background: url("images/frames/frame04-1.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f05 {background: url("images/frames/frame04-2.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f06 {background: url("images/frames/frame05.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f07 {background: url("images/frames/frame06.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f08 {background: url("images/frames/frame07.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f09 {background: url("images/frames/frame08.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #eee;}

header {position: relative; z-index: 50; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.3);}
header>section.top {position: relative; z-index: 20; height: 30px; margin: 0; box-shadow: inset 0 -2px 2px rgba(0,0,0,0.05); background: #747474; color: #fff; font-size: 0.846em; text-align: right;}
header>section.top>div {max-width: 940px; margin: 0 auto;}

header>section.top p {float: left; margin: 0; padding: 0; line-height: 30px;}
header>section.top nav {display: inline-block;}
header>section.top nav>ul {height: 30px; margin: 0; list-style: none; text-align: left;}
header>section.top nav>ul>li {float: left; position: relative; margin: 0;}
header>section.top nav>ul>li>a {display: inline-block; height: 30px; padding: 0 10px; color: #fff; line-height: 30px;}
header>section.top nav>ul>li:hover>a {background-color: #3f3f3f; color: #fff;}
header>section.top nav>ul>li.current-menu-item>a, header>section.top nav>ul>li.current-menu-item:hover>a {color: #fff; background-color: #ff8400;}
header>section.top nav>ul>ul {font-size: 1.182em; line-height: 1em;}
header nav.utils a.cart {padding: 0 16px 0 30px; background: url("images/utils-cart.png") 8px 50% no-repeat;} 
header nav.utils a.login {padding: 0 16px 0 30px; background: url("images/utils-padlock.png") 8px 50% no-repeat;} 
header nav.utils a.lang {padding: 0 20px 0 16px; background: url("images/utils-down.png") 100% 50% no-repeat;} 
header nav.utils a:hover {background-color: #555;}


header>section.main-header {position: relative; z-index: 0; max-width: 940px; margin: 0 auto; background: #fff;}
.boxed header>section.main-header {padding: 0 30px;}
header>section.main-header nav {float: right; clear: right; margin: 30px 0 0;}

nav.mainmenu {margin: 17px -20px 0 0;}
nav.mainmenu ul {list-style: none; margin: 0;}
nav.mainmenu>ul {padding: 6px 0 13px;}
nav.mainmenu>ul>li {float: left; position: relative; height: 20px; margin: 0 -1px 13px 0;}
nav.mainmenu>ul>li:first-child {border: none;}
nav.mainmenu>ul>li>a {float: left; height: 20px; padding: 0 19px; border-left: 1px solid #e3e3e3; color: #3f3f3f; font: 300 1.231em/20px "Signika",sans-serif;}
nav.mainmenu>ul>li:hover {z-index: 30; height: 43px; margin: -10px -1px 0 0;}
nav.mainmenu>ul>li:hover>a {height: 40px; border-bottom: 3px solid #3f3f3f; background: #e6e6e6; color: #3f3f3f; line-height: 40px;}
nav.mainmenu>ul>li>a:active {color: #ff8400;}
nav.mainmenu>ul>li.current-menu-item>a {color: #ff8400;}
.h1 nav.mainmenu>ul>li.current-menu-item:hover {height: 20px; margin: 0 -1px 0 0; padding-bottom: 13px;}
.h1 nav.mainmenu>ul>li.current-menu-item:hover>a {height: 20px; padding: 0 19px; background: none; border-bottom: none; line-height: 20px;}

nav.mainmenu>ul>li>ul {font-size: 0.923em;}
header nav>ul ul {display: none; position: absolute; left: 0; top: 100%; width: 150px; margin: 0; padding: 10px 0 10px; background: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); font-weight: 400; font-family: "Arial",sans-serif;}
header .top nav>ul>li>ul {width: 140px; font-size: 1.091em;}
header .top nav>ul>li>ul ul {font-size: 1em;}
header nav ul ul li {display: block; float: none; position: relative; margin: 0;}
header nav ul ul li.parent>a {background: url("images/sm-arrow.png") 100% 50% no-repeat;}
header nav ul ul li a {display: block; padding: 4px 15px 4px 14px; color: #3f3f3f;}
header nav ul ul li a:hover, header nav ul ul li:hover>a {background-color: #ebebeb; color: #3f3f3f;}
header nav ul ul>li.current-menu-item>a {background-color: #ebebeb; color: #3f3f3f;}
header nav ul ul ul {display: none; position: absolute; left: 100%; top: -10px; font-size: 1em;}
header li:hover>ul {display: block;}

header nav>ul>li.right>ul {left: auto; right: 0;}
header nav>ul>li.right ul ul {left: auto; right: 100%;}

header nav a {-moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; color:#fff}
header nav .select {display: none;}

header p.title {float: left; margin: 17px 0 0 0; color: #999; font: 400 1.154em "Signika",sans-serif;}
header p.title a {display: block; color: #3f3f3f; font-size: 2.267em; font-weight: 400;}
header p.title a:hover {color: #3f3f3f;}
header p.title img {vertical-align: middle;}

header .searchform {float: right; margin-top: 18px;}
header .searchform fieldset, aside .searchform fieldset {border: 1px solid #ccc; border-radius: 2px;}
header .searchform input, aside .searchform input {margin: 0; padding: 3px 10px; border: none; box-shadow: none; background: #fff; font-size: 0.917em;}
header .searchform input {color: #747474;}
header .searchform button, aside .searchform button {width: 24px; height: 24px; padding: 0; border: none; background: #fff url("images/search.png") center center no-repeat; box-shadow: none; line-height: 24px;}

header .top .searchform {display: inline-block; width: 220px; margin-top: 8px; font-size: 1.091em;}
header .top .searchform fieldset {background: #fff;}
header .top .searchform input {width: 170px;}

@media (max-width: 980px) {
	header>section {padding: 0 20px;}
	.boxed header>section.main-header {margin: 0 -20px; padding: 0 40px;}
}
@media (max-width: 800px) {
	header>section {margin: 0 -20px; padding: 5px 20px 0;}
	header>section.top {height: auto; padding: 5px 20px 0; text-align: right;}
	/*header>section.top nav {width: 280px;}*/
	header>section.top .searchform {margin: 0;}
	header>section.main-header nav .select {width: 350px;}
	header nav>ul {display: none;}
	header nav.social {text-align: left;}
	header nav.social>ul {display: block; height: 24px; margin: 15px 0; padding: 0; line-height: 24px;}
	header nav .select {display: block; margin: 10px auto; text-align: left;}
	header>section.main-header nav .select {margin: 0 0 10px;}
	header .top nav .select {margin: 2px 0 5px;}
	header nav .select select {width: 100%;}
	header nav {padding-bottom: 1px; text-align: center; }
}
@media (max-width: 645px) {
	header p.title strong {text-align: center;}	
	header p.title {float: none; margin: 10px auto; text-align: center;}
	header .searchform {float: none; width: 220px; margin: 20px auto 0; text-align: center}
	header .searchform input {width: 180px; padding: 3px 5px;}
	header nav.social {text-align: center;}
	header>section.main-header nav {float: none; clear: left;}
	header>section.main-header nav .select {width: auto;}
}
@media (max-width: 620px) {
	header>section.top p {float: none; text-align: center;}
	header>section.top {text-align: center;}
	header>section.top nav {clear: both; width: 100%; margin: 0 auto;}
}
@media (max-width: 400px) {
	
	header>section {padding: 5px 10px 0;}
	header>section.top p {float: none; text-align: center; }
	header>section.top {text-align: center;}
	header nav {padding: 0 10px 1px;}
	header>section.top nav {display: block; clear: both; width: auto; margin: 0 auto; padding: 0 0 5px;}
	header>section.top nav .select {display: block; width: auto; margin: 2px 0 5px;}
	
	.boxed header>section.main-header {padding: 0 30px;}
}


.breadcrumb {border-bottom: 1px solid #e6e6e6; background-color: #ececec;}
.breadcrumb p {max-width: 940px; margin: 0 auto; padding: 1em 0; color: #999; font-size: 0.846em;}
.breadcrumb p a {display: inline-block; margin-right: 5px; padding-right: 14px; background: url("../images/bcrumb-arrow.gif") 100% 50% no-repeat; color: #3f3f3f;}
.breadcrumb p a:hover {color: #999;}


.content {position: relative; overflow: hidden; clear: both; max-width: 940px; margin: 0 auto; padding: 1px 0 40px;}
.boxed .content {max-width: 100%; padding: 1px 30px 40px;}
@media (max-width: 980px) {
	.content {max-width: 100%;}
}

aside {margin-top: 3em;}
aside h3 {margin-bottom: 1em; font-weight: normal; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-size: 1.5em; }
aside h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;}


footer {margin: 0 -7px; padding: 0; background: url("/images/footer.png"); box-shadow: inset 0 3px 7px rgba(0,0,0,0.2); color: #aeaeae;}
footer a {color: #ebebeb;}
footer a:hover {color: #aeaeae;}
footer section {overflow: hidden; margin: 0 auto; max-width: 940px;}
footer section.bottom {overflow: hidden; padding: 0; /*border-top: 1px solid #575757;*/ color: #999; font-size: 0.923em;}
.boxed footer section.bottom {padding: 20px 0;}
footer section.bottom p {float: left; margin: .2em 0; font-size: 0.917em;}
footer article {display: inline-block; width: 22.75%; margin: 0 0 25px 3%; font-size: 0.923em; vertical-align: top;}
footer article:nth-of-type(4n-3) {margin-left: 0;}
footer article h3 {margin-bottom: 1em; border-bottom: 1px solid #575757; color: #efefef; font-size: 1.5em; font-weight: 300;}
footer article h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 1px solid #ff8400;}
footer article ul {list-style: none;}
footer article ul li {margin: 0 0 0.5em; line-height: 1.3em;}
footer article.widget_photos ul li {display: inline-block; margin: 0 3px 6px 0;}
	
footer article.widget_links ul li:before {float: left; overflow: hidden; width: 7px; margin-right: 7px; content: "—"; color: #747474;}
footer article.tagcloud a {padding: 0 2px;}
footer article input {width: 66.3%; margin-right: 5px; padding: 5px 3%; border: 1 px solid #ccc; border-radius: 2px; font-size: 1.167em; vertical-align: top; color: #777;}
footer article button {width: 40px; height: 28px; padding: 0; border-radius: 3px; line-height: 17px; vertical-align: top; box-shadow: 0 1px 1px rgba(0,0,0,0.18); text-align: center;}
@media (max-width: 980px) {
	footer {margin: 0 -20px; padding: 25px 20px 0;}
}
@media (max-width: 800px) {
	footer article {width: 48.5%;}
	footer article:nth-of-type(2n-1) {margin-left: 0;}

}
@media (max-width: 400px) {
	footer article {width: 100%; margin-left: 0;}
}



@media (max-width: 645px) {
	header .social {text-align: center;}
}

@media (max-width: 550px) {
	footer section.bottom p {float: none; text-align: center;}
}

/* Column system
------------------------------------------ */
.columns {overflow: hidden; margin: 30px 0;}
.columns>article, .columns>div, .columns>section {display: inline-block; margin: 0 0 20px 3%; vertical-align: top;}
.columns>article.col1, .columns>div.col1, .columns>section.col1 {margin: 0 0 50px 0; }
.columns>article.col6, .columns>div.col6, .columns>section.col6 {margin-left: 2%;}
.columns>h2:first-child, .why-us h2 {margin: 0 0 1.5em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}
.columns>h2:first-child {margin-bottom: 1em;}
.columns>h2:first-child, .home section .columns h2:first-child, .home section .latest h2:first-child, .why-us h2 {margin: 0 0 1.5em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}

.columns>h2:first-child {margin-bottom: 1em;}
.columns h2:first-child span, .columns .more:first-child+h2 span,  section h2:first-child span {display: inline-block; margin-bottom: -1px; padding: 10px 0; border-bottom: 2px solid #ff8400;}
section .why-us h2:first-child span {padding-top: 0; padding-bottom: 7px;}

.columns .more:first-child+h2 {clear: none; margin: 0 0 1em;}
.columns .more:first-child {float: right; margin: 1em 0 0;}
.why-us h2 {margin-top: 0;}

.col1 {width: 100%; margin-left: 0;}
.col2 {width: 48.5%;}
.columns>.col2:nth-of-type(2n-1) {margin-left: 0;}
.col3 {width: 31.3%; margin-left: 3%;}
.columns>.col3:nth-of-type(3n-2) {margin-left: 0;}
.col4 {width: 22.5%;}
.columns>.col4:nth-of-type(4n-3) {margin-left: 0;}
.columns>.col23 {width: 64%; margin-left: 0;}
.col23+.col3 {margin-left: 3%;}
.col3+.col23 {margin-left: 3%;}
.col34 {width: 73%;}
.col34+.col4, .col4+.col34 {margin-left: 3%;}
.col5 {width: 17.5%; margin-left: 3%;}
.columns>.col5:nth-of-type(5n-4) {margin-left: 0;}
.col6 {width: 15%;}
.columns>.col6:nth-of-type(6n-5) {margin-left: 0;}
.col1, .col2, .col3, col4, .col23, .col6, .col34 {overflow: hidden;}
.col4 + .col2 {margin-left: 3% !important;}

.col2 img.post-thumbnail {width: 100%; max-width: 455px;}
.home .col2 h2, .home .col3 h2, .post>h2 {font-size: 1.846em; font-weight: 400;}
.col2 h2 a, .col3 h2 a, .col2 h2 a, .col3 h2 a {color: #3f3f3f;}
.col2 h2 a:hover, .col3 h2 a:hover, .col2 h2 a:hover, .col3 h2 a:hover {color: 	#ff8400;}
.columns .post h2 {font-weight: 300;}
.columns h2:first-child {margin-top: 0;}
.columns .col3 h3:first-child {margin-top: 0; font-size: 1.385em;}

.col1 .img img {width: 100%;}
.col2 img, .col3 img, .col4 img, .col6 img, .col5 img {width: 100%;}
.col2 img {max-width: 455px;}
.col3 img {max-width: 300px;}
.col4 img {max-width: 220px;}
.col6 img {max-width: 140px;}
.col34 img {max-width: 705px;}

.col2.post {margin-bottom: 40px;}
.col3.post h2, .col2.post h2 {margin: 0.5em 0 0;}
.col3 h3 {margin-bottom: 0.5em; font-size: 1.538em;}
.col3 h3 img, .col4 h3 img {width: auto; margin-right: 5px;}
.col3 p {margin: 0.5em 0;}

.img-border {max-width: 100%; width: auto;}
a:hover span.img-border {opacity: 0.7;}
.post>p>img, .single>article>p>img, .post>p>.img-border img, .single>article>p>.img-border img, .post .img-border img {max-width: 100%;}
*>.img-border>img {margin: 0;}



@media (max-width: 800px){
	.columns>.col23, .columns>.col2, .columns>.col3, .columns > .col3:nth-of-type(3n-2), .columns>.col4, .columns>.col34 {width: 48%; margin-left: 4%;}
	.columns>.col23 + .col3 {margin-left: 3%;}
	.columns>.col2:nth-of-type(2n-1), .columns>.col3:nth-of-type(2n-1), .columns>.col4:nth-of-type(2n-1), .columns>.col34:nth-of-type(2n-1), .columns>.col23:nth-of-type(2n-1) {margin-left: 0;}
	.col23 .img, .col2 .img, .col3 .img, .col23 .img img, .col2 .img img, .col3 .img img, .col1 .img img, .col4 .img img {width: 100%;}
	.col23 .img img, .col2 .img img, .col3 .img img, .col4 .img img {max-width: 100%;}
	.col2 .img-border, .col3 .img-border, .col4 .img-border {width:100%;}
	.columns>.col4+.col4+.col2 {margin-left: 0 !important;}
}

@media (max-width: 400px) {
	.columns>.col23, .columns>.col2, .columns>.col3, .columns>.col4, .columns>.col34 {width: 98%; margin-left: 0;}
	.col23+.col3 {width: 98%; margin-left: 0;}
	.col6 {width: 48%;}
	.col5 {width: 48%;}
	.col5:nth-of-type(2n-1) {margin-left: 0;}
	.columns>.col6:nth-of-type(2n-1), .columns>.col2:nth-of-type(2n-1), .columns>.col3:nth-of-type(2n-1), .columns>.col4:nth-of-type(2n-1) {margin-left: 0;}
	.col23 .img, .col2 .img, .col3 .img, .col23 .img img, .col2 .img img, .col3 .img img, .col1 .img img, .col4 .img img {width: 100%;}
	.col23 .img img, .col2 .img img, .col3 .img img, .col4 .img img {max-width: 100%;}
	.col2 .img-border, .col3 .img-border, .col4 .img-border {width:100%;}
	.columns>.col23, .columns>.col2, .columns>.col3, .columns > .col3:nth-of-type(3n-2) {margin-left: 0; width: 100%;}

}

/* overwrite portfolio item margins */
.first-item {margin-left: 0 !important;}
.next-item {margin-left: 3% !important;}

@media (max-width: 400px){
	.first-item {margin-left: 0 !important;}
	.next-item {margin-left: 0 !important;}
}

/* Widely used classes and styles
------------------------------------------ */
.more a {padding-left: 15px; background: url("images/more.png") 0 50% no-repeat; color: #3f3f3f;}
.more a:hover {color: #ff8400;}

a.go-top {position: fixed; right: 0; bottom: 50px; display: block; overflow: hidden; width: 44px; height: 40px; background: #ff8400 url("images/go-top.png") 50% 50% no-repeat; text-indent: -50em; }
@media (max-width: 960px){
	a.go-top {display: none;}
}

h2.alt {border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}
h2.alt span {display: inline-block; margin-bottom: -1px; padding: 10px 0; border-bottom: 2px solid #ff8400;}


.img-border {display: inline-block; position: relative;}
.img-border:before {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; box-shadow: inset 0 0 0 4px rgba(0,0,0,0.1); content: " ";}

.posts .img-border {width: auto;}

.table {overflow-x: auto;}


/* portfolio 
------------------------------------------*/

h1+.columns.portfolio {margin-top: 0;}
.portfolio h2 {border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}
.columns.portfolio {margin-bottom: 0;}
.columns.portfolio>div.filters {display: block; overflow: hidden; width: 100%; margin: 0 0 2em; color: #999; font-size: 0.923em;}
.columns.portfolio>div.filters:first-child {margin-top: 0;}
.columns.portfolio>h2:first-child {margin-top: 0;}
.columns.portfolio+.columns.portfolio {margin-top: 0;}

/* portfolio 
------------------------------------------*/

h1+.columns.portfolio {margin-top: 0;}
.portfolio h2 {border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}
.columns.portfolio {margin-bottom: 0;}
.columns.portfolio>div.filters {display: block; overflow: hidden; width: 100%; margin: 0 0 2em; color: #999; font-size: 0.923em;}
.columns.portfolio>div.filters:first-child {margin-top: 0;}
.columns.portfolio>h2:first-child {margin-top: 0;}
.columns.portfolio+.columns.portfolio {margin-top: 0;}
.portfolio .filters p {float: left; margin: 0 5px 0 0;}
.portfolio .filters ul {float: left; overflow: hidden; margin: 0; padding: 0; list-style: none;}
.portfolio .filters ul li {float: left; margin: 0;}
.portfolio .filters ul a {float: left; padding: 0 5px; color: #3f3f3f;}
.portfolio .filters ul a:hover {color: #ff8400;}
.portfolio .filters ul a.selected {background: #ff8400; color: #fff;}

.portfolio article {display: inline-block; margin-bottom: 30px;}
.portfolio article h3, .home .portfolio article h3 {margin: 0.5em 0; border-bottom: none; font-size: 1.1em;}
.portfolio article h3 a {color: #3f3f3f;}
.portfolio article h3 a:hover {color: #ff8400;}
.portfolio article p {margin: 0; color: #999;}
.portfolio article>div {position: relative; overflow: hidden;}
.portfolio article div div {display: none;}
.portfolio article div:hover div,
.portfolio article div.item-selected div {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); text-align: center;}
.portfolio article div ul li {display: inline-block; margin: 0 0 0 5px; padding: 0;}
.portfolio article div ul li:first-child {margin-left: 0;}
/*.portfolio article div ul li a {display: inline-block; overflow: hidden; width: 100%; height: 100%; margin: 0; text-indent: -500em; vertical-align: middle;}
.portfolio article div ul li a.view {background-position: 0 0;}
.portfolio article div ul li a.go {background-position: -34px 0;}
*/
.portfolio article div div:hover {opacity: 1;}
.portfolio article p {line-height: 1.3em;}
.col1 .img {float: left; width: 64%; margin-right: 4%;}
.portfolio article.col1 h3 {font-size: 1.538em;}
.portfolio article.col1 p {margin: 1.5em 0;}



/* single project */
.project {overflow: hidden; margin-bottom: 1.5em; padding-bottom: 40px; border-bottom: 1px solid #dfdfdf;}
.project .img {float: left; width: 40%; max-width: 600px; margin-right: 2%;}
.project img {width: 100%;}
.project .descr {float: left; width: 56%;}
.project p.copyright {margin-top: 0; color: #999; font-size: 1.077em;}
.project p.copyright a {color: #3f3f3f;}
.project p.copyright a:hover {color: #ff8400;}
.project dl {overflow: hidden; margin: 1.5em 0; padding:0 0 0 20px; border-left: 2px solid #ff8400;}
.project dt {margin-top: 1.5em; color: #999; font-weight: 400; font-size: 0.846em;}
.project dt:first-child {margin-top: 0;}
.project dd {color: #3f3f3f; font-size: 0.923em;}

.project.wide p.copyright {margin: 1.5em 0;}
.project.wide p.copyright span {padding: 0 5px;}
.project.wide .descr {float: left; width: 70%;}
.project.wide .descr p:first-child {margin-top: 0;}
.project.wide dl {float: right; width: 25%; margin: 0;}
.project .myimg {float: left; max-width: 350px; margin-right: 2%; clear:left}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .project .myimg {max-width:300px; }
}

@media (max-width: 560px) {
	.project.wide .descr, .project.wide dl {float: none; width: 100%;}
}


.project-nav {overflow: hidden; width: 100%; margin: 0 0 3em; font-size: 0.923em;}
.project-nav a {color: #93bf1b;}
.project-nav a:hover {color: #ff8400;}
.project-nav .prev {display: inline-block; margin: 0 20px 0 0; padding-left: 15px; background: url("images/back.png") 0 50% no-repeat;}
.project-nav .next {display: inline-block; padding-right: 15px; background: url("images/more.png") 100% 50% no-repeat;}


@media (max-width: 550px) {
	.project .img {float: none; width: 98%; margin: 0 1% 1.5em; text-align: center;}
	.project .descr {float: none; width: 98%; margin: 1.5em 1%;}
	.project.wide dl {float: none; width: 98%; margin: 1.5em 1%;}
	.project-nav {width: 98%; margin: 0 1%;}
}

/* blog page 
------------------------------------------*/
.main {float: left; width: 74%; max-width: 680px;}
aside {float: right; width: 24%; max-width: 220px;}
.home .main {width: 63%; max-width: 570px;}
.home aside {width: 33%; max-width: 300px; margin-top: 1em;}
.home aside section:first-child h3 {margin-top: 0;}
aside section:first-child {margin-top: 0;}
.reverse .main {float: right;}
.reverse aside {float: left;}

.postlist article h2 {font-weight: 300; line-height: 1.2em;}
.postlist article h2 a {color: #3f3f3f;}
.postlist article h2 a:hover {color: #ff8400;}
.post-meta {margin: 0.5em 0 1.5em; font-size: 0.846em;}
.post-meta a, .tags a {color: #3f3f3f;}
.post-meta a:hover, .tags a:hover {color: #ff8400;}
.post-meta a.comment-link {padding-left: 25px; background: url("images/icon-comment.png") 10px 50% no-repeat; white-space: nowrap;}
.post-meta span {padding: 0 5px; color: #ccc;}
.postlist>article p.more {float: right;}
.postlist .post p.tags {float: left; clear: left; margin-right: 30px; font-size: 0.846em;}
.postlist>article {overflow: hidden; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #dfdfdf;}
.postlist>article:first-child {padding-top: 0;}
.postlist h2 {margin-bottom: 0; border-bottom: 0;}
.postlist .columns .posts h2 {font-size: 1.385em;}
.postlist .columns .col23.posts article {overflow: hidden; margin-bottom: 3em;}
.postlist .columns .col23.posts article h2 {font-size: 1.538em;}
.postlist .columns .col3.posts article {overflow: hidden; margin-bottom: 2em;}
.postlist .columns .col3.posts article img {width: auto;}
.postlist .columns .posts .img-border {float: left; margin-right: 15px;}
.postlist .columns .posts img+div {overflow: hidden;}
.postlist p.post-meta+p .img-border:first-child {margin: 10px 0 15px;}

.main .post img, .main .page img {width: 100%; max-width: 680px;}
.main .post .img.medium, .main .page .img.medium {float: left; width: 50%; max-width: 300px; margin-right: 4%;}

@media (max-width: 800px) {
	.main {float: none; width: auto; max-width: auto; margin: 0 0 20px;}
	aside {float: none; width: auto; max-width: auto; margin: 0 0 20px;}
	.home .main {width: auto; max-width: 100%;}
	.home aside {width: auto; max-width: 100%;}
}

/* single page/post content */
.single h1 {margin-bottom: 0;}
.single blockquote p {margin: 0.5em 0;}
.single p.tags {margin: 2em 0; font-size: 0.846em;}
.single p.share {padding: 1em 0; border-top: 1px solid #e5e5e5;}
.single p>img:first-child, .single p>.img-border:first-child {margin: 10px 0 15px;}



/* background 
---------------------------------*/

.p07 {background-image: url("../images/patterns/pattern07.png");}

/* buttons
---------------------------------*/
a.btn {display: inline-block; height: 30px; margin: 2px; padding: 0 20px; border-width: 1px; border-style: solid; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); color: #fff; font: bold 1.077em/30px "Arial",sans-serif; text-transform: uppercase;}
a.btn.large {height: 40px; line-height: 40px;}
a.btn.green {border-color: #6f9911; background: #accf37;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjY2YzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MWIxMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #accf37 0%, #81b114 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#accf37), color-stop(100%,#81b114));
background: -webkit-linear-gradient(top,  #accf37 0%,#81b114 100%);
background: -o-linear-gradient(top,  #accf37 0%,#81b114 100%);
background: -ms-linear-gradient(top,  #accf37 0%,#81b114 100%);
background: linear-gradient(to bottom,  #accf37 0%,#81b114 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#accf37', endColorstr='#81b114',GradientType=0 );
text-shadow: 0 -1px 0 #6f9911;}
a.btn.green:hover {background: #81b114;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYjExNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2NmMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #81b114 0%, #accf37 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81b114), color-stop(100%,#accf37));
background: -webkit-linear-gradient(top,  #81b114 0%,#accf37 100%);
background: -o-linear-gradient(top,  #81b114 0%,#accf37 100%);
background: -ms-linear-gradient(top,  #81b114 0%,#accf37 100%);
background: linear-gradient(to bottom,  #81b114 0%,#accf37 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b114', endColorstr='#accf37',GradientType=0 );}


/* custom form elements
---------------------------------*/

span.select {position: relative; display: inline-block; height: 32px; padding: 0; border: 1px solid #ccc; border-radius: 3px; background: #fff; cursor: pointer;}
span.select.error {border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437;}
span.select span.value {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; padding: 7px 10px; background: url("images/select-arrow.gif") right 50% no-repeat; color: #999; zoom: 1;}

@media not all and (-webkit-min-device-pixel-ratio:0) {
	noindex:-o-prefocus, span.select span.value {
		text-indent: -99999px;
	}
	noindex:-o-prefocus, header span.select select {top: 5px!important;left:10px!important;}
}

span.select.error span.value>span {color: #ef4437;}
header .top span.select {height: 25px;}
header .top span.select span.value {padding: 3px 3%;}
header .top span.select select {margin: 0}
span.select span.value span {display: block; overflow: hidden; padding: 0; white-space: nowrap; text-overflow: ellipsis;}
span.select select {position: relative; z-index: 1; display: block; margin: 0; -webkit-appearance: menulist-button;}





/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:0;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:8px;
	margin: 0;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:100%;
	height:8px;
	margin:0 auto;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail{
	background:#ebebeb;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#aeaeae; /* rgba fallback */
}

/* images for retina and other hi-density screens */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { 

.hp-quote, blockquote.quote  {background-image: url("images/quote@2x.png"); background-size: 40px 40px;}
.testimonial>div>p:first-child  {background-image: url("images/quotes@2x.png"); background-size: 22px 13px;}
header nav ul ul li.parent>a {background-image: url("images/sm-arrow@2x.png"); background-size: 12px 7px;}
header .searchform button, aside .searchform button {background-image: url("images/search@2x.png"); background-size: 14px 14px;}
.breadcrumb p a {background-image: url("images/bcrumb-arrow@2x.gif"); background-size: 4px 7px;}
footer {background-image: url("images/footer@2x.png"); background-size: 6px 8px;}
.more a {background-image: url("images/more@2x.png"); background-size: 11px 11px;}
a.go-top {background-image: url("images/go-top@2x.png"); background-size: 19px 10px;}
.portfolio article div ul li a {background-image: url("images/actions@2x.png"); background-size: 64px 30px;}
.project-nav .prev {background-image: url("images/back@2x.png"); background-size: 11px 11px;}
.project-nav .next {background-image: url("images/more@2x.png"); background-size: 11px 11px;}
.post-meta a.comment-link {background-image: url("images/icon-comment@2x.png"); background-size: 10px 11px;}
.product .product-meta span {background-image: url("images/stars@2x.png"); background-size: 18px 48px;} 
.content>aside section.menu>ul li.parent>a {background-image: url("images/nav-right@2x.png"); background-size: 11px 11px;}
.content>aside section.menu>ul li.parent.expanded>a {background-image: url("images/nav-down@2x.png"); background-size: 11px 11px;}
.p07 {background-image: url("images/patterns/pattern07@2x.png"); background-size: 6px 8px;}
p.tooltip.dark span {background-image: url("images/tooltip-dark@2x.png"); background-size: 11px 6px;}
p.tooltip.bright span {background-image: url("images/tooltip-bright@2x.png"); background-size: 13px 7px;}
h2.t07 {background-image: url("images/patterns/pattern11@2x.png"); background-size: 5px 5px;}
.content>aside h3.t07 {background-image: url("images/patterns/pattern11@2x.png"); background-size: 5px 5px;}

}