/* HOME */



.col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}


@media (min-width: 768px) {
	.col-sm-4, .col-sm-6 { float: left;}
	.col-sm-4 {width: 33.33333333%;}
	.col-sm-6 {width: 50%;}
}

@media (min-width: 1200px) {
	.col-lg-4, .col-lg-8, .col-lg-12 { float: left;}
	.col-lg-4 { width: 33.33333333%;}
	.col-lg-8 { width: 66.66666667%;}
	.col-lg-12 {width: 100%;}
}


.brick {
	height: 400px;
	padding: 0;
	overflow: hidden;
	position: relative;
	background-size: cover;
	font-size: .85em;
	color: #3D3D3D;
	line-height: 16px;
}
.brick * { color: inherit;}
.brick a:hover {
    color: #20B650;
    text-decoration: none;
}
@media screen and (max-width: 436px) {
	.brick {
		height: 200px;
		margin:0 5px;
	}
}

/* DISCOUNT */
.main-content > article::first-child  { padding-top: 35px;}

.brick-static {
	height: 500px;
	/*padding-top:5px;*/
}
@media only screen and (max-width: 436px) {
	.brick-static {height: 300px;}
}

.brick-discount {
	position:absolute;
	top:25px;
	left:40px;
}
.icon-discount {font-size:200px;}
.text-discount {
	position:absolute;
	top:50px;
	left:50px;
	width: 100px;
	height:100px;

	text-align: center;
	color:#fff;
	text-transform: uppercase;
}
.tt-discount {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.2em;
}
.pr-discount {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.4em;
}
@media only screen and (max-width: 436px) {
	.brick-discount {
		top:15px;
		left:15px;
	}
	.icon-discount {font-size:150px;}
	.text-discount {top:35px;left:45px;width: 60px;}
	.tt-discount {font-size: 16px;}
}



/* BOX TEXT */

.brick.content-left { background-position: left center; }
.brick.content-left .brick-main { float: left; }
.brick.content-right { background-position: right center; }
.brick.content-right .brick-main { float: right; }

.brick.bg_base {
	background-color: #fff;
	border:2.5px solid #f1f3f5;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	/*border-radius:25px;*/
}


/* Bricks overlay */
.brick.dark-overlay:before,
.brick.light-overlay:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.brick.dark-overlay.content-left:before {
    background: -moz-linear-gradient(bottom left, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom left, rgba(0,0,0,0.5) 33%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom right, rgba(0,0,0,0.5) 33%,rgba(0,0,0,0) 100%);
}

.brick.dark-overlay.content-right:before {
    background: -moz-linear-gradient(bottom right, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom right, rgba(0,0,0,0.5) 33%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom left, rgba(0,0,0,0.5) 33%,rgba(0,0,0,0) 100%);
}

.brick.light-overlay.content-left:before {
    background: -moz-linear-gradient(bottom left, rgba(255,255,255,0.66) 33%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom left, rgba(255,255,255,0.66) 33%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom right, rgba(255,255,255,0.66) 33%,rgba(255,255,255,0) 100%);
}

.brick.light-overlay.content-right:before {
    background: -moz-linear-gradient(bottom right, rgba(255,255,255,0.66) 33%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0.66) 33%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom left, rgba(255,255,255,0.66) 33%,rgba(255,255,255,0) 100%);
}


.brick .brick-main {
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 100;
	float: left;
}
/*
@media screen and (max-width: 400px) {
	.brick .brick-main { padding: 30px; }
}
*/
@media screen and (max-width: 1100px) {
	.brick .brick-main, .brick .brick-attachment {
		width: 100%;
	}
}

.brick .brick-main > *:not(.post-share):not(.post-more) { padding-top: 20px;}
.brick .brick-main > *:first-child { padding-top: 35px;}

@media only screen and (max-width: 436px) {
    .brick .brick-main > *:not(.post-share):not(.post-more) { padding-top: 10px;}
    .brick .brick-main > *:first-child { padding-top: 20px;}
}


.brick .post-taxonomies { padding: 0 40px;}
@media only screen and (max-width: 436px) {.brick .post-taxonomies { padding: 0 20px;}}

.brick .post-date,
.brick .post-terms {
	padding-left: 0;
	display: block;
}

.brick .post-terms {
	font-weight: bold;
	text-transform: uppercase;
}
.brick .post-icon {
	display: block;
	position: absolute;
	top: 40px;
	right: 20px;
	background-color:red;
}


