table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
    cursor: default !important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before {
    display: none !important
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #337ab7
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '-';
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
    padding-left: 27px
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}

table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control {
    position: relative;
    cursor: pointer
}

table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #337ab7
}

table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    content: '-';
    background-color: #d33333
}

table.dataTable>tbody>tr.child {
    padding: 0.5em 1em
}

table.dataTable>tbody>tr.child:hover {
    background: transparent !important
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: bold
}

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid black;
    border-radius: 0.5em;
    box-shadow: 0 12px 30px rgba(0,0,0,0.6)
}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0,0,0,0.6)
}

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width:95%
    }
}

div.dtr-bs-modal table.table tr:first-child td {
    border-top: none
}

.lg-sub-html,.lg-toolbar {
    background-color: rgba(0,0,0,.45)
}

@font-face {
    font-family: lg;
    src: url(../js/third-party/LightGallery/fonts/lgd641.html?n1z373);
    src: url(../js/third-party/LightGallery/fonts/lgd41d.html?#iefixn1z373) format("embedded-opentype"),url(../js/third-party/LightGallery/fonts/lgd641-2.html?n1z373) format("woff"),url(../js/third-party/LightGallery/fonts/lgd641-3.html?n1z373) format("truetype"),url(../js/third-party/LightGallery/fonts/lgd641-4.html?n1z373#lg) format("svg");
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: lg;
    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
}

.lg-actions .lg-next,.lg-actions .lg-prev {
    background-color: rgba(0,0,0,.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: none;
    outline: 0
}

.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover {
    color: #FFF
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-moz-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-ms-keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes lg-right-end {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-webkit-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-moz-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-ms-keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@keyframes lg-left-end {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none!important;
    outline: 0;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #FFF
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,.lg-prev,.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -o-transition: -o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    transition: transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition:border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../js/third-party/LightGallery/img/vimeo-play.html) no-repeat
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../js/third-party/LightGallery/img/vimeo-play.html) 0 -58px no-repeat
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: url(../js/third-party/LightGallery/img/video-play.html) no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../js/third-party/LightGallery/img/youtube-play.html) no-repeat
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../js/third-party/LightGallery/img/youtube-play.html) 0 -60px no-repeat
}

.lg-outer .lg-video-object {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s,-moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s,-o-transform .15s ease 0s;
    transition: opacity .15s ease 0s,transform .15s ease 0s;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255,255,255,.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0,0,0,.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s,opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s,opacity .18s linear 0s;
    transition: visibility 0s linear .18s,opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0,5px,0);
    -o-transform: translate3d(0,5px,0);
    -ms-transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
    -webkit-transition: -webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0,0,0,.07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer,.lg-outer .lg,.lg-outer .lg-inner {
    width: 100%;
    height: 100%
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../js/third-party/LightGallery/img/loading.html) center center no-repeat;
    display: none!important
}

.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block!important
}

.lg-outer .lg-img-wrap,.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto!important;
    height: auto!important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s!important;
    -moz-transition: none 0s ease 0s!important;
    -o-transition: none 0s ease 0s!important;
    transition: none 0s ease 0s!important
}

.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top,.2s -webkit-transform;
    transition: .2s top,.2s -webkit-transform;
    -o-transition: .2s transform,.2s top;
    transition: .2s transform,.2s top;
    transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left,.2s -webkit-transform;
    transition: .2s left,.2s -webkit-transform;
    -o-transition: .2s transform,.2s left;
    transition: .2s transform,.2s left;
    transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel {
    touch-action: none;
}

@charset "UTF-8";/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    animation-duration: .75s
}

