/* ---------- Resets --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0; font-weight: normal; font-style: normal; text-decoration: none; outline: none; list-style: none }
body { margin: 0; font-family: 'Open Sans', sans-serif; }
* { outline: none } a, a:active, a:visited, a:hover { cursor: pointer; text-decoration: none }
header, nav, section, article, main, aside, footer { display: block; }
main { /*overflow: hidden; */}
*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5% }  /* html element 62.5% font-size for REM use */
article { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.clear:before, .clear:after { content: " "; display: table } .clear:after { clear: both } .clear { *zoom: 1; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { display: block; height: 1% } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }
img { max-width: 100%; vertical-align: bottom; height: auto; }
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body, html {
	width: 100%;
	height: 100%;
	background-color: #ffffff; }
  
  .container {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center; }
  
  .machine {
	width: 155px;
	fill: #003e87; }
  
  .small-shadow, .medium-shadow, .large-shadow {
	fill: rgba(0, 0, 0, 0.05); }
  
  .small {
	-webkit-animation: counter-rotation 2.5s infinite linear;
		 -moz-animation: counter-rotation 2.5s infinite linear;
		   -o-animation: counter-rotation 2.5s infinite linear;
			  animation: counter-rotation 2.5s infinite linear;
	-webkit-transform-origin: 100.136px 225.345px;
		-ms-transform-origin: 100.136px 225.345px;
			transform-origin: 100.136px 225.345px; }
  
  .small-shadow {
	-webkit-animation: counter-rotation 2.5s infinite linear;
		 -moz-animation: counter-rotation 2.5s infinite linear;
		   -o-animation: counter-rotation 2.5s infinite linear;
			  animation: counter-rotation 2.5s infinite linear;
	-webkit-transform-origin: 110.136px 235.345px;
		-ms-transform-origin: 110.136px 235.345px;
			transform-origin: 110.136px 235.345px; }
  
  .medium {
	-webkit-animation: rotation 3.75s infinite linear;
		 -moz-animation: rotation 3.75s infinite linear;
		   -o-animation: rotation 3.75s infinite linear;
			  animation: rotation 3.75s infinite linear;
	-webkit-transform-origin: 254.675px 379.447px;
		-ms-transform-origin: 254.675px 379.447px;
			transform-origin: 254.675px 379.447px; }
  
  .medium-shadow {
	-webkit-animation: rotation 3.75s infinite linear;
		 -moz-animation: rotation 3.75s infinite linear;
		   -o-animation: rotation 3.75s infinite linear;
			  animation: rotation 3.75s infinite linear;
	-webkit-transform-origin: 264.675px 389.447px;
		-ms-transform-origin: 264.675px 389.447px;
			transform-origin: 264.675px 389.447px; }
  
  .large {
	-webkit-animation: counter-rotation 5s infinite linear;
	   -moz-animation: counter-rotation 5s infinite linear;
		   -o-animation: counter-rotation 5s infinite linear;
			  animation: counter-rotation 5s infinite linear;
	-webkit-transform-origin: 461.37px 173.694px;
		-ms-transform-origin: 461.37px 173.694px;
			transform-origin: 461.37px 173.694px; }
  
  .large-shadow {  
	-webkit-animation: counter-rotation 5s infinite linear;
		 -moz-animation: counter-rotation 5s infinite linear;
		   -o-animation: counter-rotation 5s infinite linear;
			  animation: counter-rotation 5s infinite linear;
	-webkit-transform-origin: 471.37px 183.694px;
		-ms-transform-origin: 471.37px 183.694px;
			transform-origin: 471.37px 183.694px; }
  
  @-webkit-keyframes rotation {
	  from {-webkit-transform: rotate(0deg);}
	  to   {-webkit-transform: rotate(359deg);}
  }
  @-moz-keyframes rotation {
	  from {-moz-transform: rotate(0deg);}
	  to   {-moz-transform: rotate(359deg);}
  }
  @-o-keyframes rotation {
	  from {-o-transform: rotate(0deg);}
	  to   {-o-transform: rotate(359deg);}
  }
  @keyframes rotation {
	  from {transform: rotate(0deg);}
	  to   {transform: rotate(359deg);}
  }
  
  @-webkit-keyframes counter-rotation {
	  from {-webkit-transform: rotate(359deg);}
	  to   {-webkit-transform: rotate(0deg);}
  }
  @-moz-keyframes counter-rotation {
	  from {-moz-transform: rotate(359deg);}
	  to   {-moz-transform: rotate(0deg);}
  }
  @-o-keyframes counter-rotation {
	  from {-o-transform: rotate(359deg);}
	  to   {-o-transform: rotate(0deg);}
  }
  @keyframes counter-rotation {
	  from {transform: rotate(359deg);}
	  to   {transform: rotate(0deg);}
  }

body {
	width: 100%;
	height: 100%;
	position: absolute;

}
a {
	cursor: pointer;
	color: #003e87;
}
	a:hover {
		color: #003e87;
	}

.c-sb {
	height: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: 	space-around;
	justify-content: 			space-around;
	-webkit-flex-flow: 	row wrap;
	-moz-flex-flow: 	row wrap;
	-ms-flex-flow: 		row wrap;
	flex-flow: 			row wrap;
}
.main{
	height: 100%;
	padding: 40px 0;
	background: #fff /*url(../images/36818319-industrial-site-view-with-cranes-heavy-industry-background.jpg) no-repeat bottom center / cover*/;
}
	.content {
		text-align: center;
	}
		.content h1 {
			margin: 0 auto 20px;
		}
		.content p {
			color: #003e87;
			font-size: 20px;
			font-weight: 700;
		}

		.content .logos {
			max-width: 600px;
			margin-bottom: 40px;
		}
		.content .social {
			margin-bottom: 40px;
			-webkit-justify-content: center;
			justify-content: center;
		}
			.content .social li {
				margin: 0 10px;
			}

		.content .infos {

		}
			.content .infos span {
				display: block;
				margin-bottom: 20px;
				color: #003e87;
				font-size: 22px;
				font-weight: 700;
				font-style: italic;
			}
				.content .infos span.rua {
					padding: 10px;
					font-size: 16px;
					background-color: rgba(0, 62, 135, 0.8);
				}



				


/*-----start-responsive-design------*/
@media (max-width:1440px){
	.main {
		margin-bottom: -120px;
	}
		.main h1 .logo {
			width: 300px;
		}
		.content h1 {
			margin: 0 auto 20px;
		}
}

@media (max-width:400px){
	.main h1 .logo {
		width: 200px;
	}

	.content .logos img {
		width: 70px;
	}

	.content .infos span.rua {
		font-size: 12px;
	}

	

}