/*

Theme Name: Designworks

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:

*/



#header:after {

	content: " ";

	display: block;

	clear: both;

}



.bottom-section,

.section-posts {

	padding-left: 9999px;

	padding-right: 9999px;

	margin-left: -9999px;

	margin-right: -9999px;

}



html {

	box-sizing: border-box;

}



*,

*:before,

*:after {

	box-sizing: inherit;

}



* {

	margin: 0;

	padding: 0;

	max-height: 1000000px;

}



ul,

ol,

dl,

p,

h1,

h2,

h3,

h4,

h5,

h6,

address,

form,

table,

blockquote,

applet,

embed,

object,

iframe,

frameset {

	margin: 0 0 24px;

}



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;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section,

summary {

	display: block;

}



body {

	color: #666;

	font: 18px/1.445 "bmwtypeweb_light", Arial, Helvetica, sans-serif;

	background: #fff;

	overflow-y: scroll;

	min-width: 320px;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: none;

}



.style-blue h1,

.style-blue h2,

.style-blue a {

	color: #38a3cd;

}



.style-pink h1,

.style-pink h2,

.style-pink a {

	color: #9f1f63;

}



.style-green h1,

.style-green h2,

.style-green a {

	color: #0b9444;

}



.style-red h1,

.style-red h2 {

	color: #f00;

}



.style-red a {

	color: #ff7474;

}



.style-orange h1,

.style-orange h2,

.style-orange a {

	color: #f26539;

}



a {

	text-decoration: none;

	color: #38a3cd;

	outline: none;

}



a:hover {

	text-decoration: underline;

}



img {

	max-width: 100%;

	height: auto;

}



video,

iframe,

object,

embed {

	max-width: 100%;

}



input,

textarea,

select {

	font: 100% "bmwtypeweb_light", Arial, Helvetica, sans-serif;

	color: #000;

	vertical-align: middle;

}



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;

	-webkit-appearance: none;

	border: 1px solid #999;

	padding: 3px 7px;

}



input[type="text"]:focus,

input[type="tel"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	border-color: #4d4d4d;

}



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;

}



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: normal;

	font-family: "bmwtypeweb_bold", "bmwtypeweb_light", Arial, Helvetica, sans-serif;

}



h1 {

	text-transform: uppercase;

	font: 40px/1.2 "bmwtypeweb_light", Arial, Helvetica, sans-serif;

	margin: 0;

	color: #38a3cd;

}



h2 {

	text-transform: uppercase;

	font: 26px/1.58 "bmwtypeweb_light", Arial, Helvetica, sans-serif;

	margin: 0;

	color: #38a3cd;

}



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: -.5em;

}



sub {

	bottom: -.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;

}



pre {

	max-width: 100%;

	overflow: auto;

}



.widget {

	margin-bottom: 14px;

	overflow: hidden;

}



.widget ul {

	padding-left: 2em;

}



.widget select {

	min-width: 150px;

}



.comment-form textarea,

.comment-form input[type="text"],

.search-form input[type="search"] {

	margin: 0 4px 0 0;

	width: 300px;

}



.post-password-form label {

	vertical-align: top;

}



.post-password-form input[type="password"],

.search-form input[type="search"] {

	width: 150px;

}



.commentlist {

	margin: 0 0 14px;

}



.commentlist .edit-link {

	margin: 0;

}



.commentlist-item .commentlist-item {

	padding: 0 0 0 3em;

}



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

	min-height: 120px;

}



.widget_calendar #next {

	text-align: right;

}



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

}



@font-face {

	font-family: "bmwtypeweb_bold";

	src: url("fonts/bmwtypewebbo_all-webfont.eot");

	src: url("fonts/bmwtypewebbo_all-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/bmwtypewebbo_all-webfont.woff") format("woff"), url("fonts/bmwtypewebbo_all-webfont.ttf") format("truetype"), url("fonts/bmwtypewebbo_all-webfont.svg#bmw_type_web_bold_allregular") format("svg");

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: "bmwtypeweb_light";

	src: url("fonts/bmwtypewebli_all-webfont.eot");

	src: url("fonts/bmwtypewebli_all-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/bmwtypewebli_all-webfont.woff") format("woff"), url("fonts/bmwtypewebli_all-webfont.ttf") format("truetype"), url("fonts/bmwtypewebli_all-webfont.svg#bmw_type_web_light_allregular") format("svg");

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: "icomoon";

	src: url("fonts/icomoon.eot?-1jjn1f");

	src: url("fonts/icomoon.eot?#iefix-1jjn1f") format("embedded-opentype"), url("fonts/icomoon.woff?-1jjn1f") format("woff"), url("fonts/icomoon.ttf?-1jjn1f") format("truetype"), url("fonts/icomoon.svg?-1jjn1f#icomoon") format("svg");

	font-weight: normal;

	font-style: normal;

}



[class^="icon-"],

[class*=" icon-"] {

	font-family: "icomoon";

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1; /* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.icon-arrow-right:before {

	/* content: "\e605"; */

	content: "\e095";

}



.icon-arrow-left:before {

	/* content: "\e606"; */

	content: "\e094";

}



.icon-twitter:before {

	/*content: "\e601"; */

	content: "\ea91";

}



.icon-pinterest:before {

	/* content: "\e602"; */

	content: "\ead0";	

}



.icon-linkedin:before {

	/* content: "\e603"; */

	content: "\eac9";

}



.icon-facebook:before {

	/* content: "\e604"; */

	content: "\ea8c";

}



.icon-vimeo:before {

	content: "\ea9c";

}



.icon-flickr:before {

	content: "\eaa1";

}



.icon-sun:before {

	content: "\e600";

}



#wrapper {

	overflow: hidden;

	position: relative;

	width: 100%;

	padding-top: 166px;

}



.container {

	padding: 0 30px;

	max-width: 1198px;

	margin: 0 auto;

}



#header {

	padding: 74px 0 26px;

	position: fixed;

	text-align: center;

	-webkit-transition: all .25s linear;

	transition: all .25s linear;

	left: 0;

	right: 0;

	top: 0;

	z-index: 100;

	background: #fff;

}



.fixed-header #header {

	padding: 20px 0;

	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);

}



#header .nav-opener {

	float: right;

	width: 30px;

	height: 23px;

	z-index: 5;

	display: none;

	margin-top: 8px;

	position: relative;

}



#header .nav-opener span,

#header .nav-opener:after,

#header .nav-opener:before {

	position: absolute;

	top: 0;

	left: 0;

	height: 3px;

	width: 100%;

	border-radius: 2px;

	background: #333;

	content: "";

	overflow: hidden;

	text-indent: -9999px;

}



#header .nav-opener span {

	top: 8px;

}



#header .nav-opener:after {

	top: 16px;

}



.logo {

	float: left;

	margin: 0;

	height: 41px;

	width: 198px;

	position: relative;

	z-index: 100;

}



.logos {

	float: right;

	margin: -1px 44px 0 12px;

	padding: 0;

}



.logos li {

	padding: 0 0 0 9px;

	list-style-position: outside;

	list-style: none;

	float: left;

}



#nav {

	text-transform: uppercase;

	padding: 6px 0 0;

	margin: 0;

}



#nav ul {

	padding: 0;

	margin: 0;

	position: relative;

	left: 62px;

}



#nav li {

	list-style-position: outside;

	list-style: none;

	display: inline;

	padding: 0 9px;

}



#nav li a {

	display: inline-block;

	padding: 0 0 3px;

	color: #7a7a7a;

}



#nav li a:hover {

	padding: 0 0 1px;

	text-decoration: none;

	border-bottom: 2px solid #38a3cd;

}



#nav li.active a {

	padding: 0 0 1px;

	border-bottom: 2px solid #38a3cd;

}



.style-pink #nav a:hover,

.style-pink #nav .active a {

	border-color: #9f1f63;

}



.style-orange #nav a:hover,

.style-orange #nav .active a {

	border-color: #f26539;

}



.style-green #nav a:hover,

.style-green #nav .active a {

	border-color: #0b9444;

}



.style-red #nav a:hover,

.style-red #nav .active a {

	border-color: #f00;

}



#main {

	padding: 0 0 90px;

}



.slideshow {

	overflow: hidden;

	position: relative;

	margin: -24px 0 54px;

}



.slideshow .pagination {

	line-height: 0;

	text-align: center;

}



.slideshow .pagination ul {

	padding: 0;

	margin: 0;

	display: inline-block;

}



.slideshow .pagination ul li {

	list-style-position: outside;

	list-style: none;

	float: left;

	padding: 1px 4px;

}



