/*
Theme Name: Merrier Theme
Theme URI: merrier.apptaste.co
Description: The theme used to make the official Merrier site
Version: 1.0
Author: Merrier Team
Author URI: merrier.apptaste.co
*/



body,html{
    width:100%;
    height:100%;
    margin:0;
    font-size:16px;
    line-height:1.6 !important;
    background-color:#fff;
    color:#414459;
    font-family: 'Montserrat', sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}
p, ol, li {
  line-height: 1.6 !important;
}
ol, ul {
    margin-left: 2rem !important;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
progress{
    vertical-align:baseline
}
[hidden],template{
    display:none
}
.a,a{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    color: #A25DCB;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a.a.dark,a.dark{
    color:#7445c0
}
.a:active,.a:hover,a:active,a:hover{
    color:#a25dcb;
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:600
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
code,kbd,pre,samp{
    font-family:menlo,monaco,monospace;
    font-size:1em;
    -webkit-font-smoothing:subpixel-antialiased
}
figure{
    margin:1em 40px
}
button,input,select,textarea{
    font:inherit;
    margin:0
}
optgroup{
    font-weight:700
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
textarea{
    overflow:auto;
    -webkit-appearance:none
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-input-placeholder{
    color:inherit;
    opacity:.54
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
blockquote,code,h1,h2,h3,h4,h5,h6,li,ol,ul{
    margin:0;
    padding:0;
    font-size:1rem
}
hr{
    border:none;
    border-top:1px solid #f1f4f9;
    margin-bottom:20px
}
*{
    box-sizing:border-box;
    text-rendering:geometricPrecision;
    -webkit-tap-highlight-color:transparent
}
blockquote,form,ol,p,pre,table,ul{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
.wrapper{
    margin:auto;
    padding:0 20px;
    max-width:1200px
}
.narrow-wrapper{
    margin:auto;
    padding:0 20px;
    max-width:680px
}
.list-striped>:nth-child(even){
    background-color:#f6f9fd
}
.list-group{
    padding:0;
    border:1px solid #ecf0f3;
    border-radius:2px
}
.list-group>*{
    display:block;
    margin:0;
    padding:.5rem .5rem .4rem
}
.list-group>li:before{
    display:none
}
.list-group>:not(:last-child){
    border-bottom:1px solid #ecf0f3
}
.list-group>.disabled{
    color:#9e9e9e;
    cursor:not-allowed;
    background-color:#eee
}
.list-group>.active{
    color:#fff;
    background-color:#2196f3
}
.card>.list-group{
    border:0
}
.loading{
    display:inline-block;
    overflow:hidden;
    height:1.3em;
    margin-top:-.3em;
    line-height:1.5em;
    vertical-align:text-bottom
}
.loading::after{
    display:inline-table;
    white-space:pre;
    content:'\A.\A..\A...';
    text-align:left;
    -webkit-animation:spin 2s steps(4) infinite;
    animation:spin 2s steps(4) infinite
}
@-webkit-keyframes spin{
    to{
        -webkit-transform:translateY(-6em);
        transform:translateY(-6em)
    }
}
@keyframes spin{
    to{
        -webkit-transform:translateY(-6em);
        transform:translateY(-6em)
    }
}
code{
    background-color:#f6f9fd;
    padding:.25em .5em;
    border-radius:2px
}
pre,samp{
    background-color:#f6f9fd;
    padding:10px 20px;
    border-radius:2px;
    white-space:pre-wrap;
    word-wrap:break-word;
    word-break:break-all;
    page-break-inside:avoid
}
pre code{
    padding:0;
    color:inherit;
    background-color:transparent
}
samp{
    display:inline-block;
    margin-top:-2px;
    padding:0 .5em;
    background-color:#f9fcff
}
img{
    max-width:100%
}
img.full-width{
    display:block
}
figure{
    margin:0
}
figure img{
    width:100%
}
figcaption{
    text-align:center;
    color:#414459
}
blockquote{
    overflow:hidden;
    padding-left:1rem;
    border-left:.5rem solid #ecf0f3
}
cite{
    float:right;
    color:#414459
}
cite:before{
    content:'– '
}
abbr[title]{
    text-decoration:none
}
kbd{
    display:inline-block;
    padding:.25em .4em;
    vertical-align:middle;
    color:#424242;
    border:solid 1px #ecf0f3;
    border-radius:3px;
    background-color:#f9fcff;
    box-shadow:inset 0 -1px 0 #ecf0f3;
    font-size:.9em;
    line-height:1
}
.footnotes{
    padding-top:2rem;
    margin-top:2rem
}
.hide-text{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.lead{
    margin-bottom:1.25em;
    font-size:1.25em
}
.svg-delete{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    cursor:pointer;
    color:#9aaec1
}
.splitter{
    margin:0 7px;
    color:#9aaec1
}
.splitter:after{
    content:'·'
}
.grid{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap
}
.grid-top{
    -webkit-box-align:start;
    -ms-flex-align:start;
    -ms-grid-row-align:flex-start;
    align-items:flex-start
}
.grid-middle{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -ms-grid-row-align:center;
    align-items:center
}
.grid-bottom{
    -webkit-box-align:end;
    -ms-flex-align:end;
    -ms-grid-row-align:flex-end;
    align-items:flex-end
}
.grid-stretch{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -ms-grid-row-align:stretch;
    align-items:stretch
}
.grid-baseline{
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -ms-grid-row-align:baseline;
    align-items:baseline
}
.grid-left{
    -webkit-box-pack:start;
    justify-content:flex-start
}
.grid-center{
    -webkit-box-pack:center;
    justify-content:center
}
.grid-right{
    -webkit-box-pack:end;
    justify-content:flex-end
}
.grid-between{
    -webkit-box-pack:justify;
    justify-content:space-between
}
.grid-around{
    justify-content:space-around
}
.cell{
    -webkit-box-flex:1;
    flex:1
}
.cell>:last-child{
    margin-bottom:0
}
.cell-top{
    margin-bottom:auto
}
.cell-middle{
    margin:auto 0
}
.cell-bottom{
    margin-top:auto
}
.cell-1{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 1 / 12);
    min-width:calc(100% * 1 / 12)
}
.cell-2{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 2 / 12);
    min-width:calc(100% * 2 / 12)
}
.cell-3{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 3 / 12);
    min-width:calc(100% * 3 / 12)
}
.cell-4{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 4 / 12);
    min-width:calc(100% * 4 / 12)
}
.cell-5{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 5 / 12);
    min-width:calc(100% * 5 / 12)
}
.cell-6{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 6 / 12);
    min-width:calc(100% * 6 / 12)
}
.cell-7{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 7 / 12);
    min-width:calc(100% * 7 / 12)
}
.cell-8{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 8 / 12);
    min-width:calc(100% * 8 / 12)
}
.cell-9{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 9 / 12);
    min-width:calc(100% * 9 / 12)
}
.cell-10{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 10 / 12);
    min-width:calc(100% * 10 / 12)
}
.cell-11{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 11 / 12);
    min-width:calc(100% * 11 / 12)
}
.cell-12{
    -webkit-box-flex:0;
    flex:0 0 calc(100% * 12 / 12);
    min-width:calc(100% * 12 / 12)
}
@media (max-width:700px){
    .grid{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        flex-direction:column;
        flex-wrap:nowrap
    }
    .cell{
        -webkit-box-flex:0;
        flex:0 0 auto;
        min-width:auto
    }
}
.text-left{
    text-align:left
}
.text-center{
    text-align:center
}
.text-right{
    text-align:right
}
.float-left{
    float:left
}
.float-right{
    float:right
}
.full-width{
    width:100%
}
.invisible{
    visibility:hidden
}
.hidden{
    display:none!important
}
.clear{
    clear:both
}
.nomargin{
    margin:0
}
.nopadding{
    padding:0
}
.spread{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    -webkit-box-align:baseline;
    align-items:baseline
}
h1,h2,h3,h4,h5,h6{
    position:relative;
    margin-bottom:20px;
    line-height:1.3;
    font-weight:600
}
h4,h5,h6{
    margin-bottom:10px
}
h1{
    font-size:32px
}
h2{
    font-size:28px
}
h3{
    font-size:24px;
}
h4{
    font-size:20px;
    font-weight:500 !important;
}

