/********** Global **********/

@font-face {
    font-family: Chivo;
    src: url('../fonts/Chivo.ttf');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}
@font-face {
    font-family: ChivoBlack;
    src: url('../fonts/ChivoBlack.ttf');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}
@font-face {
    font-family: ChivoItalic;
    src: url('../fonts/ChivoItalic.ttf');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

body {
    background: #fff;
    color: #5b5b5b;
    font: 13px/18px Arial, Helvetica, sans-serif;
}
h1, h2 {font: 13px/18px Chivo, Arial, Helvetica, sans-serif;}
a { color: #5b5b5b; outline:none; }
a:hover { color: #0e0c10; }

p {margin-bottom: 25px;}

img { max-width: 100%; height: auto;}
.img-border { padding: 5px; margin: 3px 0; background: url('../img/texture1.png'); }
img.left { margin-right: 10px; }
img.right { margin-left: 10px; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; line-height: 100%; font-weight: normal; }
h1 { font-size: 47px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 21px; margin-bottom: 1px; margin-left:4px;}
h6 { font-size: 18px; }
h1 { padding-bottom:7px; }

input[type="text"], 
input[type="password"], 
input[type="date"],
input[type="datetime"],
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"],
input[type="url"],
textarea {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	background: #dedede;
	color: #0e0c10;
	border: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

textarea {
	height: auto;
	line-height: 1.3em;
	padding: 10px 20px;
}

label {
	display: block;
	padding-top: 14px;
	color: #696969;
	font-weight: bold;
	text-align:right;
}
input[type=submit] {
	padding: 0 12px;
	background: #0e0c10;
	height: 45px;
	line-height: 45px;
	color: #f0e200;
	font-size: 16px;
	font-weight:bold;
	border: 0;
}
input[type=submit]:hover {
	background: #f0e200;
	color: #0e0c10;
}

.highlighted-color { display: inline-block; background: #f0e200; color: #5b5b5b; padding: 0 3px; }
.highlighted-pattern { display: inline-block; background: url('../img/texture1.png'); color: #5b5b5b; padding: 0 3px; }
.highlighted-bw { display: inline-block; background: #000; color: #fff; padding: 0 3px; }

label, input[type=submit], input[type=button] {	cursor: pointer; }

.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.aligncenter { margin: 0 auto; }

table { text-align: left; }
table th, table td { padding: 13px 20px; border: 1px solid #dfdfdf; }
table th { background: #dfdfdf; font-size: 18px; line-height: 24px; color: #110f10; border-right: 1px solid #fff; }
table th:last-child { border-right: none; }

/*========== Grid System ===========*/

.row {
	display: block;
	width: 100%;
	padding: 0 25px;
	margin-bottom: 25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.rowo {
	display: block;
	width: 100%;
	padding: 0 5px;
	margin-bottom: 25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -25px;
}
.columns, .column {
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.one {width: 8.33333%;}
.two {width: 16.66667%;}
.three {width: 25%;}
.four {width: 33.33333%;}
.five {width: 41.66667%;}
.six {width: 50%;}
.seven {width: 58.33333%;}
.eight {width: 66.66667%;}
.nine {width: 75%;}
.ten {width: 83.33333%;}
.eleven {width: 91.66667%;}
.twelve {width: 100%;}
.own {width: 80%;}

/*========== End Grid System ===========*/

.row:after,
.clear:after,
article:after,
#wrapper:after,
#sidebar .formWidget:after,
#content #breadCrumbs:after,
#content .pagination:after,
#content > section:after,
#commentForm ul li:after,
#comments .commentslist li:after,
#footer .fcolumns:after,
#footer #footerNav:after,
#footer #credits:after {
	content: "";
	display: block;
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 1px;
}

ul.list-arrow1,
ul.list-arrow2 {list-style: none; margin: 0;}

ul.list-arrow1 li,
ul.list-arrow2 li {
	position: relative;
	padding: 0 0 0 28px;
}
ul.list-arrow2 li { padding-left: 13px; }

ul.list-arrow1 li:before,
ul.list-arrow2 li:before {
	content: ' ';
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 17px;
	height: 5px;
	background: url("../img/icons.png") no-repeat scroll -1100px -15px;
}
ul.list-arrow2 li:before {
	width: 4px;
	height: 7px;
	top: 6px;
	background-position: -1100px 0;
}

::selection { background: #171717; color: #fff; }
::-moz-selection { background: #171717; color: #fff; }

.readMore {
	position: relative;
	display: inline-block;
	height: 20px;
	padding: 0 12px;
	margin-bottom:12px; 
	line-height: 21px;
	color: #191919 !important;
	font-size: 13px;
	text-decoration: none;
	background: #f0e200;
}
.readMore:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -50px;
	width: 50px;
	height: 20px;
	background: url('../img/texture1.png');
}
.readMore:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -50px;
	width: 50px;
	height: 20px;
	background: url('../img/icons.png') no-repeat -990px 8px;
	z-index: 5;
}
.readMore:hover:before { background: #f0e200; }

/********** End of Global **********/

/********** Site Skeleton **********/

#wrapper {
    margin: 0 auto;
    width: 1170px;
    position: relative;
}

#content {
	float: right;
	margin-top: 288px;
	width: 890px;
	background: #fff;
}
.home #content,
.error-page #content {
	background: none;
}


#sidebar {
	float: left;
	width: 260px;
	background: #171717;
	color: #a0a0a0;
}

#footer {
	float: right;
	margin-top: 25px;
	width: 890px;
	font-size: 12px;
}
#footer a{font-size: 14px;}
#credits { margin-top: 7px; color: #191919; color: #FFF; }


/********** End of Site Skeleton **********/

/********** Header **********/

#header #mainNav { margin: 30px 0 50px; }
#header #mainNav > ul > li {
	position: relative;
	float: left;
	clear: both;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-top: 1px; 
	background: url('../img/texture1.png');
}
#header #mainNav > ul > li:first-child { margin-top: 0; }
#header #mainNav > ul > li > a {
	display: block;
	padding: 5px 25px;
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap; 	
	transition: 0.3s ease-in;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#header #mainNav > ul > li:hover,
#header #mainNav > ul >  li.active {
	width: 100%;
	padding-right: 63px;
} 
#header #mainNav > ul >  li:hover > a, 
#header #mainNav > ul > li.active > a {
	display: block;
	background: #f0e200;
	color: #000;
}
#header #mainNav > ul > li:hover > a:before, 
#header #mainNav > ul > .active > a:before {
	display: block;
	content: ' ';
	position: absolute;
	top: 47%;
	right: 15px;
	width: 32px;
	height: 5px;
	background: url("../img/icons.png") no-repeat -1000px -40px;
}

#header #mainNav li:hover > ul { display: block; }
#header #mainNav >ul  li ul { 
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	border: 1px solid transparent;
	z-index: 1000;
}
#header #mainNav >ul  li ul li { position: relative; padding: 0 10px; background: rgba(0, 0, 0, 0.95);} 
#header #mainNav >ul  li ul li:first-child { padding-top: 10px; } 
#header #mainNav >ul  li ul li:last-child { padding-bottom: 10px;  } 
#header #mainNav >ul  li ul li a {
	display: block;
	width: 140px;
	padding: 8px;
	color: #bebebe;
	text-decoration: none;
	border-bottom: 1px dotted #5b5b5a;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
} 
#header #mainNav >ul  li ul li:last-child a {border: none;}
#header #mainNav >ul  li ul li a:hover,
#header #mainNav >ul  li ul li.active a { background: url('../img/texture1.png'); }


