body {background: #efefef;font-family: 'Open Sans', sans-serif;margin:0px;padding:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b2b2b2+100&1+0,0.66+100 */
 /* FF3.6-15 */
backgroud: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(178,178,178,0.66) 100%); /* Chrome10-25,Safari5.1-6 */
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* IE6-9 */
}
p, h1, h2, h3{
padding:0px;
margin:0px;
}
.wrapper {max-width:1400px;width:100%;margin:0 auto 0 auto;background: #efefef;position: relative;}
header {width:100%;padding:15px 15px 15px 15px;background-color:rgb(0, 0, 0);box-sizing:border-box;text-align:center;position: absolute;color: white;font-style: italic;}
footer {padding: 18px;box-sizing: border-box;text-align: center;font-family: 'Roboto', sans-serif;}
.logo {max-width: 220px;}
.mint {margin:0px auto 0px auto;padding:15px 0px 15px 0px;width:1400px;max-width:96%;box-sizing:border-box;color: #000;}
.mint-special {width:49.5%;display:inline-block;font-size:16px;padding-left:55px;position:relative;margin-top: 15px;box-sizing: border-box;background: #FFF;box-shadow: 0px 1px 1px #cccbcb;box-sizing: border-box;padding: 10px 10px 10px 55px;vertical-align: top;}
.mint-icon {position:absolute;top:0;left:10px;font-size: 27px !important;line-height: 50px !important;color: #f66522;}


.mint-shadow {width: 100%;
position: absolute;
margin-top: -32px;
height: 64px;
}

.flag-area {position:absolute;right:0;background: black;top: 0;padding: 9px 10px 9px 16px;}
.nav-block {display:inline-block;text-decoration: none;color: white;vertical-align: bottom;font-family: 'Roboto', sans-serif;}
.mini-flag {display:inline-block;max-width:20px;}

.bbchart {padding: 15px;box-sizing: border-box;}
.mint-bb {width:49%;margin-top:15px;font-size: 32px;box-sizing: border-box;display: inline-block;background: #FFF;box-shadow: 0px 1px 1px #cccbcb;padding: 15px;vertical-align: top;margin-left:0.5%;position:relative;}
.bb-image {width:100%;max-width:600px;position:relative;top: 21px;z-index: 9999;}
.head-image {width:100%;box-sizing:border-box;background-image:url('images/background.jpg');background-size:cover;background-repeat:no-repeat;background-position:bottom;}
.full-width {width:100%;}
.right-block {margin-left: 1%;}
.mint-20 {border-right:6px solid #DBD938;}
.mint-23 {border-right:6px solid #00A529;}
.mint-25 {border-right:6px solid #0D57DD;}
.mint-28 {border-right:6px solid #990099;}
.mint-30 {border-right:6px solid #cc0000;}
.mint-32 {border-right:6px solid #ff9900;}
.mint-36 {border-right:6px solid #996600;}
.mint-40 {border-right:6px solid #f6f6f6;}
.mint-43 {border-right:6px solid #999999;}
.mint-45 {border-right:6px solid #666666;}
.mint-50 {border-right:6px solid #333333;}
.mint-tra-25 {border-right:6px solid #07059A;}
.mint-tra-30 {border-right:6px solid #902E2F;}
/*
.mint-20 {background:#DBD938;}
.mint-23 {background:#00A529;}
.mint-25 {background:#0D57DD;}
.mint-28 {background:#990099;}
.mint-30 {background:#cc0000;}
.mint-32 {background:#ff9900;}
.mint-36 {background:#996600;}
.mint-40 {background:#f6f6f6;}
.mint-43 {background:#999999;}
.mint-45 {background:#666666;}
.mint-50 {background:#333333;}
.mint-tra-25 {background:#07059A;}
.mint-tra-30 {background:#902E2F;}
*/

.mint-info-buynow {position: relative;font-size: 15px;color: #f1f1f1;background: #9dd53a;padding: 8px 10px 8px 10px;display: inline-block;margin-top: 10px;font-family: 'Roboto', sans-serif;}

.mint-desc {width:100%;margin:0px auto 0px auto;font-family: 'Roboto', sans-serif;color: white;font-size: 0px;text-align:center;}
.mint-bb-image {float:left;max-width:190px;width:30%;}
.mint-bb-title {font-size:30px;padding-bottom:10px;color:#353535;}
.mint-info-title {font-size:15px;color: #7b7b7b;}
.mint-info-desc {font-size:15px;float: right;width: 67%;}

.mint-preview {width:100%;box-sizing:border-box;margin:0px auto 0px auto;font-size:0px;background: #000;padding: 21px 0px 10px 0px;position: relative;z-index: 999;}
.mint-preview-item {width:33.3333%;display:inline-block;text-align:center;vertical-align: top;min-height: 106px;}
.mint-preview-image-1 {display:inline-block;max-width: 104px;}
.mint-preview-image-2 {display:inline-block;max-width: 128px;}
.mint-preview-image-3 {display:inline-block;max-width: 140px;}
.mint-preview-title {font-size:15px;color:#fff;}
.mint-preview-main-title-2 {font-size:24px;color:#fff;font-family: 'Roboto', sans-serif;text-transform: uppercase;text-align: center;letter-spacing: 6px;margin-top: 30px;}
.mint-preview-main-title-1 {font-size:24px;color:#fff;font-family: 'Roboto', sans-serif;text-transform: uppercase;text-align: center;letter-spacing: 6px;margin-bottom: 30px;display:none;}
.mint-preview-icon {display:inline-block;color: #fff;font-size: 45px;vertical-align: top;padding-right: 20px;padding-top: 21px;}
.mint-info-buynow:hover {
    background: #f28a52;
}


.mint-block {width:1400px;width:100%;margin:0px auto 0px auto;border-top: 14px solid #000;box-sizing: border-box;}
.left-1 {background-image:url('images/left_1.jpg');background-size:cover;background-repeat:no-repeat;}
.left-2 {background:black;background-image:url('images/ala_uusi.jpg');background-size:cover;background-repeat:no-repeat;background-position: top right;}
.right-1 {background:black;background-image:url('images/yla_uusi.jpg');background-size:cover;background-repeat:no-repeat;text-align: right;background-position: top right;}
.mint-block-right-desc {padding:110px 35px 110px 35px;box-sizing:border-box;display: inline-block;width: 100%;text-align: right;}
.mint-block-left-desc {padding:110px 35px 110px 35px;box-sizing:border-box;width: 100%;}
.mint-block h2 {color:#fff;font-size:28px;font-family: 'Roboto', sans-serif;text-transform:uppercase;}
.mint-block p {color:#fff;font-size:18px;}
.mint-block-max {max-width:620px;display:inline-block;}

@media only screen and (max-width: 1220px) {
.mint-36 {width:100%;}
 .mint-40 {width:100%;}
  .mint-43 {width:100%;}
   .mint-45 {width:100%;}
    .mint-50 {width:100%;}
        .mint-bb-image {max-width:none;}
        .mint-preview-main-title-1 {display:block;}
        .mint-preview-main-title-2 {display:none;}
}


@media only screen and (max-width: 830px) {
  .mint-bb {width:100%;}
}

@media only screen and (max-width: 550px) {
  .mint-info-desc {width:100%;}
  .mint-bb-image {width:100%;max-width:500px;}
}
@media only screen and (max-width: 690px) {
  .mint-preview-item {width:100%;}
}