/*
Theme Name: TradeYOM
Author: anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/
/* ---------------------------------------------------------
	1. General reset
	2. Common site styles
	3. Styles for responsive breakpoints
----------------------------------------------------------*/
/* ---------------------------------------------------------
	1. General reset
----------------------------------------------------------*/
/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
html{box-sizing: border-box;}
*, *:before, *:after {
	box-sizing: inherit;
}
* { 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset, mejs-container{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
body {
	min-width:980px;
	color:#b8b8b8;
	font:15px/24px 'Archivo Narrow', Arial, Helvetica, sans-serif;
	background:#0047bb;
	 overflow-y: scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
}
/* set styles for default page links */
a {
	text-decoration:underline;
	color:#00f;
	outline:none;
}
a:hover {text-decoration:none;}
img{
	max-width: 100%;
	height: auto;
}
video, iframe, object, embed{max-width: 100%;}
/* set default styles in all browsers */
input, textarea, select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
	overflow: auto;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{
	background:#fff;
	margin: 0;
	border:1px solid #ccc;
	-webkit-appearance:none;
	padding:3px 4px;
}
label{vertical-align:middle;}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	overflow: visible;
}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
blockquote{
	border-left:4px solid #ccc;
	padding-left:10px;
	margin-left:14px; 
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
	border:1px solid #ccc;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{ margin-left:1px; }
ul, ol{ padding-left:3em; }
ul ul,
ul ol,
ol ul, 
ol ol{
	padding-left:3em;
	margin:0;
}
ul>li{list-style-type:disc;}
dl dt{
	float:left;
	clear:left;
	padding-right:4px;
	font-weight:bold;
}
.widget {margin-bottom: 14px; overflow: hidden;}
.widget ul{padding-left:2em;}
.widget select{min-width: 150px;}
.comment-form textarea,
.post-password-form input[type="password"],
.comment-form input[type="text"],
.search-form input[type="text"]{
	margin:0 4px 0 0;
	width:300px;
}
.post-password-form input[type="password"],
.search-form input[type="text"]{width:150px;}
.commentlist{margin:0 0 14px;}
.commentlist .edit-link{margin:0;}
.commentlist-item .commentlist-item {padding:0 0 0 3em;}
@media only screen and (max-width: 767px){
	.commentlist-item .commentlist-item {padding: 0;}
}
.comment,
.commentlist-holder{overflow:hidden;}
.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item{padding-top:14px;}
.commentlist .avatar-holder{
	float:left;
	margin:0 14px 4px 0;
}
.comment-form label{
	display:block;
	padding-bottom:4px;
}
.comment-form textarea{
	padding:3px 4px;
	overflow:auto;
	margin:0;
	height:120px;
}
.gallery-item dt{
	float:none;
	padding:0;
}
.navigation{
	overflow:hidden;
	margin:0 0 14px;
}
.navigation .next{
	float:left;
}
.navigation .prev{
	float:right;
}
.wp-caption{
	max-width: 98%;
	clear:both;
	border:1px solid #ccc;
	padding:5px;
}
.wp-caption img{vertical-align:top;} 
.wp-caption p{margin:10px 0 0;}
div.aligncenter {margin: 0 auto 14px;}
img.aligncenter{
	display:block;
	margin:0 auto;
}
.alignleft{
	float:left;
	margin:0 14px 4px 0;
}
.alignright{
	float:right;
	margin:0 0 4px 14px;
}
.aligncenter.add{margin:0 auto 31px;}
::-webkit-input-placeholder { /* WebKit browsers */
	color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #999;
}
/* ---------------------------------------------------------
	2. Сommon site styles
----------------------------------------------------------*/
.bg-stretch{
	max-width:100%;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.bg-stretch img{
	left:50%;
	margin:0 0 0 -631px !important;
	width:1262px !important;
	height:auto !important;
	position:absolute;
	max-width:none;
}
/* main container styles */
#wrapper{overflow:hidden;}
/* header styles */
#header{
	overflow:hidden;
	background:#fff;
}
.header-holder{
	max-width:943px;
	margin:0 auto;
	overflow:hidden;
}
/* page logo styles */
.logo-holder{
	float:left;
	padding:35px 0 35px;
	overflow:hidden;
}
.logo{float:left;}
.logo a{
	display: block;
	height:auto;
}
.logo a img{
	display: block;
	vertical-align: top;
}
.slogan{
	display: inline-block;
	float:left;
	margin:8px 0 0 29px;
	font:16px/20px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	word-spacing:-1px;
	color: #999;
}
.opener{
	display: none;
	margin:-67px 10px 0 0;
	background: none repeat scroll 0 0 #00f;
	border-radius: 3px;
	float: right;
	height: 40px;
	position: relative;
	z-index:2;
	width: 40px;
}
.opener:before, .opener:after, .opener span{
	background: none repeat scroll 0 0 #fff;
	border-radius: 4px;
	height: 4px;
	left: 25%;
	margin-top: -2px;
	position: absolute;
	right: 25%;
	top: 50%;
	/* transition: all 0.2s linear 0s; */
	/* transition: all 5s linear 5s;    Eli - for the life of me I can't figurde out why this won't adjust the transition speed */
transition: all 4s linear 0s;
}
.opener:before, .opener:after{
	content:"";
	top:30%;
}
.opener:after{top:70%;}
.active .opener:after, .active .opener:before{
	left: 15%;
	right: 15%;
	top: 50%;
	transform: rotate(45deg);
}
.active .opener:after{transform: rotate(-45deg);}
.active .opener span{display: none;}
#nav{
	float:right;
	overflow:hidden;
	letter-spacing:-4px;
	font-size:0;
}
#nav ul{
	width:410px;
	list-style:none;
	margin:0;
	padding:0;
	font:16px/19px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:right;
}
#nav ul li{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	border:#e5e5e5 solid;
	border-width:0 1px 0 1px;
}
#nav ul li a{
	display:inline-block;
	padding:45px 23px 47px;
	text-decoration:none;
	text-align:center;
	letter-spacing:0;
	color: #999;
}
#nav ul li a:hover{
	text-decoration:none;
	background:#0047bb;
	color: #fff;
}
/* main informative part styles */
#main{
	padding:0 0 53px;
	background:#fff;
}
#main:after{
	content:"";
	clear:both;
	display: block;
}
/* carousel basic styles */
.carousel {
	position: relative;
	padding:3px 0 0;
}
.carousel .mask {
	position: relative;
	overflow: hidden;
	height:550px;
}
.carousel .mask .slideset {
	width: 99999px;
	float: left;
}
.carousel .mask .slide {
	float: left;
	height:526px;
	overflow:hidden;
	position:relative;
}
.carousel .mask .slide.active {position:relative;}
.carousel:after{
	width:100%;
	height:3px;
	content:"";
	position:absolute;
	left:0;
	top:0;
	background: #696969 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzczNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #696969 0%, #6b6b6b 50%, #737373 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(50%,#6b6b6b), color-stop(100%,#737373));
	background: -webkit-linear-gradient(top,  #696969 0%,#6b6b6b 50%,#737373 100%);
	background: -o-linear-gradient(top,  #696969 0%,#6b6b6b 50%,#737373 100%);
	background: -ms-linear-gradient(top,  #696969 0%,#6b6b6b 50%,#737373 100%);
	background: linear-gradient(to bottom,  #696969 0%,#6b6b6b 50%,#737373 100%);
}
.carousel .text-block{
	max-width:979px;
	margin:0 auto;
	position:relative;
	z-index:2;
	overflow:hidden;
}
.carousel .auction{background:#579eb2;}
.carousel .cost{background:#e8e8e8;}
.carousel .cloud{background:#5583be;}
.carousel .graph{background:#131313;}
.carousel .auction .text-block{padding:81px 0 0 2.9%;}
.carousel .auction h1{
	margin:0 0 79px;
	padding:0 380px 0 0;
	font:44px/54px 'Oswald', Arial, Helvetica, sans-serif;    
	text-shadow: 1px 1px 1px rgba(0,0,0,.36);
	text-transform:none;
	color: #fff;
}
.carousel .auction .description{
	width:51%;
	margin:0 0 40px;
	padding:0 0 0 2.6%;
	font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
/* 	font:300 30px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif; */
/*	font:300 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif; */   
/*	font:600 31px/45px 'Source Sans Pro', Arial, Helvetica, sans-serif; */
	
/*	text-shadow: 1px 1px 1px rgba(0,0,0,.36); */
	color: #878787;

}
.more{
	display: inline-block;
	margin:0 0 5px 19px;
	position:relative;
	padding:12px 51px 13px 15px;
	border:none;
	border-radius:3px 0 0 3px;
	font:22px/26px 'Oswald', Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color: #fff;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
	background:#0047bb;
}
.more:hover{
	text-decoration:none;
	background:#10469e;
}
.more:after{
	width:36px;
	height:51px;
	content:"";
	position: absolute;
	top:0;
	right:0;
	background:url(images/sprite.png) no-repeat -54px -79px;
}
.carousel .cost .text-block{padding:69px 0 0 2.9%;}
.carousel .cost h1{
	margin:0 0 10px;
	/* padding:0 445px 0 0; */
	padding:0 200px 0 0;
	font:44px/54px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#0047bb;
}
.carousel .cost .description{
	/* overflow:hidden; */
	/* margin:0 0 6px; */
	/* padding:0 0 0 5px; */
	/* position:absolute; */ /* ELI ADDED */
	/* bottom:67px; */ /* ELI ADDED */
	/* right:11px; */  /* ELI ADDED */
	/* font:600 31px/45px 'Source Sans Pro', Arial, Helvetica, sans-serif; */
	/* color: #868686; */
	width:45%;
	/* padding:25px; */ /* ELI ADDED */
	margin-left:450px; /* ELI ADDED */
	margin-top:150px; /* ELI ADDED */
	font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #868686;
}
.carousel .cost .more{margin:0 0 0 3px;}
.carousel .cost .note{
	margin:-11px 37px 0 0;
	margin:0px 0px 0 0;
	overflow:hidden;
	
}
.carousel .cost .note-holder{
	width:40%;
	/* float:right; */  
	/* position:absolute;*/ /* ELI ADDED */
	/* bottom:-50px; */ /* ELI ADDED */
	/* right:11px; */ /* ELI ADDED */
	padding:25px;  /* ELI ADDED */
	margin-left:500px; /* ELI ADDED */
	margin-top:100px; /* ELI ADDED */
	font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #868686;
}
.carousel .cloud .text-block{padding:228px 0 0 2.9%;}
.carousel .cloud h1{
	margin:0 0 12px;
	font:44px/54px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,.36);
	color: #fff;
}
.carousel .cloud .description{
	width:40%;
	margin:0 0 16px;
/*	font:300 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif; */
	font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #fff;
}
.carousel .cloud .more{margin:0 0 0 3px;}


.carousel .graph h1{		/*added by ELI */
	/*width:40%;*/
	margin:0 0 26px;
	margin-left:1000px
	padding:200px;
	font:44px/54px 'Oswald', Arial, Helvetica, sans-serif;
	/*font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;*/
	text-transform:uppercase;
	color: #fff;
}

.carousel .graph .description{		/*added by ELI WHO has no idea why it doesn't seem to work and has left in the graph.note to compensate!!!!*/
	width:45%;
	/* padding:25px; */ /* ELI ADDED */
	margin-left:450px; /* ELI ADDED */
	margin-top:150px; /* ELI ADDED */
	font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #fff;
}


.carousel .graph{position:relative;}

/*
.carousel .graph .text-block{
	height:100%;
	position:relative; 
	padding:19px 0 0 7.7%;
	font:300 18px/26px 'Source Sans Pro', Arial, Helvetica, sans-serif;



	font:300 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #cbcbcb;
}

*/

.carousel .graph .note{
	/* font:600 18px/26px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #cbcbcb;   */
	/* position:absolute; */
	/* bottom:67px;
	right:11px;  */
	width:40%;
	margin-left:575px; /* ELI ADDED */
	margin-top:200px; /* ELI ADDED */
	font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #cbcbcb;



	
	font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #cbcbcb;
}




.carousel .simplicity{background:#000;}
.carousel .simplicity .text-block{padding:157px 0 0 2.9%;}
.carousel .simplicity h1{
	margin:0 0 26px;
	font:44px/54px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #fff;
}
.carousel .simplicity .description{
	width:45%;
	margin:0 0 30px;
	padding:0 0 0 0.6%;
/*	font:300 18px/26px 'Source Sans Pro', Arial, Helvetica, sans-serif; */
	font:400 18px/27px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #cbcbcb;
}
.carousel .more.orange{
	margin:0 0 0 3px;
	background:#fd6400;
}
.carousel .more.orange:after{background-position:-110px -79px;}
.carousel .more.orange:hover{background:#d05c10;}
.carousel .slide:after{
	width:100%;
	height:3px;
	content:"";
	position:absolute;
	bottom:0;
	background:#696969 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzczNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #696969 0%, #6b6b6b 50%, #737373 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(50%,#6b6b6b), color-stop(100%,#737373));
	background: -webkit-linear-gradient(top,  #696969 0%,#6b6b6b 50%,#737373 100%);
	background: -o-linear-gradient(top,  #696969 0%,#6b6b6b 50%,#737373 100%);
	background: -ms-linear-gradient(top,  #696969 0%,#6b6b6b 50%,#737373 100%);
	background: linear-gradient(to bottom,  #696969 0%,#6b6b6b 50%,#737373 100%);
}
.twocolumns:after{
	content:"";
	clear:both;
	display: block;
}
.content-holder{
	max-width:979px;
	margin:-20px auto 0;
	position:relative;
	background:#fff;
}
.content-holder:after{
	content:"";
	clear:both;
	display: block;
}
.services{
	margin:0 0 38px;
	padding:74px 0 71px;
	text-align:center;
	font:15px/19px 'Oswald', Arial, Helvetica, sans-serif;
	color: #6e6e6e;
	position:relative;
	z-index:2;
	box-shadow:0 -2px 5px rgba(0, 0, 0, 0.5);
}
.services article{
	width:20%;
	margin:0 2.3%;
	display: inline-block;
	vertical-align: top;
}
.services .image-block{min-height:122px;}
.services img{
	display: block;
	margin:0 auto;
	vertical-align:top;
}
.services h2{
	margin:0 0 15px;
	padding:0 0 13px;
	border-bottom:1px solid #d4d4d4;
	font:16px/19px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
}
.services h2 a{
	text-decoration:none;
	color: #262729;
}
.services h2 a:hover{
	text-decoration:none;
	color: #000;
}
.services p{margin:0 0 10px;}
.twocolumns .add-block{
	max-width:939px;
	height:215px;
	margin:0 auto;
	position:relative;
	border-left:6px solid #0047bb;
}
.twocolumns .add-block .text-holder{
	width:100%;
	height:auto;
}
.twocolumns .add-block .text-block{
	margin:0 0 12px;
	position:relative;
	padding:31px 0 0 3.7%;
}
.twocolumns .add-block h2{
	margin:0;
	font:34px/43px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #fff;
}
.twocolumns .add-block .btn-holder{text-align:center;}
.twocolumns .add-block .more{
	display: inline-block;
	vertical-align: top;
}
/* footer styles */
#footer{
	overflow:hidden;
	background:#0047bb;
	max-width:979px;
	margin:0 auto;
	padding:14px 23px 15px 0;
	overflow:hidden;
	font:16px/22px 'Oswald', Arial, Helvetica, sans-serif;
	color: #fff;
}
.footer-nav{float:left;}
.footer-nav ul{
	list-style:none;
	padding:0;
	margin:0;
	text-transform:uppercase;
	overflow:hidden;
}
.footer-nav ul li{
	list-style-type:none;
	float:left;
	position:relative;
	padding:0 43px 0 61px;
}
.footer-nav ul li:after{
	width:3px;
	height:16px;
	content:"";
	position:absolute;
	left:0;
	top:5px;
	background:url(images/sprite.png) no-repeat -134px -138px;
}
.footer-nav ul li:first-child{padding:0 43px 0 22px;}
.footer-nav ul li:first-child:after{display: none;}
.footer-nav ul li a{
	text-decoration:none;
	color: #fff;
}
.footer-nav ul li a:hover{text-decoration:underline;}
.copyright{float:right;}
.copyright a{
	text-decoration:none;
	color: #fff;
}
.copyright a:hover{text-decoration:underline;}
#main.contact-page,
#main.blog-page,
#main.about-page,
#main.info-page{background:#e4e8ee;}
.contact-page .twocolumns{padding:38px 0 0;}
.banner{
	height:204px;
	position:relative;
}
.page-heading{
	max-width:913px;
	margin:0 auto;
	position:relative;
	z-index:2;
}
.page-heading h1{
	margin:0;
	font:44px/48px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #fff;
}
.page-heading-block{display:table;}
.page-heading-holder{
	display:table-cell;
	height:204px;
	vertical-align:middle;
}
.contact-block{
	max-width:941px;
	margin:0 auto;
	padding:25px 52px 6px 48px;
	border:1px solid #cdced0;
	background:#fff;
}
.contact-block p{margin:0 0 15px;}
.social-networks{
	list-style:none;
	margin:0 0 59px;
	padding:21px 0 0;
	text-align:center;
}
.social-networks li{
	width:30px;
	height:30px;
	margin:0 5px;
	display:inline-block;
	vertical-align:top;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/sprite.png) no-repeat;
}
.social-networks li a{
	display: block;
	height:auto;
}
.social-networks li.facebook{background-position:0 0;}
.social-networks li.facebook:hover{background-position:0 -40px;}
.social-networks li.twitter{background-position:-40px 0;}
.social-networks li.twitter:hover{background-position:-40px -40px;}
.social-networks li.googleplus{background-position:-80px 0;}
.social-networks li.googleplus:hover{background-position:-80px -40px;}
.social-networks li.rss{background-position:-120px 0;}
.social-networks li.rss:hover{background-position:-120px -40px;}
.contact-form{
	padding:0 5.2% 0 2.7%;
	overflow:hidden;
}
.contact-form .row{
	margin:0 0 15px;
	overflow:hidden;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.search-form input[type="text"],
.search-form input[type="email"],
.post-password-form input[type="password"],
#commentform input[type="text"],
#commentform input[type="email"]{
	width:48.2%;
	height:49px;
	margin:0 0 0 3.5%;
	padding:12px 2% 14px 2.3%;
	float:left;
	border:2px solid #d6d6d6;
	border-radius:7px;
	outline:none;
	box-shadow:none;
	font:15px/19px 'Archivo Narrow', Arial, Helvetica, sans-serif;
	color: #8b8b8b;
	letter-spacing:1px;
}
.search-form input[type="text"],
.post-password-form input[type="password"]{margin:0;}
.post-password-form label{margin:0 3.5% 0 0;}
.contact-form .row input[type="text"]:first-child{margin:0;}
.contact-form input[type="text"].subject{width:100%;}
.contact-form textarea,
#commentform textarea{
	width:100%;
	height:215px;
	padding:14px 2.1% 13px 2.3%;
	border:2px solid #d6d6d6;
	border-radius:7px;
	resize:none;
	outline:none;
	box-shadow:none;
	font:15px/19px 'Archivo Narrow', Arial, Helvetica, sans-serif;
	color: #8b8b8b;
	letter-spacing:1px;
}
#commentform p{margin:0 0 30px;}
#commentform label,
.post-password-form label{
	float:left;
	padding:10px 0 0;
	font-size:22px;
	line-height:24px;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url,
#commentform .comment-form-comment{overflow:hidden;}
.contact-form .row.btn-holder{padding:18px 4px 0 0;}
.contact-form .btn-holder .more{float:right;}
.twocolumns-holder{
	max-width:940px;
	margin:0 auto;
	padding:38px 0 0;
	overflow:hidden;
}
.blog-page .twocolumns-holder{padding:41px 0 0;}
/* main content styles */
.twocolumns-holder #content{
	width:66.1%;
	padding:0 3.1% 0 3.4%;
	float:left;
	overflow:hidden;
	border:1px solid #cdced0;
	background:#fff;
}
#content.add-back{
	background:none;
	border:none;
	padding-top:0 !important;
}
#content.add-back .post{
	margin:0 -3.3% 39px;
	padding:21px 3.3% 28px;
}
.twocolumns-holder #content.add{padding:18px 10px 0;}
.twocolumns-holder #content.add{
	width:66%;
	padding:17px 1.9% 41px;
}
.twocolumns-holder .post{
	margin:0 0 39px;
	overflow:hidden;
	background:#fff;
}
.twocolumns-holder .post-image{
	width:100%;
	height:auto;
	margin:0 0 22px;
	border-bottom:6px solid #0047bb;
}
.twocolumns-holder .post-image img{
	width:100%;
	height:auto;
	vertical-align:top;
}
#content .post-details{
	padding:0 0 0 1.6%;
	overflow:hidden;
	font:16px/21px 'Archivo Narrow', Arial, Helvetica, sans-serif;
	color: #8f8f90;
}
#content .post-details p{margin:0 0 16px;}
#content .post h2{
	margin:0 0 10px -0.3%;
	padding:0 6% 0 0;
	font:34px/45px 'Oswald', Arial, Helvetica, sans-serif;
	color: #262729;
}
#content.add-heading h2{
	margin:0 0 8px;
	font:700 20px/24px 'Archivo Narrow', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #535559;
}
#content .post h2 a{
	color: #262729;
	text-decoration:none;
}
#content .post h2 a:hover{text-decoration:underline;}
.about-page .twocolumns-holder .post{
	margin:0;
	padding:15px 0 0;
}
.about-page .aligncenter{margin:0 auto 5px;}
.about-page .alignleft{margin:2px 22px 4px 10px;}
.about-page .alignright{margin:0 17px 4px 15px;}
.twocolumns-holder .meta{
	list-style:none;
	margin:0 0 33px;
	padding:3px 0 0 1px;
	overflow:hidden;
	font:17px/21px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #595959;
}
.twocolumns-holder .meta .not-upper{text-transform:none;}
.twocolumns-holder .meta li{
	list-style-type:none;
	float:left;
	position:relative;
	padding:0 3px 0 5px;
}
.twocolumns-holder .meta li:before{
	width:3px;
	height:16px;
	content:"";
	position:absolute;
	top:3px;
	left:0;
	background:url(images/sprite.png) no-repeat -110px -138px;
}
.twocolumns-holder .meta li:first-child{padding:0 3px 0 0;}
.twocolumns-holder .meta li:first-child:before{display:none;}
.twocolumns-holder .meta li a{
	color: #000;
	text-decoration:none;
}
.twocolumns-holder .meta li a:hover{text-decoration:underline;}
.twocolumns-holder .post-details .continue{
	display: inline-block;
	padding:6px 12px 8px 10px;
	border-radius:3px;
	font:13px/17px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color: #fff;
	background:#0047bb;
}
.twocolumns-holder .post-details .continue:hover{
	text-decoration:none;
	background:#0a5ee8;
}
/* sidebar styles */
#sidebar{
	width:31.8%;
	float:right;
	padding:1px 0 0;
	overflow:hidden;
}
#sidebar .widget.popular{
	overflow:hidden;
	margin:0 0 18px;
	padding:16px 11px 0 16px;
	border-left:6px solid #0047bb;
	background:#d1d4da;
}
#sidebar .widget.cat-widget{border-left:6px solid #fd6400;}
#sidebar .heading-holder{
	margin:0 0 14px;
	overflow:hidden;
}
#sidebar .cat-list{
	list-style:none;
	margin:0;
	padding:0 0 0 22px;
}
#sidebar .cat-list li{
	list-style-type:none;
	margin:0 0 10px;
}
#sidebar .cat-list li a{
	color: #000;
	text-decoration:none;
}
#sidebar .cat-list li a:hover{text-decoration:underline;}
#sidebar .popular h2{
	margin:0;
	padding:0;
	display: inline-block;
	float:left;
	font:16px/19px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #262729;
	background:none;
	border:none;
}
#sidebar .popular h2 a{
	text-decoration:none;
	color: #262729;
}
#sidebar .popular h2 a:hover{text-decoration:underline;}
#sidebar .widget .button{
	display: inline-block;
	float: right;
	padding:3px 8px 4px 7px;
	font:10px/14px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color: #b7b7b8;
	border-radius:3px;
	background:#38393a;
}
#sidebar .widget .button:hover{
	text-decoration:none;
	background:#000;
}
#sidebar .widget{
	border:#cdced0 solid;
	border-width:0 1px 1px 1px;
	background:#fff;
	overflow: visible;
}
#sidebar .widget:after{
	content:"";
	clear:both;
	display: block;
}
#sidebar .widget .image-block{
	margin:0 -11px 15px -20px;
	position:relative;
	border-bottom:6px solid #0047bb;
}
#sidebar .widget .image-block.orange{border-color:#fd6400;}
#sidebar .widget .image-block img{
	display: block;
	vertical-align: top;
}
#sidebar .widget .post-date{
	position:absolute;
	top: 0;
	left:0;
	z-index:1;
	background:#0047bb;
}