::-webkit-input-placeholder{
    color:#414459
}
:-moz-placeholder{
    color:#414459;
    opacity:1
}
::-moz-placeholder{
    color:#414459;
    opacity:1
}
:-ms-input-placeholder{
    color:#414459
}
.primary,.secondary{
    margin:10px 0
}
.primary i,.secondary i{
    margin-right:5px
}
.primary{
    font-size:18px;
    font-weight:700
}
.body-text{
    margin:20px 0
}
.secondary{
    font-size:14px;
    color:#414459
}
.secondary code{
    font-size:12px
}
.tertiary{
    font-size:12px;
    color:#7995b1;
    margin:5px 0
}
.tertiary i{
    margin-right:3px
}
.tertiary code{
    font-size:10px
}
.mono{
    font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Monaco,Courier,monospace
}
.btn {
    transition:all .4s cubic-bezier(.4,0,.2,1);
    position:relative;
    padding: 10px 15px;
    border-width: 1px;
    border-style:solid;
    border-radius: 100rem;
    outline:0;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    line-height:1
}
.btn svg.svg-inline--fa{
    margin-left:-3px;
    margin-right:9px
}
.btn-small svg.svg-inline--fa,.btn-tiny svg.svg-inline--fa{
    margin-left:-2px;
    margin-right:4px
}
.btn-small{
    font-size:14px;
    padding:8px 12px
}
.btn-tiny{
    font-size:12px;
    padding:5px 8px
}
.btn.btn-hollow{
    background-color:transparent
}
.btn.btn-hollow:hover{
    background-color:transparent
}
.btn-block{
    width:100%
}
.btn-link{
    border-color:transparent;
    background-color:transparent;
    color:#a25dcb;
    padding:0
}
.btn-link:focus,.btn-link:hover{
    color:#a25dcb;
}
.btn[disabled],.btn[disabled]:hover{
    color:#9aaec1;
    background-color:#f1f4f9;
    border-color:#f1f4f9;
    cursor:not-allowed;
    box-shadow:none
}
.btn[disabled].btn-hollow,.btn[disabled].btn-hollow:focus,.btn[disabled].btn-hollow:hover{
    background-color:transparent;
    border-color:#e0e5ea;
    color:#9aaec1
}
.btn-success{
    color:#fff;
    background-color:#29a634;
    border-color:#1f7d27
}
.btn-success.btn-hollow{
    border-color:#29a634;
    color:#29a634;
    background-color:transparent
}
.btn-success.btn-hollow[disabled]:hover,.btn-success[disabled]:hover{
    box-shadow:none
}
.btn-info.btn-hollow[disabled]:hover,.btn-info[disabled]:hover{
    box-shadow:none
}
.btn-default{
    color:#fff;
    background-color:#414459;
    border-color:#4c647c
}
.btn-default.btn-hollow{
    border-color:#414459;
    color:#414459;
    background-color:transparent
}
.btn-default.btn-hollow[disabled]:hover,.btn-default[disabled]:hover{
    box-shadow:none
}
.btn-brand{
    color:#fff;
    background-color:#a25dcb;
    border-color:#a25dcb;
}
.btn-brand.btn-hollow{
    border-color:#a25dcb;
    color:#a25dcb;
    background-color:transparent;
}
.btn-brand.btn-hollow[disabled]:hover,.btn-brand[disabled]:hover{
    box-shadow:none
}
.btn-success.btn-hollow.selected,.btn-success.btn-hollow:focus,.btn-success.btn-hollow:hover,.btn-success.selected,.btn-success:focus,.btn-success:hover{
    box-shadow:0 15px 30px rgba(67,191,77,.2),0 5px 15px rgba(67,191,77,.1);
    border-color:#2e8735;
    color:#fff;
    background-color:#43bf4d
}
.btn-default.btn-hollow.selected,.btn-default.btn-hollow:focus,.btn-default.btn-hollow:hover,.btn-default.selected,.btn-default:focus,.btn-default:hover{
    box-shadow:0 15px 30px rgba(121,149,177,.2),0 5px 15px rgba(121,149,177,.1);
    border-color:#516f8c;
    color:#fff;
    background-color:#7995b1
}
.btn-brand.btn-hollow.selected,.btn-brand.btn-hollow:focus,.btn-brand.btn-hollow:hover,.btn-brand.selected,.btn-brand:focus,.btn-brand:hover{
    box-shadow:0 15px 30px #a25dcb,0 5px 15px #a25dcb;
    border-color:#a25dcb;
    color:#fff;
    background-color:#a25dcb;
}
.btn-addon{
    padding:.8rem 1rem .7rem;
    border:1px solid transparent;
    line-height:1
}
.btn-addon:first-child{
    padding-left:0
}
.btn-group{
    overflow:auto;
    display:-webkit-inline-box;
    display:inline-flex;
    flex-wrap:wrap;
    -webkit-box-align:center;
    align-items:center;
    vertical-align:top
}
.btn-group .btn{
    -webkit-box-flex:1;
    flex-grow:1;
    border-radius:0;
    word-break:break-all;
    word-break:break-word
}
.btn-group .btn:first-of-type{
    border-radius:5px 0 0 5px
}
.btn-group .btn:last-of-type{
    border-radius:0 5px 5px 0
}
.btn-group .btn-hollow:not(:first-of-type){
    margin-left:-1px
}
.card{
    background-color:#fff;
    border-radius:5px;
    box-shadow:0 25px 50px rgba(50,60,93,.05),0 5px 15px rgba(0,0,0,.02);
    overflow:hidden
}
.card .card-header{
    background-color:#f6f9fd;
    border-bottom:1px solid #f1f4f9
}
.card.padded{
    padding:20px
}
.card.padded .card-header{
    margin:-20px;
    margin-bottom:20px;
    padding:20px
}
.info-banner{
    max-height:0;
    overflow:hidden;
    border-radius:5px;
    font-size:14px;
    border:0 solid rgba(255,255,255,0)
}
.info-banner:not(.top.full-width){
    transition:all .4s cubic-bezier(.4,0,.2,1)
}
.info-banner .info-content{
    max-width:1200px;
    margin:auto;
    padding:0 20px
}
.info-banner.shown{
    padding:15px 0;
    margin-bottom:10px;
    max-height:400px
}
.info-banner.success{
    background-color:#f2fff3;
    border:1px solid #bfffc4
}
.info-banner.warning{
    background-color:#fffbf0;
    border:1px solid #ffedbd
}
.info-banner.error{
    background-color:#fff6f3;
    border:1px solid #ffd0c0
}
.info-banner.info{
    background-color:#f3fdff;
    border:1px solid #c0f5ff
}
.info-banner.default{
    background-color:#f9fcff;
    border:1px solid #c6e3ff
}
.info-banner.brand{
    background-color:#f5f9ff;
    border:1px solid #c2daff
}
.info-banner svg.svg-inline--fa{
    position:absolute;
    padding-top:2px;
    -webkit-transform:translateY(1px);
    transform:translateY(1px)
}
.info-banner svg.svg-inline--fa+span{
    display:inline-block;
    margin-left:25px
}
.info-banner.full-width{
    border-radius:0;
    border-left:none;
    border-right:none
}
.info-banner.top.shown{
    margin-bottom:0
}
table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    vertical-align:top;
    border:1px solid #f1f4f9;
    padding:.5rem .5rem .4rem
}
thead th{
    text-align:center;
    background-color:#f6f9fd
}
caption{
    caption-side:bottom;
    padding-top:.5rem;
    color:#414459
}
.table-fixed{
    table-layout:fixed
}
.table-striped tr:nth-child(even) td{
    background-color:#f9fcff
}
.table-hover tr:hover td{
    background-color:#f6f9fd
}
.table-narrow td,.table-narrow th{
    padding:.25rem .25rem .2rem
}
.table-wide td,.table-wide th{
    padding:1rem 1rem .8rem
}
@media screen and (max-width:30rem){
    .form{
        width:100%
    }
}
.form-group{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px
}
.form-group.has-subtext{
    margin-bottom:10px
}
.form-group.restricted{
    max-width:400px
}
.form-label{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    -webkit-box-ordinal-group:2;
    order:1;
    position:relative;
    min-width:6rem;
    height:2rem;
    line-height:2rem;
    color:#7995b1;
    margin-top:2px
}
.form-control.line+.form-label{
    border-bottom:1px solid #f1f4f9
}
.form-control.line.success+.form-label{
    color:#29a634
}
.form-control.line.default+.form-label{
    color:#414459
}
.form-control.line.brand+.form-label{
    color:#a25dcb
}
@media (max-width:520px){
    .form-control.line:not(.noshrink)+.form-label{
        border-bottom:none;
        min-width:100%;
        flex-basis:100%;
        height:1.3rem;
        line-height:1.3rem
    }
}
.form-control{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    min-height:2rem;
    display:block;
    width:100%;
    max-width:400px;
    border:none;
    border-radius:0;
    outline:0;
    background-color:transparent
}
.form-group .form-control{
    -webkit-box-flex:1;
    flex:1;
    -webkit-box-ordinal-group:3;
    order:2;
    min-width:calc(100% - 8rem);
    max-width:100%
}
.form-control.line{
    border-bottom:1px solid #f1f4f9;
    padding:.25rem 1rem 0
}
.form-control.bordered{
    border:1px solid #e0e5ea;
    border-radius:5px;
    line-height:2rem;
    box-shadow:inset 0 0 2px rgba(65,68,89,.05);
    padding:2px 12px
}
.form-group .form-control.bordered{
    margin-left:5px
}
.form-control.bordered+.form-label{
    margin-top:4px
}
.buttoned-input{
    display:-webkit-box;
    display:flex
}
.buttoned-input .form-control.bordered{
    max-width:inherit;
    width:auto;
    -webkit-box-flex:1;
    flex-grow:1;
    margin-right:10px
}
@media (max-width:520px){
    .buttoned-input{
        display:block
    }
    .buttoned-input .form-control.bordered{
        width:100%
    }
    .buttoned-input button{
        margin-top:10px
    }
}
input[type=text]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
input.form-control,select.form-control,textarea.form-control{
    color:#365d84
}
.form-control:hover{
    border-color:#9aaec1
}
.form-control:hover+.form-label{
    border-color:#9aaec1;
    color:#414459
}
.form-control:focus{
    border-color:#a25dcb;
}
.form-control.bordered:focus{
    box-shadow:inset 0 1px 2px rgba(65,68,89,.075),0 0 0 2px #a25dcb;
}
.form-control:focus+.form-label{
    color:#a25dcb;
    border-color:#a25dcb
}
select.form-control:focus{
    border-color:#f6f9fd
}
select.form-control:focus+.form-label{
    color:#414459;
    border-color:#f6f9fd
}
.form-control label+label{
    padding-left:2rem
}
@media (max-width:520px){
    .form-control.line:not(.noshrink){
        display:-webkit-box;
        display:flex;
        flex-wrap:wrap;
        min-width:100%;
        flex-basis:100%;
        padding-top:0;
        padding-left:0;
        padding-right:0
    }
    .form-control label{
        padding-right:1rem
    }
    .form-control label+label{
        padding-left:0
    }
}
select.form-control{
    padding:0 1rem;
    border-radius:0;
    background-color:transparent;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
@media (max-width:700px){
    select.form-control{
        padding:0
    }
}
.form-control[type=file]{
    padding-top:0
}
.form-control:disabled,.form-control:disabled+.form-label{
    cursor:not-allowed;
    color:#9aaec1;
    -webkit-text-fill-color:#9aaec1;
    opacity:1
}
.form-control[readonly],.form-control[readonly]+.form-label{
    color:#9aaec1
}
.form-control:required+.form-label:after{
    content:' *';
    color:#f33f12
}
.help-block{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    -webkit-box-ordinal-group:4;
    order:3;
    min-width:100%;
    flex-basis:100%;
    margin-top:0;
    font-size:13px;
    padding-left:7rem;
    color:#a25dcb;
    opacity:0;
    max-height:0;
    overflow:hidden
}
.form-control:focus~.help-block:not(.invisible),.help-block.visible{
    opacity:1;
    max-height:100px;
    margin-top:10px
}
.form-control.success,.form-control.success+.form-label{
    border-color:#29a634
}
.form-control.success.bordered:focus{
    box-shadow:inset 0 1px 2px rgba(65,68,89,.075),0 0 0 2px rgba(41,166,52,.2)
}
.form-control.success~.help-block{
    color:#29a634
}
.form-control.default,.form-control.default+.form-label{
    border-color:#414459
}
.form-control.default.bordered:focus{
    box-shadow:inset 0 1px 2px rgba(65,68,89,.075),0 0 0 2px rgba(95,126,156,.2)
}
.form-control.default~.help-block{
    color:#414459
}
.form-control.brand,.form-control.brand+.form-label{
    border-color:#a25dcb
}
.form-control.brand.bordered:focus{
    box-shadow:inset 0 1px 2px rgba(65,68,89,.075),0 0 0 2px #a25dcb;
}
.form-control.brand~.help-block{
    color:#a25dcb
}
@media (max-width:700px){
    .help-block{
        padding-left:0
    }
}
textarea{
    display:block;
    width:100%;
    height:200px;
    padding:10px;
    color:#414459;
}
textarea:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px;
}
.success{
    color:#29a634
}
.success.hollow{
    background-color:transparent;
    border:1px solid #29a634
}
.success.solid{
    color:#fff;
    background-color:#29a634
}
.success.gradient{
    color:#fff;
    background-color:#29a634;
    background:linear-gradient(#29a634,#24922e)
}
.success.shadow,.success.shadowable:hover{
    box-shadow:0 10px 30px rgba(41,166,52,.15),0 5px 15px rgba(0,0,0,.03)
}
.error{
    color:#f33f12
}
.error.hollow{
    background-color:transparent;
    border:1px solid #f33f12
}
.error.solid{
    color:#fff;
    background-color:#f33f12
}
.error.gradient{
    color:#fff;
    background-color:#f33f12;
    background:linear-gradient(#f33f12,#e0360b)
}
.error.shadow,.error.shadowable:hover{
    box-shadow:0 10px 30px rgba(243,63,18,.15),0 5px 15px rgba(0,0,0,.03)
}
.default{
    color:#414459
}
.default.hollow{
    background-color:transparent;
    border:1px solid #414459
}
.default.solid{
    color:#fff;
    background-color:#414459
}
.default.gradient{
    color:#fff;
    background-color:#414459;
    background:linear-gradient(#414459,#55718c)
}
.default.shadow,.default.shadowable:hover{
    box-shadow:0 10px 30px rgba(95,126,156,.15),0 5px 15px rgba(0,0,0,.03)
}
.brand{
    color:#a25dcb
}
.brand.hollow{
    background-color:transparent;
    border:1px solid #a25dcb
}
.brand.solid{
    color:#fff;
    background-color:#a25dcb
}
.brand.gradient{
    color:#fff;
    background-color:#a25dcb;
    background:linear-gradient(#a25dcb,#a25dcb)
}
.brand.shadow,.brand.shadowable:hover{
    box-shadow:0 10px 30px #a25dcb,0 5px 15px rgba(0,0,0,.03)
}
.success.light{
    background-color:#f2fff3
}
.warning.light{
    background-color:#fffbf0
}
.error.light{
    background-color:#fff6f3
}
.info.light{
    background-color:#f3fdff
}
.default.light{
    background-color:#f9fcff
}
.brand.light{
    background-color:#f5f9ff
}
#nprogress{
    pointer-events:none
}
#nprogress .bar{
    background:#a25dcb;
    position:fixed;
    z-index:1031;
    top:0;
    left:0;
    width:100%;
    height:2px
}
#nprogress .peg{
    display:block;
    position:absolute;
    right:0;
    width:100px;
    height:100%;
    box-shadow:0 0 24px #a25dcb,0 0 12px #a25dcb;
    opacity:1;
    -webkit-transform:rotate(3deg) translate(0,-4px);
    transform:rotate(3deg) translate(0,-4px)
}
svg.spinner{
    -webkit-animation:rotator 1.4s linear infinite;
    animation:rotator 1.4s linear infinite;
    position:absolute;
    top:calc(50% - 20px);
    left:calc(50% - 20px)
}
.spinner-wrapper{
    position:relative;
    width:100%;
    min-height:300px
}
@-webkit-keyframes rotator{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(270deg);
        transform:rotate(270deg)
    }
}
@keyframes rotator{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(270deg);
        transform:rotate(270deg)
    }
}
.path{
    stroke-dasharray:187;
    stroke-dashoffset:0;
    -webkit-transform-origin:center;
    transform-origin:center;
    stroke:#a25dcb;
    -webkit-animation:dash 1.4s ease-in-out infinite;
    animation:dash 1.4s ease-in-out infinite
}
@-webkit-keyframes dash{
    0%{
        stroke-dashoffset:187
    }
    50%{
        stroke-dashoffset:46.75;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    100%{
        stroke-dashoffset:187;
        -webkit-transform:rotate(450deg);
        transform:rotate(450deg)
    }
}
@keyframes dash{
    0%{
        stroke-dashoffset:187
    }
    50%{
        stroke-dashoffset:46.75;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    100%{
        stroke-dashoffset:187;
        -webkit-transform:rotate(450deg);
        transform:rotate(450deg)
    }
}
.toast-wrapper{
    position:fixed;
    z-index:999;
    pointer-events:none;
    width:100%
}
.toast-wrapper>span{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:center;
    align-items:center
}
.toast-wrapper.top{
    top:0
}
.toast-wrapper.bottom{
    bottom:0
}
.toast-wrapper.bottom>span{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    flex-direction:column-reverse
}
.toast-wrapper.left>span{
    -webkit-box-align:start;
    align-items:flex-start
}
.toast-wrapper.right>span{
    -webkit-box-align:end;
    align-items:flex-end
}
.toast{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:start;
    align-items:flex-start;
    pointer-events:auto;
    position:relative;
    margin:20px;
    padding:8px 12px 8px 15px;
    border-radius:5px;
    background-color:#fff;
    min-width:100px;
    max-width:500px
}
.toast.toast-appear,.toast.toast-enter{
    -webkit-transform:translateY(-40px);
    transform:translateY(-40px)
}
.toast.toast-appear-active,.toast.toast-enter-active{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.54,1.12,.38,1.11);
    transition-delay:0
}
.toast.toast-appear~.toast,.toast.toast-enter~.toast{
    -webkit-transform:translateY(-40px);
    transform:translateY(-40px)
}
.toast.toast-appear-active~.toast,.toast.toast-enter-active~.toast{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.54,1.12,.38,1.11);
    transition-delay:0
}
.toast.toast-exit{
    opacity:1;
    -webkit-filter:blur(0);
    filter:blur(0)
}
.toast.toast-exit-active{
    opacity:0;
    -webkit-filter:blur(20px);
    filter:blur(20px);
    transition-property:opacity,-webkit-filter;
    transition-property:opacity,filter;
    transition-property:opacity,filter,-webkit-filter;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-delay:0
}
.toast.toast-exit~.toast{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.toast.toast-exit-active~.toast{
    -webkit-transform:translateY(-40px);
    transform:translateY(-40px);
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    transition-duration:.4s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-delay:50ms
}
.toast .toast-dismiss{
    cursor:pointer;
    margin-left:8px;
    color:#fff
}
footer{
    text-align:center;
    font-size:12px;
    color:#9aaec1
}
footer svg{
    margin-right:3px
}
footer svg.fa-code{
    font-weight:700
}
footer span.colon,footer span.fish{
    display:inline-block
}
footer span.fish{
    text-align:left;
    min-width:18px;
    margin-left:1px;
    -webkit-transform:translateY(1px);
    transform:translateY(1px)
}
footer span.colon{
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px)
}
nav#top-nav{
    position:relative;
    padding:15px 0;
    line-height:32px;
    z-index:11;
    font-weight: bold;
}
nav#top-nav .wrapper{
    position:relative;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between
}
nav#top-nav #mobile-bg{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    position:absolute;
    left:0;
    right:0;
    top:0;
    max-height:0;
    height:0;
    background-color:#fff
}
nav#top-nav #top-nav-logo{
    display:-webkit-box;
    display:flex;
    flex-wrap:nowrap;
    height:32px
}
nav#top-nav #top-nav-logo svg{
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
nav#top-nav #top-nav-logo span{
    font-size:20px;
    margin-left:10px;
    font-weight: 600;
}
nav#top-nav #top-nav-hamburger{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    z-index:20;
    width:17px;
    height:32px;
    position:absolute;
    right:20px;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    cursor:pointer;
    display:inline-block;
    opacity:0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform:translateX(-20px);
    pointer-events:none
}
nav#top-nav #top-nav-hamburger span{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    display:block;
    position:absolute;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    height:2px;
    width:100%;
    background:#9aaec1;
    border-radius:2px;
    opacity:1;
    left:0
}
nav#top-nav #top-nav-hamburger span:nth-child(1){
    top:10px
}
nav#top-nav #top-nav-hamburger span:nth-child(2){
    top:15px
}
nav#top-nav #top-nav-hamburger span:nth-child(3){
    top:20px
}
nav#top-nav.menu-open #top-nav-hamburger span:nth-child(1){
    top:15px;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg)
}
nav#top-nav.menu-open #top-nav-hamburger span:nth-child(2){
    opacity:0;
    left:-60px
}
nav#top-nav.menu-open #top-nav-hamburger span:nth-child(3){
    top:15px;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