/* =========== Mobile Menu*/

#header #mainNav.mobile-nav ul li,
#header #mainNav.mobile-nav li:hover > ul {display: none;}
#header #mainNav.mobile-nav {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	padding: 30px 0 0;
	margin: 0;
	cursor: pointer;
	background: #F0E200 url("../img/menu.png") no-repeat 98% 3px;
	z-index: 1000;
}
/* Show First level links */
#header #mainNav.mb-open { 
	height: auto; 
	background-color: #191919; 
	background-image: url("../img/menu2.png");
}
#header #mainNav.mb-lv1-show > ul > li { display: block; }
#header #mainNav.mobile-nav > ul >  li {
	width: 100%;
	background: none;
	margin: 0;
}

#header #mainNav.mobile-nav > ul >  li:hover > a {color: #fff; background: none;}
#header #mainNav.mobile-nav > ul >  li > a:hover,
#header #mainNav > ul li ul li a:hover,
#header #mainNav.mobile-nav.mb-open .dropdown ul li.go-back:hover {
	background: #333;
}

#header #mainNav.mobile-nav li.dropdown > a { padding-right: 20px; }
#header #mainNav.mobile-nav > ul > li > a,
#header #mainNav.mobile-nav.mb-open .dropdown.drop-open > a { padding: 5px 15px; }
#header #mainNav.mobile-nav > ul > li li a { padding-left: 15px; }

#header #mainNav.mobile-nav li.active.dropdown,
#header #mainNav.mobile-nav li.dropdown.drop-open,
#header #mainNav.mobile-nav li.dropdown.drop-inner { 
	padding-right: 0; 
}
#header #mainNav.mobile-nav li.dropdown:before,
#header #mainNav.mobile-nav.drop-open li.dropdown:before {
	content: " ";
	display: block;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 0; 
	height: 0; 
	border-right: none;
	border-top: 7px solid transparent;
	border-left: 7px solid #fff;
	border-bottom: 7px solid transparent;
}
#header #mainNav.mobile-nav  li.drop-open:before {
	top: 15px;
	border-top: 7px solid #fff;
	border-right: 7px solid transparent;
	border-bottom: none;
	border-left: 7px solid transparent;
}

/*Inner Dropdown Menu*/