@keyframes bounce {
    20%,53%,80%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        transform: translate3d(0,-30px,0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from,to {
        transform: scale3d(1,1,1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from,to {
        transform: scale3d(1,1,1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from,to {
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from,to {
        transform: scale3d(1,1,1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from,to {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    11.1%,from,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipInX
}

.flipInY,.flipOutX {
    -webkit-backface-visibility: visible!important
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible!important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate3d(0,0,1,80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate3d(0,0,1,60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-panels,.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-panels {
    overflow: hidden
}

.mm-panel {
    -webkit-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0);
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.mm-panel.mm-opened {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate(-30%,0);
    -ms-transform: translate(-30%,0);
    transform: translate(-30%,0);
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

.mm-panel.mm-highest {
    z-index: 1
}

.mm-panel.mm-noanimation {
    -webkit-transition: none!important;
    transition: none!important
}

.mm-panel.mm-noanimation.mm-subopened {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-panels>.mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-panels>.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel {
    display: block
}

.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next {
    box-sizing: border-box;
    height: 40px;
    bottom: auto
}

.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1
}

.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-clear:before,.mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-clear:after,.mm-close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

.mm-next:after,.mm-prev:before {
    content: '';
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.mm-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar>* {
    display: block;
    padding: 10px 0
}

.mm-navbar a,.mm-navbar a:hover {
    text-decoration: none
}

.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-navbar .mm-btn:first-child {
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview,.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview a,.mm-listview a:hover {
    text-decoration: none
}

.mm-listview>li {
    position: relative
}

.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after {
    border-color: inherit
}

.mm-listview>li>a,.mm-listview>li>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mm-listview>li:not(.mm-divider):after {
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3,2,1,0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mm-listview .mm-next+a,.mm-listview .mm-next+span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px
}

.mm-menu {
    background: red;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
}

.mm-menu .mm-navbar a,.mm-menu .mm-navbar>* {
    color: rgba(0,0,0,.3)
}

.mm-menu .mm-btn:after,.mm-menu .mm-btn:before {
    border-color: rgba(0,0,0,.3)
}

.mm-menu .mm-listview {
    border-color: rgba(0,0,0,.1)
}

.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(0,0,0,.3)
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255,255,255,.5);
    tap-highlight-color: rgba(255,255,255,.5)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255,255,255,.5)
}

.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0,0,0,.05)
}

.mm-menu .mm-divider {
    background: rgba(0,0,0,.05)
}

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1
}

html.mm-opened {
    overflow-x: hidden;
    position: relative
}

html.mm-blocking {
    overflow: hidden
}

html.mm-blocking body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3,2,1,0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed
}

.mm-menu.mm-offcanvas.mm-opened {
    display: block
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
    z-index: 10
}

.mm-menu.mm-offcanvas {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-menu~.mm-slideout {
    -webkit-transform: translate(80%,0);
    -ms-transform: translate(80%,0);
    transform: translate(80%,0);
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-menu~.mm-slideout {
        -webkit-transform:translate(140px,0);
        -ms-transform: translate(140px,0);
        transform: translate(140px,0);
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-menu~.mm-slideout {
        -webkit-transform:translate(440px,0);
        -ms-transform: translate(440px,0);
        transform: translate(440px,0);
        -webkit-transform: translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

@charset "UTF-8";.mm-sronly {
    border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    white-space: nowrap!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #000
}

.hamburger-inner:after,.hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    transform: rotateY(180deg);
    background-color: transparent
}

.hamburger--3dx.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    transform: rotateY(-180deg);
    background-color: transparent
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    transform: rotateX(-180deg);
    background-color: transparent
}

.hamburger--3dy.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    transform: rotateX(180deg);
    background-color: transparent
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
    transform: rotateX(180deg) rotateY(180deg);
    background-color: transparent
}

.hamburger--3dxy.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
    background-color: transparent
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s
}

.hamburger--elastic .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0,-20px,0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0,-20px,0) rotate(270deg)
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    top: -80px;
    left: -80px;
    transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform: translate3d(80px,80px,0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    top: -80px;
    right: -80px;
    transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform: translate3d(-80px,80px,0) rotate(-45deg)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    top: 80px;
    left: -80px;
    transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform: translate3d(80px,-80px,0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    top: 80px;
    right: -80px;
    transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform: translate3d(-80px,-80px,0) rotate(45deg)
}

.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before {
    transition: bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before {
    transition: bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;
    opacity: 0
}

.hamburger--minus.is-active .hamburger-inner:before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity
}

.hamburger--slider .hamburger-inner:after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    transform: translate3d(0,-20px,0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity
}

.hamburger--slider-r .hamburger-inner:after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    transform: rotate(45deg) translate3d(5.71429px,-6px,0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    transform: translate3d(0,-20px,0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s;
    opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

.hamburger--spin-r .hamburger-inner:before {
    transition: top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s;
    opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 10px;
    transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring .hamburger-inner:after {
    top: 20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform: translate3d(0,10px,0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

.hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;
    opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
    transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
    transform: rotate(90deg);
    background-color: transparent
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
    transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
    transform: rotate(-90deg);
    background-color: transparent
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform: rotate(45deg)
}

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s,opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s
}

.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
    transition-property: top,opacity
}

.hamburger--vortex .hamburger-inner:after {
    transition-property: bottom,transform
}

.hamburger--vortex.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s
}

.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0s
}

.hamburger--vortex-r .hamburger-inner:before {
    transition-property: top,opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom,transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

@font-face {
    font-family: helcim-commerce;
    src: url(../fonts/icons/helcim-commerce0ebc.woff2?tvce1e) format('woff2'),url(../fonts/icons/helcim-commerce0ebc.html?tvce1e) format('truetype'),url(../fonts/icons/helcim-commerce0ebc-2.html?tvce1e) format('woff'),url(../fonts/icons/helcim-commerce0ebc-3.html?tvce1e#helcim-commerce) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" Icon"],[class^=Icon] {
    font-family: helcim-commerce!important;
    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
}

.Iconmachine:before {
    content: "\eb0d"
}

.Iconpuzzle:before {
    content: "\eb0e"
}

.Iconmouse:before {
    content: "\ea1f"
}

.Iconactivity:before {
    content: "\e903"
}

.Iconairplay:before {
    content: "\e90f"
}

.Iconalert-circle:before {
    content: "\e910"
}

.Iconalert-octagon:before {
    content: "\e977"
}

.Iconalert-triangle:before {
    content: "\e9f1"
}

.Iconalign-center:before {
    content: "\e9f2"
}

.Iconalign-justify:before {
    content: "\e9f3"
}

.Iconalign-left:before {
    content: "\e9f4"
}

.Iconalign-right:before {
    content: "\e9f5"
}

.Iconanchor:before {
    content: "\e9f6"
}

.Iconaperture:before {
    content: "\e9f7"
}

.Iconarrow-down:before {
    content: "\e9f8"
}

.Iconarrow-down-circle:before {
    content: "\e9f9"
}

.Iconarrow-down-left:before {
    content: "\e9fa"
}

.Iconarrow-down-right:before {
    content: "\e9fb"
}

.Iconarrow-left:before {
    content: "\e9fc"
}

.Iconarrow-left-circle:before {
    content: "\e9fd"
}

.Iconarrow-right:before {
    content: "\e9fe"
}

.Iconarrow-right-circle:before {
    content: "\e9ff"
}

.Iconarrow-up:before {
    content: "\ea00"
}

.Iconarrow-up-circle:before {
    content: "\ea01"
}

.Iconarrow-up-left:before {
    content: "\ea02"
}

.Iconarrow-up-right:before {
    content: "\ea03"
}

.Iconat-sign:before {
    content: "\ea04"
}

.Iconaward:before {
    content: "\ea05"
}

.Iconbar-chart:before {
    content: "\ea06"
}

.Iconbar-chart-2:before {
    content: "\ea20"
}

.Iconbattery:before {
    content: "\ea21"
}

.Iconbattery-charging:before {
    content: "\ea22"
}

.Iconbell:before {
    content: "\ea23"
}

.Iconbell-off:before {
    content: "\ea24"
}

.Iconbluetooth:before {
    content: "\ea25"
}

.Iconbold:before {
    content: "\ea26"
}

.Iconbook:before {
    content: "\ea27"
}

.Iconbook-open:before {
    content: "\ea28"
}

.Iconbookmark:before {
    content: "\ea29"
}

.Iconbox:before {
    content: "\ea2a"
}

.Iconbriefcase:before {
    content: "\ea2b"
}

.Iconcalendar:before {
    content: "\ea2c"
}

.Iconcamera:before {
    content: "\ea2d"
}

.Iconcamera-off:before {
    content: "\ea2e"
}

.Iconcast:before {
    content: "\ea2f"
}

.Iconcheck:before {
    content: "\ea30"
}

.Iconcheck-circle:before {
    content: "\ea31"
}

.Iconcheck-square:before {
    content: "\ea32"
}

.Iconchevron-down:before {
    content: "\ea33"
}

.Iconchevron-left:before {
    content: "\ea34"
}

.Iconchevron-right:before {
    content: "\ea35"
}

.Iconchevron-up:before {
    content: "\ea36"
}

.Iconchevrons-down:before {
    content: "\ea37"
}

.Iconchevrons-left:before {
    content: "\ea38"
}

.Iconchevrons-right:before {
    content: "\ea39"
}

.Iconchevrons-up:before {
    content: "\ea3a"
}

.Iconchrome:before {
    content: "\ea3b"
}

.Iconcircle:before {
    content: "\ea3c"
}

.Iconclipboard:before {
    content: "\ea3d"
}

.Iconclock:before {
    content: "\ea3e"
}

.Iconcloud:before {
    content: "\ea3f"
}

.Iconcloud-drizzle:before {
    content: "\ea40"
}

.Iconcloud-lightning:before {
    content: "\ea41"
}

.Iconcloud-off:before {
    content: "\ea42"
}

.Iconcloud-rain:before {
    content: "\ea43"
}

.Iconcloud-snow:before {
    content: "\ea44"
}

.Iconcode:before {
    content: "\ea45"
}

.Iconcodepen:before {
    content: "\ea46"
}

.Iconcommand:before {
    content: "\ea47"
}

.Iconcompass:before {
    content: "\ea48"
}

.Iconcopy:before {
    content: "\ea49"
}

.Iconcorner-down-left:before {
    content: "\ea4a"
}

.Iconcorner-down-right:before {
    content: "\ea4b"
}

.Iconcorner-left-down:before {
    content: "\ea4c"
}

.Iconcorner-left-up:before {
    content: "\ea4d"
}

.Iconcorner-right-down:before {
    content: "\ea4e"
}

.Iconcorner-right-up:before {
    content: "\ea4f"
}

.Iconcorner-up-left:before {
    content: "\ea50"
}

.Iconcorner-up-right:before {
    content: "\ea51"
}

.Iconcpu:before {
    content: "\ea52"
}

.Iconcredit-card:before {
    content: "\ea53"
}

.Iconcrop:before {
    content: "\ea54"
}

.Iconcrosshair:before {
    content: "\ea55"
}

.Icondatabase:before {
    content: "\ea56"
}

.Icondelete:before {
    content: "\ea57"
}

.Icondisc:before {
    content: "\ea58"
}

.Icondollar-sign:before {
    content: "\ea59"
}

.Icondownload:before {
    content: "\ea5a"
}

.Icondownload-cloud:before {
    content: "\ea5b"
}

.Icondroplet:before {
    content: "\ea5c"
}

.Iconedit:before {
    content: "\ea5d"
}

.Iconedit-2:before {
    content: "\ea5e"
}

.Iconedit-3:before {
    content: "\ea5f"
}

.Iconexternal-link:before {
    content: "\ea60"
}

.Iconeye:before {
    content: "\ea61"
}

.Iconeye-off:before {
    content: "\ea62"
}

.Iconfacebook2:before {
    content: "\ea63"
}

.Iconfast-forward:before {
    content: "\ea64"
}

.Iconfeather:before {
    content: "\ea65"
}

.Iconfile:before {
    content: "\ea66"
}

.Iconfile-minus:before {
    content: "\ea67"
}

.Iconfile-plus:before {
    content: "\ea68"
}

.Iconfile-text:before {
    content: "\ea69"
}

.Iconfilm:before {
    content: "\ea6a"
}

.Iconfilter:before {
    content: "\ea6b"
}

.Iconflag:before {
    content: "\ea6c"
}

.Iconfolder:before {
    content: "\ea6d"
}

.Iconfolder-minus:before {
    content: "\ea6e"
}

.Iconfolder-plus:before {
    content: "\ea6f"
}

.Icongit-branch:before {
    content: "\ea70"
}

.Icongit-commit:before {
    content: "\ea71"
}

.Icongit-merge:before {
    content: "\ea72"
}

.Icongit-pull-request:before {
    content: "\ea73"
}

.Icongithub:before {
    content: "\ea74"
}

.Icongitlab:before {
    content: "\ea75"
}

.Iconglobe:before {
    content: "\ea76"
}

.Icongrid:before {
    content: "\ea77"
}

.Iconhard-drive:before {
    content: "\ea78"
}

.Iconhash:before {
    content: "\ea79"
}

.Iconheadphones:before {
    content: "\ea7a"
}

.Iconheart:before {
    content: "\ea7b"
}

.Iconhelp-circle:before {
    content: "\ea7c"
}

.Iconhome:before {
    content: "\ea7d"
}

.Iconimage:before {
    content: "\ea7e"
}

.Iconinbox:before {
    content: "\ea7f"
}

.Iconinfo:before {
    content: "\ea80"
}

.Iconinstagram:before {
    content: "\ea81"
}

.Iconitalic:before {
    content: "\ea82"
}

.Iconlayers:before {
    content: "\ea83"
}

.Iconlayout:before {
    content: "\ea84"
}

.Iconlife-buoy:before {
    content: "\ea85"
}

.Iconlink:before {
    content: "\ea86"
}

.Iconlink-2:before {
    content: "\ea87"
}

.Iconlinkedin2:before {
    content: "\ea88"
}

.Iconlist:before {
    content: "\ea89"
}

.Iconloader:before {
    content: "\ea8a"
}

.Iconlock:before {
    content: "\ea8b"
}

.Iconlog-in:before {
    content: "\ea8c"
}

.Iconlog-out:before {
    content: "\ea8d"
}

.Iconmail:before {
    content: "\ea8e"
}

.Iconmap:before {
    content: "\ea8f"
}

.Iconmap-pin:before {
    content: "\ea90"
}

.Iconmaximize:before {
    content: "\ea91"
}

.Iconmaximize-2:before {
    content: "\ea92"
}

.Iconmenu:before {
    content: "\ea93"
}

.Iconmessage-circle:before {
    content: "\ea94"
}

.Iconmessage-square:before {
    content: "\ea95"
}

.Iconmic:before {
    content: "\ea96"
}

.Iconmic-off:before {
    content: "\ea97"
}

.Iconminimize:before {
    content: "\ea98"
}

.Iconminimize-2:before {
    content: "\ea99"
}

.Iconminus:before {
    content: "\ea9a"
}

.Iconminus-circle:before {
    content: "\ea9b"
}

.Iconminus-square:before {
    content: "\ea9c"
}

.Iconmonitor:before {
    content: "\ea9d"
}

.Iconmoon:before {
    content: "\ea9e"
}

.Iconmore-horizontal:before {
    content: "\ea9f"
}

.Iconmore-vertical:before {
    content: "\eaa0"
}

.Iconmove:before {
    content: "\eaa1"
}

.Iconmusic:before {
    content: "\eaa2"
}

.Iconnavigation:before {
    content: "\eaa3"
}

.Iconnavigation-2:before {
    content: "\eaa4"
}

.Iconoctagon:before {
    content: "\eaa5"
}

.Iconpackage:before {
    content: "\eaa6"
}

.Iconpaperclip:before {
    content: "\eaa7"
}

.Iconpause:before {
    content: "\eaa8"
}

.Iconpause-circle:before {
    content: "\eaa9"
}

.Iconpercent:before {
    content: "\eaaa"
}

.Iconphone:before {
    content: "\eaab"
}

.Iconphone-call:before {
    content: "\eaac"
}

.Iconphone-forwarded:before {
    content: "\eaad"
}

.Iconphone-incoming:before {
    content: "\eaae"
}

.Iconphone-missed:before {
    content: "\eaaf"
}

.Iconphone-off:before {
    content: "\eab0"
}

.Iconphone-outgoing:before {
    content: "\eab1"
}

.Iconpie-chart:before {
    content: "\eab2"
}

.Iconplay:before {
    content: "\eab3"
}

.Iconplay-circle:before {
    content: "\eab4"
}

.Iconplus:before {
    content: "\eab5"
}

.Iconplus-circle:before {
    content: "\eab6"
}

.Iconplus-square:before {
    content: "\eab7"
}

.Iconpocket:before {
    content: "\eab8"
}

.Iconpower:before {
    content: "\eab9"
}

.Iconprinter:before {
    content: "\eaba"
}

.Iconradio:before {
    content: "\eabb"
}

.Iconrefresh-ccw:before {
    content: "\eabc"
}

.Iconrefresh-cw:before {
    content: "\eabd"
}

.Iconrepeat:before {
    content: "\eabe"
}

.Iconrewind:before {
    content: "\eabf"
}

.Iconrotate-ccw:before {
    content: "\eac0"
}

.Iconrotate-cw:before {
    content: "\eac1"
}

.Iconrss:before {
    content: "\eac2"
}

.Iconsave:before {
    content: "\eac3"
}

.Iconscissors:before {
    content: "\eac4"
}

.Iconsearch:before {
    content: "\eac5"
}

.Iconsend:before {
    content: "\eac6"
}

.Iconserver:before {
    content: "\eac7"
}

.Iconsettings:before {
    content: "\eac8"
}

.Iconshare:before {
    content: "\eac9"
}

.Iconshare-2:before {
    content: "\eaca"
}

.Iconshield:before {
    content: "\eacb"
}

.Iconshield-off:before {
    content: "\eacc"
}

.Iconshopping-bag:before {
    content: "\eacd"
}

.Iconshopping-cart:before {
    content: "\eace";
    margin-left: -5px
}

.Iconshuffle:before {
    content: "\eacf"
}

.Iconsidebar:before {
    content: "\ead0"
}

.Iconskip-back:before {
    content: "\ead1"
}

.Iconskip-forward:before {
    content: "\ead2"
}

.Iconslack:before {
    content: "\ead3"
}

.Iconslash:before {
    content: "\ead4"
}

.Iconsliders:before {
    content: "\ead5"
}

.Iconsmartphone:before {
    content: "\ead6"
}

.Iconspeaker:before {
    content: "\ead7"
}

.Iconsquare:before {
    content: "\ead8"
}

.Iconstar:before {
    content: "\ead9"
}

.Iconstop-circle:before {
    content: "\eada"
}

.Iconsun:before {
    content: "\eadb"
}

.Iconsunrise:before {
    content: "\eadc"
}

.Iconsunset:before {
    content: "\eadd"
}

.Icontablet:before {
    content: "\eade"
}

.Icontag:before {
    content: "\eadf"
}

.Icontarget:before {
    content: "\eae0"
}

.Iconterminal:before {
    content: "\eae1"
}

.Iconthermometer:before {
    content: "\eae2"
}

.Iconthumbs-down:before {
    content: "\eae3"
}

.Iconthumbs-up:before {
    content: "\eae4"
}

.Icontoggle-left:before {
    content: "\eae5"
}

.Icontoggle-right:before {
    content: "\eae6"
}

.Icontrash:before {
    content: "\eae7"
}

.Icontrash-2:before {
    content: "\eae8"
}

.Icontrending-down:before {
    content: "\eae9"
}

.Icontrending-up:before {
    content: "\eaea"
}

.Icontriangle:before {
    content: "\eaeb"
}

.Icontruck:before {
    content: "\eaec"
}

.Icontv:before {
    content: "\eaed"
}

.Icontwitter2:before {
    content: "\eaee"
}

.Icontype:before {
    content: "\eaef"
}

.Iconumbrella:before {
    content: "\eaf0"
}

.Iconunderline:before {
    content: "\eaf1"
}

.Iconunlock:before {
    content: "\eaf2"
}

.Iconupload:before {
    content: "\eaf3"
}

.Iconupload-cloud:before {
    content: "\eaf4"
}

.Iconuser:before {
    content: "\eaf5"
}

.Iconuser-check:before {
    content: "\eaf6"
}

.Iconuser-minus:before {
    content: "\eaf7"
}

.Iconuser-plus:before {
    content: "\eaf8"
}

.Iconuser-x:before {
    content: "\eaf9"
}

.Iconusers:before {
    content: "\eafa"
}

.Iconvideo2:before {
    content: "\eafb"
}

.Iconvideo-off:before {
    content: "\eafc"
}

.Iconvoicemail:before {
    content: "\eafd"
}

.Iconvolume:before {
    content: "\eafe"
}

.Iconvolume-1:before {
    content: "\eaff"
}

.Iconvolume-2:before {
    content: "\eb00"
}

.Iconvolume-x:before {
    content: "\eb01"
}

.Iconwatch:before {
    content: "\eb02"
}

.Iconwifi:before {
    content: "\eb03"
}

.Iconwifi-off:before {
    content: "\eb04"
}

.Iconwind:before {
    content: "\eb05"
}

.Iconx2:before {
    content: "\eb06"
}

.Iconx-circle:before {
    content: "\eb07"
}

.Iconx-square:before {
    content: "\eb08"
}

.Iconzap:before {
    content: "\eb09"
}

.Iconzap-off:before {
    content: "\eb0a"
}

.Iconzoom-in:before {
    content: "\eb0b"
}

.Iconzoom-out:before {
    content: "\eb0c"
}

.IconSmartphoneLandscape:before {
    content: "\ea0b"
}

.IconTabletLandscape:before {
    content: "\ea0c"
}

.IconDouble:before {
    content: "\ea0d"
}

.IconMap:before {
    content: "\ea0e"
}

.IconSmartphone:before {
    content: "\ea0f"
}

.IconTablet:before {
    content: "\ea10"
}

.IconPadlock:before {
    content: "\ea11"
}

.IconTheme:before {
    content: "\ea12"
}

.IconSettings:before {
    content: "\ea13"
}

.IconEdit2:before {
    content: "\ea14"
}

.IconCheck2:before {
    content: "\ea15"
}

.IconInfo2:before {
    content: "\ea16"
}

.IconPage:before {
    content: "\ea17"
}

.IconMonitor:before {
    content: "\ea18"
}

.IconStyles:before {
    content: "\ea19"
}

.IconArrowTop:before {
    content: "\ea1a"
}

.IconArrowBt:before {
    content: "\ea1b"
}

.IconArrowRt:before {
    content: "\ea1c"
}

.IconArrowLt:before {
    content: "\ea1d"
}

.IconTrash2:before {
    content: "\ea1e"
}

.IconCheck22:before {
    content: "\e9ec"
}

.IconArrowTop2:before {
    content: "\e9ed"
}

.IconArrowBt2:before {
    content: "\e9ee"
}

.IconArrowRt2:before {
    content: "\e9ef"
}

.IconArrowLt2:before {
    content: "\e9f0"
}

.IconShare:before {
    content: "\e9eb"
}

.IconBarcodeReader:before {
    content: "\e9e9"
}

.IconCardReader:before {
    content: "\e9ea"
}

.IconChecked:before {
    content: "\e9e8"
}

.IconChip:before {
    content: "\e9e7"
}

.Icontwitter:before {
    content: "\e9e1"
}

.Iconyoutube:before {
    content: "\e9e2"
}

.Iconlinkedin:before {
    content: "\e9e3"
}

.Iconfacebook:before {
    content: "\e9e4"
}

.Iconvideo:before {
    content: "\e9e5"
}

.IconDevice:before {
    content: "\e9e6"
}

.IconEye:before {
    content: "\e9df"
}

.IconFingerPrint:before {
    content: "\e9e0"
}

.IconApple:before {
    content: "\e9de"
}

.IconArrowLeft:before {
    content: "\e9da"
}

.IconArrowRight:before {
    content: "\e9db"
}

.IconArrowUp:before {
    content: "\e9dc"
}

.IconArrowDown:before {
    content: "\e9dd"
}

.IconPaymentNeeds:before {
    content: "\e9d0"
}

.IconAccessList:before {
    content: "\e9d1"
}

.IconReminder:before {
    content: "\e9d2"
}

.IconCardExpiring:before {
    content: "\e9d3"
}

.IconSystemPeripheral:before {
    content: "\e9d4"
}

.IconPaymentGateway:before {
    content: "\e9d5"
}

.IconSubscriptionApproved:before {
    content: "\e9d6"
}

.IconEmbeddedStore:before {
    content: "\e9d7"
}

.IconDomain:before {
    content: "\e9d8"
}

.IconSEO:before {
    content: "\e9d9"
}

.IconQuestionMark:before {
    content: "\e9c4"
}

.IconApprovalSettings:before {
    content: "\e9c5"
}

.IconDeleteCustomer:before {
    content: "\e9c6"
}

.IconHardwareSettings:before {
    content: "\e9c7"
}

.IconList:before {
    content: "\e9c8"
}

.IconFilter:before {
    content: "\e9c9"
}

.IconKeyboard:before {
    content: "\e9ca"
}

.IconZoom:before {
    content: "\e9cb"
}

.IconDebitCardexternal:before {
    content: "\e9cc"
}

.IconSmile:before {
    content: "\e9cd"
}

.IconTransactionHistory:before {
    content: "\e9ce"
}

.IconGiveItBack:before {
    content: "\e9cf"
}

.IconCircleArrowDown:before {
    content: "\e9c0"
}

.IconCircleArrowLeft:before {
    content: "\e9c1"
}

.IconCircleArrowUp:before {
    content: "\e9c2"
}

.IconCircleArrowRight:before {
    content: "\e9c3"
}

.IconApiCodeGen:before {
    content: "\e9bf"
}

.IconThanks:before {
    content: "\e94a"
}

.IconOnlineStoreJs:before {
    content: "\e9be"
}

.IconOptions:before {
    content: "\e988"
}

.IconProductOptions:before {
    content: "\e9b4"
}

.IconProductVariants:before {
    content: "\e9bc"
}

.IconVariants:before {
    content: "\e9bd"
}

.IconNewProduct:before {
    content: "\e929"
}

.IconOnlineStoreSettings:before {
    content: "\e92d"
}

.IconOnlineStoreTheme:before {
    content: "\e93d"
}

.IconOrderThemeDesigner:before {
    content: "\e940"
}

.IconPosSettings:before {
    content: "\e945"
}

.IconTerminals:before {
    content: "\e948"
}

.IconNewHelcimJs:before {
    content: "\e953"
}

.IconGenerateKey:before {
    content: "\e955"
}

.IconInvoicingSettings:before {
    content: "\e958"
}

.IconManageSubscription:before {
    content: "\e95a"
}

.IconNewEft:before {
    content: "\e960"
}

.IconSaveInvoice:before {
    content: "\e961"
}

.IconNewTransaction:before {
    content: "\e962"
}

.IconAddBank:before {
    content: "\e964"
}

.IconBank:before {
    content: "\e966"
}

.IconCheck:before {
    content: "\e969"
}

.IconCreditCardexternal:before {
    content: "\e96a"
}

.IconLanguagesActive:before {
    content: "\e974"
}

.IconUsers:before {
    content: "\e991"
}

.IconCustomerPortalSettings:before {
    content: "\e992"
}

.IconCustomerSettings:before {
    content: "\e993"
}

.IconEmailSettings:before {
    content: "\e994"
}

.IconGeneralAccountSettings:before {
    content: "\e995"
}

.IconInventoryManagement:before {
    content: "\e996"
}

.IconInventorySettings:before {
    content: "\e997"
}

.IconOrderReceiptSettings:before {
    content: "\e99a"
}

.IconReceiptSettings:before {
    content: "\e99b"
}

.IconRecurringSettings:before {
    content: "\e9a1"
}

.IconVirtualTerminalSettings:before {
    content: "\e9aa"
}

.IconOrderHistory:before {
    content: "\e9b5"
}

.IconDebitCard:before {
    content: "\e9b8"
}

.IconMisc:before {
    content: "\e9b9"
}

.IconCash:before {
    content: "\e9ba"
}

.IconCreditCard2:before {
    content: "\e9bb"
}

.IconOrderView:before {
    content: "\e9b6"
}

.IconGenerateToken:before {
    content: "\e9b7"
}

.IconViewSubscription:before {
    content: "\e9b2"
}

.IconSubscriptions:before {
    content: "\e9b3"
}

.IconBilling:before {
    content: "\e986"
}

.IconChurnAnalysis:before {
    content: "\e998"
}

.IconDunningManagement:before {
    content: "\e99c"
}

.IconAddons:before {
    content: "\e99d"
}

.IconFutureDates:before {
    content: "\e99e"
}

.IconMeteredEntry:before {
    content: "\e99f"
}

.IconUpcomingBilling:before {
    content: "\e9a0"
}

.IconAddCard:before {
    content: "\e9a2"
}

.IconCountries:before {
    content: "\e9a3"
}

.IconProvinces:before {
    content: "\e9a4"
}

.IconAddSubscription:before {
    content: "\e9a5"
}

.IconButtonGenerator:before {
    content: "\e9a6"
}

.IconReset:before {
    content: "\e9a7"
}

.IconEditPlan:before {
    content: "\e9a8"
}

.IconGenerateKey2:before {
    content: "\e9a9"
}

.IconProductCatalogue:before {
    content: "\e9ab"
}

.IconDuplicate:before {
    content: "\e9ac"
}

.IconThemeDesigner:before {
    content: "\e9ad"
}

.IconTransactionsAndBatches:before {
    content: "\e9ae"
}

.IconPrint:before {
    content: "\e9af"
}

.IconViewOnline:before {
    content: "\e9b0"
}

.IconPdf:before {
    content: "\e9b1"
}

.IconNoteApproved:before {
    content: "\e987"
}

.IconNoteAdd:before {
    content: "\e989"
}

.IconNoteDelete:before {
    content: "\e98a"
}

.IconClosedPadlock:before {
    content: "\e98b"
}

.IconNoteFeatured:before {
    content: "\e98c"
}

.IconOpenPudlock:before {
    content: "\e98d"
}

.IconHearth:before {
    content: "\e98e"
}

.IconMoney:before {
    content: "\e98f"
}

.IconShield:before {
    content: "\e990"
}

.IconEdit:before {
    content: "\e999"
}

.IconUserAdd:before {
    content: "\e973"
}

.IconUserMinus:before {
    content: "\e985"
}

.IconCalendar:before {
    content: "\e984"
}

.IconIdeas:before {
    content: "\e978"
}

.IconContact:before {
    content: "\e979"
}

.IconTickets:before {
    content: "\e97a"
}

.IconGuide:before {
    content: "\e97b"
}

.IconKnowledge:before {
    content: "\e97c"
}

.IconRetrivals:before {
    content: "\e97d"
}

.IconStatement:before {
    content: "\e97e"
}

.IconContacts:before {
    content: "\e97f"
}

.IconPci:before {
    content: "\e980"
}

.IconSoftware:before {
    content: "\e981"
}

.IconBankAccount:before {
    content: "\e982"
}

.IconPersonalInfo:before {
    content: "\e983"
}

.IconSticky:before {
    content: "\e971"
}

.IconPasswordReset:before {
    content: "\e972"
}

.IconMerchant:before {
    content: "\e975"
}

.IconStatus:before {
    content: "\e976"
}

.IconHelcimOutline:before {
    content: "\ea08"
}

.IconCheLeft:before {
    content: "\e96d"
}

.IconCheUp:before {
    content: "\e96e"
}

.IconCheDown:before {
    content: "\e96f"
}

.IconCheRight:before {
    content: "\e970"
}

.IconProject:before {
    content: "\e96c"
}

.IconCustomer:before {
    content: "\e96b"
}

.IconQueueLogs:before {
    content: "\e926"
}

.IconNewRecurringPlan .path1:before {
    content: "\e92e"
}

.IconNewRecurringPlan .path2:before {
    content: "\e92f";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path3:before {
    content: "\e930";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path4:before {
    content: "\e931";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path5:before {
    content: "\e932";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path6:before {
    content: "\e933";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path7:before {
    content: "\e934";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path8:before {
    content: "\e935";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path9:before {
    content: "\e936";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path10:before {
    content: "\e937";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path11:before {
    content: "\e938";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path12:before {
    content: "\e939";
    margin-left: -.962890625em
}

.IconNewRecurringPlan .path13:before {
    content: "\e93a";
    margin-left: -.962890625em
}

.IconMergeCustomer:before {
    content: "\e93b"
}

.IconNewCustomer:before {
    content: "\e93c"
}

.IconNewPageWizard:before {
    content: "\e93e"
}

.IconNewPageCustom:before {
    content: "\e93f"
}

.IconReviews:before {
    content: "\e941"
}

.IconBrands:before {
    content: "\e942"
}

.IconDiscountCode:before {
    content: "\e943"
}

.IconCategories:before {
    content: "\e944"
}

.IconMobileApp:before {
    content: "\e946"
}

.IconNewSale:before {
    content: "\e947"
}

.IconExport:before {
    content: "\e949"
}

.IconCreditCardBatches:before {
    content: "\e94b"
}

.IconEftAch:before {
    content: "\e94c"
}

.IconNewOrder:before {
    content: "\e94d"
}

.IconOtherTenderTransaction:before {
    content: "\e94e"
}

.IconShippingMethods:before {
    content: "\e94f"
}

.IconCurrencies:before {
    content: "\e950"
}

.IconTaxes:before {
    content: "\e951"
}

.IconContentPages:before {
    content: "\e952"
}

.IconCustomerPortalTheme:before {
    content: "\e954"
}

.IconCustomerPortal:before {
    content: "\e956"
}

.Iconx:before {
    content: "\e957"
}

.IconOrderReceipt:before {
    content: "\e959"
}

.IconReceipt:before {
    content: "\e95b"
}

.IconQuickbooks .path1:before {
    content: "\e95c"
}

.IconQuickbooks .path2:before {
    content: "\e95d";
    margin-left: -.998046875em
}

.IconQuickbooks .path3:before {
    content: "\e95e";
    margin-left: -.998046875em
}

.IconQuickbooks .path4:before {
    content: "\e95f";
    margin-left: -.998046875em
}

.IconInventory:before {
    content: "\e963"
}

.IconEmail:before {
    content: "\e965"
}

.IconCustomFields:before {
    content: "\e967"
}

.IconPosLayouts:before {
    content: "\e968"
}

.IconOnlineStore:before {
    content: "\e927"
}

.IconHelcimJs:before {
    content: "\e928"
}

.IconHelcimDefender:before {
    content: "\e92a"
}

.IconLanguages:before {
    content: "\e92b"
}

.IconMyAccount:before {
    content: "\e92c"
}

.IconAdd:before {
    content: "\e90b"
}

.IconRejected:before {
    content: "\e90d"
}

.IconNew:before {
    content: "\e913"
}

.IconPlus:before {
    content: "\e917"
}

.IconPos:before {
    content: "\e901"
}

.IconChevronDown:before {
    content: "\e922"
}

.IconChevronLeft:before {
    content: "\e923"
}

.IconChevronUp:before {
    content: "\e924"
}

.IconChevronRight:before {
    content: "\e925"
}

.IconPaymentPages:before {
    content: "\e900"
}

.IconApproved:before {
    content: "\e902"
}

.IconHelcim:before {
    content: "\ea0a"
}

.IconPlay:before {
    content: "\e904";
    margin-left: 3px
}

.IconCreditCard:before {
    content: "\e905"
}

.IconGear:before {
    content: "\e906"
}

.IconInfo:before {
    content: "\e907"
}

.IconReload:before {
    content: "\e908"
}

.IconLens:before {
    content: "\e909"
}

.IconMinus:before {
    content: "\e90a"
}

.IconRemove:before {
    content: "\e90c"
}

.IconDashboard:before {
    content: "\e90e"
}

.IconHexagonFilled:before {
    content: "\ea07"
}

.IconHexagonOutline:before {
    content: "\ea09"
}

.IconHome:before {
    content: "\e911"
}

.IconReports:before {
    content: "\e912"
}

.IconSettings2:before {
    content: "\e914"
}

.IconTrash:before {
    content: "\e915"
}

.IconImage:before {
    content: "\e916"
}

.IconStar:before {
    content: "\e918"
}

.IconCrm:before {
    content: "\e919"
}

.IconVirtualTerminal:before {
    content: "\e91a"
}

.IconIntegrations:before {
    content: "\e91b"
}

.IconEcommerce:before {
    content: "\e91c"
}

.IconProducts:before {
    content: "\e91d"
}

.IconInvoicing:before {
    content: "\e91e"
}

.IconRecurring:before {
    content: "\e91f"
}

.IconChat:before {
    content: "\e920"
}

.IconPayments:before {
    content: "\e921"
}

.mm-menu .mm-navbar *,table.dataTable>tbody>tr.child ul.dtr-details>li,table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding: 1em 0
}

b,h1,h2,h3,h4,strong {
    font-weight: 400
}

#mmenu:not(.mm-menu),.d-none,.table-wrap .hide {
    display: none
}

.mm-listview>li.search-form:last-child:after,.table-wrap table.display.collapsed tr.child td li:before,.table-wrap table.hcm-tables.collapsed tr.child td li:before,table.dataTable tr.child li:before {
    content: initial
}

input:not([type=checkbox]),select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

table.dataTable thead td,table.dataTable thead th,table.dataTable.no-footer {
    border-bottom: 0
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #7daeec;
    border: 0;
    color: #fff!important;
    border-radius: 3px
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0;
    background: #e8e8e8;
    color: #3b3c40!important;
    border-radius: 3px
}

.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_processing {
    color: #6b6c73
}

table.dataTable tfoot th,table.dataTable thead th {
    font-weight: 400;
    font-family: latobold,sans-serif!important
}

table.dataTable tr.child td {
    text-align: left
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    top: 0;
    bottom: 0;
    margin: auto 1px;
    box-shadow: none;
    border: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 1.5em
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
    height: 1px;
    width: 20px;
    background-color: rgba(255,255,255,.5)
}

.mm-menu .mm-navbar,img {
    height: auto
}

body.blog-list .hamburger-inner,body.blog-list .hamburger-inner:after,body.blog-list .hamburger-inner:before {
    background-color: rgba(0,0,0,.5)
}

.hamburger-inner:after,.hamburger-inner:before {
    left: 10px
}

.hamburger--arrow.is-active .hamburger-inner,.hamburger--arrow.is-active .hamburger-inner:after,.hamburger--arrow.is-active .hamburger-inner:before {
    width: 40px
}

.hamburger--arrow.is-active .hamburger-inner:after,.hamburger--arrow.is-active .hamburger-inner:before {
    left: -1px
}

.mm-menu {
    background-color: #292a33;
    border-color: rgba(255,255,255,.1)
}

.mm-menu .mm-navbar .mm-prev {
    padding: 0;
    box-sizing: initial;
    margin-top: .5em
}

.mm-menu .mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 52px
}

.mm-menu .mm-listview {
    font-size: inherit
}

.mm-menu .mm-listview>li,.mm-menu .mm-listview>li .mm-next,.mm-menu .mm-listview>li .mm-next:before,.mm-menu .mm-listview>li:after {
    border-color: transparent
}

.mm-menu .mm-btn:after,.mm-menu .mm-btn:before,.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,.5)
}

.mm-menu .mm-listview>li>a,.mm-menu .mm-listview>li>span {
    color: #93949b;
    padding: 1em 10px 1em 20px
}

.mm-menu .mm-navbar .mm-title {
    color: #fff
}

a,body,html {
    color: #6b6c73
}

@font-face {
    font-family: latoitalic;
    src: url(../fonts/lato/lato-italic-webfont.html) format("woff2"),url(../fonts/lato/lato-italic-webfont-2.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latolight;
    src: url(../fonts/lato/lato-light-webfont.woff2) format("woff2"),url(../fonts/lato/lato-light-webfont.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latolight_italic;
    src: url(../fonts/lato/lato-lightitalic-webfont.html) format("woff2"),url(../fonts/lato/lato-lightitalic-webfont-2.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latoregular;
    src: url(../fonts/lato/lato-regular-webfont.woff2) format("woff2"),url(../fonts/lato/lato-regular-webfont.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latothin;
    src: url(../fonts/lato/lato-thin-webfont.html) format("woff2"),url(../fonts/lato/lato-thin-webfont-2.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latothin_italic;
    src: url(../fonts/lato/lato-thinitalic-webfont.html) format("woff2"),url(../fonts/lato/lato-thinitalic-webfont-2.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latoblack;
    src: url(../fonts/lato/lato-black-webfont.woff2) format("woff2"),url(../fonts/lato/lato-black-webfont.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latoblack_italic;
    src: url(../fonts/lato/lato-blackitalic-webfont.html) format("woff2"),url(../fonts/lato/lato-blackitalic-webfont-2.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latobold;
    src: url(../fonts/lato/lato-bold-webfont.woff2) format("woff2"),url(../fonts/lato/lato-bold-webfont.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latobold_italic;
    src: url(../fonts/lato/lato-bolditalic-webfont.html) format("woff2"),url(../fonts/lato/lato-bolditalic-webfont-2.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latohairline;
    src: url(../fonts/lato/lato-hairline-webfont.woff2) format("woff2"),url(../fonts/lato/lato-hairline-webfont.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latohairline_italic;
    src: url(../fonts/lato/lato-hairlineitalic-webfont.html) format("woff2"),url(../fonts/lato/lato-hairlineitalic-webfont-2.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: bebas_neuebold;
    src: url(../fonts/bebas-neue/bebasneue_bold-webfont.woff2) format("woff2"),url(../fonts/bebas-neue/bebasneue_bold-webfont.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: bebas_neuebook;
    src: url(../fonts/bebas-neue/bebasneue_book-webfont.woff2) format("woff2"),url(../fonts/bebas-neue/bebasneue_book-webfont.html) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: bebas_neuelight;
    src: url(../fonts/bebas-neue/bebasneue_light-webfont.woff2) format("woff2"),url(../fonts/bebas-neue/bebasneue_light-webfont.html) format("woff");
    font-weight: 400;
    font-style: normal
}

html {
    min-height: 100%;
    height: 100%
}

body,html {
    position: relative;
    font-family: latoregular,sans-serif!important;
    line-height: 1.5;
    font-size: 100%;
    min-width: 320px;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    background-color: #fff
}

* {
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*,:after,:before {
    box-sizing: border-box
}

ul,ul li {
    list-style: none
}

[data-src] {
    cursor: pointer
}

img {
    width: 100%
}

b,strong {
    font-family: latobold,sans-serif!important;
    color: #3b3c40
}

.animation-iteration {
    animation-iteration-count: infinite;
    animation-duration: 1s
}

.visually-hidden {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal
}

main p {
    margin: 1.5em 0
}

.hr-bottom {
    border-bottom: 1px solid #e8e8e8
}

.hr-top {
    border-top: 1px solid #e8e8e8
}

.stores img {
    max-width: 120px
}

a {
    text-decoration: none;
    transition: .3s
}

h1 {
    font-size: 7.5em;
    letter-spacing: 10px;
    line-height: normal;
    font-family: bebas_neuelight,sans-serif!important;
    color: #3b3c40
}

@media (max-width: 45em) {
    h1 {
        font-size:4em;
        letter-spacing: 5px
    }
}

h2 {
    font-size: 2.5em;
    font-family: latolight,sans-serif!important;
    color: #3b3c40;
    line-height: normal
}

.table-wrap table.display .sub-heading,.table-wrap table.display thead th,.table-wrap table.hcm-tables .sub-heading,.table-wrap table.hcm-tables thead th,h3,h4 {
    font-family: latobold,sans-serif!important;
    line-height: normal
}

@media (max-width: 45em) {
    h2 {
        font-size:1.8em
    }
}

h3 {
    font-size: 1.3em;
    color: #3b3c40
}

@media (max-width: 45em) {
    h3 {
        font-size:1.1em
    }
}

.dark-default {
    background: #2d2f38;
    background: radial-gradient(ellipse at center,#333440 0,#292a33 100%)
}

.customers-gradient {
    background: #efe18c;
    background: radial-gradient(eclipse at center,#efe18c 0,#fac96b 75%)
}

.products-gradient {
    background: #ed7fd7;
    background: radial-gradient(ellipse at center,#ed7fd7 0,#d2599f 100%)
}

.onlinestore-gradient {
    background: #f8767d;
    background: radial-gradient(ellipse at center,#f8767d 0,#f2455e 100%)
}

.payments-gradient {
    background: #8eadee;
    background: radial-gradient(ellipse at center,#789fe7 0,#527bca 100%)
}

.pos-gradient {
    background: #fdb678;
    background: radial-gradient(ellipse at center,#fdb678 0,#f9855d 100%)
}

.recurring-gradient {
    background: #9ed5e5;
    background: radial-gradient(ellipse at center,#9ed5e5 0,#5bdfd0 100%)
}

.invoicing-gradient {
    background: #b2cf75;
    background: radial-gradient(ellipse at center,#b2cf75 0,#90c366 100%)
}

.integrations-gradient {
    background: #bf8bd7;
    background: radial-gradient(ellipse at center,#bf8bd7 0,#a66cbc 100%)
}

.IconEmbeddedStore {
    font-size: .8em
}

.IconProductCatalogue {
    font-size: .9em
}

.Iconmachine {
    font-size: 1.2em;
    font-weight: 600
}

.IconContact,.IconProvinces {
    font-size: .9em
}

.IconPos {
    font-size: 1.2em
}

.IconEye {
    font-size: .8em
}

.IconCardReader {
    font-size: .9em
}

.IconOnlineStoreTheme {
    font-size: .85em
}

.IconPaymentGateway {
    font-size: 1.3em
}

.IconShippingMethods,.IconVirtualTerminal {
    font-size: .9em
}

.IconDashboard {
    font-size: .8em
}

.IconEcommerce {
    font-size: 1.1em
}

.IconPayments {
    font-size: 1.2em
}

.IconInventorySettings,.IconRecurringSettings,.IconTerminals {
    font-size: 1.3em
}

.IconInvoicingSettings {
    font-size: 1.4em
}

.IconCategories {
    font-size: .8em
}

.IconMerchant {
    font-size: 1.2em
}

.IconEmail {
    font-size: .6em
}

.IconCreditCard {
    font-size: .7em
}

.IconNewTransaction,.IconOrderHistory {
    font-size: 1.3em
}

.IconReviews {
    font-size: 1.2em
}

.IconAddCard {
    font-size: .9em
}

.IconAddBank,.IconAddons,.IconEditPlan,.IconManageSubscription {
    font-size: 1.1em
}

.IconDiscountCode {
    font-size: 1.2em
}

.ThemeDesigner {
    font-size: 1.1em
}

.IconPosSettings {
    font-size: 1.6em
}

.IconCustomerPortalSettings {
    font-size: 1.2em
}

.IconCustomFields {
    font-size: .8em
}

.IconOrderReceiptSettings {
    font-size: 1.25em
}

.IconReceiptSettings {
    font-size: 1.3em
}

.IconCustomerPortalTheme {
    font-size: 1.2em
}

.IconPosLayouts {
    font-size: 1.1em
}

.IconProductOptions {
    font-size: 1.2em
}

.IconVariants {
    font-size: 1.1em
}

.IconCustomer {
    font-size: 1.15em
}

.IconHelcimDefender {
    font-size: 1.2em
}

.IconProductVariants {
    font-size: 1.1em
}

.CreditCardexternal,.IconCreditCard2,.IconDebitCard {
    font-size: .8em
}

.IconSaveInvoice {
    font-size: 1.1em
}

.IconCardExpiring,.IconInventory,.IconOnlineStoreJs {
    font-size: .8em
}

.left {
    text-align: left!important
}

.center {
    text-align: center!important
}

.right {
    text-align: right!important
}

.center-to-left {
    text-align: center
}

.no-mobile .expand-alert .hcm-icon.Iconx:hover,.no-mobile .overlay-table .Iconx:hover,.no-mobile .popup-explorer-overlay .Iconx:hover {
    transform: rotate(359deg)
}

.table-wrap {
    width: 100%;
    padding-top: 2em;
    position: relative
}

.table-wrap .table-wrap {
    padding-top: 0
}

.table-wrap .table-caption {
    margin-top: 1em;
    font-size: .7em
}

.table-wrap .dataTables_filter,.table-wrap .dataTables_length {
    width: 30%;
    max-width: 30em;
    margin-bottom: 1em
}

.table-wrap .dataTables_filter label,.table-wrap .dataTables_length label {
    width: 100%;
    display: block
}

.table-wrap .dataTables_filter input,.table-wrap .dataTables_filter select,.table-wrap .dataTables_length input,.table-wrap .dataTables_length select {
    font-size: 1em;
    border: 1px solid #e8e8e8;
    width: 50%;
    height: 2em;
    padding: 0 .5em;
    border-radius: 50em;
    background-color: #F7F7FC;
    min-width: 10em
}

.table-wrap .dataTables_filter select,.table-wrap .dataTables_length select {
    max-width: 5em;
    min-width: initial
}

.table-wrap .dataTables_filter {
    width: auto
}

.table-wrap .dataTables_info,.table-wrap .dataTables_paginate {
    padding-top: 1em
}

.table-wrap table.display,.table-wrap table.hcm-tables {
    border-collapse: collapse
}

.table-wrap table.display tbody tr td,.table-wrap table.display thead th,.table-wrap table.hcm-tables tbody tr td,.table-wrap table.hcm-tables thead th {
    text-align: left
}

.table-wrap table.display tbody tr td.dont-fall,.table-wrap table.display thead th.dont-fall,.table-wrap table.hcm-tables tbody tr td.dont-fall,.table-wrap table.hcm-tables thead th.dont-fall {
    white-space: nowrap
}

.table-wrap table.display thead th,.table-wrap table.hcm-tables thead th {
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    padding: 1.5em .8em;
    font-size: 1.3em;
    color: #3b3c40;
    font-weight: 400
}

@media (max-width: 45em) {
    .center-to-left {
        text-align:left
    }

    .table-wrap table.display thead th,.table-wrap table.hcm-tables thead th {
        font-size: 1.1em
    }
}

.table-wrap table.display tbody tr td,.table-wrap table.hcm-tables tbody tr td {
    font-size: .9em;
    padding: 1em;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.table-wrap table.display tbody tr td span.IconCheck2,.table-wrap table.hcm-tables tbody tr td span.IconCheck2 {
    display: inline-block;
    color: #3b3c40;
    font-size: 1.5em
}

.table-wrap table.display tbody tr td:first-child,.table-wrap table.hcm-tables tbody tr td:first-child {
    background-color: #fafafa
}

.table-wrap table.display .sub-heading,.table-wrap table.hcm-tables .sub-heading {
    font-size: 1.3em;
    color: #3b3c40;
    font-weight: 400
}

@media (max-width: 45em) {
    .table-wrap table.display .sub-heading,.table-wrap table.hcm-tables .sub-heading {
        font-size:1.1em
    }
}

.table-wrap table.display.collapsed tr.child td,.table-wrap table.hcm-tables.collapsed tr.child td {
    background-color: #fff!important
}

.table-wrap table.dataTable.display tbody tr:hover,.table-wrap table.dataTable.hover tbody tr:hover,.table-wrap tbody tr:hover th {
    background-color: inherit
}

.table-wrap table.display thead th {
    border-bottom: 5px solid #aed7fc
}

.table-wrap table.display thead th:first-child {
    border-bottom: 5px solid #90b9de
}

.blog-article article .article-inner>.table-wrap {
    min-width: 100%;
    overflow-x: auto
}

@media (max-width: 60em) {
    .blog-article article .article-inner>.table-wrap {
        box-shadow:inset -13px 0 30px rgba(0,0,0,.1)
    }
}

input[type=checkbox] {
    margin: 0 .5em;
    width: auto
}

input:not([type=checkbox]),select,textarea {
    font-size: 1em;
    border: 1px solid #e8e8e8;
    color: #6b6c73;
    font-family: latoregular,sans-serif!important;
    padding: 1em .6em
}

.btn-search span:first-child,.btn-submit span:first-child,.main-nav li.active a,.mm-menu li.active>a,.mm-menu ul.region li.active a {
    font-family: latobold,sans-serif!important
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}

.btn-search,.btn-submit,input:not([type=checkbox]),select,textarea {
    border-radius: 5px
}

input.date-calendar {
    width: 190px!important;
    background: url(../images/icon-calendar.html) center right 10px/auto 50% no-repeat;
    cursor: pointer
}

input:not([type=checkbox]) {
    background-color: #fff;
    width: 100%;
    color: #3b3c40;
    margin: 0
}

select {
    border: 1px solid #e8e8e8;
    width: 100%;
    background: url(../images/icon-chevron-down.svg) center right 10px/auto 8px no-repeat
}

textarea {
    width: 100%;
    height: 10em
}

input.error,select.error,textarea.error {
    border: 1px solid #ff7d93;
    background-color: #ffafc5;
    color: #f34b61
}

button:focus,input:focus,select:focus,textarea:focus {
    border: 1px solid #cacaca
}

.error-form {
    position: absolute;
    top: .3em;
    left: .8em;
    color: #f34b61;
    font-size: .8em
}

.btn-search,.btn-submit {
    background: #2d2f38;
    background: radial-gradient(ellipse at center,#333440 0,#292a33 100%);
    height: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 1em;
    padding: 1em 2em;
    overflow: hidden
}

.btn-search span,.btn-submit span {
    color: #fff
}

.generic-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.5em
}

.generic-form .field-wrap {
    position: relative
}

.generic-form .field-wrap:not(.action) {
    margin-bottom: 1em;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.generic-form.float .field-wrap:not(.action) {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%
}

@media (max-width: 45em) {
    .generic-form.float .field-wrap:not(.action) {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

.generic-form .field-wrap.action {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.btn-search span:first-child,.btn-submit span:first-child {
    position: relative;
    left: 0;
    transition: left .3s
}

.btn-search span:last-child,.btn-submit span:last-child {
    margin-left: .8em;
    font-size: .7em;
    position: relative;
    transition: left .3s;
    left: 0
}

.no-mobile .btn-submit:hover span:first-child {
    left: 8px
}

.no-mobile .btn-submit:hover span:last-child {
    left: 5em
}

.fixed-hamburger {
    display: block;
    position: absolute;
    top: .8em;
    left: .3em;
    cursor: pointer
}

.main-nav,.outer-submenu {
    display: none
}

@media (min-width: 98em) {
    .no-mobile a:hover {
        opacity:.8;
        text-decoration: none
    }

    .fixed-hamburger {
        display: none
    }

    .main-nav,.outer-submenu {
        display: block
    }
}

.fixed-hamburger button:active,.fixed-hamburger button:focus {
    outline: 0;
    border: none
}

.fixed-hamburger span.label {
    padding-left: 3em;
    color: rgba(255,255,255,.5)
}

@media (max-width: 45em) {
    .btn-search,.btn-submit {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }

    .fixed-hamburger span.label {
        display: none
    }
}

body.blog-list .fixed-hamburger span.label {
    color: rgba(0,0,0,.5)
}

.mm-menu .mm-listview a span {
    display: inline-block;
    vertical-align: middle
}

.mm-menu .mm-listview a span.hcm-icon {
    margin-right: .5em;
    font-size: 1.4em
}

.mm-menu li.active>a,.mm-menu ul.region li.active a {
    color: #fff
}

.mm-menu li.active:not(.commerce-section) .mm-next:after,.mm-menu li.active:not(.commerce-section)>a span.hcm-icon {
    color: #7daeec;
    border-color: #7daeec
}

.main-nav li.active a,.main-nav li.submenu-active a {
    opacity: 1;
    padding-bottom: 1em
}

.main-nav li.active a {
    border-bottom: 1px solid rgba(255,255,255,.2)!important;
    color: #fff
}

.main-nav li.submenu-active a {
    border-bottom: 2px solid #fff;
    color: #fff
}

body.no-hero header .main-nav li.active a {
    color: #3b3c40;
    border-bottom: 2px solid #3b3c40!important
}

body.dark header .main-nav li.active a {
    color: #3b3c40;
    border-bottom: 2px solid #6b6c73!important
}

body.dark header .fixed-hamburger .hamburger-inner,body.dark header .fixed-hamburger .hamburger-inner:after,body.dark header .fixed-hamburger .hamburger-inner:before {
    background-color: #3b3c40
}

.secondary-nav li.submenu-active a,body.dark.submenu-down header .main-nav li.active a,body.submenu-down header .main-nav li.active a {
    color: #fff
}

.landing span.hcm-icon {
    color: #fff!important
}

.commerce-section.payments span.hcm-icon {
    color: #537ed6
}

.commerce-section.invoicing span.hcm-icon {
    color: #a6cc56
}

.commerce-section.point-of-sale span.hcm-icon {
    color: #fa9a46
}

.commerce-section.online-store span.hcm-icon {
    color: #f0525a
}

.commerce-section.products span.hcm-icon {
    color: #de5fa6
}

.commerce-section.customers span.hcm-icon {
    color: #fcc847
}

.commerce-section.recurring span.hcm-icon {
    color: #8fdcd9
}

.commerce-section.integrations span.hcm-icon {
    color: #9762c8
}

.mm-listview>li.search-form {
    padding: 20px;
    position: relative
}

.mm-listview>li.search-form input {
    background-color: rgba(0,0,0,.1);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 100px;
    color: #6b6c73;
    padding: 1em 12% 1em 1em
}

.mm-listview>li.search-form .submit {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: normal;
    top: 1.4em;
    right: 7%;
    color: #7daeec;
    font-size: 1.3em;
    cursor: pointer
}

.outer-submenu {
    position: absolute;
    width: 100%;
    left: 0;
    height: auto;
    background: #2d2f38;
    background: radial-gradient(ellipse at center,#333440 0,#292a33 100%);
    z-index: 100;
    visibility: hidden
}

.outer-submenu .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9em 0 7em;
    width: 100%;
    max-width: 80em;
    margin: 0 auto
}

.outer-submenu .inner .col {
    padding: 0 5%
}

.outer-submenu .inner .col.col1 {
    max-width: 20em;
    width: 35%;
    padding: 0
}

.outer-submenu .inner .col.col1 span.hcm-icon {
    color: #7daeec
}

.outer-submenu .inner .col.floating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 55em;
    width: 70%
}

.outer-submenu .inner h2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1.5em;
    font-family: bebas_neuebook,sans-serif!important;
    letter-spacing: 10px;
    height: 1em;
    font-size: 2em;
    color: #fff
}

.outer-submenu .inner h2 a {
    color: #fff
}

.outer-submenu .inner h2 a>span.hcm-icon {
    width: 30px;
    height: 30px;
    background: #607ad2;
    background: linear-gradient(to left,#607ad2 0,#58aedb 100%);
    color: #fff!important;
    font-size: .3em;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.1em
}

.outer-submenu .inner h2 a span {
    display: inline-block;
    vertical-align: middle
}

.outer-submenu .inner .submenu {
    font-size: 1.1em;
    border-left: 1px solid #43444b;
    padding-left: 2em
}

.outer-submenu .inner .submenu li {
    margin-bottom: 1em
}

.outer-submenu .inner .submenu li:last-child {
    margin-bottom: 0
}

.outer-submenu .inner .submenu li.active a {
    color: #fff
}

.outer-submenu .inner .submenu a {
    color: #93949b;
    display: block
}

.outer-submenu .inner .submenu a span {
    display: inline-block;
    vertical-align: middle
}

.outer-submenu .inner .submenu a span.hcm-icon {
    font-size: 1.4em;
    margin-right: .5em
}

.outer-submenu[data=menu-merchant-services] .inner .col {
    max-width: 65em;
    width: 100%
}

.no-mobile .mm-menu .mm-listview a:hover,.no-mobile .submenu a:hover,.outer-submenu[data=menu-commerce] .inner .col.col1 .submenu li .hcm-icon {
    color: #fff
}

.wrap-hero {
    height: 52em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

@media (max-width: 90em) {
    .wrap-hero {
        height:auto;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrap-hero .wrap-intro {
        right: 0!important;
        left: 0!important;
        margin-bottom: 2em
    }
}

.wrap-hero .wrap-intro {
    width: 100%;
    max-width: 30em;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #fff;
    padding-top: 8em;
    position: relative
}

@media (max-height: 30em) {
    .wrap-hero .wrap-intro {
        padding-top:5em
    }
}

.wrap-hero .wrap-intro h1 {
    color: #fff;
    margin-bottom: .5em;
    font-size: 4em;
    opacity: 0
}

.wrap-hero .wrap-intro p {
    font-size: 1.15em;
    margin-bottom: 2em;
    opacity: 0
}

.wrap-hero .wrap-intro .wrap-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 0
}

@media (max-width: 90em) {
    .wrap-hero .wrap-intro .wrap-btn {
        -ms-flex-pack:center;
        justify-content: center;
        margin-bottom: 1em
    }
}

@media (max-width: 45em) {
    .wrap-hero .wrap-intro .wrap-btn {
        display:inline-block
    }
}

.wrap-hero .wrap-intro .wrap-btn a {
    color: #fff;
    font-family: latobold,sans-serif!important
}

.wrap-hero .wrap-intro .wrap-btn a span {
    display: inline-block;
    vertical-align: initial;
    transition: left .3s;
    position: relative;
    left: 0
}

.wrap-hero .wrap-intro .wrap-btn a .hcm-icon {
    font-size: .7em;
    margin-left: .5em
}

.wrap-hero .wrap-intro .wrap-btn .btn-hero-main {
    border-radius: 100px;
    box-shadow: 6px 9px 60px rgba(0,0,0,.1);
    text-transform: uppercase;
    text-align: center;
    width: 12em;
    font-size: .8em
}

.wrap-hero .wrap-intro .wrap-btn .btn-hero-main a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1em;
    background-color: rgba(255,255,255,.1);
    border-radius: inherit
}

.wrap-hero .wrap-intro .wrap-btn .btn-hero-cta {
    margin-left: 1.5em;
    font-size: .8em;
    text-transform: uppercase
}

@media (max-width: 105.5em) {
    .wrap-hero .wrap-intro .wrap-btn .btn-hero-cta {
        margin-top:2em;
        margin-left: .7em;
        width: 100%
    }
}

@media (max-width: 45em) {
    .wrap-hero .wrap-intro .wrap-btn .btn-hero-cta {
        margin-left:0
    }
}

.wrap-hero .wrap-splash {
    width: 80em;
    height: 37.5em;
    background: url(../images/hero-shadows.html) bottom center/contain no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0;
    position: relative
}

.wrap-hero .wrap-splash>a {
    display: block
}

@media (max-width: 90em) {
    .wrap-hero .wrap-splash {
        width:100%;
        height: auto
    }
}

.wrap-hero .wrap-splash:after {
    content: '';
    width: 80%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.wrap-hero .wrap-splash picture {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden
}

.wrap-hero .wrap-splash picture img {
    width: 59em;
    border-bottom: 0;
    box-sizing: initial;
    position: relative;
    z-index: 1
}

@media (max-width: 90em) {
    .wrap-hero .wrap-splash picture img {
        width:74%;
        padding-top: 2em
    }
}

.with-hero.half-hero .content .wrap-hero {
    height: 37vh;
    min-height: 30em
}

.with-hero.half-hero .content .wrap-hero .wrap-intro,body:not(.helcim-commerce).with-hero .content .wrap-hero .wrap-intro {
    margin-top: 0
}

body:not(.helcim-commerce) .content .wrap-hero {
    text-align: center;
    height: 90vh;
    padding: 0 5%;
    min-height: 42em;
    max-height: 52em;
    overflow: hidden
}

body:not(.helcim-commerce) .content .wrap-hero.clean-hero-pic img {
    filter: blur(0);
    mix-blend-mode: initial
}

@media (max-width: 75em) {
    body:not(.helcim-commerce) .content .wrap-hero {
        height:auto
    }
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro {
    max-width: 120em;
    text-align: center;
    position: relative;
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: inherit;
    color: #fff;
    opacity: 0;
    min-height: inherit;
    padding-top: 0;
    margin: 0 auto
}

@media (max-width: 30em) {
    body:not(.helcim-commerce) .content .wrap-hero .wrap-intro {
        margin-top:8.4em
    }
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .category,body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .sub {
    text-transform: uppercase;
    font-family: bebas_neuebook,sans-serif!important;
    font-size: 2em;
    letter-spacing: 5px;
    opacity: .5;
    color: #fff
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .category a,body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .sub a {
    color: inherit
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
    margin-bottom: .5em;
    color: #fff
}

@media (max-width: 45em) {
    .wrap-hero .wrap-splash:after {
        content:initial
    }

    .wrap-hero .wrap-splash picture img {
        width: 90%
    }

    body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .category,body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .sub {
        font-size: 1.3em
    }

    body:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
        font-size: 3.5em
    }
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro>.hcm-icon {
    font-size: 2.5em;
    color: #fff;
    margin-bottom: 1em
}

@media (max-width: 45em) {
    body:not(.helcim-commerce) .content .wrap-hero .wrap-intro>.hcm-icon {
        font-size:2em
    }
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .exerpt {
    font-size: 1.1em;
    margin-bottom: 2.5em;
    max-width: 45em
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .keep-going {
    display: inline-block
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .keep-going a {
    color: #7daeec;
    display: inline-block
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .keep-going a>span:first-child {
    display: inline-block;
    padding: 1em 1.5em;
    color: #fff;
    background-color: #3b3c40;
    font-size: .9em;
    border-radius: 200px;
    margin-bottom: 1em;
    overflow: hidden;
    box-shadow: 2px 2px 40px rgba(0,0,0,.1)
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .keep-going a>span:first-child>span {
    position: relative;
    top: 0;
    transition: top .3s
}

body:not(.helcim-commerce) .content .wrap-hero .wrap-intro .keep-going a>span:last-child {
    position: relative;
    top: 0;
    display: block;
    font-size: 1.5em;
    transition: all .3s;
    color: #fff;
    opacity: .5
}

body:not(.helcim-commerce) .content .wrap-hero img,body:not(.helcim-commerce) .content .wrap-hero video {
    -o-object-fit: cover;
    object-fit: cover;
    height: 90vh;
    min-height: 42em;
    max-height: 52em;
    display: block;
    mix-blend-mode: overlay;
    filter: blur(5px);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

body.half-hero:not(.helcim-commerce) .wrap-hero img {
    height: 37vh;
    min-height: 30em
}

body.about-us:not(.helcim-commerce) header,body.blog:not(.helcim-commerce) header {
    height: 10em;
    background: linear-gradient(to bottom,rgba(31,33,39,.85) 0,rgba(45,47,56,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf1f2127', endColorstr='#402d2f38', GradientType=0 )
}

body.about-us:not(.helcim-commerce) .content .wrap-hero,body.blog:not(.helcim-commerce) .content .wrap-hero {
    position: relative;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #292a33
}

body.about-us:not(.helcim-commerce) .content .wrap-hero:after,body.blog:not(.helcim-commerce) .content .wrap-hero:after {
    content: '';
    display: block;
    width: 100%;
    background: url(../images/hr-darken.html) top repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 26.6em
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero:after,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero:after,body.helcim-commerce.pos .wrap-splash:after {
    content: initial
}

body.about-us:not(.helcim-commerce) .content .wrap-hero img,body.about-us:not(.helcim-commerce) .content .wrap-hero video,body.blog:not(.helcim-commerce) .content .wrap-hero img,body.blog:not(.helcim-commerce) .content .wrap-hero video {
    mix-blend-mode: initial;
    filter: blur(0);
    opacity: 0
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .overlay,body.blog:not(.helcim-commerce) .content .wrap-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(45,47,56,0) 0,rgba(17,27,56,.75) 100%)
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro {
    margin: 0 auto;
    text-align: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: auto;
    position: relative;
    z-index: 20;
    max-width: 75%;
    padding-bottom: 0
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info,body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1,body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h4,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro h4 {
    color: #fff;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: inherit
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
    font-family: latoblack,sans-serif!important;
    font-size: 2.5em;
    letter-spacing: 0
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 a,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 a {
    color: #fff
}

@media (max-width: 45em) {
    body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
        font-size:2em
    }
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h4 a,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro h4 a {
    color: #fff
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro p,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro p {
    margin-bottom: 0
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 90em) {
    body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro {
        max-width:initial
    }

    body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author {
        width: 100%
    }

    body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author>.profile-pic,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author>.profile-pic {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 1em
    }
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author>.profile-pic,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author>.profile-pic {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    margin-right: 1em
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author>.profile-pic img,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author>.profile-pic img {
    min-height: initial!important;
    height: 100%!important
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date {
    color: #fff
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date span,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date span {
    opacity: .5
}

@media (max-width: 30em) {
    body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date {
        text-align:left
    }

    body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date span:last-of-type,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date span:last-of-type {
        display: block
    }
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date a,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro .info .wrap-author .author-date a {
    color: #fff;
    font-family: latobold,sans-serif!important;
    opacity: .8
}

body.about-us:not(.helcim-commerce) .content .hcm-socials,body.blog:not(.helcim-commerce) .content .hcm-socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 50;
    position: absolute;
    right: 0;
    bottom: 2em;
    left: 0;
    margin: 0 auto;
    width: 10em
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search {
    transition-property: width;
    transition-duration: .3s
}

@media (max-width: 75em) {
    body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search {
        width:20em
    }
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search .btn-submit,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search .btn-submit {
    right: 2.3em
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search .btn-submit span:not(.hcm-icon),body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search .btn-submit span:not(.hcm-icon) {
    display: none
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li {
    margin: 0 .2em;
    width: 1.7em;
    height: 1.7em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li>a,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li>a {
    width: inherit;
    height: inherit;
    display: block;
    font-size: 1.3em
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li>*,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li>* {
    color: #fff
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li .search-on-blog,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li .search-on-blog {
    font-size: 1.3em;
    width: 100%;
    height: 100%
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li .icons-control,body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search.on .Iconx2,body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search:not(.on) .Iconsearch,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li .icons-control,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search.on .Iconx2,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search:not(.on) .Iconsearch {
    display: inline-block
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search:not(.on) .Iconsearch,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search:not(.on) .Iconsearch {
    opacity: 1
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search.on .Iconx2,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search.on .Iconx2 {
    color: #6b6c73;
    margin-right: .4em
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search {
    display: none
}

body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li input,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li input {
    width: 100%;
    height: 2.8em;
    font-size: 1em;
    padding: .5em;
    font-family: latoregular,sans-serif!important;
    bottom: 0;
    margin: auto 0
}

body.about-us:not(.helcim-commerce).blog-list header,body.blog:not(.helcim-commerce).blog-list header {
    background: none
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero {
    background-color: transparent
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-bottom: 0
}

body.about-us:not(.helcim-commerce).author-page .content .wrap-hero .wrap-intro,body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro,body.blog:not(.helcim-commerce).author-page .content .wrap-hero .wrap-intro {
    padding-bottom: 2em
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro h4,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro h4 {
    color: #6b6c73;
    font-family: bebas_neuebook,sans-serif!important
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro h4 a,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro h4 a {
    color: inherit
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro h1,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro h1 {
    color: #292a33;
    text-transform: capitalize;
    margin-bottom: 0
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro .info,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro .info {
    margin: 7em 0 2em
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro .info .wrap-author .profile-pic,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro .info .wrap-author .profile-pic {
    margin: 0;
    width: 100px;
    height: 100px
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro .info .wrap-author .profile-pic img,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .wrap-intro .info .wrap-author .profile-pic img {
    opacity: 1!important;
    transform: initial!important
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .hcm-socials.has-blog-search li span,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .hcm-socials.has-blog-search li span {
    color: #b6b7be
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .hcm-socials.has-blog-search li input,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .hcm-socials.has-blog-search li input {
    background-color: #F7F7FC
}

body.about-us:not(.helcim-commerce).blog-list .content .wrap-hero .hcm-socials.has-blog-search li button.btn-submit span,body.blog:not(.helcim-commerce).blog-list .content .wrap-hero .hcm-socials.has-blog-search li button.btn-submit span {
    color: #fff
}

body.about-us:not(.helcim-commerce).author-page .content .wrap-hero .wrap-intro h1,body.blog:not(.helcim-commerce).author-page .content .wrap-hero .wrap-intro h1 {
    margin-bottom: 2em
}

@media (max-width: 75em) {
    body.about-us:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search,body.blog:not(.helcim-commerce) .content .hcm-socials.has-blog-search li.wrap-blog-search {
        display:block
    }

    body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro {
        padding-bottom: 6em
    }
}

body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
    margin-bottom: 1em
}

body.blog:not(.helcim-commerce) .content .wrap-hero .wrap-intro h4 {
    font-size: 1.5em;
    opacity: .5;
    letter-spacing: .2em;
    font-family: bebas_neuebold,sans-serif!important
}

body.blog:not(.helcim-commerce) .content .wrap-hero.article-detail .wrap-intro {
    padding-bottom: 0
}

@media (max-width: 75em) {
    body.blog:not(.helcim-commerce) .content .wrap-hero.article-detail .wrap-intro {
        padding-bottom:5em
    }
}

body.blog:not(.helcim-commerce) .content .wrap-hero.article-detail .hcm-socials.has-blog-search {
    display: none
}

@media (max-width: 105.5em) {
    body.blog:not(.helcim-commerce) .content .wrap-hero.article-detail .hcm-socials.has-blog-search {
        display:-ms-flexbox;
        display: flex
    }
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro {
    max-width: 45em;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
    font-size: 7.5em;
    letter-spacing: 10px;
    line-height: normal;
    font-weight: 400;
    font-family: bebas_neuelight,sans-serif!important;
    color: #fff;
    padding-bottom: 0
}

@media (max-width: 45em) {
    body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
        font-size:4em;
        letter-spacing: 5px
    }
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro h3 {
    color: #fff;
    font-size: 1.4em
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .wrap-intro p {
    margin-top: 2em
}

body.about-us:not(.helcim-commerce) .content .wrap-hero img,body.about-us:not(.helcim-commerce) .content .wrap-hero video {
    width: 100%;
    min-height: 52em;
    filter: blur(5px)
}

body.about-us:not(.helcim-commerce) .content .wrap-hero video {
    mix-blend-mode: overlay
}

body.about-us:not(.helcim-commerce) .content .wrap-hero .overlay {
    top: auto;
    height: 70%;
    bottom: 0;
    max-width: initial;
    background: linear-gradient(to bottom,rgba(45,47,56,0) 0,rgba(17,27,56,.75) 100%)
}

body.pricing:not(.helcim-commerce) .content .wrap-hero {
    height: 52em;
    background: #607ad2;
    background: linear-gradient(to left,#607ad2 0,#58aedb 100%);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: initial
}

@media (max-width: 75em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero {
        height:46em
    }
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero {
        height:auto;
        min-height: 39em;
        max-height: initial;
        -ms-flex-line-pack: initial;
        align-content: initial
    }
}

@media (max-width: 45em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero {
        min-height:initial
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro {
    height: auto
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro .excerpt,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro h4 {
    color: #fff
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18em
}

@media (max-width: 75em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul {
        height:14em
    }
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro {
        margin-top:8em;
        min-height: auto
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges {
        margin-top: 1em
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul {
        display: block;
        height: auto;
        margin-bottom: 2em
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion {
    margin: 0 1.5em;
    max-width: 23em;
    height: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion.keywords {
    margin: 0
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .5em 1em;
        max-width: initial;
        box-shadow: none;
        margin: .2em 0;
        border-radius: 50px;
        cursor: pointer
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion:last-child {
        margin-bottom: 0
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion h2 {
    font-size: 1.2em;
    font-family: latobold,sans-serif!important
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion h2 .hcm-icon {
    display: none
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion div>span:first-child {
    font-size: 2.8em;
    font-family: latothin,sans-serif!important
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .btn-super {
    margin-top: 2em
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .btn-super a {
    box-shadow: none;
    background-image: none;
    background-color: rgba(255,255,255,.1);
    transition: box-shadow .3s
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion div {
        -ms-flex-preferred-size:initial;
        flex-basis: initial
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion h2 .hcm-icon {
        display: inline-block;
        margin-left: .3em
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion div>span:first-child {
        font-size: 1em;
        font-family: latoregular,sans-serif!important
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .btn-super {
        display: none
    }
}

@media (max-width: 75em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .price .main {
        font-size:4.8em
    }
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .price .main {
        font-size:1.5em;
        font-family: latoregular,sans-serif!important
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion div>span:last-child {
    font-size: 1.3em
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion * {
    color: #fff
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion div>span,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion h2 {
        font-size:1em
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .hcm-icon.IconPlus {
    font-size: 1.1em
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.accordion-mobile {
    display: none;
    overflow: hidden;
    height: 0
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.accordion-mobile {
        display:block
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-cta .btn-super {
    margin: 3em 0 1em
}

body.pricing:not(.helcim-commerce) .content .wrap-cta .btn-super a {
    background-image: none;
    box-shadow: none
}

body.pricing:not(.helcim-commerce) .content .wrap-cta .btn-super a span {
    color: #fff
}

body.pricing:not(.helcim-commerce) .content .wrap-cta>span {
    display: block
}

body.pricing:not(.helcim-commerce) .content .wrap-cta>span:first-of-type {
    font-size: 1.1em;
    color: #898a91
}

body.pricing:not(.helcim-commerce) .content .wrap-cta>span:last-of-type {
    font-size: 1.3em;
    font-family: latobold,sans-serif!important;
    color: #7f8087
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion {
    background-color: #fff;
    border-radius: 5px;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3em 2em;
    margin-bottom: 3em
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion .inner-accordion {
    width: 100%;
    max-width: 30em;
    text-align: center;
    margin: 0 auto
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion .inner-accordion h2 {
    margin-bottom: 1em
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion .inner-accordion h3 {
    color: #3b3c40;
    text-align: left
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion .inner-accordion ul li {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 1em;
    -ms-flex-align: center;
    align-items: center
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion .inner-accordion ul li span.hcm-icon {
    padding-right: 1em;
    font-size: .7em
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion .inner-accordion .wrap-cta>span {
    font-size: 1em;
    font-family: latobold,sans-serif!important
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion h3,body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion ul,body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion>h2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion h2,body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion li,body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion li span,body.pricing:not(.helcim-commerce) .content .accordion-mobile .wrap-accordion ul {
    text-align: left;
    color: #6b6c73!important;
    opacity: 1!important
}

.wrap-hero.hero-right {
    padding-right: 4em
}

.wrap-hero.hero-right .wrap-intro {
    -ms-flex-order: 1;
    order: 1
}

.wrap-hero.hero-left {
    padding-left: 4em
}

@media (max-width: 105.5em) {
    .wrap-hero.hero-right {
        padding-right:2em
    }

    .wrap-hero.hero-right .wrap-intro {
        right: 4em
    }

    .wrap-hero.hero-left {
        padding-left: 2em
    }

    .wrap-hero.hero-left .wrap-intro {
        padding-left: 0;
        left: 4em
    }
}

@media (max-width: 90em) {
    .wrap-hero.hero-right .wrap-intro {
        -ms-flex-order:-1;
        order: -1
    }

    .wrap-hero.hero-left,.wrap-hero.hero-right {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 45em) {
    .wrap-hero.hero-left .wrap-intro,.wrap-hero.hero-right .wrap-intro {
        padding-left:5%;
        padding-right: 5%;
        margin-bottom: 0
    }
}

body.index .container .fixer {
    width: 100%
}

.wrap-hero-merchant-services .wrap-intro {
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10em;
    z-index: 15;
    padding: 12.3em 5% 0;
    position: static
}

.wrap-hero-merchant-services .wrap-intro h1 {
    font-size: 1em;
    margin-bottom: 1em
}

.wrap-hero-merchant-services .wrap-intro h1>span:first-child {
    font-size: 1.8em;
    font-family: bebas_neuebook,sans-serif!important;
    letter-spacing: 5px;
    margin-bottom: .5em;
    display: block;
    color: #9d9ea5;
    opacity: 0
}

@media (max-width: 120em) {
    .wrap-hero-merchant-services .wrap-intro h1>span:first-child {
        font-size:1.4em;
        margin-bottom: .3em
    }
}

@media (max-width: 45em) {
    .wrap-hero-merchant-services .wrap-intro h1>span:first-child {
        font-size:5vw;
        letter-spacing: 3px
    }
}

.wrap-hero-merchant-services .wrap-intro h1>span:last-child {
    font-size: 6.2em;
    background: #607ad2;
    background: linear-gradient(to right,#607ad2 0,#58d3db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#607ad2', endColorstr='#58d3db', GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
    margin: 0 auto;
    font-family: bebas_neuelight,sans-serif!important;
    display: inline-block
}

.wrap-hero-merchant-services .wrap-cta {
    text-align: center
}

.wrap-hero-merchant-services .wrap-cta .btn-light,.wrap-hero-merchant-services .wrap-cta .btn-super {
    opacity: 0
}

.wrap-hero-merchant-services .wrap-cta .btn-light {
    margin-top: 2em
}

@media (max-width: 60em) {
    .wrap-hero-merchant-services .wrap-intro {
        top:7em
    }

    .wrap-hero-merchant-services .wrap-cta .btn-light {
        margin-top: 6em
    }

    .wrap-hero-merchant-services .wrap-cta .btn-light span:not(.hcm-icon) {
        display: none
    }
}

body.merchant-services.index .container {
    background: #2b2f44
}

body.merchant-services.index .container .content .wrap-hero-merchant-services {
    background: radial-gradient(ellipse at center,#333443 0,#2b2f44 71%);
    background: radial-gradient(ellipse at center,#333443 0,#2b2f44 71%)
}

.wrap-hero-merchant-services {
    height: auto;
    min-height: initial
}

@media (max-width: 75em) {
    .wrap-hero-merchant-services .wrap-intro h1>span:last-child {
        font-size:4em
    }

    .wrap-hero-merchant-services .wrap-intro {
        padding-top: 8.3em
    }
}

.wrap-hero-merchant-services .wrap-intro h3 {
    color: #fff;
    opacity: 0
}

.wrap-hero-merchant-services .wrap-splash {
    transform: initial!important;
    text-align: center
}

.wrap-hero-merchant-services .wrap-splash picture img {
    position: static;
    width: 100%;
    height: auto;
    filter: initial!important;
    opacity: 1
}

.wrap-hero-merchant-services .wrap-splash .top li img {
    opacity: 0
}

.wrap-hero-merchant-services .wrap-splash .top li:nth-child(1) img {
    max-width: 25em
}

@media (max-width: 105.5em) {
    .wrap-hero-merchant-services .wrap-splash .top li:nth-child(1) img {
        max-width:19em
    }
}

@media (max-width: 75em) {
    .wrap-hero-merchant-services .wrap-splash .top li:nth-child(1) img {
        max-width:13em
    }
}

.wrap-hero-merchant-services .wrap-splash .top li:nth-child(2) img {
    max-width: 25em
}

@media (max-width: 105.5em) {
    .wrap-hero-merchant-services .wrap-splash .top li:nth-child(2) img {
        max-width:19em
    }
}

@media (max-width: 75em) {
    .wrap-hero-merchant-services .wrap-splash .top li:nth-child(2) img {
        max-width:13em
    }
}

.wrap-hero-merchant-services .wrap-splash .top li:nth-child(3) img {
    max-width: 86em;
    position: absolute;
    right: -33em;
    left: auto;
    top: 24.6em
}

@media (max-width: 120em) {
    .wrap-hero-merchant-services .wrap-splash .top li:nth-child(3) img {
        right:-44em
    }
}

@media (max-width: 105.5em) {
    .wrap-hero-merchant-services .wrap-splash .top li:nth-child(3) img {
        max-width:68em;
        right: -36em;
        top: 26em
    }
}

@media (max-width: 75em) {
    .wrap-hero-merchant-services .wrap-splash .top li:nth-child(3) img {
        right:-34em;
        max-width: 59em;
        top: 15.53em
    }
}

.wrap-hero-merchant-services .wrap-splash .bottom {
    margin-top: 10em
}

.wrap-hero-merchant-services .wrap-splash .bottom li picture img {
    max-width: 36em
}

.wrap-hero-merchant-services .wrap-splash .bottom li:nth-child(2) img {
    max-width: 42em
}

.wrap-hero-merchant-services .wrap-splash.mobile {
    opacity: 0;
    position: relative
}

.wrap-hero-merchant-services .wrap-splash.mobile li {
    width: 100vw;
    overflow: hidden;
    padding-bottom: .5em
}

.wrap-hero-merchant-services .wrap-splash.mobile li picture img {
    min-width: initial
}

.wrap-hero-merchant-services .wrap-splash.mobile li.pos picture img {
    width: 80%;
    max-width: 45em;
    position: relative;
    left: 10%
}

.wrap-hero-merchant-services .wrap-splash.mobile li.mobile-app picture img {
    width: 70%;
    max-width: 30em;
    margin-top: 4em;
    left: 19%;
    position: relative
}

.wrap-hero-merchant-services .wrap-splash.mobile li.vt picture img {
    width: 150%;
    max-width: 70em
}

@media (max-width: 45em) {
    .wrap-hero-merchant-services .wrap-intro h1>span:last-child {
        letter-spacing:5px;
        font-family: bebas_neuelight,sans-serif!important
    }

    .wrap-hero-merchant-services .wrap-intro {
        padding-top: 7em
    }

    .wrap-hero-merchant-services .wrap-splash.mobile li.tablet picture img {
        margin-top: 2em;
        width: 150%;
        max-width: 55em
    }
}

.wrap-hero-merchant-services .wrap-splash.mobile li.gateway-api picture img {
    position: relative;
    left: 1%
}

.wrap-hero-merchant-services .wrap-splash.mobile .owl-stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wrap-hero-merchant-services .wrap-splash.mobile .owl-dots {
    bottom: auto;
    top: 2em
}

.wrap-hero-merchant-services .wrap-splash.mobile .owl-nav {
    position: absolute;
    width: 100%;
    top: 34%
}

.wrap-hero-merchant-services .wrap-splash.mobile .owl-nav>button {
    position: absolute;
    top: 2em;
    z-index: 10;
    width: 2em;
    height: 2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #7daeec;
    font-size: 1.2em
}

.wrap-hero-merchant-services .wrap-splash.mobile .owl-nav>button:active,.wrap-hero-merchant-services .wrap-splash.mobile .owl-nav>button:focus {
    border: 0
}

.wrap-hero-merchant-services .wrap-splash.mobile .owl-nav>button.disabled {
    opacity: .2
}

.wrap-hero-merchant-services .wrap-splash.mobile .owl-nav .owl-prev {
    left: 1em
}

.wrap-hero-merchant-services .wrap-splash.mobile .owl-nav .owl-next {
    right: 1em
}

.wrap-hero-merchant-services .wrap-splash.desktop {
    height: inherit;
    min-height: inherit;
    transform: initial;
    padding: 7em 0 0;
    box-sizing: initial
}

.wrap-hero-merchant-services .wrap-splash.desktop ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 105.5em) {
    .wrap-hero-merchant-services .wrap-splash.desktop {
        padding-top:9em
    }

    .wrap-hero-merchant-services .wrap-splash.desktop ul {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.wrap-hero-merchant-services .wrap-splash.desktop ul li {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    text-align: center
}

.wrap-hero-merchant-services .wrap-splash h2 {
    font-family: latobold,sans-serif!important;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: .7em
}

.wrap-hero-merchant-services .wrap-splash h2 a {
    color: #fff
}

.wrap-hero-merchant-services .wrap-splash p {
    font-size: 1.1em;
    margin-bottom: 2em;
    padding: 0 3em;
    color: #777d8a
}

@media (max-width: 75em) {
    .wrap-hero-merchant-services .wrap-splash p {
        padding:0 5%
    }
}

.wrap-hero-merchant-services .wrap-splash.mobile {
    display: none
}

.wrap-hero-merchant-services .wrap-splash.desktop {
    display: block
}

@media (max-width: 60em) {
    .wrap-hero-merchant-services .wrap-splash.mobile {
        display:block
    }

    .wrap-hero-merchant-services .wrap-splash.desktop {
        display: none
    }
}

body:not(.helcim-commerce).commerce-main .wrap-hero {
    position: relative
}

body.helcim-commerce.pos .wrap-splash {
    background: none;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 68em
}

@media (max-width: 90em) {
    body.helcim-commerce.pos .wrap-splash {
        margin-top:-2em
    }
}

@media (max-width: 45em) {
    body.helcim-commerce.pos .wrap-splash {
        width:150%
    }
}

body.error-page .wrap-hero .wrap-intro h1,body.error-page .wrap-hero .wrap-intro p,body.error-page .wrap-hero .wrap-intro span {
    color: #3b3c40!important
}

body.error-page .wrap-hero .wrap-intro a {
    color: #7daeec
}

body.error-page .wrap-hero .wrap-intro span {
    margin-top: 1em
}

.scroll-down {
    position: fixed;
    bottom: 1em;
    width: 3em;
    height: 2em;
    z-index: 10;
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: height .3s;
    display: block;
    text-align: center;
    cursor: pointer
}

@media (max-width: 60em) {
    .scroll-down {
        display:none
    }

    .wrap-hero-home {
        margin-bottom: 0
    }
}

.scroll-down a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.scroll-down .Iconmouse {
    color: #7daeec;
    font-size: 1.5em;
    display: block;
    transition: margin-bottom .3s
}

.wrap-hero-home {
    padding-bottom: 4em
}

.wrap-hero-home .hero-top {
    background: #2b2f44;
    background: radial-gradient(circle at 70vw 40%,#2e2f3e 0,#2b2f44 40%);
    height: 100vh;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 50em
}

@media (max-width: 120em) {
    .wrap-hero-home .hero-top {
        margin-top:0
    }
}

@media (max-width: 75em) {
    .wrap-hero-home .hero-top {
        background:#2b2f44;
        background: radial-gradient(circle at center 28%,#2e2f3e 0,#2b2f44 50%);
        min-height: 95em
    }
}

@media (max-width: 60em) {
    .wrap-hero-home .hero-top {
        min-height:92em
    }
}

.wrap-hero-home .hero-top .hero-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5%
}

@media (max-width: 75em) {
    .wrap-hero-home .hero-top .hero-wrap {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.wrap-hero-home .hero-top .top-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10%;
    font-size: 1.3em
}

@media (max-width: 105.5em) {
    .wrap-hero-home .hero-top .top-left {
        margin-right:0;
        margin-left: 2em;
        font-size: 1.2em
    }
}

.wrap-hero-home .hero-top .top-left h1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 4.2em
}

.wrap-hero-home .hero-top .top-left h1>span:first-child {
    font-size: .6em;
    letter-spacing: 1px;
    width: 2.1em;
    background: #607ad2;
    background: linear-gradient(to right,#5700f3 0,#5d92d7 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: bebas_neuelight,sans-serif!important;
    display: inline-block;
    opacity: 0
}

.wrap-hero-home .hero-top .top-left h1>span:last-child {
    font-family: latoblack,sans-serif!important;
    color: #fff;
    letter-spacing: -4px;
    margin-top: -.4em;
    margin-left: -4px;
    font-size: .8em
}

.wrap-hero-home .hero-top .top-left h1>span>i {
    font-style: initial;
    letter-spacing: -.25em;
    opacity: 0
}

.wrap-hero-home .hero-top .top-left h1 .plus {
    font-family: latohairline,sans-serif!important;
    display: inline-block;
    color: #7daeec;
    font-size: 1.8em;
    position: relative;
    bottom: -.2em;
    left: .1em;
    opacity: 0;
    width: .57em;
    height: .5em;
    line-height: .43em
}

.wrap-hero-home .hero-top .top-left p {
    color: #cfd1dc;
    font-family: latolight,sans-serif!important;
    margin-top: 1em;
    margin-bottom: 2em;
    padding-left: 4px;
    font-size: 1.2em;
    width: 23em;
    opacity: 0
}

.wrap-hero-home .hero-top .top-left .wrap-cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: .8em;
    opacity: 0
}

.wrap-hero-home .hero-top .top-left .wrap-cta .btn-super {
    margin-right: 1.3em
}

.wrap-hero-home .hero-top .top-left .wrap-cta .IconPlay {
    color: #fff;
    background-color: #607cd2
}

.wrap-hero-home .hero-top .top-left .wrap-cta .btn-light a {
    text-transform: none;
    color: #98a0af
}

.wrap-hero-home .hero-top .top-left .wrap-cta .btn-light a span:first-child {
    font-family: bebas_neuebold,sans-serif!important!important
}

.wrap-hero-home .hero-top .top-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -11.3em;
    opacity: 0
}

@media (max-width: 90em) {
    .wrap-hero-home .hero-top .top-right {
        margin-right:0;
        font-size: .9em
    }
}

.wrap-hero-home .hero-top .top-right .swiper-container {
    width: 490px;
    height: 600px;
    position: relative
}

.wrap-hero-home .hero-top .top-right .swiper-container:after,.wrap-hero-home .hero-top .top-right .swiper-container:before {
    z-index: 5
}

.wrap-hero-home .hero-top .top-right .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    text-transform: uppercase;
    text-align: center
}

.wrap-hero-home .hero-top .top-right .swiper-slide a {
    color: #fff;
    text-decoration: none;
    opacity: .1;
    letter-spacing: 5px
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide a,.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide a {
    opacity: .8
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide a,.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide a {
    opacity: .6
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide a,.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide a {
    opacity: .3
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active a,.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide a {
    opacity: .1
}

.wrap-hero-home .hero-top .top-right .swiper-slide .helcim-prev a {
    opacity: 0
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide a {
    transform: scale(1.5);
    letter-spacing: 10px;
    transition-timing-function: ease-in-out;
    transition-duration: .8s;
    color: #7099cf;
    opacity: 1
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide.invoicing a {
    color: #7bb254
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide.pos a {
    color: #de804b
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide.ecommerce {
    color: #db555d
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide.inventory a {
    color: #c55c98
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide.customer-portal a {
    color: #d2b44d
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide.subscriptions a {
    color: #6ebbb9
}

.wrap-hero-home .hero-top .top-right .swiper-slide.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide.integrations a {
    color: #8a63b6
}

@media (max-width: 75em) {
    .wrap-hero-home .hero-top .hero-wrap {
        display:block;
        margin-top: 0
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left {
        margin-left: 0;
        margin-top: 8em;
        text-align: center;
        width: 100%
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left h1 {
        width: 100%
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left h1 span:first-child,.wrap-hero-home .hero-top .hero-wrap .wrap-cta {
        margin: 0 auto
    }

    .wrap-hero-home .hero-top .hero-wrap .top-right {
        margin-top: 8em;
        font-size: 1.1em
    }
}

@media (max-width: 60em) {
    .wrap-hero-home .hero-top .hero-wrap {
        display:-ms-flexbox;
        display: flex;
        width: 100%
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left {
        margin-top: 0;
        font-size: 1em
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left p {
        width: 100%;
        max-width: 23em;
        margin-left: auto;
        margin-right: auto
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left .plus {
        font-size: 1.4em;
        bottom: -30px
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left .wrap-cta {
        font-size: 1em
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left .wrap-cta .btn-light span.hcm-icon {
        width: 3.5em;
        height: 3.5em
    }
}

@media (max-width: 45em) {
    .wrap-hero-home .hero-top {
        min-height:45em
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left {
        font-size: 2.85vw
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left h1 {
        font-size: 7.5em
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left .btn-light span:first-child,.wrap-hero-home .hero-top .hero-wrap .top-right {
        display: none
    }
}

@media (max-width: 30em) {
    .wrap-hero-home .hero-top {
        min-height:35em
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left h1>span:last-child {
        margin-left: -2px
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left .plus {
        bottom: -15px;
        left: 0
    }

    .wrap-hero-home .hero-top .hero-wrap .top-left .wrap-cta {
        font-size: 1.3em
    }
}

.wrap-hero-home .home-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 60em) {
    .wrap-hero-home .home-main {
        -ms-flex-direction:column;
        flex-direction: column;
        text-align: center;
        padding-top: 0
    }
}

.wrap-hero-home .home-main .main-left,.wrap-hero-home .home-main .main-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    position: relative
}

.wrap-hero-home .home-main .main-left>a,.wrap-hero-home .home-main .main-left>picture,.wrap-hero-home .home-main .main-right>a,.wrap-hero-home .home-main .main-right>picture {
    display: block;
    width: 100%;
    height: inherit;
    position: relative
}

.wrap-hero-home .home-main .main-left>a:hover,.wrap-hero-home .home-main .main-left>picture:hover,.wrap-hero-home .home-main .main-right>a:hover,.wrap-hero-home .home-main .main-right>picture:hover {
    opacity: 1
}

.wrap-hero-home .home-main .main-left>a img,.wrap-hero-home .home-main .main-left>picture img,.wrap-hero-home .home-main .main-right>a img,.wrap-hero-home .home-main .main-right>picture img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    transition: transform .3s
}

.wrap-hero-home .home-main .main-left>a .scale,.wrap-hero-home .home-main .main-left>picture .scale,.wrap-hero-home .home-main .main-right>a .scale,.wrap-hero-home .home-main .main-right>picture .scale {
    transform: scale(1.05)
}

.wrap-hero-home .home-main .main-left .description,.wrap-hero-home .home-main .main-right .description {
    text-align: center
}

.wrap-hero-home .home-main .main-left .description h2,.wrap-hero-home .home-main .main-right .description h2 {
    letter-spacing: 10px;
    margin-bottom: .3em;
    font-family: bebas_neuebook,sans-serif!important;
    margin-top: .5em
}

@media (max-width: 105.5em) {
    .wrap-hero-home .home-main .main-left .description h2,.wrap-hero-home .home-main .main-right .description h2 {
        font-size:2.2em
    }
}

@media (max-width: 60em) {
    .wrap-hero-home .home-main .main-left>a img,.wrap-hero-home .home-main .main-left>picture img,.wrap-hero-home .home-main .main-right>a img,.wrap-hero-home .home-main .main-right>picture img {
        position:static
    }

    .wrap-hero-home .home-main .main-left .description h2,.wrap-hero-home .home-main .main-right .description h2 {
        font-size: 1.8em
    }
}

.wrap-hero-home .home-main .main-left .description h2 a,.wrap-hero-home .home-main .main-right .description h2 a {
    color: #fff
}

.wrap-hero-home .home-main .main-left .description p,.wrap-hero-home .home-main .main-right .description p {
    font-size: 1.2em;
    margin-bottom: 1.5em;
    padding: 0 3em;
    color: #9398a2
}

.wrap-hero-home .home-main .main-left .description .Iconarrow-up,.wrap-hero-home .home-main .main-right .description .Iconarrow-up {
    font-size: 2em;
    color: #7daeec
}

.wrap-hero-home .home-main .main-left {
    background: radial-gradient(circle at 50% 47%,#2e2f39 0,#2b2f44 50%)
}

.wrap-hero-home .home-main .main-left picture img {
    width: 55%;
    max-width: 35em;
    min-width: 18em
}

.wrap-hero-home .home-main .main-right {
    background: radial-gradient(circle at 54% 53%,#2e2f39 0,#2b2f44 50%)
}

.wrap-hero-home .home-main .main-right picture img {
    max-width: 90em;
    width: 112%;
    min-width: 40em
}

.wrap-hero-home .center-border {
    width: 4em;
    position: relative;
    left: 1.5em;
    visibility: hidden
}

@media (max-width: 60em) {
    .wrap-hero-home .home-main .main-left {
        -ms-flex-order:1;
        order: 1;
        border-bottom: 1px solid rgba(255,255,255,.1);
        padding-bottom: 6em
    }

    .wrap-hero-home .home-main .main-right {
        border-bottom: 1px solid rgba(255,255,255,.1);
        margin-bottom: 6em;
        padding-bottom: 6em
    }

    .wrap-hero-home .center-border {
        display: none
    }
}

body:not(.helcim-commerce).with-hero.commerce-main .content {
    margin-bottom: 0;
    background: #2b2f44;
    background: radial-gradient(circle at 54% 20%,#2a2a37 0,#2b2f44 25%)
}

body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero {
    padding: 0;
    height: auto;
    transition: min-height .3s;
    overflow: visible
}

body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero .wrap-intro {
    top: 12.3em;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 0 5%
}

@media (max-width: 90em) {
    body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero .wrap-intro {
        -ms-flex-line-pack:start;
        align-content: flex-start;
        top: 8.3em
    }
}

body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero .wrap-intro .wrap-cta .btn-super {
    display: inline-block;
    margin-right: 1.5em
}

body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero .wrap-intro .wrap-cta .btn-light a span:first-child {
    color: #98a0af;
    text-transform: none
}

body:not(.helcim-commerce).with-hero.commerce-main .copy h2,body:not(.helcim-commerce).with-hero.commerce-main h3 {
    color: #fff
}

@media (max-width: 30em) {
    .wrap-hero-home .home-main .main-right picture img {
        min-width:30em
    }

    body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero .wrap-intro .wrap-cta .btn-light a span:first-child {
        display: none
    }
}

body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero .wrap-intro .wrap-cta .btn-light .IconPlay {
    background: #607cd2;
    color: #fff;
    height: 3em;
    width: 3em
}

@media (max-width: 60em) {
    body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero .wrap-intro .wrap-cta .btn-light .IconPlay {
        height:4.5em;
        width: 4.5em
    }
}

body:not(.helcim-commerce).with-hero.commerce-main h1 {
    font-size: 6.2em;
    background: #607ad2;
    background: linear-gradient(to right,#607ad2 20%,#58d3db 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 75em) {
    body:not(.helcim-commerce).with-hero.commerce-main h1 {
        font-size:4em
    }
}

@media (max-width: 45em) {
    body:not(.helcim-commerce).with-hero.commerce-main .wrap-hero .wrap-intro .wrap-cta .btn-light {
        margin-top:1em
    }

    body:not(.helcim-commerce).with-hero.commerce-main h1 {
        letter-spacing: 5px;
        font-family: bebas_neuelight,sans-serif!important
    }
}

body:not(.helcim-commerce).with-hero.commerce-main .copy h3 {
    color: #b8c0d0
}

body:not(.helcim-commerce).with-hero.commerce-main .copy .hcm-icon {
    color: #7daeec
}

body:not(.helcim-commerce).with-hero.commerce-main .section:nth-child(3) {
    margin-top: 5em;
    border-top: 1px solid #3a3d47;
    border-bottom: 1px solid #3a3d47
}

body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash {
    position: absolute;
    height: 1210px;
    width: 100%;
    font-size: .67vw;
    right: 5em;
    top: 2em
}

@media (max-width: 120em) {
    body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash {
        right:13em;
        font-size: .7em;
        top: -8em
    }
}

@media (max-width: 105.5em) {
    body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash {
        top:-10em
    }
}

@media (max-width: 90em) {
    body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash {
        font-size:.8vw
    }
}

@media (max-width: 75em) {
    body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash {
        top:-19em
    }
}

@media (max-width: 60em) {
    body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash {
        font-size:1vw;
        right: 6em
    }
}

@media (max-width: 45em) {
    body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash {
        font-size:7px;
        right: 9%
    }
}

body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash picture {
    display: block
}

body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash picture img {
    opacity: 0;
    mix-blend-mode: normal;
    filter: none;
    overflow: visible;
    transition: all .3s ease;
    -o-object-fit: initial;
    object-fit: initial;
    width: 53%;
    height: auto;
    min-height: initial;
    max-height: initial;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0
}

body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash .splash-left img {
    width: 81.2em;
    transform: translate(-27em,10%)
}

body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash .splash-main img {
    width: 63.5em;
    transform: translate(19em,40%)
}

body:not(.helcim-commerce).with-hero.commerce-main .commerce-splash .splash-right img {
    width: 36.5em;
    transform: translate(12em,120%)
}

.no-mobile .wrap-hero .wrap-intro .wrap-btn .btn-hero-main a:hover {
    background-color: rgba(255,255,255,.3)
}

.no-mobile .wrap-hero .wrap-intro .wrap-btn a:hover span {
    left: 10px
}

.no-mobile .wrap-hero .wrap-splash:hover .play-video span {
    transform: scale(1.2,1.2);
    box-shadow: 1px 1px 50px 10px rgba(0,0,0,.1);
    color: #7daeec
}

.no-mobile .scroll-down:hover {
    height: 3.2em
}

.no-mobile .content .wrap-hero .wrap-price-ranges>ul>li.trigger-accordion .btn-super a:hover {
    box-shadow: 2px 2px 40px 3px rgba(0,0,0,.06)!important
}

.no-mobile .hcm-socials a:hover {
    color: #6b6c73!important
}

.container .wrap-message {
    padding-bottom: 4.4em
}

.container .wrap-banner-cta {
    padding: 0 5%;
    background: #2d2f38;
    background: radial-gradient(ellipse at center,#333440 0,#292a33 100%);
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    height: 27em;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    color: #a9afbc
}

.container .wrap-banner-cta .Iconx {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -4em;
    cursor: pointer;
    display: none;
    max-width: 2.5em;
    padding: 12px 0;
    z-index: 10;
    transition: all .3s
}

.container .wrap-banner-cta .wrap-inner {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    top: -42.4em;
    position: relative
}

.container .wrap-banner-cta .wrap-inner .wrap-cta {
    max-width: 75em;
    text-align: center;
    height: 27em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-property: opacity,transform;
    position: relative;
    z-index: 10;
    margin: 0 auto
}

.container .wrap-banner-cta .wrap-inner .wrap-cta .banner-decoration {
    position: absolute;
    z-index: -1
}

.container .wrap-banner-cta .wrap-inner .wrap-cta .banner-decoration.ipad {
    width: 100%;
    top: 2em;
    right: -50%
}

@media (max-width: 90em) {
    .container .wrap-banner-cta .wrap-inner .wrap-cta .banner-decoration.ipad {
        right:-40%
    }
}

@media (max-width: 60em) {
    .container .wrap-banner-cta .wrap-inner .wrap-cta .banner-decoration.ipad {
        top:6em
    }
}

@media (max-width: 45em) {
    .container .wrap-banner-cta .wrap-inner .wrap-cta .banner-decoration.ipad {
        bottom:-6em;
        width: 160%;
        right: -70%;
        top: auto
    }

    .container .wrap-banner-cta .wrap-inner .wrap-cta {
        height: 31em
    }
}

.container .wrap-banner-cta .wrap-inner .wrap-cta h2 {
    color: #fff;
    margin-bottom: .5em
}

.container .wrap-banner-cta .wrap-inner .wrap-cta h3 {
    font-size: 1.3em;
    color: #a9afbc
}

.container .wrap-banner-cta .wrap-inner .wrap-cta .btn-super,.container .wrap-banner-cta .wrap-inner .wrap-cta .subactions {
    margin-top: 2em
}

.container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul li {
    cursor: pointer;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0 1%;
    transition: color .3s
}

.container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul li a {
    width: 100%;
    display: block
}

.container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul li.separator {
    max-width: 1em
}

@media (max-width: 45em) {
    .container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul li {
        margin: .5em 0
    }

    .container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul li.separator {
        display: none
    }
}

.container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul li:last-child a {
    color: #fff
}

.container .wrap-banner-cta .wrap-inner .wrap-callback,.container .wrap-banner-cta .wrap-inner .wrap-message {
    max-width: 35em;
    text-align: center;
    position: relative;
    z-index: 50;
    margin: 0 auto
}

.container .wrap-banner-cta .wrap-inner .wrap-callback h2,.container .wrap-banner-cta .wrap-inner .wrap-message h2 {
    color: #fff;
    margin-bottom: 1em;
    min-height: 43px
}

.container .wrap-banner-cta .wrap-inner .wrap-callback input,.container .wrap-banner-cta .wrap-inner .wrap-callback select,.container .wrap-banner-cta .wrap-inner .wrap-callback textarea,.container .wrap-banner-cta .wrap-inner .wrap-message input,.container .wrap-banner-cta .wrap-inner .wrap-message select,.container .wrap-banner-cta .wrap-inner .wrap-message textarea {
    background-color: transparent;
    border-color: #424550;
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback button:focus,.container .wrap-banner-cta .wrap-inner .wrap-callback input:focus,.container .wrap-banner-cta .wrap-inner .wrap-callback select:focus,.container .wrap-banner-cta .wrap-inner .wrap-callback textarea:focus,.container .wrap-banner-cta .wrap-inner .wrap-message button:focus,.container .wrap-banner-cta .wrap-inner .wrap-message input:focus,.container .wrap-banner-cta .wrap-inner .wrap-message select:focus,.container .wrap-banner-cta .wrap-inner .wrap-message textarea:focus {
    border: 1px solid #60636e
}

.container .wrap-banner-cta .wrap-inner .wrap-callback input::-webkit-input-placeholder,.container .wrap-banner-cta .wrap-inner .wrap-message input::-webkit-input-placeholder {
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback input::-moz-placeholder,.container .wrap-banner-cta .wrap-inner .wrap-message input::-moz-placeholder {
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback input:-ms-input-placeholder,.container .wrap-banner-cta .wrap-inner .wrap-message input:-ms-input-placeholder {
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback input:-moz-placeholder,.container .wrap-banner-cta .wrap-inner .wrap-message input:-moz-placeholder {
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback textarea::-webkit-input-placeholder,.container .wrap-banner-cta .wrap-inner .wrap-message textarea::-webkit-input-placeholder {
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback textarea::-moz-placeholder,.container .wrap-banner-cta .wrap-inner .wrap-message textarea::-moz-placeholder {
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback textarea:-ms-input-placeholder,.container .wrap-banner-cta .wrap-inner .wrap-message textarea:-ms-input-placeholder {
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback textarea:-moz-placeholder,.container .wrap-banner-cta .wrap-inner .wrap-message textarea:-moz-placeholder {
    color: #777d8a
}

.container .wrap-banner-cta .wrap-inner .wrap-callback .action .btn-submit,.container .wrap-banner-cta .wrap-inner .wrap-message .action .btn-submit {
    background-color: rgba(255,255,255,.1);
    background-image: initial
}

.container .wrap-banner-cta .wrap-contact-info {
    max-width: 75em;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 7em;
    opacity: 0;
    visibility: hidden
}

.container .wrap-banner-cta .wrap-contact-info>h2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: #fff;
    margin-bottom: 1em
}

.container .wrap-banner-cta .wrap-contact-info .col {
    margin: 1.5em 0 0;
    text-align: center;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    color: #777d8a
}

.container .wrap-banner-cta .wrap-contact-info .col a {
    color: #a9afbc
}

@media (max-width: 45em) {
    .container .wrap-banner-cta .wrap-contact-info .col {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        margin: 2.5em 0 0
    }

    .container .wrap-banner-cta .wrap-contact-info .col:first-of-type {
        margin-top: 0
    }
}

.container .wrap-banner-cta .wrap-contact-info .col h3 {
    color: #b8c0d0;
    margin-bottom: .5em
}

.container .wrap-banner-cta .wrap-contact-info .col address {
    font-style: normal
}

.container .wrap-banner-cta .wrap-contact-info .col address span {
    display: block
}

.container .wrap-banner-cta .wrap-contact-info .col:first-of-type {
    border-right: 1px solid #424550
}

.container .wrap-banner-cta .wrap-contact-info .col:last-of-type {
    border-left: 1px solid #424550
}

@media (max-width: 60em) {
    .container .wrap-banner-cta .wrap-contact-info .col:first-of-type,.container .wrap-banner-cta .wrap-contact-info .col:last-of-type {
        border:0
    }
}

.container .wrap-banner-cta.callbackform-ative .wrap-cta,.container .wrap-banner-cta.contactform-ative .wrap-cta {
    opacity: 0;
    transform: translate(0,-10em)
}

.container .wrap-logos {
    background-color: #fff;
    padding: 2em 0;
    text-align: center
}

.container .wrap-logos .owl-dots {
    bottom: -45px
}

.container .wrap-logos .owl-stage-outer {
    position: static
}

.container .wrap-logos .owl-stage-outer:after {
    content: '';
    display: block;
    width: 5em;
    height: 7em;
    position: absolute;
    top: -32px;
    z-index: 10;
    right: 0;
    background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 58%,#fff 100%)
}

.container .wrap-logos .owl-stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.container .wrap-logos .owl-stage li {
    font-size: .8em
}

@media (max-width: 75em) {
    .container .wrap-logos .owl-stage li {
        font-size:.7em
    }
}

@media (max-width: 30em) {
    .container .wrap-logos .owl-stage li {
        font-size:.6em
    }
}

.container .wrap-logos .owl-stage li img {
    margin: 0 auto;
    opacity: .7
}

.container .wrap-logos .unicef img {
    width: 9em
}

.container .wrap-logos .childrens-wish img {
    width: 9.5em
}

.container .wrap-logos .mavi-jeans img {
    width: 7.8em
}

.container .wrap-logos .scotch-soda img {
    width: 13em
}

.container .wrap-logos .techvibes img {
    width: 10em
}

.container .wrap-logos .ymca img {
    width: 5em
}

.container .wrap-logos .gotjunk img {
    width: 10em
}

.wrap-services #payments .icons span:first-child {
    color: #537ed6
}

.wrap-services #invoicing .icons span:first-child {
    color: #a6cc56
}

.wrap-services #pos .icons span:first-child {
    color: #fa9a46
}

.wrap-services #onlinestore .icons span:first-child {
    color: #f0525a
}

.wrap-services #products .icons span:first-child {
    color: #de5fa6
}

.wrap-services #customers .icons span:first-child {
    color: #fcc847
}

.wrap-services #recurring .icons span:first-child {
    color: #8fdcd9
}

.wrap-services #integrations .icons span:first-child {
    color: #9762c8
}

.wrap-services {
    margin-bottom: 11em
}

.wrap-services ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 80em;
    text-align: center;
    position: relative;
    margin: 0 auto
}

.wrap-services ul.mobile li {
    width: auto
}

.wrap-services ul.mobile .owl-dots {
    bottom: -6em
}

@media (max-width: 45em) {
    .wrap-services ul {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

.wrap-services ul li {
    width: 25%;
    max-width: 20em;
    text-align: center;
    padding: 0 1.5%
}

.wrap-services ul li a.icons {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.8em;
    height: 3.1em;
    font-size: 2.3em
}

.wrap-services ul li a.icons span:first-child {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 3.1em
}

.wrap-services ul li a.icons span:last-child {
    color: #fff;
    z-index: 1;
    opacity: .5
}

.wrap-services ul li a.icons span {
    display: block
}

.wrap-services ul li .linked-copy {
    display: block;
    padding-top: 2em
}

.wrap-services ul li h3 {
    font-family: latobold,sans-serif!important;
    font-size: 1.4em;
    text-transform: uppercase;
    margin-bottom: .4em;
    color: #fff
}

@media (max-width: 45em) {
    .wrap-services ul li h3 {
        font-size:1.2em
    }
}

.wrap-services ul li p {
    font-size: 1.1em
}

.wrap-services ul.desktop li:nth-child(1),.wrap-services ul.desktop li:nth-child(2),.wrap-services ul.desktop li:nth-child(3),.wrap-services ul.desktop li:nth-child(4) {
    margin-bottom: 7em
}

.wrap-services ul.desktop>li {
    opacity: 0
}

.wrap-services ul.desktop .hint {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 16em;
    width: 100%;
    max-width: 53em;
    opacity: 0;
    padding: 0 5%
}

.wrap-services ul.desktop .hint h3 {
    text-transform: none;
    font-size: 2em;
    font-family: latolight,sans-serif!important
}

.wrap-services ul.desktop .hint p {
    margin-bottom: 2em
}

.wrap-services ul.desktop .close-service {
    cursor: pointer;
    position: absolute;
    font-size: 1.5em;
    margin-top: -3em;
    transition: transform .3s
}

.wrap-services .content-hint,.wrap-services>ul.mobile {
    display: none
}

@media (max-width: 45em) {
    .wrap-services>ul.mobile {
        display:-ms-flexbox;
        display: flex
    }
}

.wrap-services>ul.desktop {
    display: -ms-flexbox;
    display: flex
}

.no-mobile .wrap-banner-cta .Iconx:hover {
    color: #e8e8e8;
    transform: rotate(359deg)
}

.no-mobile .container .wrap-banner-cta .wrap-inner .wrap-cta .subactions ul li:hover {
    color: #7daeec
}

.title-text {
    text-align: center;
    margin-bottom: 3em
}

.title-text h3 {
    color: #bbbcc3;
    letter-spacing: .2em;
    font-size: 1em;
    font-family: latoregular,sans-serif!important;
    text-transform: uppercase
}

.info-post h2,.title-text h2 {
    font-family: latoblack,sans-serif!important
}

@media (max-width: 45em) {
    .wrap-services>ul.desktop {
        display:none
    }

    .title-text h3 {
        font-size: .8em
    }
}

.title-text h2 {
    color: #292a33;
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: .2em
}

.blog section .owl-nav {
    width: 100%;
    display: block!important
}

.blog section .owl-dots,.blog section .owl-dots.disabled {
    display: block!important;
    bottom: -5em
}

@media (max-width: 45em) {
    .title-text h2 {
        font-size:1.6em
    }

    .blog section .owl-dots,.blog section .owl-dots.disabled {
        bottom: -3em
    }
}

.blog section .owl-dots button,.blog section .owl-dots.disabled button {
    border: 0;
    width: 3px;
    height: 15px;
    background-color: rgba(0,0,0,.1);
    margin: 0 .5em;
    border-radius: 0
}

.blog section .owl-dots button.active,.blog section .owl-dots.disabled button.active {
    background-color: #292a33
}

.blog section .owl-nav>button {
    position: absolute;
    bottom: -7em;
    width: 3.5em;
    height: 3.5em;
    background-color: rgba(0,0,0,.05);
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    transition-property: background-color;
    transition-duration: .3s
}

.blog section .owl-nav>button:focus {
    border: 0
}

.blog section .owl-nav>button>span {
    color: #292a33;
    position: relative;
    font-size: 1.2em;
    z-index: 10;
    transition-property: color;
    transition-duration: .3s
}

.blog section .owl-nav>.owl-prev {
    left: 2%
}

.blog section .owl-nav>.owl-next {
    right: 2%
}

.blog section .owl-nav>button.disabled {
    display: none
}

.info-post h4 {
    opacity: .7;
    letter-spacing: .2em;
    font-size: .8em;
    text-transform: uppercase
}

@media (max-width: 45em) {
    .blog section .owl-nav>button {
        bottom:-5em
    }

    .info-post h4 {
        font-size: .6em
    }
}

.info-post h2 {
    font-size: 1.3em
}

.info-post .publish-date {
    font-size: .8em;
    opacity: .7
}

.no-image {
    background-color: #F7F7FC;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.no-image>span {
    color: #d9d9de
}

.no-image .hcm-icon {
    font-size: 2em
}

.index .wrap-services h2,.wrap-banner-cta h2 {
    font-family: bebas_neuebook,sans-serif!important;
    letter-spacing: 10px;
    margin-bottom: 3.5em;
    text-align: center;
    padding: 0 2%
}

.index .wrap-services h2 span,.wrap-banner-cta h2 span {
    display: block
}

.index .wrap-services h2 span:not(.headline),.wrap-banner-cta h2 span:not(.headline) {
    font-size: .6em;
    color: #9d9ea5;
    letter-spacing: 3px
}

@media (max-width: 90em) {
    .index .wrap-services h2 span:not(.headline),.wrap-banner-cta h2 span:not(.headline) {
        font-size:.6em;
        letter-spacing: 5px
    }
}

.index .wrap-services h2 span.headline,.wrap-banner-cta h2 span.headline {
    font-size: 1.1em;
    line-height: 1.5;
    margin-top: .3em;
    color: #fff
}

@media (max-width: 90em) {
    .index .wrap-services h2 span.headline,.wrap-banner-cta h2 span.headline {
        font-size:.9em;
        letter-spacing: 5px
    }
}

.btn-super {
    text-align: center
}

.btn-super a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: 100px;
    background: #607ad2;
    background: linear-gradient(to left,#607ad2 0,#58aedb 100%);
    padding: 0 2em;
    height: 2.5em;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    font-family: bebas_neuebold,sans-serif!important;
    letter-spacing: 1px;
    font-size: 1.2em;
    box-shadow: 7px 6px 40px 3px rgba(0,0,0,.2);
    overflow: hidden;
    position: relative
}

.btn-super a span:not(.hcm-icon) {
    position: relative;
    right: 0;
    transition: right .3s
}

.btn-super a span.hcm-icon {
    font-size: .6em;
    right: -5em;
    position: absolute;
    height: 10px;
    height: 100%;
    transition: right .3s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.owl-dots,.play-video {
    right: 0;
    position: absolute
}

.btn-light,.btn-light a span {
    display: inline-block
}

.btn-super a span.hcm-icon.IconExport {
    font-size: .8em
}

.btn-light a {
    color: #fff;
    text-transform: uppercase;
    font-family: latobold,sans-serif!important
}

.btn-light a span {
    vertical-align: middle
}

.btn-light a span:not(.hcm-icon) {
    margin-right: .5em
}

.btn-light a span.hcm-icon {
    width: 3em;
    height: 3em;
    border-radius: 50%;
    transition: transform .3s;
    font-size: .7em;
    background-color: #fff;
    color: #3b3c40;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

section .media-container {
    margin: 4em 0
}

@media (max-width: 60em) {
    body.home-page .btn-light span.hcm-icon {
        background:#2d2f38;
        background: radial-gradient(ellipse at center,#333440 0,#292a33 100%);
        color: #fff;
        width: 3.5em;
        height: 3.5em;
        font-size: .9em
    }

    section .media-container {
        margin: 2em 0
    }
}

section .media-container>iframe {
    width: 100%;
    height: 40vh
}

section .video-frame {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 3.2em;
    margin-bottom: 2em
}

section .video-frame picture {
    width: 80%;
    max-width: 45em
}

section .video-frame picture img {
    display: block;
    box-shadow: 0 1px 80px 3px rgba(0,0,0,.4)
}

section .video-frame .btn-light {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 52px;
    text-align: center
}

section .video-frame .btn-light>a:first-child {
    display: inline-block;
    margin-bottom: .5em
}

section .video-frame .btn-light>a:first-child .hcm-icon {
    background-color: #3b3c40;
    color: #fff;
    font-size: 1.1em
}

section .video-frame .btn-light>a:last-child {
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #fff;
    font-family: bebas_neuebold,sans-serif!important;
    letter-spacing: .1em
}

.play-video {
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 3.5em;
    height: 3.5em;
    z-index: 5;
    transform: translate(0,3em)
}

@media (max-width: 45em) {
    .play-video {
        width:2.5em;
        height: 2.5em
    }
}

.play-video span.hcm-icon {
    background: #2d2f38;
    background: radial-gradient(ellipse at center,#333440 0,#292a33 100%);
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: .7em;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 1px 1px 0 10px rgba(0,0,0,.1);
    transition: all .3s
}

@media (max-width: 45em) {
    .play-video span.hcm-icon {
        font-size:.5em
    }
}

.helcim-commerce.pos .play-video {
    transform: translate(4em,-2em)
}

.owl-dots {
    left: 0;
    margin: 0 auto;
    text-align: center;
    bottom: -25px
}

.owl-dots>button.active {
    background-color: #6b6c73;
    border-color: #6b6c73
}

.owl-dots>button {
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 1px solid #6b6c73;
    display: inline-block;
    margin: .2em
}

.owl-dots>button:active,.owl-dots>button:focus {
    border: 0
}

.blog .scroll-nav .owl-stage .owl-item:first-child a {
    color: #292a33;
    font-size: 1.3em;
    font-family: latoblack,sans-serif!important;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding-top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.blog .scroll-nav .owl-stage .owl-item:first-child a:before {
    content: 'Helcim';
    color: #9d9ea5;
    position: absolute;
    left: 0;
    right: 0;
    margin: -1.5em auto 0;
    font-size: .5em;
    text-transform: uppercase;
    font-family: latoregular,sans-serif!important;
    letter-spacing: .55em
}

.blog .scroll-nav .owl-stage .owl-item a.active {
    border-bottom: 3px solid #7daeec
}

.fixed-header .scroll-nav {
    position: fixed;
    top: 0;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    border-bottom: 0
}

.scroll-nav {
    position: absolute;
    width: 100%;
    box-shadow: 0 0 1px rgba(0,0,0,.2);
    height: 6em;
    background-color: #fff;
    z-index: 80;
    line-height: 2;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-property: box-shadow
}

.scroll-nav ul,.scroll-nav ul .owl-stage-outer {
    position: static
}

@media (max-height: 45em) {
    .scroll-nav {
        height:4em
    }
}

.scroll-nav ul {
    height: 100%;
    overflow: hidden
}

.scroll-nav ul * {
    height: inherit
}

.scroll-nav ul li {
    text-align: center;
    font-size: 1.1em;
    display: inline-block
}

.scroll-nav ul li.active-scroll a {
    border-bottom: 3px solid #7daeec;
    padding-bottom: 1.2em;
    color: #3b3c40
}

.scroll-nav ul li a {
    padding: 1.7em 1em 0;
    width: inherit;
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.scroll-nav ul .owl-stage-outer:after {
    content: '';
    display: block;
    width: 5em;
    height: calc(6em - 1px);
    position: absolute;
    top: 0;
    z-index: 10;
    right: -2em;
    background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 58%,#fff 100%)
}

@media (max-height: 45em) {
    .scroll-nav ul li a {
        padding-top:.8em;
        font-size: .9em
    }

    .scroll-nav ul .owl-stage-outer:after {
        height: calc(4em - 1px)
    }
}

.scroll-nav ul .owl-stage-outer .owl-stage {
    margin: 0 auto
}

.scroll-nav ul .owl-stage-outer .owl-stage>div {
    display: inline-block!important
}

.scroll-nav ul .owl-nav {
    width: 100%
}

.scroll-nav ul .owl-nav>div {
    position: absolute;
    top: 0;
    width: 5em;
    z-index: 20
}

.scroll-nav ul .owl-nav>div>span {
    color: #6b6c73;
    top: 1.1em;
    position: relative;
    z-index: 10
}

.scroll-nav ul .owl-nav>.owl-prev {
    left: 0
}

.scroll-nav ul .owl-nav>.owl-prev>span {
    left: .9em
}

.scroll-nav ul .owl-nav>.owl-next {
    right: 0
}

.scroll-nav ul .owl-nav>.owl-next>span {
    right: -3em
}

.scroll-nav ul .owl-nav>div.disabled {
    opacity: .3
}

.legal ol {
    margin-left: 3em
}

.legal ol li {
    margin-bottom: 1em
}

.legal ol li ol,.legal ol li ol h3 {
    margin-top: 1em
}

body:not(.helcim-commerce) .wrap-sections {
    overflow: initial
}

body:not(.helcim-commerce) .wrap-sections>.section:first-of-type {
    padding-top: 6em
}

@media (max-width: 60em) {
    body:not(.helcim-commerce) .wrap-sections>.section:first-of-type {
        padding-top:3em
    }
}

body:not(.helcim-commerce) .wrap-sections .section {
    padding: 3em 5%
}

@media (max-width: 60em) {
    body:not(.helcim-commerce) .wrap-sections .section {
        padding:1.5em 5%
    }
}

body:not(.helcim-commerce) .wrap-sections .section .copy {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
}

body:not(.helcim-commerce) .wrap-sections .section:last-child {
    padding-bottom: 0
}

body:not(.helcim-commerce) .wrap-sections .section.plane {
    -ms-flex-pack: center;
    justify-content: center
}

body:not(.helcim-commerce) .wrap-sections .section.plane>h1 {
    font-size: 3em;
    font-family: bebas_neuebook,sans-serif!important;
    letter-spacing: .1em
}

body:not(.helcim-commerce) .wrap-sections .section.plane .copy {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body:not(.helcim-commerce) .wrap-sections .section.hr-top {
    padding-top: 5em;
    margin-top: 5em
}

body:not(.helcim-commerce) .wrap-sections .section.hr-bottom {
    padding-bottom: 3em;
    margin-bottom: 3em
}

@media (max-width: 60em) {
    body:not(.helcim-commerce) .wrap-sections .section.hr-top {
        padding-top:3em;
        margin-top: 3em
    }

    body:not(.helcim-commerce) .wrap-sections .section.hr-bottom {
        margin-bottom: 0
    }

    body:not(.helcim-commerce) .wrap-sections .section.pull-left .graphic {
        display: block
    }
}

body:not(.helcim-commerce) .wrap-sections .section.pull-left .graphic {
    margin-top: 0
}

@media (max-width: 60em) {
    body:not(.helcim-commerce) .wrap-sections .section.pull-left .graphic picture {
        display:block;
        text-align: center
    }

    body:not(.helcim-commerce) .wrap-sections .section.pull-left .graphic picture img {
        max-height: 25em;
        -o-object-fit: cover;
        object-fit: cover
    }
}

body:not(.helcim-commerce) .wrap-sections .section.pull-left .copy+.graphic,body:not(.helcim-commerce) .wrap-sections .section.pull-left .copy+.graphic+.copy {
    margin-top: 6em
}

@media (max-width: 45em) {
    body:not(.helcim-commerce) .wrap-sections .section.pull-left .copy,body:not(.helcim-commerce) .wrap-sections .section.pull-left .graphic {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }

    body:not(.helcim-commerce) .wrap-sections .section.pull-left .copy+.graphic,body:not(.helcim-commerce) .wrap-sections .section.pull-left .copy+.graphic+.copy {
        margin-top: 0
    }

    body:not(.helcim-commerce) .wrap-sections .section.pull-left .graphic+.copy {
        margin-bottom: 6em
    }

    body:not(.helcim-commerce) .wrap-sections .section.pull-left .graphic+.copy:last-child {
        margin-bottom: 0
    }

    body:not(.helcim-commerce) .wrap-sections .section.pull-left.img-after-content:not(:last-child) {
        padding-bottom: 2em;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 2em
    }
}

body:not(.helcim-commerce) .wrap-sections .section.pull-left .copy {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (max-width: 45em) {
    body:not(.helcim-commerce) .wrap-sections .section.pull-left.img-after-content .graphic {
        -ms-flex-order:1;
        order: 1;
        padding-top: 2em
    }

    body:not(.helcim-commerce) .wrap-sections .section.pull-left.img-after-content .get-more {
        margin-bottom: 0
    }
}

body:not(.helcim-commerce) .wrap-sections .dontcut picture {
    min-height: initial;
    height: auto
}

body:not(.helcim-commerce) .wrap-sections .dontcut picture img {
    -o-object-fit: contain!important;
    object-fit: contain!important
}

.wrap-hero+.wrap-sections {
    padding-top: 0
}

.wrap-sections {
    padding-top: 6em;
    overflow: hidden
}

@media (max-height: 45em) {
    .wrap-sections {
        padding-top:4em
    }
}

.wrap-sections .section.row {
    max-width: initial
}

.wrap-sections .section#overview {
    max-width: initial;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 6em;
    position: relative;
    border-bottom: 1px solid #e8e8e8
}

.wrap-sections .section#overview>.graphic {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    margin-top: 0;
    max-width: 50em;
    margin-right: 2%
}

@media (max-width: 60em) {
    .wrap-sections .section#overview {
        padding-bottom:3em
    }

    .wrap-sections .section#overview>.graphic {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

.wrap-sections .section#overview>.copy {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 30em;
    margin-left: 2%
}

@media (max-width: 60em) {
    .wrap-sections .section#overview>.copy {
        -ms-flex-preferred-size:55%;
        flex-basis: 55%
    }
}

@media (max-width: 45em) {
    .wrap-sections .section#overview>.copy,.wrap-sections .section#overview>.graphic {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        margin-right: 0;
        margin-left: 0;
        max-width: initial
    }

    .wrap-sections .section#overview>.graphic {
        display: block;
        margin-bottom: 3em
    }
}

.wrap-sections .section {
    padding: 6em 5% 0;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 75em
}

.wrap-sections .section>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.wrap-sections .section>.graphic {
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    margin-top: 1em;
    opacity: 0
}

.wrap-sections .section>.copy {
    -ms-flex-preferred-size: 73%;
    flex-basis: 73%;
    opacity: 0
}

.wrap-sections .section.outline .copy {
    -ms-flex-order: -1;
    order: -1
}

@media (max-width: 45em) {
    .wrap-sections .section>.graphic {
        display:none
    }

    .wrap-sections .section>.copy,.wrap-sections .section>.graphic {
        -ms-flex-preferred-size: 100%!important;
        flex-basis: 100%!important
    }
}

.wrap-sections .section:last-child {
    margin-bottom: 0
}

.section .copy ol:not(.nolist) li,.section .copy ul:not(.nolist) li,.section .subcopy ol:not(.nolist) li,.section .subcopy ul:not(.nolist) li,body.blog-article main ol:not(.nolist) li,body.blog-article main ul:not(.nolist) li {
    margin-left: 1em;
    position: relative;
    padding-left: 1.5em;
    margin-bottom: .5em
}

.section .copy ol:not(.nolist) li:last-child,.section .copy ul:not(.nolist) li:last-child,.section .subcopy ol:not(.nolist) li:last-child,.section .subcopy ul:not(.nolist) li:last-child,body.blog-article main ol:not(.nolist) li:last-child,body.blog-article main ul:not(.nolist) li:last-child {
    margin-bottom: 0
}

.section .copy ul:not(.nolist) li:before,.section .subcopy ul:not(.nolist) li:before,body.blog-article main ul:not(.nolist) li:before {
    content: '';
    display: inline-block;
    margin-right: 1em;
    width: 10px;
    height: 10px;
    border: 2px solid #7daeec;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px
}

.section .copy ol:not(.nolist) li,.section .subcopy ol:not(.nolist) li,body.blog-article main ol:not(.nolist) li {
    margin-left: 2em;
    padding-left: .5em
}

.section .copy .btn-super a {
    color: #fff;
    box-shadow: none;
    font-size: 1.1em
}

.section .copy a {
    color: #7daeec
}

.section .copy h2 {
    margin: 1.3em 0 .5em
}

.section .copy h2+p,.section .copy h2:first-child,.section .copy h3+p {
    margin-top: 0
}

.section .copy h3 {
    margin-bottom: 1em
}

.section .copy h3 span {
    display: block
}

.section .copy p:last-child {
    margin-bottom: 0
}

.section .copy p+h3 {
    margin-top: 2.5em
}

@media (max-width: 45em) {
    .section .copy p+h3 {
        margin-top:1.5em
    }
}

.section .copy .table-wrap h3,.section .copy .table-wrap+h2 {
    margin-top: 2em
}

.section .copy .table-wrap+.table-wrap {
    margin-top: 4em
}

.section .cols-2,.section .cols-3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section .cols-2>h2,.section .cols-2>h3,.section .cols-2>p,.section .cols-3>h2,.section .cols-3>h3,.section .cols-3>p {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1em
}

.section .cols-2>p:last-of-type,.section .cols-3>p:last-of-type {
    margin-bottom: 4em
}

.section .cols-2 .col:first-of-type,.section .cols-3 .col:first-of-type {
    margin-left: 0
}

.section .cols-2 .col:last-of-type,.section .cols-3 .col:last-of-type {
    margin-right: 0
}

.section .cols-2+.cols-2,.section .cols-2+.cols-3,.section .cols-3+.cols-2,.section .cols-3+.cols-3 {
    margin-top: 2em
}

@media (max-width: 60em) {
    .wrap-sections .section {
        padding-top:3em
    }

    .section .cols-3>.col:not(:first-of-type)>p:first-child:first-of-type {
        margin-top: 0
    }
}

.section .cols-2>.col {
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%
}

@media (max-width: 45em) {
    .section .cols-2 .get-more,.section .cols-3 .get-more {
        margin-bottom:0
    }

    .section .cols-2>.col:not(:first-of-type)>p:first-child:first-of-type {
        margin-top: 0
    }

    .section .cols-2>.col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 2em
    }

    .section .cols-2>.col:last-of-type {
        margin-bottom: 0
    }
}

.section .cols-3>.col {
    -ms-flex-preferred-size: 27.3%;
    flex-basis: 27.3%;
    margin: 2em 3% 0
}

@media (max-width: 60em) {
    .section .cols-3>.col {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        margin: 2em 0
    }

    .section .cols-3>.col:last-of-type {
        margin-bottom: 0
    }
}

.section .get-more {
    margin-top: 1em;
    margin-bottom: 2em
}

.section .get-more a {
    font-family: latobold,sans-serif!important;
    display: block
}

.section .get-more a span {
    display: inline
}

.section .get-more a .hcm-icon {
    font-size: .6em;
    margin-left: .5em;
    position: relative;
    left: 0;
    transition: left .3s
}

.section .get-more a+a {
    margin-top: .5em
}

.section .copy .features-list {
    padding-top: 2em
}

.section .features-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 75em;
    text-align: center;
    text-align: left;
    padding-top: 6em;
    margin: 0 auto
}

.section .features-list.cols-3 {
    max-width: initial
}

@media (max-width: 75em) {
    .section .features-list.cols-3 {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.section .features-list.cols-3 .col {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    margin: 0
}

.section .features-list.cols-3 .col .feature-item>span {
    margin-right: .5em;
    -ms-flex-preferred-size: 1.1em;
    flex-basis: 1.1em;
    text-align: center
}

.section .features-list.cols-3 .col .feature-item>div {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%
}

.section .features-list>h2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1.7em;
    text-align: center;
    opacity: 0
}

.section .features-list .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.section .features-list .feature-item {
    padding: 0 .5em;
    font-size: 2.5em;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em
}

@media (max-width: 30em) {
    .section .features-list .feature-item {
        font-size:2em
    }

    .section .features-list .feature-item .subcopy h2 {
        font-size: .8em
    }
}

@media (max-width: 45em) {
    .section .features-list .col {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }

    .section .features-list .feature-item {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.section .features-list .feature-item .hcm-icon {
    margin-right: .5em;
    -ms-flex-preferred-size: 1.1em;
    flex-basis: 1.1em;
    text-align: center
}

.section .features-list .feature-item .subcopy {
    text-align: left;
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%
}

.section .features-list .feature-item .subcopy h2 {
    font-size: .8em
}

.section .features-list .feature-item .subcopy .get-more,.section .features-list .feature-item .subcopy h3 {
    font-size: .5em
}

@media (max-width: 30em) {
    .section .features-list .feature-item .subcopy h3 {
        font-size:.5em
    }
}

.section .features-list .feature-item .subcopy address,.section .features-list .feature-item .subcopy li,.section .features-list .feature-item .subcopy p {
    font-size: .4em
}

@media (max-width: 30em) {
    .section .features-list .feature-item .subcopy address,.section .features-list .feature-item .subcopy li,.section .features-list .feature-item .subcopy p {
        font-size:.5em
    }
}

.section .graphic .circle {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    font-size: 4em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 7px 11px 60px rgba(0,0,0,.1);
    position: relative;
    margin: 0 auto
}

@media (max-width: 60em) {
    .section .graphic .circle .decoration {
        display:none
    }
}

.section .graphic .circle .decoration img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: .25em;
    transform: scale(2) translate(0,.02em)
}

.section .graphic .circle .hcm-icon {
    display: inline-block
}

.section.filled .graphic .circle .hcm-icon {
    color: #fff;
    opacity: .6
}

.section.outline .graphic .hcm-icon {
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important
}

.section.outline .graphic .animated-fill {
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0
}

.wrap-sections .section.render#overview {
    max-width: 75em;
    text-align: center;
    padding-bottom: 3em;
    margin: 0 auto
}

.wrap-sections .section.render#overview .copy,.wrap-sections .section.render#overview .graphic {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: initial
}

.wrap-sections .section.render#overview .graphic {
    margin-right: 0
}

.wrap-sections .section.render#overview .copy {
    text-align: left
}

.section .photo-container {
    margin-top: 4em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 45em) {
    .wrap-sections .section.render#overview {
        padding-bottom:0
    }

    .section .photo-container {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.section .photo-container .wrap-photo {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.section .photo-container .wrap-photo picture {
    min-height: 25em;
    height: 40vh;
    overflow: hidden
}

.section .photo-container .wrap-photo figcaption {
    font-family: latoitalic,sans-serif!important
}

.section .photo-container .wrap-photo img {
    -o-object-fit: cover;
    object-fit: cover;
    height: inherit;
    min-height: inherit
}

.section .photo-container .wrap-photo+.wrap-photo {
    padding-left: 2em;
    box-sizing: initial
}

@media (max-width: 45em) {
    .section .photo-container .wrap-photo+.wrap-photo {
        padding-left:0;
        padding-top: 2em;
        box-sizing: border-box
    }
}

.section .photo-container.short picture {
    min-height: 15em;
    height: 20vh
}

.section.large {
    max-width: 105em
}

.section .photo-container+*,.section h2+.photo-container,.section h3+.photo-container {
    margin-top: 3em
}

.section.img-banner,.section.left-edge,.section.right-edge {
    padding-left: 0!important;
    padding-right: 0!important;
    margin: 3.5em 0
}

@media (max-width: 60em) {
    .section.img-banner,.section.left-edge,.section.right-edge {
        margin:1.75em 0
    }

    .section.img-banner.left-edge .graphic,.section.img-banner.right-edge .graphic,.section.left-edge.left-edge .graphic,.section.left-edge.right-edge .graphic,.section.right-edge.left-edge .graphic,.section.right-edge.right-edge .graphic {
        display: block;
        margin-bottom: 2em;
        -ms-flex-order: -1;
        order: -1;
        min-height: initial
    }

    .section.img-banner.left-edge .graphic picture,.section.img-banner.right-edge .graphic picture,.section.left-edge.left-edge .graphic picture,.section.left-edge.right-edge .graphic picture,.section.right-edge.left-edge .graphic picture,.section.right-edge.right-edge .graphic picture {
        display: block;
        text-align: center
    }

    .section.img-banner.left-edge .graphic picture img,.section.img-banner.right-edge .graphic picture img,.section.left-edge.left-edge .graphic picture img,.section.left-edge.right-edge .graphic picture img,.section.right-edge.left-edge .graphic picture img,.section.right-edge.right-edge .graphic picture img {
        max-height: 25em;
        position: static
    }

    .section.img-banner.left-edge .copy,.section.img-banner.right-edge .copy,.section.left-edge.left-edge .copy,.section.left-edge.right-edge .copy,.section.right-edge.left-edge .copy,.section.right-edge.right-edge .copy {
        max-width: initial
    }

    .section.img-banner.left-edge .copy,.section.img-banner.left-edge .graphic,.section.img-banner.right-edge .copy,.section.img-banner.right-edge .graphic,.section.left-edge.left-edge .copy,.section.left-edge.left-edge .graphic,.section.left-edge.right-edge .copy,.section.left-edge.right-edge .graphic,.section.right-edge.left-edge .copy,.section.right-edge.left-edge .graphic,.section.right-edge.right-edge .copy,.section.right-edge.right-edge .graphic {
        -ms-flex-preferred-size: 100%!important;
        flex-basis: 100%!important
    }
}

@media (max-width: 45em) {
    .section.img-banner.left-edge,.section.img-banner.right-edge,.section.left-edge.left-edge,.section.left-edge.right-edge,.section.right-edge.left-edge,.section.right-edge.right-edge {
        margin:1.75em 0
    }
}

.section.img-banner .graphic,.section.left-edge .graphic,.section.right-edge .graphic {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: initial;
    margin-top: 0;
    min-height: 25em;
    max-width: 65em
}

.section.img-banner .graphic img,.section.left-edge .graphic img,.section.right-edge .graphic img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute
}

.section.img-banner .copy,.section.left-edge .copy,.section.right-edge .copy {
    -ms-flex-preferred-size: 40%!important;
    flex-basis: 40%!important;
    max-width: 45em;
    margin: 0 5%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.section.left-edge {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.section.left-edge .graphic {
    -ms-flex-order: -1;
    order: -1
}

.section.left-edge .graphic img {
    -o-object-position: right;
    object-position: right
}

.section.right-edge {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.section.right-edge img {
    -o-object-position: top;
    object-position: top
}

.section.img-banner .photo-container picture {
    height: 25vw
}

.section.img-banner .photo-container picture img {
    -o-object-position: top;
    object-position: top
}

.section.img-banner .photo-container {
    margin-top: 0
}

.slide-up {
    opacity: 0
}

.cols-2.wrap-price,.wrap-price {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.cols-2.wrap-price .col,.wrap-price .col {
    text-align: left;
    max-width: 12em
}

@media (max-width: 45em) {
    .cols-2.wrap-price .col,.wrap-price .col {
        margin-bottom:0
    }
}

@media (max-width: 30em) {
    .cols-2.wrap-price,.wrap-price {
        -ms-flex-flow:column;
        flex-flow: column;
        -ms-flex-align: start;
        align-items: start
    }

    .cols-2.wrap-price .col,.wrap-price .col {
        margin-bottom: 2em
    }
}

.cols-2.wrap-price .col h3,.wrap-price .col h3 {
    margin-bottom: 0
}

.cols-2.wrap-price .col sup,.wrap-price .col sup {
    font-size: 1.2em;
    position: relative;
    top: -18px
}

.cols-2.wrap-price .col .main,.wrap-price .col .main {
    font-size: 3.2em;
    display: inline-block;
    font-family: latothin,sans-serif!important;
    line-height: .8;
    color: #3b3c40
}

.cols-2.wrap-price .col span,.wrap-price .col span {
    font-size: 1em
}

.cols-2.wrap-price .col:not(:first-child),.wrap-price .col:not(:first-child) {
    text-align: right
}

@media (max-width: 30em) {
    .cols-2.wrap-price .col:not(:first-child),.wrap-price .col:not(:first-child) {
        text-align:left
    }
}

.overlay-table .Iconx {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3em;
    height: 3em;
    font-size: 1.2em;
    color: #3b3c40;
    position: absolute;
    right: 2em;
    top: 2em;
    cursor: pointer;
    transition: transform .3s
}

@media (max-width: 45em) {
    .overlay-table .Iconx {
        position:absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 1em
    }
}

.generic-alert {
    padding: 1em 1.9em 1em 1em;
    text-align: left;
    background-color: #7daeec;
    color: #fff;
    display: inline-block;
    max-width: 20em;
    position: absolute;
    z-index: 1;
    top: .6em;
    left: -.8em;
    box-shadow: 5px 5px 20px rgba(0,0,0,.1);
    border-radius: 3px;
    opacity: 0
}

.generic-alert img {
    width: 1em;
    height: auto;
    vertical-align: sub
}

.generic-alert:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #7daeec;
    position: absolute;
    bottom: -.5em;
    left: .5em
}

.generic-alert .hcm-icon.Iconx {
    color: #fff;
    margin: initial;
    position: absolute;
    right: 1em;
    left: auto;
    top: 1.3em;
    font-size: .6em;
    border-radius: 50%;
    width: auto;
    height: auto;
    font-weight: 700;
    opacity: .5;
    cursor: pointer
}

.no-mobile .btn-super a:hover {
    opacity: 1
}

.no-mobile .btn-super a:hover span:not(.hcm-icon) {
    right: .5em
}

.no-mobile .btn-super a:hover span.hcm-icon {
    right: 2em
}

.no-mobile .btn-super a:hover span.hcm-icon.IconExport {
    right: 1.4em
}

.no-mobile .btn-light:hover span.hcm-icon {
    transform: rotate(359deg)
}

.no-mobile .content .keep-going a:hover>span:first-child>span {
    top: -2.3em!important
}

.no-mobile .content .keep-going a:hover>span:last-child {
    top: -2.3em!important;
    opacity: 1!important
}

.no-mobile .section .get-more a:hover .hcm-icon {
    left: 10px
}

.no-mobile .owl-nav button:hover {
    background-color: rgba(0,0,0,.6)
}

.no-mobile .owl-nav button:hover span {
    color: #fff
}

body .content>.wrap-hero.customers-gradient>.wrap-splash:after {
    background-color: #f6d074
}

body .content>.wrap-hero.customers-gradient+.scroll-nav+.wrap-sections>.section .get-more>a,body .content>.wrap-hero.customers-gradient+.scroll-nav+.wrap-sections>.section#customer-portal .features-list .hcm-icon,body .content>.wrap-hero.customers-gradient+.scroll-nav+.wrap-sections>.section>.copy>.get-more>a {
    color: #f6d074
}

body .content>.wrap-hero.customers-gradient+.scroll-nav ul li.active-scroll a,body .content>.wrap-hero.customers-gradient+.scroll-nav+.wrap-sections>.section>.copy>ul>li:before {
    border-color: #f6d074
}

body .content>.wrap-hero.customers-gradient+.scroll-nav+.wrap-sections>.section.filled>.graphic>.circle,body .content>.wrap-hero.customers-gradient+.scroll-nav+.wrap-sections>.section.outline>.graphic>.circle>.hcm-icon {
    background: #efe18c;
    background: radial-gradient(center,ellipse cover,#efe18c 0,#fac96b 75%);
    background: linear-gradient(to left,#efe18c 0,#fac96b 75%)
}

body .content>.wrap-hero.products-gradient>.wrap-splash:after {
    background-color: #de6ab7
}

body .content>.wrap-hero.products-gradient+.scroll-nav+.wrap-sections>.section .get-more>a {
    color: #de6ab7
}

body .content>.wrap-hero.products-gradient+.scroll-nav ul li.active-scroll a,body .content>.wrap-hero.products-gradient+.scroll-nav+.wrap-sections>.section>.copy>ul>li:before {
    border-color: #de6ab7
}

body .content>.wrap-hero.products-gradient+.scroll-nav+.wrap-sections>.section.filled>.graphic>.circle,body .content>.wrap-hero.products-gradient+.scroll-nav+.wrap-sections>.section.outline>.graphic>.circle>.hcm-icon {
    background: #ed7fd7;
    background: radial-gradient(center,ellipse cover,#ed7fd7 0,#d2599f 100%);
    background: linear-gradient(to left,#ed7fd7 0,#d2599f 100%)
}

body .content>.wrap-hero.onlinestore-gradient>.wrap-splash:after {
    background-color: #f55b6c
}

body .content>.wrap-hero.onlinestore-gradient+.scroll-nav+.wrap-sections>.section .get-more>a {
    color: #f55b6c
}

body .content>.wrap-hero.onlinestore-gradient+.scroll-nav ul li.active-scroll a,body .content>.wrap-hero.onlinestore-gradient+.scroll-nav+.wrap-sections>.section>.copy>ul>li:before {
    border-color: #f55b6c
}

body .content>.wrap-hero.onlinestore-gradient+.scroll-nav+.wrap-sections>.section.filled>.graphic>.circle,body .content>.wrap-hero.onlinestore-gradient+.scroll-nav+.wrap-sections>.section.outline>.graphic>.circle>.hcm-icon {
    background: #f8767d;
    background: radial-gradient(center,ellipse cover,#f8767d 0,#f2455e 100%);
    background: linear-gradient(to left,#f8767d 0,#f2455e 100%)
}

body .content>.wrap-hero.payments-gradient>.wrap-splash:after {
    background-color: #638bd7
}

body .content>.wrap-hero.payments-gradient+.scroll-nav+.wrap-sections>.section .get-more>a {
    color: #638bd7
}

body .content>.wrap-hero.payments-gradient+.scroll-nav ul li.active-scroll a,body .content>.wrap-hero.payments-gradient+.scroll-nav+.wrap-sections>.section>.copy>ul>li:before {
    border-color: #638bd7
}

body .content>.wrap-hero.payments-gradient+.scroll-nav+.wrap-sections>.section.filled>.graphic>.circle,body .content>.wrap-hero.payments-gradient+.scroll-nav+.wrap-sections>.section.outline>.graphic>.circle>.hcm-icon {
    background: #8eadee;
    background: radial-gradient(center,ellipse cover,#8eadee 0,#5e89db 100%);
    background: linear-gradient(to left,#789fe7 0,#527bca 100%)
}

body .content>.wrap-hero.pos-gradient+.scroll-nav+.wrap-sections .section#terminal-integration .dot,body .content>.wrap-hero.pos-gradient+.scroll-nav+.wrap-sections .section#terminal-integration .line,body .content>.wrap-hero.pos-gradient>.wrap-splash:after {
    background-color: #fb9b69
}

body .content>.wrap-hero.pos-gradient+.scroll-nav+.wrap-sections>.section .get-more>a,body .content>.wrap-hero.pos-gradient+.scroll-nav+.wrap-sections>.section#terminal-integration .feature-item .hcm-icon {
    color: #fb9b69
}

body .content>.wrap-hero.pos-gradient+.scroll-nav ul li.active-scroll a,body .content>.wrap-hero.pos-gradient+.scroll-nav+.wrap-sections .section#terminal-integration .feature-item .subcopy:before,body .content>.wrap-hero.pos-gradient+.scroll-nav+.wrap-sections .section>.copy>ul>li:before {
    border-color: #fb9b69
}

body .content>.wrap-hero.pos-gradient+.scroll-nav+.wrap-sections>.section.filled>.graphic>.circle,body .content>.wrap-hero.pos-gradient+.scroll-nav+.wrap-sections>.section.outline>.graphic>.circle>.hcm-icon {
    background: #fdb678;
    background: radial-gradient(center,ellipse cover,#fdb678 0,#f9855d 100%);
    background: linear-gradient(to left,#fdb678 0,#f9855d 100%)
}

body .content>.wrap-hero.recurring-gradient>.wrap-splash:after {
    background-color: #7cdada
}

body .content>.wrap-hero.recurring-gradient+.scroll-nav+.wrap-sections>.section .get-more>a {
    color: #7cdada
}

body .content>.wrap-hero.recurring-gradient+.scroll-nav ul li.active-scroll a,body .content>.wrap-hero.recurring-gradient+.scroll-nav+.wrap-sections>.section>.copy>ul>li:before {
    border-color: #7cdada
}

body .content>.wrap-hero.recurring-gradient+.scroll-nav+.wrap-sections>.section.filled>.graphic>.circle,body .content>.wrap-hero.recurring-gradient+.scroll-nav+.wrap-sections>.section.outline>.graphic>.circle>.hcm-icon {
    background: #9ed5e5;
    background: radial-gradient(center,ellipse cover,#9ed5e5 0,#5bdfd0 100%);
    background: linear-gradient(to left,#9ed5e5 0,#5bdfd0 100%)
}

body .content>.wrap-hero.invoicing-gradient>.wrap-splash:after {
    background-color: #9ec86c
}

body .content>.wrap-hero.invoicing-gradient+.scroll-nav+.wrap-sections>.section .get-more>a {
    color: #9ec86c
}

body .content>.wrap-hero.invoicing-gradient+.scroll-nav ul li.active-scroll a,body .content>.wrap-hero.invoicing-gradient+.scroll-nav+.wrap-sections>.section>.copy>ul>li:before {
    border-color: #9ec86c
}

body .content>.wrap-hero.invoicing-gradient+.scroll-nav+.wrap-sections>.section.filled>.graphic>.circle,body .content>.wrap-hero.invoicing-gradient+.scroll-nav+.wrap-sections>.section.outline>.graphic>.circle>.hcm-icon {
    background: #b2cf75;
    background: radial-gradient(center,ellipse cover,#b2cf75 0,#90c366 100%);
    background: linear-gradient(to left,#b2cf75 0,#90c366 100%)
}

body .content>.wrap-hero.integrations-gradient>.wrap-splash:after {
    background-color: #b17ac8
}

body .content>.wrap-hero.integrations-gradient+.scroll-nav+.wrap-sections>.section .get-more>a {
    color: #b17ac8
}

body .content>.wrap-hero.integrations-gradient+.scroll-nav ul li.active-scroll a,body .content>.wrap-hero.integrations-gradient+.scroll-nav+.wrap-sections>.section>.copy>ul>li:before {
    border-color: #b17ac8
}

body .content>.wrap-hero.integrations-gradient+.scroll-nav+.wrap-sections>.section.filled>.graphic>.circle,body .content>.wrap-hero.integrations-gradient+.scroll-nav+.wrap-sections>.section.outline>.graphic>.circle>.hcm-icon {
    background: #bf8bd7;
    background: radial-gradient(center,ellipse cover,#bf8bd7 0,#a66cbc 100%);
    background: linear-gradient(to left,#bf8bd7 0,#a66cbc 100%)
}

.container,.content {
    height: 100%
}

body.no-hero .content {
    padding-top: 4.2em
}

.content {
    margin-bottom: 6em
}

@media (max-height: 30em) {
    .content {
        padding-bottom:5em
    }
}

body.index {
    background-color: #2b2f44
}

body.index .container {
    overflow: hidden
}

body.index .container .content {
    margin-bottom: 0;
    padding-top: 0
}

body.index .container .content .background-commerce-home {
    opacity: 0;
    position: absolute;
    width: 80%;
    height: auto;
    top: 0;
    right: 0;
    z-index: -1
}

@media (max-width: 75em) {
    body.index .container .content .background-commerce-home {
        width:55em
    }
}

.preloading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/logo-bcolor.svg) center center/4em auto no-repeat #2b2f44;
    z-index: 10000
}

.section#card-vault .graphic {
    position: relative
}

.section#card-vault .graphic .circle .hcm-icon {
    height: 1em;
    line-height: normal;
    overflow: hidden;
    display: inline-block;
    width: 100%
}

.section#card-vault .copy {
    -ms-flex-preferred-size: 69%;
    flex-basis: 69%
}

@media (max-width: 60em) {
    .section#card-vault .graphic {
        left:auto
    }

    .section#card-vault .copy {
        -ms-flex-preferred-size: 73%;
        flex-basis: 73%
    }
}

.section#customer-portal {
    padding-right: 0;
    padding-left: 0
}

.section#customer-portal .subintro {
    padding-top: 7em;
    overflow: hidden;
    background: #fff;
    background: radial-gradient(ellipse at center,#fff 0,#f8f8f8 100%)
}

@media (max-width: 45em) {
    .section#customer-portal .subintro {
        padding-top:4em
    }
}

.section#customer-portal .subintro>.copy {
    max-width: 75em;
    text-align: center;
    padding: 0 5%;
    opacity: 0;
    margin: 0 auto 4em
}

.section#customer-portal .subintro .presentation {
    height: 35em;
    position: relative;
    max-width: 75em;
    text-align: center;
    margin: 0 auto
}

@media (max-width: 90em) {
    .section#customer-portal .subintro .presentation {
        max-width:initial;
        width: 90%;
        height: 40vw
    }
}

@media (max-width: 45em) {
    .section#customer-portal .subintro .presentation {
        height:45vw
    }
}

.section#customer-portal .subintro .presentation picture {
    text-align: center
}

.section#customer-portal .subintro .presentation picture img {
    position: absolute;
    bottom: -100px;
    height: 80%;
    width: auto;
    margin: 0 auto;
    left: 0;
    right: 0
}

@media (max-width: 90em) {
    .section#customer-portal .subintro .presentation picture img {
        height:auto;
        width: 70%;
        max-width: 60em
    }
}

@media (max-width: 45em) {
    .section#customer-portal .subintro .presentation picture img {
        width:87%
    }
}

.section#customer-portal .subintro .presentation picture.left-img img {
    margin-right: 40%
}

.section#customer-portal .subintro .presentation picture.main-img img {
    z-index: 10;
    height: 100%;
    bottom: -200px
}

@media (max-width: 90em) {
    .section#customer-portal .subintro .presentation picture.main-img img {
        max-width:70em;
        height: auto;
        width: 83%
    }
}

.section#customer-portal .subintro .presentation picture.right-img img {
    margin-left: 40%
}

.section#settings .features-list {
    padding-top: 0
}

.section#inventory-management .subintro {
    overflow: hidden
}

.section#inventory-management .subintro>.copy {
    max-width: 75em;
    text-align: center;
    padding: 0 5%;
    opacity: 0;
    margin: 0 auto 4em
}

@media (max-width: 45em) {
    .section#customer-portal .subintro .presentation picture.main-img img {
        width:100%
    }

    .section#inventory-management .subintro>.copy {
        text-align: left
    }
}

.section#inventory-management .subintro>.presentation {
    max-width: 90em;
    text-align: center;
    min-width: 45em;
    margin: 0 auto
}

.section#categories-brands-and-attributes {
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 60em) {
    .section#categories-brands-and-attributes {
        -ms-flex-align:start;
        align-items: flex-start
    }
}

.section#categories-brands-and-attributes .graphic .circle .decoration img {
    transform: scale(2.1) translate(.13em,-.17em)
}

.section#categories-brands-and-attributes .copy {
    -ms-flex-preferred-size: 61%;
    flex-basis: 61%
}

@media (max-width: 60em) {
    .section#categories-brands-and-attributes .copy {
        -ms-flex-preferred-size:73%;
        flex-basis: 73%
    }
}

.section#product-variants {
    padding-top: 8em
}

@media (max-width: 45em) {
    .section#product-variants {
        padding-top:3em
    }
}

.section#picture-management {
    padding-top: 8em;
    -ms-flex-align: center;
    align-items: center
}

.section#picture-management .graphic {
    text-align: center
}

.section#picture-management .graphic img {
    width: 220%;
    position: relative;
    right: 10em
}

@media (max-width: 75em) {
    .section#picture-management .graphic img {
        width:200%;
        right: 50%
    }
}

@media (max-width: 45em) {
    .section#picture-management {
        padding-top:3em
    }

    .section#picture-management .graphic {
        display: block;
        -ms-flex-order: 1;
        order: 1
    }

    .section#picture-management .graphic img {
        width: 100%;
        right: 1em
    }
}

.section#picture-management .copy {
    -ms-flex-preferred-size: 61%;
    flex-basis: 61%
}

.section#shipping-integrations .circle .decoration img {
    transform: scale(.5) translate(-3.5em,0)
}

.section#online-store-theme {
    padding-right: 0;
    padding-left: 0;
    margin-top: 6em;
    background: #fafafa;
    background: radial-gradient(ellipse at center,#fafafa 0,#edd0c9 100%);
    opacity: 0;
    overflow: hidden
}

.section#online-store-theme .subintro>.copy {
    max-width: 75em;
    text-align: center;
    padding: 0 5%;
    opacity: 1;
    margin: 0 auto 2.5em
}

.section#online-store-theme .subintro>.copy h2,.section#online-store-theme .subintro>.copy h3 {
    color: rgba(0,0,0,.7)
}

.section#online-store-theme .subintro>.copy h2 {
    font-size: 2.5em;
    font-family: latobold,sans-serif!important
}

.section#online-store-theme .subintro>.copy h3 {
    font-size: 1.6em;
    font-family: latolight,sans-serif!important;
    margin-bottom: 2em
}

.section#online-store-theme .subintro>.copy .btn-outline {
    text-align: center;
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    margin: 0 auto
}

.section#online-store-theme .subintro>.copy .btn-outline.pinned-ended a,.section#online-store-theme .subintro>.copy .btn-outline.pinned-on a {
    box-shadow: 5px 5px 90px rgba(0,0,0,.6);
    transform: scale(1.3);
    left: 0!important;
    right: 0!important
}

@media (max-width: 60em) {
    .section#online-store-theme .subintro>.copy h3 {
        font-size:1.3em
    }

    .section#online-store-theme .subintro>.copy .btn-outline.pinned-ended a,.section#online-store-theme .subintro>.copy .btn-outline.pinned-on a {
        transform: scale(1)
    }
}

.section#online-store-theme .subintro>.copy .btn-outline a {
    display: inline-block;
    padding: 1em 1.5em;
    color: #fff;
    background-color: #b95d71;
    font-size: .9em;
    border-radius: 200px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: latobold,sans-serif!important;
    transition-timing-function: ease;
    transition-duration: .3s;
    transition-property: transform,box-shadow,background-color;
    width: 20em
}

.section#online-store-theme .presentation {
    height: 68em;
    position: relative
}

@media (max-width: 60em) {
    .section#online-store-theme .presentation {
        height:42em
    }
}

.section#online-store-theme .presentation picture {
    text-align: center;
    display: block
}

.section#online-store-theme .presentation picture img {
    max-width: 60em;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 5px 6px 130px 0 rgba(0,0,0,.2)
}

@media (max-width: 90em) {
    .section#online-store-theme .presentation picture img {
        font-size:.7em
    }
}

@media (max-width: 60em) {
    .section#online-store-theme .presentation picture img {
        font-size:8px
    }
}

.section#online-store-theme .presentation picture.detail1 img {
    max-width: 30em;
    left: -60em;
    top: 60em
}

@media (max-width: 45em) {
    .section#online-store-theme .presentation {
        height:30em
    }

    .section#online-store-theme .presentation picture img {
        font-size: 5px
    }

    .section#online-store-theme .presentation picture.detail1 img {
        display: none
    }
}

.section#online-store-theme .presentation picture.detail2 img {
    max-width: 15.6em;
    right: 58em;
    z-index: 5;
    top: 40em
}

.section#online-store-theme .presentation picture.fancy-home img {
    top: 15em
}

.section#online-store-theme .presentation picture.detail3 img {
    max-width: 32em;
    right: -62em;
    top: 37em
}

body.online-store .content {
    margin-bottom: 0
}

body.online-store .content .section#reviews {
    height: 29.5em
}

@media (max-width: 60em) {
    body.online-store .content .section#reviews {
        height:27em
    }

    body.online-store .content .section#reviews .graphic .circle .decoration {
        display: block
    }
}

@media (max-width: 45em) {
    body.online-store .content .section#reviews {
        height:42em;
        -ms-flex-line-pack: baseline;
        align-content: baseline
    }

    body.online-store .content .section#reviews .graphic {
        display: block;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 2em
    }
}

body.online-store .content .section#reviews .graphic .circle .decoration img {
    transform: scale(1.7) translate(.2em,1.6em)
}

@media (max-width: 60em) {
    body.online-store .content .section#reviews .copy {
        -ms-flex-preferred-size:65%;
        flex-basis: 65%
    }
}

.section#multi-currency {
    -ms-flex-align: center;
    align-items: center
}

.section#multi-currency .circle {
    top: -.4em
}

@media (max-width: 60em) {
    .section#multi-currency {
        -ms-flex-align:start;
        align-items: flex-start
    }

    .section#multi-currency .circle {
        top: 0
    }
}

.section#multi-currency .circle .decoration img {
    transform: scale(1.8) translate(0,.02em)
}

.section#multi-currency .copy {
    -ms-flex-preferred-size: 67%;
    flex-basis: 67%
}

@media (max-width: 60em) {
    .section#multi-currency .copy {
        -ms-flex-preferred-size:73%;
        flex-basis: 73%
    }
}

.section#batch-managements {
    -ms-flex-align: center;
    align-items: center
}

.section#batch-managements .circle {
    top: -.3em
}

@media (max-width: 60em) {
    .section#batch-managements {
        -ms-flex-align:start;
        align-items: flex-start
    }

    .section#batch-managements .circle {
        top: 0
    }
}

.section#batch-managements .circle .decoration img {
    transform: scale(1.5) translate(0,-.05em)
}

.section#batch-managements .copy {
    -ms-flex-preferred-size: 67%;
    flex-basis: 67%
}

@media (max-width: 60em) {
    .section#batch-managements .copy {
        -ms-flex-preferred-size:73%;
        flex-basis: 73%
    }
}

.section#e-checks .circle .decoration img {
    transform: scale(.3) translate(-4.1em,3.6em)
}

.section#hosted-payment-pages .features-list h3,.section#hosted-payment-pages .features-list>h2,.section#virtual-terminal .features-list h3,.section#virtual-terminal .features-list>h2 {
    color: #fff
}

.section#hosted-payment-pages .features-list ul>li:before,.section#virtual-terminal .features-list ul>li:before {
    border-color: #fff
}

.section#hosted-payment-pages .features-list li,.section#hosted-payment-pages .features-list p,.section#virtual-terminal .features-list li,.section#virtual-terminal .features-list p {
    color: #fff;
    opacity: .8
}

.section#hosted-payment-pages .features-list .hcm-icon,.section#virtual-terminal .features-list .hcm-icon {
    margin-right: .5em;
    color: #fff;
    opacity: .5
}

.section#payment-gateway-api {
    -ms-flex-align: center;
    align-items: center
}

.section#payment-gateway-api .graphic {
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    position: relative;
    left: 0
}

.section#payment-gateway-api .graphic img {
    width: 170%
}

@media (max-width: 45em) {
    .section#payment-gateway-api .graphic {
        display:block;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-order: initial;
        order: initial
    }

    .section#payment-gateway-api .graphic img {
        width: 100%
    }
}

.section#payment-gateway-api .copy {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.section#virtual-terminal {
    padding-top: 0;
    position: relative;
    overflow: hidden;
    height: 0
}

.section#virtual-terminal .photo {
    max-width: 90em;
    margin: 0 auto;
    text-align: center
}

.section#virtual-terminal .photo img {
    position: relative;
    left: 2em
}

.section#virtual-terminal .features-list {
    margin-bottom: 16em;
    padding-top: 3em
}

@media (max-width: 45em) {
    .section#virtual-terminal .photo img {
        width:280%;
        margin-left: -11em
    }

    .section#virtual-terminal .features-list {
        background-size: 10em
    }
}

@media (max-width: 30em) {
    .section#virtual-terminal .features-list {
        margin-bottom:8em
    }
}

.section#virtual-terminal .features-list .col {
    opacity: 0;
    position: relative;
    z-index: 5
}

.section#virtual-terminal .features-list .decoration {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 100%;
    max-width: 105em;
    bottom: -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    background: url(../images/payments-virtual-terminal.html) bottom center/105em auto no-repeat
}

.vt-opened.section#virtual-terminal {
    height: auto
}

.vt-opened.section#virtual-terminal .col,.vt-opened.section#virtual-terminal .features-list h2 {
    opacity: 1
}

.vt-opened.section#virtual-terminal .decoration {
    width: auto
}

.section#hosted-payment-pages {
    padding-left: 0;
    padding-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 10em;
    padding-top: 0
}

@media (max-width: 75em) {
    .section#hosted-payment-pages {
        margin-top:3em
    }
}

.section#hosted-payment-pages .subintro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 30em;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 105.5em) {
    .section#hosted-payment-pages .subintro {
        height:27em
    }
}

.section#hosted-payment-pages .subintro .presentation {
    position: absolute;
    right: 0;
    margin: 0 auto;
    max-width: 80em;
    top: -13em;
    left: -56em
}

@media (max-width: 120em) {
    .section#hosted-payment-pages .subintro .presentation {
        left:-67em
    }
}

@media (max-width: 60em) {
    .section#hosted-payment-pages .subintro {
        -ms-flex-align:start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto
    }

    .section#hosted-payment-pages .subintro .presentation {
        position: static;
        overflow: hidden;
        width: 100vw
    }
}

.section#hosted-payment-pages .subintro .presentation img {
    width: 75em;
    opacity: 0
}

@media (max-width: 105.5em) {
    .section#hosted-payment-pages .subintro .presentation img {
        width:73em
    }
}

@media (max-width: 75em) {
    .section#hosted-payment-pages .subintro .presentation {
        top:-7em;
        left: -46em
    }

    .section#hosted-payment-pages .subintro .presentation img {
        width: 60em
    }

    .section#hosted-payment-pages .feature-list-outer .features-list {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.section#hosted-payment-pages .subintro>.copy {
    max-width: 40em;
    text-align: center;
    text-align: left;
    position: relative;
    left: 20%;
    margin: 0 auto
}

@media (max-width: 105.5em) {
    .section#hosted-payment-pages .subintro>.copy {
        max-width:36em
    }
}

@media (max-width: 60em) {
    .section#hosted-payment-pages .subintro .presentation img {
        width:100%;
        min-width: 40em
    }

    .section#hosted-payment-pages .subintro>.copy {
        max-width: initial;
        left: 0;
        top: -4em;
        margin: 0 5%;
        padding-top: 3em
    }
}

.section#hosted-payment-pages .subintro>.copy h2,.section#hosted-payment-pages .subintro>.copy h3,.section#hosted-payment-pages .subintro>.copy p {
    color: #fff
}

.section#hosted-payment-pages .feature-list-outer {
    border-top: 4px solid rgba(255,255,255,.1)
}

.section#hosted-payment-pages .feature-list-outer .features-list {
    padding-top: 8em;
    max-width: 105em;
    padding-bottom: 4em
}

@media (max-width: 45em) {
    .section#hosted-payment-pages .feature-list-outer .features-list {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

.section#hosted-payment-pages .feature-list-outer .features-list .col {
    max-width: 45em
}

@media (max-width: 75em) {
    .section#hosted-payment-pages .feature-list-outer .features-list .col {
        -ms-flex-preferred-size:48%;
        flex-basis: 48%
    }
}

@media (max-width: 45em) {
    .section#hosted-payment-pages .feature-list-outer .features-list .col {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

.section#hosted-payment-pages .feature-list-outer .features-list .col .hcm-icon {
    opacity: .5
}

@media (max-width: 60em) {
    .section#hosted-payment-pages .feature-list-outer .features-list {
        padding-top:4em
    }

    .section#helcim-js {
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.section#helcim-js .copy {
    -ms-flex-preferred-size: 61%;
    flex-basis: 61%;
    max-width: 80em;
    text-align: center;
    margin: 0 auto 5em
}

@media (max-width: 60em) {
    .section#helcim-js .copy {
        margin-bottom:3em;
        -ms-flex-preferred-size: 73%;
        flex-basis: 73%
    }

    .section#helcim-js .features-list {
        padding-top: 3em
    }
}

.section#helcim-js .presentation {
    max-width: 30em;
    margin: 0 auto
}

.section#helcim-js .features-list {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section#helcim-js .features-list h3 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.section#helcim-js .features-list .col {
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%
}

.section#terminal-integration {
    position: relative;
    margin-bottom: 6em
}

.section#terminal-integration .line {
    content: '';
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0
}

.section#terminal-integration .dot,.section#terminal-integration .features-list .subcopy:before {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    background-color: #fff;
    z-index: 10
}

@media (max-width: 60em) {
    .section#terminal-integration .dot,.section#terminal-integration .features-list .subcopy:before {
        right:auto;
        left: 39px
    }
}

@media (max-width: 30em) {
    .section#virtual-terminal .features-list .decoration {
        background-size:50em
    }

    .section#terminal-integration .dot,.section#terminal-integration .features-list .subcopy:before {
        left: 23px
    }
}

.section#terminal-integration .subintro {
    max-width: 75em;
    text-align: center;
    margin: 0 auto 1em
}

@media (max-width: 60em) {
    .section#terminal-integration .subintro {
        margin-bottom:5em
    }
}

@media (max-width: 45em) {
    .section#helcim-js .features-list .col {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }

    .section#terminal-integration {
        padding-top: 2em
    }

    .section#terminal-integration .subintro {
        text-align: left
    }
}

.section#terminal-integration .graphic {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20em;
    opacity: 1;
    height: calc(100% - 20em)
}

@media (max-width: 60em) {
    .section#terminal-integration .graphic {
        right:auto;
        left: 5%;
        width: 6em;
        top: 12em;
        display: block
    }
}

@media (max-width: 30em) {
    .section#terminal-integration .graphic {
        width:4em;
        height: calc(100% - 22em)
    }
}

.section#terminal-integration .graphic .scrollmagic-pin-spacer {
    z-index: 30
}

.section#terminal-integration .graphic .circle {
    background-color: #fff;
    position: relative;
    z-index: 15
}

@media (max-width: 60em) {
    .section#terminal-integration .graphic .circle {
        width:1.5em;
        height: 1.5em
    }
}

.section#terminal-integration .graphic .circle .hcm-icon {
    font-size: 1em
}

.section#terminal-integration .graphic .dot {
    border: 0
}

.section#terminal-integration .graphic .dot.start {
    top: 0
}

.section#terminal-integration .graphic .dot.end {
    bottom: 0
}

.section#terminal-integration .timeline {
    position: relative;
    padding-bottom: 4em;
    z-index: 20
}

.section#terminal-integration .timeline .features-list {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section#terminal-integration .timeline .features-list .col {
    text-align: left;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.section#terminal-integration .timeline .features-list .col .feature-item {
    opacity: 0
}

.section#terminal-integration .timeline .features-list .col .feature-item.item1 {
    margin-top: .5em;
    margin-bottom: 1.5em
}

.section#terminal-integration .timeline .features-list .col .feature-item.item3 {
    margin-bottom: 1em;
    margin-top: 2.3em
}

.section#terminal-integration .timeline .features-list .col .feature-item.item3 .hcm-icon {
    position: relative;
    top: -.3em
}

.section#terminal-integration .timeline .features-list .col .feature-item.item4 {
    margin-bottom: 1.3em
}

.section#mobile-apps {
    overflow: hidden;
    position: relative;
    background: #2e2e34;
    background: radial-gradient(ellipse at center,#2e2e34 0,#2b2f44 71%)
}

@media (max-width: 60em) {
    .section#terminal-integration .graphic .circle .hcm-icon {
        font-size:.6em
    }

    .section#terminal-integration .timeline .features-list {
        padding-top: 0
    }

    .section#terminal-integration .timeline .features-list .col {
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
        margin-left: auto
    }

    .section#terminal-integration .timeline .features-list .col .feature-item {
        padding-left: 0
    }

    .section#mobile-apps {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 105.5em) {
    .section#mobile-apps .presentation {
        font-size:.8em
    }
}

