/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a { color: inherit; text-decoration: none; display: inline-block; }

a:hover,
button:hover { cursor: pointer; text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

img { border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0; font-weight: normal; text-transform: none; font-size: inherit; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 0; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: -6px; }

nav ul { list-style-type: none; padding: 0; }
nav ul:last-child { margin-bottom: 0; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; margin: 0; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { border: none; border-radius: 0; font-family: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }


/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { background: #ffffff; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; color: #000000; }

button,
input,
optgroup,
select,
textarea { color: #000000; }

button,
select { background: #ffffff; }

p { margin-top: 0; }
table, p, ul, ol, form { margin-bottom: 28px; }


ul { list-style: square outside; }
ol { list-style: decimal outside; }
ol, ul { padding-left: 0; margin-top: 0; }

.alignleft { float: left; }
.aligncenter { text-align: center; }
.alignright { float: right; }

[disabled],
.disabled { cursor: default; }

.mobileonly { display: none; }
[class^='ico'] { display: inline-block; font-size: 0; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
.grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); }
.grayscale:hover { -webkit-filter: none; filter: none; }


@media (max-width: 1219px){
	body { font-size: 12px; line-height: 20px; color: #000000; }
}

/* ------------------------------------------------------------ *\
	row / col
\* ------------------------------------------------------------ */


.wrapper { margin: 0 auto; display: inline; }
.shell { max-width: 1220px; margin: 0 auto; }

.row { clear: both; display: block; }
.row:after { clear: both; display: block; content: ' '; }

.row .col { margin-left: 40px; position: relative; float: left; }
.row .col:first-child { margin-left: 0; }


.sub-row { clear: both; display: block; }
.sub-row:after { clear: both; display: block; content: ' '; }


.col-1of2 { width: 590px; }
.col-2of2 { width: 1220px; }

.sub-row .col-1of2 { width: 589px; }

.col-1of3 { width: 380px; }
.col-2of3 { width: 800px; }
.col-3of3 { width: 1220px; }

.col-1of4 { width: 275px; }
.col-2of4 { width: 590px; }
.col-3of4 { width: 905px; }
.col-4of4 { width: 1220px; }

@media (max-width: 1219px){
	.wrapper { transition: left .3s; position: relative; left: 0; background: #ffffff; }
	.wrapper.active { left: 248px; overflow: visible; }
	
	.col-1of2, .col-2of2,
	.col-1of3, .col-2of3, .col-3of3,
	.col-1of4, .col-2of4, .col-3of4, .col-4of4,
	.sub-row .col-1of2 { width: 100%; }
	
	.row .col { margin-left: 0; padding: 0 10px; }
	.row .sub-row .col { padding: 0; }
	.col + .col { margin-top: 40px; }
	.row .sub-row .col + .col { margin-top: 0; }
}


/* ------------------------------------------------------------ *\
	header
\* ------------------------------------------------------------ */

.header { position: relative; }
.header:after { clear: both; content: ' '; display: block; }

.mobile-nav,
.open-nav { display: none; }

.header .claim { font-family: 'Archivo Black', sans-serif; font-size: 24px; line-height: 24px; margin-top: 58px; text-transform: uppercase; }
.header .logo { float: right; margin-top: 20px; margin-bottom: 20px; }

@media (max-width: 1219px){
	.header .claim { display: none; }
	.header .logo { float: none; text-align: center; }
	
	header .col + .col { margin-top: 0; }
	.open-nav { display: block; position: absolute; top: 40px; left: 20px; }

	.wrapper.active .mobile-nav { background: #000000; text-transform: uppercase; position: fixed; top: 0; left: 0; width: 248px; height: 100%; display: block; overflow-y: auto; text-align: left; z-index: 1001; }
	.wrapper.active .mobile-nav ul { margin-top: 140px; color: #ffffff; list-style-type: none; margin-left: 10px; margin-right: 10px; font-size: 20px; font-weight: bold; line-height: 55px; }
	.wrapper.active .mobile-nav ul li { border-bottom: 1px solid #ffffff; }
	.wrapper.active .mobile-nav ul li:last-child { border-bottom: none; }
	.wrapper.active .mobile-nav ul li a { display: block; position: relative; padding: 0 10px; }
	.wrapper.active .mobile-nav ul li.current,
	.wrapper.active .mobile-nav ul li:hover { color: #dd0b2f; }
	.wrapper.active .mobile-nav ul.language { margin: 0; text-align: center; border-bottom: 1px solid #ffffff; }
	.wrapper.active .mobile-nav ul.language li { display: inline-block; margin: 0; border: none; }
	.wrapper.active .mobile-nav ul.language li + li { border-left: 1px dotted #ffffff; }
}

/* ------------------------------------------------------------ *\
	main-nav
\* ------------------------------------------------------------ */

.main-nav { display: inline-block; }
.main-nav ul { font-size: 0; display: block; font-family: 'Archivo Black', sans-serif; color: #ffffff; text-transform: uppercase; }
.main-nav li { display: inline-block; font-size: 16px; }
.main-nav li a { padding: 13px 20px 13px 20px; }

.main-nav li:hover,
.main-nav li.current { background-color: #dd0b2f; }

@media (max-width: 1219px){
	.main-nav { display: none; }
}

/* ------------------------------------------------------------ *\
	lang-nav
\* ------------------------------------------------------------ */

.lang-nav { display: inline-block; }
.lang-nav ul { font-size: 0; display: block; font-family: 'Archivo Black', sans-serif; color: #747170; text-transform: uppercase; }
.lang-nav li { display: inline-block; font-size: 16px; }
.lang-nav li + li { border-left: 2px solid #dd0b2f; }
.lang-nav li:hover,
.lang-nav li.current { color: #dd0b2f; }
.lang-nav li a { padding: 0 10px 0 10px; }

@media (max-width: 1219px){
	.lang-nav { display: none; }
}

/* ------------------------------------------------------------ *\
	footer-nav
\* ------------------------------------------------------------ */

.footer-nav ul { font-size: 0; display: block; font-family: 'Archivo Black', sans-serif; color: #ffffff; text-transform: uppercase; text-align: center; }
.footer-nav li { display: inline-block; font-size: 16px; }
.footer-nav li a { display: block; padding: 19px 20px 18px 20px; }

@media (max-width: 1219px){
	.footer-nav { display: none; }
}

/* ------------------------------------------------------------ *\
	teaser custom
\* ------------------------------------------------------------ */

.slide { position: relative; }

.slick-dots { position: absolute; bottom: -46px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { text-indent: -9999px; background: #ffffff; border-radius: 50%; width: 10px; height: 10px; }
.slick-dots .slick-active button,
.slick-dots button:hover { background: blue; }

.slick-dots li { margin: 0 10px; }
.slick-dots li button { border: 1px solid #eeeeee; background: #eeeeee; width: 16px; height: 16px; outline: 0; }
.slick-dots li button:hover,
.slick-dots li.slick-active button { border: 1px solid #dd0b2f; background: #dd0b2f; }

/* ------------------------------------------------------------ *\
	teaser
\* ------------------------------------------------------------ */

.teaser { position: relative; margin: 0; }
.teaser ul:last-child { margin-bottom: 0; }
.teaser .slide { width: 100%; overflow: hidden; }
.teaser .slide img { height: auto; width: 100%; }

.teaser-content { position: absolute; top: -30%; left: 0; right: 40%; bottom: 30%; background: linear-gradient(90deg, rgba(221,11,47,1) 6%, rgba(0,0,0,0.0) 100%); transform: skewY(-11deg); }
.teaser-title { position: absolute; top: 10%; left: 80px; font-size: 60px; line-height: 72px; font-family: 'Archivo Black', sans-serif; color: #ffffff; text-transform: uppercase; }
.teaser-logo { position: absolute; top: 40px; left: 80px; }

@media (max-width: 1219px){
	.teaser-title,
	.teaser-logo { display: none; }
}

/* ------------------------------------------------------------ *\
	product-slider
\* ------------------------------------------------------------ */

.product-slider .slick-slide,
.content-slider .slick-slide { margin: 0 20px; }
.product-slider .slick-list,
.content-slider .slick-list { margin: 0 -20px; }

@media (max-width: 1219px){
	.product-slider .slick-slide,
	.content-slider .slick-slide { margin: 0 10px; }
	.product-slider .slick-list,
	.content-slider .slick-list { margin: 0 -10px; }
}

/* ------------------------------------------------------------ *\
	sidebar
\* ------------------------------------------------------------ */

.sidebar { position: fixed; top: 40%; right: 0; z-index: 10; }
.sidebar .sidebar-nav { position: relative; background-color: #dd0b2f; }
.sidebar .title { display: none; position: absolute; right: 64px; padding: 20px; float: left; background-color: #ffffff; border: 1px solid #dfdfdf; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2); text-transform: uppercase; }
.sidebar .title:before { content: ''; position: absolute; bottom: 0; width: 150px; height: 20px; z-index: -1; background: rgba(0, 0, 0, 0.2); }
.sidebar .title:before { left: 0; box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(-10deg, -10deg) translate(35px, -15px); }
.sidebar li:hover .title { display: inline-block; }

@media (max-width: 1219px){
	.sidebar { display: none; }
}

.language-holder { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(221, 11, 47, 0.8); z-index: 100; }
.language-holder.active { display: block; }
.language-holder .ico-close { position: fixed; top: 40px; right: 40px; cursor: pointer;  }

.language-holder .language-nav { position: fixed; top: 40%; left: 0; right: 0; bottom: 0; color: #ffffff; font-size: 60px; line-height: 60px; text-transform: uppercase; text-align: center; }
.language-holder .language-nav ul { margin: 0 auto; width: 16%; }
.language-holder .language-nav li { display: block; padding: 20px 0 20px 0; }
.language-holder .language-nav li + li { border-top: 1px solid #ffffff; }

@media (max-width: 1219px){
	.language-holder .language-nav ul { width: 100%; }
}

.goup { display: none; position: fixed; right: 0; bottom: 10%; background-color: #dd0b2f; cursor: pointer; }
.goup.active { display: block; }

/* ------------------------------------------------------------ *\
	content
\* ------------------------------------------------------------ */


.content { margin-top: -80px; }
.content .row { text-align: center; margin-top: 80px; }

h1, h2 { font-family: 'Archivo Black', sans-serif; color: #dd0b2f; font-size: 34px; line-height: 40px;  margin-bottom: 40px; text-transform: uppercase; }
h3 { font-family: 'Archivo Black', sans-serif; color: #dd0b2f; font-size: 20px; line-height: 26px;  margin-bottom: 40px; text-transform: uppercase; }

p + .btn { margin-top: 34px; }

ul { padding-left: 20px; }

[class^='ico'] + h1,
[class^='ico'] + h2,
[class^='ico'] + h3 { margin-top: 40px; }

.btn { display: inline-block; padding: 10px 20px; font-family: 'Archivo Black', sans-serif; text-align: center; position: relative; text-transform: uppercase; }
.btn.black { background-color: #000000; color: #ffffff; }
.btn.red { background-color: #dd0b2f; color: #ffffff; }

.row.black { background-color: #000000; color: #ffffff; }
.row.red { background-color: #dd0b2f; color: #ffffff; padding: 80px; }
.row.gray { background-color: #e5e5e5; padding: 80px; }
.row.fabric,
.row.fabricbox { color: #ffffff; background-image: url(/images/fabric.jpg); background-position: center top; background-size: 100% auto; text-align: left; }
.row.fabric.center { text-align: center; padding: 80px; }

.row.red + .row.red { margin-top: 0; padding-top: 0; }
.row.gray + .row.gray { margin-top: 0; padding-top: 0; }
.row.fabric + .row.fabric { margin-top: 0; }

.row.left { text-align: left; }
.row.right { text-align: right; }

.row.red h1,
.row.red h2,
.row.red h3 { color: #ffffff; }
.row.fabricbox h1,
.row.fabricbox h2,
.row.fabricbox h3 { color: #549713; }
.row.fabric.center h1,
.row.fabric.center h2,
.row.fabric.center h3 { color: #dd0b2f; }

.row.fabricbox .col { padding: 80px; }

.row.headline { border-top: 2px solid #dd0b2f; }

.row.headline h1,
.row.headline h2,
.row.headline h3 { text-align: left; font-size: 20px; margin-top: -20px; background: #ffffff; margin-left: -20px; padding-left: 20px; }

.row.headline h1:after,
.row.headline h2:after,
.row.headline h3:after { content: ""; position: absolute; border-top: 2px solid #dd0b2f; top: -2px; width: 100%; margin-left: 20px; }

figure.image.alignright { margin-left: 40px; margin-bottom: 40px; }
figure.image.alignleft  { margin-right: 40px; margin-bottom: 40px; }

figure .caption { font-size: 14px; margin-top: 12px; margin-bottom: 80px; }

.cropped-image { position: relative; overflow: hidden; border-radius: 50%; }
.cropped-image img { display: inline; margin: 0 auto; height: 100%; object-fit: cover; }

@media (max-width: 1219px){
	.content { margin-top: -40px; }
	.content .row { margin-top: 40px; }
	
	h1, h2 { font-size: 24px; line-height: 30px; margin-bottom: 20px; }
	h3 { font-size: 20px; line-height: 26px;  margin-bottom: 40px; }
	
	p + .btn { margin-top: 0; }
	
	.row.red,
	.row.gray { padding: 20px; }
	
	.row.headline { border-top: none; }
	
	.row.headline h1,
	.row.headline h2,
	.row.headline h3 { display: inline-block; margin: 0; padding-right: 20px; }
	
	.row.headline h1:after,
	.row.headline h2:after,
	.row.headline h3:after { left: 0; right: 0; width: auto; z-index: -1; top: 20px; margin: 0; }
	
	
	figure.image.alignright { margin-left: 0; margin-bottom: 40px; }
	figure.image.alignleft  { margin-right: 0; margin-bottom: 40px; }

}

/* ------------------------------------------------------------ *\
	feature
\* ------------------------------------------------------------ */

.feature { background-color: #ffffff; border: 1px solid #dfdfdf; box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.5); padding: 20px 0 20px 0; min-height: 750px; position: relative; }
.feature:after,
.feature:before { content: ''; position: absolute; bottom: 0; width: 150px; height: 100px; z-index: -1; background: rgba(0, 0, 0, 0.2); }

.feature:after { right: 0; box-shadow: 20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(10deg, 10deg) translate(-35px, -15px); }
.feature:before { left: 0; box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(-10deg, -10deg) translate(35px, -15px); }

.feature-title { padding: 0 20px; font-family: 'Archivo Black', sans-serif; color: #dd0b2f; font-size: 24px; line-height: 28px; margin-top: 24px; text-transform: uppercase; }
.feature p { padding: 0 20px; margin-top: 34px; }
.feature .btn { position: absolute; bottom: 20px; left: 20px; right: 20px; margin-bottom: 20px; }

@media (max-width: 1219px){
	.feature-title { padding: 0 20px; font-size: 16px; line-height: 24px; }
	.feature p { margin-top: 14px; }
	.feature { padding: 10px 0 10px 0; min-height: auto; }
	.feature .btn { position: relative; bottom: unset; left: unset; right: unset; }
}

/* ------------------------------------------------------------ *\
	news
\* ------------------------------------------------------------ */

.news { background-color: #ffffff; border: 1px solid #dfdfdf; box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.5); position: relative; text-align: left; }
.news:after,
.news:before { content: ''; position: absolute; clear: both; bottom: 0; width: 150px; height: 100px; z-index: -1; background: rgba(0, 0, 0, 0.2); }

.news:after { right: 0; box-shadow: 20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(10deg, 10deg) translate(-35px, -15px); }
.news:before { left: 0; box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(-10deg, -10deg) translate(35px, -15px); }

.news-title { padding: 0 0 0 40px; font-family: 'Archivo Black', sans-serif; color: #dd0b2f; font-size: 40px; line-height: 40px; margin-top: 44px; text-transform: uppercase; }
.news p { padding: 0 0 0 40px; margin-top: 34px; }
.news .btn { position: absolute; bottom: 20px; left: 20px; right: 20px; }

@media (max-width: 1219px){
	.news-title { padding: 0; font-size: 24px; line-height: 30px; }
	.news p { padding: 0; margin-top: 14px; }
}

/* ------------------------------------------------------------ *\
	job
\* ------------------------------------------------------------ */

.job { background-color: #ffffff; border: 1px solid #dfdfdf; box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.5); position: relative; text-align: center; }
.job:after,
.job:before { content: ''; position: absolute; clear: both; bottom: 0; width: 150px; height: 100px; z-index: -1; background: rgba(0, 0, 0, 0.2); }

.job:after { right: 0; box-shadow: 20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(10deg, 10deg) translate(-35px, -15px); }
.job:before { left: 0; box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(-10deg, -10deg) translate(35px, -15px); }

.job .col.image img { width: 100%; }
.job .sub-row + .sub-row { margin-top: 40px; }
.job .sub-row .col-1of2:first-child { padding-left: 20px; text-align: left; }
.job .sub-row .col-1of2:last-child { padding-right: 20px; text-align: left; }

.job .btn { margin-bottom: 40px; }

@media (max-width: 1219px){
	.job .sub-row + .sub-row { margin-top: 20px; }
	.job .sub-row .col-1of2:first-child,
	.job .sub-row .col-1of2:last-child { padding-left: 10px; padding-right: 10px; }
	.job .sub-row .col-1of2:last-child { margin-top: 20px; }
	
	.job .btn { margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	product
\* ------------------------------------------------------------ */

.product { background-color: #ffffff; border: 1px solid #dfdfdf; box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.5); position: relative; text-align: left; }
.product:after,
.product:before { content: ''; position: absolute; clear: both; bottom: 0; width: 150px; height: 100px; z-index: -1; background: rgba(0, 0, 0, 0.2); }

.product:after { right: 0; box-shadow: 20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(10deg, 10deg) translate(-35px, -15px); }
.product:before { left: 0; box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(-10deg, -10deg) translate(35px, -15px); }

.product-title { padding: 0 40px 0 0; font-family: 'Archivo Black', sans-serif; color: #dd0b2f; font-size: 30px; line-height: 30px; margin-top: 44px; text-transform: uppercase; }
.product p { padding: 0 40px 0 0; margin-top: 34px; }
.product .btn { display: block; margin-bottom: 40px; margin-right: 40px; }

@media (max-width: 1219px){
	.product-title { padding: 0 10px; font-size: 24px; line-height: 30px; margin-top: 14px; }
	.product p { padding: 0 10px; margin-top: 14px; }
	.product .btn { display: block; margin: 20px; }
}

/* ------------------------------------------------------------ *\
	contact
\* ------------------------------------------------------------ */

.contact .cropped-image { float: left; width: 50%; margin-right: 40px; margin-bottom: 80px; }
.contact .contact-title { font-family: 'Archivo Black', sans-serif; font-size: 24px; line-height: 30px; text-transform: uppercase; }
.contact .contact-subtitle { font-weight: bold; margin-top: 24px; }
.contact p { font-size: 16px; line-height: 24px; font-weight: bold; margin-top: 24px; color: #dd0b2f; }
.contact .btn { width: calc(50% - 40px); }

@media (max-width: 1219px){
	.contact { padding: 20px; }
	.contact .cropped-image { float: none; margin: 0; width: 100%; }
	
	.contact .contact-title { text-align: center; margin-top: 40px; }
	.contact .contact-subtitle,
	.contact p { font-size: 12px; line-height: 20px; text-align: center; }
	.contact .btn { width: 100%; }
}

/* ------------------------------------------------------------ *\
	counter
\* ------------------------------------------------------------ */

.counter { font-family: 'Archivo Black', sans-serif; text-transform: uppercase; }
.counter .number { font-size: 60px; line-height: 60px; }

/* ------------------------------------------------------------ *\
	download
\* ------------------------------------------------------------ */

.download-title { color: #dd0b2f; font-family: 'Archivo Black', sans-serif; }
.download-subtitle { font-family: 'Archivo Black', sans-serif; margin-bottom: 14px; }

/* ------------------------------------------------------------ *\
	history
\* ------------------------------------------------------------ */

.row.history { background-color: #e5e5e5; padding: 0 80px 80px 80px; position: relative; z-index: 1; }

.history .col:before { content: ''; display: block; border-left: 2px solid #dd0b2f; height: 100%; left: calc(50% - 1px); position: absolute; }
.history .col:after { content: ''; display: block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 40px solid #dd0b2f; left: calc(50% - 15px); bottom: -2px; position: absolute; }


.history-box img { max-width: 300px; max-height: 300px; }
.history-title { max-width: 300px; color: #dd0b2f; font-family: 'Archivo Black', sans-serif; margin-top: 14px; font-size: 16px; }
.history-box p { max-width: 300px; margin-bottom: 4px; }

.history-box { font-size: 12px; display: inline-block; background-color: #ffffff; border: 1px solid #dfdfdf; box-shadow: 0px 0px 5px 5px rgba(200, 200, 200, 0.5); position: relative; padding: 10px; }
.history-box:after,
.history-box:before { content: ''; position: absolute; clear: both; bottom: 0; width: 150px; height: 100px; z-index: -1; background: rgba(0, 0, 0, 0.2); }

.history-box:after { right: 0; box-shadow: 20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(10deg, 10deg) translate(-35px, -15px); }
.history-box:before { left: 0; box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.30); transform:skew(-10deg, -10deg) translate(35px, -15px); }

.history-box + .history-box { position: absolute; }

.history-content { clear: both; width: 50%; position: relative; z-index: 1; }
.history-content.left { float: left; text-align: right; padding-right: 40px; }
.history-content.right { float: right; text-align: left; padding-left: 40px; }


.history-content:after { content: ''; display: block; border-bottom: 2px solid #dd0b2f; position: absolute; top: 50%; width: 30px; z-index: -1; }
.history-content.left:after { right: 10px; }
.history-content.right:after { left: 10px; }

.history-content.left .history-box + .history-box { left: 60px; }
.history-content.right .history-box + .history-box { right: 60px; }

.history .col .history-content { margin-top: -120px; }
.history .col .history-content:first-child { margin-top: 80px; }
.history-content.left + .history-content.left,
.history-content.right + .history-content.right { margin-top: 80px; }

.history-content .history-box + .history-box { bottom: -40px; }


@media (max-width: 1219px){
	.row.history { padding: 0 10px 80px 10px; }
	
	.history .col:before { height: calc(100% + 58px); }
	.history .col:after { bottom: -60px; }
	
	.history-content { width: 100%; }
	.history-content.left { float: none; text-align: left; padding-right: 0; }
	.history-content.right { float: none; text-align: left; padding-left: 0; }
	.history-content:after { content: none; }
	
	.history-content.left .history-box + .history-box { left: 0; }
	.history-content.right .history-box + .history-box { right: 0; }
		
	.history-box { display: block; }
	.history-box img { max-width: 100%; width: 100%; max-height: unset; }
	.history-titly { max-width: 100%; color: #dd0b2f; font-family: 'Archivo Black', sans-serif; margin-top: 14px; font-size: 16px; }
	.history-box p { max-width: 100%; margin-bottom: 4px; }
	
	.history-box + .history-box { position: relative; margin-top: 40px; }
	.history .col .history-content:first-child + .history-content { margin-top: 40px !important; }
	.history-content { margin-top: 40px !important; }
	
	.history-content .history-box + .history-box,
	.history-content.top .history-box + .history-box { bottom: unset; }
	.history-content.xlarge.top + .history-content .history-box + .history-box { bottom: unset; top: unset; }
}

/* ------------------------------------------------------------ *\
	footer
\* ------------------------------------------------------------ */

footer { margin-top: 80px; }

/* ------------------------------------------------------------ *\
	ico
\* ------------------------------------------------------------ */


i.ico-nav { background: url(/images/ico-nav.png) no-repeat center; width: 48px; height: 48px; }
i.ico-nav.close { background: url(/images/ico-nav-close.png) no-repeat center; width: 48px; height: 48px; }

i.ico-calendar { background: url(/images/ico-calendar.png) no-repeat center; width: 256px; height: 256px; }
i.ico-airplane { background: url(/images/ico-airplane.png) no-repeat center; width: 256px; height: 256px; }
i.ico-boxes { background: url(/images/ico-boxes.png) no-repeat center; width: 256px; height: 256px; }

i.ico-globe { background: url(/images/ico-globe.png) no-repeat center; width: 64px; height: 64px; }
i.ico-write { background: url(/images/ico-write.png) no-repeat center; width: 64px; height: 64px; }
i.ico-location { background: url(/images/ico-location.png) no-repeat center; width: 64px; height: 64px; }
i.ico-up { background: url(/images/ico-up.png) no-repeat center; width: 64px; height: 64px; }
i.ico-close { background: url(/images/ico-close.png) no-repeat center; width: 64px; height: 64px; }