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




body{
	font-family:'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 500;
	font-style: normal;
	position:relative;
	width:100%;
	height:100%;
	color:#fff;
	background-color:#e8e8e8;
}

h1{
	
	font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: bold;
	font-style: normal;
	margin: 0;
}
h2{
	
	font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: bold;
	font-style: normal;
	margin: 0;
}
h5{
	
	font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	color: #2d3844;
}
#accordion{
	
	font-family:'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 500;
	font-style: normal;
 color: #2d3844;
	letter-spacing: 0.06em;
}

.content-section {
 
   
    background-color: #e8e8e8;
    
}

a:focus, a:hover {
    
    color: #ffffff;
}
.fixed-top{
	position: fixed;
    top: 60px;
    right: 0;
    left: 0;
    z-index: 1030;	
}

#mainNav {
	font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 300;
	font-style: normal;
	}


.big{
	font-size: 100px;
	margin: 0;
}


.amms{
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;	
	background-color: #1d252c;
	height: 60px;
	font-size: 12px;
	margin: 0px;
text-align: right;
}

.amms span{
	display: none;
}

	.amms img{
	text-align: center;
}

.masthead .intro-body .brand-heading {
    font-size: 35px;
}
.masthead {
  
    padding: 150px 0;
    -webkit-background-size: 200%;
    -moz-background-size: 200%;
    -o-background-size: 200%;
    background-size: 200%;
    background-position: -25px 45px;
	   background-color: #2d3844;
}


a{color:#ffffff;
	
		
}

a:hover{
	color:#DFDFDF;
}

.tec p{
	color:black;
	text-align: left;
	font-size: 12px;
}

.tec li{
	color:black;
	text-align: left;
	font-size: 12px;
}
.tec a{
	color:black;
	text-align: left;
	font-size: 12px;
}

.triangle{

width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 30px;
border-color: transparent transparent transparent #048836;
line-height: 0px;
_border-color: #000000 #000000 #000000 #048836;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.app {
 margin: 40px;
}
.pos_bonus	{
	margin-top: 580px;
	}
	
.box {
   

overflow: hidden;margin-bottom: 5px;}

.importo {
   
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: bold;
	font-style: normal;
float: left; height: 60px; width:140px ; margin-left: 30px; font-size: 60px; line-height: 60px; text-align: right; padding-right: 20px; border-right: solid 1px white; overflow: hidden;}

.condizioni{

float: left;  height: 70px; margin-left: 20px; overflow: hidden;}

.cond_L{
font-size: 40px; text-align: left; padding: 0; margin: 0; line-height: 40px;}

.cond_sm{
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.06em;
font-size: 14px; text-align: left;}

.bonus{
height: 80px; float: left;}

.fino{
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 300;
	font-style: normal;
height: 20px; line-height: 20px;text-align: right; font-size: 14px; padding-right: 300px;
    margin-top: 10px;}

.tasto{  
	width: 400px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font-size: 40px;
    background-color: #ff8400;
    margin-top: 30px;
}
.navbar-brand img{
	width:initial;
	}


.navbar-brand{
	width:initial;
	}


@media (max-width: 425px){
	
	
.pos_bonus	{
	margin-top: 0px;
	}
	
	.masthead {
		background-image: none !important;
}
	.masthead .intro-body .brand-heading {
    font-size: 20px;
}
	
	}
@media (max-width: 375px){
	
	
.pos_bonus	{
	margin-top: 0px;
	}
	.masthead {
		background-image: none !important;
}
	.masthead .intro-body .brand-heading {
    font-size: 20px;
}
}

@media (max-width: 375px){
	
	.navbar-brand img{
	width:80%;
	}
.navbar-brand{
	width:150px;
	}
.sm_mobile{
		width: 320px;

	}

	
.box {
   

overflow: hidden;margin-bottom: 4px;}

.importo {
   
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 300;
	font-style: normal;
	font-weight: bold;
	font-style: normal;
float: left; height: 60px; width:100px ; margin-left: 10px; font-size: 35px; line-height: 30px; text-align: right; padding-right: 10px; border-right: solid 1px white; overflow: hidden;}

.condizioni{

float: left;  height: 70px; margin-left: 10px; overflow: hidden;}

.cond_L{
font-size: 30px; text-align: left; padding: 0; margin: 0; line-height: 40px;}

.cond_sm{
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.06em;
font-size: 12px; text-align: left;}

.bonus{
height: 80px; float: left;}

.fino{
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 300;
	font-style: normal;
height: 20px; line-height: 20px;text-align: right; font-size: 14px; padding-right: 195px;
    margin-top: 10px;}

.tasto{  
	width: 290px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font-size: 40px;
    background-color: #ff8400;
    margin-top: 30px;
}
	
}