/***********
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-2x {
font-size: 2em;
}

***************/



.brick .post-title { display: block; padding: 0 40px;}
@media only screen and (max-width: 436px) {
	.brick .post-title {
		padding: 0 20px;
	}
}

.brick .post-title h1 {
	font-size: 32px;
	font-weight: bold;
	line-height: 34px;
	text-transform: uppercase;
	font-family: 'roboto';
	font-weight: 900;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
@media only screen and (max-width: 436px) {
	.brick .post-title h1 {
		font-size: 26px;
		-webkit-line-clamp: 2;
		line-height: 26px;
	}
}

.brick .post-text {
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 18px;
	padding: 0 40px;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
@media screen and (min-width: 1200px) {
	.brick .post-text  {
		font-size: 18px;
		letter-spacing: 0.5px;
		line-height: 21px;
	}
}
@media only screen and (max-width: 436px) {
	.brick .post-text {
		font-size: 14px;
		line-height: 16px;
		padding: 0 20px;
		-webkit-line-clamp: 2;
	}
}



/* SOCIAL */

.post-share {
    margin: 0;
    position: absolute;
    bottom: 16px;
    left: 40px;
 /*   width:250px;*/
    z-index:999;
}
@media screen and (max-width: 500px) {
	.post-share {
        left: 10px;
    }
}

.post-share li,
.post-share li ul {
	display: inline-block;
/*	width: 30px;*/
	text-align: center;
	position: relative;
	float: left;
	cursor: pointer;
}
.post-share li i {
	font-size: 45px;
	font-family: 'icomoon' !important;
	vertical-align: middle;
	padding-right: 3px;
}
.share-content {
	padding: 0px 12px;
	display: inline-block;
	background-color: rgb(229, 229, 229, 0.9);
	border-radius: 25px;
}
.share-content:hover {background-color: #dfe4e7;}

.post-share li.share  {
	display:inline;
}
.post-share li.share a {
	text-decoration:none;
	padding:0;
}




/* MORE */

.post-more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
	z-index:998;
}
.post-more a {
	/*color:#435a67;*/
	padding:10px 25px;
	display:inline-block;
	background-color: rgb(229, 229, 229, 0.4);
    border-radius: 25px;
}
.post-more a:hover {
	color:#052335;
    background-color: #dfe4e7;
    border-radius: 25px;
}
@media only screen and (max-width: 436px) {
	.post-more a {
		padding:10px 12px;
		font-size:12px;
	}
}



/* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞
	SLIDE
∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */




.cb-slideshow,
.cb-slideshow:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;

    z-index: 0;
}
.cb-slideshow:after {
    content: '';
}
.cb-slideshow li .slide-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;

    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;

    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*border-radius: 25px;*/
}
.cb-slideshow li .slide-text  {
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 0px;

    z-index: 10000;

    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li .slide-text h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px;
}
.cb-slideshow li:nth-child(1) .slide-img {
    background-image: url('../img/home/img-0.jpg')
}
.cb-slideshow li:nth-child(2) .slide-img {
    background-image: url('../img/home/img-1.jpg');
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) .slide-img {
    background-image: url('../img/home/img-2.jpg');
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) .slide-img {
    background-image: url('../img/home/img-3.jpg');
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) .slide-img {
    background-image: url('../img/home/img-4.jpg');
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) .slide-img {
    background-image: url('../img/home/img-5.jpg');
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}


.brick-discount {
	z-index: 10000;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}

.post-share,
.post-more { z-index: 11000; }


.cb-slideshow li:nth-child(2) .slide-text,
.cb-slideshow li:nth-child(2) .brick-discount {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) .slide-text,
.cb-slideshow li:nth-child(3) .brick-discount {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) .slide-text,
.cb-slideshow li:nth-child(4) .brick-discount {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) .slide-text,
.cb-slideshow li:nth-child(5) .brick-discount {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) .slide-text,
.cb-slideshow li:nth-child(6) .brick-discount {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation {
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation {
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation {
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation {
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation {
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li .slide-img {
	opacity: 1;
}

@media screen and (max-width: 1140px) {
    .cb-slideshow li .slide-text h3 { font-size: 140px }
}
@media screen and (max-width: 600px) {
    .cb-slideshow li .slide-text h3 { font-size: 80px }
}