#header #mainNav.mobile-nav.mb-open .dropdown.drop-open,
#header #mainNav.mobile-nav.mb-open .dropdown.drop-open > ul,
#header #mainNav.mobile-nav.mb-open .dropdown.drop-open > ul > li ,
#header #mainNav.mobile-nav.mb-open .dropdown.drop-inner,
#header #mainNav.mobile-nav.mb-open .dropdown.drop-inner > ul {
	display: block;
}
#header #mainNav.mobile-nav.mb-open .dropdown.drop-inner:before,
#header #mainNav.mobile-nav.mb-open .dropdown.drop-inner > a {
	display: none;
}
#header #mainNav.mobile-nav.mb-open .dropdown.drop-open > a {
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	border: none;
}
#header #mainNav.mobile-nav.mb-open .dropdown > ul {
	position: static;
	width: 100%;
	clear: both;
	border: none;
}
#header #mainNav.mobile-nav.mb-open .dropdown > ul > li > a {
	width: 100%;
}

#header #mainNav.mobile-nav > ul li ul li {padding: 0; background: none;}
#header #mainNav.mobile-nav > ul li ul li:first-child,
#header #mainNav.mobile-nav  > ul li ul li:last-child {
	padding: 0;
}

#header #mainNav.mobile-nav.mb-open  li.go-back,
#header #mainNav.mobile-nav.mb-open .dropdown ul li.go-back {
	display: block;
	padding:  8px 10px 8px 15px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #5B5B5A;
}
#header #mainNav.mobile-nav.mb-open .dropdown.drop-inner > ul > li.go-back {display: none;}

/********** End of Header **********/

/********** Logo **********/
.logo {
	display: block;
	text-align: center;
	color:#000;
	padding-top: 30px;
}
.bottom-logo {
	display: block;
	text-align: center;
}

/********** End of Logo **********/

/********** Content **********/

/*PAGE HEAD*/
.message-list {overflow: hidden;}