@media (max-width: 30em) {
    .section#terminal-integration .graphic .circle {
        width:1em;
        height: 1em
    }

    .section#mobile-apps .presentation {
        font-size: .65em
    }
}

.section#mobile-apps .presentation img {
    position: absolute;
    z-index: 5
}

.section#mobile-apps .presentation picture.iphone img {
    max-width: 20em;
    right: 37em;
    top: 0;
    transform-origin: left top 0;
    transform: rotate(-90deg)
}

@media (max-width: 105.5em) {
    .section#mobile-apps .presentation picture.iphone img {
        right:32em;
        top: 1em
    }
}

@media (max-width: 75em) {
    .section#mobile-apps .presentation picture.iphone img {
        right:37em;
        top: 3em
    }
}

@media (max-width: 60em) {
    .section#mobile-apps .presentation picture.iphone img {
        top:2em;
        right: 32em
    }
}

@media (max-width: 45em) {
    .section#mobile-apps .presentation picture.iphone img {
        top:2em;
        width: 256px;
        right: auto;
        left: 5em
    }
}

@media (max-width: 30em) {
    .section#mobile-apps .presentation picture.iphone img {
        top:3em;
        left: 0
    }
}

.section#mobile-apps .presentation picture.ipad img {
    max-width: 60em;
    right: -18em;
    top: -1em;
    transform-origin: top right;
    transform: rotate(-75deg)
}