nav#top-nav .a,nav#top-nav a,nav#top-nav svg{
    color:#9aaec1
}
nav#top-nav svg{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    fill:#9aaec1
}
nav#top-nav.menu-open .mobile .a,nav#top-nav.menu-open .mobile a{
    color:#365d84
}
nav#top-nav.menu-open .mobile svg{
    color:#365d84;
    fill:#365d84
}
nav#top-nav:hover .a,nav#top-nav:hover a{
    color:#365d84
}
nav#top-nav:hover #top-nav-hamburger span{
    background:#365d84
}
nav#top-nav:hover svg{
    color:#365d84;
    fill:#365d84
}
nav#top-nav:hover .a:hover,nav#top-nav:hover a:hover{
    color:#a25dcb
}
nav#top-nav:hover .a:hover+svg,nav#top-nav:hover a:hover svg,nav#top-nav:hover svg:hover{
    color:#a25dcb;
    fill:#a25dcb
}
nav#top-nav:hover #top-nav-hamburger:hover span{
    background:#a25dcb
}
nav#top-nav .nav-entries{
    display:inline-block;
    height:32px;
    line-height:32px
}
nav#top-nav .nav-entries ul{
    display:-webkit-box;
    display:flex;
    margin:0
}
nav#top-nav .nav-entries li{
    list-style:none;
    padding:0;
    vertical-align:middle;
    position:relative;
    padding-left:40px
}
nav#top-nav .nav-entries .a,nav#top-nav .nav-entries a{
    display:-webkit-box;
    display:flex;
    height:32px;
    line-height:32px;
    -webkit-box-align:center;
    align-items:center;
    font-weight: 600;
}
nav#top-nav .nav-entries .mobile-only{
    display:none
}
nav#top-nav .nav-entries li.narrow{
    padding-left:20px
}
nav#top-nav .nav-entries .search{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
nav#top-nav .nav-entries .search svg{
    -webkit-box-ordinal-group:1;
    order:0;
    font-size:13px;
    margin-right:8px;
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
nav#top-nav .nav-entries .search .a{
    -webkit-box-ordinal-group:2;
    order:1;
    cursor:text
}
nav#top-nav .searchbar{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    position:absolute;
    width:calc(100% - 20px);
    opacity:0;
    top:15px;
    z-index:-1;
    -webkit-transform:translate(20px);
    transform:translate(20px)
}
nav#top-nav .searchbar .wrapper{
    -webkit-box-align:center;
    align-items:center;
    padding-right:0
}
nav#top-nav .searchbar .wrapper svg.fa-search{
    margin-left:200px;
    color:#414459;
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
nav#top-nav .searchbar .wrapper svg.fa-times{
    -webkit-box-ordinal-group:3;
    order:2;
    cursor:pointer;
    color:#9aaec1;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px)
}
nav#top-nav .searchbar .wrapper svg.fa-times:hover{
    color:#a25dcb
}
nav#top-nav .searchbar .wrapper input{
    transition:all .4s cubic-bezier(.4,0,.2,1);
    transition-delay:20ms;
    color:#414459;
    padding-top:0;
    padding-left:20px;
    border-bottom:0;
    max-width:inherit;
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
}
nav#top-nav .searchbar .wrapper ::-webkit-input-placeholder{
    color:#414459;
    opacity:1
}
nav#top-nav .searchbar .wrapper :-moz-placeholder{
    color:#414459;
    opacity:1
}
nav#top-nav .searchbar .wrapper ::-moz-placeholder{
    color:#414459;
    opacity:1
}
nav#top-nav .searchbar .wrapper :-ms-input-placeholder{
    color:#414459;
    opacity:1
}
nav#top-nav.searching li{
    -webkit-transform:scale(.8);
    transform:scale(.8);
    opacity:0
}
nav#top-nav.searching .searchbar{
    -webkit-transform:none;
    transform:none;
    opacity:1;
    z-index:1
}
nav#top-nav.searching .searchbar input{
    -webkit-transform:none;
    transform:none
}
nav#top-nav.searching .searchbar svg.fa-times{
    -webkit-transform:none;
    transform:none
}
nav#top-nav.light .a,nav#top-nav.light a{
    color:#fff
}
nav#top-nav.light svg{
    color:#fff;
    fill:#fff
}
nav#top-nav.light #mobile-bg{
    background-color:rgba(46,41,68,.8);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px)
}
nav#top-nav.light #top-nav-hamburger span{
    background:#fff
}
nav#top-nav.light .a:hover,nav#top-nav.light .a:hover+svg,nav#top-nav.light a:hover,nav#top-nav.light a:hover span,nav#top-nav.light a:hover svg,nav#top-nav.light svg:hover{
    color:#fff
}
nav#top-nav.light .a:hover+svg,nav#top-nav.light a:hover svg,nav#top-nav.light svg:hover{
    fill:#fff
}
nav#top-nav.light #top-nav-hamburger:hover span{
    background:#fff
}
nav#top-nav.light .searchbar .wrapper svg,nav#top-nav.light .searchbar .wrapper svg.fa-times{
    color:#fff;
    fill:#fff
}
nav#top-nav.light .searchbar .wrapper input{
    color:#fff
}
nav#top-nav.light .searchbar .wrapper ::-webkit-input-placeholder{
    color:#fff
}
nav#top-nav.light .searchbar .wrapper :-moz-placeholder{
    color:#fff
}
nav#top-nav.light .searchbar .wrapper ::-moz-placeholder{
    color:#fff
}
nav#top-nav.light .searchbar .wrapper :-ms-input-placeholder{
    color:#fff
}
nav#top-nav.transparent{
    height:0;
    padding-bottom:0;
    margin-bottom:-20px
}
nav.loggedin #top-nav-logo span{
    display:none
}
@media (max-width:850px){
    nav#top-nav .nav-entries li{
        padding-left:20px
    }
}
@media (max-width:700px){
    nav#top-nav{
        transition:all .4s cubic-bezier(.4,0,.2,1)
    }
    nav#top-nav #top-nav-hamburger{
        opacity:1;
        -webkit-transform:none;
        transform:none;
        pointer-events:auto
    }
    nav#top-nav .nav-entries{
        transition:all .4s cubic-bezier(.4,0,.2,1);
        display:block;
        opacity:0;
        padding:0;
        margin-top:0;
        top:45px;
        left:20px;
        position:absolute;
        pointer-events:none;
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
    nav#top-nav .nav-entries li,nav#top-nav .nav-entries li.narrow{
        display:block;
        padding-left:0
    }
    nav#top-nav .nav-entries ul{
        margin-bottom:0;
        display:block
    }
    nav#top-nav .nav-entries .search{
        display:none
    }
    nav#top-nav .nav-entries .mobile-only{
        display:inherit
    }
    nav#top-nav .nav-entries .mobile-only+svg{
        display:none
    }
    nav#top-nav .nav-entries:last-child{
        left:180px
    }
    nav#top-nav.menu-open #mobile-bg{
        max-height:280px;
        height:280px;
        box-shadow:0 20px 60px -10px rgba(0,0,0,.2)
    }
    nav#top-nav.menu-open .nav-entries{
        opacity:1;
        padding:10px 0;
        pointer-events:auto;
        -webkit-transform:none;
        transform:none;
    }
    nav#top-nav.menu-open .nav-entries a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    nav#top-nav .searchbar{
        top:215px;
        width:100%;
        z-index:1;
        -webkit-transform:none;
        transform:none;
        pointer-events:none
    }
    nav#top-nav .searchbar .wrapper svg.fa-search{
        margin-left:0
    }
    nav#top-nav .searchbar .wrapper svg.fa-times{
        display:none
    }
    nav#top-nav .searchbar .wrapper input{
        -webkit-transform:none;
        transform:none;
        padding-left:10px
    }
    nav#top-nav.menu-open .searchbar{
        top:225px;
        opacity:1;
        pointer-events:auto
    }
}
#page-wrapper{
    min-height:100%;
    position:relative
}
#page-content{
    padding-bottom:100px
}
@media (max-width: 768px) {
    #page-content{
        padding-bottom:200px
    }
}
#page-footer{
    width:100%;
    position:absolute;
    bottom:0;
    left:0
}

