.home-slider {position: relative; min-height: 540px; background-color: #0b3567;}
.home-slider .slide {position: absolute; display: block; visibility: hidden; width: 100%; height: 540px; background-position: center; background-size: cover; color: #FFF; font-family: 'DINProLight'; font-size: 20px;}
.home-slider .slide:first-child {visibility: visible;}
.viewport-480 .home-slider .slide,
.viewport-320 .home-slider .slide {font-size: 17px;}
.home-slider .slide:nth-child(1) {display: block;}
.home-slider .slide .content {position: relative; z-index: 2; width: 50%; margin-top: 70px;}
.viewport-960 .home-slider .slide .container {padding: 0 70px;}
.viewport-960 .home-slider .slide .content,
.viewport-720 .home-slider .slide .content,
.viewport-480 .home-slider .slide .content,
.viewport-320 .home-slider .slide .content {width: 100%; margin-top: 10px;}
.viewport-480 .home-slider .slide .content,
.viewport-320 .home-slider .slide .content {text-align: center; margin-top: -20px;}
.home-slider .slide .content .title {color: #8ea9cb; font-size: 40px; line-height: 50px;}
.viewport-480 .home-slider .slide .content .title,
.viewport-320 .home-slider .slide .content .title {font-size: 27px; line-height: 30px;}
.home-slider .slide .content .title .big {font-size: 72px; line-height: 72px;}
.home-slider .slide .content .title .green {color: #9cc848;}
.home-slider .slide .content .text {margin-top: 23px;}
.viewport-960 .home-slider .slide .content .title,
.viewport-720 .home-slider .slide .content .title,
.viewport-960 .home-slider .slide .content .text,
.viewport-720 .home-slider .slide .content .text {float: left; width: 65%;}
.viewport-480 .home-slider .slide .content .text,
.viewport-320 .home-slider .slide .content .text {margin-top: 17px;}
.home-slider .slide .content .text .big {font-family: 'DINProRegular'; font-size: 24px;}
.viewport-480 .home-slider .slide .content .text .big,
.viewport-320 .home-slider .slide .content .text .big {font-size: 17px;}
.btn-slider {display: inline-block; min-width: 227px; margin-top: 30px; padding: 17px; border:4px solid #9cc848; border-radius: 3px; background: rgba(156, 200, 72, 0.09); color: #9cc848; font-family: 'DINProBold'; font-size: 20px; text-align: center;}
.btn-slider:hover {border-color: #8b9f64; color: #8b9f64;}
.viewport-960 .home-slider .slide .buttons,
.viewport-720 .home-slider .slide .buttons {text-align: right;}
.viewport-960 .home-slider .slide .btn-slider,
.viewport-720 .home-slider .slide .btn-slider {margin-top: 60px;}
.viewport-480 .home-slider .slide .btn-slider,
.viewport-320 .home-slider .slide .btn-slider {margin-top: 25px;}
.home-slider .home-slider-navi {position: absolute; bottom: 33px; z-index: 2; width: 100%; font-family: 'Zerospace'; font-size: 0; text-align: center;}
.viewport-480 .home-slider-navi,
.viewport-320 .home-slider-navi {bottom: 37px;}
.home-slider .home-slider-navi a {opacity: .22; display: inline-block; width: 16px; height: 16px; margin: 0px 15px; border-radius: 8px; background: #FFF; text-indent: -99999px;}
.home-slider .home-slider-navi a.active,
.home-slider .home-slider-navi a:hover {opacity: .72;}

/* Exchange Rate Table */
.home-slider .container.exchange {position: relative;}
.viewport-960 .home-slider .container.exchange,
.viewport-720 .home-slider .container.exchange,
.viewport-480 .home-slider .container.exchange,
.viewport-320 .home-slider .container.exchange {position: absolute; bottom: 70px;}
.home-slider .exchange-rate {float: right; width: 562px; margin-top: 38px; color: #FFF;}
.viewport-960 .home-slider .exchange-rate,
.viewport-720 .home-slider .exchange-rate {width: 100%; padding: 0px 70px;}
.viewport-480 .home-slider .exchange-rate,
.viewport-320 .home-slider .exchange-rate {width: 100%; margin-top: 0px; padding-bottom: 18px; text-align: center;}
.viewport-480 .home-slider .exchange-rate .flag img,
.viewport-320 .home-slider .exchange-rate .flag img {display: none;}
.viewport-480 .home-slider .exchange-rate .flag,
.viewport-320 .home-slider .exchange-rate .flag {width: 10px;}
.home-slider .exchange-rate a {color:#FFF;}
.home-slider .exchange-rate table a:hover {text-decoration: underline;}
.home-slider .exchange-rate tr {background: rgba(255, 255, 255, 0.18);}
.home-slider .exchange-rate tr:nth-of-type(odd) {background: none;}
.home-slider .exchange-rate th {color: #FFF;}
.home-slider .exchange-rate .btn {float: right; margin-top: 20px;}
.viewport-480 .exchange-rate .btn,
.viewport-320 .exchange-rate .btn {float: none;}
/* End Exchange Rate Table */