@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: 35%;

	float: left;

	margin-left: 0%;

}

#logo img {

	float: left;

	max-width: 110px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

#logo a {

	float: left;

	max-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: left;

	height: 80px;

	width: 54%;

	display: block;

	margin-right: 0%;

	margin-left: 0%;

}

nav li {

	float: left;

	height: 30px;

	width: 50%;

	list-style-type: none;

	text-align: center;

	display: block;

	padding-top: 10px;

}

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: 1rem;

	padding-right: 0px;

	padding-left: 0px;

	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: auto;

	display: block;

	margin-right: 0%;

	margin-left: 2%;

}

.lang ul {

	float: right;

	height: 80px;

	width: 100%;

	display: block;

	font-weight: 300;

}

.lang li:first-child {

	float: left;

	height: 40px;

	width: 20px;

	list-style-type: none;

	text-align: center;

	display: block;

	padding-top: 23px;

	padding-right: 12px;




}

.lang li:last-child {

	float: left;

	height: 40px;

	width: 20px;

	list-style-type: none;

	text-align: center;

	display: block;

	padding-top: 23px;
	

	

}

.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: 1.2rem;

	padding-right: 0;

	padding-left: 0;

	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;

}

.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: 1rem;

	padding-right: 2px;

	padding-left: 0px;

}

.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;

}

.cont {

	width: 100%;

	float: left;

	margin-top: 5px;

	margin-bottom: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

}

.cont2 {

	width: 100%;

	float: left;

	margin-top: 15px;

	/*margin-bottom: 15px;*/

	padding-top: 15px;

	/*padding-bottom: 15px;*/

	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: 5px;

}

.block {

	margin: 0 auto;

	max-width: 1100px;



}

.b1 {

	float: left;

	width: 100%;

	margin-bottom: 6px;

}

.b2 {

	width: 49.5%;

	margin-right: 0.5%;

	margin-left: 0.5%;

	float: left;

	margin-bottom: 6px;

}

.b4 {

	width: 50%;

	margin-right: 0%;

	margin-left: 0%;

	margin-bottom: 15px;

	float: left;

}

.b2:first-child {

	margin-left: 0px;

}

.b2:last-child {

	margin-right: 0px;

}

.b4:first-child {

	margin-left: 0%;

}

.b4:last-child {

	margin-right: 0%;

}

#big_title {

	display: none;

}

.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;

}

.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;
	
	background-color: #000;
	color: #e3ba2e;

}

.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;

}

.more {

	display: none;

}

.more2 {

	display: none;

}

.more3 {

	display: none;

}

.up {

	display: none;

}

.go_down {

	float: left;

	height: 40px;

	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: 35px;

	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;

	padding-top: 5px;

}

.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: 6px;

	padding-bottom: 2px;

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

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

	text-transform: uppercase;

	font-weight: 700;

	font-size: 1.4rem;

	line-height: 1.4rem;

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

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 6px;

	border-left-width: 0px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}

.section {

	background-color: #FFFFFF;

	float: left;

	width: 90%;

	padding-right: 5%;

	padding-left: 5%;

	padding-top: 15px;

	padding-bottom: 20px;

}

.section2 {

	float: left;

	width: 90%;

	padding-right: 5%;

	padding-left: 5%;

	padding-top: 15px;

	padding-bottom: 20px;

}

.section3 {

	background-color: #FFFFFF;

	float: left;

	width: 90%;

	padding-right: 5%;

	padding-left: 5%;

	padding-top: 15px;

	padding-bottom: 20px;

	height: 190px;

}

.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: 6px;

	width: 100%;

	background-color: #FFFFFF;

}

.jump {

	float: left;

	width: 100%;

	border-top-width: 1px;

	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: 20px;

	margin-bottom: 15px;

}

footer {

	width: 100%;

	float: left;

	margin-top: 20px;

	padding-top: 10px;

	padding-bottom: 10px;

	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: 8px;

	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:bottom;

}

.social {

	max-width: 200px;

	margin: 0 auto;

}