.page-footer__links {
    background-color: #414459;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px;
}

.page-footer__link-group {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 50px;
}


.page-footer__links a {
    color: white !important;
}

.vertical-wrapper {
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
        align-items: center;
}

.img-button-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.img-button-box img {
    width: 20rem;
}

.img-button-box button {
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    position: absolute;
}
.img-button-box button a {
    color: #a5483f !important;
}


@media (max-width:450px){
    .page-footer__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .page-footer__link-group {
        padding-right: 0 !important;
        text-align: center;
        padding-bottom: 15px;
    }
}

#page-wrapper{
    overflow:hidden
}
#page-header{
    position:relative;
    z-index:10
}
.info-banner.top{
    position:absolute
}
button.btn{
    padding:15px 20px;
    font-weight:600
}
.section{
    position:relative;
    padding:200px 0
}

.section.bottom {
    padding: 0;
    margin: 200px 0;
}
.section .background{
    position:absolute
}
.section .wrapper{
    position:relative
}
.section .sec-icon{
    margin-bottom:30px
}
.section .text{
  text-align: center;
  padding:0 40px
}
.section h2{
    font-size:36px;
    font-weight:600;
    color: #414459
}
.section h4{
    margin: 20px 0 40px 0;
    color: #414459;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
}
.hero{
    padding:160px 0 200px 0
}
.hero .background,.hero .background2 {
    width: 2000px;
    height:1200px;
    top:-10%;
    left:50%;
    -webkit-transform:translate(-50%,-20%) rotate(-5deg);
    transform:translate(-50%,-20%) rotate(-5deg)
}

