@charset "utf-8";

/* CSS Document */

*::selection{

  color:   #FFFFFF  ;

  background: #99141B ; 

}

 *::-moz-selection{

  color:   #FFFFFF   ;

  background: #99141B ; 

}

body {

	font-size:62.5%;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	height: 100%;

	background-color: #000000;

	width: 100%;

}

header {

	background-color: rgba(0,0,0,0.6);

	float: left;

	height: 80px;

	width: 100%;

    -moz-box-shadow: 0px 0px 12px #000000;

    -webkit-box-shadow: 0px 0px 12px #000000;

    box-shadow: 0px 0px 12px #000000;

}

nav {

	max-width: 1100px;

	height: 80px;

	margin: 0 auto;

}

#logo {

	color: #FF00FF;

	height: 80px;

	width: 16%;

	float: left;

	margin-left: 4%;

}

#logo img {

	float: left;

	height: 80px;

	width: 110px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

#logo a {

	float: left;

	height: 80px;

	width: 110px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

nav ul {

	float: right;

	height: 80px;

	width: 50%;

	display: block;

	margin-right: 2%;

	margin-left: 2%;

}

nav li {

	float: left;

	height: 55px;

	width: 20%;

	list-style-type: none;

	text-align: center;

	display: block;

	padding-top: 25px;

}