@media (max-width: 105.5em) {
    .section#mobile-apps .presentation picture.ipad img {
        right:-22em;
        top: 2em
    }
}

@media (max-width: 60em) {
    .section#mobile-apps .presentation picture.ipad img {
        top:-2em
    }
}

@media (max-width: 45em) {
    .section#mobile-apps .presentation picture.ipad img {
        left:20em;
        top: 2em;
        width: 719px
    }
}

@media (max-width: 30em) {
    .section#mobile-apps .presentation picture.ipad img {
        top:4em;
        left: 13em
    }
}

.section#mobile-apps .stores img {
    margin-top: .5em;
    margin-bottom: .5em
}

.section#mobile-apps .features-list {
    max-width: 90em;
    text-align: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3em 0 7em;
    position: relative;
    right: 10em;
    margin: 0 auto
}

@media (max-width: 105.5em) {
    .section#mobile-apps .features-list {
        right:5em
    }
}

.section#mobile-apps .features-list h2 {
    color: #fff;
    margin-left: 1.6em;
    margin-bottom: 1em;
    opacity: 1;
    text-align: left
}

.section#mobile-apps .features-list h3 {
    color: #b8c0d0
}

.section#mobile-apps .features-list p {
    color: #777d8a
}

.section#mobile-apps .features-list .item1 {
    width: 41vw
}