.message-list .article {
	float: left;
	width: 450px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 25px 25px 20px 25px;
	margin-bottom: 20px;
	color: #fff;
	background: rgba(0, 0, 0, 0.59);
}
.message-list .article .section-title { font-size: 30px; line-height: 1em; color: #fff;}
.message-list.error-page article .section-title { color: #f0e200; }
.message-list .article .readMore { margin-top: 0px; }

.section-title {
	font-size: 20px;
	line-height: 1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0e0c10;
	margin: 0 0 2px;
	}
.sub-title {
	font-size: 24px;
	line-height: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0e0c10;
	margin: 0 0 12px;
	color: #fff;
}

.info-blocks {
	overflow: hidden;
	margin: 0 0 15px;
}
.info-blocks article {
	float: left;
	background: #fff;
	padding: 0 5px 10px; 
	padding-top: 1px;
	padding-bottom: 1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.large-1 article{width: 100%;}
.large-2 article{width: 50%;}
.large-3 article{width: 33.333%;}
.large-4 article{width: 25%; margin-top:20px;}

.home .info-blocks article header {padding: 0 20px;}

.info-blocks article .section-title { 
	overflow: hidden; 
	font-size: 22px; 
	margin: 10px 0 8px; 
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis; 
}
.info-blocks.large-4 article .section-title { font-size: 16px; margin: 0 0 7px; }


.info-blocks article .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0 10px;
	text-decoration: none;
	text-align: center;
}
.info-blocks article .img-holder img {vertical-align: middle;}
.info-blocks article .img-holder .hover {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: 0.6s;
	opacity: 0.9;
}
.info-blocks article .img-holder .hover .cnt {
	position: relative;
	opacity: 0;
	z-index: 1;
	display: inline-block;
	padding: 0 41px 0 20px;
	margin-top: 31%;
	font-size: 24px;
	color: #0e0c10;
	transition: none;
}
.info-blocks article .img-holder .hover .cnt2 {
	position: relative;
	opacity: 0;
	z-index: 1;
	display: inline-block;
	padding: 0 41px 0 0;
	margin-top: 36%;
	font-size: 28px;
	color: #0e0c10;
	transition: none;
}
.info-blocks article .img-holder .hover .cnt3 {
	position: relative;
	opacity: 0;
	z-index: 1;
	display: inline-block;
	padding: 0 41px 0 10px;
	margin-top: 36%;
	font-size: 26px;
	color: #0e0c10;
	transition: none;
}
.info-blocks article .img-holder .hover .cnt3:after {
	content: " ";
	position: absolute;
	top: 47%;
	right: 0;
	width: 31px;
	height: 5px;
	background: url('../img/icons.png') no-repeat -1000px 0;
}
.info-blocks article .img-holder .hover .cnt2:after {
	content: " ";
	position: absolute;
	top: 47%;
	right: 0;
	width: 31px;
	height: 5px;
	background: url('../img/icons.png') no-repeat -1000px 0;
}

.info-blocks article .img-holder .hover .cnt:after {
	content: " ";
	position: absolute;
	top: 47%;
	right: 0;
	width: 31px;
	height: 5px;
	background: url('../img/icons.png') no-repeat -1000px 0;
}

.info-blocks article .img-holder:before {
	display: block;
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	border-top: 0;
	border-right: 70px solid #f0e200;
	border-bottom: 70px solid transparent;
	transition: 0s 0s;
	z-index: 9;
}
.info-blocks article .img-holder:after {
	display: block;
	content: "+";
	position: absolute;
	top: 6px;
	right: 8px;
	font-size: 35px;
	color: #000;
	font-family: "Verdana";
	z-index: 10;
	transition: 0.1s 0.3s;
}
.info-blocks article .img-holder .hover:after {
	display: block;
	content: " ";
	position: absolute;
	top: -110%;
	right: -200%;
	width: 200%;
	height: 200%;
	background: #f0e200;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg);
	transition: 0.6s 0.1s;
}
.info-blocks.large-1 article .img-holder .hover:after {height: 220%;}

.info-blocks article:hover .img-holder .hover .cnt {opacity: 1; transition: 0.6s 0.3s;}
.info-blocks article:hover .img-holder .hover .cnt2 {opacity: 1; transition: 0.6s 0.3s;}
.info-blocks article:hover .img-holder .hover .cnt3 {opacity: 1; transition: 0.6s 0.3s;}

.info-blocks article:hover .img-holder:after {
	display: block;
	content: "-";
	position: absolute;
	top: auto;
	right: auto;
	bottom: 16px;
	left: 8px;
	color: #f0e200;
	font-size: 50px;
}
.info-blocks article:hover .img-holder:before {
	display: block;
	content: " ";
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	border-top: 70px solid transparent;
	border-left: 70px solid #000;
	border-right: 0;
	border-bottom: 0;
	transition: 0.4s 0.3s;
}	
.info-blocks article:hover .img-holder .hover:after {
	top: -70%;
	right: -50%;
}

.info-blocks article .txt-holder {
	height: 80px;
	overflow: hidden;
	margin: 0 0 12px;
	line-height: 1.4em;
}
.txt-onas {height: 110px;
	overflow: hidden;
	margin: 0 0 12px;
	padding:0 20px 10px;
	line-height: 1.4em;}
.home .info-blocks article .txt-holder { padding: 0 10px; }
.txt-holder {margin-top:10px; font-size:14px;}

.home .info-blocks article .readMore { margin-left: 10px; }

/*=== Blockquote ===*/

blockquote {
    color: #7f7f7f;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 9px;
}
blockquote:before,
blockquote:after {
    position: relative;
    top: 13px;
    display: inline-block;
    content: "\201C";
    font-size: 62px;
    font-family: 'Impact';
    vertical-align: top;
    margin: 0 5px 0 0; 
}
blockquote:after {
    content: "\201D";
    top: 21px;
    margin: 0 0 0 5px; 
}

/*=== Featured Products (Article List) ===*/

.article-list {
	position: relative;
	overflow: hidden;
	padding: 19px 15px 5px 25px;
	background: #fff;
}
.article-list .view-all {
	position: absolute;
	top: 11px;
	right: 11px;
	font-family: ChivoBlack;
	font-size: 14px;
	color: #f0e200;
	text-decoration: none;
	z-index: 1;
}
.article-list .view-all:before {
	content: " ";
	display: block;
	position: absolute;
	top: -58px;
	right: -58px;
	width: 95px;
	height: 95px;
	background: #191919;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg);
	transition: 0.6s linear;
	z-index: -1;
}
.article-list .view-all:hover {color: #191919;}
.article-list .view-all:hover:before {background: #f0e200;}

.article-list .section-title {margin-bottom: 19px;}
.article-list article {
	float: left;
	width: 50%;
	padding-right: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.article-list article:hover .img-holder {background: #f0e200;}

.article-list article .img-holder {
	display: block;
	float: left;
	width: 142px;
	height: 142px;
	overflow: hidden;
	padding: 5px;
	margin: 0 20px 0 0;
	background: url('../img/texture1.png') repeat;
}
.article-list article .info-holder {
	height: 122px;
	overflow: hidden;
	margin-bottom: 10px;
}
.article-list article .title {
	display: block;
	max-height: 36px;
	overflow: hidden;
	margin: -4px 0 7px;
	padding: 0 3px;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.article-list article .title:hover {color: #444;}

.article-list article time {
	display: block;
	font-size: 12px;
	color: #878787;
	margin-bottom: 8px;
}
.article-list article .descr {
	display: block;
}

#content  .page-title {
	padding: 25px;
	background: url('../img/texture1.png');
	color: #0e0c10;
}

#content #breadCrumbs {
	margin: 0;
	padding: 15px 25px;
	list-style: none;
	color: #5b5b5b;
}
#content #breadCrumbs li { float: left; }
#content #breadCrumbs a {
	margin: 0 -5px;
	padding: 2px 5px;
	color: #0e0c10;
}
#content #breadCrumbs a:hover { background: #f0e200; text-decoration: none; }
#content #breadCrumbs li:after {
	content: "";
	display: inline-block;
	margin: 7px 10px 0;
	width: 4px;
	height: 7px;
	background: url('../img/icons.png') no-repeat -1100px 0;
}
#content #breadCrumbs .active:after {
	content: "";
	margin: 0;
	width: 0;
	height: 0;
	background: none;
}

#content .listing article,
#content .listing.nometa article{
	border-bottom: 1px dotted #c6c6c6;
}
#content .listing.nometa p{padding: 10px 25px 0px;}
#content .listing article:first-child,
#content .listing.nometa article{ padding-top: 0; }

#content .listing article > .title {
	padding-left: 18%;
	color: #0e0c10;
	font-family: ChivoBlack;
	font-size: 18px;
}
#content .listing article > .title a { color: #0e0c10; text-decoration: none; }
#content .listing article > .title a:hover { color: #535154; }

#content .listing article .meta {
	float: left;
	padding: 0 15px 0 0;
	width: 18%;
	max-width: 160px;
	font-family: ChivoItalic;
	font-size: 12px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#content .listing article .meta + .content {
	float: right;
	width: 82%;
	max-width: 690px;
}

