@charset 'UTF-8';

@font-face {
  font-family: 'ProximaNova2';
  src: url('fonts/ProximaNova-Extrabold.otf') format('opentype'); 
  font-weight: 900; 
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaNova-Black.otf') format('opentype'); 
  font-weight: 800; 
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaNova-Bold.otf') format('opentype');  
  font-weight: 700; 
  font-style: normal;
}


@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaNova-Reg.otf') format('opentype');  
  font-weight: 400; 
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaNova-Semibold.otf') format('opentype');  
  font-weight: 600; 
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaSansBlack.ttf') format('truetype');  
  font-weight: 800; 
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaSansMedium.ttf') format('truetype');  
  font-weight: 500; 
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('fonts/ProximaSansRegular.ttf') format('truetype');  
  font-weight: 400; 
  font-style: normal;
}



body {
	padding: 0px;
	margin: 0px;
	background: #fff;
	color: #fff;
	font-family: ProximaNova, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: 700;
	text-transform: uppercase;
}

h2, h3 { 
	margin: 0; 
	padding: 0; 
}
h4 {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
	font-size: 20px;
}
.rotate {
    margin: 0;
    padding: 0;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}
.content {
	width: 810px;
	background-image: url(pix/watermark-back.jpg);
	background-repeat: repeat-y;
	min-height: 810px;
	margin: 0 auto;
	margin-top: 0;
}

td a{
    color :#fff;
    text-decoration: none;
}
.content1 {
	width: 810px;
	background-image: url(pix/watermark-back1.jpg);
	background-repeat: no-repeat;
	min-height: 810px;
	margin: 0 auto;
	margin-top: 0;
}

a.but01,button.but01{
	border-radius: 10px;
	background-color:#FFF;
	color: #f81c1c;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
a.but02,button.but02{
	border-radius: 10px;
	background-color:#Fe0000;
	color: #fff;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

a.but03{
	border-radius: 10px; 
	background-color:#fe0000; 
	color: #fff; 	
	text-decoration: none;	
	width: 100%; 
	height: 246px ! important; 
	text-align: center; 
}

a.but03 span.f3{
font-size:20px
}
a.but03 span.f4{
font-size:13px
}

form input.parti, select {
	border-radius: 8px;
	border: 0px;
	background-color:#FF0000;
	padding: 10px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
        
        
}
form input.parti {
	width: 213px;
}
form select {
	width: 99%;
}
.arrow{
    width:40px;
    height: 40px;
    position: absolute;
    top:0px;
    left: 232px;
    z-index: 80;
    background-color: #fff;
    display: inline-block;
}

.redbx {
	background-color:#fe0000; 
	border-radius: 10px; 
	width: 444px ! important; 
	min-height: 246px ! important; 
	text-align: center; 
	color: #fff; 
	overflow: hidden;
}
.box{
     
	max-width: 444px ! important; 
	min-height: 246px ! important; 
}
.vide{
    height :100px;
}
#img_prev{
        background-color:#fe0000; 
	border-radius: 10px;
	text-align: center; 
        width : 300px;
        height : auto;
        
	color: #fff; 
}