/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
/*main styles*/
* {outline:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
::-webkit-input-placeholder {color:#666666;}
:-moz-placeholder {color:#666666;}
::-moz-placeholder {color:#666666;}
:-ms-input-placeholder {color:#666666;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a {text-decoration:none; color:#ffffff; -webkit-transition:ease all 0.3s; -moz-transition:ease all 0.3s; -ms-transition:ease all 0.3s; -o-transition:ease all 0.3s; transition:ease all 0.3s;}
a.link {display:inline-block; *display:inline; zoom:1; font-size:12px; color:#444444;}
a.link:hover {color:#333333;}
a.link-default {color:#f99527;}
a.link-default:hover {text-decoration:underline;}
a.link-underline{text-decoration:underline;}

img {max-width:100%;}
html, body {height:100%;}
body {background:#f9f9f9; color:#555555; font-family:'Open Sans', sans-serif;}
body.nav-open {min-height:100%; overflow:hidden;}
input[type=text], input[type=password], textarea {
    display:block; font-family:inherit; font-size:14px; color:#555555; padding:8px 10px; line-height:1.3;
    border:none; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
input[type=text].small, input[type=password].small {padding:5px 10px;}
input[type=text].large, input[type=password].large {padding:9px 10px;}
textarea {padding:10px; resize:none;}
input[type=text].error, input[type=password].error, textarea.error {border-color:#F10000 !important;}
button {cursor:pointer;}
.wrapper {max-width:1160px; margin:0 auto; padding:0 10px;}
.transparent-btn {
    display:inline-block; vertical-align:middle; font-size:14px; color:#ffffff; text-transform:uppercase; font-weight:bold;
    border:1px solid #fff; height:34px; line-height:34px; padding:0 10px; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;
}
.transparent-btn:hover {
    background:#ffffff; color:#444444; -webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
header.element {
    background:#6a8229 url('../images/header3.png') 50% 0 no-repeat; background-size:cover; font-size:0;
    position:relative; height:100%; min-height:590px; -webkit-box-shadow:inset 0 -2px 15px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow:inset 0 -2px 15px 0 rgba(0, 0, 0, 0.3); box-shadow:inset 0 -2px 15px 0 rgba(0, 0, 0, 0.3);
}
header.element .site-nav {
    position:fixed; left:0; top:0; width:100%; padding:10px 0; height:52px; z-index:10; -ms-transition:height 0.3s ease, padding 0.3s ease;
    -webkit-transition:height 0.3s ease, padding 0.3s ease; -moz-transition:height 0.3s ease, padding 0.3s ease;
    -o-transition:height 0.3s ease, padding 0.3s ease; transition:height 0.3s ease, padding 0.3s ease;
}
header.element .site-nav:before {
    content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; pointer-events:none; z-index:-1;
    opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transition:ease opacity 0.3s; -moz-transition:ease opacity 0.3s; -ms-transition:ease opacity 0.3s; -o-transition:ease opacity 0.3s; transition:ease opacity 0.3s;
}
.site-nav .wrapper {font-size:0; text-align:justify; text-justify:distribute-all-lines;}
.site-nav .wrapper:after {content:''; display:inline-block; width:100%;}
.site-nav #site-logo {display:inline-block; vertical-align:middle; font-size:15px; max-width: 220px;}
#site-logo img {display:block; max-width:100%; max-height: 34px; margin-top: -1px;}
/*.site-nav.sticky #site-logo img {max-height: 30px;}*/
.site-nav .nav-list {display:inline-block; vertical-align:middle;}
.site-nav li {display:inline-block; padding:0 5px;}
.site-nav li a {
    display:block; padding:0 15px; height:30px; line-height:30px; overflow:hidden; color:#fff; text-transform:uppercase; font-weight:bold; font-size:15px;
    border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;
}
.site-nav li a.active, .site-nav li a:hover {
    background:#ffffff; color:#444444 !important; -webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
#mobile-nav-trigger {display:none;}
header.element .site-nav.sticky {padding:5px 0; height:42px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3); box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
header.element .site-nav.sticky:before {opacity:0.45; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=45); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=45);}
header.element .site-nav.sticky a {color:#FFFFFF;}
header.element:before {content:''; display:inline-block; vertical-align:middle; height:100%;}
header.element .header-inner {
    display:inline-block; vertical-align:middle; padding:55px 0; width:100%; font-size:14px; line-height:1.5; color:#ffffff;
}
.header-inner .header-title {font-size: 1.9em; color:#ffffff; font-weight:600; margin:10px 0 30px 0; max-width:400px;}
.header-inner p {margin:10px 0;}
.header-inner .special-text {position:relative; text-transform:uppercase; font-weight:700;}
.header-inner .special-text:after {content:url('../images/text-img.png'); position:absolute; left:-2px; top:11px;}
.header-title strong {font-size:1.5em; font-weight:700;}
.header-buttons > a {width:80px; text-align:center; margin:0 5px 0 0;}
.header-inner .header-text {max-width:400px;}

.header-inner-wrapper {
    display: inline-block;
    padding: 20px;
    background: rgba(106, 130, 41, 0.4);
    border-radius: 5px;
}

.arrow-btn {
    position:absolute; left:50%; bottom:20px; margin:0 0 0 -13px; display:inline-block; width:50px; height:80px;
    background: url("../images/landing_logo.png") no-repeat 0 0; background-size: 100% auto; cursor:pointer;
    animation: bounce-arrow 2s infinite linear; -moz-animation: bounce-arrow 2s infinite linear; -webkit-animation: bounce-arrow 2s infinite linear;
}
.arrow-btn.dark {background-image:url("../images/arrow-1.png");}
.btn-logo {
    position:relative; display:inline-block; width:370px; padding:0 10px 0 40px; font-size:14px; color:#444; background:#ffffff; text-align:center;
    text-transform:uppercase; font-weight:bold; height:55px; line-height:55px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    -webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15); box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
.btn-logo:before {
    content:''; position:absolute; left:20px; top:50%; margin:-20px 0 0 0;
    background:url('../images/apple.png') no-repeat 0 0; background-size:100% auto; width:30px; height:37px;
}
.btn-logo:hover {background:#eeeeee;}

.text-holder {font-size:0; height:100%;}
.text-holder:before {content:''; display:inline-block; vertical-align:middle; height:100%;}
.text-holder .text {display:inline-block; vertical-align:middle; font-size:14px; line-height:1.8;}
.text-holder .text .title {font-size:2.9em; line-height:1.3; font-weight:bold; text-transform:uppercase;}
.text-holder .text .title .subtitle {font-size: 0.5em; font-style: italic; font-weight: normal; line-height: 1.1; display: block; margin-bottom: 1em; text-transform: none;}
.text-holder .text p {margin:0 0 10px 0;}

.q-a-list {font-size:1.2em;}
.q-a-list .question-wrap {font-weight:bold;}
.q-a-list .answer-wrap {padding:0 0 0 20px;}
.q-a-list .answer-wrap:before {content:"— "; position:relative; left:-5px;}

.appstore-box {position:relative; height:600px; padding:25px 0;}
.appstore-box .wrapper {height:100%;}
.appstore-box .img-holder {float:right; width:260px;}
.appstore-box .text-holder {margin-right:280px;}
.appstore-box .text {line-height:1.5;}
.appstore-box .text > p {font-size:1em; margin:10px 0 20px 0;}
.appstore-box:before {
    content:''; position:absolute; left:50%; top:50px; margin:0 0 0 -106px; width:116px; height:197px;
     background-size:100% auto; pointer-events:none;
}

.img-text-box {
    background: #ef8b27; height:535px;
    background: -moz-linear-gradient(left,  #ef8b27 0%, #e27c27 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ef8b27), color-stop(100%,#e27c27));
    background: -webkit-linear-gradient(left,  #ef8b27 0%,#e27c27 100%);
    background: -o-linear-gradient(left,  #ef8b27 0%,#e27c27 100%);
    background: -ms-linear-gradient(left,  #ef8b27 0%,#e27c27 100%);
    background: linear-gradient(to right,  #ef8b27 0%,#e27c27 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8b27', endColorstr='#e27c27',GradientType=1 );
}
.img-text-box .text-holder {width:50%; padding:0 30px;}
.img-text-box .text {color:#ffffff; max-width:540px; text-align:left;}
.img-text-box .inner {height:100%;}
.img-text-box .image {width:50%; height:100%; background-color:#ffffff; background-size:auto 100%; background-repeat:no-repeat;}
.img-text-box.left-img .image {float:left; background-position:top right;}
.img-text-box.left-img .text-holder {float:right;}
.img-text-box.right-img .image {float:right; background-position:top left;}
.img-text-box.right-img .text-holder {float:left; text-align:right;}

.bg-text-box {height:445px; background-position:70% 0; background-size:auto; text-align:center;}
.bg-text-box .text p {font-size:1.1em;}

.pd-lg {padding:60px 0;}

.contact-box .text-holder {text-align:center;}
.contact-box .text-holder:before {display:none;}
.contact-box .contact-form {display:block; margin:20px auto; max-width:565px; text-align:left;}
.contact-form .form-field {position:relative; margin:0 0 20px 0;}
.contact-form .form-field input, .contact-form .form-field textarea {
    border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; background:#ffffff; box-shadow:-2px 2px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:-2px 2px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:-2px 2px 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0);
    will-change: transform;
    -webkit-transition:transform 0.2s ease; -moz-transition:transform 0.2s ease;
    -ms-transition:transform 0.2s ease; -o-transition:transform 0.2s ease;
    transition:transform 0.2s ease;
}
.contact-form .form-field input:focus, .contact-form .form-field textarea:focus {
    -webkit-transform:translate(-2px, 2px) translateZ(0); -moz-transform:translate(-2px, 2px) translateZ(0);
    -ms-transform:translate(-2px, 2px) translateZ(0); -o-transform:translate(-2px, 2px) translateZ(0);
    transform:translate(-2px, 2px) translateZ(0);
    box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1);
}
.contact-form .form-field.icon-holder input {padding-left:30px;}
.contact-form .form-field [class*="icon-"] {
    position:absolute; left:6px; top:9px; z-index:1; pointer-events:none;
    -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0);
    will-change: transform;
    -webkit-transition:transform 0.2s ease; -moz-transition:transform 0.2s ease;
    -ms-transition:transform 0.2s ease; -o-transition:transform 0.2s ease;
    transition:transform 0.2s ease;
}
.contact-form .form-field .icon-name {content:url('../images/name-icon.png');}
.contact-form .form-field .icon-email {content:url('../images/email-icon.png'); left:6px; top:11px;}
.contact-form .form-field input:focus + [class*="icon-"] {
    -webkit-transform:translate(-2px, 2px) translateZ(0); -moz-transform:translate(-2px, 2px) translateZ(0);
    -ms-transform:translate(-2px, 2px) translateZ(0); -o-transform:translate(-2px, 2px) translateZ(0);
    transform:translate(-2px, 2px) translateZ(0);
}
.contact-form .form-btn-holder {text-align:right;}
.btn-default {
    display:inline-block; min-width: 180px; padding:5px 10px; text-align:center; height:50px; font-size:0; color:#ffffff; font-weight:bold; text-transform:uppercase;
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#f99527; border:none; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition:transform 0.3s ease, box-shadow 0.3s ease; -moz-transition:transform 0.3s ease, box-shadow 0.3s ease;
    -ms-transition:transform 0.3s ease, box-shadow 0.3s ease; -o-transition:transform 0.3s ease, box-shadow 0.3s ease;
    transition:transform 0.3s ease, box-shadow 0.3s ease; -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0);
}
.btn-default:hover {background:#f28916; color:#ffffff;}
.btn-default:focus {
    -webkit-transform:translate(0, 2px); -moz-transform:translate(0, 2px); -ms-transform:translate(0, 2px); -o-transform:translate(0, 0); transform:translate(0, 2px);
    -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.15); box-shadow:0 0 0 0 rgba(0, 0, 0, 0.15);
}
.btn-default:before {content:''; display: inline-block; vertical-align:middle; height:100%;}
.btn-default .inner {font-size:15px; line-height:1.1; display:inline-block; vertical-align:middle;}

blockquote.element {display:inline-block; position:relative; padding:5px 20px; font-size:1.2em; font-weight:bold; font-style:italic;}
blockquote.element [class*="-quote"] {position:absolute; background-repeat:no-repeat; background-size:100% auto; width:18px; height:14px;}
blockquote.element .open-quote {left:0; top:0; background-image:url("../images/open-quote.png");}
blockquote.element .close-quote {right:0; bottom:0; background-image:url("../images/close-quote.png");}
.quote-author {text-align:right; font-weight:bold; font-style:italic; padding:10px 0;}
.quote-author:before {content:"— "; position:relative; left:-5px; font-size:1.2em;}

footer {background:#222; color:#999; height:50px; line-height:50px; font-size:12px; text-align:center;}
footer a {color:inherit;}
footer a:hover {color:#FFFFFF;}

#back-to-top {
    position:fixed; right:40px; bottom:65px; width:30px; height:50px; opacity:0; visibility:hidden; pointer-events:none;
    background: url("../images/landing_logo.png") no-repeat 0 0; background-size: 100% auto; cursor:pointer;
    animation: bounce-arrow 2s infinite linear; -moz-animation: bounce-arrow 2s infinite linear; -webkit-animation: bounce-arrow 2s infinite linear;
}
#back-to-top.active {opacity:1; visibility:visible; pointer-events:auto;}
.contact-form .form-btn-holder {font-size:0.1px; text-align:justify; text-justify:distribute-all-lines;}
.contact-form .form-btn-holder:after {content:''; display:inline-block; width:100%;}
.captcha-holder {display: inline-block; vertical-align: middle; text-align:left;}
.captcha-holder .g-recaptcha > div {margin: 0 auto;}
.captcha-holder.error .g-recaptcha > div {border: 1px solid #F10000;}

.notification-box {
    display: block; padding: 5px 10px; margin: 0 0 20px 0; background: #a6ceee; color: #208ade;
    font-size: 14px; line-height: 18px; border: 1px solid #208ade; border-radius:3px; text-align: left;
}
.notification-box.error {background: #f7acac; color: #F10000; border-color: #F10000;}
.notification-box.success {background: #c2cbaa; color: #6a8229; border-color: #6a8229;}

footer ul {margin:0;}
footer li {display:inline-block;}
footer a[data-simple-modal-target] {cursor:pointer; text-decoration:underline; margin:0 0 0 5px;}
/* Completely disable ALL animations for remodal - this is the key fix */
.remodal,
.remodal-wrapper,
.remodal-overlay,
.remodal.remodal-is-opening,
.remodal.remodal-is-opened,
.remodal.remodal-is-closing,
.remodal.remodal-is-closed,
.remodal-wrapper.remodal-is-opening,
.remodal-wrapper.remodal-is-opened,
.remodal-wrapper.remodal-is-closing,
.remodal-wrapper.remodal-is-closed,
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-opened {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
    animation-duration: 0s !important;
    -webkit-animation-duration: 0s !important;
    -moz-animation-duration: 0s !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-opened {
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

/* Force modal to be visible when opened - override ALL possible hiding */
.remodal-wrapper.remodal-is-opening,
.remodal-wrapper.remodal-is-opened {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    animation: none !important;
}
.remodal-wrapper.remodal-is-opening .remodal,
.remodal-wrapper.remodal-is-opened .remodal,
.remodal-wrapper .remodal.remodal-is-initialized,
.remodal-wrapper .remodal.remodal-is-opening,
.remodal-wrapper .remodal.remodal-is-opened,
.remodal-wrapper .remodal {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    animation: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}
/* Override remodal.css display:none for opened modals - must be after remodal.css */
.remodal-wrapper.remodal-is-opened .remodal,
.remodal-wrapper.remodal-is-opening .remodal {
    display: inline-block !important;
    animation: none !important;
}
/* Prevent any hiding of opened modals */
body .remodal-wrapper.remodal-is-opened,
body .remodal-wrapper.remodal-is-opening {
    display: block !important;
}
body .remodal-wrapper.remodal-is-opened .remodal,
body .remodal-wrapper.remodal-is-opening .remodal {
    display: inline-block !important;
}
.remodal {max-height:90%; overflow:auto; text-align:left; font-size:14px; line-height:1.2;}
.remodal h3 {font-size:1.4em; font-weight:bold; margin:0 0 20px 0;}
.remodal strong {display:block; font-size:1.1em; font-weight:bold; margin:0 0 5px 0;}
.remodal a {color:#208ade;}
.remodal p {margin:0 0 10px 0;}
.remodal .btn-holder {text-align:center; margin-bottom:-10px;}
.remodal ul {list-style:decimal inside;}
.remodal ul li {margin:20px 0;}
.remodal ul ul {list-style:lower-alpha inside;}
.remodal ul ul li {margin-left:10px;}
.remodal ul ul ul {list-style:disc inside;}
.remodal ul ul ul li {margin:5px 0 5px 10px;}


.flex-col {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    -ms-flex-pack: center;
    -ms-flex-align: stretch;
    overflow: hidden;
}

.col3-item {
    width: 30%;
}

.img-placeholder {
    display: block;
    position: relative;
    padding: 25% 0 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    -webkit-transition: transform ease 0.3s;
    -moz-transition: transform ease 0.3s;
    -ms-transition: transform ease 0.3s;
    -o-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.img-placeholder:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

/*Responsive*/
@media only screen and (max-width:1025px) {
    /*mobile nav*/
    #mobile-nav-trigger {
        display:block; position:absolute; top:10px; right:10px; z-index:12; -o-transition:ease top 0.3s; transition:ease top 0.3s;
        -webkit-transition:ease top 0.3s; -moz-transition:ease top 0.3s; -ms-transition:ease top 0.3s;
    }
    #mobile-nav-trigger .line {
        display:block; width:30px; margin:6px 0; height:2px; background:#FFFFFF; -o-transition:ease all 0.3s; transition:ease all 0.3s;
        -webkit-transition:ease all 0.3s; -moz-transition:ease all 0.3s; -ms-transition:ease all 0.3s;
        -webkit-transform:translate(0, 0) rotate(0deg); -moz-transform:translate(0, 0) rotate(0deg);
        -ms-transform:translate(0, 0) rotate(0deg); -o-transform:translate(0, 0) rotate(0deg); transform:translate(0, 0) rotate(0deg);
    }
    header.element .site-nav.sticky:before {opacity:0.7;}
    .site-nav .nav-list {
        position:fixed; left:0; top:0; width:100%; height:100%; z-index:11; padding:40px 20px; text-align:right;
        opacity:0; visibility:hidden; pointer-events:none; -o-transition:ease all 0.3s; transition:ease all 0.3s;
        -webkit-transition:ease all 0.3s; -moz-transition:ease all 0.3s; -ms-transition:ease all 0.3s;
        background:rgba(0, 0, 0, 0.9);
    }
    .nav-list > li {display:block; margin:22px 0; padding:0;}
    .nav-list > li a {display:inline-block; font-size:22px;}
    header.nav-active #mobile-nav-trigger .line.first {
        -webkit-transform:translate(0, 6px) rotate(45deg); -moz-transform:translate(0, 6px) rotate(45deg);
        -ms-transform:translate(0, 6px) rotate(45deg); -o-transform:translate(0, 6px) rotate(45deg); transform:translate(0, 6px) rotate(45deg);
    }
    header.nav-active #mobile-nav-trigger .line.last {
        -webkit-transform:translate(0, -2px) rotate(-45deg); -moz-transform:translate(0, -2px) rotate(-45deg);
        -ms-transform:translate(0, -2px) rotate(-45deg); -o-transform:translate(0, -2px) rotate(-45deg); transform:translate(0, -2px) rotate(-45deg);
    }
    header.nav-active #mobile-nav-trigger .line.middle {display:none !important;}
    header.nav-active .site-nav .nav-list {opacity:1; visibility:visible; pointer-events:auto;}
    .site-nav.sticky #mobile-nav-trigger {top:6px !important;}
    /*\mobile nav\*/

    #back-to-top {right:10px;}
}

@media only screen and (max-width:900px) {
    header.element {min-height:350px;}
    header.element .header-inner {padding:45px 0;}
    .header-inner .header-title {font-size:1.5em;}
    .header-inner .special-text:after {display:none;}

    .appstore-box {height:auto;}
    .appstore-box:before {display:none;}
    .appstore-box .img-holder {float:none; display:block; margin: 0 auto; width:180px;}
    .appstore-box .text-holder {margin:10px 0 30px 0; text-align:center;}
    .text-holder .text {font-size:12px;}
    .btn-logo {max-width:280px;}

    .img-text-box {height:auto;}
    .img-text-box .inner .image {float:none; display:block; width:auto; height:260px; background-size:cover;}
    .img-text-box .inner .text-holder {float:none; display:block; width:auto; padding:10px; text-align:left;}
    .img-text-box .inner .text-holder {max-width:none;}
    .bg-text-box {height:auto; padding:30px 0;}
}

@media only screen and (max-width:580px) {
    .text-holder .text {line-height:1.6;}
    .text-holder .text .title {font-size:2.2em;}
    .contact-box {padding:10px 0 0 0;}
    .contact-form .form-btn-holder {text-align:center;}
    .captcha-holder {float:none; display:block; width:auto; margin:0 auto 20px auto;}
}

@media only screen and (max-width:450px) {
    footer li {display:block; line-height:25px;}
    .flex-col {display: block;}
    .col3-item {display: block; width: auto; margin: 10px 0 0 0;}
    .img-placeholder {padding: 66% 0 0 0;}
}

/*Animations*/
@-webkit-keyframes bounce-arrow {
    0%, 100% {-webkit-transform:translate(0, 15px);}
    50% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes bounce-arrow {
    0%, 100% {-moz-transform:translate(0, 15px);}
    50% {-moz-transform:translate(0, 0);}
}
@-o-keyframes bounce-arrow {
    0%, 100% {-o-transform:translate(0, 15px);}
    50% {-o-transform:translate(0, 0);}
}
@keyframes bounce-arrow {
    0%, 100% {transform:translate(0, 15px);}
    50% {transform:translate(0, 0);}
}

#contactus { background: #ffffff; }