#content .listing article .content p
{ margin-bottom: 20px; }
#content .listing article .content .featuredImage { display: block; margin-bottom: 25px; }
#content .listing article .content .featuredImage img { display: block; }


#content .listing article .meta ul { list-style: none; }
#content .listing article .meta li {
	padding: 0 0 4px 25px;
	background: url('../img/icons.png') no-repeat 0 1px;
}
#content .listing article .meta .date { background-position: -200px 2px; }
#content .listing article .meta .categories { background-position: -400px 2px; }
#content .listing article .meta .comments{ background-position: -600px 5px; }
#content .listing article .meta .permalink { background-position: -800px 5px; }
#content .listing article .meta a { color: #5b5b5b; text-decoration: none; }
#content .listing article .meta a:hover { color: #0e0c10; }

#content .listing.nometa article .img-holder {margin-bottom: 0px;}

#content .pagination {
	margin: 5px auto;
	width: 410px;
	list-style: none;
}
.break {height:20px;
		clear:both;
}
#content .pagination li {
	float: left;
	margin: 0 1px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: url('../img/texture1.png');
	color: #191919;
	font-size: 16px;
	text-align: center;
}
#content .pagination li.current {font-size: 20px;}
#content .pagination li a {
	display: block;
	width: 60px;
	height: 60px;
	color: #191919;
	text-decoration: none;
	position: relative;
}
#content .pagination li a:hover { background: #f0e200; }
#content .pagination .prev:after {
	content: "";
	position: absolute;
	top: 27px;
	left: 12px;
	width: 41px;
	height: 7px;
	background: url('../img/icons.png') no-repeat -1100px -57px;
}
#content .pagination .next:after {
	content: "";
	position: absolute;
	top: 27px;
	left: 7px;
	width: 41px;
	height: 7px;
	background: url('../img/icons.png') no-repeat -1150px -57px;
}

/* ======= MESSAGES*/ 

.message {
	position: relative;
	padding: 13px 10px 13px  58px;
	margin-bottom: 15px;
	color: #191919;
	font-size: 14px;
	background: #e7e7e7;
}
.message:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 100%;
	font-size: 24px;
	line-height: 44px;
	text-align: center;
	vertical-align: middle;
	background: #97d52c;
}
.message.ok:before {
	content: '✓';
	color: #fff;
}
.message.alert:before {
	content: '!';
	color: #fff;
	background: #f0cb00;
}
.message.error:before {
	content: '-';
	color: #fff;
	background: #ea2040;
}

/********** End of Content **********/

/********** Sidebar **********/

#sidebar section { margin: 0 10px 25px; }
#sidebar section > .title  {
	margin-bottom: 15px;
	padding: 12px 15px;
	background: url('../img/texture1.png');
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

#sidebar section a { color: #f0e200; text-decoration: none; }
#sidebar section a:hover { color: #fff; }

#sidebar section ul { margin-top: -8px; list-style: none; }
#sidebar section ul li a {
	display: block;
	padding: 7px 20px 5px 43px;
	background: url('../img/list.png') no-repeat 15px 14px;
	color: #9e9e9e;
	font-size: 12px;
	text-decoration: none;
	border-top: 1px dotted #464646;
}
#sidebar section p { margin-bottom: 13px; }

#sidebar section ul li a:hover { color: #fff; }
#sidebar section li:first-child a { border: 0; }

#sidebar section .readMore { margin-top: 5px; }

.readMore.light-arr:after,
.message-list .article .readMore:after,
#sidebar section .readMore:after { background-position: -990px -32px; }
.readMore.light-arr:hover:after,
.message-list .article .readMore:hover:after,
#sidebar section .readMore:hover:after { background-position: -990px 8px; }

#sidebar section .featuredImage { display: inline-block; max-width: 100%; border: 0px solid #929292; }
#sidebar section .featuredImage img { display: block; }

#sidebar article .meta {
	margin: 0;
	height: 35px;
	line-height: 35px;
	color: #cfcfcf;
	font-size: 11px;
}
#sidebar article .meta a { color: #cfcfcf; }
#sidebar article .meta a:hover { color: #fff; }