#fb_link {

	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 {

	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 {

	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 {

	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 {

	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 {

	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 {

	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 {

	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 {

	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%;

	float: left;

	margin-top: 8px;

}

#date {

	width: 96%;

	margin-top: 6px;

	margin-left: 2%;

	margin-right: 2%;

	float: left;

	text-align: center;

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

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1rem;

	line-height: 1.3rem;

}

#lamail {

	width: 96%;

	margin-top: 6px;

	margin-left: 2%;

	margin-right: 2%;

	float: left;

	text-align: center;

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

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1rem;

	line-height: 1.3rem;

}

#lamail a {

	color: #999;

	-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: 96%;

	margin-top: 6px;

	margin-left: 2%;

	margin-right: 2%;

	float: left;

	text-align: center;

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

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1rem;

	line-height: 1.3rem;

	-webkit-box-shadow: 1px;

	box-shadow: 1px;

}

#thanks a {

	color: #999;

	-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.1rem;

	line-height: 1.5rem;

	text-align: center;	

	padding-top: 5px;

	padding-bottom: 5px;

}

.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.1rem;

	line-height: 1.5rem;

	text-align: center;	

	padding-top: 5px;

	padding-bottom: 5px;

}

.testocanzoni h6 {

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

	color: #FFFFFF;

	font-weight: 700;

	font-size: 1.2rem;

	line-height: 1.6rem;

	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: 90%;

	margin-left: 5%;

	margin-right: 5%;

	margin-top: 15px;

	margin-bottom: 15px;



}

.photo_section{

	float: left;

	width: 90%;

	margin-left: 5%;

	margin-right: 5%;

	margin-top: 15px;

	margin-bottom: 15px;



}

.photo2 {

	float: left;

	width: 90%;

	margin-left: 5%;

	margin-right: 5%;

	margin-top: 15px;

	margin-bottom: 15px;



}

.photo_section2{

	float: left;

	width: 90%;

	margin-left: 5%;

	margin-right: 5%;

	margin-top: 15px;

	margin-bottom: 15px;



}

.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: 5px;

    margin-bottom: 5px;

}



.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: 3rem;

	line-height: 3.9rem;

}

h2 {

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

	color: #444545;

	font-weight: 700;

	font-size: 2.4rem;

	line-height: 3.1rem;

	

}

h3 {

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

	color: #444545;

	font-weight: 700;

	font-size: 1.8rem;

	line-height: 2.3rem;

	

}

h4 {

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

	color: #444545;

	font-weight: 700;

	font-size: 1.4rem;

	line-height: 1.8rem;

}

h5 {

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

	color: #444545;

	font-weight: 700;

	font-size: 1.2rem;

	line-height: 1.6rem;

	

}

h6 {

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

	color: #444545;

	font-weight: 700;

	font-size: 1.1rem;

	line-height: 1.5rem;	

}

p {

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

	color: #111111;

	font-weight: 300;

	font-size: 1rem;

	line-height: 1.4rem;

	text-align: justify;

}

em {

	font-style: italic;

}

strong {

	font-weight: 700;

}

#kirby_title {

	display: none;

}

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

.menu-desktop {
	display: none;
}










ul#menu-mobile {
  display: none;
  position: absolute;
  width: 100%;
  margin-top: 80px;
  margin-left: 0;
  margin-right: 0;

}

ul#menu-mobile li  {
  width: 100%;
  padding-top: 0;
  height: auto;
}

ul#menu-mobile li a {
  width: 100%;
  display: block;
  background-color: #000;
  color: #fff;
  font-size: 1.8rem;
  padding: 8px 0;
  transition: background 0.2s;
  text-decoration: none;
}
ul#menu-mobile a:hover {
  background-color: #303030;
}


ul.hamburger  {

  width: 100%  !important;

}
ul.hamburger li {
  height: 4px !important;
  width: 100%  !important;
  background: #fff;
  content: "";
  position: relative;
  transition: 0.25s ease-in-out;
  padding-top: 0;


}

.hidden {
  opacity: 0;
}

.rot45deg {
  transform: rotate(45deg);
  top: 10px !important;
}

.rot-45deg {
  transform: rotate(-45deg);
}

ul.hamburger {
  display: block;
}
ul.hamburger li:nth-child(1) {
  top: 0;
}
ul.hamburger li:nth-child(2) {
  top: 5px;
}
ul.hamburger li:nth-child(3) {
  top: 10px;
}

.hamburger-container {
  width: 30px;
  margin: 25px;
  height: 30px;
  cursor: pointer;
  float: right;
}