.non-home-background .background, .non-home-background .background2 {
    width: 4000px;
    height: 450px;
    top: -20%;
    left:50%;
    -webkit-transform:translate(-50%,-20%) rotate(-5deg);
    transform:translate(-50%,-20%) rotate(-5deg)
}

.hero .background, .non-home-background .background {
    position: absolute;
    background-color: #A25DCB;
}
.hero .background2, .non-home-background .background2 {
    position: absolute;
    background: radial-gradient(circle at 0 0,#7445C0 0,rgba(116,69,192,.92) 10%,rgba(116,69,192,0) 100%) !important;
}
.hero .background2 .bgcut:first-child{
    right:0;
    bottom:-3px
}
.hero .shapes{
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
.hero .buttons{
    line-height:1.5
}
.hero h1{
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    margin-bottom:30px
}
.hero h4{
    color: #fff;
    opacity: 1;
    max-width: 450px;
}
.hero .buttons{
    margin-top: 60px
}
.hero button.btn-start{
    color: #7445C0;
    border:none;
    background-color: #FFD949;
    margin-right:20px;
    padding: 15px 40px;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    font-size: 20px;
}
.hero button.btn-start:hover {
    background-color:#FFD949;
    color: #7445C0;
    box-shadow:0 10px 20px rgba(0,0,0,.1)
}
.btn-get {
  color: #7445C0 !important;
  font-weight: bold;
  border:none;
  background-color: #FFD949;
  margin-right:20px;
  padding: 5px 15px;
  border-radius: 100rem;
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  font-size: 16px;
}
.btn-get:hover {
  color: #7445C0 !important;
}

.cta-button {
   color: #7445C0 !important;
}
.cta-button:hover {
  color: #7445C0 !important;
}
.hero button:not(:first-child){
    margin-left:40px
}
.bgcut{
    width:40%;
    height:80px;
    -webkit-transform:skewX(-30deg);
    transform:skewX(-30deg);
    background:#fff;
    z-index:100;
    position:absolute
}
.record .wrapper,.train .wrapper{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between
}
.train{
    padding:200px 0 100px 0
}
.train .train-ill{
    margin-right:-120px;
    margin-top:-60px
}
.record{
    padding-top:0;
    padding-bottom:0
}
.record .background{
    position:absolute;
    width:2100px;
    height:1250px;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,0) rotate(-5deg);
    transform:translate(-50%,0) rotate(-5deg);
    background-color:#fff
}
.record .rec-ill{
    margin-left:-120px;
    margin-top:-60px
}
.collaboration{
    padding-top:150px
}
.collaboration .background{
    width:2100px;
    height:100%;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,0) rotate(-5deg);
    transform:translate(-50%,0) rotate(-5deg);
    background:linear-gradient(#f6f9fd 0,#fff 70%)
}
.collaboration .background .bgcut{
    right:0;
    top:-3px;
    -webkit-transform:skewX(30deg);
    transform:skewX(30deg)
}
.collaboration .sec-title{
    text-align:center
}
.collaboration .sec-item{
    width:400px;
    text-align:center
}
.features {
    position:relative;
    padding-top:160px
}
.features .background,.features .background2,
.get-access .background, .get-access .background2 {
    width:2100px;
    height:1140px;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,0) rotate(-5deg);
    transform:translate(-50%,0) rotate(-5deg)
}
.features .background{
    background-color:#a25dcb
}
.features .background2{
    position:absolute;
    background:radial-gradient(circle at 0 0,#ddaaac 0,rgba(254,202,140,0) 75%)
}
.features .background2 .bgcut:first-child{
    left:0;
    top:-3px
}
.features .background2 .bgcut:last-child{
    right:0;
    bottom:-3px
}
.features .shapes{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.features .shapes .f-pattern{
    position:absolute
}
.features .shapes .long{
    right:0;
    top:10%
}
.features .shapes .hex{
    left:0;
    bottom:0
}
.features h2,.features h4{
    color:#fff;
    text-align:center
}
.features h2{
    margin-bottom:60px
}
.features .feature-cards,
.header-cards .feature-cards {
    position:relative;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    justify-content:center;
    margin:-20px
}
.features .feature-card,
.header-cards .feature-card {
    position:relative
}
.features .feature-card .f-icon {
    position:absolute;
    left:-25px;
    top:50px
}
.features .card,
.header-cards .card {
    width:280px;
    padding:30px;
    padding-left:50px;
    margin:30px;
    box-shadow:0 20px 60px -10px rgba(0,0,0,.2)
}
.features .card h3,
.header-cards .card h3 {
    font-size:22px
}
.features .feature-desc,
.header-cards .feature-desc{
    color:#414459;
    font-weight: 500 !important;
}
.features .feature-wl,
.header-cards .feature-wl {
    font-weight:400;
    color:#9aaec1;
    font-size:14px;
    padding-top:10px
}
.pricing .background{
    width:2100px;
    height:1250px;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,0) rotate(-5deg);
    transform:translate(-50%,0) rotate(-5deg);
    background:linear-gradient(rgba(48,84,241,0) 0,rgba(48,84,241,.08) 100%)
}
.pricing .background .bgcut{
    left:0;
    bottom:-3px;
    -webkit-transform:skewX(30deg);
    transform:skewX(30deg)
}
.pricing .price-tables{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center
}
.pricing .price-table{
    border-radius:5px;
    background-color:#fff;
    box-shadow:10px 15px 50px rgba(46,51,65,.05);
    display:-webkit-box;
    display:flex
}
.pricing .price-table .price-item{
    padding:20px 30px;
    max-width:250px
}
.pricing .price-table .price-item hr{
    margin:20px;
    margin-left:-20px;
    margin-right:-20px
}
.pricing .price-table .price-item .unit,.pricing .price-table .price-item h3,.pricing .price-table .price-item h5{
    text-align:center;
    margin-bottom:10px
}
.pricing .price-table .price-item h5{
    font-size:24px;
    margin-top:20px
}
.pricing .price-table .price-item .dollar,.pricing .price-table .price-item .unit{
    color:#9aaec1;
    font-size:14px
}
.pricing .price-table .price-item .price-detail{
    color:#414459;
    padding-bottom:15px;
    position:relative
}
.pricing .price-table .price-item .price-detail span{
    margin-left:30px;
    display:inline-block
}
.pricing .price-table .price-item .price-detail svg{
    position:absolute;
    color:#57a9ff;
    top:3px
}
.pricing .price-table:first-child{
    margin-right:20px
}
.pricing .price-table:first-child h3{
    font-weight:400;
    font-size:54px;
    margin-bottom:0
}
.pricing .price-table:first-child .price-item:nth-child(1) h3{
    color:#3ca2e7;
    background:-webkit-linear-gradient(90deg,#3ca2e7 0,#3b97e5 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.pricing .price-table:first-child .price-item:nth-child(2) h3{
    color:#3d86e6;
    background:-webkit-linear-gradient(90deg,#3d86e6 0,#3e7ae5 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.pricing .price-table:first-child .price-item:nth-child(3) h3{
    color:#3e64e2;
    background:-webkit-linear-gradient(90deg,#3e64e2 0,#3e59e0 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.pricing .price-table:last-child h3{
    margin:40px 0;
    font-size:32px;
    color:#955fd4;
    background:-webkit-linear-gradient(90deg,#955fd4 0,#8c54e7 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.pricing .pricing-title{
    text-align:center
}
.pricing .price-notes-title{
    font-size:20px;
    padding:60px 0 30px 0
}
.pricing .price-notes{
    flex-wrap:wrap
}
.pricing .price-footer,.pricing .price-note{
    color:#9aaec1;
    position:relative
}
.pricing .price-footer span,.pricing .price-note span{
    margin-left:30px;
    display:inline-block
}
.pricing .price-footer svg,.pricing .price-note svg{
    position:absolute;
    color:#57a9ff;
    top:3px
}
.pricing .price-note{
    width:320px;
    margin-bottom:15px
}
.pricing .price-footer{
    margin-top:30px
}
.bottom{
    margin-top:0px
}
.bottom .background{
    width:100%;
    height:100%
}
.bottom .background .btm-shape{
    position:absolute;
    bottom:30%;
    left:50%;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
.bottom .buttons,.bottom h2,.bottom h4{
    text-align:center
}
.bottom button.btn-brand{
    border:0
}
.bottom button.btn-brand:not(:hover){
    box-shadow:0 5px 10px rgba(0,104,214,.1)
}
.bottom button.btn-default{
    margin-left:40px;
    border:0;
    background-color:#fff;
    box-shadow:0 5px 10px rgba(0,0,0,.1)
}
@media (min-width:1400px){
    .section .background,.section .background2,
    .non-home-background .background, .non-home-background .background2 {
        width: 125%
    }
}
@media (max-width:1019px){
    .features{
        padding:100px 0
    }
    .features .background,.features .background2{
        height:1200px
    }
    .features .card{
        width:340px
    }
}
@media (max-width:950px){
    .pricing .background{
        height:1300px
    }
    .bottom{
        padding-top:100px
    }
}
@media (min-width:701px) and (max-width:799px){
    .features .background,.features .background2{
        height:1250px
    }
    .features .card{
        width:280px
    }
}
@media (min-width:701px) and (max-width:850px){
    .train{
        padding-top:120px;
        padding-bottom:0
    }
    .train .train-ill{
        width:500px;
        margin-right:-150px
    }
    .train .train-ill svg{
        width:100%
    }
    .record .rec-ill{
        width:500px;
        margin-left:-150px;
        margin-bottom:-60px
    }
    .record .rec-ill svg{
        width:100%
    }
    .collaboration .sec-item{
        width:320px
    }
    .price-tables-wrapper{
        overflow:auto;
        margin:-20px;
        padding:40px;
        -webkit-overflow-scrolling:touch
    }
    .price-tables-wrapper::-webkit-scrollbar{
        display:none
    }
    .price-tables{
        width:1000px
    }
    .price-tables .price-table:last-child{
        margin-right:40px
    }
    .bottom{
        margin-top:0;
        padding:60px 0
    }
}
@media (max-width:700px){
    .section .background,.section .background2{
        top:0;
        left:0;
        width:100%;
        height:100%;
        -webkit-transform:none;
        transform:none
    }
    .section .bgcut{
        display:none
    }
    .section .text{
        max-width:600px
    }
    .section h2{
        font-size:28px
    }
    .section h4{
        margin:20px 0 40px 0;
        font-size:18px
    }
    .hero{
        margin-top:-140px;
        padding-top:260px;
        padding-bottom:120px
    }
    .record,.train{
        overflow:hidden
    }
    .record .wrapper,.train .wrapper{
        display:block
    }
    .train{
        padding:60px 0 0 0
    }
    .train .text{
        margin-right:0
    }
    .train .train-ill{
        margin-top:-20px
    }
    .record{
        padding:0
    }
    .record .wrapper{
        display:-webkit-box;
        display:flex;
        flex-wrap:wrap
    }
    .record .wrapper .rec-ill{
        -webkit-box-ordinal-group:3;
        order:2;
        max-width:500px;
        margin-left:0;
        margin-bottom:-60px
    }
    .record .rec-ill svg,.train .train-ill svg{
        max-width:100%
    }
    .collaboration{
        padding:80px 0
    }
    .collaboration .sec-body{
        display:block
    }
    .collaboration .sec-item{
        margin:auto;
        padding:20px;
        padding-bottom:60px
    }
    .features{
        padding:100px 0
    }
    .pricing{
        padding:60px 0
    }
    .pricing .price-notes-title{
        font-weight:600;
        font-size:18px
    }
    .pricing .price-tables{
        display:block;
        border-radius:5px;
        background-color:#fff;
        box-shadow:10px 15px 50px rgba(46,51,65,.05)
    }
    .pricing .price-table{
        display:block;
        box-shadow:none;
        background-color:transparent
    }
    .pricing .price-table .price-item{
        width:100%;
        max-width:100%;
        padding:10px 20px 0 20px
    }
    .pricing .price-table hr{
        display:none
    }
    .pricing .price-table .price-info{
        display:-webkit-box;
        display:flex;
        -webkit-box-align:baseline;
        align-items:baseline;
        -webkit-box-pack:justify;
        justify-content:space-between
    }
    .pricing .price-table .price-item:not(:first-child){
        border-top:1px solid #f1f4f9
    }
    .pricing .price-table:first-child{
        margin-right:0
    }
    .pricing .price-table:first-child h3{
        margin-bottom:-5px
    }
    .pricing .price-table:not(:first-child){
        border-top:1px solid #f1f4f9
    }
    .pricing .price-table:not(:first-child) h3{
        margin:20px 0
    }
    .pricing .price-table .unit{
        margin-bottom:0
    }
    .pricing .price-table .price-detail:last-child{
        padding-bottom:20px
    }
    .bottom{
        padding:60px 0
    }
    .bottom .background .btm-shape{
        left:0;
        width:100%;
        -webkit-transform:none;
        transform:none
    }
    .bottom .background .btm-shape svg{
        max-width:150%
    }
  .btn-get {
    width: 100%;
  }
}
@media (max-width:520px){
    .hero{
        padding-top:200px;
        padding-bottom:100px
    }
    .hero h1{
        font-size:32px
    }
    .hero .wrapper,.pricing .wrapper{
        padding:0 20px
    }
    .section .text{
        padding:0
    }
    .collaboration{
        padding:100px 0 60px 0
    }
    .collaboration .sec-item{
        width:100%;
        padding-left:0;
        padding-right:0
    }
    .collaboration .sec-item svg{
        max-width:100%
    }
    .pricing .price-details{
        display:none
    }
    .pricing .price-footer,.pricing .price-note{
        font-size:14px
    }
    .pricing .price-footer{
        margin-top:15px
    }
    .pricing .price-table .price-item h5{
        font-size:20px
    }
    .pricing .price-table:first-child h3{
        font-size:48px
    }
    .pricing .price-table:first-child .unit{
        font-size:12px
    }
    .pricing .price-table:last-child h3{
        font-size:24px
    }
    .section button.btn{
        width:100%;
        margin:10px auto
    }
}
@media (max-width:400px){
    .hero h1{
        font-size:32px
    }
    .section h4{
        font-size: 16px
    }
    .header-cards {
      padding-top: 0 !important;
    }
    .hero .btn-start {
        padding: 15px 10px !important;
    }
    .record .rec-ill,.train .train-ill{
        margin:-120px 0
    }
    .collaboration .sec-item:first-child svg{
        max-width:120%;
        margin-left:-10%;
        margin-right:-10%
    }
    .features .card{
        width:calc(100% - 60px)
    }
    .pricing .price-table .price-item h5{
        font-size:18px
    }
    .pricing .price-table:last-child h3{
        font-size:22px
    }
}

/* my styles */
.fb-icon {
  font-weight: bold;
  font-size: 20px;
}

.btn-get {
  color: #7445C0 !important;
  font-weight: bold;
  border:none;
  background-color: #FFD949;
  margin-right:20px;
  padding: 5px 15px;
  border-radius: 100rem;
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  font-size: 16px;
}
.btn-get:hover, .btn-get-box > a {
  color: #7445C0 !important;
  text-decoration: none !important;
}

.hero .header-wrapper {
  display: flex;
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.header-right {
  width: 50%;
  height: 25rem;
  margin-top: 3rem;
  position: relative;
}

.notify-form {
    width: 100% !important;
    padding: 8px;
    background-color: whitesmoke;
    border: 1px solid lightgray !important;
    border-radius: .2rem;
    margin-bottom: 5px;
    height: 45px !important;
}

.notify-form__checkbox-wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;    
    -webkit-box-align: start;    
    -ms-flex-align: start;    
            align-items: flex-start;
}

.notify-form__default {
    display: none !important;
}

.notify-form__checkbox-group {
    padding-bottom: 0 !important;
}

.notify-form__checkbox-text {
    padding-left: 5px;
    padding-top: 0 !important;
    margin-top: -3px;
    font-size: 14px;
    color: #414459;
    font-weight: 500;
}
.notify-form__checkbox-text:before {
    content: none !important;
  }

.notify-form__email-field {
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 1rem !important;
    width: 100% !important;
}

#mc_embed_signup form {
    padding: 0 !important;
}

#mc_embed_signup .mc-field-group.input-group ul {
    margin-left: 0 !important;
}

.form--hidden {
    display: none !important;
}

/*.notify-form:after {
    content: "By entering your email address you agree to receive email updates from Merrier, including its release and occasional updates."
}*/

.notify-form__btn, .wpforms-submit, .btn--purple {
    color: white !important;
    background-color: #a25dcb !important;
    box-shadow: 0 5px 20px rgba(154, 81, 197, .4) !important;
}

.notify-form__btn, .wpforms-submit, .btn {
    border: none !important;
    padding: 10px 40px !important;
    border-radius: 100rem !important;
    font-size: 18px !important;
    cursor: pointer;
    font-weight: 600 !important;
    height: unset !important;
    line-height: unset !important;
}

.btn--yellow {
    background-color: #FFD949 !important;
}
.btn--yellow a {
    color: #7445C0 !important;
}

button a {
    color: white !important;
}

.wpforms-field-label {
    display: none;
}

#wpforms-form-378 input, #wpforms-form-378 textarea {
    padding: 8px;
    background-color: whitesmoke;
    border: 1px solid lightgray;
    border-radius: .2rem;
}

.wpforms-confirmation-container-full {
    text-align: center;
    color: #7445C0 important;
    font-family: 'Montserrat', sans-serif;
    background: white !important;
    border: none !important;
}

.wpforms-field-name, .wpforms-field-email {
    width: 50% !important;
    display: inline-block;
}

.wpforms-field-email > input {
    margin-left: 2% !important;
}

.wpforms-field-name > input, .wpforms-field-email > input {
    width: 98% !important;
    max-width: 100% !important;
    height: 45px !important;
}

@media (max-width: 420px) {
    .wpforms-field-name, .wpforms-field-email {
        width: 100% !important;
    }
    .wpforms-field-name > input, .wpforms-field-email > input {
        width: 100% !important;
        margin-left: 0% !important;
    }
}

.wpforms-field-email {
    text-align: right;
}

#wpforms-submit-378 {
    margin-right: 0;
}

.wpforms-field-textarea textarea {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 16px !important;
    height: 200px !important;
    padding-top: 12px !important;
}

.wpforms-submit-container {
    text-align: right;
}

#wpform-field-hp {
    display: none !important;
}

@media (min-width: 768px) {
  .header-right {
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
  }
  .get-access .wrapper .text > * {
    text-align: left !important;
  }
  .get-access .wrapper .text {
      margin-top: 5rem;
      -webkit-transform: translateX(-5rem);
        -ms-transform: translateX(-5rem);
      transform: translateX(-5rem);
  }

  .width-80 {
      width: 80%;
      margin: 0 auto;
  }
}

.get-access .wrapper h4 {
    margin-bottom: 20px;
}

@media (min-width: 1000px) {
  .header-right {
    -webkit-transform: translateX(120px);
    -ms-transform: translateX(120px);
    transform: translateX(120px);
  }
}

.header-right img.phone-gifts {
  width: 60%;
  position: absolute;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-animation: mover-up 2s infinite  alternate;
    animation: mover-up 2s infinite  alternate;
}

.header-right img.phone-item {
  width: 100%;
  position: absolute;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}

.header-cards .feature-card {
  display: inline-block;
  text-align: center
}

.header-cards .card {
  padding-left: 30px;
  height: 340px;
  width: 320px;
  box-shadow:0 10px 60px -10px rgba(154, 81, 197, .2);
}

.header-cards h3 {
  font-size: 20px !important;
  margin-bottom: 10px;
}

.header-cards img {
  width: 50%;
  margin-bottom: 10px;
}

.header-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 4rem;
}