@media (max-width: 75em) {
    .section#mobile-apps .features-list {
        right:0;
        margin-top: 25em
    }

    .section#mobile-apps .features-list .item1 {
        width: 100%
    }
}

.section#mobile-apps .features-list .item1 .hcm-icon {
    margin-top: 5px
}

.section#mobile-apps .features-list .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (max-width: 75em) {
    .section#mobile-apps .features-list .col:first-child {
        margin-top:10em
    }
}

.section#mobile-apps .features-list .col:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4em
}

@media (max-width: 45em) {
    .section#mobile-apps .features-list .item1 {
        margin-bottom:1em
    }

    .section#mobile-apps .features-list .col:last-child {
        -ms-flex-flow: column;
        flex-flow: column;
        margin-top: 0
    }
}

.section#point-of-sale-system-peripherals .circle .decoration img {
    transform: scale(1.5) translate(0,0)
}

.section#trials-and-subscriptions {
    padding-left: 0;
    padding-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 10em
}

@media (max-width: 105.5em) {
    .section#trials-and-subscriptions {
        margin-top:6em
    }
}

@media (max-width: 75em) {
    .section#trials-and-subscriptions {
        margin-top:0
    }
}

.section#trials-and-subscriptions .subintro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 30em;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    background: radial-gradient(ellipse at center,#fff 0,#f8f8f8 100%)
}

