@charset "utf-8";
/* CSS Document */

* {font-family: 'Roboto', sans-serif;}

.img_print {display: none}

.paragrafo_foto {display:none}

.section_image {margin:40px 0}

.news_header {
    position: absolute;
    bottom: -10px;
    width: 100%;
}
	
	.news_subtitle {
		margin-top: 20px; }
	
	.paragrafo_foto {width: 400px; font-size:13px; padding:10px; position: absolute; background:rgba(255,255,255,.8); bottom:0; left:0; color:#003a7d}
	.paragrafo_foto p {margin-bottom:0;}

	
	.cover_bottom { height: 90vh !important; background-position: bottom !important}
	
	.paragraph_section_center {
    margin: 40px 0;
}
	.img_section_left .paragrafo_foto {left:auto; right:0;  }
	
	.cover_middle {margin:50px 0}

.cover_middle .img_section {width:100%}

	.interview  {margin:50px 0}
	.spacer_b {height:50px}
	ul li { 
		margin:10px 0;
	font-size: 18px;
    color: #5a5a5a;}
	
	.img_section {height: 580px; }
	.paragraph_section_center {
    margin: 0 0;
}
	
	.paragraph_section_right {
		width: 350px; }
	.interview .container_interview {width:33.333%; position: relative; float:left;  background-size: cover !important; border-right:.7vw solid white;}
	.interview .container_interview:last-child {border-right:0;}
	.interview, .container_interview {height:90vh;}
	
	.cit  {width: 400px; font-size:13px; padding:10px; position: absolute; background:rgba(255,255,255,.8); bottom:0; left:0; color:#003a7d}
	
	@media screen and (max-width: 1000px) {
	.paragraph_section_right {
    width: 100%;
		padding: 0 40px;
}
		.img_section {
    width: 95%;
    height: 580px;
}
	.cover_bottom {
		height: 500px !important;}
		.interview {height:auto}
		
		.container_interview { width:100% !important;
    height:900px;
}
	}
	
	
	@media print {
		
		.cover_middle .img_section {display: none !important}	
		
	.container_interview { height: auto; }	
		
	.news_header {
    position: relative !important;
    bottom: 0;}
	.cit { position: relative; }
	.cover_bottom { height: auto !important; }
	.paragrafo_foto {
			position: relative; margin-bottom:100px}
	} 
	
	
	
	@media screen and (max-width: 767px) { 
		
		ul li {
    font-size: 16px;
}
	.paragrafo_foto {
		width: 90%; }	
		
	.cit {
		width: 90% }
	}
		
	.in_the_world {
    margin-right: -35px;
    width: 65px;
    position: relative;
    left: -35px;
    top: -5px;
	}
	
.cover_middle_half {height:55vh;}

	.section_image, .img_section {height:auto}
	
	.img_section_3 {width:49%; margin:.5%;float:left; display: block; object-fit: cover; object-position: center; height: 85vh;}

	.container_inside_space {margin-top:50px}
	
	.img_section {width:48%;}
	
	.paragraph_section_right {width:50%;}

	/*.cover_gradient:before {content:""; display: block; width: 100%; height:120px; top:0; left:0; width:100%; position: absolute; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}*/


@media print {
		.cover, .img_section {background-image: url(images/a) !important}

	
	.img_section_3_print {width:100% !important;}
	
	.img_section_3 {display: none}
	
	.container_inside { max-width: 100% !important; overflow: visible !important; }
	
	.section_image { height: auto !important;  }
	
	.img_section { float:none !important; display:block; width:100% !important; margin:0 auto !important; height: auto !important;  position: relative !important; margin-left:10%; margin-right:10%; margin:40px 0; clear:both}
	
	.paragraph_section_right, .paragraph_section_left, .paragraph_section_center { width: 100% !important; float:none !important; clear:both; height: auto !important; overflow: auto !important; }
	
header {
    position: relative !important;
margin-bottom:30px
}
	section {height: auto !important; clear:both !important; }

  	.img_print {display:block; width:100%; position: relative !important; left:0%; margin-bottom:40px  }
	
	.cover {height:700px !important}
	
	.news_header {position: relative !important}
	
	.img_section_right, .img_section_left { float: left !important; }
	
	html {padding:2%}
	
	body, html {background: transparent;background-color: transparent; }
}
/*.first_header { background: #e6e6e6; width:45%; margin-left:10%; padding:10px 0 10px 15px; }

.first_header h2 {color:#5a5a5a; font-size:18px; font-weight:bold}

.first_header h2 span {color:#FF9900; text-transform: uppercase; font-size:15px}

.second_header {width:52.5%; padding-left: calc(10% + 15px); background:#FF9900; color:white; z-index:10; position: relative}

.second_header h3 {font-size:18px; font-weight:bold; padding:30px 0}

.second_header h1 {font-size:52px; width:80%}

.second_header p {font-size:18px; width:80%; font-weight:bold; padding:20px 0 40px}

.third_header {  width:45%; margin-left:10%; padding:10px 0 10px 5px;}

.header_image {width:50%;z-index:5; top:0; right:0; position: absolute; height:600px; background-size: cover; background-position: center}

.third_header { background: #e6e6e6; width:42.5%; margin-left:10%; padding:10px 0 10px 30px; margin-top: -16px; }

.third_header ul {list-style-type: none; padding:30px 0 }

.third_header ul li {font-weight:bold; font-size:18px; color: #5a5a5a }

.third_header ul li span {color:#FF9900; margin-right:5px}


main {padding-left: calc(10% + 15px); oadding-top:60px}

section { margin-top:50px;}

section h2 {color:#FF9900; font-weight: bold; font-size:22px}

section p {color:#5a5a5a; font-size:16px;width:50%; float:left}

section img {width:55%; float:right}*/



.cover {height:85vh; background-size: cover; background-position: bottom !important; position: relative}

.cover_middle {height:85vh;}

header {position:absolute; width:100%; z-index:1; margin-top:20px }

header h2 {color:#fff; font-size:17px; font-weight:bold}

header h2 span {color:#FF9900; text-transform: uppercase; font-size:15px; margin-left:5px}

.container_inside {max-width:1000px; margin: 0 auto; height:auto; display:block; overflow:auto}

.news_header {position:absolute; bottom:0; width:100%;}

.news_header .container_inside {background: white; }

.news_header h1 {margin-bottom:0;font-size:46px; color:#5a5a5a; width:90% }

.news_header h2  {color:#FF9900; font-size:24px; font-weight:bold; }

.news_subtitle h3 {  color:#5a5a5a;font-size:22px;  }

.news_subtitle {margin-bottom:30px}

.news_subtitle .container_inside, .news_header .container_inside {padding:30px 50px;}

.img_section { height:100%; object-fit: cover; object-position: center; position: absolute; top:0;}

.img_section_right { float:right; width:45%;  height: 800px;  left:0; background-position: center}

.img_section_left { float:left; right:0;  }

.paragraph_section_right p, .paragraph_section_left p, .paragraph_section_center p {font-size:18px; color:#5a5a5a; margin-bottom:0}

.paragraph_section_left  {width:500px; float:left; padding-right:0px;}

.paragraph_section_right {width:500px; float:right; padding-left:0px;}

.section {margin-top:40px; clear:both; position: relative; display:block; height:auto}

.paragraph_section_center {margin:40px 0}

section {position:relative;}

.section_image {height:auto; height: 800px}

.footer_left {width:70%; float: left}

.footer_right {width:30%; float: left}

section .container_inside {padding: 0 40px}

section h2 { color: #FF9900; font-size: 22px; font-weight: bold; margin-bottom:20px }

section h4 { color: #5a5a5a; font-size: 16px; font-weight: bold; margin-bottom:5px; border-bottom: 1px solid #e5e5e5; line-height:1.4 }

section h5 { color: #FF9900; font-size: 14px;  margin-bottom:20px; text-transform:uppercase}

footer {margin:80px 0}

footer .footer_row { background: #e5e5e5; height: auto;  display: block; overflow: auto; }

footer img {width:100%;}

.logo_hormann {width:220px; float:left; border-right:10px solid white}
 
.icon_facebook, .icon_youtube,  .icon_linkedin, .icon_instagram, .icon_pinterest { width:50px; float:left; position:relative; top:10px; margin: 0 10px }

.icon_print img { width:50px; top:22px }

.icon_print p {position:relative; top:30px; font-weight:normal; margin-left:70px; color:#666; font-size:18px; text-transform: uppercase; }

.icon_print {color:#5a5a5a; float:right; width:310px; position: relative}

.icon_print:hover {text-decoration: none;  color: #FF9900; }


.print_y {position:absolute; left:0px; opacity:0;}

.print {position:absolute;  left:0px;opacity:1;}

.icon_print:hover .print {opacity:0;}

.icon_print:hover .print_y {opacity:1;}

.photo_contest {border:1px solid #FF9900; width:800px; margin:0 auto; padding:15px; margin-top:30px}

.photo_contest p, .photo_contest a {color: #5a5a5a; font-size: 14px; margin-bottom:0; }

.news_header .container_inside {
    padding: 30px 50px 0px 50px ;
}


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

.cover_gradient {
	height: 100vh;}
}

@media screen and (max-width: 1000px) {
	header .container_inside {width:90%; margin: 0 auto}
	
.photo_contest {
    width: 90%;
    margin: 0 auto;
    padding: 15px;
    margin-top: 30px;
}	
	
.img_section { margin:0 auto; clear:both;  width: 90%; height: 500px; background-size: cover; position: relative;   margin-bottom: 10px !important;  float: none;}

.paragraph_section_right, .paragraph_section_left, .paragraph_section_center { width:100%; margin: 0 auto; clear:both; float:none;  padding:20px !important  }	
	
.container_inside {  overflow: visible; }
	
.section_image {  height: auto; }
 .icon_facebook, .icon_youtube,  .icon_linkedin  {width:40px;  margin: 0 5px; }
}

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

	.stack-column {padding: 40px 0}

	.cover_middle {height:200px !important}
	.img_section_3 {

    height: 220px;
}
	
.cover_bottom {
    height: 350px !important;
}

	.news_header {
		bottom: -100px; }
	
	.cover {
		height: 50vh; margin-bottom:100px }
	
	.paragraph_section_right p, .paragraph_section_left p, .paragraph_section_center p {
		font-size: 16px; }
	
	.news_subtitle .container_inside, .news_header .container_inside {
    padding: 10px 15px;
}
	.img_section {	margin-bottom: 10px !important; }
	
	.news_subtitle h3 {  font-size: 16px; }
	
	.news_header h2 {    font-size: 18px; }
	
	.news_header h1 {		font-size: 30px; }
	
	.img_section { height: 300px; }
	section .container_inside {
    padding: 0 15px;
}
	
	.footer_left, .footer_right {
    width: 100%;
    float: left;
		height:80px;
}
	.icon_print {margin: 0 auto}
}


.margin_correction {margin-bottom:0;}