.slideshow .pagination ul a {

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	width: 15px;

	height: 15px;

	border-radius: 50%;

	background: #adafb1;

}



.slideshow .pagination ul a:hover {

	background: #26a9e0;

}



.slideshow .pagination ul .active a {

	background: #26a9e0;

}



.slideshow .mask {

	overflow: hidden;

	position: relative;

	width: 100%;

	margin: 0 0 18px;

}



.slideshow .mask .slideset {

	overflow: hidden;

	width: 100%;

}



.slideshow .slide {

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	max-height: 700px;

	overflow: hidden;

	padding: 24px 0 18px;

}



.slideshow .slide .img {

	overflow: hidden;

	height: 651px;

	position: relative;

}



.slideshow .slide .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -27% 0 0 -50%;

}



.slideshow .slide.active {

	z-index: 3;

}



.slideshow .slide .txt {

	position: absolute;

	top: 0;

	left: 26px;

	color: #fff;

	font-size: 22px;

	line-height: 1.227;

	right: 70px;

	bottom: 0;

}



.slideshow .slide .txt .holder {

	margin: 0 auto;

	max-width: 1102px;

	height: 100%;

	padding: 8% 8% 0;

	background: url(images/bg-box.png) no-repeat;

	background-size: 100% 100%;

	white-space: nowrap;

}



.slideshow .slide .txt .holder .child {

	display: inline-block;

	white-space: normal;

	vertical-align: middle;

}



.slideshow .slide .txt .holder:after {

	content: "";

	vertical-align: middle;

	display: inline-block;

	min-height: 100%;

	margin-left: -.5em;

}



.slideshow .slide .txt .holder .frame {

	width: 61%;

	display: inline-block;

	vertical-align: middle;

	white-space: normal;

}



.slideshow h1 {

	text-transform: uppercase;

	margin: 0 0 6px;

	font-size: 114px;

	line-height: .965;

	color: #fff;

}



.slideshow h1 span {

	display: block;

	color: #5ec6ce;

}



.slideshow p {

	margin: 0 0 45px;

}



.slideshow img {

	display: block;

	width: 100%;

}



.slideshow .more {

	display: inline-block;

	position: relative;

	color: #fff;

	padding: 6px 0 0;

}



.slideshow .more:before {

	height: 2px;

	width: 75px;

	position: absolute;

	top: 0;

	left: 0;

	content: "";

	background: #fff;

}



.title-page {

	display: table;

	color: #7a7a7a;

	font-size: 31px;

	line-height: 1.323;

	width: 100%;

	margin: 0 0 58px;

}



