/*
THEME NAME: Thema
THEME URI: http://thema.nl/
DESCRIPTION: Een Thema gemaakt voor ...
VERSION: 1.0
AUTHOR: Auteur
AUTHOR URI: http://www.thema.nl/
TAGS: 
*/

@font-face { font-family: 'Quicksand_Regular'; src: url('../inc/webfont/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/Quicksand-Regular.woff') format('woff'), url('../inc/webfont/Quicksand-Regular.ttf')  format('truetype'), url('../inc/webfont/Quicksand-Regular.svg#Quicksand-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Quicksand_Light'; src: url('../inc/webfont/Quicksand-Light.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/Quicksand-Light.woff') format('woff'), url('../inc/webfont/Quicksand-Light.ttf')  format('truetype'), url('../inc/webfont/Quicksand-Light.svg#Quicksand-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Quicksand_Bold'; src: url('../inc/webfont/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/Quicksand-Bold.woff') format('woff'), url('../inc/webfont/Quicksand-Bold.ttf')  format('truetype'), url('../inc/webfont/Quicksand-Bold.svg#Quicksand-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Playfair_Regular'; src: url('../inc/webfont/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/PlayfairDisplay-Regular.woff') format('woff'), url('../inc/webfont/PlayfairDisplay-Regular.ttf')  format('truetype'), url('../inc/webfont/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Playfair_Italic'; src: url('../inc/webfont/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/PlayfairDisplay-Italic.woff') format('woff'), url('../inc/webfont/PlayfairDisplay-Italic.ttf')  format('truetype'), url('../inc/webfont/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Playfair_BoldItalic'; src: url('../inc/webfont/PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/PlayfairDisplay-BoldItalic.woff') format('woff'), url('../inc/webfont/PlayfairDisplay-BoldItalic.ttf')  format('truetype'), url('../inc/webfont/PlayfairDisplay-BoldItalic.svg#PlayfairDisplay-BoldItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Playfair_Bold'; src: url('../inc/webfont/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/PlayfairDisplay-Bold.woff') format('woff'), url('../inc/webfont/PlayfairDisplay-Bold.ttf')  format('truetype'), url('../inc/webfont/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Playfair_BlackItalic'; src: url('../inc/webfont/PlayfairDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/PlayfairDisplay-BlackItalic.woff') format('woff'), url('../inc/webfont/PlayfairDisplay-BlackItalic.ttf')  format('truetype'), url('../inc/webfont/PlayfairDisplay-BlackItalic.svg#PlayfairDisplay-BlackItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Playfair_Black'; src: url('../inc/webfont/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),  url('../inc/webfont/PlayfairDisplay-Black.woff') format('woff'), url('../inc/webfont/PlayfairDisplay-Black.ttf')  format('truetype'), url('../inc/webfont/PlayfairDisplay-Black.svg#PlayfairDisplay-Black') format('svg'); font-weight: normal; font-style: normal; }

@media (min-width: 1800px) {
  section .container-fluid, {
    overflow-x: auto;
}
  footer .container-fluid {
    max-width: 1770px;
	width:100%;
  }
}


/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Shows the reCAPTCHA on the Contact page */
/* Obviously change the page number to your own */
.page-id-16 .grecaptcha-badge,
.page-id-1643 .grecaptcha-badge {
    visibility: visible !important;
}



.container-fluid .col-xs-1, .container-fluid .container-fluid .col-sm-1, .container-fluid .col-md-1, .container-fluid .col-lg-1, .container-fluid .col-xs-2, .container-fluid .col-sm-2, .container-fluid .col-md-2, .container-fluid .col-lg-2, .container-fluid .col-xs-3, .container-fluid .col-sm-3, .container-fluid .col-md-3, .container-fluid .col-lg-3, .container-fluid .col-xs-4, .container-fluid .col-sm-4, .container-fluid .col-md-4, .container-fluid .col-lg-4, .container-fluid .col-xs-5, .container-fluid .col-sm-5, .container-fluid .col-md-5, .container-fluid .col-lg-5, .container-fluid .col-xs-6, .container-fluid .col-sm-6, .container-fluid .col-md-6, .container-fluid .col-lg-6, .container-fluid .col-xs-7, .container-fluid .col-sm-7, .container-fluid .col-md-7, .container-fluid .col-lg-7, .container-fluid .col-xs-8, .container-fluid .col-sm-8, .container-fluid .col-md-8, .container-fluid .col-lg-8, .container-fluid .col-xs-9, .container-fluid .col-sm-9, .container-fluid .col-md-9, .container-fluid .col-lg-9, .container-fluid .col-xs-10, .container-fluid .col-sm-10, .container-fluid .col-md-10, .container-fluid .col-lg-10, .container-fluid .col-xs-11, .container-fluid .col-sm-11, .container-fluid .col-md-11, .container-fluid .col-lg-11, .container-fluid .col-xs-12, .container-fluid .col-sm-12, .container-fluid .col-md-12, .container-fluid .col-lg-12 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; } 

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } }

.col-xs-17, .col-sm-17, .col-md-17, .col-lg-17 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-17 { width: 14.28%; float: left; } @media (min-width: 768px) { .col-sm-17 { width: 14.28%; float: left; } } @media (min-width: 992px) { .col-md-17 { width: 14.28%; float: left; } } @media (min-width: 1200px) { .col-lg-17 { width: 14.28%; float: left; } }


html, body { font-family: 'Quicksand_Regular'; color: #0b0c10; font-size: 14px; background-color: #fff; }
h1 { font-family: 'Playfair_Regular'; font-size: 48px; color: #0b0c10; padding-bottom: 10px; }

@media screen and (max-width: 768px) {
	h1 { font-size: 32px; }
}


h1.big { font-size: 42px; }

h2 { font-family: 'Playfair_Regular'; font-size: 28px; color: #0b0c10; padding-bottom: 10px; }
h2.uppercase { text-transform: uppercase; }
h2.small { font-size: 24px; }

@media screen and (max-width: 768px) {
	h2.small { font-size: 22px; }
}

h2.big { font-size: 48px; }
h2.white { color: #fff; }
h2.quicksand { font-family: 'Quicksand_Regular'; }

h3 { font-family: 'Quicksand_Bold'; font-size: 14px; color: #0b0c10; text-transform: uppercase; padding-bottom: 15px; }
h3.underline { margin-top: 20px; border-bottom: 1px solid #c53640; display: inline-block; padding-bottom: 2px; margin-bottom: 10px; }

a { color: #c53640;  }
a:hover, a:focus { color: #c53640; text-decoration: none; }

p { font-family: 'Quicksand_Regular'; font-size: 14px; color: #0b0c10; }
p.white { color: #fff; }

strong { font-family: 'Quicksand_Bold'; }
 em { font-family: 'Quicksand_Regular';  } /* !important PART EDITED CHIARA */
.image img { height: auto; width: 100%; }
.image > div { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #414042;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #414042;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #414042;
}
:-moz-placeholder { /* Firefox 18- */
  color: #414042;
}

.responsive_width,
.responsive_width_bigger { height: 1px; }

.paddingtop { padding-top: 7px; }
.paddingbottom { padding-bottom: 7px; }
.paddingtopbottom { padding: 7px 0; }
.row .paddingleft { padding-left: 7px; }
.row .paddingright { padding-right: 7px; }
.row .paddingleftright { padding: 0 7px; }

.marginbottom30 { margin-bottom: 30px; }
.margintop30 { margin-top: 30px; }


.more-link { font-family: 'Quicksand_Regular'; color: #c53640; font-size: 16px; text-transform: uppercase; display: block; padding-top: 15px; }


header .header-logo { position: absolute; left: 50px; top: 50px; }
header .header-logo img { width: 360px; }

header .header-menu { position: absolute; left: 0; right: 0; bottom: 50px; margin: 0 auto; text-align: center; width: 100%; padding: 10px 0; background-color: rgba(255, 255, 255, 0.8); }

header .header-menu .language { position: absolute; right: 160px; top: 8px; }

header .header-menu .social { position: absolute; right: 0; top: -10px; }
header .header-menu .social a { margin-left: -20px; }
header .header-menu .social a:last-child { margin-right: 20px;}


header ul li { display: inline; padding: 30px 20px; }
header ul li a { text-transform: uppercase; font-size: 13px; color: #0b0c10; }
header ul li a:hover,
header ul li a:focus,
header ul li.current-menu-item a,
header ul li.current-page-ancestor a { font-family: 'Quicksand_Bold'; color: #c53640; }

header ul li.lang-item { padding-right: 0; }


section .intro { padding: 30px 0; text-align: center; }
section .intro h2 { font-size: 48px; }
section .intro span.extra-link-left { display: inline-block; padding-right: 10px; }
section .intro span.extra-link-right { display: inline-block; padding-left: 10px; }

/* 

CONTACTGROUP 

*/

.contactgroup .find-a-shop { padding-right: 7px; padding-top: 7px; }
.contactgroup .find-a-shop .background { display: table; text-align: center; width: 100%; height: 250px !important; background: url(../images/find-job-background.png) repeat; }
.contactgroup .find-a-shop .find-a-shop-image { display: table-cell; vertical-align: middle; }
.contactgroup .sell { padding-left: 7px; padding-right: 7px; padding-top: 7px; }
.contactgroup .sell .background { display: table; text-align: center; width: 100%; height: 250px !important; background-color: #9c9e9f; }
.contactgroup .sell .background .alignment { display: table-cell; vertical-align: middle; }
.contactgroup .sell .background .alignment p { padding: 0 20px; }
.contactgroup .sell .background .alignment .title { font-size: 28px; font-family: 'Playfair_Regular'; color: #fff; }
.contactgroup .sell .background .alignment .contact { font-family: 'Quicksand_Regular'; font-size: 14px; text-transform: uppercase; color: #b1212c; }
.contactgroup .sell .background .alignment .phone .phoneimage { position: relative; top: -7px; }
.contactgroup .sell .background .alignment .phone .phonetext { display: block; color: #fff; font-size: 12px; position: relative; top: -27px; }
.contactgroup .sell .background .alignment .email .emailimage { position: relative; top: -15px; }
.contactgroup .sell .background .alignment .email a.emailtext:hover,
.contactgroup .sell .background .alignment .email a.emailtext:focus { text-decoration: none; }
.contactgroup .sell .background .alignment .email a.emailtext span { display: block; color: #fff; font-size: 12px; position: relative; top: -28px; }
.contactgroup .contact { padding-left: 7px; padding-top: 7px; }
.contactgroup .contact a:hover,
.contactgroup .contact a:focus { text-decoration: none; }
.contactgroup .contact .background { display: table; text-align: center; width: 100%; height: 250px !important; background-color: #f3f3f3; }
.contactgroup .contact .background .title { display: table-cell; vertical-align: middle; font-size: 28px; font-family: 'Playfair_Regular'; color: #1e1d1f; } 
.contactgroup .contact .background .link { font-family: 'Quicksand_Regular'; font-size: 14px; text-transform: uppercase; color: #b1212c; } 

@media screen and (max-width: 1200px) {
	.contactgroup .find-a-shop { padding-right: 0; padding-top: 14px; }
	.contactgroup .sell { padding-left: 0; padding-right: 0; padding-top: 14px; }
	.contactgroup .contact { padding-left: 0; padding-top: 14px; }
}
@media screen and (max-width: 768px) {
	
}

/* 

NEWS & EVENTS TEMPLATE 

*/

.newsevents-row { margin-bottom: 7px; }
.newsevents-row h2 { font-size: 24px; }
.newsevents-row .first-element { padding-bottom: 7px; }
.newsevents-row .first-element .image > div { max-width: 100%; height: 225px; }	
.newsevents-row .second-element { padding-bottom: 7px; padding-right: 7px; }
.newsevents-row .second-element .background { background-color: #e8d3bc; height: 225px; margin-top: 0; padding: 15px; }
.newsevents-row .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 5px; padding-right: 5px; }
.newsevents-row .second-element .background .content .arrow-left { position: absolute; top: 50%; left: -35px; margin-top: -20px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #e8d3bc transparent transparent; z-index: 99999; }
.newsevents-row .third-element { padding-top: 7px; padding-right: 7px; }
.newsevents-row .third-element .image > div { max-width: 100%; height: 225px; padding-bottom: 20px; }
.newsevents-row .fourth-element { padding-top: 7px; }
.newsevents-row .fourth-element .background { background-color: #e8d3bc; height: 225px; margin-top: 0; padding: 15px; padding-bottom: 35px; }
.newsevents-row .fourth-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 5px; padding-right: 5px; }
.newsevents-row .fourth-element .background .content .arrow-right { position: absolute; top: 50%; right: -35px; margin-top: -20px; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #e8d3bc; z-index: 999; }
.newsevents-row .fifth-element { padding-left: 7px; padding-right: 7px; }
.newsevents-row .fifth-element .background { height: 212px; background-color: #e9e9e9; }
.newsevents-row .fifth-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
.newsevents-row .fifth-element .image > div { max-width: 100%; height: 252px; padding-bottom: 20px; }
.newsevents-row .fifth-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
.newsevents-row .fifth-element .image .arrow-bottom:before,
.newsevents-row .fifth-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }
.newsevents-row .fifth-element .image .arrow-bottom:before { right: 50%; border-bottom: 20px solid #e9e9e9; border-right: 20px solid transparent; }
.newsevents-row .fifth-element .image .arrow-bottom:after { left: 50%; border-bottom: 20px solid #e9e9e9; border-left: 20px solid transparent; }
.newsevents-row .sixth-element { padding-left: 7px; }
.newsevents-row .sixth-element .background { height: 212px; background-color: #e9e9e9; }
.newsevents-row .sixth-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
.newsevents-row .sixth-element .image > div { max-width: 100%; height: 252px;  padding-bottom: 20px; }
.newsevents-row .sixth-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
.newsevents-row .sixth-element .image .arrow-bottom:before,
.newsevents-row .sixth-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }
.newsevents-row .sixth-element .image .arrow-bottom:before { right: 50%; border-bottom: 20px solid #e9e9e9; border-right: 20px solid transparent; }
.newsevents-row .sixth-element .image .arrow-bottom:after { left: 50%; border-bottom: 20px solid #e9e9e9; border-left: 20px solid transparent; }

@media screen and (max-width: 1200px) {
	.newsevents-row .second-element { padding-right: 0; }
	.newsevents-row .third-element { padding-right: 0; padding-bottom: 7px; }
	.newsevents-row .fifth-element { padding-left: 0; padding-top: 7px; }
	.newsevents-row .sixth-element { padding-top: 7px; }
}

@media screen and (max-width: 768px) {
	.newsevents-row .first-element { padding: 0; }
	.newsevents-row .third-element { padding-bottom: 0; }
	.newsevents-row .fourth-element { padding: 0; padding-bottom: 7px; }
	.newsevents-row .fifth-element { padding-right: 0; padding-bottom: 7px; }
	.newsevents-row .sixth-element { padding-left: 0; }
	.newsevents-row .fourth-element .background .content .arrow-right,
	.newsevents-row .second-element .background .content .arrow-left { display: none; }
}

/* 

SURPRISE UNDER YOUR CHRISTMAS TREE TEMPLATE 

*/

.surprise-first-row { padding: 7px 0; }
.surprise-first-row .first-element { padding-right: 7px; }
.surprise-first-row .first-element .image > div { width: 100%; height: 450px; }
.surprise-first-row .second-element { padding: 0 7px; }
.surprise-first-row .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
.surprise-first-row .second-element .image > div { max-width: 100%; height: 245px;  }
.surprise-first-row .second-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
.surprise-first-row .second-element .image .arrow-bottom:before,
.surprise-first-row .second-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }
.surprise-first-row .third-element { padding-left: 7px; }
.surprise-first-row .third-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
.surprise-first-row .third-element .image > div { max-width: 100%; height: 245px;  }
.surprise-first-row .third-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
.surprise-first-row .third-element .image .arrow-bottom:before,
.surprise-first-row .third-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }
.surprise-second-row { padding: 7px 0; }
.surprise-second-row .first-element { padding-right: 7px; }
.surprise-second-row .first-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
.surprise-second-row .first-element .image > div { max-width: 100%; height: 245px;  }
.surprise-second-row .first-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
.surprise-second-row .first-element .image .arrow-bottom:before,
.surprise-second-row .first-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }
.surprise-second-row .second-element { padding: 0 7px; }
.surprise-second-row .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
.surprise-second-row .second-element .image > div { max-width: 100%; height: 245px;  }
.surprise-second-row .second-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
.surprise-second-row .second-element .image .arrow-bottom:before,
.surprise-second-row .second-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }
.surprise-second-row .third-element { padding-left: 7px; }
.surprise-second-row .third-element .image > div { max-width: 100%; height: 450px; }

@media screen and (max-width: 1200px) {
	.surprise-first-row .first-element { padding-right: 0; padding-bottom: 14px; }
	.surprise-first-row .second-element { padding: 0; padding-right: 7px; }
	.surprise-second-row .second-element { padding: 0; padding-left: 7px; }
	.surprise-second-row .third-element { padding-left: 0px; padding-top: 14px; }
}

@media screen and (max-width: 768px) {
	.surprise-first-row .second-element { padding: 0; padding-bottom: 7px; }
	.surprise-first-row .third-element { padding: 0; padding-top: 7px; }
	.surprise-second-row .first-element { padding: 0; padding-bottom: 7px; }
	.surprise-second-row .second-element { padding: 0; padding-top: 7px; }
}




.share h3 { color: #B1212C; }
.share img { position: relative; left: -15px; margin-right: -15px; margin-top: -15px; width: 60px; height: 60px; }

section.posts .share { margin-top: 30px; }

/* 
	
FRONTPAGE

*/


/* DE */
section.frontpage .second-row.de figure img,
section.frontpage .second-row.de figure:hover img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
section.frontpage .second-row.de figure img { width: 100%; height: auto; }
section.frontpage .second-row.de figure:hover img { width: 100%; height: 100%; opacity: 0.3; }
section.frontpage .second-row.de figure span { display: none; position: absolute; top: 40%; left: 0; right: 0; padding: 15px 5px; }
section.frontpage .second-row.de figure:hover span { display: block; color: #0b0c10; font-family: 'Quicksand_Bold'; text-transform: uppercase; text-align: center; }



section.frontpage .second-row { padding-bottom: 7px; }
section.frontpage .second-row .home-slider figure img,
section.frontpage .second-row .home-slider figure:hover img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
section.frontpage .second-row .home-slider figure img { width: 100%; height: auto; }
section.frontpage .second-row .home-slider figure:hover img { width: 100%; height: 100%; opacity: 0.3; }
section.frontpage .second-row .home-slider figure span { display: none; position: absolute; top: 40%; left: 0; right: 0; padding: 15px 5px; }
section.frontpage .second-row .home-slider figure:hover span { display: block; color: #0b0c10; font-family: 'Quicksand_Bold'; text-transform: uppercase; text-align: center; }
section.frontpage .second-row .prevslide, .nextslide { position: relative; cursor: pointer; }
section.frontpage .second-row .prevslide i, .nextslide i { position: absolute; z-index: 10000; font-size: 60px; color: #323133; }
section.frontpage .second-row .prevslide i { left: 10px; }
section.frontpage .second-row .nextslide i { right: 10px; }
section.frontpage .second-row .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
section.frontpage .second-row .bx-wrapper img { max-width: 100%; display: block; }
section.frontpage .second-row .bx-wrapper .bx-viewport { left: 0; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
section.frontpage .second-row .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
section.frontpage .second-row .bx-wrapper .bx-prev { position: absolute; left: 0; top: 16px !important; width: 40px !important; height: 100% !important; background-color: rgba(255, 255, 255, 0.7); }
section.frontpage .second-row .bx-wrapper .bx-next { position: absolute; right: 0; top: 16px !important; width: 40px !important; height: 100% !important; background-color: rgba(255, 255, 255, 0.7); }
section.frontpage .second-row .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
section.frontpage .second-row .bx-wrapper .bx-controls-direction a.disabled { display: none; }

section.frontpage .third-row { padding: 7px 0; }
section.frontpage .third-row .first-element { padding-right: 7px; }
section.frontpage .third-row .first-element .background { height: 450px; background: url(../images/find-job-background.png) repeat; }
section.frontpage .third-row .first-element .background .content {display: block; position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; padding-left: 30px; padding-right: 30px; }
section.frontpage .third-row .second-element .image { margin-right: -20px; padding-left: 7px; }
section.frontpage .third-row .second-element .image > div { max-width: 100%; height: 450px; }

section.frontpage .fourth-row { padding: 7px 0; }
section.frontpage .fourth-row .first-element .image { padding-right: 7px; padding-bottom: 7px; }
section.frontpage .fourth-row .first-element .image > div { height: 450px; }
section.frontpage .fourth-row .second-element { padding-bottom: 7px; }
section.frontpage .fourth-row .second-element .background { height: 450px; background-color: #fff; }
section.frontpage .fourth-row .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; padding-left: 30px; padding-right: 30px; }
section.frontpage .fourth-row .third-element .image > div { max-width: 100%; }
section.frontpage .fourth-row .third-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
section.frontpage .fourth-row .third-element .image .arrow-bottom:before,
section.frontpage .fourth-row .third-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }



section.frontpage .fourth-row .third-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; padding-bottom: 7px; }
section.frontpage .fourth-row .fourth-element { padding-right: 7px; }
section.frontpage .fourth-row .fourth-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.frontpage .fourth-row .fourth-element .image { padding-top: 7px; }
section.frontpage .fourth-row .fourth-element .image > div { max-width: 100%; height: 245px;  }
section.frontpage .fourth-row .fourth-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
section.frontpage .fourth-row .fourth-element .image .arrow-bottom:before,
section.frontpage .fourth-row .fourth-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }



section.frontpage .fourth-row .fifth-element { margin-top: 7px; padding-left: 7px; }
section.frontpage .fourth-row .fifth-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.frontpage .fourth-row .sixt-element { margin-top: 7px; }
section.frontpage .fourth-row .sixt-element .image { margin-left: -20px; }
section.frontpage .fourth-row .sixt-element .image > div { max-width: 100%; height: 450px; }
section.frontpage .fourth-row .sixt-element .image .arrow-right { position: absolute; top: 0; left: -20px; width: 0; height: 100%; }
section.frontpage .fourth-row .sixt-element .image .arrow-right:before,
section.frontpage .fourth-row .sixt-element .image .arrow-right:after { content: ''; position: absolute; left: 100%; height: 50%; box-sizing: border-box; }




@media screen and (max-width: 1200px) {
	section.frontpage .fourth-row .third-element { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; }
	section.frontpage .fourth-row .fourth-element { padding: 0; padding-left: 7px; padding-bottom: 7px; }
	section.frontpage .fourth-row .fifth-element { padding-left: 0; }
}

@media screen and (max-width: 992px) {
	section.frontpage .fourth-row .first-element .image { padding-right: 0; }
}

@media screen and (max-width: 768px) {
	section.frontpage .fourth-row .third-element { padding-right: 0; }
	section.frontpage .fourth-row .fourth-element { padding-left: 0; }	
	section.frontpage .fourth-row .fifth-element .background { margin-right: 0; }
	section.frontpage .fourth-row .sixt-element { margin-top: 0; }
}

section.frontpage .ninth-row .first-element { padding-top: 7px; }
section.frontpage .ninth-row .first-element .background { text-align: center; width: 100%; height: 450px; background: url(../images/contact-tree-background.jpg) repeat; }
section.frontpage .ninth-row .first-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.frontpage .ninth-row .second-element { padding-top: 7px; }
section.frontpage .ninth-row .second-element .background { text-align: center; width: 100%; height: 225px; background-color: #fff; }
section.frontpage .ninth-row .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.frontpage .ninth-row .second-element .image > div { max-width: 100%; height: 225px; }

@media screen and (max-width: 768px) {
	section.frontpage .ninth-row .second-element .background { height: 450px !important; }
}

/* 
Skirts page css
*/
	
section.skirts-page img { max-width: 100%; height: auto; }
section.skirts-page h2 { font-family: 'Quicksand_Regular'; font-size: 22px; }

section.skirts-page .intro { padding: 30px 0 0; margin-bottom: -70px; text-align: center; }
section.skirts-page .intro h1 { text-transform: uppercase; margin-bottom: 50px; }
section.skirts-page .intro h2 { margin-top: -50px; margin-bottom: 20px; }
section.skirts-page .intro .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
section.skirts-page .intro .bx-wrapper img { max-width: 100%; display: block; }
section.skirts-page .intro .bx-wrapper .bx-viewport { background: transparent; left: 0; right: 0; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
section.skirts-page .intro .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 999999; }
section.skirts-page .intro .slider-pager { position: relative; top: -100px; }
section.skirts-page .intro .slider-pager a { display: inline-block; width: 16%; }
section.skirts-page .intro .slider-pager a:hover,
section.skirts-page .intro .slider-pager a:focus { text-decoration: none; }
section.skirts-page .intro .slider-pager span { display: block; }

section.skirts-page .tecnical-specifications .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
section.skirts-page .tecnical-specifications .bx-wrapper img { max-width: 100%; display: block; }
section.skirts-page .tecnical-specifications .bx-wrapper .bx-viewport { background: transparent; left: 0; right: 0; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
section.skirts-page .tecnical-specifications .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 999999; }


section.skirts-page .benefits { padding: 20px 0 50px; }
section.skirts-page .benefits .title { text-align: center; margin-bottom: 30px; text-transform: uppercase; }
section.skirts-page .benefits .alignments { text-align: center; }
section.skirts-page .benefits .alignments .content .image { text-align: center; height: 60px; }
section.skirts-page .benefits .alignments .content img { max-height: 60px; width: auto; }
section.skirts-page .benefits .alignments .content span { display: block; margin-top: 10px; }


section.skirts-page .image-section { padding: 7px 0; }
section.skirts-page .image-section .first-element { padding-right: 7px; }
section.skirts-page .image-section .first-element .image > div { width: 100%; height: 450px; }
section.skirts-page .image-section .second-element { padding: 0 7px; }
section.skirts-page .image-section .second-element .background { height: 205px; }
section.skirts-page .image-section .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.skirts-page .image-section .second-element .background .content h3 { font-size: 28px; text-transform: none; }
section.skirts-page .image-section .second-element .background .text-wrap-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px; bottom: -29px; left: 0; right: 0; margin: 0 auto; z-index: 2000; }
section.skirts-page .image-section .second-element .image > div { max-width: 100%; height: 245px;  }

section.skirts-page .image-section .third-element { padding-left: 7px; }
section.skirts-page .image-section .third-element .image > div { max-width: 100%; height: 245px;  }
section.skirts-page .image-section .third-element .background { height: 205px; }
section.skirts-page .image-section .third-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.skirts-page .image-section .third-element .background .content h3 { font-size: 28px; text-transform: none; }
section.skirts-page .image-section .third-element .background .text-wrap-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-width: 0px 30px 30px 30px; top: -29px; left: 0; right: 0; margin: 0 auto; z-index: 2000; }

section.skirts-page .description { padding-bottom: 50px; }
section.skirts-page .description .content { margin-bottom: 50px; }
section.skirts-page .description .content h2 { font-size: 28px; text-transform: uppercase; margin-bottom: 20px; }

section.skirts-page .tecnical-specifications table tbody tr td { padding-right: 10px; }
section.skirts-page .tecnical-specifications h3 { padding-top: 10px; font-family: 'Quicksand_Regular'; }
section.skirts-page .tecnical-specifications a { display: block; padding-top: 50px; font-family: 'Quicksand_Bold'; font-size: 14px; text-transform: uppercase; color: #B1212C; text-decoration: none; }

section.skirts-page .productbox { padding: 7px; margin-top: 7px; }
section.skirts-page .productbox:nth-child(1) { padding-left: 7px; }
section.skirts-page .productbox:nth-child(3) { padding-right: 7px; }

section.skirts-page .productbox a:hover,
section.skirts-page .productbox a:focus { text-decoration: none; }

section.skirts-page .productbox .content { height: 200px; text-align: center; text-transform: uppercase; padding: 15px; }
section.skirts-page .productbox .content .image { position: relative; top: 10px; max-width: 250px; margin: 0 auto; padding: 0; }
	
section.skirts-page .productbox .content span { color: #c2363f; }

@media screen and (max-width: 1200px) {
	section.skirts-page .description .content,
	section.skirts-page .description .share,
	section.skirts-page .tecnical-specifications { padding: 0 30px; }
	section.skirts-page .tecnical-specifications a { margin-bottom: 30px;}
	
	section.skirts-page .image-section .first-element { padding-bottom: 14px; padding-right: 0; }
	section.skirts-page .image-section .second-element { padding: 0; padding-right: 7px; }
	
	section.skirts-page .benefits { margin-bottom: 80px; }
	section.skirts-page .benefits { padding: 20px 0; }
}

@media screen and (max-width: 992px) {
	section.skirts-page .productbox:nth-child(odd) { padding-left: 0; padding-right: 7px; }
	section.skirts-page .productbox:nth-child(even) { padding-right: 0; }
	
	section.skirts-page .benefits { margin-bottom: 0; }
	section.skirts-page .benefits .alignments .content { height: 150px; }
	section.skirts-page .benefits .alignments .content span { margin-bottom: 30px; }
}

@media screen and (max-width: 768px) {
	
	section.skirts-page .productbox:nth-child(odd) { padding: 7px 0; }
	section.skirts-page .productbox:nth-child(even) { padding: 7px 0; }
	
	section.skirts-page .image-section .second-element { padding: 0; }
	section.skirts-page .image-section .third-element { padding-left: 0; }
}


section.stands-page .image-section { padding: 7px 0; }
section.stands-page .image-section .first-element { padding-right: 7px; }
section.stands-page .image-section .first-element .image > div { width: 100%; height: 450px; }
section.stands-page .image-section .second-element { padding: 0 7px; }
section.stands-page .image-section .second-element .background { height: 205px; }
section.stands-page .image-section .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.stands-page .image-section .second-element .background .content h3 { font-size: 28px; text-transform: none; }
section.stands-page .image-section .second-element .background .text-wrap-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px; bottom: -29px; left: 0; right: 0; margin: 0 auto; z-index: 2000; }
section.stands-page .image-section .second-element .image > div { max-width: 100%; height: 245px;  }
section.stands-page .image-section .third-element { padding-left: 7px; }
section.stands-page .image-section .third-element .image > div { max-width: 100%; height: 245px;  }
section.stands-page .image-section .third-element .background { height: 205px; }
section.stands-page .image-section .third-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.stands-page .image-section .third-element .background .content h3 { font-size: 28px; text-transform: none; }
section.stands-page .image-section .third-element .background .text-wrap-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-width: 0px 30px 30px 30px; top: -29px; left: 0; right: 0; margin: 0 auto; z-index: 2000; }

section.stands-page .productbox { padding: 7px; }
section.stands-page .productbox:nth-child(1),
section.stands-page .productbox:nth-child(5),
section.stands-page .productbox:nth-child(8),
section.stands-page .productbox:nth-child(12) { padding-left: 0px; }
section.stands-page .productbox:nth-child(4),
section.stands-page .productbox:nth-child(7),
section.stands-page .productbox:nth-child(11),
section.stands-page .productbox:nth-child(15) { padding-right: 0px; }

.productpage .productbox { padding-bottom: 7px !important; padding-top: 0 !important; }
.productpage .productbox:nth-child(4) { padding-left: 14px; }

section.stands-page .productbox a:hover,
section.stands-page .productbox a:focus { text-decoration: none; }
section.stands-page .productbox .content { height: 200px; text-align: center; text-transform: uppercase; padding: 15px; }
section.stands-page .productbox .content .image { position: relative; top: 10px; max-width: 250px; margin: 0 auto; padding: 0; }
section.stands-page .productbox .content span { color: #c2363f; }

@media screen and (max-width: 1200px) {
	section.stands-page .image-section .first-element { padding-right: 0; }
	section.stands-page .image-section .second-element { padding: 0; padding-right: 7px; }

}
@media screen and (max-width: 992px) {
	section.stands-page .productbox:nth-child(odd) { padding-left: 0;  padding-right: 7px; }
	section.stands-page .productbox:nth-child(even) { padding-right: 0; }
	section.stands-page .productbox:nth-child(7) { padding-right: 7px; }
	section.stands-page .productbox:nth-child(8) { padding-left: 7px; }
	section.stands-page .productbox:nth-child(11) { padding-right: 7px; }
	section.stands-page .productbox:nth-child(12) { padding-left: 7px; }
	
	.productpage .productbox:nth-child(4) { padding-left: 7px; }
	
}
@media screen and (max-width: 768px) {
	section.stands-page .image-section .second-element { padding: 0; padding-bottom: 7px; }
	section.stands-page .image-section .third-element { padding: 0; padding-top: 7px; }
	

	section.stands-page .productbox:nth-child(odd),
	section.stands-page .productbox:nth-child(even) { padding: 7px 0; }

}

/* 

RETAILER

*/

section.retailer .first-row h2,
section.retailer .second-row h2 { text-transform: uppercase; font-size: 24px; }
section.retailer .first-row h3,
section.retailer .second-row h3 { padding-top:10px; border-bottom: 1px solid #c53640; display: inline-block; padding-bottom: 2px; margin-bottom: 10px; }
section.retailer .first-row p,
section.retailer .second-row p { margin-bottom: 30px; } 

section.retailer .first-row { padding: 7px 0; }
section.retailer .first-row .first-element .image { position: relative; margin-right: -20px; }
section.retailer .first-row .first-element .image > div { max-width: 100%; height: 450px; }
section.retailer .first-row .first-element .image .arrow-right { position: absolute; top: 0; right: 0; width: 0; height: 100%; }
section.retailer .first-row .first-element .image .arrow-right:before,
section.retailer .first-row .first-element .image .arrow-right:after { content: ''; position: absolute; right: 100%; height: 50%; box-sizing: border-box; }
section.retailer .first-row .first-element .image .arrow-right:before { top: 50%; border-right: 20px solid #f3f3f3; border-top: 20px solid transparent; }
section.retailer .first-row .first-element .image .arrow-right:after { bottom: 50%; border-right: 20px solid #f3f3f3; border-bottom: 20px solid transparent; }
section.retailer .first-row .second-element { padding-right: 7px; }
section.retailer .first-row .second-element .background { height: 450px; background-color: #f3f3f3; margin-left: 20px; }
section.retailer .first-row .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }

section.retailer .first-row .third-element { padding-left: 7px; }
section.retailer .first-row .third-element .image { position: relative; margin-right: -20px; }
section.retailer .first-row .third-element .image > div { max-width: 100%; height: 450px; }
section.retailer .first-row .third-element .image .arrow-right { position: absolute; top: 0; right: 0; width: 0; height: 100%; z-index: 9999; }
section.retailer .first-row .third-element .image .arrow-right:before,
section.retailer .first-row .third-element .image .arrow-right:after { content: ''; position: absolute; right: 100%; height: 50%; box-sizing: border-box; }
section.retailer .first-row .third-element .image .arrow-right:before { top: 50%; border-right: 20px solid #f3f3f3; border-top: 20px solid transparent; }
section.retailer .first-row .third-element .image .arrow-right:after { bottom: 50%; border-right: 20px solid #f3f3f3; border-bottom: 20px solid transparent; }
section.retailer .first-row .fourth-element .background { height: 450px; background-color: #f3f3f3; margin-left: 20px; display: table; }
section.retailer .first-row .fourth-element .background .content { display: table-cell; vertical-align: middle; padding-left: 30px; padding-right: 30px; }

section.retailer .second-row { padding: 7px 0; }
section.retailer .second-row .first-element { padding-right: 7px; }
section.retailer .second-row .first-element .background { height: 225px; background-color: #f3f3f3; }
section.retailer .second-row .first-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.retailer .second-row .first-element .image > div { max-width: 100%; height: 295px;        position: relative; top: -20px;  padding-top: 40px; }
section.retailer .second-row .first-element .image .arrow-bottom { position: absolute; top: -60px; width: 100%; height: 20px; }
section.retailer .second-row .first-element .image .arrow-bottom:before,
section.retailer .second-row .first-element .image .arrow-bottom:after { content: ''; position: absolute; top: 100%; width: 50%; box-sizing: border-box; }
section.retailer .second-row .first-element .image .arrow-bottom:before { right: 50%; border-top: 20px solid #f3f3f3; border-right: 20px solid transparent; }
section.retailer .second-row .first-element .image .arrow-bottom:after { left: 50%; border-top: 20px solid #f3f3f3; border-left: 20px solid transparent; }

section.retailer .second-row .second-element { padding-right: 7px; padding-left: 7px; }
section.retailer .second-row .second-element .background { height: 225px; background-color: #f3f3f3; }
section.retailer .second-row .second-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.retailer .second-row .second-element .image > div { max-width: 100%; height: 295px;         padding-bottom: 20px; }
section.retailer .second-row .second-element .image .arrow-bottom { position: absolute; bottom: -20px; width: 100%; height: 20px; }
section.retailer .second-row .second-element .image .arrow-bottom:before,
section.retailer .second-row .second-element .image .arrow-bottom:after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; }
section.retailer .second-row .second-element .image .arrow-bottom:before { right: 50%; border-bottom: 20px solid #f3f3f3; border-right: 20px solid transparent; }
section.retailer .second-row .second-element .image .arrow-bottom:after { left: 50%; border-bottom: 20px solid #f3f3f3; border-left: 20px solid transparent; }

section.retailer .second-row { padding: 7px 0; }
section.retailer .second-row .third-element { padding-left: 7px; }
section.retailer .second-row .third-element .background { height: 225px; background-color: #f3f3f3; }
section.retailer .second-row .third-element .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.retailer .second-row .third-element .image > div { max-width: 100%; height: 295px;        position: relative; top: -20px;  padding-top: 40px; }
section.retailer .second-row .third-element .image .arrow-bottom { position: absolute; top: -60px; width: 100%; height: 20px; }
section.retailer .second-row .third-element .image .arrow-bottom:before,
section.retailer .second-row .third-element .image .arrow-bottom:after { content: ''; position: absolute; top: 100%; width: 50%; box-sizing: border-box; }
section.retailer .second-row .third-element .image .arrow-bottom:before { right: 50%; border-top: 20px solid #f3f3f3; border-right: 20px solid transparent; }
section.retailer .second-row .third-element .image .arrow-bottom:after { left: 50%; border-top: 20px solid #f3f3f3; border-left: 20px solid transparent; }

section.retailer .contactretailer { padding-top: 7px; }
section.retailer .contactretailer .background { display: table; text-align: center; width: 100%; height: 250px; padding-top: 30px; }
section.retailer .contactretailer .background .alignment { display: table-cell; vertical-align: middle; }
section.retailer .contactretailer .background .alignment p { padding: 0 20px; }
section.retailer .contactretailer .background .alignment .title { font-size: 28px; font-family: 'Playfair_Regular'; }
section.retailer .contactretailer .background .alignment .contact { font-family: 'Quicksand_Regular'; font-size: 14px; text-transform: uppercase; color: #b1212c; }
section.retailer .contactretailer .background .alignment .phone .phoneimage { position: relative; top: -7px; }
section.retailer .contactretailer .background .alignment .phone .phonetext { display: block; font-size: 12px; position: relative; top: -27px; }
section.retailer .contactretailer .background .alignment .email .emailimage { position: relative; top: -15px; }
section.retailer .contactretailer .background .alignment .email a.emailtext:hover,
section.retailer .contactretailer .background .alignment .email a.emailtext:focus { text-decoration: none; }
section.retailer .contactretailer .background .alignment .email a.emailtext span { display: block; font-size: 12px; position: relative; top: -28px; }

section.retailer .contactretailer .first-group { padding-right: 7px; }
section.retailer .contactretailer .first-group .background { background: url(../images/find-job-background.png) repeat; }
section.retailer .contactretailer .first-group .background .alignment p { color: #0b0c10; }
section.retailer .contactretailer .first-group .background .alignment .title { color: #0b0c10; }
section.retailer .contactretailer .first-group .background .alignment .phone .phonetext { color: #0b0c10; }
section.retailer .contactretailer .first-group .background .alignment .email a.emailtext span { color: #0b0c10; }

section.retailer .contactretailer .second-group { padding-left: 7px; padding-right: 7px; }
section.retailer .contactretailer .second-group .background { background-color: #888a8c; }
section.retailer .contactretailer .second-group .background .alignment p { color: #fff; }
section.retailer .contactretailer .second-group .background .alignment .title { color: #fff; }
section.retailer .contactretailer .second-group .background .alignment .phone .phonetext { color: #fff; }
section.retailer .contactretailer .second-group .background .alignment .email a.emailtext span { color: #fff; }

section.retailer .contactretailer .third-group { padding-left: 7px; }
section.retailer .contactretailer .third-group .background { background-color: #f3f3f3; }
section.retailer .contactretailer .third-group .background .alignment p { color: #0b0c10; }
section.retailer .contactretailer .third-group .background .alignment .title { color: #0b0c10; }
section.retailer .contactretailer .third-group .background .alignment .phone .phonetext { color: #0b0c10; }
section.retailer .contactretailer .third-group .background .alignment .email a.emailtext span { color: #0b0c10; }

@media screen and (max-width: 1200px) {
	section.retailer .first-row .fourth-element { padding-top: 7px;  }
	section.retailer .first-row .second-element { padding: 0; padding-bottom: 7px; }
	section.retailer .first-row .third-element { padding-left: 0; padding-top: 7px; padding-bottom: 0; }
}	
@media screen and (max-width: 992px) {
	section.retailer .second-row .first-element { padding-right: 0; }
	section.retailer .second-row .second-element { padding: 0; padding-bottom: 7px; }
	section.retailer .second-row .third-element { padding-left: 0; padding-top: 7px; }
	section.retailer .first-row .fourth-element { padding-top: 0;  }
	section.retailer .first-row .first-element .image .arrow-right { display: none; }
	section.retailer .first-row .first-element .image { margin-right: 0; }
	section.retailer .first-row .second-element .background { margin-left: 0; }
	section.retailer .first-row .fourth-element .background { margin-left: 0; }
	section.retailer .first-row .third-element .image { margin-right: 0; }
	section.retailer .first-row .third-element .image .arrow-right { display: none; }
	section.retailer .contactretailer .first-group { padding-bottom: 7px; }
	section.retailer .contactretailer .second-group { padding-right: 0; padding-bottom: 7px; }
	section.retailer .contactretailer .third-group { padding-left: 0; padding-top: 7px; }
}
@media screen and (max-width: 768px) {
	section.retailer .contactretailer .first-group { padding-right: 0; }
	section.retailer .contactretailer .second-group { padding-left: 0; padding-top: 7px; }
}

/* 

NEWS & EVENTS 

*/


section.posts .even-section-content .background { height: 450px; background-color: #fff; margin-left: 20px; padding: 7px 0; }
section.posts .even-section-content .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; }
section.posts .even-section-image { margin-right: -20px; padding: 7px 0; }
section.posts .even-section-image .arrow-right { position: absolute; top: 0; right: 0; width: 0; height: 100%; }
section.posts .even-section-image .arrow-right:before,
section.posts .even-section-image .arrow-right:after { content: ''; position: absolute; right: 100%; height: 50%; box-sizing: border-box; }
section.posts .even-section-image .arrow-right:before { top: 50%; border-right: 20px solid #fff; border-top: 20px solid transparent; }
section.posts .even-section-image .arrow-right:after { bottom: 50%; border-right: 20px solid #fff; border-bottom: 20px solid transparent; }

section.posts .odd-section-content .background { position: relative; z-index: 0; height: 450px; background-color: #fff; margin-right: 0; padding: 7px 0; }
section.posts .odd-section-content .background .content { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 40px; padding-right: 40px; }
section.posts .odd-section-image { position: relative; z-index: 999; margin-right: 0; padding: 7px 0; }
section.posts .odd-section-image .image { margin-left: -40px;}
section.posts .odd-section-image .arrow-right { position: absolute; top: 0; left: -20px; width: 0; height: 100%; }
section.posts .odd-section-image .arrow-right:before,
section.posts .odd-section-image .arrow-right:after { content: ''; position: absolute; right: 100%; height: 50%; box-sizing: border-box; }
section.posts .odd-section-image .arrow-right:before { top: 50%; border-left: 20px solid #fff; border-top: 20px solid transparent; }
section.posts .odd-section-image .arrow-right:after { bottom: 50%; border-left: 20px solid #fff; border-bottom: 20px solid transparent; }

section.posts .event-date { display: block; margin-top: 20px; font-family: 'Quicksand_Bold'; }
section.posts .event-location { display: block; text-transform: uppercase; }
section.posts .category { border-bottom: 1px solid #c53640; position: relative; bottom: 5px; }
section.posts .category .sort { font-family: 'Quicksand_Bold'; text-transform: uppercase; }
	
@media screen and (max-width: 992px) {
	section.posts .even-section-image .arrow-right { display: none; }
	section.posts .odd-section-image .arrow-right { display: none; }
	section.posts .odd-section-image .image { margin-left: 0;}
	section.posts .even-section-image { margin-right: 0; }
	section.posts .even-section-content .background { margin-left: 0; }
	section.posts .odd-section-content .background .content,
	section.posts .even-section-content .background .content { padding-left: 15px; padding-right: 15px; }
	section.posts h2 { font-size: 28px;}
}	

/* 

CONTACT 

*/

section.contact .contact-form input,
section.contact .contact-form textarea { padding: 10px 15px; width: 80%; background-color: #e9e9e9; border: none; margin-bottom: 15px; }
section.contact .contact-form label { text-transform: uppercase; padding: 25px 15px 5px 15px; }
section.contact .contact-form input[type="submit"] { background: none; text-align: right; padding: 0; }
section.contact span.wpcf7-not-valid-tip { padding-bottom: 15px; }
section.contact div.wpcf7-validation-errors { }
section.contact div.wpcf7-response-output { margin: 0; width: 80%; margin-bottom: 30px; }
section.contact .person-contact { display: inline-block; }
section.contact .general-contact h2 { font-family: 'Quicksand_Bold'; font-size: 16px; color: #0b0c10; text-transform: uppercase; padding: 5px 0; }
section.contact .general-contact h3 { font-family: 'Quicksand_Bold'; font-size: 14px; color: #0b0c10; padding-bottom: 5px; text-transform: capitalize; }
section.contact .general-contact p { padding-bottom: 40px; }
section.contact .general-contact img { max-width: 100%; height: auto; }
section.contact .general-contact .image-person { padding: 0 7px 7px; }
section.contact .general-contact .text-person { padding: 0 7px 7px; }
section.contact .border-bottom { border-bottom: 1px solid #414042; padding: 30px 0; }

@media screen and (max-width: 992px) {
	section.contact .contact-form,
	section.contact .general-contact { padding-left: 7px; padding-right: 7px; }	
	section.contact .general-contact .image-person { padding-left: 14px; }
	section.contact .contact-form input,
	section.contact .contact-form textarea,
	section.contact div.wpcf7-response-output { width: 100%; }	
	section.contact .person-contact .row { margin-right: 0; margin-left: 0; }
	section.contact .general-contact .image-person { padding: 0 7px 7px 0; }
	section.contact .general-contact .text-person { padding: 0 7px 7px 0; }
}	



footer { margin-top: 7px; background-color: #f4f4f4; padding: 40px 30px; }
footer .padding { padding-left: 30px; padding-right: 30px; }
footer input { width: 100%; height: 60px; padding: 15px; border: none; margin-top: 10px; }
footer input[type="submit"] { font-family: 'Quicksand_Bold'; font-size: 14px; background-color: #414042; color: #fff; text-transform: uppercase; }
footer ul { padding-top: 5px; }
footer h3 { margin-top: 10px; padding-bottom: 5px!important;}
footer a { color: #323133; }

footer .general img { width: 280px; height: auto; margin-left: -15px; }
footer .general p { margin-top: 40px; }

footer .social { position: relative; top: -5px; }
footer .social a { margin-left: 5px; }
footer .social a:first-child { margin-left: 0; }
footer .social img { width: 26px; height: 26px; }
	
@media screen and (max-width: 1200px) {

	footer .padding { padding-left: 0; padding-right: 0; }
}	
	
@media screen and (max-width: 320px) {
	footer .general img { width: 100%; height: auto; }
}
/* 

MOBILE NAV 

*/

.mobile_language { display: none; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; display: none; position: absolute !important; z-index: 9999 !important;  }
nav { width: 100%; font-size: 15px; font-weight: bold; position: relative !important; z-index: 9999 !important; top: 70px; opacity: 0.90; filter: alpha(opacity=90); }
nav ul { padding: 0; margin: 0 auto; }
nav li { background: #0b0c10; display: inline; }
nav a { color: #fff; display: inline-block; text-decoration: none; line-height: 20px; font-size: 16px; }
nav a:hover { text-decoration: none; color: #c0212e; }
nav li a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding: 13px 0; }
nav ul.sub-menu li {  float: left; }
nav ul.sub-menu li a { padding-left: 30px; }
nav ul.sub-menu li a:before { position: absolute; top: 12px; left: 15px; color: #fff; float: left; font-family: 'FontAwesome'; content: '\f105'; }
nav ul.sub-menu li a:hover:before { color: #c0212e; }
nav a#pull { display: none; }
nav ul li.current-menu-item > a, 
nav ul > li.current-menu-item,
nav ul li.current-page-ancestor a { background: #0b0c10; color: #c0212e; font-family: 'Quicksand_Bold'; }



@media screen and (max-width: 992px) {
	header .header-logo { position: absolute; left: 7px; top: 50px; }
	header .header-menu { text-align: left; }
	header ul li { display: inline; padding: 30px 10px; }
	
	.intro p,
	.intro h1,
	.intro h2 { padding-left: 7px; padding-right: 7px; }
}

@media screen and (max-width: 768px) {
	
	.mobile_language { display: block; }
	
	.intro { margin-top: 40px; }
	header .header-menu { background-color: rgba(255, 255, 255, 0); }
	header .header-menu {  bottom: -60px; }
	header .header-menu .social { display: none; }
/*
	header .header-menu .social { position: absolute; right: 0; left: 0; margin: 0 auto; text-align: center; }
	header .header-menu .social a { margin-left: 0; }
	header .header-menu .social a:last-child { margin-right: 0;}
*/
	header .header-logo img { width: 180px; height: auto; margin-top: -5px; }
	header .header-menu ul { display: none; }
	header .header-menu { height: 40px; }
	header .header-image { margin-top: 70px; }
	
	
	

	
	
	
	header .header-logo { position: absolute; left:5px; top: -60px; }
	
/* 	#bx-pager { display: none; } */
	
	#bx-pager a { width: 30%; display: inline-block; padding-top: 30px; }
			
	.responsive_half_height_content,
	.responsive_height_content,
	.responsive_news_height_content { height: auto !important; padding: 30px 0 !important; }
	
	.responsive_half_height_content .content,
	.responsive_height_content .content,
	.responsive_news_height_content .content { top: 0 !important; transform: none !important; }


	
	nav.clearfix { *zoom: 1;display:block !important;}
	nav { height: auto; }
	nav ul { width: 100%; display: none; height: auto;}
  	nav li { width: 100%; float: left; position: relative; }
  	nav li a { padding-left: 15px; border-bottom: 1px solid #121319; }
  	nav a { width: 100%; }
  	nav a#pull { display: block; background: #fff; width: 100%; position: absolute; top:10px; }
	nav a#pull:after { content:""; color: #000; font-size: 30px; font-weight: normal; font-family: 'FontAwesome'; content: '\f0c9'; display: inline-block; position: absolute; right: 10px; top: -50px; }
}