/*

*/

/*  basic styles Global
------------------------------------------ */
* {margin: 0; padding: 0}
html {overflow: scroll; background: #ececec;}
body {position: relative; background: #ffffff; color: #747474; font: 0.813em/1.5em "Arial", sans-serif;}
body.boxed {background-color: #ededed;}
dt {font-weight: 700;}
img {border: none; vertical-align: middle;}
ul[class] {list-style: none;}
a {color: #3f3f3f; -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 0.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: #354BB5; 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: #ffffff;}
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: #999999;}
a.button, button {display: inline-block; height: 32px; padding: 0 20px; border: none; border: 1px solid #de6200; border-radius: 3px; background: #ff9e00;

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: #fffff; 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: -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: #ffffff;
}

@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;}
}

header {position: relative; z-index: 50; background: #ffffff; 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: #354BB5 ; color: #ebebeb; 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: #ffffff; line-height: 30px;}
header>section.top nav>ul>li:hover>a {background-color: #3f3f3f; color: #ffffff;}
header>section.top nav>ul>li.current-menu-item>a, header>section.top nav>ul>li.current-menu-item:hover>a {color: #ffffff; background-color: #ff8400;}
header>section.top nav>ul>ul {font-size: 1.182em; line-height: 1em;}

header nav.utils a:hover {background-color: #55555;}


header>section.main-header {position: relative; z-index: 0; max-width: 940px; margin: 0 auto; background: #ffffff;}
.boxed header>section.main-header {padding: 0 30px;}
header>section.main-header nav {float: right; clear: right; margin: 2px 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: #354BB5;}
nav.mainmenu>ul>li.current-menu-item>a {color: #354BB5;}
.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: #ffffff; 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/.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;}
header nav .select {display: none;}

header p.title {float: left; margin: 13px 0; color: #999999; 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: #ffffff; font-size: 0.917em;}
header .searchform input {color: #747474;}


header .top .searchform {display: inline-block; width: 220px; margin-top: 8px; font-size: 1.091em;}
header .top .searchform fieldset {background: #ffffff;}
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 40peaderx;}
}
@media (max-width: 800px) {
	header>section {margin: 0 -20px; padding: 5px 20px 0;}
	header>section.top {height: auto   !important; 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: #354BB5; 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: #354BB5;}
.breadcrumb p a:hover {color: #999999;}


.content {position: relative; overflow: hidden; clear: both; max-width: 940px; margin: 0 auto; padding: 1px 0 40px;}
.content h1{color: #354BB5;}
.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; font-weight: 300;}
aside h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;}

footer {margin: 0 -7px; padding: 25px 7px 0; background: #747474 url("images/.png"); box-shadow: inset 0 3px 7px rgba(0,0,0,0.2); color: #ebebeb;}
footer a {color: #ebebeb;}
footer a:hover {color: #ebebeb;}
footer section {overflow: hidden; margin: 0 auto; max-width: 940px;}
footer section.bottom {overflow: hidden; padding: 20px 0; border-top: 1px solid #FFFF66; color: #ebebeb; font-size: 0.923em;}
.boxed footer section.bottom {padding: 20px 0;}
footer section.bottom p {float: left; margin: 0 0 1em; font-size: 0.917em;}
footer nav.social {float: right; margin: 0;}
footer nav.social ul {float: right; overflow: hidden; margin: 0;}
footer nav.social ul li {float: left; margin-left: 8px;}
footer article {display: inline-block; width: 25%; margin: 0 0 50px 3%; font-size: 0.923em; vertical-align: top;}
footer article:nth-of-type(4n-3) {margin-left: 0;}
footer article h3 {margin-bottom: 1em; font-weight: normal; border-bottom: 1px solid #FFFF66; 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 #FFFF66;}
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: #747474;}
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 nav.social {float: none; clear: both;}
	footer nav.social ul {float: none; text-align: center;}
	footer nav.social ul li {float: none; display: inline-block;}
	footer nav.social ul li a {display: inline-block; float: none;}
	footer section.bottom p {float: none; text-align: center;}
}

/* Column system
------------------------------------------ */
.columns {overflow: hidden; margin: 30px 0;}
.columns h2 span{color: #354BB5;}
.columns>article.col4 h3 a:hover{color: #ff8400;}
.columns>.slider-box{border-bottom: 1px solid #ff8400;}
.columns>article, .columns>div, .columns>section {display: inline-block; margin: 0 0 20px 3%; vertical-align: top;}


.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: 1px 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;}


.col4 {width: 22.0%;}
.columns>.col4:nth-of-type(4n-3) {margin-left: 0;}

.col4 +  {margin-left: 3% !important;}

.col4 h3 a:hover{color: #ff8400;}

.col4 img,  {width: 100%;}

.col4 img {max-width: 220px;max-height: 160px;}


.col4 h3 img {width: auto; margin-right: 5px;}

.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>.col4, {width: 48%; margin-left: 4%;}
	
	.columns>.col4:nth-of-type(2n-1) {margin-left: 0;}
	.col4 .img img {width: 100%;}
	.col4 .img img {max-width: 100%;}
    .col4 .img-border {width:100%;}
	.columns>.col4+.col4+.col2 {margin-left: 0 !important;}
}

@media (max-width: 400px) {
	.columns>.col4{width: 98%; margin-left: 0;}
	
	 .columns>.col4:nth-of-type(2n-1) {margin-left: 0;}
	.col4 .img img {width: 100%;}
	.col4 .img img {max-width: 100%;}
	.col4 .img-border {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/.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: #003399 url("images/arrow-up.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;}

.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;}


/* sliders in content */
.content-slider {overflow: hidden;}
.content-slider>h2:first-child {margin-bottom: 0.75em; border-bottom: 1px solid #ff8400; font-weight: 300;}
.content-slider.related>h2:first-child {font-size: 1.846em;}
.content-slider>div.slider-box {position: relative; overflow: hidden; width: 100%; height: 250px; margin: 0; padding: 0;}
.content-slider .next-prev {position: relative; top: -50px; float: right; overflow: hidden; margin: 0 0 -15px; padding: 0;}
.content-slider h2+.next-prev {top: -65px;}
.content-slider .next-prev li {float: left; margin: 0; width: 22px;}
.content-slider .next-prev a {float: left; overflow: hidden; width: 22px; height: 22px; background: url("images/slider2-controls.png"); text-indent: -1000px; outline: none;}
.content-slider .next-prev .prev a {background-position: 0 0;}
.content-slider .next-prev .next a {background-position: -22px 0;}
.content-slider>div {padding: 0;}
.content-slider>div>div {overflow: hidden; position: absolute; left: 0; top: 0; padding: 0;}
.content-slider article {display: inline-block; width: 220px; margin: 0 20px 0 0; vertical-align: top;}
.content-slider article h3 {margin: 0.5em 0; font-size: 1.231em}
.content-slider.related article h3 {font-size: 1.385em;}
.content-slider article h3 a {color: #35BB5;}
.content-slider article h3 a:hover {color: #ff8400;}
.content-slider article a h3:hover {color: #ff8400;}
.content-slider article p {margin: 0; color: #999;}
.content-slider article img {width: 100%; max-width: 200px; max-height: 200px;}
.content-slider.related>div {height: 250px;}999

.content-slider.related article>div {position: relative; overflow: hidden;}
.content-slider.related article div div {display: none;}
.content-slider.related article div:hover div {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 93%; height: 100%; background: rgba(255, 252, 54, 0.4);}
.content-slider.related article div ul {overflow: hidden; position: relative; z-index: 3; top: 60px; list-style: none; width: 70px; margin: 0 auto; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center;}
.content-slider.related article div ul li {display: inline-block; margin: 0 0 0 5px; padding: 0;}
.content-slider.related article div ul li:first-child {margin-left: 0;}
.content-slider.related article div ul li a {display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url("images/.png"); text-indent: -500em; vertical-align: middle;}
.content-slider.related article div ul li a.view {background-position: 0 0;}
.content-slider.related article div ul li a.go {background-position: -34px 0;}
.content-slider.related article div ul  a{color:#354BB5;}
.content-slider.related article div ul  a:hover{color:#ff8400;}

.main .content-slider>div.slider-box {height: 220px;}
.main .content-slider article {width: 155px; height: 210px;}
.main .content-slider article p {margin-top: 1em; line-height: 1.2em; color: #3f3f3f;}
.main .content-slider.big>div.slider-box {height: 280px;}
.main .content-slider.big article {width: 210px; height: 280px; font: 300 1.231em "Signika",sans-serif;}

/* sliders
------------------------------------------ */

.slider {position: relative; z-index: 20; overflow: hidden;}
.slider div.video {overflow: hidden; height: auto;} 
@media (max-width: 980px){
	.slider {margin: 0 -20px;}
}
.slider > * {opacity:0;}
.slider1 {width: 100%; height: 430px; background: #f0f1f2;}
.boxed .slider1 {width: 100%; padding: 0;}
.slider1 article {position: absolute; left: 0; top: 0; width: 100%; min-height: 430px; margin: 0;}
.slider1 article div {position: absolute; left: 50%; top: 60px; z-index: 2; width: 480px; margin: 0 0 0 -480px;}
.boxed .slider1 article div {margin: 0 0 0 -450px;}
.slider1 article img, .slider1 article div.video {position: relative; left: 50%; top: 0; z-index: 1; width: 1260px; margin: 0 0 0 -630px;}
.slider1 article div.video {width: 960px; margin-left: -480px;}
.slider1 article h3 {margin: 0; color: #3f3f3f; font-size: 3.462em; line-height: 1.2em;}
.slider1 article h3 strong {color: #ff8400; font-weight: 300;}
.slider1 article p {color: #3f3f3f; font-size: 1.077em;}
.slider1 article p.cta {width: 254px; height: 59px; margin-top: 2em; padding: 0 15px; background: url("images/.png") no-repeat; line-height: 59px;}
.slider1 article p.cta a {color: #3f3f3f;}
.slider1 article p.cta a:hover {color: #ff8400;}
.slider1 article p.cta a.button {margin-right: 15px; border: none; color: #ffffff; }
.slider1 .next-prev {position: absolute; left: 0; top: 0; width: 100%;  z-index: 50; margin: 0; padding: 0; list-style: none;}
.slider1 .next-prev li {position: absolute; top: 50%; margin: 0; width: 30px;}
.slider1 .next-prev .prev {left: 0;}
.slider1 .next-prev .next {right: 0;}
.slider1 .next-prev a {display: block; position: absolute; top: 50%; overflow: hidden; width: 30px; height: 100px; margin: -50px 0 0 0; background: url("images/slider1-controls.png"); text-indent: -1000px; outline: none;}
.slider1 .next-prev .prev a {background-position: 0 -100px;}
.slider1 .next-prev .prev a:hover {background-position: 0 0;}
.slider1 .next-prev .next a {background-position: -30px -100px;}
.slider1 .next-prev .next a:hover {background-position: -30px 0;}
.slider1 .slider-pager {overflow: hidden; position: absolute; left: 50%; bottom: 20px; z-index: 50; margin: 0 0 0 -480px; padding: 0; list-style: none;}

/*Visible when hover for slider 4*/
/*
.slider1 .next-prev {
	display: none;
}

.slider1:hover .next-prev {
	display: block;
}*/

.boxed .slider1 .slider-pager {margin-left: -430px;}
.slider-pager li {display: inline-block; margin: 0; padding: 0;}
.slider-pager a {float: left; overflow: hidden; width: 18px; height: 18px; background: url("images/.png") -13px 50% no-repeat; text-indent: 500px; outline: none;}
.slider-pager a.selected {background-position: 4px 50%;}

@media (max-width: 1260px){
	.slider1 article {left: 0; margin-left: 0;}
	.slider1 .slider-pager {left: auto; right: 20px; margin-left: 0;}
} 
@media (max-width: 1080px){
	.slider1 article {left: 0; margin: 0 -20px 0 0; padding: 0 20px;}
	.slider1 article div, .boxed .slider1 article div {width: 60%; top: 30px; left: 40px; margin-left: 0;}
	.slider1 article p {font-size: 1em; line-height: 1.3em;}
}
@media (max-width: 980px){
	.slider.slider1 {margin: 0 -20px; padding: 0 20px;}
}
@media (max-width: 940px){
	.slider1 article div {top: 1em;}
}
@media (max-width: 790px) {
	.slider1 .next-prev {display: none;}
	.slider1 article {padding: 0;}
	.slider1 article div, .boxed .slider1 article div {left: 20px;}
}
@media (max-width: 650px) {
	.slider1 article h3 {font-size: 2.308em;}
}

.slider2 {max-width: 940px; height: 351px; margin: 0 auto; padding: 20px; }
.slider2 article {position: absolute; left: 50%; top: 20px; width: 100%; max-width: 940px; margin-left: -470px;}
@media (max-width: 960px){
	.slider2 article {left: 0; margin-left: 0;}	
}

.slider2 article img, .slider2 article div.video {position: static; width: 100%;}
.slider2 article div {position: absolute; left: 0; bottom: 20px; width: 94%; margin: 0 3%; background: rgba(255,255,255,0.8);}
.slider2 article div h3 {width: 80%; margin: 0 auto; padding: 10px 0; color: #003399; font-size: 1.769em; text-align: center; font-style:italic;}
.slider2 .slider-pager {display: none;}
.slider2 .next-prev {position: absolute; left: 0; bottom: 85px; z-index: 50; width: 88%; height: 0; margin: 0 6%;}
.slider2 .next-prev li {position: absolute; top: 10px; margin: 0; width: 22px;}
.slider2 .next-prev .prev {left: 0;}
.slider2 .next-prev .next {right: 0;}
.slider2 .next-prev a {display: block; overflow: hidden; width: 22px; height: 22px; background: url("images/slider2-controls.png")no-repeat; text-indent: -1000px; outline: none;}
.slider2 .next-prev .prev a {background-position: 0 0;}
.slider2 .next-prev .next a {background-position: -22px 0;}
@media (max-width: 800px) {
	.slider2 article div h3 {font-size: 1.077em; line-height: 2em;}
}
@media  (max-width: 400px) {
	.slider2 article div h3 {font-size: 0.923em; }
	#imgslider{ height:270px; }
}


/* Home page styles
------------------------------------------ */
.hp-quote blockquote, blockquote.hp-quote {margin: 0; padding: 0; border: none;}
article .hp-quote {width: auto; padding: 0 0 0 55px; background-position: 0 0;}
.hp-quote p {margin: 0.5em 0; font: 300 1.846em/1.1em "Signika",sans-serif;}
.hp-quote p.signature span {color: #3f3f3f;}

.home section .why-us h2 {margin-bottom: 1em;}

.home .hp-latest2 .col2 h2 {font-size: 1.538em;}
.home .tabbed .tab-content h2 {font-weight: 400;}
.home .tabbed .img-border:before {box-shadow: inset 0 0 0 3px rgba(0,0,0,0.1);}



/* services list */
ul.hp-services {margin: -1.5em 0 0; padding: 0; list-style: none;}
ul.hp-services li {overflow: hidden; margin: 0; padding: 20px 0; border-top: 1px solid #dfdfdf;}
ul.hp-services li:first-child {border-top: none;}
ul.hp-services li img {float: left; width: auto; margin-right: 25px;}
ul.hp-services li div {overflow: hidden;}
ul.hp-services li h3 {margin: 0 0 0.5em; font-size: 1.846em;}
ul.hp-services li h3 a {color: #3f3f3f;}
ul.hp-services li h3 a:hover {color: #ff8400;}

/* recent work */

/* Our clients logo list */
.hp-our-clients>div.slider-box {height: 100px;}
.hp-our-clients>div ul {position: absolute; left: -10px; top: 0; list-style: none; width: 1000em; margin: 0; padding: 0;}
.hp-our-clients>div ul li {float: left; width: 140px; margin: 0 10px;}

.home .col4 h3, .home .with-icons .col3 h3 {margin: 0.5em 0; border-bottom: none; font-size: 1.538em;}
.home .col4 h3 a, .home .col3 h3 a {color: #354BB5;}
.home .col4 h3 a:hover, .home .col3 h3 a:hover {color: #ff8400;}
.home h2+p {margin-top: 0;}



/* 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;}

.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;}

/* author box */
.post-author {margin: 2em 0; padding: 30px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; box-shadow: inset 0 0 10px #f2f2f2;}
.post-author .img-border {float: left; margin-right: 20px;}
.post-author div {overflow: hidden; font-size: 0.923em;}
.post-author h3 {margin-top: 0; color: #999999; font-size:1.5em;}
.post-author h3 a {color: #3f3f3f;}
.post-author h3 a:hover {color: #ff8400;}

/* comments */

.tag-link-1 {font-size: 8pt;}
.tag-link-2 {font-size: 11.405405405405pt;}
.tag-link-3 {font-size: 22pt;}

/* Contact page
------------------------------------------ */
.contact {overflow: hidden;}
.contact> h3 span{border-bottom: #ff8400}
.contact>article {float: left; width: 64%;}
.contact>aside {float: right; width: 33%; max-width: 300px; color: #3f3f3f;}
.contact>aside blockquote{border-left: 3px solid #354BB5;}
.contact>aside h3{color: #354BB5;}
.contact>aside p {font-size: 0.923em;}
.contact input {width: 94%; max-width: 94%; margin: 5px 0;}
.contact textarea {width: 94%; max-width: 94%; min-width: 94%; margin: 5px 0;}
.contact select {width: 100%; max-width: 100%; margin: 5px 0;}
.contact .select {width: 100%; max-width: 100%; margin: 5px 0;}
.contact .select select {margin: 0;}
.contact textarea {min-height: 200px;}
.contact article h2 {font-weight: 300;}
.contact article p.half {float: left; width: 48%; padding-right: 4%}
.contact article p.half+p.half {clear: none; padding-right: 0;}
.contact aside .social li {margin-right: 5px;}
.contact aside .social li:before {display: none;}
.contact .gmap {height: 300px;}

@media (max-width: 800px) {
	.contact>article {float: none; width: 98%; padding: 0 1%;}
	.contact>aside {float: none; width: 98%; padding: 0 1%;}
}

/* product page 
------------------------------------------*/


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:18px;height:16px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating,div.star-rating a{background:url("images/.png") no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:18px;height:100%;background-position:0 0;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

.product .product-meta a {color: #999999;}
.product .product-meta a:hover {color: #3f3f3f;}
.product>div.descr {overflow: hidden; padding: 1em 0 0.5em; border-bottom: 1px solid #e5e5e5;}
.product>div.descr h2 {margin: 0; border: none; color: #3f3f3f; font-size: 1.231em; font-weight: 300;}
dl.product-data {overflow: hidden; margin: 1.5em 0;}
dl.product-data dt {float: left; padding: 2px 5px 2px 10px; border-left: 1px solid #ccc; font-weight: 400; line-height: 16px;}
dl.product-data dt:first-child {padding-left: 0; border-left: 0;}
dl.product-data dd {float: left; padding: 2px 10px 2px 5px; color: #3f3f3f; line-height: 16px;}
.product+section>h2, .product+section+section>h2 {margin-bottom: 1em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}

@media (max-width: 700px) {
	.product>div.descr {clear: both;}
}
@media (max-width: 450px) {
	.product p.product-img {float: none; width: 98%; margin: 1em auto;}
}

/* events 
------------------------------------------*/
.events .rss-link {float: right; position: relative; top: 3em;}
.events .rss-link a {padding-left: 20px; background: url("images/.png") 0 50% no-repeat; color: #3f3f3f; font: 300 1.231em "Signika",sans-serif; }
.events .rss-link a:hover {color: #ff8400;}

.events-head {overflow: hidden; padding: 1.5em 1em; border: 1px solid #dfdfdf; border-width: 1px 0;}
.events-head a {color: #3f3f3f; }
.events-head a:hover {color: #ff8400;}
.events-head a.prev {float: left; height: 18px; margin-top: 5px; line-height: 18px;}
.events-head a.next {float: right; height: 18px; margin-top: 5px; line-height: 18px;}
.events-head a span {display: inline-block; overflow: hidden; width: 15px; height: 18px; margin: 0 5px; background: url("images/slider2-controls.png") no-repeat; text-indent: -50em; vertical-align: middle;}
.events-head a.prev span {margin-right: 10px; background-position: 0 50%;}
.events-head a.next span {margin-left: 10px; background-position: 100% 50%;}
.events-head h2 {margin: 0; font-size: 1.846em; text-align: center;}

ul.event-list {list-style: none; padding: 0;}
ul.event-list li {overflow: hidden; margin: 0 0 1em; padding: 0 0 0 45px;}
ul.event-list p.date {float: left; width: 32px; margin: 0 0 0 -45px; text-align: center;}
ul.event-list p.date span:first-child {display: block; background: #ff8400; color: #ffffff; font: 300 1.231em/28px "Arial",sans-serif;}
ul.event-list p.date span+span {color: #999999; font-size: 0.769em; text-transform: uppercase;}
ul.event-list h4 {margin: 0; font-size: 1.231em; line-height: 1.2em;}
ul.event-list h4 a {color: #3f3f3f;}
ul.event-list h4 a:hover {color: #ff8400;}
ul.event-list h4+p {margin: 0; color: #999999; font-size: 0.923em; line-height: 1.3em; }


table.calendar {border: none; margin: 0 1px; max-width: 99.8%;}
.calendar th {padding: 1em 0; border-bottom: none; color: #999999; font: 300 1.231em "Signika",sans-serif; text-align: center;}
.calendar td {width: 12%; padding: 5px 1% 10px; border: 1px solid #dfdfdf; font-size: 0.923em; vertical-align: top;}
.calendar td.empty {border: none;}
.calendar td span.day, .calendar td a.day {float: left; width: 32px; height: 27px; margin: -5px 10px 10px 0; background: #ccc; color: #ffffff; font: 400 1.231em/27px "Signika",sans-serif; text-align: center;}
.calendar td span.hours {color: #999999; font-size: 0.917em;}
.calendar td a.day {background: #3f3f3f;}
.calendar td a.day:hover {background: #ff8400; color: #ffffff;}
.calendar td p {clear: left; margin: 0; padding: 5px 0; line-height: 1.3em;}

@media (max-width: 560px) {
	table.calendar {max-width: 99%;}
}

/* sidebar 
------------------------------------------*/
.content h3{color:#354BB5;}
.content>article  h1 {color:#354BB5; border-bottom: 1px solid #ff8400;}
.content>article  h2 {color:#354BB5; border-bottom: 1px solid #ff8400;}
.content>article  h3{color:#354BB5;}
.content>aside a {color: #354BB5;}
.content>aside a:hover {color: #ff8400;}
.content.contact>aside h3 span{border-bottom: #ff8400;}
.content>aside section {margin: 1em 0 2em;}
.content>aside section:first-child {margin-top: 0;}
.content>aside section:first-child h3 {margin-top: 0;}
.content>aside section ul {list-style: none; padding-left: 0; font-size: 0.923em;}
.content>aside section ul li {overflow: hidden; margin: 0; color: #354BB5;}
.content>aside section ul.tick {font-size: 1em;}
.content>aside section ul.tick li {margin: 5px 0; color: #3f3f3f;}
.content>aside section ul li:before {float: left; width: 7px; overflow: hidden; margin-right: 7px; content: "—"; color: #747474;}
.content>aside section ul.tabs li {margin: 2px 4px -2px 0;}
.content>aside section ul.tabs li a.selected:hover {color: #ffffff;}
.content>aside section ul.tweets li:before,
.content>aside section ul.recent-posts li:before,
.content>aside section ul.recent-comments li:before,
.content>aside section ul.posts li:before,
.content>aside section ul.latest-works li:before,
.content>aside section ul.accordion li:before,
.content>aside section ul.tabs li:before,
.content>aside section ul.ads li:before {display: none; content: "";}
.content>aside section ul ul {margin: 0; padding: 3px 0 3px 2em; font-size: 1em;}
.content>aside section>p {font-size: 0.923em;}
.content>aside select {width: 100%;}
.content>aside section ul.recent-posts li,
.content>aside section ul.recent-comments li,
.content>aside section ul.posts li {margin: 10px 0; line-height: 1.3em;}
.content>aside section ul.recent-posts li .img-border,
.content>aside section ul.recent-comments li .img-border,
.content>aside section ul.posts li .img-border {float: left; margin: 0 10px 10px 0;}
.content>aside section ul.recent-posts li span,
.content>aside section ul.recent-comments li span,
.content>aside section ul.posts span, 
.content>aside section ul.tweets li span {color: #999999; font-size: 0.917em;}
.content>aside section ul.posts span {display: block;}
@media (max-width: 600px) {
	.content>aside section ul.tabs li {margin: 0 4px 0 0;}
}

.content>aside section ul.recent-comments li p {margin: 0 0 0.5em 50px;}
.content>aside section ul.latest-works li {display: inline-block; margin: 0 7px 7px 0;}
.content>aside section ul.tweets li {margin: 10px 0; padding: 0 0 0 25px; background: url("images/twitter.png") 0 10px no-repeat;}
.content>aside section ul.ads li {display: inline-block; width: 96px; height: 96px; margin: 0 7px 7px 0; border: 2px solid #dfdfdf; background: #f3f3f3; line-height: 100px; text-align: center;}

.content>aside section.menu>ul {border-top: 1px solid #354BB5; border-bottom: 1px solid #354BB5; font: 300 1.231em "Signika",sans-serif;}
.content>aside section.menu>ul li {border-top: 1px solid #FFD;}
.content>aside section.menu>ul li:first-child {border-top: none;}
.content>aside section.menu>ul li a {display: block; padding: 7px 20px 7px 10px;}
.content>aside section.menu>ul li a:hover {background: #354BB5; color: #ebebeb;}
.content>aside section.menu>ul li.current-menu-item>a {background-color: #354BB5; color: #ebebeb;}
.content>aside section.menu>ul li:before {display: none;}
.content>aside section.menu>ul li.parent>a {background: url("images/.png") 95% 50% no-repeat;}
.content>aside section.menu>ul li.parent.expanded>a {background: url("images/.png") 95% 50% no-repeat;}
.content>aside section.menu>ul li.parent>ul {display: none;}
.content>aside section.menu>ul li.parent.expanded>ul {display: block;}
.content>aside section.menu>ul ul {margin: 0; padding: 0 0 0 20px; border-top: 1px solid #354BB5; font: 400 0.813em "Arial",sans-serif;}

.content>aside section table {width: 100%; margin-bottom: 0;}
.content>aside section table th {padding: 5px 3px; color: #999999; font-size: 0.923em; font-weight: bold;}
.content>aside section table td {padding: 5px 0; color: #3f3f3f;}

.content>aside section table#wp-calendar  {font-size: 0.923em;}
.content>aside section table#wp-calendar th {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #3f3f3f; font-weight: normal; font-size: 0.917em; text-align: center;}
.content>aside section table#wp-calendar td {border: none; border-bottom: 1px solid #e5e5e5; color: #747474; text-align: center;}
.content>aside section table#wp-calendar tfoot td {border-bottom: none;}
.content>aside section table caption {padding: 15px 0; font: 700 1.083em "Arial",sans-serif; color: #444; text-align: left;}

.content>aside .searchform input {width: 70%; padding: 6px 3%;}
.content>aside .searchform button {float: right; white-space: nowrap;}

.content>aside .widget_newsletter input {width: 70%; margin-right: 5px; padding: 6px 3%; font-size: 0.923em; vertical-align: middle;}
.content>aside .widget_newsletter button {width: 40px; height: 28px; padding: 0; line-height: 15px; vertical-align: top; box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
@media (max-width: 880px) {
	.content>aside .widget_newsletter input {width: 60%;}
}


.content>aside ul.colors {list-style: none; overflow: hidden;}
.content>aside ul.colors li {float: left; width: 27px; height: 27px; overflow: hidden; margin: 0 9px 9px 0;}
.content>aside ul.colors li:before {display: none;}
ul.colors a {float: left; overflow: hidden; width: 21px; height: 21px; border-width: 3px; border-style: solid; text-indent: -50em;}
ul.colors a.red {border-color: #cd2222; background: #e42626;}
ul.colors a.orange {border-color: #e0730a; background: #f9800b;}
ul.colors a.yellow {border-color: #e5c700; background: #ffde00;}
ul.colors a.green {border-color: #3fba19; background: #46cf1c;}
ul.colors a.azure {border-color: #03acb2; background: #03c0c6;}
ul.colors a.blue {border-color: #185bd4; background: #1b65ec;}
ul.colors a.purple {border-color: #7837a4; background: #863db7;}
ul.colors a.pink {border-color: #e56f9c; background: #ff7cae;}
ul.colors a.white {border-color: #e5e5e5; background: #ffffff;}
ul.colors a.gray {border-color: #898989; background: #999999;}
ul.colors a.black {border-color: #000000; background: #000000;}
ul.colors a.brown {border-color: #8e6739; background: #9e7340;}

@media (max-width: 800px){
	.content>aside {clear: left; float: none; width: auto; max-width: 100%; margin: 1em 0;}
	.content>aside section {float: left; width: 100%; margin: 0 0 2em}
	.content>aside section:nth-of-type(2n-1) {clear: left;}
	.content>aside section h3 {margin-top: 0;}
}
@media (max-width: 660px){
	.content>aside .searchform input {width: 60%;}
}
@media (max-width: 400px) {
	.content>aside section {float: none; width: 100%; margin: 1em 0;}
}



/* quotes
---------------------------------*/
blockquote.quote {max-width: 70%; margin: 4em auto; padding: 0 0 0 55px; border: none; background: url("images/.png") 0 0 no-repeat; color: #747474;}
aside blockquote.quote {margin: 0;}
.columns blockquote.quote {margin: 25px auto 0;}
.col4 blockquote.quote {max-width: 100%}
blockquote.quote p {margin: 0.5em 0; font: 300 1.846em/1.1em "Signika",sans-serif;}
.col23 blockquote.quote p {font-size: 1.692em;}
.col3 blockquote.quote p, aside blockquote.quote p {font-size: 1.385em;}
blockquote.quote p.signature, aside blockquote.quote p.signature {font: normal 1em "Arial",sans-serif; text-align: right;}
blockquote.quote p.signature span {color: #3f3f3f;}

/* progress bars
---------------------------------*/
p.progress {position: relative; overflow: hidden; height: 30px; margin: 10px 0; border-radius: 16px; background: #ebebeb; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color: #ffffff; font: 300 1.231em/30px "Signika",sans-serif;}
p.progress>span.fill {display: block; position: absolute; left: 0; top: 0; height: 30px; border-radius: 16px; background: #ff8400;}
p.progress>span.fill>span {display: block; padding: 0 10px; line-height: 29px; white-space: nowrap;}

.skill-1 {width: 80%;}
.skill-2 {width: 70%;}
.skill-3 {width: 55%;}
.skill-4 {width: 60%;}			


/* modal window for images */
.overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #999999; opacity: 0.5;}
.modal-img {position: absolute; left: 50%; top: 0; z-index: 500; max-width: 900px; max-height: 540px; padding: 20px; background: #ffffff; box-shadow: 0 0 0 4px rgba(0,0,0,0.2);}
.modal-img img {max-width: 100%;}
.modal-img a.close {position: absolute; right: 20px; top: -29px; display: block; width: 49px; height: 29px; overflow: hidden; background: #000000 url("images/.png") 50% 50% no-repeat; text-indent: -50em;}
.modal-img a.prev, .modal-img a.next {position: absolute; top: 50%; display: block; overflow: hidden; width: 30px; height: 60px; margin: -30px 0 0; background: url("images/.png") no-repeat; background-color: rgba(255,255,255,0.6); text-indent: -1000px; outline: none;}
.modal-img a.prev:hover, .modal-img a.next:hover {background-color: rgba(255,255,255,1);}
.modal-img a.prev {left: 20px; background-position: 0 50%;}
.modal-img a.next {right: 20px; background-position: -30px 50%;}
@media (max-width: 900px) {
	.modal-img {max-width: 90%;}
}
@media (max-width: 400px) {
	.modal-img {max-width: 100%; left: 0; margin-left: -20px !important;}
}

/* error 404 page */
.e404 p {color: #3f3f3f; font-family: "Signika",sans-serif; text-align: center;}
.e404 article:first-child p:first-child {margin: 25px 0 0; font: 700 15.385em/1em "Arial",sans-serif;}
.e404 article:first-child p+p {margin: 0; font-size: 2em; line-height: 1.3em;}
.e404 article+article p:first-child {margin-top: 3em; font-weight: 300; font-size: 1.538em; line-height: 1.3em;}
.e404 article form+p {width: 120px; margin: 1.3em auto; border-bottom: 1px solid #dfdfdf; color: #999999; font: 300 1.231em/0.231em "Signika",sans-serif;}
.e404 article form+p span {margin-top: 10px; padding: 0 10px; background: #ffffff; text-transform: uppercase;}
.e404 fieldset {overflow: hidden; width: auto; border: 1px solid #ccc; border-radius: 2px; white-space: nowrap;}
.e404 input {width: 84%; border: none; font-size: 1.077em;} 
.e404 button {width: 10%; padding: 9px 0; border: none; background: #ffffff url("images/.png") 50% 50% no-repeat; box-shadow: none;}

@media (max-width: 750px) {
	.e404 article:first-child p:first-child {font-size: 11.538em;}
}
@media (max-width: 560px) {
	.e404 article:first-child p:first-child {font-size: 7.692em;}
}

/* Heading shortcodes */

.content>aside h3.t01, .content>aside h3.t02, .content>aside h3.t03, .content>aside h3.t04, .content>aside h3.t05, .content>aside h3.t06, .content>aside h3.t07, .content>aside h3.t08, .content>aside h3.t09, .content>aside h3.t10 {margin: 2em 0 1em; line-height: 1.5em;}
.content>aside h3.t01 {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; font-size: 1.385em;}
.content>aside h3.t01 span {margin-bottom: -1px; padding-bottom: 10px; border-bottom-width: 2px;}
.content>aside h3.t02 {padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; font-size: 1.385em;}
.content>aside h3.t03 {padding-bottom: 10px; border-bottom: 1px solid #ff8400; color: #3f3f3f; font-weight: 300; font-size: 1.385em;}
.content>aside h3.t04 {border-bottom: 1px solid #dfdfdf; color: #747474; font-weight: 300; font-size: 1.385em; line-height: 1em;}
.content>aside h3.t04 span {margin-bottom: -30px; padding: 0 5px 5px 0; border: none; background: #ffffff;}
.content>aside h3.t05 {border: none; color: #747474; font-weight: 300; font-size: 1.385em;}
.content>aside h3.t06 {border: none; color: #3f3f3f; font-size: 1.385em; text-transform: uppercase;}

.content>aside h3.t07 span {margin-top: -5px; padding-right: 5px; padding-bottom: 0; border-bottom: none; background: #ffffff;}
.content>aside h3.t08 {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-size: 1.385em; line-height: 1em; text-transform: uppercase;}
.content>aside h3.t08 span {margin-bottom: -30px; padding: 0 5px 5px 0; border: none; background: #ffffff;}
.content>aside h3.t09 {border-bottom: 2px solid #dfdfdf; color: #3f3f3f; font-size: 1.385em; text-transform: uppercase;}
.content>aside h3.t09 span {margin-bottom: -2px; padding-bottom: 10px; border-bottom: 2px solid #3f3f3f;}
.content>aside h3.t10 {padding-bottom: 10px; border-bottom: 4px double #dfdfdf; color: #747474; font-size: 1.385em; text-transform: uppercase;}

footer h3.t01, footer h3.t02, footer h3.t03, footer h3.t04, footer h3.t05, footer h3.t06, footer h3.t07, footer h3.t08, footer h3.t09, footer h3.t10 {margin: 2em 0 1em; color: #efefef;}
footer h3.t01 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t01 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;}
footer h3.t02 {padding-bottom: 10px; border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t03 {padding-bottom: 10px; border-bottom: 1px solid #ff8400; font-weight: 300; font-size: 1.385em;}
footer h3.t04 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t04 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;}
footer h3.t05 {border: none; font-weight: 300; font-size: 1.385em;}
footer h3.t06 {border: none; font-size: 1.385em; text-transform: uppercase;}
footer h3.t07 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t07 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;}
footer h3.t08 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t08 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;}
footer h3.t09 {border-bottom: 1px solid #575757; font-size: 1.385em; text-transform: uppercase;}
footer h3.t09 span {margin-bottom: -2px; padding: 0 0 10px; border-bottom: 1px solid #dfdfdf;}
footer h3.t10 {padding-bottom: 10px; border-bottom: 4px double #575757; font-size: 1.385em; text-transform: uppercase;}


#div9 {
	clip: rect(0,158,148,15);
	height: 40px; 
	width: 120px; 
	left: 65%; 
	top: 60px; 
	position: absolute;
	visibility: visible; 
	z-index:550; 
	font-size: 0.846em; 
	font-family: "Signika",sans-serif;
	text-align: center; 
	text-align: center;
	
	}
/* team page */
.team h3 {margin: 0.75em 0 0; font-weight: 300; font-size: 1.538em;}
.team p.position {margin: 0; color: #999999;font-size: 0.769em; text-transform: uppercase;}
.team ul.social {margin: 1em 0;}
.team ul.social li {margin: 0 5px 0 0;}

.team .img-border img {width: 100%; max-width: 100%;}

.team.col4 h3 {font-size: 1.385em;}

@media (max-width: 800px) {
	
	.team.col4 h3 {font-size: 1.538em;}
}
@media (max-width: 600px) {
	.team.col1 .img-border {float: none; width: 100%;}
	.team.col1 h3 {margin-top: 1em; font-size: 1.538em;}
}