@import url(https://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,600italic,700);
@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);
html body{
    font-family: "Lato", arial, sans-serif;
    background:#F3F3F3;
    color:#454545;
}
#container{
    margin: auto;
    padding-bottom: 60px;
}
img,input[type=image]{
    max-width: 100%;
}
.head{
    color:#343434;
    font-size:17px;
    padding:8px 5px;
    text-align: center;
    background: #FFFFFF;
}
.head .inside{
    max-width: 900px;
    margin:auto;
    text-align: center;
}
.main{
    margin:auto;
    padding-top:20px;
    background:#F3F3F3;
}
.head .werds{
    padding:35px 0;
    font-size:17px;
}
.main .credit{
    max-width:700px;
    margin:auto;
    padding:5px 5px 35px 5px;
}
.main .next{
    max-width:420px;
    margin:auto;
    text-align: center;
    padding:20px 0;
    font-weight: 700;
}
.boxes{
    max-width:900px;
    margin:auto;
    padding-top:20px;
}
.box{
    background: #FFFFFF;
    border-bottom:2px #3E89BF solid;
    margin-bottom:20px;
}
.box .left{
    float:left;
    width:20%;
}
.box .line{
    border-bottom:2px #D2D2D2 solid;
    max-width: 80px;
    margin-bottom: 9px;
    padding-top:3px;
}
.box .middle{
    float:left;
    width:55%;
}
.box .right{
    float:right;
    width:25%;
    text-align: center;
}
.box .icon img{
    float:left;
    max-width: 94%;
}
.box .title{
    font-size:18px;
    font-weight:600;
    padding:10px 0 10px;
}
.box .werds{
    font-size:13px;
    line-height: 1.6;
    padding-right:15px;
}
.box .logo{
    padding:15px 0;
}
.box .note{
    font-size:9px;
}
.hider{
    text-align: right;
    padding-right:8px;
    padding-bottom:4px;

}
.hider span{
    cursor:pointer;
}
.hider span:hover{
    color:#989898;
}
@media screen and (max-width: 655px){
    .box .left{
        display: none;
    }
    .box .middle{
        width:65%;
        padding-left:5px;
        box-sizing: border-box;
    }
    .box .right{
        width:35%;
    }
    .main .werds{
        font-size:14px;
    }
}
@media screen and (max-width: 500px){
    .box .left{
        display: none;
    }
    .box .middle{
        width:100%;
        padding-left:5px;
        box-sizing: border-box;
        float:initial;
    }
    .box .right{
        width:100%;
        float:initial;
    }
}