#sidebar .formWidget {
	padding: 10px;
	line-height: 45px;
	background: url('../img/texture1.png');
}
#sidebar .formWidget .title {
	margin-bottom: 14px;
	padding: 0;
	background: 0;
	font-size: 18px;
}
#sidebar .formWidget input[type=text] {
	float: left;
	padding: 0 15px;
	width: 100%;
	width: calc(100% - 49px);
	max-width: 170px;
	height: 45px;
	background: #585858;
	color: #cfcfcf;
	font-size: 12px;
	border: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#sidebar .formWidget input[type=submit] {
	float: left;;
	width: 49px;
	height: 45px;
	color: #cfcfcf;
	border: 0;
}
#sidebar .formWidget input[type=submit] { background: url('../img/icons.png') no-repeat -991px -20px #828282; }
#sidebar .formWidget input[type=submit]:hover { background: url('../img/icons.png') no-repeat -991px 20px #f0e200; }

#sidebar .formWidget.search input[type=submit] { background: url('../img/icons.png') no-repeat -1035px 14px #828282; }
#sidebar .formWidget.search input[type=submit]:hover { background: url('../img/icons.png') no-repeat -1035px -31px #f0e200; }

#sidebar .featuredPosts { margin-bottom: -20px; }
#sidebar .featuredPosts article {
	padding: 20px 15px;
	border-top: 1px dotted #464646;
}
#sidebar .featuredPosts article:first-child { padding-top: 0; border: 0; }
#sidebar .featuredPosts article .title {
	margin-bottom: 9px;
	line-height: 14px;
	font-size: 18px;
	font-weight: bold;
}
#sidebar .featuredPosts article .meta .date {
	float: left;
	padding: 0 5px 0 19px;
	background: url('../img/icons.png') no-repeat -200px -39px;
}
#sidebar .featuredPosts article .meta .comments {
	float: right;
	padding: 0 0 0 18px;
	background: url('../img/icons.png') no-repeat -600px -37px;
}

#sidebar .tabs {
	display: table;
	margin: -3px 0 -3px -3px;
	width: 246px;
	border-spacing: 3px;
}
#sidebar .tabs li {
	display: table-cell;
	padding: 10px;
	background: url('../img/texture2.png');
	color: #fff;
	font-family: ChivoBlack;
	font-size: 13px;
	cursor: pointer;
}
#sidebar .tabs li:hover, #sidebar .tabs li.active { background: url('../img/texture1.png'); }
#sidebar .tabContent {
	display: none;
	padding-top: 10px;
	background: url('../img/texture1.png');
}
#sidebar .tabContent article { padding: 17px 10px; border-top: 1px solid #0e0e0e; }
#sidebar .tabContent article:first-child { border: 0; }
#sidebar .tabContent article .featuredImage { float: left; margin-right: 12px; }
#sidebar .tabContent article .content { float: left; width: 157px; }
#sidebar .tabContent article .content .title {
	margin-bottom: 10px;
	line-height: 14px;
	font-size: 13px;
}
#sidebar .tabContent article .content .meta { line-height: 11px; height: 11px; }
#sidebar .tabContent article .content .meta .comments { float: right;; }

#sidebar .widget #tab_recent_content { display: block; }

/********** End of Sidebar **********/

/********** Footer **********/

#footer .fcolumns {
	padding: 0 0 20px 2px;
	background: #191919;
	color: #cfcfcf;
	margin-top:0;
	}
#footer .fcolumns div.adres {
	position: relative;
	float: left;
	width: 25%;
	padding: 30px 20px 10px 22px;
	border-left: 1px solid #3b3b3b;
	height:223px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	overflow:hidden;
	min-width:200px;
}
#footer .fcolumns div.mapka {
	position: relative;
	float: left;
	width: 75%;
	height:220px;
	overflow: hidden;
	padding: 30px 20px 10px 30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	min-width:200px;
	}
	
#footer .fcolumns div.mapka .map-container {width:100%; height:100%; position:relative;}	
#footer .fcolumns div:nth-child(4n+1) { border: 0; }
#footer .fcolumns div:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	background: url('../img/icons.png') no-repeat -1150px 0;
}
#footer .fcolumns div a { color: #cfcfcf; }
#footer .fcolumns div a:hover { color: #f0e200; }
#footer .fcolumns div .title {
	margin-bottom: 18px;
	color: #7a7a7a;
	font-family: ChivoBlack;
	font-size: 18px;
}
#footer .fcolumns div ul { margin-top: -7px; list-style: none; }
#footer .fcolumns div ul li a {
	display: block;
	padding: 7px 20px 7px 28px;
	background: url('../img/list.png') no-repeat 0 14px;
	font-size: 12px;
	text-decoration: none;
}
#footer .fcolumns .adres ul { margin: 0;}
#footer .fcolumns .adres ul li {
	padding: 0 0 15px 33px;
	background: url('../img/icons.png') no-repeat -1200px 5px;
	font-family: Chivo;
	font-size:13px;
}
#footer .fcolumns .adres ul .email { background-position: -1400px 3px;}
#footer .fcolumns .adres ul .phone { background-position: -1600px 1px;}
#footer .fcolumns .adres ul li a {
	display: inline;
	padding: 0;
	background: none;
	font-size:14px;
	}