nav li a {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: 300;

	font-size: 1.2rem;

	padding-right: 5px;

	padding-left: 5px;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

nav li a:hover {

	background-color: #99141B;

	color: #FFFFFF;

}







.lang {

	float: right;

	height: 80px;

	width: 8%;

	display: block;

	margin-right: 1%;

	margin-left: 1%;

}

.lang ul {

	float: right;

	height: 80px;

	width: 100%;

	display: block;

	font-weight: 300;

}

.lang li:first-child {

	float: left;

	height: 20px;

	width: 100%;

	list-style-type: none;

	text-align: center;

	display: block;

	padding-top: 17px;

	padding-bottom: 0px;	

}

.lang li:last-child {

	float: left;

	height: 20px;

	width: 100%;

	list-style-type: none;

	text-align: center;

	display: block;

	padding-bottom: 23px;

	padding-top: 0px;

	

}

.lang li a {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-style: italic;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 1rem;

	padding-right: 5px;

	padding-left: 5px;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

.lang li a:hover {

	font-weight: 700;

	color: #FFFFFF;

	background-color: transparent;

}













.cont {

	width: 100%;

	float: left;

	margin-top: 50px;

	margin-bottom: 100px;

	padding-top: 40px;

	padding-bottom: 40px;

}

.cont2 {

	width: 100%;

	float: left;

	margin-top: 50px;

	/*margin-bottom: 50px;*/

	padding-top: 40px;

	/*padding-bottom: 40px;*/

	background-color: rgba(0,0,0,0.6);

	-moz-box-shadow: 0px 0px 12px #000000;

    -webkit-box-shadow: 0px 0px 12px #000000;

    box-shadow: 0px 0px 12px #000000;

}

.cont3 {

	width: 100%;

	float: left;

	margin-bottom: 60px;

}

.block {

	margin: 0 auto;

	max-width: 1100px;

}

.b1 {

	float: left;

	width: 100%;

	margin-bottom: 15px;

}

.b2 {

	width: 49%;

	margin-right: 1%;

	margin-left: 1%;

	float: left;

	margin-bottom: 15px;

}

.b4 {

	width: 23.5%;

	margin-right: 1%;

	margin-left: 1%;

	float: left;

	min-width: 160px;

	margin-bottom: 15px;

}

.b2:first-child {

	margin-left: 0px;

}

.b2:last-child {

	margin-right: 0px;

}

.b4:first-child {

	margin-left: 0px;

}

.b4:last-child {

	margin-right: 0px;

}

#big_title {

	color: #FFFFFF;

	float: right;

	vertical-align: bottom;

	text-align: right;

	margin-top: 70px;

	margin-right: 15%;

}

.light {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	font-weight: 300;

	/*background-color: #99141B;*/
	background-color: #e3ba2e;
	color: #000;

	font-size: 3rem;

	line-height: 2.6rem;

	float: right;

	height: 45px;

	padding-left: 6px;

	padding-right: 6px;

	margin-left: 150px;

}

.title {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	font-weight: 700;

	font-size: 5.6rem;

	line-height: 5rem;

	/*background-color: #99141B;*/
	background-color: #e3ba2e;
	color: #000;

	height: 84px;

	float: right;

	margin-top: 4px;

	padding-right: 3px;

	padding-left: 5px;

	margin-left: 50px;

}

.title::selection{

  color:   #FFFFFF  ;

  background: rgba(0,0,0,0)  ; 

}

.title::-moz-selection {

  color:   #FFFFFF   ;

  background: rgba(0,0,0,0) ; 

}

.light::selection {

  color:   #FFFFFF  ;

  background: rgba(0,0,0,0) ; 

}

.light::-moz-selection {

  color:   #FFFFFF   ;

  background: rgba(0,0,0,0)  ; 

}

.subtitle {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	font-weight: 300;

	font-size: 1.6rem;

	line-height: 1rem;

	height: 30px;

	float: right;

	margin-top: 20px;

	padding-right: 1px;

	padding-left: 2px;

	text-decoration: overline;
	
	background-color: #000;
	color: #e3ba2e;

}

.more {

	margin-left: 28%;

	float: left;

	margin-top: 290px;

}

.more2 {

	margin-left: 28%;

	float: left;

	margin-top: 120px;

	margin-bottom: 100px;

}

.more3 {

	/*margin-left: 14%;

	margin-right: 14%;

	width: 72%;*/

	width: 100%;

	float: left;

	margin-top: 120px;

	margin-bottom: 100px;

}

.up {

	height: 100px;

	margin-left: 28%;

	float: left;

	margin-top: 20px;

}

.go_down {

	float: left;

	height: 100px;

	width: 100px;

	margin: 3px;

	text-align: center;

	-moz-box-shadow: 0px 0px 12px #000000;

    -webkit-box-shadow: 0px 0px 12px #000000;

    box-shadow: 0px 0px 12px #000000;

}

.go_down a {

	float: left;

	height: 86px;

	width: 100px;

	background-color: rgba(0,0,0,0.6);

	text-decoration: none;

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: 300;

	font-size: 1.2rem;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

	background-image: url(https://www.theatomtanks.com/assets/images/css_img/arrow.png);

	padding-top: 14px;

}

.go_down a:hover {

	background-color: #99141B;

	color: #FFFFFF;

}

.go_up {

	float: left;

	height: 100px;

	width: 100px;

	margin-right: 3px;

	margin-left: 3px;

	text-align: center;

	-moz-box-shadow: 0px 0px 12px #000000;

    -webkit-box-shadow: 0px 0px 12px #000000;

    box-shadow: 0px 0px 12px #000000;

}

.go_up a {

	float: left;

	height: 48px;

	width: 100px;

	background-color: rgba(0,0,0,0.6);

	text-decoration: none;

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: 300;

	font-size: 1.2rem;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

	background-image: url(https://www.theatomtanks.com/assets/images/css_img/arrow_up.png);

	padding-top: 52px;

}

.go_up a:hover {

	background-color: #99141B;

	color: #FFFFFF;

}

.section_title {

	background-color: #FFFFFF;

	text-align: center;

	float: left;

	width: 100%;

	margin-bottom: 10px;

	padding-bottom: 24px;

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: rgba(0,0,0,0.8);

	text-transform: uppercase;

	font-weight: 700;

	font-size: 3.2rem;

	padding-top: 25px;

	background-image: url(https://www.theatomtanks.com/assets/images/css_img/stripesblack.png);

	border-top-width: 0px;

	border-right-width: 0\x;

	border-bottom-width: 16px;

	border-left-width: 0px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}

.section {

	background-color: #FFFFFF;

	float: left;

	width: 70%;

	padding-right: 15%;

	padding-left: 15%;

	padding-top: 30px;

	padding-bottom: 40px;

}

.section2 {

	float: left;

	width: 70%;

	padding-right: 15%;

	padding-left: 15%;

	padding-top: 30px;

	padding-bottom: 40px;

}

.section3 {

	background-color: #FFFFFF;

	float: left;

	width: 80%;

	padding-right: 10%;

	padding-left: 10%;

	padding-top: 30px;

	padding-bottom: 40px;

	height: 254px;

}

.speciale-news{

	background-color: #e3ba2e !important;

}

.section4 {

	background-color: #FFFFFF;

	float: left;

	height: 100%;

}

.section4 img {

	float: left;

	width: 100%;

}

.close {

	background-image: url(https://www.theatomtanks.com/assets/images/css_img/stripesblack.png);

	float: left;

	height: 16px;

	width: 100%;

	background-color: #FFFFFF;

}

.jump {

	float: left;

	width: 100%;

	border-top-width: 2px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: dotted;

	border-right-style: dotted;

	border-bottom-style: dotted;

	border-left-style: dotted;

	border-top-color: #000000;

	border-right-color: #000000;

	border-bottom-color: #000000;

	border-left-color: #000000;

	margin-top: 30px;

	margin-bottom: 20px;

}

footer {

	width: 100%;

	float: left;

	margin-top: 50px;

	padding-top: 40px;

	padding-bottom: 40px;

	background-color: #111;

	-moz-box-shadow: 0px 0px 12px #000000;

	-webkit-box-shadow: 0px 0px 12px #000000;

	box-shadow: 0px 0px 12px #000000;

	border-top-width: 12px;

	border-top-style: solid;

	border-top-color: #444;

	background-image: url(https://www.theatomtanks.com/assets/images/css_img/bg_ft.png);

	background-repeat:no-repeat;

	background-position:15% bottom;

}

.social {

	max-width: 600px;

	height: 100px;

	margin: 0 auto;

}

#fb_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;



}

#fb_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#fb_link a:hover {

	background-color: #3b5998;

}

#sp_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;



}

#sp_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#sp_link a:hover {

	background-color: #1db954;

}

#in_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;



}

#in_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#in_link a:hover {

	background-color: #c13584;

}