@media (max-width: 105.5em) {
    .section#trials-and-subscriptions .subintro {
        height:27em
    }
}

@media (max-width: 60em) {
    .section#mobile-apps .features-list {
        padding-bottom:4em
    }

    .section#mobile-apps .features-list h2 {
        margin-left: 9%
    }

    .section#trials-and-subscriptions .subintro {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        padding: 3em 0
    }
}

.section#trials-and-subscriptions .subintro .presentation {
    position: absolute;
    right: 0;
    margin: 0 auto;
    max-width: 80em;
    top: -5em;
    left: -43em
}

@media (max-width: 105.5em) {
    .section#trials-and-subscriptions .subintro .presentation {
        top:-2em;
        left: -25em
    }
}

@media (max-width: 90em) {
    .section#trials-and-subscriptions .subintro .presentation {
        left:-35em
    }
}

@media (max-width: 60em) {
    .section#trials-and-subscriptions .subintro .presentation {
        position:static;
        overflow: hidden;
        width: 100vw
    }
}

.section#trials-and-subscriptions .subintro .presentation img {
    width: 68.7em;
    opacity: 0
}

@media (max-width: 105.5em) {
    .section#trials-and-subscriptions .subintro .presentation img {
        width:56.2em
    }
}

@media (max-width: 75em) {
    .section#trials-and-subscriptions .subintro .presentation {
        top:3em;
        left: -28em
    }

    .section#trials-and-subscriptions .subintro .presentation img {
        width: 48.7em
    }
}

@media (max-width: 60em) {
    .section#trials-and-subscriptions .subintro .presentation img {
        width:90%;
        min-width: 40em;
        margin: 0 auto;
        display: block
    }
}

.section#trials-and-subscriptions .subintro>.copy {
    max-width: 50em;
    text-align: center;
    text-align: left;
    position: relative;
    width: 37%;
    left: 22%;
    margin: 0 auto
}

@media (max-width: 105.5em) {
    .section#trials-and-subscriptions .subintro>.copy {
        max-width:36em;
        width: auto
    }
}

@media (max-width: 90em) {
    .section#trials-and-subscriptions .subintro>.copy {
        left:19%
    }
}

@media (max-width: 60em) {
    .section#trials-and-subscriptions .subintro>.copy {
        max-width:initial;
        text-align: center;
        left: 0;
        margin: 0 5%
    }
}

.section#metered-billing-and-add-ons {
    padding-left: 0;
    padding-right: 0
}

.section#metered-billing-and-add-ons .subintro {
    overflow: hidden
}

.section#metered-billing-and-add-ons .subintro>.copy {
    max-width: 75em;
    text-align: center;
    padding: 0 5%;
    opacity: 0;
    margin: 0 auto 4em
}

@media (max-width: 45em) {
    .section#metered-billing-and-add-ons .subintro>.copy {
        text-align:left
    }
}

.section#metered-billing-and-add-ons .subintro>.presentation {
    max-width: 90em;
    text-align: center;
    position: relative;
    min-height: 15em;
    margin: 0 auto
}

.section#metered-billing-and-add-ons .features-list .col {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%
}

@media (max-width: 60em) {
    .section#metered-billing-and-add-ons .subintro>.presentation img {
        position:absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        min-width: 56em
    }

    .section#metered-billing-and-add-ons .features-list .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.section#dunning-management-and-churn-analysis .circle .decoration img {
    transform: scale(1.7) translate(.15em,.1em)
}

.section#pro-rated-billing .circle .decoration img {
    transform: scale(1.4) translate(.15em,-1.2em)
}

.section#online-payment {
    padding-left: 0;
    padding-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 10em
}

@media (max-width: 105.5em) {
    .section#online-payment {
        margin-top:6em
    }
}

@media (max-width: 75em) {
    .section#online-payment {
        margin-top:0
    }
}

.section#online-payment .subintro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 30em;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section#online-payment .subintro .presentation {
    position: absolute;
    left: 0;
    margin: 0 auto;
    max-width: 80em;
    top: -5em;
    right: -43em;
    text-align: right
}

@media (max-width: 105.5em) {
    .section#online-payment .subintro {
        height:33em
    }

    .section#online-payment .subintro .presentation {
        top: -2em;
        left: -25em
    }
}

@media (max-width: 90em) {
    .section#online-payment .subintro .presentation {
        left:-35em
    }
}

@media (max-width: 60em) {
    .section#online-payment .subintro {
        -ms-flex-align:start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        padding: 4.5em 0
    }

    .section#online-payment .subintro .presentation {
        position: static;
        overflow: hidden;
        width: 100vw
    }
}

.section#online-payment .subintro .presentation img {
    width: 60.6em;
    opacity: 0
}

@media (max-width: 105.5em) {
    .section#online-payment .subintro .presentation img {
        width:50em
    }
}

@media (max-width: 75em) {
    .section#online-payment .subintro .presentation {
        top:4em;
        left: -28em
    }

    .section#online-payment .subintro .presentation img {
        width: 42.5em
    }
}

@media (max-width: 60em) {
    .section#online-payment .subintro .presentation img {
        width:90%;
        min-width: 37em;
        margin: 0 auto;
        display: block
    }
}

.section#online-payment .subintro>.copy {
    max-width: 50em;
    text-align: center;
    text-align: left;
    position: relative;
    width: 37%;
    right: 22%;
    margin: 0 auto
}

@media (max-width: 105.5em) {
    .section#online-payment .subintro>.copy {
        max-width:30em;
        width: auto
    }
}

@media (max-width: 90em) {
    .section#online-payment .subintro>.copy {
        right:27%
    }
}

@media (max-width: 75em) {
    .section#online-payment .subintro>.copy {
        right:20%
    }
}

@media (max-width: 60em) {
    .section#online-payment .subintro>.copy {
        max-width:initial;
        text-align: center;
        right: 0;
        margin: 1em 5% 0
    }

    .section#invoice-customization .graphic img {
        position: relative;
        left: -5%
    }
}

.section#online-payment .subintro>.copy h2,.section#online-payment .subintro>.copy h3,.section#online-payment .subintro>.copy p {
    color: #fff
}

.section#tax-calculation .circle .decoration img {
    transform: scale(1.4) translate(.2em,0)
}

.section#custom-email-notifications .circle .decoration img {
    transform: scale(.25) translate(-5.2em,.5em)
}

.section#invoice-customization {
    -ms-flex-align: center;
    align-items: center;
    padding-top: 3em
}

.section#invoice-customization .graphic {
    text-align: center;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.section#invoice-customization .graphic img {
    max-width: 22em
}

@media (max-width: 45em) {
    .section#invoice-customization .graphic {
        display:block;
        -ms-flex-order: 1;
        order: 1
    }

    .section#invoice-customization .graphic img {
        position: static
    }
}

.section#invoice-customization .copy {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.section#third-party-shopping-carts {
    padding-left: 0;
    padding-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    margin-top: 3em;
    overflow: hidden;
    padding-top: 10em
}

.section#third-party-shopping-carts .subintro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 30em;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    background: radial-gradient(ellipse at center,#fff 0,#f8f8f8 100%)
}

.section#third-party-shopping-carts .subintro .presentation {
    position: absolute;
    right: 0;
    margin: 0 auto;
    max-width: 80em;
    top: 2em;
    left: 1em
}

.section#third-party-shopping-carts .subintro .presentation img {
    max-width: 32em;
    opacity: 0
}

@media (max-width: 75em) {
    .section#third-party-shopping-carts {
        padding-top:4em
    }

    .section#third-party-shopping-carts .subintro .presentation {
        left: 2em
    }

    .section#third-party-shopping-carts .subintro .presentation img {
        max-width: 27em
    }
}

@media (max-width: 60em) {
    .section#third-party-shopping-carts {
        padding-top:6em;
        overflow: initial
    }

    .section#third-party-shopping-carts .subintro {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        padding: 2em 0 4em
    }

    .section#third-party-shopping-carts .subintro .presentation {
        position: relative;
        overflow: hidden;
        width: 100vw;
        margin-top: -7em;
        margin-bottom: 3em;
        left: 0
    }

    .section#third-party-shopping-carts .subintro .presentation img {
        margin: 0 auto;
        display: block;
        min-width: 15em;
        width: 50%
    }
}

.section#third-party-shopping-carts .subintro>.copy {
    max-width: 50em;
    text-align: center;
    text-align: left;
    position: relative;
    width: 37%;
    left: 16%;
    margin: 0 auto
}

@media (max-width: 75em) {
    .section#third-party-shopping-carts .subintro>.copy {
        left:22%
    }
}

@media (max-width: 60em) {
    .section#third-party-shopping-carts .subintro>.copy {
        width:100%;
        max-width: initial;
        text-align: center;
        left: 0;
        margin: 2em 5% 0
    }
}

.blog .block-popular+.block-newsletter,.blog main.wrap-sections>section.block-newsletter:first-of-type {
    border-top: 0
}

.blog-list-results .items-list:not(.owl-carousel) {
    column-count: 3;
    column-gap: 4em
}

@media (max-width: 75em) {
    .blog-list-results .items-list:not(.owl-carousel) {
        column-count:2
    }
}

.blog-list-results .items-list:not(.owl-carousel) .item {
    break-inside: avoid-column;
    page-break-inside: avoid;
    margin-bottom: 5em
}

.blog-list-results .items-list:not(.owl-carousel) .item .image-wrap {
    height: 15em
}