#footer .fcolumns .tags ul { margin: -2px -2px 0 -2px; }
#footer .fcolumns .tags ul li { float: left; }
#footer .fcolumns .tags ul li a {
	display: block;
	margin: 2px 0 0 2px;
	padding: 0 7px;
	height: 33px;
	line-height: 33px;
	background: url('../img/texture1.png');
	color: #d2d2d2;
}
#footer .fcolumns .tags ul li a:hover { background: #f0e200; color: #0e0c10; }

#footerNav { padding: 20px 20px 20px 33px; background: #000;}
#footerNav li { float: left; padding-left: 35px; list-style:none;}
#footerNav li:first-child { padding: 0; }
#footerNav a { color: #fff; text-decoration: none; }
#footerNav a:hover { color: #f0e200; }

/********** End of Footer **********/

/********** Social Icons (Right-Hand Side) **********/

#wrapper > .socialIcons {
	position: fixed;
	top: 15%;
	right: 0;
	padding: 25px 14px;
	background: rgba(0, 0, 0, 0.64);
	list-style: none;
}

#wrapper > .socialIcons li { margin-top: 8px; }
#wrapper > .socialIcons li:hover { background: url('../img/texture1.png'); }
#wrapper > .socialIcons li:first-child { margin: 0; }

#wrapper > .socialIcons li a {
	display: block;
	width: 40px;
	height: 36px;
	background: url('../img/social_icons.png') no-repeat 14px -41px;
}

#wrapper > .socialIcons .twitter a { background-position: -42px -40px; }
#wrapper > .socialIcons .vimeo a { background-position: -90px -40px; }
#wrapper > .socialIcons .flickr a { background-position: -139px -36px; }
#wrapper > .socialIcons .dribbble a { background-position: -190px -41px; }
#wrapper > .socialIcons .evernote a { background-position: -240px -41px; }
#wrapper > .socialIcons .myspace a { background-position: -290px -42px; }
#wrapper > .socialIcons .pinteres a { background-position: -339px -41px; }
#wrapper > .socialIcons .linkedin a { background-position: -390px -42px; }
#wrapper > .socialIcons .googleplus a { background-position: -441px -39px; }
#wrapper > .socialIcons .digg a { background-position: -497px -38px; }
#wrapper > .socialIcons .reddit a { background-position: -543px -42px; }
#wrapper > .socialIcons .youtube a { background-position: -590px -42px; }
#wrapper > .socialIcons .rss a { background-position: -639px -40px; }

#wrapper > .socialIcons .facebook a:hover { background-position: 15px 9px; }
#wrapper > .socialIcons .twitter a:hover { background-position: -42px 10px; }
#wrapper > .socialIcons .vimeo a:hover { background-position: -90px 10px; }
#wrapper > .socialIcons .flickr a:hover { background-position: -139px 14px; }
#wrapper > .socialIcons .dribbble a:hover { background-position: -190px 9px; }
#wrapper > .socialIcons .evernote a:hover { background-position: -240px 9px; }
#wrapper > .socialIcons .myspace a:hover { background-position: -290px 8px; }
#wrapper > .socialIcons .pinteres a:hover { background-position: -339px 9px; }
#wrapper > .socialIcons .linkedin a:hover { background-position: -390px 8px; }
#wrapper > .socialIcons .googleplus a:hover { background-position: -441px 11px; }
#wrapper > .socialIcons .digg a:hover { background-position: -497px 12px; }
#wrapper > .socialIcons .reddit a:hover { background-position: -543px 8px; }
#wrapper > .socialIcons .youtube a:hover { background-position: -590px 8px; }
#wrapper > .socialIcons .rss a:hover { background-position: -639px 10px; }

/********** End of Social Icons (Right-Hand Side) **********/




#content.single article { padding-bottom: 0; border-bottom: 0; }

#comments h2 {
	padding: 25px;
	background: url('../img/texture1.png');
	color: #0e0c10;
}
#comments .commentslist {
	padding: 0 25px 0 185px;
	list-style: none;
}
.listing.nometa #comments .commentslist {
	padding: 0 25px;
}
#comments .commentslist li {
	margin-bottom: 40px;
}
#comments .avatar {
	float: left;
	margin-right: 20px;
	padding: 4px;
	background: url('../img/texture1.png');
}
#comments .comment {
	float: left;
	width: 88%;
	max-width: 609px;
}
#comments .author {
	color: #0e0c10;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#comments .meta {
	margin: 3px 0 20px;
	font-family: ChivoItalic;
	font-size: 12px;
}
#comments .reply {
	margin-left: 10px;
	color: #0e0c10;
}
#comments .reply:hover { color: #f0e200; }

#commentForm h2 {
	padding: 25px;
	background: url('../img/texture1.png');
	color: #0e0c10;
}
#commentForm ul {
	padding: 0 25px;
	list-style: none;
}
#commentForm ul li {
	margin-bottom: 15px;
}
#commentForm label {
	float: left;
	width: 17%;
	max-width: 140px;
}
#commentForm input[type=text], 
#commentForm textarea {
	float: right;
	width: 83%;
	max-width: 700px;
}
#commentForm textarea { height: 150px; }
#commentForm input[type=submit] {
	float: right;
}