#tt_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;



}

#tt_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#tt_link a:hover {

	background-color: #fdb917;

}

#yt_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

}

#yt_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#yt_link a:hover {

	background-color: #eb3939;

}

#tw_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

}

#tw_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#tw_link a:hover {

	background-color: #55daff;

}

#ms_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

}

#ms_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#ms_link a:hover {

	background-color: #000000;

}

#sc_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

}

#sc_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#sc_link a:hover {

	background-color: #ff8b27;

}

#em_link {

	margin-top: 40px;

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

}

#em_link a {

	width: 100px;

	height: 100px;

	border-width: 0px;

	float: left;

	transition:All 0.4s ease;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#em_link a:hover {

	background-color: #99141b;

}

#last {

	width: 100%;

	height: 100px;

	float: left;

	margin-top: 60px;

}

#date {

	width: 27.32%;

	height: 40px;

	margin-top: 36px;

	margin-left: 3%;

	margin-right: 3%;

	float: left;

	text-align: left;

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1.2rem;

	line-height: 1.8rem;

}

#lamail {

	width: 27.32%;

	height: 40px;

	margin-top: 36px;

	margin-left: 3%;

	margin-right: 3%;

	float: left;

	text-align: center;

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1.2rem;

	line-height: 1.8rem;

}

#lamail a {

	color: #444;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#lamail a:hover {

	color: #FFFFFF;

}