.header-card-section {
  margin-top: -8rem;
  padding-top: 0px;
}

.global-solution-section {
  margin-top: -5rem;
  margin-bottom: 5rem;
}

.global-solution-section h2 {
  text-align: left;
}

.global-solution h4 {
  margin-top: 2rem;
  text-align: left;
  font-size: 18px;
  width: 100%;
}

.features .feature-card .card {
  text-align: center;
  padding-left: 30px;
  min-height: 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}

.features .background, .features .background2 {
  height: 1300px;
}

.features .feature-img {
  width: 50%;
  padding-bottom: 40px
}

.feature-title {
  margin-bottom: 20px !important;
  padding-bottom: 0;
  margin-top: -2rem;
  text-shadow: 0px 0px 150px rgba(50,60,93,.5);
}

.feature-subheading {
  width: 80%;
  margin: 0 10% 3rem 10%!important;
  text-shadow: 0px 0px 150px rgba(50,60,93,.5);
}

.get-access {
  padding-top: 5rem;
}

.two-column-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
        justify-content: center;
}

.two-column-wrapper .img-wrapper {
    width: 50%;
}

.get-access__form-smallprint {
  font-size: 13px;
  color: #414459;
  font-weight: 500;
  padding-top: 5px;
}
.get-access__form-smallprint:before {
  content: "* ";
  color: #a25dcb;
}