#sidebar .widget .post-date.orange{background:#fd6400;}
#sidebar .widget .post-details{
	margin:0 0 6px;
	padding:15px 12px 20px 10px;
	background:#fff;
	font:15px/20px 'Archivo Narrow', Arial, Helvetica, sans-serif;
	color: #a5a5a5;
}
.post-date{
	width:101px;
	padding:13px 0 8px;
	font:30px/44px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color: #fff;
}
.post-date .date{
	font-size: 24px;
	margin:-8px 0 0;
	text-transform:none;
	display: block;
	color: #bac5e6;
}
.post-date.orange .date{color: #feccba;}
#sidebar h3{
	margin:0 0 13px;
	padding:0 0 12px;
	font:16px/19px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #7e7e7e;
	border:solid #d4d4d4;
	border-width:0 0 1px 0;
	background:none;
}
#sidebar h3 a{
	text-decoration:none;
	color: #7e7e7e;
}
#sidebar .post-details h3 a:hover{text-decoration:underline;}
#sidebar .post-details p{margin:0 0 12px;}
#sidebar .more,
#content .more{
	margin:0;
	box-shadow:none;
	padding:2px 11px 3px 10px;
	font:13px/26px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-radius:3px;
}
#sidebar .more:after,
#content .more:after{display: none;}
#sidebar .more:hover,
#content .more:hover{
	text-decoration:none;
	background:#0a5ee8;
}
.posts-text .text-block{
	padding:4px 5px 14px 8px;
	overflow:hidden;
}
.about-page .text-block.add{padding:12px 0 0 8px;}
#sidebar h2,
#sidebar.add-sidebar h3{
	margin:-1px -20px 16px -19px;
	padding:15px 8px 17px 16px;
	font:16px/19px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #fff;
	background:#000;
	border:#0047bb solid;
	border-width:0 0 0 6px;
}
#sidebar .widget{
	margin:0 0 19px;
	padding:0 10px 20px 18px;
	border:1px solid #cdced0;
	font:15px/20px 'Archivo Narrow', Arial, Helvetica, sans-serif;
	color: #a5a5a5;
	background:#fff;
}
#sidebar .widget .text-block{padding:0 4px 9px 9px;}
#sidebar .widget p{margin:0 0 12px;}
#sidebar .add-widget{
	max-width:943px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	border:none;
	border-left:6px solid #0047bb;
}
#sidebar .add-widget img{
	width:100%;
	height:auto;
	vertical-align: top;
}
#sidebar .text-widget{
	margin:0 0 28px;
	font:15px/24px 'Archivo Narrow', Arial, Helvetica, sans-serif;
	color: #717171;
}
#sidebar .text-widget p{margin:0 0 23px;}
#sidebar .text-holder{
	position:relative;
	padding:30px 0 35px;
}
#sidebar .add-widget .text-block{
	width:70%;
	padding:0 0 0 3.9%;
}
#sidebar .add-widget .text-block h2{
	margin:0 0 15px;
	letter-spacing:1px;
	font:34px/42px 'Oswald', Arial, Helvetica, sans-serif;
	color: #fff;
}