#thanks {

	width: 27.32%;

	height: 40px;

	margin-top: 36px;

	margin-left: 3%;

	margin-right: 3%;

	float: left;

	text-align: right;

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1.2rem;

	line-height: 1.8rem;

	-webkit-box-shadow: 1px;

	box-shadow: 1px;

}

#thanks a {

	color: #444;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

#thanks a:hover {

	color: #FFFFFF;

}

.manifesto p{

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1.4rem;

	line-height: 1.8rem;

	text-align: center;	

	padding-top: 7px;

	padding-bottom: 7px;

}

.manifesto p:first-child{

	border-top: 2px dashed #ffffff;

	padding-top: 30px;

}

.manifesto p:last-child{

	border-bottom: 2px dashed #ffffff;

	padding-bottom: 30px;

}

.testocanzoni p{

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1.4rem;

	line-height: 1.8rem;

	text-align: center;	

	padding-top: 7px;

	padding-bottom: 7px;

}

.testocanzoni h6 {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1.5rem;

	line-height: 1.9rem;

	text-align: center;	

	padding-bottom: 5px;

	text-transform: uppercase;

	border-top: 2px dashed #ffffff;

	padding-top: 30px;

}

.testocanzoni p:first-child{

	display: block;

}

.testocanzoni p:last-child{

	border-bottom: 2px dashed #ffffff;

	padding-bottom: 30px;

}

.photo_cont{

	background-color: #FFFFFF;

	float: left;

	width: 100%;

}

.photo {

	float: left;

	width: 45%;

	margin-left: 4%;

	margin-right: 1%;

	margin-top: 30px;

	margin-bottom: 30px;



}

.photo_section{

	float: left;

	width: 45%;

	margin-left: 1%;

	margin-right: 4%;

	margin-top: 30px;

	margin-bottom: 30px;



}

.photo2 {

	float: left;

	width: 45%;

	margin-left: 1%;

	margin-right: 4%;

	margin-top: 30px;

	margin-bottom: 30px;



}

.photo_section2{

	float: left;

	width: 45%;

	margin-left: 4%;

	margin-right: 1%;

	margin-top: 30px;

	margin-bottom: 30px;



}

.photo img{

	max-width: 100%;

}

.photo2 img{

	max-width: 100%;

}

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

    margin-top: 30px;

    margin-bottom: 30px;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;



}

a {

	color: #99141B;

	text-decoration: none;

	-webkit-transition:All 0.4s ease;

	-moz-transition:All 0.4s ease;

	-o-transition:All 0.4s ease;

}

a:hover {

	color: #444545;

}

h1 {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #444545;

	font-weight: 700;

	font-size: 4.8rem;

	line-height: 6.2rem;

}

h2 {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #444545;

	font-weight: 700;

	font-size: 3.6rem;

	line-height: 4.7rem;

	

}

h3 {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #444545;

	font-weight: 700;

	font-size: 3rem;

	line-height: 3.9rem;

	

}

h4 {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #444545;

	font-weight: 700;

	font-size: 2.4rem;

	line-height: 3.1rem;

}

h5 {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #444545;

	font-weight: 700;

	font-size: 1.8rem;

	line-height: 2.3rem;

	

}

h6 {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #444545;

	font-weight: 700;

	font-size: 1.3rem;

	line-height: 1.7rem;	

}

p {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #111111;

	font-weight: 300;

	font-size: 1.3rem;

	line-height: 1.7rem;

	text-align: justify;

}

em {

	font-style: italic;

}

strong {

	font-weight: 700;

}

.on {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	background-color: #99141B;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: 300;

	font-size: 1.2rem;

	padding-right: 5px;

	padding-left: 5px;

}

.onlang {

	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

	font-style: italic;

	font-weight: 700;

	font-size: 1rem;

	padding-right: 5px;

	padding-left: 5px;

}

#kirby_title {

	display: none;

}

.hamburger-container{
	display: none;
}
#menu-mobile {
	display: none;
}
.menu-desktop {
	display: block;
}