@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=latin-ext');
@import url('basic.css');
@import url('animate.css');

body {background-image:url('../gfx/background.jpg');background-repeat:no-repeat;background-size:cover;background-attachment:fixed;text-align:center;font-family: 'Open Sans', sans-serif;font-size:0;}

header#top {display:block;margin:0 auto;}

p {font-size:initial;}

a {color:#afd12d;}
a:hover {color:#2a2a2a;}

p.header {font-size:55px;color:#fff;font-weight:600;margin-top:20px;}
span.green {font-family: 'PT Serif', serif;font-style:italic;color:#ddff5b;}

a.button {position:relative;background-color:#b1d42f;color:#fff;font-size:13px;font-weight:600;margin:0 0 0 50px;padding:12px 20px;border-radius:5px;box-shadow:0 5px 10px rgba(156,190,25,0.5);text-shadow:0 3px 3px rgba(0,0,0,0.1);transition:all 0.3s ease;}
a.button:hover {background-color:#a4c624;}
a.button:before {background-image:url('../gfx/arrow.png');background-position:center center;background-repeat:no-repeat;position:absolute;width:40px;height:100%;top:0;bottom:0;left:-25px; border-bottom-left-radius:5px;border-top-left-radius:5px;background-color:#a4c624;content:'';transition:all 0.3s infinity;}

a.button:hover:before {background-position:center 15px;}

section#download {position:absolute;right:5%;top:80px;text-align:right;}
section#download p {color:#fff;font-size:12px;font-weight:600;margin-bottom:25px;}

section#boxes {display:block;margin:40px auto 0;}


.full {width:100%;}
.justify {width:1360px;display:block;margin:0 auto;}
.left, .right {width:50%;}
.align-right {text-align:right;}
.inline {vertical-align:top;display:inline-block;}
.box {width:21%;margin:1% 2%;background-color:#fff;border-radius:10px;padding:20px 0;box-shadow:0 3px 15px rgba(21,94,161,0.6);transition:all 0.1s ease;}
.box:hover {width:23%;margin:0 1%;box-shadow:0 0 20px rgba(21,94,161,1);padding:35px 1%;}

.box .mask {position:relative;margin:0 20px;}
.box .thumb {width:auto;height:100%;overflow:hidden;border-radius:50%;display:inline-block;}
.box .mask img {max-width:100%;height:auto;transition:all 0.3s ease;}
.box:hover .mask img {transform:scale(1.1) rotate(10deg);}
.box .mask p.sign {position:absolute;min-height:auto;bottom:30px;left:0;border-radius:5px;color:#fff;text-align:center;width:100%;margin:0 auto;font-size:17px;font-weight:600;background-color:#afd12d;padding:15px 0;box-shadow:0 5px 10px rgba(156,190,25,0.5);text-shadow:0 3px 3px rgba(0,0,0,0.1);transition:all 0.3s ease;}
.box:hover .mask p.sign {bottom:15px;}

.box p {color:#424242;font-size:14px;line-height:30px;min-height:120px;}
.box p.title {font-size:16px;font-weight:700;color:#424242;margin:10px 0;min-height:auto;}

footer#bottom {margin-top:60px;border-top:1px solid rgba(255,255,255,0.3);padding:40px 0;}
footer#bottom p {font-size:13px;color:#fff;margin-bottom:0;text-align:left;}
footer#bottom p.right {text-align:right;}
footer#bottom p.right img {margin-left:5px;}