#sidebar .add-widget .btn-holder{
	overflow:hidden;
	text-align:center;
}
#sidebar .add-widget .more{
	margin:0;
	display: inline-block;
	vertical-align:top;
}
#sidebar .add-text{
	position:absolute;
	top:0;
	padding:53px 0 0 49px;
}





#sidebar .add-text h2{
	margin:0 0 10px;
	padding:0;

	font:12px/16px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:none;

/*	font:24px/34px 'Oswald', Arial, Helvetica, sans-serif;  */
/*
	text-transform:uppercase;

Removed by Eli*/


 
	color: #fff;
	position:relative;
	background:none;
	border:none;
	text-shadow:1px 1px 1px rgba(0,0,0,.36);
}




#sidebar .add-text h2 a{
	text-decoration:none;
	color: #fff;


/*


#sidebar .add-text h2 a:hover{text-decoration:underline;}
#sidebar .add-text h2:after{
	content:"F";
	position:absolute;
	margin:-16px 0 0;
	top:50%;
	left:-26px;
	font:24px/34px 'Oswald', Arial, Helvetica, sans-serif;
	color: #104cb5;
	text-shadow:1px 1px 1px rgba(0,0,0,.36);
}

*/



/*
#sidebar .learn-more{
	display: inline-block;
	margin:0 0 5px -100px;
	position:absolute;
	bottom:17px;
	left:50%;
	padding:12px 51px 13px 39px;
	border-radius:3px 0 0 3px;
	font:22px/26px 'Oswald', Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color: #fff;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
	background:#0047bb;
}
#sidebar .learn-more:hover{
	text-decoration:none;
	background:#10469e;
}
#sidebar .add-text .learn-more:after{
	width:36px;
	height:51px;
	content:"";
	position: absolute;
	top:0;
	right:0;
	z-index:1;
	background:url(images/sprite.png) no-repeat -54px -79px;
}

*/