.title-page aside {

	overflow: hidden;

	padding: 10px 20px 10px 44px;

	height: 229px;

	display: table-cell;

	width: 362px;

	vertical-align: middle;

	position: relative;

	background: #ea6435;

	background: -webkit-linear-gradient(left bottom, #f68d2b 0%, #af3f26 100%);

	background: linear-gradient(to right top, #f68d2b 0%, #af3f26 100%);

}



.title-page aside:before,

.title-page aside:after {

	width: 85px;

	height: 85px;

	position: absolute;

	top: -49px;

	background: #fff;

	left: -37px;

	content: "";

	-webkit-transform: rotate(50deg);

	-ms-transform: rotate(50deg);

	transform: rotate(50deg);

}



.title-page aside:after {

	top: auto;

	left: auto;

	right: -37px;

	bottom: -49px;

}



.style-orange .title-page aside {

	background: #ea6435;

	background: -webkit-linear-gradient(left bottom, #f68d2b 0%, #af3f26 100%);

	background: linear-gradient(to right top, #f68d2b 0%, #af3f26 100%);

}



.style-pink .title-page aside {

	background: #a53875;

	background: -webkit-linear-gradient(left bottom, #d8529c 0%, #671d53 100%);

	background: linear-gradient(to right top, #d8529c 0%, #671d53 100%);

}



.style-green .title-page aside {

	background: #4ca563;

	background: -webkit-linear-gradient(left bottom, #7cc45c 0%, #096f54 100%);

	background: linear-gradient(to right top, #7cc45c 0%, #096f54 100%);

}



.title-page h1 {

	margin: 0;

	padding: 0 0 15px;

	position: relative;

	font-size: 50px;

	line-height: 1.14;

	color: #fff;

}



.title-page h1 mark {

	display: block;

	color: #ffd0a4;

}



.title-page h1:after {

	width: 99px;

	height: 2px;

	content: "";

	position: absolute;

	bottom: 0;

	background: #fff;

	left: 6px;

}



.style-pink .title-page h1 mark {

	color: #ff8cd5;

}



.style-green .title-page h1 mark {

	color: #cdffb7;

}



.title-page .txt {

	display: table-cell;

	padding: 0 7.3% 6px;

	vertical-align: middle;

}



.title-page p {

	margin: 0;

}



.posts {

	overflow: hidden;

}



.posts .row {

	overflow: hidden;

	position: relative;

	z-index: 1;

}



.posts .row:after,

.posts .row:before {

	width: 38%;

	height: 100%;

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	content: "";

	background: #2c7ca7;

	background: -webkit-linear-gradient(left, #37a0ca 0%, #1a3e6c 100%);

	background: linear-gradient(to right, #37a0ca 0%, #1a3e6c 100%);

}



.posts .row:after {

	left: auto;

	right: 0;

}



.posts .row.row1:before {

	display: none;

}



.posts .row.row2 article:first-child {

	margin-left: 17%;

}



.posts .row.row2:after {

	background: #e6e7e8;

}



.posts .row.row3 article:first-child {

	margin-left: 11%;

}



.posts .row.row3:before {

	background: #e6e7e8;

}

.posts .row.row4:after {
	background: #e6e7e8;
}

.posts .title {

	float: left;

	padding: 49px 0 0 21px;

	width: 20.2%;

}



.posts .title h2 {

	padding: 0 0 19px;

	color: #7a7a7a;

	font-size: 24px;

	line-height: 1.125;

	position: relative;

}



.posts .title h2:after {

	width: 55px;

	height: 2px;

	position: absolute;

	bottom: 0;

	content: "";

	left: 0;

	background: #38a3cd;

}

.posts .row5 article.medium-article {
	width: 28.5%;
}

.posts .row5 article.weather,
.posts .row5 article.home-image {
	margin-left: 7.5%;
}

.posts article {

	float: left;

	width: 24.8%;

	background: #fff;

	overflow: hidden;

	position: relative;

	margin: 0 -1px;

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

}



.posts article .img {

	height: 206px;

	position: relative;

	overflow: hidden;

}



.posts article .img .img-holder {

	margin-left: -246px;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

}



.posts article .img img {

	max-width: none;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -50%;

	min-width: 520px; /*transition: all 1s ease 0s;*/

}



.posts article .img a:hover img {

	opacity: .4;

}



.posts article:first-child {

	margin-left: 14%;

}



.posts article.weather {

	background: #e6e7e8;

	color: #9c9fa3;

	text-align: right;

	padding: 23px 0 0;

}



.posts article.weather .holder {

	height: 100%;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

}



.posts article.weather .icon {

	display: inline-block;

	margin-right: -7%;

}



.posts article.weather .info {

	text-transform: uppercase;

	font-size: 13px;

	line-height: 1.308;

	position: absolute;

	bottom: 11px;

	right: 55%;

}



.posts article.weather .info span {

	display: block;

}



.posts article.weather .info strong {

	font-weight: normal;

	font-family: "bmwtypeweb_light", Arial, Helvetica, sans-serif;

}



.posts article.home-image {

	background: #e6e7e8;

	color: #9c9fa3;

	text-align: right;

}



.posts article.home-image div.img {

	background-size: cover;

	background-position: center center;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

	min-width: 635px;

	height: 265px;

	margin-left: -178px;

}



.posts article.home-image .info {

	text-transform: uppercase;

	font-size: 13px;

	line-height: 1.308;

	position: absolute;

	bottom: 11px;

	right: 55%;

}



.posts article.home-image .info span {

	display: block;

}



.posts article.home-image .info strong {

	font-weight: normal;

	font-family: "bmwtypeweb_light", Arial, Helvetica, sans-serif;

}



.posts article.big-article {

	width: 49.5%;

}



.posts article.big-article .txt {

	padding-right: 6%;

}



.posts article.big-article .txt:before {

	right: 6%;

}

.posts article.huge-article {
	width: 49.5%;
	margin-left: 8%;
}

.posts article.medium-article {
	width: 31%;
}

.posts article.narrow-article {
	width: 21%;
}

.posts article.article-alt {

	background: #e6e7e8;

}



.posts article.article-alt .holder {

	margin: 0 auto;

	width: 70%;

	padding: 6% 0 0 5%;

	height: 100%;

	white-space: nowrap;

}



.posts article.article-alt .holder .child {

	display: inline-block;

	white-space: normal;

	vertical-align: middle;

}



.posts article.article-alt .holder:after {

	content: "";

	vertical-align: middle;

	display: inline-block;

	min-height: 100%;

	margin-left: -.5em;

}



.posts article.article-alt .holder .txt {

	padding: 0;

	margin: 0;

	white-space: normal;

	background: none;

	text-align: left;

	display: inline-block;

	vertical-align: middle;

}



.posts article.article-alt .holder .txt:before {

	display: none;

}



.posts article.article-alt h2 {

	font-size: 34px;

	line-height: 1.059;

	position: relative;

	padding: 0 0 11px;

	margin: 0;

}



.posts article.article-alt h2:before {

	width: 52px;

	height: 2px;

	content: "";

	position: absolute;

	bottom: 0;

	background: #a8a9ab;

	left: 0;

}



.posts article.article-alt .more {

	font-size: 11px;

	font-family: "bmwtypeweb_bold", "bmwtypeweb_light", Arial, Helvetica, sans-serif;

}



.posts .txt {

	text-align: right;

	font-size: 13px;

	line-height: 1.2;

	margin: 0;

	padding: 9px 10.5% 12px 12%;

	position: relative;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

	color: #a6a8ab;

	background: #fff;

}



.posts .txt:before {

	position: absolute;

	top: -14px;

	right: 13%;

	content: "";

	border: 7px solid;

	border-color: transparent transparent #fff;

}



.posts h2 {

	font-size: 21px;

	line-height: 1.2;

	margin: 0 0 -2px;

}



.posts h2 a {

	display: block;

}



.posts p {

	margin: 0 5px 0 0;

}



.sub-pages {

	overflow: hidden;

}



.sub-pages .row {

	overflow: hidden;

	position: relative;

	z-index: 1;

	background: #e6e7e8;

}



.sub-pages .row:after,

.sub-pages .row:before {

	width: 360px;

	height: 70%;

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	content: "";

	background: #d87126;

	background: -webkit-linear-gradient(left, #f68d2a 0%, #8c2c18 100%);

	background: linear-gradient(to right, #f68d2a 0%, #8c2c18 100%);

}



.sub-pages .row:after {

	left: auto;

	height: 100%;

	right: 0;

}



.sub-pages .row.row:first-child:after {

	top: -50%;

}



.sub-pages .row.row2 article {

	margin: 0 -1px;

	width: 73%;

}



.sub-pages .row.row2 article.article-decor {

	background: #e6e7e8;

	float: left;

	width: 24.7%;

}



.sub-pages .row.row3 article {

	height: auto !important;

	margin: 0 0 -1px 7.4%;

	width: 48.7%;

}



.sub-pages .row.row3 article .img {

	height: 206px;

	margin-left: -125px;

}



.sub-pages .row.row3 .txt {

	padding: 9px 6.8% 12px 3%;

}



.sub-pages .row.row3 .txt:before {

	right: 14.5%;

}



.sub-pages .row.row3:before {

	width: 260px;

	height: 205px;

}



.sub-pages .row.row3:after {

	display: none;

}



.sub-pages article {

	float: left;

	width: 77%;

	margin: 0 0 0 3%;

	background: #fff;

	overflow: hidden;

	position: relative;

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

}



.sub-pages article .img {

	height: 471px;

	position: relative;

	margin-left: -282px;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

}



.sub-pages article .img img {

	max-width: none;

	min-width: 500px;

	display: block; /*transition: all 1s ease 0s;*/

}



.sub-pages article .img a:hover img {

	opacity: .4;

}



.sub-pages .txt {

	text-align: right;

	font-size: 13px;

	line-height: 1.2;

	padding: 9px 3.8% 12px 3%;

	position: relative;

	color: #a6a8ab;

	background: #fff;

}



.sub-pages .txt:before {

	position: absolute;

	top: -14px;

	right: 8.5%;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

	content: "";

	border: 7px solid;

	border-color: transparent transparent #fff;

}



.sub-pages .txt .holder {

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

}



.sub-pages h2 {

	font-size: 21px;

	line-height: 1.2;

	margin: 0 0 -2px;

}



.sub-pages p {

	margin: 0;

}



.visual {

	position: relative;

	margin: 0 0 51px;

}



.visual .img {

	position: relative;

	overflow: hidden;

	height: 603px;

}



.visual .txt {

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: 3;

	left: 0;

}



.visual .headline {

	width: 362px;

	height: 229px;

	margin: 0 0 -19px;

	padding: 10px 45px 76px;

	white-space: nowrap;

	background: url(images/bg-box-orange.png) no-repeat;

	background-size: 100% 100%;

}



.style-pink .visual .headline {

	background: url(images/bg-box-pink.png) no-repeat;

	background-size: 100% 100%;

}



.style-green .visual .headline {

	background: url(images/bg-box-green.png) no-repeat;

	background-size: 100% 100%;

}



.style-red .visual .headline {

	background: url(images/bg-box-red.png) no-repeat;

	background-size: 100% 100%;

}



.style-red .visual .headline mark {

	color: #ffb7b7;

}



.visual .headline:after {

	display: inline-block;

	vertical-align: baseline;

	content: "";

	margin: 0 -5px 0 0;

	min-height: 100%;

}



.visual h1 {

	line-height: 1.12;

	font-size: 50px;

	color: #fff;

	padding-bottom: 18px;

	position: relative;

	display: inline-block;

	vertical-align: baseline;

	white-space: normal;

	margin: 0;

}



.visual h1 mark {

	display: block;

	color: #ffd1a7;

}



.visual h1:after {

	width: 100px;

	height: 2px;

	background: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

	content: "";

}



.visual .small .headline {

	padding: 50px 45px 80px;

	height: 250px;

}



.visual .small .headline h1 {

	font-size: 40px;

	line-height: 1.05;

}



.content {

	padding: 0 0 26px;

}



.content .cols {

	padding: 0 3% 24px 8.8%;

	overflow: hidden;

}



.content .cols .col {

	float: left;

	width: 50%;

	padding: 0 5% 0 0;

}



.content .cols h2 {

	font-size: 18px;

	color: #666;

	margin: 0;

	letter-spacing: 1px;

	text-transform: none;

	font-family: "bmwtypeweb_bold", "bmwtypeweb_light", Arial, Helvetica, sans-serif;

}



.content .image {

	display: block;

	margin: 0 0 23px;

}



.content .content-block {

	display: table;

	width: 100%;

	padding: 0 0 10px;

}



.content .content-block + .content-block {

	padding: 0 0 68px;

}



.content .content-block + .image,

.content .content-block + .content-video {

	margin-top: -40px;

}



.content .content-block + .content-block + .image + .content-block + .image {

	margin-top: 0;

}



.content .content-block .txt {

	display: table-cell;

	width: 50%;

	padding: 0 14px 0 8.8%;

	vertical-align: middle;

}



.content .content-block .txt.txt-alt {

	vertical-align: top;

}



.content .content-block .txt.txt-bottom {

	vertical-align: bottom;

}



.content .content-block .img {

	display: inline-block;

	display: table-cell;

	vertical-align: top;

}



.content .content-block .img .img-holder {

	overflow: hidden;

	position: relative;

}



.content .content-block .img .img-holder:before,

.content .content-block .img .img-holder:after {

	width: 202px;

	height: 202px;

	position: absolute;

	top: -113px;

	background: #fff;

	left: -93px;

	content: "";

	-webkit-transform: rotate(50deg);

	-ms-transform: rotate(50deg);

	transform: rotate(50deg);

}



.content .content-block .img .img-holder:after {

	top: auto;

	left: auto;

	right: -93px;

	bottom: -136px;

}



.content .content-block .img img {

	display: block;

	width: 100%;

}



.content .content-block h2 {

	font-size: 40px;

	line-height: 1.2;

	margin: 0 0 12%;

}



.style-pink .content .content-block h2 {

	color: #d8529c;

}



.content .gallery {

	overflow: hidden;

	padding: 0;

	margin: -51px -5px 9px;

}



.content .gallery li {

	float: left;

	list-style-position: outside;

	list-style: none;

	width: 25%;

	padding: 0 5px;

}



.content .image + .gallery {

	margin: 0 -5px 9px;

}



.content .add-info {

	font-size: 15px;

	margin: 0 0 -8px;

}



.content .add-info ul {

	padding: 0 0 10px;

	margin: 0;

	overflow: hidden;

}



.content .add-info ul li {

	float: left;

	margin: 0 10px 0 0;

	list-style-position: outside;

	list-style: none;

}



.content .add-info ul li:before {

	display: inline-block;

	content: "/";

	margin: 0 10px 0 0;

}



.content .add-info ul li:first-child:before {

	display: none;

}



.contact-block {

	overflow: hidden;

	font-size: 15px;

	line-height: 1.2;

	margin: 0 -6px;

}



.contact-block aside {

	float: left;

	width: 33.33%;

	padding: 0 6px;

}



.contact-block .img {

	overflow: hidden;

	position: relative;

	margin: 0 0 13px;

}



.contact-block .img:after,

.contact-block .img:before {

	width: 100px;

	height: 100px;

	position: absolute;

	top: -58px;

	background: #fff;

	left: -48px;

	content: "";

	-webkit-transform: rotate(50deg);

	-ms-transform: rotate(50deg);

	transform: rotate(50deg);

}



.contact-block .img:after {

	top: auto;

	left: auto;

	right: -48px;

	bottom: -58px;

}



.contact-block .img img {

	display: block;

	width: 100%;

}



.contact-block .text {

	padding: 0 5.6%;

}



.contact-block h3 {

	font-family: "bmwtypeweb_light", Arial, Helvetica, sans-serif;

	margin: 0 0 12px;

	color: #7a7a7a;

	font-size: 24px;

}



.contact-block address {

	margin: 0;

	font-style: normal;

}



.contact-block address span {

	margin: 0 0 18px;

	display: block;

}



.top-box {

	overflow: hidden;

	padding: 0 1.4% 27px 8.8%;

}



.top-box h2 {

	overflow: hidden;

}



.section-download {

	padding: 43px 7% 0 8.8%;

	font-size: 15px;

	border-top: 3px solid #e5e5e5;

}



.section-download h2 {

	margin: 0 0 20px;

	color: #0b9444;

	font-size: 24px;

}



.section-download h3 {

	margin: 0 0 5px;

	font-size: 15px;

}



.section-download ul {

	overflow: hidden;

	padding: 0;

	margin: 0;

}



.section-download ul li {

	list-style-position: outside;

	list-style: none;

	float: left;

	width: 33.33%;

}



.bottom-section,

.section-posts {

	background: #e7e7e8;

	padding-bottom: 50px;

	position: relative;

	padding-top: 43px;

	margin-bottom: -90px;

}



.bottom-section h2,

.section-posts h2 {

	font-size: 15px;

	margin: 0 0 9px 12px;

	color: #333;

	font-family: "bmwtypeweb_bold", "bmwtypeweb_light", Arial, Helvetica, sans-serif;

}



.bottom-section .row,

.bottom-section .gallery,

.section-posts .row,

.section-posts .gallery {

	z-index: 1;

	overflow: hidden;

	position: relative;

}



.bottom-section .row:before,

.bottom-section .gallery:before,

.section-posts .row:before,

.section-posts .gallery:before {

	position: absolute;

	top: 0;

	left: -115px;

	width: 260px;

	content: "";

	height: 168px;

	z-index: -1;

	background: #d87126;

	background: -webkit-linear-gradient(left, #f68d2a 0%, #8c2c18 100%);

	background: linear-gradient(to right, #f68d2a 0%, #8c2c18 100%);

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

}



.bottom-section .row:after,

.bottom-section .gallery:after,

.section-posts .row:after,

.section-posts .gallery:after {

	z-index: -2;

	position: absolute;

	top: 0;

	content: "";

	right: -115px;

	height: 168px;

	width: 260px;

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

	background: #d87126;

	background: -webkit-linear-gradient(left, #f68d2a 0%, #8c2c18 100%);

	background: linear-gradient(to right, #f68d2a 0%, #8c2c18 100%);

}



.style-pink .bottom-section .row:after,

.style-pink .bottom-section .row:before,

.style-pink .bottom-section .gallery:after,

.style-pink .bottom-section .gallery:before,

.style-pink .section-posts .row:after,

.style-pink .section-posts .row:before,

.style-pink .section-posts .gallery:after,

.style-pink .section-posts .gallery:before {

	background: #8a2a67;

	background: -webkit-linear-gradient(left, #c1428a 0%, #380534 100%);

	background: linear-gradient(to right, #c1428a 0%, #380534 100%);

}



.style-green .bottom-section .row:after,

.style-green .bottom-section .row:before,

.style-green .bottom-section .gallery:after,

.style-green .bottom-section .gallery:before,

.style-green .section-posts .row:after,

.style-green .section-posts .row:before,

.style-green .section-posts .gallery:after,

.style-green .section-posts .gallery:before {

	background: #8a2a67;

	background: -webkit-linear-gradient(left, #71bb5c 0%, #0a5946 100%);

	background: linear-gradient(to right, #71bb5c 0%, #0a5946 100%);

}



.bottom-section .row article,

.bottom-section .gallery article,

.section-posts .row article,

.section-posts .gallery article {

	float: left;

	position: relative;

	width: 25%;

	z-index: 3;

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

	margin: 0 -1px 0 0;

}



.bottom-section .row article .img,

.bottom-section .gallery article .img,

.section-posts .row article .img,

.section-posts .gallery article .img {

	height: 168px;

	overflow: hidden;

	position: relative;

	background: #fff;

}



.bottom-section .row article .img .img-holder,

.bottom-section .gallery article .img .img-holder,

.section-posts .row article .img .img-holder,

.section-posts .gallery article .img .img-holder {

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

	margin-left: -100px;

}



.bottom-section .row article .img img,

.bottom-section .gallery article .img img,

.section-posts .row article .img img,

.section-posts .gallery article .img img {

	display: block;

	max-width: none; /*transition: all 1s ease 0s;*/

}



.bottom-section .row article .img a:hover img,

.bottom-section .gallery article .img a:hover img,

.section-posts .row article .img a:hover img,

.section-posts .gallery article .img a:hover img {

	opacity: .4;

}



.bottom-section .row article:nth-child(1),

.bottom-section .gallery article:nth-child(1),

.section-posts .row article:nth-child(1),

.section-posts .gallery article:nth-child(1) {

	z-index: 4;

	margin-left: 11.2%;

}



.bottom-section .row article:nth-child(3),

.bottom-section .gallery article:nth-child(3),

.section-posts .row article:nth-child(3),

.section-posts .gallery article:nth-child(3) {

	z-index: 2;

}



.bottom-section .row .txt,

.bottom-section .gallery .txt,

.section-posts .row .txt,

.section-posts .gallery .txt {

	text-align: right;

	position: relative;

	background: #e7e7e8;

	width: 100%;

	margin-left: 0;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

}



.bottom-section .row .txt .holder,

.bottom-section .gallery .txt .holder,

.section-posts .row .txt .holder,

.section-posts .gallery .txt .holder {

	padding: 2px 0 2px 10%;

}



.bottom-section .row .txt:before,

.bottom-section .gallery .txt:before,

.section-posts .row .txt:before,

.section-posts .gallery .txt:before {

	position: absolute;

	top: -14px;

	right: 3px;

	content: "";

	border: 7px solid;

	border-color: transparent transparent #e7e7e8;

}



.bottom-section .row h3,

.bottom-section .gallery h3,

.section-posts .row h3,

.section-posts .gallery h3 {

	margin: 0;

	font-family: "bmwtypeweb_light", Arial, Helvetica, sans-serif;

	font-size: 18px;

	text-transform: uppercase;

}



.style-pink .bottom-section .row h3 a,

.style-pink .bottom-section .gallery h3 a,

.style-pink .section-posts .row h3 a,

.style-pink .section-posts .gallery h3 a {

	color: #9e2260;

}



.section-posts {

	background: none;

	padding: 0;

	margin: 0;

}



.section-posts h2 {

	color: #7a7a7a;

}



.section-posts .row .txt,

.section-posts .gallery .txt {

	background: #fff;

}



.section-posts .row .txt:before,

.section-posts .gallery .txt:before {

	border-color: transparent transparent #fff;

}



.section-posts section {

	padding: 0 0 10px;

}



.section-posts section .row:before {

	width: auto;

	right: 0;

	z-index: -2;

	background: #e6e7e8;

}



.style-pink .section-posts section .row:before,

.style-green .section-posts section .row:before,

.style-orange .section-posts section .row:before {

	background: #e6e7e8;

}



.section-posts section .row:after {

	z-index: -1;

}



.section-posts section:nth-child(2) .row:before,

.section-posts section:nth-child(4) .row:before,

.section-posts section:nth-child(6) .row:before,

.section-posts section:nth-child(8) .row:before {

	width: 260px;

	z-index: -1;

	background: #d87126;

	background: -webkit-linear-gradient(left, #f68d2a 0%, #8c2c18 100%);

	background: linear-gradient(to right, #f68d2a 0%, #8c2c18 100%);

}



.style-pink .section-posts section:nth-child(2) .row:before,

.style-pink .section-posts section:nth-child(4) .row:before,

.style-pink .section-posts section:nth-child(6) .row:before,

.style-pink .section-posts section:nth-child(8) .row:before {

	background: #8a2a67;

	background: -webkit-linear-gradient(left, #c1428a 0%, #380534 100%);

	background: linear-gradient(to right, #c1428a 0%, #380534 100%);

}



.style-green .section-posts section:nth-child(2) .row:before,

.style-green .section-posts section:nth-child(4) .row:before,

.style-green .section-posts section:nth-child(6) .row:before,

.style-green .section-posts section:nth-child(8) .row:before {

	background: #8a2a67;

	background: -webkit-linear-gradient(left, #71bb5c 0%, #0a5946 100%);

	background: linear-gradient(to right, #71bb5c 0%, #0a5946 100%);

}



.section-posts section:nth-child(2) .row:after,

.section-posts section:nth-child(4) .row:after,

.section-posts section:nth-child(6) .row:after,

.section-posts section:nth-child(8) .row:after {

	z-index: -2;

	width: auto;

	left: 0;

	background: #e6e7e8;

}



.section-posts.section-four-posts section {

	padding: 0 0 8px;

}



.section-posts.section-four-posts article {

	width: 20%;

}



.section-posts.section-four-posts article:nth-child(1) {

	margin-left: 10.1%;

}



.section-posts.section-four-posts article:nth-child(4) {

	z-index: 1;

}



.section-posts.section-four-posts article h3 {

	font-size: 15px;

}



.section-posts.section-four-posts article .txt:before {

	right: 8px;

}



.section-posts.section-four-posts article .txt .holder {

	padding: 3px 5px 2px 10%;

}



.gallery:after,

.gallery:before {

	display: none;

}



.gallery .gmask {

	position: relative;

	overflow: hidden;

	padding: 0 13% 0 11.2%;

}



.gallery .mask {

	overflow: hidden;

	position: relative;

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

	width: 100%;

}



.gallery .mask .slideset {

	letter-spacing: -4px;

	white-space: nowrap;

	width: 100% !important;

}



.gallery .slide {

	margin: 0 -1px 0 0 !important;

	letter-spacing: 0;

	display: inline-block;

	vertical-align: top;

	float: none !important;

	width: 33.33% !important;

	white-space: normal;

	-webkit-transform: skewX(50deg) skewY(0deg) !important;

	-ms-transform: skewX(50deg) skewY(0deg) !important;

	transform: skewX(50deg) skewY(0deg) !important;

}



.gallery .slide .s-holder {

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

}



.gallery .slide:hover .img img {

	opacity: .4;

}



.gallery h3 {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.gallery .txt .holder {

	padding: 2px 8px 2px 10% !important;

}



.gallery .btn-prev,

.gallery .btn-next {

	overflow: hidden;

	position: absolute;

	top: 0;

	left: -98px;

	z-index: 1;

	color: #fff;

	height: 168px;

	width: 244px;

	font-size: 29px;

	line-height: 29px;

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

}



.gallery .btn-prev span,

.gallery .btn-next span {

	position: absolute;

	top: 6px;

	left: 34px;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

}



.gallery .btn-prev:hover,

.gallery .btn-next:hover {

	text-decoration: none;

}



.gallery .btn-prev:before,

.gallery .btn-next:before {

	position: absolute;

	top: 0;

	left: 92px;

	height: 168px;

	width: 256px;

	content: "";

	background: #8a2a67;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

	background: -webkit-linear-gradient(left, #71bb5c 0%, #0a5946 100%);

	background: linear-gradient(to right, #71bb5c 0%, #0a5946 100%);

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

}



.style-orange .gallery .btn-prev:before,

.style-orange .gallery .btn-next:before {

	background: #d87126;

	background: -webkit-linear-gradient(left, #f68d2a 0%, #8c2c18 100%);

	background: linear-gradient(to right, #f68d2a 0%, #8c2c18 100%);

}



.style-pink .gallery .btn-prev:before,

.style-pink .gallery .btn-next:before {

	background: #8a2a67;

	background: -webkit-linear-gradient(left, #c1428a 0%, #380534 100%);

	background: linear-gradient(to right, #c1428a 0%, #380534 100%);

}



.gallery .btn-prev.disabled,

.gallery .btn-next.disabled {

	color: #858586;

}



.gallery .btn-prev.disabled:before,

.gallery .btn-next.disabled:before {

	background: #e6e7e8;

}



.gallery .btn-next {

	left: auto;

	right: -100px;

	top: 0;

}



.gallery .btn-next span {

	top: auto;

	bottom: 11px;

	left: auto;

	right: 47px;

}



.gallery .btn-next:before {

	left: auto;

	right: 90px;

}



.filter {

	overflow: hidden;

	padding: 0 17px 9px 12px;

}



.filter ul {

	padding: 1px 0 0;

	margin: 0;

	float: left;

	font-size: 15px;

	line-height: 1;

	text-transform: uppercase;

}



.filter ul li {

	float: left;

	padding: 0 22px 0 0;

	list-style-position: outside;

	list-style: none;

}



.filter ul li a {

	padding: 0 0 3px;

	display: inline-block;

	color: #7a7a7a;

}



.filter ul li.active a,

.filter ul li a:hover {

	text-decoration: none;

	color: #9f1f63;

	border-bottom: 2px solid #9f1f63;

}



.filter .form {

	margin: 0;

	float: right;

}



.filter .form select,

.filter .form .jcf-select {

	min-width: 100px;

	float: left;

	margin: 0 0 0 28px;

}



.title-page + .filter {

	margin-top: -30px;

}



.featured {

	color: #a6a8ab;

	font-size: 13px;

	overflow: hidden;

	z-index: 1;

	position: relative;

}



.featured:after,

.featured:before {

	width: 360px;

	height: 100%;

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	content: "";

	background: #d87126;

	background: -webkit-linear-gradient(left, #f68d2a 0%, #8c2c18 100%);

	background: linear-gradient(to right, #f68d2a 0%, #8c2c18 100%);

}



.style-pink .featured:after,

.style-pink .featured:before {

	background: #8a2a67;

	background: -webkit-linear-gradient(left, #c1428a 0%, #380534 100%);

	background: linear-gradient(to right, #c1428a 0%, #380534 100%);

}



.style-green .featured:after,

.style-green .featured:before {

	background: #8a2a67;

	background: -webkit-linear-gradient(left, #71bb5c 0%, #0a5946 100%);

	background: linear-gradient(to right, #71bb5c 0%, #0a5946 100%);

}



.featured:after {

	left: auto;

	right: 0;

}



.featured .row {

	overflow: hidden;

	position: relative;

	z-index: 1;

}



.featured .row:nth-child(1) .col:first-child:before {

	height: 100%;

	position: absolute;

	top: 0;

	left: -170px;

	width: 200px;

	content: "";

	background: #e6e7e8;

}



.featured .row:nth-child(2) .col:first-child {

	margin: 0;

}



.featured .row:nth-child(2) .col:first-child:before {

	display: none;

}



.featured .row:nth-child(3):after {

	width: 380px;

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	content: "";

	z-index: -1;

	background: #e6e7e8;

}



.featured .row:nth-child(3) .col:first-child {

	margin: 0 0 0 -16.5%;

}



.featured .row:nth-child(3) .col:first-child:before {

	display: none;

}



.featured .row.row-small .col-half {

	height: 100%;

}



.featured .row.row-small article .img {

	height: 206px;

}



.featured .row.row-small article .img .img-holder {

	margin-left: -122px;

}



.featured .col {

	float: left;

	margin: 0 -1px;

	width: 49.2%;

	-webkit-transform: skewX(-50deg) skewY(0deg);

	-ms-transform: skewX(-50deg) skewY(0deg);

	transform: skewX(-50deg) skewY(0deg);

}



.featured .col:first-child {

	margin-left: -18%;

	position: relative;

	z-index: 1;

}



.featured .col:nth-child(3) {

	margin-right: -30%;

}



.featured .col .col-half {

	height: 50%;

	overflow: hidden;

}



.featured .col .col-half article .img {

	height: 207px;

}



.featured .col .col-half article .img .img-holder {

	margin-left: -129px;

}



.featured .col .col-half article.article-alt {

	width: 50%;

}



.featured .col .col-half article.right {

	float: right;

}



.featured .col .col-half.col-half-alt {

	background: #e6e7e8;

}



.featured article {

	position: relative;

	z-index: 3;

	overflow: hidden;

	min-height: 100%;

	background: #fff;

	margin: 0 0 -3px -1px;

	background: #fff;

}



.featured article .img {

	height: 471px;

	overflow: hidden;

	position: relative;

}



.featured article .img .img-holder {

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

	margin-left: -280px;

}



.featured article .img img {

	display: block;

	max-width: none; /*transition: all 1s ease 0s;*/

}



.featured article .img a:hover img {

	opacity: .4;

}



.featured .txt {

	text-align: right;

	position: relative;

	background: #fff;

	width: 100%;

	-webkit-transform: skewX(50deg) skewY(0deg);

	-ms-transform: skewX(50deg) skewY(0deg);

	transform: skewX(50deg) skewY(0deg);

}



.featured .txt .holder {

	padding: 10px 30px 10px 11%;

}



.featured .txt:before {

	position: absolute;

	top: -14px;

	right: 30px;

	content: "";

	border: 7px solid;

	border-color: transparent transparent #fff;

}



.featured .txt h2 {

	margin: 0;

	font-family: "bmwtypeweb_light", Arial, Helvetica, sans-serif;

	font-size: 21px;

	line-height: 1;

}



.style-pink .featured .txt h2 a {

	color: #9e2260;

}



.featured .txt p {

	margin: 0;

}



#footer {

	font-size: 13px;

	line-height: 1.2;

	padding: 31px 0;

	color: #bbbdbf;

	background: #404041;

}



#footer .add-logo {

	display: inline-block;

	margin: 0 0 14px;

}



#footer .holder {

	padding: 7px 0 18px;

	overflow: hidden;

	font-size: 15px;

	margin: 0 0 16px;

	border: 1px solid #6b6c6f;

	border-width: 1px 0;

}



#footer aside {

	float: left;

	/* width: 22%; */

	width: 25%;

	padding: 2px 3% 0 0;

}



#footer aside:first-child {

	padding: 0 3% 0 0;

	/* width: 34%; */

	width: 25%;

}



#footer address {

	font-style: normal;

	margin: 0;

}



#footer address span {

	display: block;

	margin: 0 0 18px;

}



#footer h2 {

	text-transform: none;

	font: 15px/1 "bmwtypeweb_bold", "bmwtypeweb_light", Arial, Helvetica, sans-serif;

	margin: 0 0 1px;

	color: #bbbdbf;

}



#footer aside:first-child h2 {

	margin-bottom: 4px;

}



#footer a {

	color: #bbbdbf;

}



#footer p {

	margin: 0 0 19px;

}



.social {

	padding: 0;

	margin: 0 0 10px;

	font-size: 20px;

	line-height: 30px;

	overflow: hidden;

}



.social li {

	float: left;

	list-style-position: outside;

	list-style: none;

	padding: 0 8px 8px 0;

}



.social li a {

	display: block;

	width: 28px;

	text-align: center;

	color: #404041;

	overflow: hidden;

	height: 28px;

	background: #bbbdbf;

	border-radius: 50%;

}



.social li a:hover {

	background: #aaa;

	text-decoration: none;

}



.social li a .icon-linkedin {

	line-height: 26px;

	display: block;

	padding: 0 0 0 2px;

	font-size: 17px;

}



.social li a .icon-pinterest {

	padding: 0 0 0 3px;

}



#footer .social {

	margin: 0 0 15px;

	padding-top: 23px;

}



#footer .social a {

	color: #404041;

}



.top-box .social {

	font-size: 22px;

	float: right;

	margin: 8px 0 20px 14%;

}



.top-box .social li {

	padding: 0 0 0 6px;

}



.top-box .social a {

	width: 30px;

	height: 30px;

	color: #fff;

}



.top-box .social a .icon-linkedin {

	font-size: 19px;

}



.style-orange .top-box .social a {

	background: #f1592a;

}



.style-pink .top-box .social a {

	background: #9f1f63;

}



.style-green .top-box .social a {

	background: #0b9444;

}



.top-box .social a:hover {

	opacity: .8;

}



.language {

	text-transform: uppercase;

	font-size: 15px;

	color: #bbbdbf;

	padding: 0;

	margin: 0;

}



#footer .language {

	margin: 5px 0 0;

	float: right;

}



#footer .language li.active a {

	color: #fff;

}



.language li {

	float: left;

	list-style-position: outside;

	list-style: none;

}



.language li:before {

	content: "|";

	margin: 0 4px;

	display: inline-block;

}



.language li:first-child:before {

	display: none;

}



.language li a {

	color: #bbbdbf;

}



.language li.active a {

	color: #fff;

	font-family: "bmwtypeweb_bold", "bmwtypeweb_light", Arial, Helvetica, sans-serif;

}



/* custom select styles */



.jcf-select {

	float: left;

	position: relative;

	background: #fff;

	height: 17px;

	text-transform: uppercase;

	color: #7a7a7a;

}



.jcf-select select {

	z-index: 1;

	left: 0;

	top: 0;

}



.jcf-select .jcf-select-text {

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	cursor: default;

	display: block;

	font-size: 13px;

	line-height: 17px;

	margin: 0 14px 0 0;

}



.jcf-select .jcf-select-opener {

	position: absolute;

	text-align: center;

	border: 4px solid;

	border-width: 6px 3px;

	border-color: #7a7a7a transparent transparent;

	bottom: 0;

	right: 0;

	top: 50%;

	margin-top: -3px;

}



body > .jcf-select-drop {

	position: absolute;

	margin: -1px 0 0;

	z-index: 9999;

}



body > .jcf-select-drop.jcf-drop-flipped {

	margin: 1px 0 0;

}



.jcf-select .jcf-select-drop {

	position: absolute;

	margin-top: 0;

	z-index: 9999;

	top: 100%;

	left: -1px;

	right: -1px;

}



.jcf-select .jcf-drop-flipped {

	bottom: 100%;

	top: auto;

}



.jcf-select-drop .jcf-select-drop-content {

	background: #e6e7e8;

}



.jcf-list-box {

	overflow: hidden;

	display: inline-block;

	border: 1px solid #b8c3c9;

	min-width: 200px;

	margin: 0 15px;

}



.jcf-list {

	display: inline-block;

	vertical-align: top;

	position: relative;

	background: #fff;

	line-height: 14px;

	font-size: 12px;

	width: 100%;

}



.jcf-list .jcf-list-content {

	vertical-align: top;

	display: inline-block;

	overflow: auto;

	width: 100%;

}



.jcf-list ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



.jcf-list ul li {

	overflow: hidden;

	display: block;

}



.jcf-list .jcf-overflow {

	overflow: auto;

}



.jcf-list .jcf-option {

	overflow: hidden;

	cursor: default;

	display: block;

	padding: 5px 9px;

	color: #656565;

	height: 1%;

}



.jcf-list .jcf-disabled {

	background: #fff !important;

	color: #aaa !important;

}



.jcf-select-drop .jcf-hover,

.jcf-list-box .jcf-selected {

	background: #e6e6e6;

	color: #000;

}



.jcf-list .jcf-optgroup-caption {

	white-space: nowrap;

	font-weight: bold;

	display: block;

	padding: 5px 9px;

	cursor: default;

	color: #000;

}



.jcf-list .jcf-optgroup .jcf-option {

	padding-left: 30px;

}



@media all and (max-width: 1049px) {
	.posts article.home-image .info {
		right: 57%;
	}
	.posts h2 {
		font-size: 20px;
	}
}
@media all and (min-width: 220px) and (max-width: 766px) {

	ul,

	ol,

	dl,

	p,

	h1,

	h2,

	h3,

	h4,

	h5,

	h6,

	address,

	form,

	table,

	blockquote,

	applet,

	embed,

	object,

	iframe,

	frameset {

		margin: 0 0 14px;

	}



	body {

		font-size: 15px;

	}



	h2 {

		font-size: 20px;

	}



	#wrapper {

		padding: 0;

	}



	#header {

		padding: 15px 0;

		position: relative;

	}



	.fixed-header #header {

		box-shadow: none;

	}



	#header .nav-opener {

		display: block;

	}



	.logos {

		display: none;

	}



	#nav {

		font-size: 12px;

		position: absolute;

		top: 100%;

		padding: 0;

		max-height: 0;

		overflow: hidden;

		-webkit-transition: all .25s linear;

		transition: all .25s linear;

		left: 0;

		right: 0;

	}



	.nav-active #nav {

		max-height: 4000px;

		overflow: visible;

	}



	.nav-active #nav ul {

		-webkit-transform: translateY(0%);

		-ms-transform: translateY(0%);

		transform: translateY(0%);

	}



	#nav ul {

		background: #fff;

		padding: 10px 0 0;

		-webkit-transition: all .25s linear;

		transition: all .25s linear;

		-webkit-transform: translateY(-100%);

		-ms-transform: translateY(-100%);

		transform: translateY(-100%);

		box-shadow: 0 1px 1px rgba(0, 0, 0, .3);

	}



	#nav ul li {

		display: block;

		padding: 4px;

	}



	#main {

		padding: 0;

	}



	.slideshow .mask {

		margin: 0 0 8px;

	}



	.slideshow .slide .img {

		max-height: 180px;

	}



	.slideshow .slide .txt {

		font-size: 12px;

	}



	.slideshow .slide .txt .holder {

		padding: 20px 45px;

		max-width: 300px;

	}



	.slideshow .slide .txt .holder .frame {

		width: 100%;

	}



	.slideshow p {

		margin: 0 0 10px;

	}



	.slideshow h1 {

		font-size: 20px;

	}



	.slideshow .more:before {

		width: 40px;

	}



	.slideshow .pagination ul a {

		width: 10px;

		height: 10px;

	}



	.title-page {

		display: block;

		font-size: 18px;

		margin: 0 0 20px;

	}



	.title-page aside {

		width: auto;

		padding: 20px;

		height: auto;

	}



	.title-page aside h1 {

		font-size: 25px;

	}



	.title-page aside h1:after {

		width: 50px;

	}



	.title-page aside:before {

		top: -68px;

		left: -45px;

	}



	.title-page aside:after {

		right: -45px;

		bottom: -68px;

	}



	.title-page .txt {

		padding: 10px;

		font-size: 13px;

	}

    .posts .row5 article.medium-article {
		width: 50%;
	}

	.posts article.huge-article {
		width: 50%;
	}

	.posts article.medium-article {
		width: 50%;
	}

	.posts article.narrow-article {
		width: 50%;
	}

	.posts .row:after,

	.posts .row:before {

		display: none;

	}



	.posts .row.row2 article:first-child,

	.posts .row.row3 article:first-child {

		margin: 0;

	}



	.posts .row:first-child {

		padding: 50px 0 0;

	}



	.posts .title {

		padding: 0;

		overflow: hidden;

		width: auto;

		position: absolute;

		top: 0;

		right: 0;

		left: 0;

		float: none;

		text-align: center;

	}



	.posts .title h2 {

		position: static;

		font-size: 18px;

		padding: 0 0 9px;

		display: inline-block;

	}



	.posts .title h2:after {

		left: 50%;

		margin-left: -25px;

	}



	.posts .txt {

		padding: 10px;

		margin: 0;

	}



	.posts .txt:before {

		right: 10%;

	}



	.posts article {

		width: 50%;

		text-align: center;

		margin: 0;

		padding: 0 0 10px;

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

	}



	.posts article .holder {

		margin-left: 0;

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

	}



	.posts article .img {

		height: 156px;

		position: relative;

		overflow: hidden;

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

	}



	.posts article .img .s1 {

		float: left;

		position: relative;

		left: 50%;

	}



	.posts article .img .s2 {

		position: relative;

		float: left;

		left: -50%;

	}



	.posts article .img img {

		position: relative;

		height: 176px;

		width: auto;

		left: 0;

		margin: 0;

		min-width: 370px;

	}



	.posts article .txt,

	.posts article .img .img-holder {

		margin: 0;

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

	}



	.posts article:first-child {

		margin-left: 0;

	}



	.posts article.weather {

		text-align: center;

		display: none;

	}

	

	.posts article.home-image {

		display:none;

	}



	.posts article.weather .icon-sun {

		margin-right: 0;

	}



	.posts article.weather .info {

		right: 50%;

	}



	.posts article.big-article {

		width: 50%;

	}



	.posts article.big-article .txt {

		padding-right: 0;

	}



	.posts article.article-alt .holder {

		width: auto;

		padding: 5px;

	}



	.posts article.article-alt h2 {

		font-size: 24px;

	}



	.sub-pages .row:after,

	.sub-pages .row:before,

	.sub-pages .row .article-decor {

		display: none;

	}



	.sub-pages .row.row2 article,

	.sub-pages .row.row3 article {

		margin: 0;

		width: 100%;

	}



	.sub-pages .row.row2 article .img,

	.sub-pages .row.row3 article .img {

		height: auto;

		margin-left: 0;

	}



	.sub-pages .row.row2 .txt,

	.sub-pages .row.row3 .txt {

		padding: 10px;

	}



	.sub-pages .row.row2 .txt:before,

	.sub-pages .row.row3 .txt:before {

		right: 14.5%;

	}



	.sub-pages article {

		float: none;

		width: auto;

		margin: 0;

	}



	.sub-pages article .img {

		height: auto;

		margin: 0;

	}



	.sub-pages article .img .s1,

	.sub-pages article .img .s2 {

		float: none;

		left: 0;

	}



	.sub-pages article .img img {

		display: block;

		max-width: 100%;

		position: relative;

	}



	.sub-pages article .txt {

		padding: 10px;

	}



	.sub-pages .txt,

	.sub-pages .txt .holder,

	.sub-pages .txt:before,

	.sub-pages article,

	.sub-pages article .img {

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

	}



	.visual {

		margin: 0 0 30px;

	}



	.visual .img {

		height: 200px;

	}



	.visual .headline,

	.visual .small .headline {

		width: 230px;

		padding: 25px 32px;

		height: auto;

	}



	.visual h1,

	.visual .small .headline h1 {

		font-size: 25px;

	}



	.visual h1:after,

	.visual .small .headline h1:after {

		width: 50px;

	}



	.content {

		padding: 0 0 10px;

	}



	.content .cols {

		padding: 0;

	}



	.content .cols .col {

		float: none;

		width: auto;

		padding: 0;

	}



	.content .image {

		margin: 0 0 14px;

	}



	.content .content-block + .content-block {

		padding: 0 0 16px;

	}



	.content .content-block + .image,

	.content .content-block + .content-video {

		margin-top: 0;

	}



	.content .content-block .txt {

		width: auto;

		padding: 0;

		display: table-header-group;

	}



	.content .content-block .alignright {

		float: none;

		display: block;

		margin: 0 auto 10px;

	}



	.content .content-block .img {

		width: auto;

		padding: 0;

		display: table-footer-group;

	}



	.content .content-block .img .img-holder:before {

		left: -170px;

	}



	.content .content-block .img .img-holder:after {

		right: -145px;

	}



	.content .content-block h2 {

		margin: 0 0 10px;

		font-size: 25px;

	}



	.content .gallery {

		margin: 0 -5px 10px;

	}



	.content .add-info ul li {

		float: none;

		margin: 0;

	}



	.content .add-info ul li:before {

		display: none;

	}



	.contact-block {

		margin: 0;

	}



	.contact-block aside {

		float: none;

		width: 100%;

		padding: 10px 0;

	}



	.top-box {

		padding: 0 0 20px;

	}



	.section-download {

		padding: 15px 0 0;

	}



	.section-download ul li {

		float: none;

		width: auto;

		padding: 0 0 10px;

	}



	.bottom-section,

	.section-posts {

		padding-bottom: 15px;

		padding-top: 15px;

		margin-bottom: 0;

	}



	.bottom-section .row article,

	.bottom-section .row article .img,

	.bottom-section .row article .img .img-holder,

	.bottom-section .row .txt,

	.bottom-section .row .txt .holder,

	.bottom-section .row .txt:before,

	.bottom-section .gallery article,

	.bottom-section .gallery article .img,

	.bottom-section .gallery article .img .img-holder,

	.bottom-section .gallery .txt,

	.bottom-section .gallery .txt .holder,

	.bottom-section .gallery .txt:before,

	.section-posts .row article,

	.section-posts .row article .img,

	.section-posts .row article .img .img-holder,

	.section-posts .row .txt,

	.section-posts .row .txt .holder,

	.section-posts .row .txt:before,

	.section-posts .gallery article,

	.section-posts .gallery article .img,

	.section-posts .gallery article .img .img-holder,

	.section-posts .gallery .txt,

	.section-posts .gallery .txt .holder,

	.section-posts .gallery .txt:before {

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

	}



	.bottom-section .row .txt,

	.bottom-section .gallery .txt,

	.section-posts .row .txt,

	.section-posts .gallery .txt {

		margin: 0;

	}



	.bottom-section .row .txt:before,

	.bottom-section .gallery .txt:before,

	.section-posts .row .txt:before,

	.section-posts .gallery .txt:before {

		right: 20px;

	}



	.bottom-section .row .txt .holder,

	.bottom-section .gallery .txt .holder,

	.section-posts .row .txt .holder,

	.section-posts .gallery .txt .holder {

		padding: 10px;

	}



	.bottom-section .row:after,

	.bottom-section .row:before,

	.bottom-section .gallery:after,

	.bottom-section .gallery:before,

	.section-posts .row:after,

	.section-posts .row:before,

	.section-posts .gallery:after,

	.section-posts .gallery:before {

		display: none;

	}



	.bottom-section .row article,

	.bottom-section .gallery article,

	.section-posts .row article,

	.section-posts .gallery article {

		float: none;

		width: auto;

		margin: 0;

	}



	.bottom-section .row article .img,

	.bottom-section .gallery article .img,

	.section-posts .row article .img,

	.section-posts .gallery article .img {

		height: auto;

	}



	.bottom-section .row article .img img,

	.bottom-section .gallery article .img img,

	.section-posts .row article .img img,

	.section-posts .gallery article .img img {

		width: 100%;

	}



	.bottom-section .row article:first-child,

	.bottom-section .gallery article:first-child,

	.section-posts .row article:first-child,

	.section-posts .gallery article:first-child {

		margin: 0;

	}



	.bottom-section .row h3,

	.bottom-section .gallery h3,

	.section-posts .row h3,

	.section-posts .gallery h3 {

		font-size: 15px;

	}



	.section-posts.section-four-posts section {

		padding: 0;

	}



	.section-posts.section-four-posts article {

		width: auto;

	}



	.section-posts.section-four-posts article:nth-child(1) {

		margin-left: 0;

	}



	.section-posts.section-four-posts article .txt .holder {

		padding: 10px;

	}



	.gallery .gmask {

		padding: 0 30px;

	}



	.gallery .mask,

	.gallery .mask .slideset,

	.gallery .btn-holder,

	.gallery .btn-holder:after,

	.gallery .slide .s-holder,

	.gallery .slide {

		-webkit-transform: skewX(0deg) skewY(0deg) !important;

		-ms-transform: skewX(0deg) skewY(0deg) !important;

		transform: skewX(0deg) skewY(0deg) !important;

	}



	.gallery .slide {

		width: 100% !important;

	}



	.gallery .txt .holder {

		padding: 10px !important;

	}



	.gallery .btn-prev,

	.gallery .btn-next {

		left: 0;

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

		height: 100%;

		width: 30px;

	}



	.gallery .btn-prev:before,

	.gallery .btn-next:before {

		left: 0;

		height: 100%;

		width: 30px;

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

	}



	.gallery .btn-prev span,

	.gallery .btn-next span {

		left: 0;

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

		top: 50%;

		margin-top: -20px;

	}



	.gallery .btn-next {

		left: auto;

		right: 0;

	}



	.gallery .btn-next span {

		right: 0;

	}



	.filter .form {

		float: none;

		padding: 0 0 10px;

		overflow: hidden;

	}



	.filter .form select,

	.filter .form .jcf-select {

		margin: 0 28px 0 0;

	}



	.title-page + .filter {

		margin-top: 0;

	}



	.featured:after,

	.featured:before {

		display: none;

	}



	.featured .col,

	.featured article .img .img-holder,

	.featured .txt {

		-webkit-transform: skewX(0deg) skewY(0deg);

		-ms-transform: skewX(0deg) skewY(0deg);

		transform: skewX(0deg) skewY(0deg);

	}



	.featured .col,

	.featured .col .col-half article.right,

	.featured .col .col-half article.article-alt {

		float: none;

		width: auto;

		margin: 0 !important;

	}



	.featured .col .img,

	.featured .col .col-half article.right .img,

	.featured .col .col-half article.article-alt .img {

		height: auto;

	}



	.featured .col {

		height: auto !important;

	}



	.featured .col .col-half {

		height: auto;

	}



	.featured .col .col-half article .img {

		height: auto;

	}



	.featured .row .txt {

		margin: 0;

	}



	.featured .row .txt:before {

		right: 20px;

	}



	.featured .row .txt .holder {

		padding: 10px;

	}



	.featured .row article {

		float: none;

		width: auto;

		margin: 0;

	}



	.featured .row article .img {

		height: auto;

		margin: 0;

	}



	.featured .row article .img img {

		width: 100%;

	}



	.featured .row article:first-child {

		margin: 0;

	}



	.featured .row.row-small article .img {

		height: auto;

	}



	.featured .row h2 {

		font-size: 15px;

	}



	#footer aside {

		float: none;

		width: auto;

		padding: 0 0 15px;

	}



	.top-box .social {

		float: none;

		margin: 0 0 10px;

	}

}



@media all and (min-width: 220px) and (max-width: 1023px) {

	.container {

		padding: 0 10px;

	}



	.logos {

		margin-right: 0;

	}



	#nav {

		font-size: 14px;

	}



	#main {

		padding: 0 0 40px;

	}



	.slideshow {

		margin: 0 0 20px;

	}



	.slideshow .slide {

		padding: 10px 0;

	}



	.slideshow .slide .txt {

		left: 10px;

		right: 10px;

	}



	.title-page {

		font-size: 24px;

	}



	.title-page .txt {

		padding: 0 5% 6px;

	}



	.posts .txt {

		font-size: 11px;

	}



	.posts article.article-alt h2 {

		font-size: 24px;

	}



	.posts article.weather .info {

		font-size: 11px;

		right: 74%;

		margin-left: -40%;

	}



	.posts h2 {

		font-size: 15px;

	}



	.content .cols {

		padding: 0 0 24px 4%;

	}



	.content .content-block .txt {

		padding: 0 3% 0 4%;

	}



	.content .add-info {

		font-size: 13px;

	}



	.top-box {

		padding: 0 1.4% 27px 4%;

	}



	.section-download {

		padding: 20px 4% 0;

	}



	.bottom-section,

	.section-posts {

		margin-bottom: -40px;

	}



	.featured .col {

		font-size: 11px;

	}



	#footer {

		font-size: 12px;

	}



	#footer .holder {

		padding: 7px 0 10px;

		font-size: 12px;

	}



	#footer aside:first-child {

		/* float: none; */

		/* width: auto; */

		padding-bottom: 15px;

	}



	#footer address span {

		margin-bottom: 5px;

	}

}



@media all and (min-width: 766px) and (max-width: 810px) {

	.gallery .slide {

		width: 50% !important;

	}



	.gallery .btn-next {

		right: -151px;

	}



	.gallery .btn-next span {

		right: 91px;

	}

}


@media all and (min-width: 767px) and (max-width: 1023px) {
	.posts h2 {
		font-size: 16px;
	}
	.posts article.home-image .info {
		font-size:11px;
		right:66%;
		margin-left:-40%;
	}
	#wrapper {

		padding-top: 121px;

	}



	#header {

		padding: 40px 0;

	}



	.slideshow .slide .img {

		max-height: 450px;

	}



	.slideshow .slide .txt {

		font-size: 20px;

	}



	.slideshow .slide .txt .holder {

		max-width: 750px;

		padding: 22px 80px;

	}



	.slideshow .slide .txt .holder .frame {

		width: 86%;

	}



	.slideshow h1 {

		font-size: 80px;

	}



	.sub-pages .row:first-child:before {

		width: 450px;

	}



	.sub-pages .row:first-child:after {

		width: 340px;

	}



	.sub-pages .row:first-child article {

		margin-left: 9.5%;

	}



	.visual .img {

		height: 400px;

	}



	.featured .col {

		-webkit-transform: skewX(-40deg) skewY(0deg);

		-ms-transform: skewX(-40deg) skewY(0deg);

		transform: skewX(-40deg) skewY(0deg);

	}



	.featured article .img .img-holder,

	.featured .txt {

		-webkit-transform: skewX(40deg) skewY(0deg);

		-ms-transform: skewX(40deg) skewY(0deg);

		transform: skewX(40deg) skewY(0deg);

	}



	#footer aside {

		/* width: 33.33%; */

		width: 25%;

	}



	#footer aside:first-child {

		width: auto; 

		width: 25%;

	}

	

	#footer h2 {

		font-size: 12px;

	}

}



@media all and (min-width: 811px) and (max-width: 990px) {

	.gallery .btn-next {

		right: -130px;

	}



	.gallery .btn-next span {

		right: 69px;

	}

}



@media all and (min-width: 1024px) and (max-width: 1199px) {

	.featured .col:nth-child(3) {

		width: 53%;

		margin-right: -34%;

	}

}



@media only screen and (max-width: 767px) {

	.commentlist-item .commentlist-item {

		padding: 0;

	}
	#footer aside:first-child  {
		width: auto !important;
	}

}