.footer-facebook {
  font-size: 40px;
  font-weight: 600;
  color: #7445C0;
}

#scroll-to-top {
  background-color: #a25dcb;
  position: fixed;
  border-radius: 100rem;
  width: 2.5rem;
  height: 2.5rem;
  color: white;
  font-weight: 600;
  z-index: 100;
  bottom: 1rem;
  right: .8rem;
  display: none;
  cursor: pointer;
  text-align: center;
  line-height: 2.6rem;
  box-shadow: 0 0px 60px 0px rgba(154, 81, 197, .4);
  opacity: 0;
  transition: opacity .2s ease-out;
}

#scroll-to-top:hover {
  opacity: 0;
  transition: opacity .2s ease-in;
}

.notification-bar {
  display: block;
  text-align: center;
  padding: 10px;
  background-color: #FED856;
}

.notification-bar p {
  color: #734ABD !important;
  padding: 0;
  margin: 0;
  font-weight: 600;
}

input {
  font-weight: 400 !important;
  -webkit-appearance: none;
}

/* pages */

.wrapped-intro {
    text-align: center;
    margin: 0 auto;
}

.contents-list {
    list-style: none;
}

/* PRESS KIT */
.press-kit__wrapper {
    margin-top: 4rem;
}
.press-kit__left, .press-kit__right {
    padding: 25px;
}
.press-kit__left {
    width: 70%;
}
.press-kit__right {
    width: 30%;
}
.gallery-box {
    width: 100%;
    padding: 10px 10px 0 10px;
    background-color: #eee;
}
.gallery-box img {
    width: 5.5rem;
    padding-right: 5px;
}
.icon-box {
    width: 100%;
}
.icon-box img {
    width: 5rem;
    margin-right: 10px;
}
.logo-border {
    border: 1px solid #c7c7c7;
    border-radius: 9px;
}
.yt-iframe {
    width: 100%;
}
@media (max-width: 1000px) {
    .press-kit__left, .press-kit__right {
        width: 100%;
    } 
    .press-kit__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .wrapped-intro {
        width: 80%;
    }
    .two-column-wrapper .wrapper > * {
        width: 50%;
        height: 50%;
      }
      .global-solution-img {
        padding: 0 12%;
      }
}