@media (min-width: 1025px){
	
	
	.sm_mobile{
		width: inherit;

	}
	
	
	.amms span{
	display: inline-block;
}	
	
	.amms img{
	text-align: right;
}
	
.pos_bonus	{
	margin-top: 0px;
	}
	
.box {
   

width: 570px; height: 110px; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; overflow: hidden;margin-bottom: 10px;}

.importo {
   
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: bold;
	font-style: normal;
float: left; height: 60px; width:230px ; font-size: 60px; line-height: 60px; text-align: right; padding-right: 20px; border-right: solid 1px white; overflow: hidden;}

.condizioni{

float: left; width: 280px; height: 70px; margin-left: 20px; overflow: hidden;}

.cond_L{
font-size: 40px; text-align: left; padding: 0; margin: 0; line-height: 40px;}

.cond_sm{
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.06em;
font-size: 14px; text-align: left;}

.bonus{
height: 80px; float: left;}

.fino{
font-family: 'Korolev Condensed', Arial Narrow, Arial;
	font-weight: 300;
	font-style: normal;
height: 20px; line-height: 20px;text-align: right; font-size: 14px; padding-right: 370px; margin-top: 0;}

.tasto{  
	width: 400px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font-size: 40px;
    background-color: #ff8400;
    margin-top: 30px;
}
	
	}





@media (min-width: 1024px){
	
	.masthead {
    display: table;
    width: 100%;
    height: auto;
    padding: 200px 0;
    text-align: center;
    color: #fff;
    background: url(../img/intro-bg.jpg) no-repeat top center scroll;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
	.pos_bonus	{
	margin-top: 0px;
	}
	
	
}






/* This stylesheet generated by Transfonter (https://transfonter.org) on September 12, 2017 4:14 PM */

@font-face {
	font-family: 'Korolev';
	src: url('Korolev-Bold.eot');
	src: url('Korolev-Bold.eot?#iefix') format('embedded-opentype'),
		url('Korolev-Bold.woff') format('woff'),
		url('Korolev-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev';
	src: url('Korolev-Medium.eot');
	src: url('Korolev-Medium.eot?#iefix') format('embedded-opentype'),
		url('Korolev-Medium.woff') format('woff'),
		url('Korolev-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev Condensed';
	src: url('KorolevCondensed-Bold.eot');
	src: url('KorolevCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		url('KorolevCondensed-Bold.woff') format('woff'),
		url('KorolevCondensed-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev Condensed';
	src: url('KorolevCondensed-Light.eot');
	src: url('KorolevCondensed-Light.eot?#iefix') format('embedded-opentype'),
		url('KorolevCondensed-Light.woff') format('woff'),
		url('KorolevCondensed-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev Condensed';
	src: url('KorolevCondensed-Medium.eot');
	src: url('KorolevCondensed-Medium.eot?#iefix') format('embedded-opentype'),
		url('KorolevCondensed-Medium.woff') format('woff'),
		url('KorolevCondensed-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev';
	src: url('Korolev-Light.eot');
	src: url('Korolev-Light.eot?#iefix') format('embedded-opentype'),
		url('Korolev-Light.woff') format('woff'),
		url('Korolev-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


/* This stylesheet generated by Transfonter (https://transfonter.org) on September 14, 2017 1:07 PM */

@font-face {
	font-family: 'Korolev Condensed';
	src: local('Korolev Condensed Bold'), local('KorolevCondensed-Bold'),
		url('KorolevCondensed-Bold.woff2') format('woff2'),
		url('KorolevCondensed-Bold.svg#KorolevCondensed-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev';
	src: local('Korolev Light'), local('Korolev-Light'),
		url('Korolev-Light.woff2') format('woff2'),
		url('Korolev-Light.svg#Korolev-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev Condensed';
	src: local('Korolev Condensed Medium'), local('KorolevCondensed-Medium'),
		url('KorolevCondensed-Medium.woff2') format('woff2'),
		url('KorolevCondensed-Medium.svg#KorolevCondensed-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev Condensed';
	src: local('Korolev Condensed Light'), local('KorolevCondensed-Light'),
		url('KorolevCondensed-Light.woff2') format('woff2'),
		url('KorolevCondensed-Light.svg#KorolevCondensed-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev';
	src: local('Korolev Bold'), local('Korolev-Bold'),
		url('Korolev-Bold.woff2') format('woff2'),
		url('Korolev-Bold.svg#Korolev-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Korolev';
	src: local('Korolev Medium'), local('Korolev-Medium'),
		url('Korolev-Medium.woff2') format('woff2'),
		url('Korolev-Medium.svg#Korolev-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

