* {
padding:0;
margin:0;
border:0;
box-sizing:border-box;
}

body {
background:#000;
font:normal 100%/100% Arial, Helvetica, sans-serif;
}

.slideshow {
position: absolute;
width: ;
height: 100vh;
overflow: hidden;
}

.slide {
position: absolute;
width: 100%;
height: 100vh;
left:0;
top:0;
display:none;
background:#000;
}

.slide img,
.slide  video {
width:100%;
height:100%;
}

ul:after {
display:block;
clear:both;
content:"";
height:0;
}

.iframe_container {
	width:%;
position:absolute;
right:0;
top:0;
height:100%;
/*background:rgba(201,42,42,0.3);*/
background:#c92a2a;
z-index:9999;
}

.forex_table {
width:100%;
}


.forex_table h1 {
color:#fff;
font:bold 25px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
background:#c92a2a;
padding:8px 0;
}

.forex_table h1 span {
display:block;
font:normal 17px/17px Arial, Helvetica, sans-serif;
}

ul.table_head,
.flip ul {
list-style:none;
}

ul.table_head li,
.flip ul li {
display:block;
float:left;
width:18%;
color:#fff;
font:bold 11px/26px Arial, Helvetica, sans-serif;
text-align:center;
text-transform:uppercase;
background:#000;
}

ul.table_head li {
border:1px solid #C92A2A;
border-right:0;
}

ul.table_head li:first-child,
.flip ul li:first-child {
width:28%;
border-left:0;
}


.flip {
position: relative;
height:42px;
margin-bottom:1px;		

}
.flip .card.flipped {
-webkit-transform: rotatex(-180deg);
}
.flip .card {
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-webkit-transition: 5s;
}
.flip .card .face {
width: 100%;
height: 100%;
position: absolute;
-webkit-backface-visibility: hidden ;
z-index: 2;
font-family: Georgia;
font-size: 3em;
text-align: center;
line-height: 200px;
}
.flip .card .front {
position: absolute;
z-index: 1;
color: white;
cursor: pointer;
}
.flip .card .back {
-webkit-transform: rotatex(-180deg);
color: black;
cursor: pointer;
}

.flip ul li {
font-size:16px;
line-height:42px;
font-weight:normal;
border-left:1px solid #C92A2A;
background:#ab1f1f;
}

.zoom img {
max-width: 100%;  
transition: all 5s;
}

.zoom:hover img {
transform: scale(5);
}

.forex_table p {
margin: 15px 0 0 12px;
font-size: 15px;
color: #fff;
line-height: 24px;
}

.forex_table h2 {
	font-size:17px;
	color:#fff;
	padding:0 10px 5px 10px;
	font-weight:normal;
}

.flip img {
	height: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
}