/* ================ MEDIA QUERIES ===================== */
@media only screen and (max-width: 1200px) {
	#wrapper > .socialIcons {display: none;}
}
@media only screen and (max-width: 1169px) {
	#wrapper { width: 100%; }
	#sidebar { width: 23%; margin-right: 2%; }
	#content, #footer { width: 75%; }

	.info-blocks {margin: 0 0 15px;}

	#comments .commentslist {padding: 25px;}

	#comments .avatar { margin-right: 10px; }

	#header #mainNav > ul > .active > a:before,
	#header #mainNav > ul > li:hover > a:before,
	#sidebar .tabs li {
		display: none;
	}
	#header #mainNav > ul > li:hover, 
	#header #mainNav > ul > li.active {
		padding-right: 0;
	}

	#footer .fcolumns aside {
		width: 50% !important;
		padding-bottom: 25px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	#footer .fcolumns aside:nth-child(2n+1) {clear:both; border-left: none;}
}
@media only screen and (max-width: 800px) {

	#sidebar,
	#content, 
	#footer { 
		clear: both;
		width:100%; 
	}

	#content {margin-top: 50px;} 

	/* ===== Portfolio Grid */ 

	.mobile-1 article,
	.large-2 article,
	.large-3 article,
	.large-4 article {
		width: 100%;
	}
	.mobile-2 article{width: 50%;}
	.mobile-3 article{width: 33.333%;}
	.mobile-4 article{width: 25%;}

	/*======General Content Grid */
	.columns, .column {
		float: none;
		width: 100%;
		clear: both;
		margin-bottom: 10px;
	}
	.mobile-one,
	.mobile-two,
	.mobile-three,
	.mobile-four,
	.mobile-five,
	.mobile-six,
	.mobile-seven,
	.mobile-eight,
	.mobile-nine,
	.mobile-ten,
	.mobile-eleven,
	.mobile-twelve  {
		float: left;
		clear: none;
	}

	.mobile-one {width: 8.33333%;}
	.mobile-two {width: 16.66667%;}
	.mobile-three {width: 25%;}
	.mobile-four {width: 33.33333%;}
	.mobile-five {width: 41.66667%;}
	.mobile-six {width: 50%;}
	.mobile-seven {width: 58.33333%;}
	.mobile-eight {width: 66.66667%;}
	.mobile-nine {width: 75%;}
	.mobile-ten {width: 83.33333%;}
	.mobile-eleven {width: 91.66667%;}
	.mobile-twelve {width: 100%;}

	/*==============================*/
	.article-list article .img-holder {margin-bottom: 10px;}
	.article-list article .info-holder {
		min-width: 100px;
		height: auto;
	}

	.info-blocks article .img-holder .hover,
	.info-blocks article .img-holder:before,
	.info-blocks article .img-holder:after,
	.info-blocks article:hover .img-holder:after { display: none !important; }

	.article-list article {
		width: 100%;
		clear: both;
		margin-bottom: 30px;
	}
	#sidebar .formWidget input[type="text"] {max-width: 100%;}
}

.map-container {
    position: relative;
    padding-bottom: 26.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	}
 
.map-container iframe,  
.map-container object, 
.map-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
article {border:none !important;}

h6 {margin-top:-10px; margin-bottom:1px; padding:0px;}
.map-frame {
	border:none;
	overflow:hidden;
	margin:0;
	height:200px;
	width:592px; }
.outline {
   position: absolute;
   clip:rect(0px 0px 0px 0px);
   *clip: rect(0 0 0 0);
}

.white {background-color:#FFF;}	

.skal {
    width: 38%;
    margin: 0 3%;
	float:left;
}
.skal > img {
    width: 100%;
    padding-top: 0.05%;
    display: block;
	border:#999 solid 1px;
	}
.message-list p {font-size:12px; font-family: Arial, Helvetica, sans-serif;}	
.pad {padding:0 25px;}
img.nobord {border:none; margin-top:33px; margin-bottom:23px;}
h3.poczatek {font-size:18px; padding:0;margin:0 0 12px;}
h3.prom {font-size:18px; padding:0;margin:0 0 8px;}
h4.poczatek {font-size:16px; padding:0;margin:0 0 4px;;}
#content .listing article .content p.poczatek {margin-bottom:8px;}
ul.poczatek {list-style-position:inside; list-style-image:url(../img/pnk.png) ; margin-bottom:10px;}
.nop {text-decoration:line-through;}
span.upper {text-transform:uppercase;}
div.prom {margin:0px 20px 0px 23px;}
div.prom img {margin: 0 0 17px !important;}
.prom-txt {font-size:15px; line-height:1.6em;}
#content .listing.nometa p.prom {margin:0; padding:0;}
span.big {font-size:18px;}
span.trwa {font-size:12px;}
a.regulamin {font-size:14px; text-decoration:none;}
a.regulamin:hover {text-decoration:underline;}
#form p {margin-left:56px; font-size:16px; color:#666; background:url(../img/accept.png) no-repeat; }
#content .listing.nometa #form p {padding: 0 15px 0 28px;}
.margle {margin-left:23px;}