.info-page #content h2{
	margin:0 0 10px;
	font:700 20px/24px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #535559;
}
.info-page .alignleft{margin:9px 42px 4px 16px;}
.info-page .alignright{margin:39px 58px 4px 14px;}
.post-password-form label{
	font-size:22px;
	line-height: 24px;
}
.postform{
	padding:5px 0;
	border-radius:5px;
	border:2px solid #d6d6d6;
}
.form-submit input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"]{
	margin-left:0;
	padding:0;
	cursor:pointer;
	box-shadow:none;
	font:13px/26px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-radius:3px;
	background:#0047bb;
	color: #fff;
	text-align:center;
	height:48px;
	width:60px;
	border:0;
}
.form-submit input[type="submit"]{width:150px;}
.form-submit input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover{
	text-decoration:none;
	background:#0a5ee8;
}
#wp-calendar{margin:0 auto;}
#commentform label{min-width:85px;}
.search-form input[type="text"],
.post-password-form input[type="text"],
.post-password-form input[type="password"]{margin-right:10px !important;}
/* ---------------------------------------------------------
	3. Styles for Responsive web design
----------------------------------------------------------*/
/* styles for screens with width from 891px to 1023px */
@media only screen and (max-width: 1023px){
	.header-holder{padding:0 2%;}
	#nav ul{
		width:222px;
		font-size:14px;
		line-height: 17px;
	}
	#nav ul li a{padding:44px 11px;}
	.slogan{margin:8px 0 0 15px;}
	.blog-page .twocolumns-holder{padding:41px 2% 0;}
	.twocolumns-holder #content{width:56.5%;}
	.about-page .twocolumns-holder #content{width:66.5%;}
	.twocolumns-holder .post{margin:0 0 10px;}
	#content .post h2{
		font-size: 24px;
		line-height:32px;
	}
	.twocolumns-holder .meta{margin:0 0 25px;}
	.page-heading{padding:0 2%;}
	.post-date{
		width:75px;
		padding:6px 0 12px;
		font-size: 22px;
		line-height: 36px;
	}
	.post-date .date{
		font-size: 18px;
		line-height: 22px;
	}
}
/* styles for screens with width from 927px to 980px */
@media only screen and (max-width: 980px){
	body{min-width:320px;}
	.carousel .cost h1,
	.carousel .auction h1{
		padding:0 49% 0 0;
		font-size: 28px;
		line-height: 38px;
	}
	.carousel .auction .text-block{padding:40px 0 0 2.9%;}
	.carousel .cost .note-holder{width:45%;}
	.carousel .auction h1{
		margin:0 0 20px;
		padding:0 49% 0 0;
	}
	.carousel .auction .description{
		width:50%;
		font-size: 25px;
		line-height: 27px;
	}
	.carousel .graph .note{right:25px;}
}
/* styles for screens with width from 768px to 928px */
@media only screen and (max-width: 928px){
	.about-page .twocolumns-holder,
	.info-page .twocolumns-holder{padding:38px 2% 0;}
	.about-page .twocolumns-holder #content{width:66%;}
	#content .image-block{width:43%;}
	#content .image-block img{
		width:auto;
		display:block;
		margin:0 auto;
	}
	#content .post h2{
		font-size: 16px;
		line-height: 20px;
	}
	#content .text-block{
		font-size: 14px;
		line-height: 18px;
	}
}
/* styles for screens 767px and narrower */
@media only screen and (max-width: 767px){
	.twocolumns{padding:0 2%;}
	.logo-holder{
		float:none;
		width:100%;
		margin:0 0 10px;
		text-align:center;
	}
	.logo,
	.slogan{
		display: inline-block;
		float:none;
	}
	.logo{
		width:72%;
		margin:0 0 10px;
		float:left;
	}
	.slogan{
		float:left;
		margin:0;
	}
	.opener{display: block;}
	#nav{
		width:auto;
		overflow:hidden;
		position:absolute;
		top:-100%;
	}
	.active #nav{
		top:0;
		background:#fff;
		position:relative;
		z-index:2;
		padding:0 0 10px;
		width:100%;
	}
	#nav ul{
		text-align:center;
		overflow: hidden;
		width: auto;
	}
	#nav ul li{
		display: block;
		float:none;
		border-top:1px solid #e5e5e5;
		border-left:none;
		border-right:none;
	}
	#nav ul li:first-child{border:none;}
	#nav ul li a{
		display:block;
		padding:10px;
	}
	.services article{
		width:100%;
		margin:0 0 20px;
	}
	.services article img{
		width:auto;
		display: block;
		margin:0 auto;
	}
	.add-block .text-block{width:100%;}
	.add-block .text-block h2{
		font-size: 14px;
		line-height: 24px;
	}
	#footer{
		padding:14px 2%;
		font-size: 14px;
		line-height: 18px;
	}
	.footer-nav{
		overflow:hidden;
		float:none;
		margin:0 0 10px;
	}
	.footer-nav ul{text-align:center;}
	.footer-nav ul li{
		float:none;
		padding:0 16px;
		display: inline-block;
		vertical-align: top;
	}
	.footer-nav ul li:first-child{padding:0 16px;}
	.copyright{
		display: block;
		width:100%;
		overflow:hidden;
		text-align:center;
		float:none;
	}
	.more{margin:0;}
	.carousel img{
		position:static !important;
		width:100% !important;
		height:auto !important;
		margin:0 0 10px !important;
	}
	.carousel .bg-stretch{position:static !important;}
	.carousel .mask .slide{
		height:auto;
		padding-bottom:25px;
	}
	.carousel .text-block{
		padding:20px !important;
		width:auto !important;
		font-size:15px !important;
		line-height:28px !important;
	}
	.carousel h1{
		padding:0 !important;
		font-size: 16px !important;
		margin-bottom:10px !important;
		line-height: 24px !important;
	}
	.carousel .description{
		padding:0 !important;
		width:100% !important;
		font-size:15px !important;
		line-height:28px !important;
		margin-bottom:0 !important;
	}
	.carousel .cost .note-holder, .carousel .cost .note{
		overflow:hidden;
		margin:5px 0 0;
		font-size:15px;
		line-height:28px;
		width:100%;
	}
	.carousel .auction .description{color:#fff;}
	.carousel .more {
		font: 16px/18px "Oswald",Arial,Helvetica,sans-serif;
		margin: 0 0 5px;
		padding: 6px 45px 6px 6px;
	}
	.carousel .more:after{
		background-position:-54px -89px;
		height:30px;
	}
	.carousel .more.orange:after{background-position:-110px -89px;}
	.carousel .graph .note{
		position:static;
		font-size:15px;
		line-height:28px;
	}
	.contact-block{padding:25px 2% 6px;}
	.contact-form{padding:0;}
	.contact-form input[type="text"],
	.contact-form input[type="email"]{
		width:100%;
		float:none;
		margin:0 0 15px;
	}
	.contact-form .row input[type="text"]:first-child{margin:0 0 15px;}
	.contact-form .row{margin:0;}
	.page-heading{padding:0 4.4%;}
	.page-heading h1{
		font-size: 24px;
		line-height: 28px;
	}
	.banner,
	.page-heading-holder{height:135px;}
	.twocolumns-holder #content,
	#sidebar{
		width:100%;
		float:none;
		margin:0 0 10px;
	}
	#content .post h2{
		font-size: 17px;
		line-height:21px;
	}
	#sidebar .add-text h2{
		font-size: 20px;
		line-height: 30px;
		padding:0 15px 0 0;
	}
	#sidebar .add-widget{
		height:250px;
		overflow:hidden;
	}
	.twocolumns-holder .meta{
		font-size: 15px;
		line-height: 19px;
	}
	.image-block{width:100%;}
	.image-block img{
		width:100%;
		height:auto;
	}
	.about-page .twocolumns-holder{padding:38px 0 0;}
	.about-page .twocolumns-holder #content{width:100%;}
	#content .image-block{
		width:100%;
		margin:0 0 10px;
	}
	.add-sidebar{padding:0 2% !important;}
	.postform{width:100%;}
	.search-form input[type="text"]{
		width:100%;
		margin:0 0 10px;
	}
	.twocolumns-holder #content.add{width:100%;}
	#sidebar .widget .image-block{width:auto;}
}