@charset "utf-8";
/* CSS Document */

body { font-family: 'Playfair Display', serif; color: #5d5356; font-size:19px; line-height:28px; font-weight:400; }
img { max-width: 100%; }

.container { max-width:400px; padding:0; margin:0 auto; }
.margin10 { margin-bottom:10px; }
.margin20 { margin-bottom:20px; }
.margin30 { margin-bottom:30px; }
.margin40 { margin-bottom:40px; }
.margin50 { margin-bottom:50px; }
a:hover, :hover { -webkit-transition: ease-out 0.2s; -moz-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; transition: ease-out 0.2s; text-decoration:none; }

h1 { font-size:52px; text-decoration:none; margin:0; font-weight:600; }
h2 { font-size:32px; text-decoration:none; margin:20px 0 0 0; font-weight:400; }
h3 { font-size:22px; text-decoration:none; font-weight:500; margin:10px 0; line-height:30px; }
p { font-size:18px; text-decoration:none; margin:5px 0; line-height:26px; }

.line { border-bottom:1px solid #d0d0d0; margin:10px 0; }

form { text-align:center; margin:20px 0; }
.form-control { margin:5px 0; }


.button { background-color:transparent; }
.button span { cursor: pointer; display: inline-block; position: relative; transition: 0.3s; }
.button span:after {  content:'»'; position: absolute;  opacity: 0;  top: 0;  right: -20px;  transition: 0.5s; }
.button:hover span {  padding-right: 25px; }
.button:hover span:after { opacity: 1; right:0; }

.btn-general { background-color:#5d5356; padding:8px 30px; width:100%; display: inline-block; color:#FFF; font-size:20px; text-decoration:none; font-weight:400; border-radius:7px; border:0; margin:5px 0; }
.btn-general:hover { background-color:#5d5356; color:#FFF; }