.blog-list-results .items-list:not(.owl-carousel) .item .info-post {
    padding-left: 0;
    padding-right: 0
}

.blog-list-results .items-list:not(.owl-carousel) .item .info-post .excerpt {
    display: block;
    margin: 1em 0 0
}

.article-extra {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.article-extra .tab-wrap ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #e8e8e8;
    text-align: center
}

.article-extra .tab-wrap ul.tabs li {
    color: #6b6c73;
    display: inline-block;
    padding: 2em 0;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin: 0 1em
}

.article-extra .tab-wrap ul.tabs li div {
    font-size: .8em
}

.article-extra .tab-wrap ul.tabs li.current {
    color: #222;
    border-bottom: 2px solid #292a33
}

.article-extra .tab-wrap .tab-content {
    display: none;
    padding: 4em 0 0
}

.article-extra .tab-wrap .tab-content .tab-content>h2+div {
    margin-top: 4em
}

.article-extra .tab-wrap .tab-content.current {
    display: inherit
}

.block-results .blog-list-results {
    background-color: #F7F7FC;
    padding-bottom: 2em
}

.block-results .blog-list-results .item {
    border-bottom: 0!important;
    padding-bottom: 0!important;
    box-shadow: 5px 5px 15px rgba(0,0,0,.05)
}

.block-results .blog-list-results .item .info-post {
    padding-left: 2em!important;
    padding-right: 2rem!important;
    background-color: #fff
}

.block-results .blog-list-results li.item:before {
    content: initial!important
}

.block-newsletter {
    padding: 6em 5% 0!important;
    border-top: 1px solid #e8e8e8
}

.block-newsletter p {
    margin: .5em auto 0;
    max-width: 45em
}

.block-newsletter form.generic-form {
    position: relative;
    max-width: 35em;
    margin: 0 auto
}

.block-newsletter form.generic-form input {
    border: 0;
    background-color: #F7F7FC;
    padding-right: 11em
}

.block-newsletter form.generic-form .privacy {
    margin-bottom: 0
}

.block-newsletter form.generic-form .privacy span a {
    color: #7daeec
}

@media (max-width: 30em) {
    .block-newsletter {
        text-align:center
    }

    .block-newsletter form.generic-form .privacy span {
        display: block
    }
}

.block-newsletter form.generic-form .action {
    position: absolute;
    top: 7px;
    right: 8px;
    height: 2.6em;
    margin-bottom: 0
}

.block-newsletter form.generic-form .action button {
    padding-top: 0!important;
    padding-bottom: 0!important;
    background-color: #7daeec;
    background-image: none;
    color: #fff
}

@media (max-width: 45em) {
    .blog-list-results .items-list:not(.owl-carousel) {
        column-count:1
    }

    .block-newsletter form.generic-form .action button>span:not(.hcm-icon) {
        display: none
    }
}

.blog .wrap-sections {
    padding-top: 6em!important
}

.block-featured,.block-latest,.block-popular {
    margin: 0 auto 6em!important
}

.block-featured .title-text,.block-latest .title-text,.block-popular .title-text {
    position: relative
}

.block-featured .title-text .btn-submit,.block-latest .title-text .btn-submit,.block-popular .title-text .btn-submit {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .8em;
    background-color: #7daeec;
    background-image: none;
    margin: 2em auto 0;
    padding: .6em 1.4em;
    text-transform: uppercase
}

@media (max-width: 60em) {
    .block-featured,.block-latest,.block-popular {
        margin:0 auto 3em!important
    }
}

.item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.item .info-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2em;
    width: 100%;
    height: 100%
}

.item .info-post .publish-date {
    margin-top: 1em
}

.item .info-post .excerpt {
    display: none
}

.item .info-post>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.item .image-wrap {
    overflow: hidden
}

.item .image-wrap a {
    display: block;
    width: 100%;
    height: 100%
}

.item .image-wrap a img {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.block-related-articles {
    margin-bottom: 5em
}

.block-related-articles .item {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2em
}

.block-related-articles .item:last-child {
    margin-bottom: 0
}

.block-related-articles .item .image-wrap {
    width: 40%;
    height: 10em
}

.block-related-articles .item .info-post {
    width: 55%;
    padding: 0
}

.block-related-articles .item .info-post .excerpt {
    display: block
}

@media (max-width: 45em) {
    .block-related-articles .item {
        display:block
    }

    .block-related-articles .item .image-wrap {
        margin-bottom: 1em;
        height: 15em
    }

    .block-related-articles .item .image-wrap,.block-related-articles .item .info-post {
        width: 100%
    }
}

.fb-comments-wrap {
    padding: 0 5%
}

.fb-comments-wrap .fb-comments-inner {
    max-width: 40em;
    text-align: center;
    margin: 4em auto
}

.block-latest {
    padding-bottom: 3em!important
}

@media (max-width: 60em) {
    .block-latest {
        padding-bottom:6em!important
    }
}

.block-latest .block-latest-inner {
    width: 100%
}

.block-latest .block-latest-inner .owl-stage-outer {
    overflow: hidden
}

.block-latest .block-latest-inner .owl-stage-outer .item {
    width: auto;
    height: auto
}

.block-latest .block-latest-inner .owl-stage-outer .item .image-wrap,.block-latest .block-latest-inner .owl-stage-outer .item picture {
    display: block;
    width: inherit;
    height: 15em;
    overflow: hidden
}

.block-latest .block-latest-inner .owl-stage-outer .item .info-post {
    padding-left: 0;
    padding-right: 0
}

.block-popular {
    padding: 5em 0 9em!important;
    background: url(../images/bg-blog-decoration.html) center center/cover no-repeat
}

@media (max-width: 45em) {
    .block-popular {
        padding:3em 0 6em!important
    }
}

.block-popular .block-popular-inner {
    width: 100%;
    height: 50%
}

.block-popular .block-popular-inner .owl-stage-outer {
    overflow: hidden;
    width: inherit
}

.block-popular .block-popular-inner .owl-stage-outer .owl-stage {
    padding: 2em 0;
    margin: 0 auto
}

.block-popular .block-popular-inner .owl-stage-outer .owl-stage .item {
    width: 25em;
    height: auto;
    background-color: #fff;
    box-shadow: 2px 2px 30px rgba(0,0,0,.1);
    transition-duration: .3s;
    transition-property: box-shadow;
    transition-timing-function: ease;
    text-align: left
}

@media (max-width: 45em) {
    .block-popular .block-popular-inner .owl-stage-outer .owl-stage .item {
        width:20em
    }
}

.block-popular .block-popular-inner .owl-stage-outer .owl-stage .item .info-post {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 50%
}

.block-popular .block-popular-inner .owl-stage-outer .owl-stage .item .image-wrap {
    height: 12em
}

.block-featured-inner .items-list {
    display: -ms-grid;
    display: grid;
    margin-left: auto;
    margin-right: auto;
    grid-gap: 1em
}

.block-featured-inner .items-list .item {
    position: relative;
    width: 100%;
    height: 20em
}

.block-featured-inner .items-list .item .info-post {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/hr-darken.html) bottom repeat-x;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.block-featured-inner .items-list .item .info-post>* {
    color: #fff
}

.block-featured-inner .items-list .item .image-wrap,.block-featured-inner .items-list .item picture {
    display: block;
    width: inherit;
    height: inherit;
    overflow: hidden
}

.block-featured-inner.number4 .items-list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

.block-featured-inner.number2 .items-list,.block-featured-inner.number3 .items-list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.block-featured-inner.number4 .items-list .item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2
}

.block-featured-inner.number4 .items-list .item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2
}

.block-featured-inner.number4 .items-list .item:nth-child(3) {
    -ms-grid-column: 3;
    grid-column: 3;
    grid-row: 1/3;
    height: 100%
}

.block-featured-inner.number4 .items-list .item:nth-child(4) {
    grid-column: 1/3;
    grid-row: 2/3
}

.block-featured-inner.number3 .items-list .item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2
}

.block-featured-inner.number3 .items-list .item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/3;
    height: 100%
}

.block-featured-inner.number1 .items-list .item,.block-featured-inner.number2 .items-list .item {
    height: 30em
}

.block-featured-inner.number3 .items-list .item:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3
}

.block-featured-inner.number2 .items-list .item:nth-child(1) {
    grid-column: 1/2
}

.block-featured-inner.number2 .items-list .item:nth-child(2) {
    grid-column: 2/3
}

.block-featured-inner.number1 .items-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

@media (max-width: 75em) {
    .block-featured-inner.number1 .items-list,.block-featured-inner.number2 .items-list,.block-featured-inner.number3 .items-list,.block-featured-inner.number4 .items-list {
        display:block
    }

    .block-featured-inner.number1 .items-list .item,.block-featured-inner.number2 .items-list .item,.block-featured-inner.number3 .items-list .item,.block-featured-inner.number4 .items-list .item {
        height: 20em!important;
        margin-bottom: 1em
    }

    .block-featured-inner.number1 .items-list .item::last-child,.block-featured-inner.number2 .items-list .item::last-child,.block-featured-inner.number3 .items-list .item::last-child,.block-featured-inner.number4 .items-list .item::last-child {
        margin-bottom: 0
    }
}

.has-blog-search .owl-item button.btn-submit,.has-blog-search .wrap-blog-search button.btn-submit {
    width: auto;
    height: 2.5em;
    display: none;
    background-color: #7daeec;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 10;
    background-image: none;
    padding: .5em 1em;
    right: 4em
}

.has-blog-search .owl-item.on,.has-blog-search .wrap-blog-search.on {
    position: absolute;
    left: 0;
    width: 100%!important;
    height: 100%
}

.has-blog-search .owl-item.on .search-on-blog .Iconsearch,.has-blog-search .wrap-blog-search.on .search-on-blog .Iconsearch {
    display: none
}

.has-blog-search .owl-item.on .search-on-blog .Iconx2,.has-blog-search .wrap-blog-search.on .search-on-blog .Iconx2 {
    display: -ms-flexbox;
    display: flex
}

.has-blog-search .owl-item.on .search-on-blog input,.has-blog-search .wrap-blog-search.on .search-on-blog input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.has-blog-search .owl-item.on .search-on-blog button.btn-submit,.has-blog-search .wrap-blog-search.on .search-on-blog button.btn-submit {
    display: block
}

.has-blog-search .owl-item:not(.on) .search-on-blog,.has-blog-search .wrap-blog-search:not(.on) .search-on-blog {
    width: 2em
}

.has-blog-search .owl-item:not(.on) .Iconx2,.has-blog-search .wrap-blog-search:not(.on) .Iconx2 {
    display: none
}

.has-blog-search .owl-item:not(.on) .Iconsearch,.has-blog-search .wrap-blog-search:not(.on) .Iconsearch {
    display: -ms-flexbox;
    display: flex
}

.has-blog-search .owl-item:not(.on) input,.has-blog-search .wrap-blog-search:not(.on) input {
    display: none
}

.has-blog-search .owl-item .search-on-blog,.has-blog-search .wrap-blog-search .search-on-blog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.has-blog-search .owl-item .search-on-blog .icons-control,.has-blog-search .wrap-blog-search .search-on-blog .icons-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10
}

.has-blog-search .owl-item .search-on-blog .icons-control .hcm-icon,.has-blog-search .wrap-blog-search .search-on-blog .icons-control .hcm-icon {
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3em;
    cursor: pointer;
    opacity: .5
}

.has-blog-search .owl-item .search-on-blog input,.has-blog-search .wrap-blog-search .search-on-blog input {
    border: 0;
    font-size: 2em;
    font-family: latolight,sans-serif!important
}

article blockquote,article hr,article>h2:first-of-type {
    border-bottom: 1px solid #e8e8e8
}

.has-blog-search .owl-item .search-on-blog input:-ms-input-placeholder,.has-blog-search .wrap-blog-search .search-on-blog input:-ms-input-placeholder {
    color: #ccc
}

.has-blog-search .owl-item .search-on-blog input::placeholder,.has-blog-search .wrap-blog-search .search-on-blog input::placeholder {
    color: #ccc
}

@media (max-width: 75em) {
    .has-blog-search .owl-item .search-on-blog {
        display:none
    }
}

.wrap-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 75em;
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

@media (max-width: 30em) {
    .wrap-filter {
        -ms-flex-pack:start;
        justify-content: flex-start;
        position: relative
    }
}

.wrap-filter .field-wrap:not(.action) {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 15em;
    height: 3.5em
}

.wrap-filter .field-wrap:not(.action) input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.wrap-filter .field-wrap:not(.action) select {
    border-radius: 0;
    border-right: 0
}

@media (max-width: 30em) {
    .wrap-filter .field-wrap:not(.action) {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: initial
    }

    .wrap-filter .field-wrap:not(.action) input,.wrap-filter .field-wrap:not(.action) select {
        border: 1px solid #e8e8e8;
        border-radius: 5px
    }

    .wrap-filter .field-wrap:first-child {
        margin-bottom: .5em
    }
}

.wrap-filter .action {
    max-width: 3.5em;
    height: 100%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.wrap-filter .action .btn-search,.wrap-filter .action .btn-submit {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%
}

@media (max-width: 30em) {
    .wrap-filter .action {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        height: auto;
        margin-top: 1.5em;
        max-width: initial
    }

    .wrap-filter .action .btn-search,.wrap-filter .action .btn-submit {
        background: 0 0
    }

    .wrap-filter .action .btn-search .hcm-icon,.wrap-filter .action .btn-submit .hcm-icon {
        color: #6b6c73;
        font-size: 2em
    }
}

.load-more {
    color: #8e8f9a;
    background: #F7F7FC;
    max-width: 10em;
    margin: 5em auto;
    padding: 1em;
    border-radius: 50px
}

article {
    position: relative;
    max-width: 75em;
    text-align: center;
    text-align: left;
    padding: 6em 5%;
    margin: 0 auto
}

@media (max-width: 45em) {
    article {
        padding-top:3em!important
    }
}

article p:first-of-type {
    margin-top: 0
}

article .tags-container {
    background-color: #F7F7FC;
    padding: .5em 1.5em;
    border-radius: 5px;
    margin-top: 2.5em
}

article .tags-container ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}

article .tags-container ul .tag {
    margin: .5em
}

article .tags-container ul .tag a {
    display: block;
    padding: .25em 1em;
    font-size: .8em;
    text-align: center;
    border-radius: 5px;
    background-color: #7daeec;
    color: #fff;
    text-decoration: none
}

article .article-inner blockquote,article .article-inner figcaption,article .article-inner li,article .article-inner p {
    font-size: 1.15em;
    line-height: 1.8
}

@media (max-width: 45em) {
    article .article-inner blockquote,article .article-inner figcaption,article .article-inner li,article .article-inner p {
        font-size:1em;
        line-height: 1.5
    }
}

article h2 {
    font-size: 1.5em;
    font-family: latoblack,sans-serif!important;
    color: #3b3c40;
    margin-bottom: 2em
}

@media (max-width: 45em) {
    article h2 {
        font-size:1.3em
    }
}

article span.big-cap {
    font: 4em/1 latoblack,sans-serif!important;
    color: #7daeec;
    padding: 0 9px 0 0;
    margin: 0 0 0 -7px;
    float: left
}

article hr {
    margin: 3em 0
}

article>h2:first-of-type {
    padding-bottom: 2em
}

article h2+h3 {
    margin-top: 2em
}

article h2+h2 {
    margin-top: 1em
}

article .fr-fic,article .fr-video {
    margin: 5em auto
}

