/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
a{
    background:0 0
}
h1{
    font-size:2em
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
mark{
    background:#ff0;
    color:#000
}
code,kbd,pre,samp{
    font-family:monospace,serif;
    font-size:1em
}
pre{
    white-space:pre-wrap
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0
}
button,input{
    line-height:normal
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=search]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
input,select,textarea{
    border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
@font-face{
    font-family:icomoon;
    src:url(/public/icons/fonts/icomoon.eot?-jquuf0);
    src:url(/public/icons/fonts/icomoon.eot?#iefix-jquuf0) format('embedded-opentype'),url(/public/icons/fonts/icomoon.woff?-jquuf0) format('woff'),url(/public/icons/fonts/icomoon.ttf?-jquuf0) format('truetype'),url(/public/icons/fonts/icomoon.svg?-jquuf0#icomoon) format('svg');
    font-weight:400;
    font-style:normal
}
[class*=" icon-"]::before,[class^=icon-]::before{
    font-family:icomoon;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-pacman:before{
    content:"\e600"
}
.icon-phone:before{
    content:"\e602"
}
.icon-undo2:before{
    content:"\e608"
}
.icon-quotes-left:before{
    content:"\e609"
}
.icon-signup:before{
    content:"\e60e"
}
.icon-paperplane:before{
    content:"\e610"
}
.icon-airplane:before{
    content:"\e613"
}
.icon-arrow-left:before{
    content:"\e617"
}
.icon-github:before{
    content:"\e618"
}
.icon-twitter:before{
    content:"\e619"
}
.icon-facebook:before{
    content:"\e61a"
}
.icon-googleplus:before{
    content:"\e61b"
}
.icon-linkedin:before{
    content:"\e61c"
}
.icon-skype:before{
    content:"\e61e"
}
.icon-npm-plain-wordmark:before{
    content:"\e606"
}
.icon-elementary-plain:before{
    content:"\e607"
}
.icon-ghost-plain-wordmark:before{
    content:"\e60a"
}
.icon-symfony-original-wordmark:before{
    content:"\e603"
}
.icon-symfony-original:before{
    content:"\e605"
}
.icon-react-original-wordmark:before{
    content:"\e60c"
}
.icon-react-original:before{
    content:"\e601"
}
.icon-amazonwebservices-original:before{
    content:"\e60b"
}
.icon-amazonwebservices-plain-wordmark:before{
    content:"\e604"
}
.icon-android-plain-wordmark:before{
    content:"\e60d"
}
.icon-android-plain:before{
    content:"\e612"
}
.icon-angularjs-plain-wordmark:before{
    content:"\e61d"
}
.icon-angularjs-plain:before{
    content:"\e61f"
}
.icon-appcelerator-original:before{
    content:"\e620"
}
.icon-appcelerator-plain-wordmark:before{
    content:"\e621"
}
.icon-apple-original:before{
    content:"\e622"
}
.icon-atom-original-wordmark:before{
    content:"\e623"
}
.icon-atom-original:before{
    content:"\e624"
}
.icon-backbonejs-plain-wordmark:before{
    content:"\e62c"
}
.icon-backbonejs-plain:before{
    content:"\e62d"
}
.icon-bootstrap-plain-wordmark:before{
    content:"\e62e"
}
.icon-bootstrap-plain:before{
    content:"\e62f"
}
.icon-bower-line-wordmark:before{
    content:"\e630"
}
.icon-bower-line:before{
    content:"\e631"
}
.icon-bower-plain-wordmark:before{
    content:"\e64e"
}
.icon-bower-plain:before{
    content:"\e64f"
}
.icon-chrome-plain-wordmark:before{
    content:"\e665"
}
.icon-chrome-plain:before{
    content:"\e666"
}
.icon-codeigniter-plain-wordmark:before{
    content:"\e667"
}
.icon-codeigniter-plain:before{
    content:"\e668"
}
.icon-coffeescript-original-wordmark:before{
    content:"\e669"
}
.icon-coffeescript-original:before{
    content:"\e66a"
}
.icon-css3-plain-wordmark:before{
    content:"\e678"
}
.icon-css3-plain:before{
    content:"\e679"
}
.icon-debian-plain-wordmark:before{
    content:"\e67e"
}
.icon-debian-plain:before{
    content:"\e67f"
}
.icon-dot-net-plain-wordmark:before{
    content:"\e6d3"
}
.icon-dot-net-plain:before{
    content:"\e6d4"
}
.icon-drupal-plain-wordmark:before{
    content:"\e6e2"
}
.icon-drupal-plain:before{
    content:"\e6e3"
}
.icon-firefox-plain-wordmark:before{
    content:"\e75d"
}
.icon-firefox-plain:before{
    content:"\e75e"
}
.icon-foundation-plain-wordmark:before{
    content:"\e7a2"
}
.icon-foundation-plain:before{
    content:"\e7a3"
}
.icon-git-plain-wordmark:before{
    content:"\e7a7"
}
.icon-git-plain:before{
    content:"\e7a8"
}
.icon-grunt-line-wordmark:before{
    content:"\e7a9"
}
.icon-grunt-line:before{
    content:"\e7aa"
}
.icon-grunt-plain-wordmark:before{
    content:"\e7ea"
}
.icon-grunt-plain:before{
    content:"\e7eb"
}
.icon-gulp-plain:before{
    content:"\e7ec"
}
.icon-html5-plain-wordmark:before{
    content:"\e7f6"
}
.icon-html5-plain:before{
    content:"\e7f7"
}
.icon-ie10-original:before{
    content:"\e7f8"
}
.icon-illustrator-line:before{
    content:"\e7f9"
}
.icon-illustrator-plain:before{
    content:"\e7fa"
}
.icon-inkscape-plain-wordmark:before{
    content:"\e834"
}
.icon-inkscape-plain:before{
    content:"\e835"
}
.icon-java-plain-wordmark:before{
    content:"\e841"
}
.icon-java-plain:before{
    content:"\e842"
}
.icon-javascript-plain:before{
    content:"\e845"
}
.icon-jquery-plain-wordmark:before{
    content:"\e849"
}
.icon-jquery-plain:before{
    content:"\e84a"
}
.icon-krakenjs-plain-wordmark:before{
    content:"\e84f"
}
.icon-krakenjs-plain:before{
    content:"\e850"
}
.icon-laravel-plain-wordmark:before{
    content:"\e851"
}
.icon-laravel-plain:before{
    content:"\e852"
}
.icon-less-plain-wordmark:before{
    content:"\e853"
}
.icon-linux-plain:before{
    content:"\eb1c"
}
.icon-mongodb-plain-wordmark:before{
    content:"\eb43"
}
.icon-mongodb-plain:before{
    content:"\eb44"
}
.icon-moodle-plain-wordmark:before{
    content:"\eb5a"
}
.icon-moodle-plain:before{
    content:"\eb5b"
}
.icon-mysql-plain-wordmark:before{
    content:"\eb60"
}
.icon-mysql-plain:before{
    content:"\eb61"
}
.icon-nodejs-plain-wordmark:before{
    content:"\eb69"
}
.icon-nodejs-plain:before{
    content:"\eb6a"
}
.icon-oracle-original:before{
    content:"\eb6b"
}
.icon-photoshop-line:before{
    content:"\eb6c"
}
.icon-photoshop-plain:before{
    content:"\eb6d"
}
.icon-php-plain:before{
    content:"\eb71"
}
.icon-postgresql-plain-wordmark:before{
    content:"\eb7c"
}
.icon-postgresql-plain:before{
    content:"\eb7d"
}
.icon-python-plain-wordmark:before{
    content:"\eb88"
}
.icon-python-plain:before{
    content:"\eb89"
}
.icon-rails-plain-wordmark:before{
    content:"\eba2"
}
.icon-rails-plain:before{
    content:"\eba3"
}
.icon-ruby-plain-wordmark:before{
    content:"\ebc9"
}
.icon-ruby-plain:before{
    content:"\ebca"
}
.icon-sass-original:before{
    content:"\ebcb"
}
.icon-travis-plain-wordmark:before{
    content:"\ebcc"
}
.icon-travis-plain:before{
    content:"\ebcd"
}
.icon-trello-plain-wordmark:before{
    content:"\ebce"
}
.icon-trello-plain:before{
    content:"\ebcf"
}
.icon-ubuntu-plain-wordmark:before{
    content:"\ebd0"
}
.icon-ubuntu-plain:before{
    content:"\ebd1"
}
.icon-vim-plain:before{
    content:"\ebf3"
}
.icon-windows8-original-wordmark:before{
    content:"\ebf4"
}
.icon-windows8-original:before{
    content:"\ebf5"
}
.icon-wordpress-plain-wordmark:before{
    content:"\ebfd"
}
.icon-wordpress-plain:before{
    content:"\ebfe"
}
.icon-yii-plain-wordmark:before{
    content:"\ec01"
}
.icon-yii-plain:before{
    content:"\ec02"
}
.icon-zend-plain-wordmark:before{
    content:"\ec03"
}
.icon-zend-plain:before{
    content:"\ec04"
}
.simform{
    position:relative;
    margin:0 auto;
    padding:2em 0;
    max-width:860px;
    width:100%;
    text-align:left;
    font-size:2.5em
}
.simform .submit{
    display:none
}
.simform ol{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    -webkit-transition:height .4s;
    transition:height .4s
}
.simform ol:before{
    content:'';
    background-color:rgba(0,0,0,.1);
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2.35em
}
.questions li{
    z-index:100;
    position:relative;
    visibility:hidden;
    height:0;
    -webkit-transition:visibility 0s .4s,height 0s .4s;
    transition:visibility 0s .4s,height 0s .4s
}
.no-js .questions li,.questions li.current{
    visibility:visible;
    height:auto;
    -webkit-transition:none;
    transition:none
}
.questions li>span{
    display:block;
    overflow:hidden
}
.questions li>span label{
    display:block;
    -webkit-transition:-webkit-transform .4s;
    transition:transform .4s;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.no-js .questions li>span label,.questions li.current>span label{
    -webkit-transition:none;
    transition:none;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.show-next .questions li.current>span label{
    -webkit-animation:moveUpFromDown .4s both;
    animation:moveUpFromDown .4s both
}
@-webkit-keyframes moveUpFromDown{
    from{
        -webkit-transform:translateY(100%)
    }
    to{
        -webkit-transform:translateY(0)
    }
}
@keyframes moveUpFromDown{
    from{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.questions input{
    display:block;
    margin:.3em 0 0;
    padding:.5em 1em .5em .7em;
    width:calc(100% - 2em);
    border:none;
    background:0 0;
    color:rgba(0,0,0,.8);
    font-size:1em;
    line-height:1;
    opacity:0;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}
.no-js .questions input,.questions .current input{
    opacity:1
}
.questions input:focus,.simform button:focus{
    outline:0
}
.next{
    position:absolute;
    right:0;
    bottom:2.15em;
    display:block;
    padding:0;
    width:2em;
    height:2em;
    border:none;
    background:0 0;
    color:rgba(0,0,0,.4);
    text-align:center;
    opacity:0;
    z-index:100;
    cursor:pointer;
    -webkit-transition:-webkit-transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s;
    -webkit-transform:translateX(-20%);
    transform:translateX(-20%);
    pointer-events:none;
    -webkit-tap-highlight-color:transparent
}
.next:hover{
    color:rgba(0,0,0,.5)
}
.next::after{
    position:absolute;
    top:-5px;
    left:0;
    width:100%;
    height:100%;
    content:"\e617";
    text-transform:none;
    font-weight:400;
    font-style:normal;
    font-variant:normal;
    font-family:icomoon;
    line-height:1.9;
    speak:none;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.next.show{
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    pointer-events:auto
}
.simform .progress{
    width:0;
    height:0;
    background:rgba(0,0,0,.3);
    -webkit-transition:width .4s ease-in-out;
    transition:width .4s ease-in-out
}
.simform .progress::before{
    position:absolute;
    top:auto;
    width:100%;
    height:inherit;
    background:rgba(0,0,0,.05);
    content:''
}
.simform .number{
    position:absolute;
    right:calc(50% - 36px);
    overflow:hidden;
    margin:.7em 0 0;
    width:3em;
    font-weight:700;
    font-size:24px
}
.simform .number:after{
    position:absolute;
    left:50%;
    content:'/';
    opacity:.4;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.simform .number span{
    float:right;
    width:40%;
    text-align:center
}
.simform .number .number-current{
    float:left
}
.simform .number-next{
    position:absolute;
    left:0
}
.simform.show-next .number-current{
    -webkit-transition:-webkit-transform .4s;
    transition:transform .4s;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.simform.show-next .number-next{
    -webkit-animation:moveUpFromDown .4s both;
    animation:moveUpFromDown .4s both
}
.simform .error-message,.simform .final-message{
    position:absolute;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .4s;
    transition:opacity .4s
}
.simform .error-message{
    padding:4em 3.5em 0 0;
    width:100%;
    color:rgba(0,0,0,.7);
    font-style:italic;
    font-size:.4em
}
.final-message{
    top:50%;
    left:0;
    padding:.5em;
    width:100%;
    text-align:center;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.error-message.show,.final-message.show{
    visibility:visible;
    opacity:1
}
.final-message.show{
    -webkit-transition-delay:.5s;
    transition-delay:.5s
}
.simform-inner.hide{
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s,visibility 0s .3s;
    transition:opacity .3s,visibility 0s .3s
}
.no-js .simform{
    font-size:1.75em
}
.no-js .questions li{
    padding:0 0 2em
}
.no-js .simform .submit{
    display:block;
    float:right;
    padding:10px 20px;
    border:none;
    background:rgba(0,0,0,.3);
    color:rgba(0,0,0,.4)
}
.no-js .simform .controls{
    display:none
}
input[type=text]::-ms-clear{
    display:none
}
@media screen and (max-width:44.75em){
    .simform{
        font-size:1.8em
    }
    .simform .error-message{
        padding:6em 3.5em 0 0;
        font-size:14px
    }
}
@media screen and (max-width:33.5625em){
    .simform{
        font-size:1.2em
    }
    .simform .error-message{
        padding:8em 3.5em 0 0;
        font-size:12px
    }
}
@font-face{
    font-family:md-icons;
    src:url(public/css/fonts/mdicons/md-icons.eot);
    src:url(public/css/fonts/mdicons/md-icons.eot?#iefix) format('embedded-opentype'),url(public/css/fonts/mdicons/md-icons.woff) format('woff'),url(public/css/fonts/mdicons/md-icons.ttf) format('truetype'),url(public/css/fonts/mdicons/md-icons.svg#md-icons) format('svg');
    font-weight:400;
    font-style:normal
}
.md-slider{
    width:100%;
    position:relative;
    height:287px;
    padding-top:40px;
    margin:10px 0
}
.md-slider>.slider-nav{
    position:absolute;
    text-align:center;
    width:100%;
    top:0
}
.md-slider>.slider-nav a{
    display:inline-block;
    width:14px;
    height:14px;
    background:#4E4E56;
    margin:0 10px 3px;
    outline:0
}
.touch .md-slider>.slider-nav a{
    width:20px;
    height:20px;
    margin:2px 8px
}
.md-slider>.slider-nav a.md-current,.md-slider>.slider-nav a:hover{
    background:#DA635D
}
.md-device-wrapper{
    position:relative;
    text-align:center;
    width:380px;
    margin:0 auto
}
.md-device{
    position:relative;
    display:inline-block;
    border-radius:5px;
    background-color:#333;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.md-device>.md-inner,.md-device>.md-inner img{
    display:block;
    outline:0
}
.md-device>.md-inner{
    position:relative
}
.md-device>.md-inner img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.md-device>.md-inner img.md-fadeout{
    opacity:0
}
.md-device,.md-device div,.md-device:after,.md-device:before{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.md-base-element:after,.md-border-element:after,.md-device:after,.md-device:before{
    position:absolute;
    content:'';
    z-index:1000;
    left:50%;
    top:0
}
.md-device:after,.md-device:before{
    background:#000
}
.md-device:before{
    -webkit-transform:translateY(150%) translateX(-50%);
    -ms-transform:translateY(150%) translateX(-50%);
    transform:translateY(150%) translateX(-50%);
    width:4px;
    height:4px;
    border-radius:50%
}
.md-device>div{
    position:absolute
}
.md-device button{
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    border-radius:50%;
    z-index:1001;
    border:none;
    color:#fff;
    background:#101010;
    text-align:center;
    cursor:pointer;
    margin:-25px 0 0 -25px;
    opacity:0;
    outline:0
}
.md-device:hover button,.touch .md-device button{
    opacity:1
}
.md-device button:before{
    font-family:md-icons;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    font-size:30px;
    line-height:50px;
    -webkit-font-smoothing:antialiased;
    content:"\e000"
}
.md-device.md-rotated button{
    -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    transform:scaleX(-1)
}
.md-base-element,.md-border-element,.md-border-element:after{
    opacity:0
}
.md-device:after{
    width:12px;
    height:12px;
    top:100%;
    border-radius:50%;
    -webkit-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-transform:translateY(-200%) translateX(-50%) scale(0);
    -ms-transform:translateY(-200%) translateX(-50%) scale(0);
    transform:translateY(-200%) translateX(-50%) scale(0)
}
.md-border-element{
    height:30px;
    border-radius:0 0 5px 5px;
    top:100%;
    width:100%;
    background:#bbb;
    left:50%
}
.md-border-element:after{
    background:#888;
    width:100px;
    border-radius:0 0 6px 6px;
    height:5px;
    opacity:0
}
.md-border-element,.md-border-element:after{
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.md-base-element{
    top:100%;
    left:50%;
    width:80px;
    height:0;
    background:0 0;
    border-bottom:30px solid #bbb;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    -webkit-transform:translateY(30px) translateX(-50%) translateY(-75%);
    -ms-transform:translateY(30px) translateX(-50%) translateY(-75%);
    transform:translateY(30px) translateX(-50%) translateY(-75%);
    z-index:-1
}
.md-base-element:after{
    background:#bbb;
    border-radius:30px 30px 10px 10px;
    width:260px;
    height:12px;
    -webkit-transform:translateY(30px) translateX(-50%);
    -ms-transform:translateY(30px) translateX(-50%);
    transform:translateY(30px) translateX(-50%)
}
.md-device-1{
    padding:15px;
    border-radius:3px 3px 0 0
}
.md-device-1>.md-inner{
    width:350px;
    height:230px
}
.md-device-1 .md-border-element{
    opacity:1
}
.md-device-1 .md-base-element{
    opacity:1;
    -webkit-transform:translateY(30px) translateX(-50%) translateY(0);
    -ms-transform:translateY(30px) translateX(-50%) translateY(0);
    transform:translateY(30px) translateX(-50%) translateY(0)
}
.md-device-2{
    padding:15px;
    border-radius:5px 5px 0 0
}
.md-device-2>.md-inner{
    width:300px;
    height:195px
}
.md-device-2 .md-border-element{
    opacity:1;
    width:125%;
    height:17px;
    background:#bbb;
    border-radius:0 0 20px 20px
}
.md-device-2 .md-border-element:after{
    opacity:1
}
.md-device-3{
    padding:27px 20px;
    -webkit-transform:translateY(40px);
    -ms-transform:translateY(40px);
    transform:translateY(40px)
}
.md-device-3.md-rotated{
    -webkit-transform:translateY(40px) rotate(90deg);
    -ms-transform:translateY(40px) rotate(90deg);
    transform:translateY(40px) rotate(90deg)
}
.md-device-3>.md-inner{
    width:140px;
    height:190px
}
.md-device-3:before{
    -webkit-transform:translateY(300%) translateX(-50%);
    -ms-transform:translateY(300%) translateX(-50%);
    transform:translateY(300%) translateX(-50%)
}
.md-device-3:after{
    -webkit-transform:translateY(-175%) translateX(-50%) scale(1);
    -ms-transform:translateY(-175%) translateX(-50%) scale(1);
    transform:translateY(-175%) translateX(-50%) scale(1)
}
.md-device-4{
    padding:25px 6px 35px;
    -webkit-transform:translateY(50px);
    -ms-transform:translateY(50px);
    transform:translateY(50px)
}
.md-device-4.md-rotated{
    -webkit-transform:translateY(50px) rotate(90deg);
    -ms-transform:translateY(50px) rotate(90deg);
    transform:translateY(50px) rotate(90deg)
}
.md-device-4>.md-inner{
    width:100px;
    height:150px
}
.md-device-4:before{
    width:10px;
    height:2px;
    border-radius:3px;
    -webkit-transform:translateY(600%) translateX(-50%);
    -ms-transform:translateY(600%) translateX(-50%);
    transform:translateY(600%) translateX(-50%)
}
.md-device-4:after{
    -webkit-transform:translateY(-200%) translateX(-50%) scale(1);
    -ms-transform:translateY(-200%) translateX(-50%) scale(1);
    transform:translateY(-200%) translateX(-50%) scale(1)
}
.md-border-element,.md-device,.md-device:before,.md-device>.md-inner{
    -webkit-transition:all .3s;
    transition:all .3s
}
.md-base-element,.md-border-element:after,.md-device:after{
    -webkit-transition:-webkit-transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s
}
.md-base-element,.md-border-element,.md-border-element:after,.md-device,.md-device:after,.md-device:before,.md-device>.md-inner{
    -webkit-transition-timing-function:ease-in-out;
    transition-timing-function:ease-in-out
}
.md-device>.md-inner img{
    -webkit-transition:opacity .5s linear;
    transition:opacity .5s linear
}
.md-device button{
    -webkit-transition:-webkit-transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s
}
.md-device-wrapper{
    -webkit-transform:scale(.8) translateX(-50%) translateY(10%);
    -ms-transform:scale(.8) translateX(-50%) translateY(10%);
    transform:scale(.8) translateX(-50%) translateY(10%);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    left:47%
}
@media screen and (max-width:850px){
    .md-slider{
        height:400px
    }
    .md-device-wrapper{
        -webkit-transform:scale(.5) translateX(-50%) translateY(10%);
        -ms-transform:scale(.5) translateX(-50%) translateY(10%);
        transform:scale(.5) translateX(-50%) translateY(10%);
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        transform-origin:0 0;
        left:50%
    }
}
a,a:active,a:focus,a:hover{
    text-decoration:none;
    outline:0
}
h1,h2,h3,h4,h5,h6,p{
    margin:0;
    line-height:1.6
}
h1,h2,h3,h4,h5,h6{
    font-weight:700
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{
    color:#da635d
}
h5,h6{
    font-size:26px
}
.hold{
    max-width:1024px;
    margin:0 auto;
    width:100%
}
@media screen and (max-width:1100px){
    .hold{
        width:95%
    }
}
@media screen and (max-width:500px){
    .hold{
        width:90%
    }
}
.red{
    color:#da635d
}
.white{
    color:white;
}
.gray{
    color: #4e4e56;
}
.button,a.button{
    background:#da635d;
    border:none;
    vertical-align:top;
    color:#fff;
    font-family:inherit;
    font-size:16px;
    cursor:pointer;
    padding:10px 25px;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    outline:0;
    position:relative;
    line-height:40px
}
.button-effect:active{
    background:#f14b42;
    top:2px
}
.button:before{
    text-align:center
}
.button:after{
    content:'';
    position:absolute;
    z-index:-1;
    -webkit-transition:all .3s;
    transition:all .3s
}
.button-effect{
    color:#fff;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
.button-effect span{
    display:inline-block;
    width:100%;
    height:100%;
    line-height:40px;
    -webkit-transition:all .3s;
    -webkit-backface-visibility:hidden;
    -moz-transition:all .3s;
    -moz-backface-visibility:hidden;
    transition:all .3s;
    backface-visibility:hidden
}
.button-effect:before{
    position:absolute;
    height:100%;
    width:100%;
    line-height:2;
    font-size:180%;
    left:0;
    top:-100%;
    -webkit-transition:all .3s;
    transition:all .3s
}
.button-effect:hover span{
    -webkit-transform:translateY(300%);
    -ms-transform:translateY(300%);
    transform:translateY(300%)
}
.button-effect:hover:before{
    top:0
}
.column1-3{
    display:inline-block;
    width:33.33%;
    box-sizing:border-box;
    vertical-align:top;
    text-align:center
}
@media screen and (max-width:1000px){
    .column1-3{
        width:50%
    }
}
@media screen and (max-width:500px){
    .column1-3{
        width:100%
    }
}
.column1-3:nth-child(1){
    padding-right:3%
}
@media screen and (max-width:500px){
    .column1-3:nth-child(1){
        padding:0
    }
}
.column1-3:nth-child(2){
    padding:0 1.66%
}
@media screen and (max-width:1000px){
    .column1-3:nth-child(2){
        padding-left:3%
    }
}
@media screen and (max-width:500px){
    .column1-3:nth-child(2){
        padding:0
    }
}
.column1-3:nth-child(3){
    padding-left:3%
}
@media screen and (max-width:1000px){
    .column1-3:nth-child(3){
        display:none
    }
}
.column1-2{
    display:inline-block;
    width:50%;
    box-sizing:border-box;
    vertical-align:top;
    overflow:hidden
}
.column1-2:nth-child(1){
    padding-right:2.5%
}
.column1-2:nth-child(2){
    padding-left:2.5%
}
@media screen and (max-width:600px){
    .column1-2{
        width:100%
    }
    .column1-2:nth-child(1){
        padding-right:0
    }
    .column1-2:nth-child(2){
        padding-left:0
    }
}
body{
    font:16px "Open Sans",Arial;
    color:#4e4e56
}
@media screen and (max-width:768px){
    body{
        padding-bottom:0!important
    }
}
.wrapper{
    position:relative;
    z-index:1;
    background-color:#fff
}
.s-navigation{
    position:fixed;
    z-index:10;
    text-align:center;
    width:100%;
    background-color:#4e4e56;
    opacity:0;
    transition:opacity .2s
}
@media screen and (max-width:1000px){
    .s-navigation{
        text-align:right
    }
}
@media (max-height:600px){
    .s-navigation{
        display:none
    }
}
.s-navigation.opaque{
    opacity:1
}
.s-navigation .hold{
    display:inline-block;
    text-align:right
}
@media screen and (max-width:1100px){
    .s-navigation .hold{
        width:97.5%
    }
}
@media screen and (max-width:600px){
    .s-navigation nav .dis-mobile{
        display:none
    }
}
.s-navigation nav a{
    display:inline-block;
    vertical-align:top;
    line-height:70px;
    padding:0 20px;
    color:#fff;
    font-size:20px;
    font-weight:700;
    transition:background-color .3s
}
@media screen and (max-width:800px){
    .s-navigation nav a{
        font-size:16px;
        line-height:50px;
        padding:0 10px
    }
}
.s-navigation nav a.contact{
    background-color:#da635d
}
.s-navigation nav a:hover{
    background-color:#000
}
@media screen and (max-width:600px){
    .s-navigation nav a.languages{
        float:left
    }
}
.s-navigation nav a.left{
    float:left;
    background-color:transparent
}
.s-navigation nav a:first-child{
    padding-left:0
}
.s-navigation nav a h2{
    font-size:20px;
    font-weight:700;
    line-height:70px;
    color:#da635d
}
@media screen and (max-width:800px){
    .s-navigation nav a h2{
        font-size:16px;
        line-height:50px
    }
}
header{
    width:100%;
    position:relative;
    background:url(/public/images/header-bg.jpg) no-repeat;
    background-size:cover;
    min-height:670px
}
@media screen and (max-width:1400px){
    header{
        background-position-x:right
    }
}
@media screen and (max-width:1200px){
    header{
        background-position-x:90%
    }
}
@media screen and (max-width:1024px){
    header{
        background-image:url(/public/images/header-bg-tablet.jpg);
        min-height:768px;
        background-position:center bottom
    }
}
@media screen and (max-width:768px){
    header{
        background-size:900px auto
    }
}
@media screen and (max-width:400px){
    header{
        min-height:700px
    }
}
header .hold h1,header .hold h2,header .hold h3,header .hold p{
    margin:0;
    color:#232323;
    font-weight:700;
    font-size:30px
}
@media screen and (max-width:1400px){
    header .hold h1,header .hold h2,header .hold h3,header .hold p{
        font-size:25px
    }
}
@media screen and (max-width:700px){
    header .hold h1,header .hold h2,header .hold h3,header .hold p{
        font-size:20px
    }
}
header .hold h3{
    font-size:60px;
    margin-bottom:30px;
    margin-left:-8px
}
@media screen and (max-width:1400px){
    header .hold h3{
        font-size:60px
    }
}
@media screen and (max-width:700px){
    header .hold h3{
        font-size:60px
    }
}
@media screen and (max-width:600px){
    header .hold .what-i-love{
        display:none
    }
}
header .hold h1{
    margin-bottom:12px
}
header .hold p .curly-brackets{
    font-size:45px;
    line-height:25px;
    color:#4e4e56
}
@media screen and (max-width:700px){
    header .hold p .curly-brackets{
        font-size:30px
    }
}
header .arrow{
    display:block;
    position:absolute;
    left:50%;
    width:100px;
    height:100px;
    background-color:rgba(0,0,0,.3);
    cursor:pointer;
    margin-left:-50px;
    bottom:50px;
    text-align:center;
    border-radius:50%;
    -webkit-transition:background-color .2s;
    transition:background-color .2s
}
@media screen and (max-width:1024px){
    header .arrow{
        display:none
    }
}
header .arrow:hover{
    background-color:rgba(0,0,0,.4)
}
header .arrow i::before{
    display:inline-block;
    color:#fff;
    font-size:50px;
    margin-top:30px;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.s-introduction{
    background-color:#dcd0c0;
    padding:50px 0
}
@media screen and (max-width:1024px){
    .s-introduction{
        padding:65px 0
    }
}
@media screen and (max-width:600px){
    .s-introduction{
        padding:45px 0
    }
}
.s-introduction .box{
    margin:50px 0
}
@media screen and (max-width:1024px){
    .s-introduction .box{
        margin:35px;
        margin-left:0!important;
        margin-right:0!important
    }
}
@media screen and (max-width:600px){
    .s-introduction .box{
        margin:25px 0
    }
}
.s-introduction p{
    font-size:18px;
    padding-bottom:15px
}
@media screen and (max-width:600px){
    .s-introduction p{
        font-size:16px
    }
}
.s-introduction p:last-child{
    padding-bottom:0
}
.s-introduction h3{
    letter-spacing:-2.1px;
    margin-top:-20px;
    font-size:45px;
    margin-left:-3px;
    padding-bottom:30px
}
@media screen and (max-width:1024px){
    .s-introduction h3{
        text-align:center
    }
}
@media screen and (max-width:600px){
    .s-introduction h3{
        font-size:25px;
        margin-top:0
    }
}
.s-introduction span.margin{
    padding-bottom:15px;
    display:inline-block;
    line-height:1.6
}
@media screen and (max-width:1024px){
    .s-introduction span.margin{
        display:inline;
        padding-bottom:0
    }
}
.s-introduction #introduction-anchor{
    position:relative;
    bottom:120px
}
@media screen and (max-width:800px){
    .s-introduction #introduction-anchor{
        bottom:125px
    }
}
@media screen and (max-width:600px){
    .s-introduction #introduction-anchor{
        bottom:75px
    }
}
.s-introduction .container{
    overflow:hidden
}
.s-introduction .d-comments{
    width:39%;
    float:left
}
@media screen and (max-width:1024px){
    .s-introduction .d-comments{
        width:100%
    }
}
.s-introduction .d-icons{
    text-align:left;
    float:left;
    width:55%;
    margin-left:6%
}
@media screen and (max-width:1024px){
    .s-introduction .d-icons{
        text-align:center;
        width:100%
    }
}
.s-introduction .d-icons li{
    display:block;
    float:left;
    width:90px;
    height:95px;
    margin:0 28px 25px 0;
    position:relative;
    opacity:1;
    -webkit-transition:opacity .2s;
    transition:opacity .2s
}
@media screen and (max-width:1100px){
    .s-introduction .d-icons li{
        width:80px
    }
}
@media screen and (max-width:1024px){
    .s-introduction .d-icons li{
        display:inline-block;
        float:none;
        vertical-align:top;
        margin:12px
    }
}
@media screen and (max-width:400px){
    .s-introduction .d-icons li{
        margin:8px
    }
}
.s-introduction .d-icons li:hover{
    opacity:.8
}
.s-introduction .d-icons li:nth-child(5n){
    margin-right:0
}
@media screen and (max-width:1024px){
    .s-introduction .d-icons li:nth-child(5n){
        margin:12px
    }
}
@media screen and (max-width:400px){
    .s-introduction .d-icons li:nth-child(5n){
        margin:8px
    }
}
.s-introduction .d-icons li>a,.s-introduction .d-icons li>div{
    display:block;
    float:left
}
.s-introduction .d-icons li img{
    max-width:100%;
    position:absolute;
    bottom:0;
    top:0;
    margin:auto
}
.s-introduction .d-icons li i.ghost:before{
    font-size:75px
}
.s-introduction .d-icons li i:before{
    line-height:90px;
    font-size:90px;
    color:#da635d;
    -webkit-transition:color .2s;
    transition:color .2s
}
@media screen and (max-width:1100px){
    .s-introduction .d-icons li i:before{
        font-size:75px
    }
}
.s-intermediate{
    color:#fff;
    background-color:#4e4e56;
    text-align:center
}
.s-intermediate p{
    font-size:18px;
    padding:20px 0
}
.s-intermediate a{
    display:inline-block;
    margin:20px 15px
}
.s-portfolio{
    position:relative;
    overflow:hidden;
    background-color:#000
}
.s-portfolio #projects-anchor{
    position:relative;
    bottom:70px
}
.s-portfolio h4{
    color:#fff;
    text-transform:uppercase
}
.s-portfolio p{
    color:#fff
}
.s-portfolio figure{
    position:relative;
    float:left;
    overflow:hidden;
    width:25%;
    text-align:center;
    cursor:pointer
}
@media screen and (max-width:1400px){
    .s-portfolio figure{
        width:50%
    }
}
@media screen and (max-width:800px){
    .s-portfolio figure{
        width:100%
    }
}
.s-portfolio figure img{
    opacity:.4;
    -webkit-transition:opacity .35s;
    transition:opacity .35s;
    position:relative;
    display:block;
    width:100%
}
.s-portfolio.brands figure img{
    opacity: 1;
}
.s-portfolio figure:hover img{
    opacity:.2
}
.s-portfolio figure figcaption{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.s-portfolio figure figcaption::after,.s-portfolio figure figcaption::before{
    position:absolute;
    top:30px;
    right:30px;
    bottom:30px;
    left:30px;
    content:'';
    opacity:0;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s
}
.s-portfolio figure figcaption::before{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform:scale(0,1);
    -ms-transform:scale(0,1);
    transform:scale(0,1)
}
.s-portfolio figure figcaption::after{
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    -webkit-transform:scale(1,0);
    -ms-transform:scale(1,0);
    transform:scale(1,0)
}
.s-portfolio figure h4{
    padding-top:30%;
    font-size:25px;
    color:#fff;
    -webkit-transition:-webkit-transform .35s;
    transition:transform .35s;
    -webkit-transform:translate3d(0,-20px,0);
    -ms-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0)
}
.s-portfolio figure p{
    padding:20px 2.5em;
    opacity:0;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:translate3d(0,20px,0);
    -ms-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0)
}
.s-portfolio figure a{
    z-index:9;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    outline:0
}
.s-portfolio figure:hover figcaption::after,.s-portfolio figure:hover figcaption::before{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.s-portfolio figure:hover h4,.s-portfolio figure:hover p{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.s-cta{
    height:576px;
    background:url(/public/images/s-cta-bg.jpg) center top no-repeat #302e31
}
@media screen and (max-width:900px){
    .s-cta{
        background-position:85% top
    }
}
@media screen and (max-width:800px){
    .s-cta{
        background-position:75% top
    }
}
@media screen and (max-width:750px){
    .s-cta{
        display:none
    }
}
.s-cta .hold{
    overflow:hidden
}
.s-cta .floating-text{
    max-width:412px;
    padding-top:125px;
    float:right;
    color:#fff
}
.s-cta .floating-text h2{
    font-size:60px;
    font-weight:700;
    text-transform:uppercase;
    line-height:76px;
    padding-bottom:10px
}
.s-cta .floating-text h2 span{
    color:#da635d
}
.s-cta .floating-text p{
    font-size:17px
}
.s-cta .floating-text .mt{
    padding-top:20px
}
.s-cta .floating-text .container{
    text-align:left;
    margin-top:25px
}
.s-cta .floating-text .container .button{
    display:inline-block;
    margin-right:28px;
    padding-right:38px;
    padding-left:38px
}
.s-cta .floating-text .container .button:last-child{
    margin-right:0
}
.s-cta-mobile{
    display:none;
    text-align:center
}
.s-cta-mobile img{
    vertical-align:top;
    width:100%
}
@media screen and (max-width:750px){
    .s-cta-mobile{
        display:block
    }
}
.s-testimonials{
    background-color:#dcd0c0;
    color:#4e4e56;
    padding:75px 0;
    overflow:hidden
}
.s-testimonials article{
    width:45%;
    float:left;
    text-align:center;
    margin:0 5% 0 0
}
@media screen and (max-width:600px){
    .s-testimonials article{
        width:100%;
        margin:0
    }
}
.s-testimonials article:nth-child(2){
    margin:0 0 0 5%
}
@media screen and (max-width:600px){
    .s-testimonials article:nth-child(2){
        margin:75px 0 0
    }
}
.s-testimonials article blockquote{
    margin:0!important
}
.s-testimonials article blockquote .summary{
    font-size:24px
}
.s-testimonials article blockquote img{
    border-radius:50%;
    width:50px;
    display:inline-block
}
.s-testimonials article blockquote q{
    display:block;
    margin:0;
    padding:20px 0;
    text-align:center;
    line-height:1.6em
}
.s-testimonials article blockquote .name{
    font-size:30px;
    color:#da635d
}
.s-testimonials article blockquote .sub-title{
    font-size:13px
}
.s-social-networks a{
    display:block
}
.s-social-networks li{
    width:25%;
    vertical-align:top;
    height:200px;
    display:inline-block;
    text-align:center;
    overflow:hidden
}
.s-social-networks li.twitter{
    background-color:#00aced;
    cursor:pointer
}
.s-social-networks li.linkedin{
    background-color:#007bb6;
    cursor:pointer
}
.s-social-networks li.skype{
    background-color:#12a5f4;
    cursor:pointer
}
.s-social-networks li.facebook{
    background-color:#3b5998;
    cursor:pointer
}
.s-social-networks li.github{
    background-color:#8c429c;
    cursor:pointer
}
.s-social-networks li:hover i::before,.s-social-networks li:hover span{
    display:inline-block;
    color:#fff;
    font-size:80px;
    line-height:200px
}
@media screen and (max-width:600px){
    .s-social-networks li:hover i::before,.s-social-networks li:hover span{
        font-size:60px;
        line-height:100px
    }
}
@media screen and (max-width:600px){
    .s-social-networks li{
        height:100px
    }
}
.s-social-networks li i::before,.s-social-networks li span{
    display:inline-block;
    color:#fff;
    font-size:70px;
    line-height:200px;
    transition:font-size .2s;
    -webkit-transition:font-size .2s
}
@media screen and (max-width:600px){
    .s-social-networks li i::before,.s-social-networks li span{
        font-size:50px;
        line-height:100px
    }
}
.s-social-networks li span{
    font-size:30px;
    padding:70px 0;
    line-height:200px
}
footer.s-form{
    background-color:#da635d;
    position:fixed;
    z-index:0;
    min-height:600px;
    overflow:hidden;
    bottom:0;
    width:100%;
    text-align:center
}
@media screen and (max-width:768px){
    footer.s-form{
        position:relative;
        height:600px!important
    }
}
footer.s-form #loader-container{
    display:none
}
footer.s-form form{
    width:1024px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    max-width:95%
}
@media screen and (max-width:500px){
    footer.s-form form{
        max-width:90%
    }
}
footer.s-form form label span{
    display:inline
}
footer.s-form form label .show-on-tiny{
    display:none
}
@media screen and (max-width:400px){
    footer.s-form form label .show-on-tiny{
        display:block
    }
}
@media screen and (max-width:400px){
    footer.s-form form label .hide-on-tiny{
        display:none
    }
}
@media screen and (max-width:1024px){
    footer.s-form form{
        font-size:2em
    }
}
@media screen and (max-width:900px){
    footer.s-form form{
        font-size:1.85em
    }
}
@media screen and (max-width:800px){
    footer.s-form form{
        font-size:1.7em
    }
}
@media screen and (max-width:700px){
    footer.s-form form{
        font-size:1.55em
    }
}
@media screen and (max-width:600px){
    footer.s-form form{
        font-size:1.32em
    }
}
@media screen and (max-width:500px){
    footer.s-form form{
        font-size:1em
    }
}
footer.s-form form span{
    text-align:center
}
footer.s-form small{
    text-align:center;
    position:absolute;
    bottom:20px;
    left:0;
    width:100%
}
footer.s-form small p{
    font-size:16px
}
@media screen and (max-width:1024px){
    footer.s-form small p{
        font-size:12px
    }
}
@media screen and (max-width:500px){
    footer.s-form small p{
        font-size:8px
    }
}
footer.s-form small p a{
    color:inherit
}
@-webkit-keyframes shake{
    0%{
        -webkit-transform:translate3d(0,0,0)
    }
    25%{
        -webkit-transform:translate3d(-4px,0,0)
    }
    75%{
        -webkit-transform:translate3d(4px,0,0)
    }
    100%{
        -webkit-transform:translate3d(0,0,0)
    }
}
@keyframes shake{
    0%{
        transform:translate3d(0,0,0)
    }
    25%{
        transform:translate3d(-4px,0,0)
    }
    75%{
        transform:translate3d(4px,0,0)
    }
    100%{
        transform:translate3d(0,0,0)
    }
}
.shake{
    -webkit-animation-name:shake;
    -webkit-animation-duration:.1s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-name:shake;
    animation-duration:.1s;
    transform-origin:50% 50%;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
meta.foundation-data-attribute-namespace{
    font-family:false
}
.reveal-modal-bg{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    background:rgba(0,0,0,.45);
    z-index:1004;
    display:none
}
.reveal-modal{
    box-sizing:border-box;
    visibility:hidden;
    display:none;
    position:absolute;
    z-index:1005;
    width:100%;
    top:0;
    border-radius:3px;
    left:0;
    background-color:#4e4e56;
    color:#fff;
    padding:1.875rem;
    border:1px solid #666;
    box-shadow:0 0 10px rgba(0,0,0,.4)
}
.reveal-modal h6{
    color:#da635d;
    text-transform:uppercase;
    margin-bottom:15px;
    text-align:center
}
.reveal-modal p{
    line-height:1.7
}
@media only screen and (min-width:40.063em){
    .reveal-modal{
        width:80%;
        max-width:62.5rem;
        left:0;
        right:0;
        margin:0 auto
    }
}
@media only screen and (min-width:40.063em){
    .reveal-modal{
        top:6.25rem
    }
}
.reveal-modal.radius{
    border-radius:3px
}
.reveal-modal.round{
    border-radius:1000px
}
.reveal-modal.collapse{
    padding:0
}
@media only screen and (min-width:40.063em){
    .reveal-modal.tiny{
        width:600px;
        max-width:100%;
        left:0;
        right:0;
        margin:0 auto
    }
}
.reveal-modal.toback{
    z-index:1003
}
.reveal-modal .close-reveal-modal{
    font-size:2.5rem;
    line-height:1;
    position:absolute;
    top:.625rem;
    right:1.375rem;
    color:#AAA;
    font-weight:700;
    cursor:pointer
}