.page__title {
    text-align: center;
    font-size: 3rem;
    color: white;
    margin-top: 4rem;
}

.text__wrapper {
    margin-top: 12rem;
    margin-bottom: 10rem;
}

.text__wrapper p, .text__wrapper ol, .text__wrapper li {
    font-size: 16px !important;
    font-weight: 500 !important;
}


.faq__section {
    margin-bottom: 3rem;
}

.faq__section img {
   height: 100%;
}

.section__subtitle, .terms__wrapper h3 {
    font-size: 20px;
}

.terms__wrapper h4, .press-kit__right h4 {
    font-size: 18px;
    font-weight: 600 !important;
    font-style: italic;
}

.arconix-faq-accordion-title, .arconix-faq-accordion-content {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    color: #414459 !important;
    font-size: 16px !important;
}

.arconix-faq-accordion-title p,
.arconix-faq-accordion-content p,
 {
    font-size: 16px !important;
}

.ui-widget-content a {
    color: #A25DCB !important;
    font-weight: 600 !important;
}

.ui-accordion-header-active {
    font-weight: 600 !important;
}

.arconix-faq-accordion-title {
    box-shadow: 0 0px 20px rgba(50,60,93,.05), 0 0px 20px rgba(0,0,0,.05);
    border: 1px solid #f2f2f2 !important;
    border-radius: 2px !important;
    background-color: white !important;
}
.arconix-faq-accordion-content {
    border: none !important;
}

.ui-accordion .ui-accordion-header {
    margin: .5rem 0 0 0 !important;
}

/* SCIENCE */
.contents-list {
    margin-left: 0 !important;
}
.padded-box {
    width: 50%;
    padding: 0 40px !important;
}
.padded-box:first-child {
    border-right: 1px dotted #C7BBD0;
}
@media (max-width: 768px) {
    .padded-box:first-child {
        border-right: none;
        border-bottom: 1px dotted #C7BBD0;
    }
}
.padded-box__title {
    text-align: center;
    padding: 15px;
    font-weight: 600 !important;
}
.padded-box__text {
    text-align: left;
}
.sixty-forty-wrapper {
    padding-top: 5rem !important;
    padding-bottom: 2rem !important;
}
.sixty-forty-wrapper__text {
    text-align: left !important;
    width: 60%;
}
.sixty-forty-wrapper__img {
    width: 40% !important;
    margin: 0 auto;
}
.sixty-forty-wrapper__img img {
    padding: 20%;
    padding-top: 0;
}


.full-wrapper {
    background-color: #eee3f5;
    margin: 0 -1500px 0 -1500px;
    padding: 25px 1500px;
}

.reverse-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.dont-miss-out {
  color: white !important;
  text-decoration: underline;
}



@media (min-width: 1000px) {
  .features .feature-card .card {
    width: 400px;
  }
}

@media (max-width: 1140px) {
  .header-cards .card {
    width: 280px;
  }
  .hero .header-wrapper, .top-nav .wrapper {
    padding: 0 60px !important;
  }
}

/* mobile */
@media (max-width: 767px) {
  #scroll-to-top {
    opacity: 1;
  }
  .sixty-forty-wrapper__heading {
      text-align: center;
  }
  .header-wrapper {
    flex-direction: column;
  }
  .get-access .wrapper, .global-solution-section .wrapper, .two-column-wrapper  {
    flex-direction: column;
  }
  .get-access .wrapper > *, .global-solution-section .wrapper, .two-column-wrapper > *  {
    width: 100%;
  }
  .get-access__phones, .global-solution-img {
    -webkit-transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    transform: translateX(0rem);
    margin: 0 10%;
    width: 80% !important;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .get-access .text, .global-solution .wrapper, .two-column-wrapper {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .get-access .text {
    margin-bottom: 4rem;
  }
  .hero .background, .hero .background2,
  .features .background, .features .background2 {
    height: 100%;
  }
  .header-right {
    width: 100%;
    -webkit-transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    transform: translateX(0px);
  }
  .header-left {
    text-align: center;
    margin: 0 auto;
  }
  .header-right img {
    margin: 0 15%;
    width: 70% !important;
    margin-top: 80px;
  }
  .header-card-section {
    margin-top: 3rem;
  }
  .global-solution {
    margin-top: 12rem;
  }
  .header-right img.phone-item {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@media (min-width: 521px) and (max-width: 767px) {
    .header-right img.phone-gifts {
        width: 50% !important;
      }
  }

@media (min-width: 701px) and (max-width: 767px) {
  .text.global-solution {
    margin-top: 0;
  }
  .global-solution-img {
    width: 60% !important;
    margin: 0 20%;
  }
}

@media (min-width: 701px) {
    #about {
        margin-top: -9rem !important;
        margin-bottom: 6rem !important;
    }
}

@media (max-width: 520px) {
  .header-right img.phone-item{
    -webkit-transform: translateY(10rem);
    -ms-transform: translateY(10rem);
    transform: translateY(10rem);
    width: 120% !important;
    max-width: unset;
    margin: 0 !important;
    margin-left: -10% !important;
  }
}

@-webkit-keyframes mover-up {
    0% {
      -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      transform: translateY(-30px);
    }
    100% {
      -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
      transform: translateY(-50px);
    }
}
@keyframes mover-up {
    0% {
      -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      transform: translateY(-30px);
    }
    100% {
      -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
      transform: translateY(-50px);
    }
}


/* HELPERS */
.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}