article .fr-video {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

article .fr-video>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

article>p:first-child {
    margin-top: 0
}

article a {
    color: #7daeec;
    font-family: latobold,sans-serif!important;
    text-decoration: underline
}

article ol,article ul {
    margin-bottom: 2.5em
}

article figure {
    margin-left: auto;
    margin-right: auto
}

article figure.medium {
    width: 75%
}

article figure.small {
    width: 50%
}

article figure.crop-bottom picture,article figure.crop-center picture,article figure.crop-top picture {
    min-height: 25em;
    height: 35vh;
    overflow: hidden
}

article figure.crop-bottom picture img,article figure.crop-center picture img,article figure.crop-top picture img {
    -o-object-fit: cover;
    object-fit: cover;
    height: inherit;
    min-height: inherit;
    width: 100%
}

article figure.crop-top img {
    -o-object-position: top;
    object-position: top
}

article figure.crop-center img {
    -o-object-position: center;
    object-position: center
}

article figure.crop-bottom img {
    -o-object-position: bottom;
    object-position: bottom
}

article figure figcaption:empty {
    display: none
}

article figure figcaption {
    font-size: .8em;
    font-family: latoitalic,sans-serif!important;
    width: 100%;
    padding: .3em 1em;
    background-color: #F7F7FC
}

article blockquote {
    padding: 1em 10%;
    border-top: 1px solid #e8e8e8;
    margin: 3em 0;
    display: block;
    color: #7daeec;
    font-size: 1.4em;
    font-family: latoblack,sans-serif!important
}

@media (max-width: 105.5em) {
    body.blog-article:not(.helcim-commerce) .content article .scrollmagic-pin-spacer {
        display:none!important
    }
}

body.blog-article:not(.helcim-commerce) .content article .hcm-socials.has-blog-search {
    width: auto;
    height: 5em;
    top: 6em;
    right: auto;
    left: -3em;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2em 1em;
    box-sizing: initial;
    border-radius: 100px;
    border: 1px solid #e8e8e8
}

body.blog-article:not(.helcim-commerce) .content article .hcm-socials.has-blog-search li {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    display: block
}

body.blog-article:not(.helcim-commerce) .content article .hcm-socials.has-blog-search li:before {
    content: initial
}

body.blog-article:not(.helcim-commerce) .content article .hcm-socials.has-blog-search li a {
    text-decoration: none;
    color: #292a33;
    display: block;
    transition-duration: .3s;
    transition-property: color
}

body.blog-article:not(.helcim-commerce) .content article .hcm-socials.has-blog-search li.wrap-blog-search {
    display: none!important
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 60em) {
    body.blog-article:not(.helcim-commerce) .content main.has-sidebar {
        padding-top:6em!important
    }

    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside {
    min-width: 20em;
    width: 15em;
    padding: 6em 2em 2em 0
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside .excerpt {
    display: none
}

@media (max-width: 60em) {
    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside {
        padding-top:1.5em!important;
        -ms-flex-order: -1;
        order: -1
    }

    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside .excerpt {
        display: block;
        font-family: latobold,sans-serif!important;
        color: #7daeec;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 1em;
        text-align: center
    }

    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside .excerpt>span {
        cursor: pointer;
        background-color: #f7f7f7;
        padding: .5em 1em;
        margin-bottom: .5em;
        display: inline-block;
        color: #3b3c40;
        width: 100%
    }

    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside .excerpt>span>span.hcm-icon {
        font-size: .5em;
        margin-left: .8em;
        color: #3b3c40
    }
}

@media screen and (min-width: 60em) {
    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside .wrap-keypoints {
        display:block!important
    }
}

@media (max-width: 60em) {
    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside .wrap-keypoints {
        display:none
    }

    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside .wrap-keypoints .inner {
        padding-bottom: 1.5em;
        margin-bottom: 1.5em;
        border-bottom: 1px solid #e8e8e8
    }

    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside h3 {
        margin-top: 2em
    }
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside h3 {
    margin-bottom: 1em
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside ul:not(.nolist) {
    margin-top: .7em
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside p {
    margin: .7em 0
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside h4 {
    color: #3b3c40;
    margin-bottom: .5em
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside p+h4,body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside ul+h4 {
    margin-top: 1.5em
}

@media (max-width: 60em) {
    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner aside {
        padding:3em 5% 0;
        width: 100%
    }
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner article {
    width: 83%;
    margin: initial
}

@media (max-width: 60em) {
    body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner article {
        width:100%;
        padding-top: 3em
    }
}

body.blog-article:not(.helcim-commerce) .content main.has-sidebar>.inner .author-info {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body.blog-article:not(.helcim-commerce) .content .more-posts {
    padding: 3em 0 0;
    border-top: 1px solid #e8e8e8
}

@media (max-width: 45em) {
    body.blog-article:not(.helcim-commerce) .content .more-posts {
        padding-top:2em
    }
}

body.blog-article:not(.helcim-commerce) .content .more-posts h2 {
    margin-bottom: 2em
}

body.blog-article:not(.helcim-commerce) .content .more-posts .item {
    width: 18em;
    height: 18em;
    opacity: 1
}

body.blog-article:not(.helcim-commerce) .content .more-posts .item a .title {
    width: 100%;
    font-size: 1em
}

body.blog-article:not(.helcim-commerce) .content .more-posts .item a .excerpt {
    font-size: .8em
}

.wrap-fees {
    padding: 6em 5% 0;
    max-width: 75em;
    text-align: center;
    margin: 0 auto
}

.wrap-fees h2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.wrap-fees .wrap-fee-calculator .calc-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    padding: 3em 1em;
    position: relative;
    top: 10px
}

.wrap-fees .wrap-fee-calculator .calc-inner .generic-alert.select-industry {
    transform: translate(-20em,3.4em);
    max-width: 19em
}

@media (max-width: 105.5em) {
    .wrap-fees .wrap-fee-calculator .calc-inner .generic-alert.select-industry {
        transform:translate(0,-2.1em);
        max-width: inherit;
        left: 0
    }
}

.wrap-fees .wrap-fee-calculator .calc-inner .generic-alert.select-industry:after {
    bottom: 0;
    right: -.5em;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #7daeec;
    top: 0;
    margin: auto 0;
    border-right: 0;
    left: auto
}

@media (max-width: 105.5em) {
    .wrap-fees .wrap-fee-calculator .calc-inner .generic-alert.select-industry:after {
        border-bottom:0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #7daeec;
        right: 0;
        left: 0;
        bottom: -.6em;
        top: auto;
        margin: 0 auto
    }
}

@media (max-width: 60em) {
    .wrap-fees .wrap-fee-calculator .calc-inner {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        max-width: 30em;
        margin: 0 auto
    }
}

.wrap-fees .wrap-fee-calculator .calc-inner>.field-wrap {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    text-align: left;
    margin: 0 1em
}

.wrap-fees .wrap-fee-calculator .calc-inner>.field-wrap label {
    font-size: 1.1em
}

.wrap-fees .wrap-fee-calculator .calc-inner>.field-wrap select {
    height: auto;
    margin-top: 1em
}

@media (max-width: 60em) {
    .wrap-fees .wrap-fee-calculator .calc-inner>.field-wrap {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        margin-bottom: 2em
    }

    .wrap-fees .wrap-fee-calculator .calc-inner>.field-wrap:last-child {
        margin-bottom: 0
    }
}

.wrap-fees .wrap-fee-calculator .calc-inner>.field-wrap:first-child {
    position: relative
}

.wrap-fees .wrap-fee-calculator .calc-inner>.field-wrap:first-child select {
    border-width: 2px;
    box-shadow: 0 0 10px #7daeec;
    border-color: #7daeec;
    color: #7daeec;
    font-family: latobold,sans-serif!important;
    transition: all .3s
}

.wrap-fees .wrap-result div.top i,.wrap-fees .wrap-result div.top span.main {
    font-family: latothin,sans-serif!important
}

.wrap-fees .wrap-result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.1em;
    height: auto;
    overflow: hidden
}

@media (max-width: 60em) {
    .wrap-fees .wrap-result {
        font-size:1em
    }
}

.wrap-fees .wrap-result .col1 {
    border-right: 1px solid #e8e8e8;
    padding-right: 3em;
    margin-right: 3em
}

@media (max-width: 45em) {
    .wrap-fees .wrap-result {
        font-size:.9em;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrap-fees .wrap-result .col1 {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 2em;
        margin-bottom: 2em
    }

    .wrap-fees .wrap-result>div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.wrap-fees .wrap-result .col2 .btn-check-rates {
    border-radius: 50px;
    cursor: pointer;
    border: 2px solid #7daeec;
    padding: .5em 1em;
    margin-top: 2em;
    display: inline-block;
    margin-left: auto;
    transition: all .3s;
    opacity: 0
}

.wrap-fees .wrap-result>div {
    margin-bottom: 3em
}

.wrap-fees .wrap-result div.top {
    transition: color .3s;
    filter: blur(7px)
}

.wrap-fees .wrap-result div.top span.main {
    font-size: 4em
}

.wrap-fees .wrap-result div.top span:not(.main) {
    font-size: 1.3em
}

.wrap-fees .wrap-result div.top sup {
    position: relative;
    top: -30px;
    font-size: 1.5em
}

.wrap-fees .wrap-result div.top i {
    font-style: normal;
    font-size: 4em;
    transition: color .3s
}

.wrap-fees .wrap-result div.bottom {
    font-family: latobold,sans-serif!important;
    color: #7daeec;
    font-size: 1.4em
}

.wrap-fees.show .generic-alert.select-industry {
    transition: all .3s;
    opacity: 0!important;
    top: 0!important
}

.wrap-fees.show .wrap-fee-calculator .field-wrap:first-child select {
    border-width: 1px;
    box-shadow: none;
    border-color: #e8e8e8;
    color: #6b6c73;
    font-family: latoregular,sans-serif!important
}

.wrap-fees.show .wrap-result .col1 .top,.wrap-fees.show .wrap-result .col2 .top {
    filter: blur(0)
}

.wrap-fees.show .wrap-result .col1 .btn-check-rates,.wrap-fees.show .wrap-result .col2 .btn-check-rates {
    opacity: 1
}

body.pricing .table-wrap.pricing-wrap {
    max-width: 105em;
    text-align: center;
    padding-top: 0;
    overflow: hidden;
    margin: 0 auto
}

@media (max-width: 120em) {
    body.pricing .table-wrap.pricing-wrap {
        max-width:90em
    }
}

body.pricing .table-wrap.pricing-wrap #fixed-header {
    position: relative;
    top: -9999px;
    z-index: 100
}

body.pricing .table-wrap.pricing-wrap #fixed-header.pinned {
    top: 0!important
}

body.pricing .table-wrap.pricing-wrap #fixed-header.pinned thead th:first-child {
    width: 30%
}

@media (max-width: 105.5em) {
    body.pricing .table-wrap.pricing-wrap {
        max-width:105em;
        padding-left: 5%;
        padding-right: 5%
    }

    body.pricing .table-wrap.pricing-wrap .pricing-table {
        width: 100%;
        right: auto
    }
}

@media (max-width: 60em) {
    body.pricing .table-wrap.pricing-wrap .pricing-table {
        display:none
    }
}

body.pricing .table-wrap.pricing-wrap .pricing-table thead th {
    color: #fff;
    padding: 1em .5em;
    font-size: 1.2em;
    border: 0
}

body.pricing .table-wrap.pricing-wrap .pricing-table thead th span {
    opacity: .7;
    font-size: .9em
}

@media (max-width: 105.5em) {
    body.pricing .table-wrap.pricing-wrap .pricing-table thead th span {
        display:block
    }
}

body.pricing .table-wrap.pricing-wrap .pricing-table thead th:first-child {
    width: 30%
}

body.pricing .table-wrap.pricing-wrap .pricing-table tbody tr td {
    padding-left: 1em;
    padding-right: 1em;
    border-right: 1px solid #e8e8e8
}

body.pricing .table-wrap.pricing-wrap .pricing-table tbody tr td:first-child {
    background-color: transparent!important;
    padding-left: 0;
    border-right: 0
}

body.pricing .table-wrap.pricing-wrap .pricing-table tbody tr td:last-child {
    border-right: 0
}

body.pricing .table-wrap.pricing-wrap .pricing-table tbody tr.sub-heading td {
    font-size: .9em;
    background-color: transparent!important;
    padding-top: 2em
}

body.pricing .table-wrap.pricing-wrap .pricing-table tbody tr:first-child td {
    border-top: 0
}

body.pricing .table-wrap.pricing-wrap .pricing-table tbody tr:nth-child(even) td {
    background-color: #fafafa
}

body.pricing .table-wrap.pricing-wrap+.wrap-sections,body.pricing .table-wrap.pricing-wrap+.wrap-sections section:first-child {
    padding-top: 3em
}

.section.row.guarantee {
    background: #607ad2;
    background: linear-gradient(to left,#607ad2 0,#58aedb 100%);
    margin: 6em 0;
    padding-top: 3em!important
}

@media (max-width: 75em) {
    .section.row.guarantee {
        margin-top:3em
    }
}

.section.row.guarantee .wrap-inner {
    color: #fff;
    max-width: 75em;
    text-align: center;
    padding: 0 5%;
    position: relative;
    margin: 0 auto
}

.section.row.guarantee .wrap-inner h2 {
    color: #fff
}

.section.row.guarantee .wrap-inner h2 span {
    font-family: latobold,sans-serif!important
}

.section.row.guarantee .wrap-inner p {
    font-size: 1.2em
}

.section.row.guarantee .wrap-inner img {
    width: 3em;
    bottom: -6.25em;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.overlay-table {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 6000;
    top: 0;
    left: 0;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    overflow: auto
}

.overlay-table .popup-table {
    max-width: 120em;
    text-align: center;
    background-color: #fff;
    padding: 2em 5%;
    white-space: normal;
    line-height: 1.5;
    margin: 5vh auto 0
}

@media (max-height: 45em) {
    .overlay-table .popup-table {
        margin-top:3em
    }
}

.overlay-table .popup-table .copy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.overlay-table .popup-table h2,.overlay-table .popup-table h3,.overlay-table .popup-table p {
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.overlay-table .popup-table h3 {
    margin-bottom: 1.5em
}

.overlay-table .popup-table p {
    max-width: 60em
}

.overlay-table .popup-table .table-wrap {
    margin-top: 3em;
    border-top: 6px solid rgba(0,0,0,.08);
    border-bottom: 6px solid rgba(0,0,0,.05);
    padding: .7em 0
}

.overlay-table .popup-table .table-wrap table thead th {
    border-bottom: 0!important;
    border-top: 0
}

.overlay-table .popup-table .table-wrap table tr td.soft-red,.overlay-table .popup-table .table-wrap table tr th.soft-red {
    background-color: rgba(231,63,64,.15)
}

.overlay-table .popup-table .table-wrap table tr td:nth-child(4),.overlay-table .popup-table .table-wrap table tr td:nth-child(5),.overlay-table .popup-table .table-wrap table tr th:nth-child(4),.overlay-table .popup-table .table-wrap table tr th:nth-child(5) {
    border-right: 12px solid #fff!important
}

.overlay-table .popup-table .table-wrap table tr td:first-child {
    background-color: transparent!important
}

.overlay-table .popup-table .table-wrap table tr td.soft-blue,.overlay-table .popup-table .table-wrap table tr th.soft-blue {
    background-color: rgba(48,143,234,.15)
}

.overlay-table .popup-table .table-wrap table tr td.soft-green,.overlay-table .popup-table .table-wrap table tr th.soft-green {
    background-color: rgba(136,210,43,.15)
}

.overlay-table .popup-table .table-wrap table tr td,.overlay-table .popup-table .table-wrap table tr th {
    color: rgba(0,0,0,.5)
}

.overlay-table .popup-table .table-wrap table tr .dont-fall {
    width: 15em
}

.overlay-table .popup-table .table-wrap table tbody tr td {
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.overlay-table .popup-table .table-wrap table tbody tr:hover:nth-child(odd),.overlay-table .popup-table .table-wrap table tbody tr:nth-child(odd) {
    background-color: rgba(0,0,0,.025)
}

.overlay-table .popup-table .table-wrap table tbody tr:last-child td {
    border-bottom: 0
}

.overlay-table .popup-table .table-wrap table.dtr-inline.collapsed span.dtr-title>div.mobile-soft-red {
    background-color: rgba(231,63,64,.15)
}

.overlay-table .popup-table .table-wrap table.dtr-inline.collapsed span.dtr-title>div.mobile-soft-blue {
    background-color: rgba(48,143,234,.15)
}

.overlay-table .popup-table .table-wrap table.dtr-inline.collapsed span.dtr-title>div.mobile-soft-green {
    background-color: rgba(136,210,43,.15)
}

.overlay-table .popup-table .table-wrap table.dtr-inline.collapsed span.dtr-title>div {
    padding: .5em 1.5em;
    border-radius: 50px;
    display: inline-block;
    margin-right: 1em;
    color: rgba(0,0,0,.5)
}

.overlay-table .popup-table .bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3em;
    padding-top: 3em;
    width: 100%;
    border-top: 1px solid #e8e8e8
}

.overlay-table .popup-table .bottom .wrap-legend {
    text-align: left
}

.overlay-table .popup-table .bottom .wrap-legend li.soft-red:before {
    border-color: rgba(231,63,64,.3)
}

.overlay-table .popup-table .bottom .wrap-legend li.soft-blue:before {
    border-color: rgba(48,143,234,.3)
}

.overlay-table .popup-table .bottom .wrap-legend li.soft-green:before {
    border-color: rgba(136,210,43,.3)
}

.overlay-table .popup-table .bottom .wrap-legend li:before {
    content: '';
    display: inline-block;
    margin-right: 1em;
    border: 2px solid #7daeec;
    border-radius: 50%;
    position: absolute;
    left: 0;
    border-width: 5px!important;
    width: 20px!important;
    height: 20px!important;
    top: 3px!important
}

.overlay-table .popup-table .bottom .wrap-legend li {
    position: relative;
    padding-left: 2em!important;
    margin-left: 0!important;
    margin-bottom: .5em
}

@media (max-width: 45em) {
    .overlay-table .popup-table .bottom {
        -ms-flex-flow:column;
        flex-flow: column
    }

    .overlay-table .popup-table .bottom .avarage-rate {
        margin-top: 2em
    }
}

.overlay-table .popup-table .bottom .avarage-rate h3,.overlay-table .popup-table .bottom .avarage-rate>h2 {
    margin: 0;
    text-align: right
}

@media (max-width: 45em) {
    .overlay-table .popup-table .bottom .avarage-rate h3,.overlay-table .popup-table .bottom .avarage-rate>h2 {
        text-align:left
    }
}

.overlay-table .popup-table .bottom .avarage-rate>h2 {
    color: #6b6c73
}

.overlay-table .popup-table .bottom .avarage-rate>h2 sup {
    font-size: .6em
}

#core-values p {
    margin-bottom: 0!important
}

@media (max-width: 75em) {
    .wrap-culture-videos.owl {
        display:block
    }

    .wrap-culture-videos.flex {
        display: none;
        opacity: 0
    }
}

@media screen and (min-width: 75em) {
    .wrap-culture-videos.owl {
        display:none
    }

    .wrap-culture-videos.flex {
        display: block
    }
}

.wrap-culture-videos.owl .owl-carousel {
    position: relative
}

.wrap-culture-videos.owl .owl-carousel .owl-nav span {
    display: none
}

.wrap-culture-videos.owl .owl-carousel .owl-nav .owl-next:after {
    content: '';
    display: block;
    width: 7em;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    right: -.1em;
    background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 60%,#fff 100%)
}

.wrap-culture-videos.owl .owl-carousel .owl-nav>button.disabled {
    display: none
}

.wrap-culture-videos.owl .owl-carousel .owl-dots>button:not(.active) {
    background-color: #e8e8e8;
    border-color: #e8e8e8
}

.wrap-culture-videos.flex ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.wrap-culture-videos.flex ul li {
    margin: 0 1em;
    width: 20%;
    max-width: 14.3em
}

.wrap-culture-videos.flex ul li picture {
    height: auto
}

.wrap-culture-videos.flex ul li a,.wrap-culture-videos.flex ul li picture {
    width: 100%
}

.wrap-culture-videos.flex ul li a img,.wrap-culture-videos.flex ul li picture img {
    margin-bottom: 0;
    display: block
}

.wrap-culture-videos {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    width: 100%;
    margin: 2em 0
}

.wrap-culture-videos .owl-stage {
    margin: 0 auto
}

.wrap-culture-videos li {
    width: 14.3em;
    height: auto;
    text-align: center;
    margin: 0 1em
}

.wrap-culture-videos li a {
    display: block;
    width: inherit;
    position: relative;
    color: inherit!important
}

.wrap-culture-videos li a picture {
    overflow: hidden;
    width: inherit;
    height: 8em;
    display: block;
    margin-bottom: 1em
}

.wrap-culture-videos li a picture img {
    margin-bottom: .5em;
    transition: transform .3s
}

.wrap-culture-videos li a .IconPlay {
    width: 3em;
    height: 3em;
    border-radius: 50%;
    transition: transform .3s;
    font-size: .7em;
    background-color: #fff;
    color: #3b3c40;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 4em
}

.wrap-culture-videos li a span {
    font-size: 1.2em
}

.stats {
    text-align: center;
    max-width: 105em
}

@media (max-width: 75em) {
    .stats .col {
        -ms-flex-preferred-size:29%!important;
        flex-basis: 29%!important;
        font-size: 1em
    }

    .stats .top {
        font-size: .8em
    }
}

@media (max-width: 60em) {
    .section.row.guarantee .wrap-inner img {
        bottom:-4.75em
    }

    .stats .col {
        font-size: .8em
    }
}

@media (max-width: 30em) {
    .stats .col {
        -ms-flex-preferred-size:100%!important;
        flex-basis: 100%!important
    }
}

.stats .top>* {
    display: inline-block
}

.stats .top sup {
    position: relative;
    top: -1.9em;
    font-size: 1.7em
}

@media (max-width: 60em) {
    .stats .top sup {
        font-size:1.7em!important;
        top: -32px
    }

    .section.product-list .cols-3 {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 45em) {
    .stats .top sup {
        font-size:1.3em!important;
        top: -2px
    }
}

@media (max-width: 30em) {
    .stats .top sup {
        font-size:2em!important;
        top: -11px
    }
}

.stats .top .main {
    font-size: 6.5em;
    font-family: latohairline,sans-serif!important;
    color: #3b3c40;
    line-height: 1.1em
}

.stats .top span {
    font-size: 2em;
    font-family: latolight,sans-serif!important
}

@media (max-width: 45em) {
    .stats .top .main,.stats .top span,.stats .top sup {
        font-family:latoregular,sans-serif!important;
        color: #6b6c73;
        font-size: 4.2vmin
    }
}

.section.product-list {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5em!important;
    margin-bottom: 2em
}

.section.product-list p {
    margin-bottom: 2em!important
}

.product-list:last-child {
    border-bottom: 0;
    padding-bottom: 0!important;
    margin-bottom: 0
}

.section.product-detail {
    text-align: center;
    position: relative
}

.section.product-detail .copy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section.product-detail .copy .wrap-price,.section.product-detail .copy h2,.section.product-detail .copy h3,.section.product-detail .copy p {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.section.product-detail .copy .photo-container {
    margin-top: 0;
    -ms-flex-preferred-size: calc(90% - 1em);
    flex-basis: calc(90% - 1em);
    position: relative
}

.section.product-detail .copy .photo-container picture {
    min-height: initial;
    height: auto;
    overflow: initial;
    display: block
}

.section.product-detail .copy .photo-container picture img {
    -o-object-fit: initial;
    object-fit: initial;
    max-width: 35em;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.section.product-detail .copy .cols-2.wrap-price,.section.product-detail .copy .cols-3.wrap-price {
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1em 0 4em;
    border-top: 1px solid #e8e8e8;
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e8e8e8
}

.section.product-detail .copy .cols-2.wrap-price .col,.section.product-detail .copy .cols-3.wrap-price .col {
    max-width: 13em;
    text-align: center
}

.section.product-detail .copy .cols-2.wrap-price .col:not(:first-child),.section.product-detail .copy .cols-3.wrap-price .col:not(:first-child) {
    padding-left: 2em;
    border-left: 3px solid #7daeec
}

@media (max-width: 30em) {
    .stats .top .main,.stats .top span,.stats .top sup {
        font-size:4em;
        font-family: latolight,sans-serif!important
    }

    .stats .bottom {
        font-size: 1.4em
    }

    .section.product-detail .copy .cols-2.wrap-price,.section.product-detail .copy .cols-3.wrap-price {
        -ms-flex-align: center;
        align-items: center
    }

    .section.product-detail .copy .cols-2.wrap-price .col:not(:first-child),.section.product-detail .copy .cols-3.wrap-price .col:not(:first-child) {
        padding-left: 0;
        border: 0
    }
}

.section.product-detail .copy .cols-3.wrap-price .col {
    margin: 0;
    max-width: 16em
}

@media (max-width: 60em) {
    .section.product-detail .copy .cols-3.wrap-price {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .section.product-detail .copy .cols-3.wrap-price .col {
        -ms-flex-preferred-size: initial;
        flex-basis: initial;
        margin-bottom: 2em;
        padding-left: 0!important;
        border: 0!important
    }
}

.section.product-detail .copy .cols-3.wrap-price .col:nth-child(2n) {
    padding: 0 1.5em
}

.section.product-detail .copy .cols-3.wrap-price .col:last-child {
    padding-left: 0
}

.section.product-detail .copy .wrap-thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 10%;
    max-width: 5em;
    margin-top: 0;
    margin-right: 1em
}

.section.product-detail .copy .wrap-thumbs li {
    width: 100%;
    margin-bottom: 1em;
    opacity: .3;
    cursor: pointer;
    border-bottom: 3px solid #fff;
    transition: opacity .3s
}

.section.product-detail .copy .wrap-thumbs li img {
    display: block
}

.section.product-detail .copy .wrap-thumbs li.active {
    border-color: #7daeec;
    opacity: 1
}

.section.product-detail .copy .wrap-thumbs li:last-child {
    margin-bottom: 0
}

.download-understanding-payments-guide .col:last-child {
    max-width: 30rem
}

.download-understanding-payments-guide .col:last-child picture {
    max-width: 23em;
    display: block;
    margin: 0 auto 1em
}

.download-understanding-payments-guide .col:last-child div {
    margin: .5em 0
}

.download-understanding-payments-guide .col:last-child div input {
    padding: .5em
}

.download-understanding-payments-guide .col:last-child div:first-of-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 45em) {
    .download-understanding-payments-guide .col:last-child div:first-of-type {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .download-understanding-payments-guide .col:last-child div:first-of-type input:first-child {
        margin-bottom: .5em
    }
}

.download-understanding-payments-guide .col:last-child div:first-of-type input {
    -ms-flex-preferred-size: 48.5%;
    flex-basis: 48.5%
}

.download-understanding-payments-guide .col:last-child input[type=submit] {
    padding: .5em;
    background-color: #F7F7FC;
    cursor: pointer;
    margin-bottom: .5em;
    transition-duration: .3s
}

body.merchant-services .content {
    padding-bottom: 0
}

@media (max-width: 75em) {
    body:not(.helcim-commerce) .wrap-sections {
        padding-top:2em
    }
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services {
    border-color: #3a3d47
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services h2 {
    color: #fff
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services h3 {
    color: #b8c0d0
}

body.commerce-main .wrap-sections p,body:not(.helcim-commerce) .wrap-sections .section.merchant-services p {
    color: #777d8a
}

@media (max-width: 60em) {
    body:not(.helcim-commerce) .wrap-sections .section.merchant-services:first-child {
        padding-top:0
    }
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 0
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .graphic {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (max-width: 75em) {
    body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .graphic {
        -ms-flex-order:1;
        order: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 0
    }
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .graphic img,body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .graphic picture {
    display: block
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .graphic picture {
    overflow: hidden;
    width: auto;
    display: block
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .graphic picture img {
    max-width: 50em;
    margin: 0 auto;
    min-width: 36em
}

@media (max-width: 75em) {
    body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .graphic picture img {
        max-height:initial;
        max-width: 40em;
        min-width: initial;
        width: 100%
    }
}

body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .copy {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50em;
    padding: 0 5% 7em
}

@media (max-width: 75em) {
    body:not(.helcim-commerce) .wrap-sections .section.merchant-services:last-child .copy {
        max-width:initial;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-bottom: 2em
    }
}

.gallery,.main-nav ul {
    -ms-flex-pack: justify
}

body.commerce-main .wrap-sections {
    overflow: hidden
}

.gallery {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.gallery>li {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    margin-top: 1%
}

@media (max-width: 60em) {
    .gallery>li {
        -ms-flex-preferred-size:49%;
        flex-basis: 49%
    }
}

.lg-backdrop {
    background-color: #191922
}

.popup-explorer-overlay {
    background-color: rgba(0,0,0,.6);
    position: fixed;
    padding-top: 5%;
    display: none;
    opacity: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0
}

.popup-explorer-overlay .warning {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    max-width: 60em;
    padding: 5em 5%;
    box-shadow: 5px 5px 20px rgba(0,0,0,.2);
    width: 90%;
    height: auto;
    opacity: 0
}

.popup-explorer-overlay .warning>span.close-warning {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: 1.5em;
    color: #3b3c40;
    cursor: pointer;
    transition: transform .3s
}

.popup-explorer-overlay .warning>.hcm-icon.IconSoftware {
    font-size: 3em;
    margin-bottom: 1em;
    color: #7daeec;
    display: block
}

.popup-explorer-overlay .warning h1 {
    font-size: 5em;
    margin-bottom: .7em
}

@media (max-width: 45em) {
    .gallery>li {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }

    .popup-explorer-overlay .warning h1 {
        font-size: 2em;
        font-family: bebas_neuebold,sans-serif!important
    }
}

.popup-explorer-overlay .warning h3 {
    margin-bottom: 3em
}

.popup-explorer-overlay .warning .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-explorer-overlay .warning .wrapper .btn-super {
    display: inline-block;
    margin: 0 .5em
}

@media (max-width: 45em) {
    .popup-explorer-overlay .warning .wrapper {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .popup-explorer-overlay .warning .wrapper .btn-super {
        margin-bottom: .5em
    }
}

.popup-explorer-overlay .warning .wrapper .btn-super a {
    box-shadow: none
}

.popup-explorer-overlay .warning .wrapper .btn-super:last-child a {
    background: #f2f2f2;
    color: #3b3c40
}

.popup-explorer-overlay .warning div.close-warning {
    margin-top: 2.5em;
    cursor: pointer;
    transition: color .3s
}

body.reviews .section.review-list {
    padding-left: 0;
    padding-right: 0
}

body.reviews .section.review-list .copy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.reviews .section.review-list .copy>div {
    margin: 0 15px 30px!important
}

@media (max-width: 30em) {
    body.reviews .section.review-list {
        height:0;
        overflow: hidden;
        padding: 0
    }

    body.reviews .more-reviews>h3 {
        display: none
    }
}

.floating-popup-contact {
    position: fixed;
    width: 2em;
    height: 2em;
    background-color: #7daeec;
    color: #fff;
    border-radius: 50%;
    bottom: 1em;
    right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5em;
    z-index: 5050;
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    transition: background-color .3s
}

@media (max-width: 45em) {
    .floating-popup-contact {
        bottom:0;
        right: 0;
        padding: .3em 0 0 .3em;
        box-sizing: initial;
        border-radius: 45px 0 0
    }
}

body.comparison .wrap-intro h1 span {
    color: #7daeec;
    font-family: bebas_neuebook,sans-serif!important;
    font-size: .5em;
    vertical-align: middle;
    letter-spacing: 0
}

body.comparison .wrap-intro .category-form {
    margin: 0 auto;
    max-width: 25em
}

body.comparison .wrap-intro .category-form .category-preference-select {
    margin-bottom: .7em;
    color: #c4cddf;
    border-color: #63666e;
    background-color: rgba(255,255,255,.05)
}

body.comparison .wrap-intro .category-form .category-preference-select option {
    color: #6b6c73
}

body.comparison .wrap-intro .category-form label {
    color: #979ead
}

body.comparison .flex-col-2 {
    padding: 6em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: all .3s
}

body.comparison .flex-col-2 .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4em;
    width: 48%;
    -ms-flex-direction: row;
    flex-direction: row
}

body.comparison .flex-col-2 .item .company-logo {
    border: 1px solid #e8e8e8;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    height: 150px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

body.comparison .flex-col-2 .item .company-logo img {
    width: 80%
}

body.comparison .flex-col-2 .item .item-info {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 2em
}

body.comparison .flex-col-2 .item .item-info .excerpt {
    margin: 1em 0
}

body.comparison .flex-col-2 .item .item-info .get-more {
    margin-bottom: 0
}

body.comparison .flex-col-2 .item .item-info .get-more a {
    color: #7daeec
}

@media (max-width: 60em) {
    body.comparison .flex-col-2 {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    body.comparison .flex-col-2 .item {
        width: 80%
    }

    body.comparison .flex-col-2 .item:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 30em) {
    body.comparison .flex-col-2 .item {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    body.comparison .flex-col-2 .item .company-logo {
        width: 100%;
        margin-bottom: 1.5em
    }

    body.comparison .flex-col-2 .item .item-info {
        margin-left: 0
    }
}

.dark-showcase,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
    margin-bottom: 0
}

body.comparison .content {
    margin-bottom: 0;
    padding-bottom: 0
}

body.comparison .wrap-sections {
    background-color: #fff;
    padding-bottom: 6em
}

body.comparison .wrap-sections h2 {
    color: #3b3c40!important
}

body.comparison .feature-table td,body.comparison .feature-table th {
    text-align: center!important
}

body.comparison .feature-table td:first-child,body.comparison .feature-table th:first-child {
    width: 40%;
    text-align: left!important
}

body.comparison .feature-table td:nth-child(2),body.comparison .feature-table th:nth-child(2) {
    width: 30%;
    background-color: #fafafa
}

body.comparison .feature-table th:nth-child(2) {
    border-top: 5px solid #90b9de
}

body.comparison .feature-table th:nth-child(2),body.comparison .feature-table th:nth-child(3) {
    padding-left: .4em;
    padding-right: .4em
}

body.comparison .feature-table tbody tr td:first-child {
    background-color: transparent!important
}

body.comparison .feature-table .helcim-table-logo {
    max-width: 6em
}

body.comparison .feature-table .competitor-table-logo {
    max-width: 5em
}

body.comparison .legal-text {
    padding: 1em;
    background-color: #F7F7FC;
    border-color: #e8e8e8
}

body.comparison .legal-text p {
    margin-top: 0;
    font-size: .8em
}

body.comparison .wrap-services .desktop-no-expand .second-row {
    margin-top: 6em!important
}

@media (max-width: 45em) {
    body.comparison .wrap-services {
        padding:5em 0 11em
    }

    body.comparison .wrap-services .desktop-no-expand {
        display: none
    }
}

.dark-showcase {
    background-color: #2b2f44;
    text-align: center;
    padding: 13em 0
}

@media (max-width: 75em) {
    .dark-showcase {
        padding-top:6em
    }
}

@media (max-width: 45em) {
    .dark-showcase {
        padding-top:2em
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero {
    -ms-flex-line-pack: center;
    align-content: center
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro h1 {
        margin-bottom:1em
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro .excerpt {
        display: none
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-intro .excerpt {
    font-family: bebas_neuebook,sans-serif!important;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 0
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges {
    margin-top: 0;
    letter-spacing: 1px
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges {
        margin-top:-2em
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion {
        padding: .5em 5%
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .hcm-icon,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion h2 .label {
        margin-left: .3em;
        letter-spacing: 4px;
        vertical-align: middle
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .hcm-icon.IconPlus,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .hcm-icon.Iconx {
        font-size: 1.7em
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion.accordion-active .hcm-icon.Iconx {
    font-size: 1.2em
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .price>span:first-child {
    position: relative;
    top: -34%
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .price>span:first-child {
        font-size:1.4em;
        top: -.5em
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .price .main {
    font-family: latobold,sans-serif!important;
    text-shadow: 0 4px 4px rgba(0,0,0,.05);
    font-size: 9.2em
}

@media (max-width: 75em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .price .main {
        font-size:8em
    }
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion .price .main {
        font-family:latobold,sans-serif!important;
        text-shadow: none;
        font-size: 2.2em
    }
}

body.affiliate .content .prices-package .col .wrap-cta span:nth-child(2),body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.trigger-accordion div>span:last-child {
    font-family: latolight,sans-serif!important
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .ecommerce,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .keywords,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .retail {
    background-color: transparent
}

@media (max-width: 30em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .ecommerce,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .retail {
        font-size:.8em
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .ecommerce h2,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .retail h2 {
    text-transform: uppercase;
    margin-top: -.5em
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.keywords.trigger-accordion {
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
    letter-spacing: 3px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 1
}

@media (max-width: 60em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .ecommerce h2,body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .retail h2 {
        margin-top:0
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .retail {
        background-color: #7fc4f5
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges .ecommerce {
        background-color: #7daeec
    }

    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.keywords.trigger-accordion {
        display: none
    }
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.keywords.trigger-accordion span {
    margin: .5em 0;
    opacity: 0
}

body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.keywords.trigger-accordion span:last-child {
    margin-bottom: 1.5em
}

@media (max-width: 75em) {
    body.pricing:not(.helcim-commerce) .content .wrap-hero .wrap-price-ranges ul>li.keywords.trigger-accordion span:last-child {
        margin-bottom:0
    }
}

body.pricing .table-wrap.pricing-wrap .pricing-table thead th:first-child {
    background-color: #9ed2f7
}

body.pricing .table-wrap.pricing-wrap .pricing-table .retail {
    background-color: #7fc4f5
}

body.pricing .table-wrap.pricing-wrap .pricing-table .ecommerce {
    background-color: #7daeec
}

body.pricing .table-wrap.pricing-wrap .pricing-table .sub-heading td a {
    color: #7daeec
}

body.pricing .table-wrap.pricing-wrap .pricing-table .sub-heading td a .IconHexagonOutline {
    margin-right: .5em;
    font-weight: 700
}

body.pricing .table-wrap.pricing-wrap .pricing-table .sub-heading td a .IconArrowRight {
    margin-left: .5em;
    font-size: .55em
}

body.affiliate .content .prices-package .col {
    border: 1px solid #e8e8e8;
    border-top: 3px solid #7daeec
}

body.affiliate .content .prices-package .col .wrap-cta {
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    padding: 2em 0
}

body.affiliate .content .prices-package .col .wrap-cta span:nth-child(1) {
    font-size: 1.5em;
    position: relative;
    top: -1.3em
}

body.affiliate .content .prices-package .col .wrap-cta span:nth-child(2) {
    font-size: 4em;
    color: #3b3c40
}

body.affiliate .content .prices-package .col .wrap-cta span:nth-child(3) {
    font-size: 1.2em
}

body.affiliate .content .prices-package .col .wrap-cta span:nth-child(4) {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: latobold,sans-serif!important;
    display: block;
    color: #7daeec
}

body.affiliate .content .prices-package .col .referral {
    text-align: center;
    padding: 1em 0 2em;
    background-color: #fbfafa
}

body.affiliate .content .prices-package .col .referral>span {
    vertical-align: middle
}

body.affiliate .content .prices-package .col .referral span:nth-child(1) {
    font-size: 1.2em;
    position: relative;
    top: -.5em
}

.logo,header {
    position: absolute
}

body.affiliate .content .prices-package .col .referral span:nth-child(2) {
    font-size: 3em;
    font-family: latoblack,sans-serif!important;
    color: #3b3c40
}

body.affiliate .content .prices-package .col .referral span:nth-child(3) {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: latobold,sans-serif!important;
    display: block;
    font-size: 1em;
    margin-left: .5em
}

body.affiliate .content .btn-super a {
    box-shadow: none;
    color: #fff
}

.no-mobile .download-understanding-payments-guide input[type=submit]:hover {
    background-color: #f2f2f7
}

.no-mobile .floating-popup-contact:hover {
    background-color: #4f5054
}

.no-mobile .wrap-services ul.desktop span.close-service:hover {
    transform: rotate(359deg)
}

.no-mobile .btn-outline a:hover {
    background-color: #fff!important;
    color: #6b6c73!important;
    opacity: 1
}

.no-mobile .close-warning:hover {
    color: #7daeec
}

.no-mobile .btn-check-rates:hover {
    background-color: #7daeec;
    color: #fff
}

.no-mobile .wrap-culture-videos a:hover img {
    transform: scale(1.3)
}

.no-mobile .section#online-store-theme .subintro>.copy .btn-outline a:hover {
    background-color: #df5e7a!important;
    color: #fff!important
}

.no-mobile .section .items-list .item:hover .image-wrap img {
    transform: scale(1.1)
}

header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1em;
    padding: 1.1em 7em .8em;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 150;
    opacity: 0
}

header a {
    color: #fff;
    opacity: .7
}

.logo {
    width: 7em;
    margin: 6px 0 0
}

@media (min-width: 98em) {
    header {
        -ms-flex-pack:justify;
        justify-content: space-between;
        padding: 1.4em 9.5em .5em 3%
    }

    .logo {
        margin-right: 2%;
        position: static;
        margin-top: 0;
        width: 9em
    }

    .logo img {
        min-width: 9em
    }
}

.logo a {
    opacity: 1
}

.logo a img {
    min-width: 7em
}

.main-nav {
    width: 52em;
    margin-top: 2px
}

.main-nav ul {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase
}

body.no-hero header a {
    color: #6b6c73
}

body.no-hero header .HcmMyAccountButton {
    background: #607ad2;
    background: linear-gradient(to left,#607ad2 0,#58aedb 100%)
}

body.no-hero header .HcmMyAccountButton a span {
    color: #fff
}

body.dark header a,body.submenu-down header a {
    color: #6b6c73
}

body.dark header div.HcmMyAccountButton,body.submenu-down header div.HcmMyAccountButton {
    background: #607ad2;
    background: linear-gradient(to left,#607ad2 0,#58aedb 100%)
}

body.dark header div.HcmMyAccountButton span,body.submenu-down header div.HcmMyAccountButton span {
    color: #fff
}

.secondary-nav {
    width: auto;
    margin-left: auto;
    margin-top: .3em
}

@media (min-width: 98em) {
    .secondary-nav {
        margin-left:2%;
        margin-top: 0;
        margin-right: -3em
    }
}

@media (max-width: 30em) {
    .secondary-nav {
        display:none
    }
}

.secondary-nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase
}

.secondary-nav ul li {
    margin-right: 1.5em
}

.secondary-nav ul li:first-child {
    display: none
}

@media (min-width: 98em) {
    .secondary-nav ul li:first-child {
        display:block
    }
}

.secondary-nav ul li:last-child {
    margin-right: 3em
}

@media (max-width: 60em) {
    header {
        padding-right:5.8em;
        padding-left: 5.8em
    }

    .secondary-nav ul li:last-child {
        margin-right: 0
    }

    .secondary-nav ul li:last-child a span:last-child {
        display: none
    }
}

.secondary-nav ul span.hcm-icon {
    font-size: 1.5em;
    margin-right: .2em;
    opacity: .5
}

.secondary-nav ul span {
    display: inline-block;
    vertical-align: middle
}

div.HcmMyAccountButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 8em;
    height: 4.2em;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
    z-index: 3500;
    font-size: .9em;
    background-color: rgba(255,255,255,.1)
}

@media (max-width: 60em) {
    div.HcmMyAccountButton {
        width:4.2em
    }
}

div.HcmMyAccountButton a {
    height: 100%;
    width: 100%;
    display: block
}

div.HcmMyAccountButton img {
    width: 2.2em;
    margin-top: 1.6em;
    margin-left: 1.8em
}

div.HcmMyAccountButton a>span {
    color: #fff;
    vertical-align: top;
    margin-top: 1.5em;
    display: inline-block;
    margin-left: .5em;
    font-size: 1em;
    transition: all .3s;
    text-transform: uppercase
}

@media (max-width: 60em) {
    div.HcmMyAccountButton a>span {
        margin-left:1.5em
    }
}

div.HcmMyAccountButton a>span.hcm-icon {
    color: #fff;
    font-size: 1.5em;
    margin: .85em 0 0 .95em
}

div.HcmMyAccountButton a>span:not(.hcm-icon)>span {
    position: relative;
    left: 1em;
    transition: left .3s
}

.no-mobile div.HcmMyAccountButton:hover {
    width: 15.7em;
    background-color: #292a33
}

.no-mobile div.HcmMyAccountButton:hover a>span.hcm-icon {
    color: #fff
}

.no-mobile div.HcmMyAccountButton:hover a>span {
    margin-left: 1em
}

.no-mobile div.HcmMyAccountButton:hover a>span>span {
    left: 0
}

@media (min-width: 98em) {
    .no-mobile.dark div.HcmMyAccountButton:hover,.no-mobile.submenu-down div.HcmMyAccountButton:hover {
        background-color:#fff
    }

    .no-mobile.dark div.HcmMyAccountButton:hover a>span,.no-mobile.dark div.HcmMyAccountButton:hover a>span.hcm-icon,.no-mobile.submenu-down div.HcmMyAccountButton:hover a>span,.no-mobile.submenu-down div.HcmMyAccountButton:hover a>span.hcm-icon {
        color: #fff
    }
}

footer {
    background-color: #fff;
    border-top: 1px solid #e8e8e8
}

footer .wrap-footer.desktop {
    padding: 6em 0
}

footer .wrap-cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 85em;
    margin: 0 auto 5em
}

footer .wrap-cols h4 {
    margin-bottom: 1em;
    color: #57585f
}

footer .wrap-cols .col {
    margin: 0 2%;
    -ms-flex-positive: 1;
    flex-grow: 1
}

footer .wrap-cols .col:not(.company-data) h4 {
    margin-bottom: 2em
}

footer .wrap-cols .col:not(.company-data) li {
    margin: 1em 0
}

footer .wrap-cols .col1 .block img {
    min-width: 6em;
    width: 40%
}

footer .wrap-cols .col1 .block2 ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

footer .legal span,footer .wrap-cols .col1 .block3 span,footer .wrap-cols .col1 .block4 span {
    display: block
}

footer .wrap-cols .col1 .block2 ul li {
    max-width: 1.5em;
    margin-right: .5em
}

footer .wrap-cols .col1 .block3 address,footer .wrap-cols .col1 .block4 address {
    font-style: normal
}

footer .wrap-cols .col1 .block>img,footer .wrap-cols .col1>div:not(:last-child) {
    margin-bottom: 2em
}

footer .legal {
    font-size: .7em;
    text-align: center;
    max-width: 95em;
    margin: 0 auto;
    color: #9d9ea5
}

footer .legal span:first-child {
    margin-bottom: 1em
}

footer .mobile {
    text-align: center;
    padding: 4em 0 2em;
    display: none
}

footer .mobile .wrap-cols {
    margin: 0 auto 2em
}

footer .mobile .block img {
    width: 25%!important
}

footer .mobile .block2 ul {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

@media (max-width: 60em) {
    footer>.desktop {
        display:none
    }

    footer>.mobile {
        display: block
    }
}

.wrap-hero-home .hero-top .hero-wrap {
  text-align: center;
}

.wrap-hero-home .hero-top .top-left h1 {
  align-items: center;
}

.wrap-hero-home .hero-top .top-left {
  align-items: center;
}

.wrap-hero-home .hero-wrap {
  z-index: 2;
}

.fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.fullscreen-bg::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: radial-gradient(circle at 70vw 40%,#2e2f3e 0,#2b2f44 40%);
  opacity: .9;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/videoframe.html') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}

.about-us .form-control {
  margin: .5rem 0;
}

footer {
  background: radial-gradient(ellipse at center,#333440 0,#292a33 100%);
  padding: 1px;
  color: white;
}
footer p,
footer a {
  color: #d6d6d6;

}
footer .wrap-cols .col:not(.company-data) h4 {
  color: #efefef;
}

footer .wrap-footer.desktop {
  padding: 3rem 0 0 0;
}
footer .wrap-cols {
  margin-bottom: 2rem;
}
/** #2b2f44 **/
.wrap-services ul.desktop li:nth-child(1), .wrap-services ul.desktop li:nth-child(2), .wrap-services ul.desktop li:nth-child(3), .wrap-services ul.desktop li:nth-child(4) {
  margin-bottom: 0;
}

.dark-showcase {
  padding: 5rem 0;
}

.wrap-hero-home .home-main .main-right picture img {
  max-width: 100%;
  width: 55%;
  min-width: 70%;
  border-radius: 20px;
  opacity: .5;
}

.wrap-hero-home .home-main .main-left picture img {
  max-width: 100%;
  width: 55%;
  min-width: 70%;
  border-radius: 20px;
  opacity: .5;
}

.icon-box {
  background-color: white;
border-radius: 50%;
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
font-size: 2em;
color: black;
}


.second-row:nth-child(2) .icon-box,
.owl-item:nth-child(2) .second-row .icon-box {
  background-color: #a8b5ff;
}

.second-row:nth-child(3) .icon-box,
.owl-item:nth-child(3) .second-row .icon-box {
  background-color: #6eff74;
}

.second-row:nth-child(4) .icon-box,
.owl-item:nth-child(4) .second-row .icon-box {
  background-color: #ff8178;
}


.wrap-hero-home .hero-top .top-left h1>span:first-child {
    width: 100%!important;
    font-size: 3rem!important;
}

.content .container {
  padding: 1rem;
}