@import "../bootstrap/bootstrap.min.css";
@import "//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic";
@import "//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic";
@import "//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic";
@import "//fonts.googleapis.com/css?family=Merriweather:400,300italic,300,400italic,700,700italic";
*{box-sizing:border-box;}
:focus{
    outline:0
}
a{
    text-decoration:none!important
}
.divider{
    height:1px;
    width:100%;
    background-color:#ddd;
    position:relative;
    margin:40px 0
}
.divider.bottom{
    margin-bottom:0
}
.divider:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0.75)),color-stop(0.5,rgba(250,250,250,0)),color-stop(1,rgba(255,255,255,0.75)));
    background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);
    background-image:-moz-linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);
    background-image:-o-linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);
    background-image:-ms-linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);
    background-image:linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%)
}
.button{
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    vertical-align:middle;
    zoom:1;
    padding:13px 32px;
    font-weight:400;
    font-size:17px;
    color:#fff!important;
    text-shadow:rgba(0,0,0,0.2) 0 -1px 0;
    border:0;
    border-radius:10px;
    box-shadow:rgba(0,0,0,0.3) 0 1px 2px,inset rgba(255,255,255,0.88) 0 1px 3px -1px;
    background-color:#008974;
    background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#30B683),color-stop(100%,#008974));
    background:-webkit-linear-gradient(#30B683,#008974);
    background:-moz-linear-gradient(#30B683,#008974);
    background:-o-linear-gradient(#530B683,#008974);
    background:linear-gradient(#30B683,#008974);
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
.button:hover{
    color:#fff;
    text-decoration:none
}
.button:active{
    box-shadow:inset 0 3px 3px rgba(0,0,0,0.29)
}
.button.button-small{
    padding:10px 33px;
    border:1px solid #68A2EE;
    font-size:14px;
    font-weight:500
}
.button-outline,.button-outline:visited{
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    vertical-align:middle;
    zoom:1;
    color:#fff;
    padding:12px 31px;
    border:2px solid #fff;
    border-radius:10px;
    font-size:16px;
    font-weight:400;
    background:rgba(0,0,0,0.5);
    text-shadow:1px 1px 1px rgba(0,0,0,0.1);
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    text-decoration:none
}
.button-outline:hover{
    text-decoration:none;
    color:#FFF;
    background:rgba(0,0,0,0.8);
    border-color:#ddd
}
.button-clear{
    -webkit-font-smoothing:antialiased;
    border:0;
    outline:none;
    padding:1px;
    display:inline-block;
    text-decoration:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.075);
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.075);
    -ms-box-shadow:0 1px 0 rgba(0,0,0,0.075);
    -o-box-shadow:0 1px 0 rgba(0,0,0,0.075);
    box-shadow:0 1px 0 rgba(0,0,0,0.075);
    background:#adb2bb;
    background:-webkit-linear-gradient(#ccd0d6,#adb2bb);
    background:-moz-linear-gradient(#ccd0d6,#adb2bb);
    background:-ms-linear-gradient(#ccd0d6,#adb2bb);
    background:-o-linear-gradient(#ccd0d6,#adb2bb);
    background:linear-gradient(#ccd0d6,#adb2bb)
}
.button-clear span{
    display:block;
    font-size:14px;
    padding-left:23px;
    padding-right:23px;
    height:36px;
    line-height:33px;
    border-radius:4px;
    font-weight:700;
    color:#444;
    text-shadow:0 1px 0 #fff;
    background:#eff1f4;
    background:-webkit-linear-gradient(#f7f8fa,#eff1f4);
    background:-moz-linear-gradient(#f7f8fa,#eff1f4);
    background:-ms-linear-gradient(#f7f8fa,#eff1f4);
    background:-o-linear-gradient(#f7f8fa,#eff1f4);
    background:linear-gradient(#f7f8fa,#eff1f4);
    -webkit-box-shadow:inset 0 1px 0 #fff;
    -moz-box-shadow:inset 0 1px 0 #fff;
    -ms-box-shadow:inset 0 1px 0 #fff;
    -o-box-shadow:inset 0 1px 0 #fff;
    box-shadow:inset 0 1px 0 #fff
}
.button-clear:hover{
    text-decoration:none
}
.button-clear:active,.button-clear.active{
    background:#b5bac2;
    background:-webkit-linear-gradient(#b5bac2,#b5bac2);
    background:-moz-linear-gradient(#b5bac2,#b5bac2);
    background:-ms-linear-gradient(#b5bac2,#b5bac2);
    background:-o-linear-gradient(#b5bac2,#b5bac2);
    background:linear-gradient(#b5bac2,#b5bac2)
}
.button-clear:active span,.button-clear.active span{
    color:#444;
    background:#eff1f4;
    background:-webkit-linear-gradient(#e6e8eb,#eff1f4);
    background:-moz-linear-gradient(#e6e8eb,#eff1f4);
    background:-ms-linear-gradient(#e6e8eb,#eff1f4);
    background:-o-linear-gradient(#e6e8eb,#eff1f4);
    background:linear-gradient(#e6e8eb,#eff1f4);
    -webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
    -ms-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
    -o-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 0 rgba(0,0,0,0.1)
}
.section-button{
    text-align:center
}
.subtitle{
    font-size:18px
}
.img-thumbnail{
    background:#F3F3F3!important;
    padding:8px!important
}
input[type="text"].form-control,input[type="email"].form-control,input[type="password"].form-control{
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
    height:39px
}
input[type="text"].form-control::-webkit-input-placeholder,input[type="email"].form-control::-webkit-input-placeholder,input[type="password"].form-control::-webkit-input-placeholder{
    color:#B1B1B1;
    font-weight:400;
    font-size:14px
}
input[type="text"].form-control:-moz-placeholder,input[type="email"].form-control:-moz-placeholder,input[type="password"].form-control:-moz-placeholder{
    color:#B1B1B1;
    font-weight:400;
    font-size:14px
}
input[type="text"].form-control::-moz-placeholder,input[type="email"].form-control::-moz-placeholder,input[type="password"].form-control::-moz-placeholder{
    color:#B1B1B1;
    font-weight:400;
    font-size:14px
}
input[type="text"].form-control:-ms-input-placeholder,input[type="email"].form-control:-ms-input-placeholder,input[type="password"].form-control:-ms-input-placeholder{
    color:#B1B1B1;
    font-weight:400;
    font-size:14px
}
input[type="text"].form-control:focus,input[type="email"].form-control:focus,input[type="password"].form-control:focus{
    border-color:#98D2FF;
    outline:0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(166,205,236,0.6)
}
textarea.form-control{
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2)
}
textarea.form-control::-webkit-input-placeholder{
    color:#B1B1B1;
    font-weight:400;
    font-size:14px
}
textarea.form-control:-moz-placeholder{
    color:#B1B1B1;
    font-weight:400;
    font-size:14px
}
textarea.form-control::-moz-placeholder{
    color:#B1B1B1;
    font-weight:400;
    font-size:14px
}
textarea.form-control:-ms-input-placeholder{
    color:#B1B1B1;
    font-weight:400;
    font-size:14px
}
textarea.form-control:focus{
    border-color:#98D2FF;
    outline:0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(166,205,236,0.6)
}
h4{
    color:#5cb85c;
    font-weight:400;
    font-size:28px;
    line-height:32px;
    text-align:left
}
@media (max-width: 991px){
    h4{
        text-align:center
    }
}
.centering-text{
    text-align:center
}
.grayscale{
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%)
}
.no-margin h3{
    margin-top:0
}
@media (min-width: 1200px){
    .container{
        width:970px
    }
}
a{
    color:#459CE7
}
.container ul{
    list-style:none;
    margin-left:0;
    padding-left:0
}
.container li i{
    color:#FF561B;
    margin-right:10px
}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{
    background-color:#5585B3;
    border-color:#4477A3
}
.pagination > li > a,.pagination > li > span{
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -ms-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear
}
a:focus,button:focus{
    outline:none
}
.navbar .container{height:54px;}
.navbar.normal{
    min-height:70px;
    background:#223741;
    border-radius:0;
    box-shadow:0 1px 3px 1px rgba(46,46,46,0.3),inset rgba(255,255,255,0.2) 0 1px 1px;
    border:none;
    z-index:9999;
    -webkit-font-smoothing:antialiased
}
.navbar.normal .navbar-header .navbar-brand{
    color:#fff;
    padding:25px 15px;
    font-weight:500;
    font-size:23px
}
.navbar.normal .navbar-header .navbar-toggle{
    margin-top:17px
}
@media (min-width: 768px){
    .navbar.normal .navbar-collapse{
        text-align:center
    }
    .navbar.normal .navbar-collapse .navbar-nav{
        float:none;
        display:inline-block
    }
}
.navbar-collapse{
background:#222;
}
.navbar.normal .navbar-collapse .navbar-nav > li{
    float:none;
    display:inline-block
}
@media (max-width: 767px){
    .navbar.normal .navbar-collapse .navbar-nav > li{
        display:block
    }
}
.navbar.normal .navbar-collapse .navbar-nav > li.active > a{
    background:none;
    color:#fff
}
.navbar.normal .navbar-collapse .navbar-nav > li > a{
    padding:25px 20px;
    color:#d5d5d5;
    font-weight:500;
    z-index:1001;
    -webkit-transition:color .2s linear;
    -moz-transition:color .2s linear;
    -ms-transition:color .2s linear;
    -o-transition:color .2s linear;
    transition:color .2s linear;
}
@media (max-width: 767px){
    .navbar.normal .navbar-collapse .navbar-nav > li > a{
        padding:18px 20px
    }
}
.navbar.hero .navbar-nav > li ul.dropdown-menu li a,.navbar.normal .navbar-collapse .navbar-nav > li > a:hover{
    color:#fff
}
.navbar.hero .navbar-nav > li ul.dropdown-menu li a:hover{
    color:#5CB85C;
    background:none
}
.navbar.hero .navbar-nav > li ul.dropdown-menu{
    text-align:left;
    background:rgba(0,0,0,0.8);
    box-shadow:none;
    padding:5px 0 8px;
    border-radius:4px 0 4px 4px;
    border:0
}
@media (max-width: 767px){
    .navbar.normal .navbar-collapse .navbar-nav > li.open ul.dropdown-menu a{
        color:#fff;
        padding:12px 18px 12px 30px
    }
    .navbar.hero .navbar-nav>.open>a,.navbar.hero .navbar-nav>.open>a:hover,.navbar.hero .navbar-nav > li ul.dropdown-menu{
        background:transparent
    }
}
.navbar.normal .navbar-collapse .navbar-nav > li ul.dropdown-menu{
    text-align:left;
    padding:9px 0
}
.navbar.normal .navbar-collapse .navbar-nav > li ul.dropdown-menu li a{
    padding:8px 18px
}
.navbar.normal .navbar-collapse .navbar-nav .button{
    padding:8px 18px;
    font-size:13px;
    position:relative;
    top:17px
}
@media (max-width: 767px){
    .navbar.normal .navbar-collapse .navbar-nav .button{
        box-shadow:none;
        background:none;
        top:0;
        margin-bottom:20px;
        color:#d5d5d5!important;
        font-size:15px
    }
}
.navbar.hero{
    margin:0;
    border-radius:0;
    border:0;
    z-index:999;
    -webkit-font-smoothing:antialiased
}
@media (min-width: 768px){
    .navbar.hero .navbar-nav > .active > a{
        background:transparent;
        color:#fff
    }
}
.navbar.hero .navbar-brand{
    color:#fff;
    font-weight:500;
    font-size:26px;
    font-family:"Lato","Helvetica Neue",Arial;
    padding-top:0;
}
.navbar.hero .navbar-nav > li > a{
    color:#fff;
    font-size:15px;
    padding:15px;
    font-weight:500;
    -webkit-transition:color .2s linear;
    -moz-transition:color .2s linear;
    -ms-transition:color .2s linear;
    -o-transition:color .2s linear;
    transition:color .2s linear
}
.navbar.hero .navbar-nav > li > a.active{
    font-weight:700
}
.navbar.hero .navbar-nav > li > a:hover{
    color:#5CB85C
}
.navbar.hero .navbar-nav > li:nth-child(2) > a:hover{
    color:#FF561B
}
.navbar.hero .navbar-nav > li:nth-child(3) > a:hover{
    color:#F2270B
}
.navbar.hero .navbar-nav > li:nth-child(4) > a:hover{
    color:#008974
}
.navbar.hero .navbar-nav > li:nth-child(5) > a:hover{
    color:#E39C1A
}
.navbar.hero .navbar-nav > li:nth-child(6) > a:hover{
    color:#FF561B
}
.navbar.hero .navbar-nav > li:nth-child(7) > a:hover{
    color:#F2270B
}
#footer{
    background:#414B5B;
    margin-top:120px;
    padding-top:47px;
    padding-bottom:35px;
    -webkit-font-smoothing:antialiased
}
#footer .copyright{
    color:#B5C5CF;
    font-size:14px;
    font-weight:500
}
@media (max-width: 991px){
    #footer .copyright{
        margin-bottom:20px
    }
}
@media (max-width: 767px){
    #footer .copyright{
        text-align:center
    }
}
@media (max-width: 767px){
    #footer .menu{
        text-align:center;
        margin-top:40px
    }
}
#footer .menu ul{
    list-style-type:none;
    padding:0
}
#footer .menu ul li{
    display:inline-block
}
#footer .menu ul li.active a{
    color:#fff
}
#footer .menu ul li a{
    color:#ccc;
    padding:15px 17px;
    font-weight:500;
    -webkit-transition:color .2s linear;
    -moz-transition:color .2s linear;
    -ms-transition:color .2s linear;
    -o-transition:color .2s linear;
    transition:color .2s linear
}
#footer .menu ul li a:hover{
    color:#fff;
    text-decoration:none
}
@media (max-width: 991px){
    #footer .menu ul li a{
        padding:15px 17px 15px 0
    }
}
#footer .social{
    text-align:right
}
@media (max-width: 767px){
    #footer .social{
        text-align:center;
        margin-top:40px
    }
}
#footer .social a{
    border:0;
    text-decoration:none;
    opacity:1;
    filter:alpha(opacity=100);
    margin-left:15px;
    position:relative;
    top:-10px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease
}
#footer .social a:hover{
    opacity:.7;
    filter:alpha(opacity=70)
}
#footer-white{
    background:#fff;
    padding-bottom:30px;
    -webkit-font-smoothing:antialiased
}
@media (max-width: 991px){
    #footer-white{
        padding-top:30px
    }
}
@media (max-width: 767px){
    #footer-white .menu{
        text-align:center;
        margin-top:40px
    }
}
#footer-white .menu h3{
    margin-top:0;
    color:#888;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:14px;
    font-weight:600
}
#footer-white .menu ul{
    list-style-type:none;
    padding:0;
    margin-top:30px
}
#footer-white .menu ul li{
    display:block;
    margin-bottom:9px
}
#footer-white .menu ul li a{
    color:#89A1C0;
    display:inline-block;
    font-weight:500;
    font-size:13px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#footer-white .menu ul li a:hover{
    color:#000;
    text-decoration:none
}
@media (max-width: 991px){
    #footer-white .menu ul li a{
        padding:0
    }
}
#footer-white .menu ul li .hiring{
    font-family:"Lato","Helvetica Neue",Arial;
    font-weight:700;
    letter-spacing:.3px;
    text-transform:uppercase;
    word-spacing:1.5px;
    font-size:11px;
    margin-left:4px;
    padding:3px 8px;
    border-radius:4px;
    color:#fff;
    background:#49B7E2
}
#footer-white .menu ul li .hiring:hover{
    color:#fff;
    background:#0E82AF
}
#footer-white .newsletter{
    text-align:right
}
@media (max-width: 767px){
    #footer-white .newsletter{
        text-align:center;
        margin-top:40px
    }
}
#footer-white .newsletter .signup{
    margin-bottom:40px
}
#footer-white .newsletter .signup p{
    font-size:13px;
    color:#666;
    width:90%;
    float:right;
    text-align:left;
    line-height:20px
}
@media (max-width: 767px){
    #footer-white .newsletter .signup p{
        float:none;
        text-align:center;
        width:100%
    }
}
#footer-white .newsletter .signup form{
    float:right;
    width:90%;
    position:relative
}
@media (max-width: 767px){
    #footer-white .newsletter .signup form{
        float:none;
        width:100%
    }
}
#footer-white .newsletter .signup form input[type="text"]{
    font-size:13px
}
#footer-white .newsletter .signup form input[type="text"]::-webkit-input-placeholder{
    font-size:13px;
    line-height:17px
}
#footer-white .newsletter .signup form input[type="text"]:-moz-placeholder{
    font-size:13px;
    line-height:17px
}
#footer-white .newsletter .signup form input[type="text"]::-moz-placeholder{
    font-size:13px;
    line-height:17px
}
#footer-white .newsletter .signup form input[type="text"]:-ms-input-placeholder{
    font-size:13px;
    line-height:17px
}
#footer-white .newsletter .signup form input[type="submit"]{
    border:0;
    background:#84B0E2;
    color:#FFF;
    border-radius:3px;
    padding:6px 10px;
    position:absolute;
    top:5px;
    text-shadow:1px 1px rgba(0,0,0,0.28);
    right:5px;
    font-size:13px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#footer-white .newsletter .signup form input[type="submit"]:hover{
    background:#6284AC
}
#footer-white .newsletter a{
    border:0;
    text-decoration:none;
    opacity:1;
    filter:alpha(opacity=100);
    margin-left:15px;
    position:relative;
    top:-10px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease
}
#footer-white .newsletter a:hover{
    opacity:.7;
    filter:alpha(opacity=70)
}
#footer-white .credits{
    margin-top:30px
}
#footer-white .credits .col-md-12{
    padding-top:20px;
    font-size:13px;
    text-align:center;
    color:#A1AAB6
}
#hero{
	border-top:5px solid #5cb85c;
	background:#3a5670;
    position:relative;
	padding-bottom:30px;
	margin-bottom:30px;
}
#hero .header * {color:white;}
#hero .container{
    position:relative;
    z-index:33;
}
.main-title{
    font-family:"Lato","Helvetica Neue",Arial;
    font-size:52px
}
#home #hero h1.hero-text{
    font-family:"Lato","Helvetica Neue",Arial;
    line-height:52px;
    text-align:left;
    font-size:37px;
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:.3px;
    color:#FFF;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    -webkit-animation-duration:1s
}
@media (max-width: 767px){
    #home #hero h1.hero-text{
        font-size:25px;
        line-height:38px;
        margin-top:0;
        text-align:center
    }
}
#home #hero .sub-text{
    -webkit-font-smoothing:antialiased;
    width:50%;
    margin-top:25px;
    font-family:"Lato","Helvetica Neue",Arial;
    color:#fff;
    font-weight:400;
    font-size:18px;
    line-height:28px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    -webkit-animation-duration:1s
}
@media (max-width: 991px){
    #home #hero .sub-text{
        width:70%
    }
}
@media (max-width: 767px){
    #home #hero .sub-text{
        font-size:15px;
        width:100%;
        text-align:center
    }
}
#home .container .cta{
    -webkit-animation-delay:.6s;
    -moz-animation-delay:.6s;
    -o-animation-delay:.6s;
    -ms-animation-delay:.6s;
    animation-delay:.6s;
    text-align:center;
}
#home .container .cta a{
    padding:15px 0;
    width:calc(50% - 15px)
}
#home .container .cta a:first-child{
    margin-right:10px
}
@media (max-width: 767px){
    #home #hero .cta a{
        font-size:14px;
        padding:12px 25px;
        margin:0 15px 15px 0
    }
}
.header{
    text-align:center
}
#home .header h2{
    color:#555;
    font-weight:300;
    font-size:28px
}
@media (max-width: 767px){
    #home .header h2{
        font-size:25px
    }
}
#home #showcase,#home #features{
    margin-top:30px
}
@media (max-width: 991px){
    #home #features{
        margin-top:50px
    }
}
#home #features .header p{
    font-weight:300;
    font-size:17px;
    color:#757575
}
#home #features .feature{
    -webkit-font-smoothing:antialiased
}
@media (min-width: 992px){
    #home #features .feature.backwards .info{
        float:right
    }
    #home #features .feature.backwards .image{
        float:left
    }
    #home #features .feature.backwards .image img{
        margin:0 auto
    }
}
@media (max-width: 991px){
    #home #features .feature{
        margin-top:10px
    }
}
#home #features .feature .info p{
    color:#6C7279;
    font-size:14px;
    margin-top:20px;
    line-height:24px;
    width:83%;
    font-weight:400
}
@media (max-width: 991px){
    #home #features .feature .info p{
        text-align:center;
        width:100%;
        font-size:14px
    }
}
@media (max-width: 991px){
    #home #features .feature .image img{
        margin:0 auto!important;
        margin-top:20px
    }
}
@media (max-width: 767px){
    #home #features{
        margin-top:0
    }
}
#pricing{
    -webkit-font-smoothing:antialiased;
    border-top:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
    background:#5E7A9B;
    background:-webkit-linear-gradient(top,#355069 0,#5E7A9B 100%);
    background:-moz-linear-gradient(top,#355069 0,#5E7A9B 100%);
    background:-o-linear-gradient(top,#355069 0,#5E7A9B 100%);
    background:linear-gradient(top,#355069 0,#5E7A9B 100%);
    margin-top:40px;
    padding-top:45px;
    padding-bottom:70px
}
#pricing .header{
    text-align:center;
    font-family:"Lato","Helvetica Neue",Arial
}
@media (max-width: 991px){
    #pricing .header{
        margin-bottom:25px
    }
}
#pricing .header h3{
    font-size:29px;
    color:#fff;
    line-height:25px;
    font-weight:400;
    text-shadow:0 1px 2px rgba(0,0,0,0.2)
}
@media (max-width: 767px){
    #pricing .header h3{
        font-size:24px;
        line-height:29px
    }
}
#pricing .header p{
    font-size:16px;
    margin-top:15px;
    color:#F0F0F0;
    font-weight:400;
    line-height:25px;
    text-shadow:0 1px 2px rgba(0,0,0,0.2)
}
.charts{
    margin-top:35px
}
.charts img {margin-left:auto; margin-right:auto;}
@media (max-width: 991px){
    .charts{
        margin-top:10px
    }
}
.charts .chart{
    background-color:#fff;
    border:1px solid #E6E6E6;
    border-radius:5px;
    box-shadow:0 0 2px 0 rgba(181,181,181,0.3);
    padding:20px;
    position:relative;
    text-align:center;
    width:97%;
    min-height:315px;
    position:relative;
    top:37px
}
@media (max-width: 991px){
    .charts .chart{
        float:none!important;
        left:0!important;
        top:0!important;
        margin:0 auto;
        width:55%;
        margin-bottom:25px!important
    }
    .charts .chart.last{
        margin-bottom:0!important
    }
}
@media (max-width: 600px){
    .charts .chart{
        width:90%!important
    }
}
.charts .chart.first{
    float:right;
    left:12px
}
.charts .chart.last{
    left:-12px
}
.charts .chart.featured{
    min-height:350px;
    top:0;
    margin:0 auto
}
.charts .chart .popular{
    text-align:center;
    text-transform:uppercase;
    font-size:16px;
    letter-spacing:1px;
    color:#B1B1B1;
    font-weight:400
}
.charts .chart .quantity .dollar{
    font-size:19px;
    position:relative;
    top:-8px
}
.charts .chart .quantity .price{
    font-size:34px
}
.charts .chart .quantity .period{
    font-size:17px;
    position:relative;
    top:-8px;
    margin-left:4px
}
.charts .chart .plan-name{
    text-align:center;
    font-size:20px;
    font-weight:400;
    color:#777;
    border-bottom:1px solid #d5d5d5;
    padding-bottom:15px;
    width:90%;
    margin:0 auto;
    margin-top:8px
}
.charts .chart .specs{
    margin-top:20px
}
.charts .chart .specs .spec{
    font-size:15px;
    color:#474747;
    text-align:center;
    font-weight:300;
    margin-bottom:13px
}
.charts .chart .specs .spec .variable{
    color:#1FBEE7;
    font-weight:400
}
.charts .chart .btn-signup{
    margin-top:20px;
    height:38px
}
#home #slider{
    margin-top:70px
}
@media (max-width: 991px){
    #home #slider{
        margin-top:30px
    }
}
#home #slider .header{
    text-align:center;
    -webkit-font-smoothing:antialiased
}
#home #slider .header h3{
    font-family:"Lato","Helvetica Neue",Arial;
    font-size:25px;
    color:#555;
    line-height:25px;
    margin-bottom:15px
}
#home #slider .slide-wrapper{
    border-bottom:1px solid #E4E4E4
}
#home #slider .slide-wrapper .slideshow{
    background:url(../../images/slider-bg.png) 0 0 no-repeat;
    margin:0 auto;
    margin-top:35px;
    width:844px;
    height:418px;
    position:relative;
    overflow:hidden
}
@media (max-width: 991px){
    #home #slider .slide-wrapper .slideshow{
        background:none;
        width:inherit;
        height:340px
    }
}
@media (max-width: 620px){
    #home #slider .slide-wrapper .slideshow{
        height:290px
    }
}
@media (max-width: 530px){
    #home #slider .slide-wrapper .slideshow{
        height:240px
    }
}
@media (max-width: 450px){
    #home #slider .slide-wrapper .slideshow{
        height:205px
    }
}
#home #slider .slide-wrapper .slideshow .btn-nav{
    width:48px;
    height:51px;
    position:absolute;
    top:55%;
    z-index:999;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease
}
#home #slider .slide-wrapper .slideshow .btn-nav.active{
    opacity:1;
    filter:alpha(opacity=100);
    -moz-transform:translateX(0px)!important;
    -o-transform:translateX(0px)!important;
    -ms-transform:translateX(0px)!important;
    -webkit-transform:translateX(0px)!important;
    transform:translateX(0px)!important
}
#home #slider .slide-wrapper .slideshow .btn-nav.prev{
    background:url(../../images/slider/slide-left.png) 0 0 no-repeat;
    left:91px;
    -moz-transform:translateX(-48px);
    -o-transform:translateX(-48px);
    -ms-transform:translateX(-48px);
    -webkit-transform:translateX(-48px);
    transform:translateX(-48px)
}
@media (max-width: 991px){
    #home #slider .slide-wrapper .slideshow .btn-nav.prev{
        left:30px
    }
}
#home #slider .slide-wrapper .slideshow .btn-nav.next{
    background:url(../../images/slider/slide-right.png) 0 0 no-repeat;
    right:91px;
    -moz-transform:translateX(48px);
    -o-transform:translateX(48px);
    -ms-transform:translateX(48px);
    -webkit-transform:translateX(48px);
    transform:translateX(48px)
}
@media (max-width: 991px){
    #home #slider .slide-wrapper .slideshow .btn-nav.next{
        right:29px
    }
}
#home #slider .slide-wrapper .slideshow .slide{
    width:100%;
    height:100%;
    position:absolute
}
#home #slider .slide-wrapper .slideshow .slide.active img{
    opacity:1;
    filter:alpha(opacity=100);
    -moz-transform:translateY(0px);
    -o-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -webkit-transform:translateY(0px);
    transform:translateY(0px)
}
#home #slider .slide-wrapper .slideshow .slide img{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    -moz-transform:translateY(300px);
    -o-transform:translateY(300px);
    -ms-transform:translateY(300px);
    -webkit-transform:translateY(300px);
    transform:translateY(300px);
    opacity:0;
    -ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter:alpha(opacity=0);
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    -o-transition:all .6s ease;
    -ms-transition:all .6s ease;
    transition:all .6s ease
}
@media (max-width: 767px){
    #home #slider .slide-wrapper .slideshow .slide img{
        width:100%
    }
}
#home #cta{
    text-align:center;
    margin-top:60px
}
#home #cta p{
    font-family:"Lato","Helvetica Neue",Arial;
    font-size:17px;
    color:#7A7D81;
    letter-spacing:.1px
}
#home #clients{
    background:#253241;
    margin-top:120px;
    padding:65px 0 80px;
    text-align:center
}
#home #clients h3{
    color:#FFF;
    margin-top:0;
    font-family:"Lato","Helvetica Neue",Arial;
    font-weight:300;
    font-size:35px;
    letter-spacing:.3px;
    text-shadow:0 1px 2px rgba(0,0,0,0.2)
}
#home #clients p{
    font-size:16px;
    color:#f8f8f8;
    font-family:"Lato","Helvetica Neue",Arial;
    margin-top:17px;
    font-weight:300;
    line-height:25px;
    text-shadow:0 1px 2px rgba(0,0,0,0.2)
}
#home #clients .logos{
    margin-top:35px
}
#home #clients .logos img{
    margin:0 16px
}
@media (max-width: 767px){
    #home #clients .logos img{
        margin:0 auto;
        display:block;
        margin-bottom:15px
    }
}
@-webkit-keyframes name{
    0%{
        left:0
    }
    100%{
        left:-15px
    }
}
@-moz-keyframes name{
    0%{
        left:0
    }
    100%{
        left:-15px
    }
}
@-o-keyframes name{
    0%{
        left:0
    }
    100%{
        left:-15px
    }
}
@keyframes name{
    0%{
        left:0
    }
    100%{
        left:-15px
    }
}
#hero{
    border-top:5px solid #5cb85c;
	background:#3a5670;
    width:100%;
    position:relative
}
#features h3{
    margin-top:0
}
#features .highlight-box{
    background:#f7f7f7;
    padding:5px 10px;
    border:0
}
#addons #sidebar .header,#features #sidebar .header,#faq #sidebar .header{
    color:#5cb85c;
    text-align:left;
    line-height:32px;
    font-size:28px
}
#features #sidebar a,#addons #sidebar a,#refund-policy #sidebar a,#support-policy #sidebar a,#privacy #sidebar a,#faq #sidebar a{
    color:#333;
    text-decoration:none;
    text-shadow:2px 2px 0 #fff
}
#features #sidebar a:hover,#addons #sidebar a:hover,#refund-policy #sidebar a:hover,#support-policy #sidebar a:hover,#privacy #sidebar a:hover,#faq #sidebar a:hover{
    color:#5cb85c;
    text-decoration:none
}
#features #sidebar a.active,#addons #sidebar a.active,#refund-policy #sidebar a.active,#support-policy #sidebar a.active,#privacy #sidebar a.active,#faq #sidebar a.active{
    color:#5cb85c;
    font-weight:700
}
#features #sidebar ul,#addons #sidebar ul,#refund-policy #sidebar ul,#support-policy #sidebar ul,#privacy #sidebar ul,#faq #sidebar ul{
    list-style:none
}
#features #sidebar li,#addons #sidebar li,#support-policy #sidebar li,#refund-policy #sidebar li,#privacy #sidebar li,#faq #sidebar li{
    background:#f7f7f7;
    padding:12px 10px 12px 16px;
    margin-bottom:5px
}
#features #sidebar li:first-child,#addons #sidebar li:first-child,#support-policy #sidebar li:first-child,#refund-policy #sidebar li:first-child,#privacy #sidebar li:first-child,#faq #sidebar li:first-child{
    border-top:7px solid #5cb85c
}
#pricing #tabs{
    margin-bottom:40px;
    -webkit-font-smoothing:antialiased
}
@media (max-width: 991px){
    #pricing #tabs{
        margin-bottom:20px
    }
}
#pricing #tabs .header{
    text-align:center
}
#pricing #tabs .header h3{
    font-size:22px;
    color:#444;
    line-height:25px;
    font-weight:500;
    margin-bottom:7px
}
#pricing #tabs .header p{
    font-size:16px;
    font-weight:400;
    color:#888
}
#pricing #tabs .tabs-wrapper{
    margin-top:20px
}
#pricing #tabs .tabs-wrapper .nav-tabs{
    text-align:center;
    border-bottom:2px solid #EDEDED
}
@media (max-width: 991px){
    #pricing #tabs .tabs-wrapper .nav-tabs{
        display:none
    }
}
#pricing #tabs .tabs-wrapper .nav-tabs li{
    float:none;
    display:inline-block
}
#pricing #tabs .tabs-wrapper .nav-tabs li:last-child.active a,#pricing #tabs .tabs-wrapper .nav-tabs li:first-child.active a{
    color:#5CB85C;
    font-weight:400;
    border-bottom:0
}
#pricing #tabs .tabs-wrapper .nav-tabs li:last-child.active a{
    color:#F2270B
}
#pricing #tabs .tabs-wrapper .nav-tabs li:last-child.active a:after,#pricing #tabs .tabs-wrapper .nav-tabs li:first-child.active a:after{
    content:'';
    position:absolute;
    width:100%;
    height:auto;
    border-bottom:2px solid #5CB85C;
    left:1px;
    bottom:-1px
}
#pricing #tabs .tabs-wrapper .nav-tabs li:last-child.active a:after{
    border-color:#F2270B
}
#pricing #tabs .tabs-wrapper .nav-tabs li a{
    color:#888;
    font-weight:400;
    border:0;
    padding:10px 20px;
    font-size:15px;
    -webkit-transition:color .25s linear;
    -moz-transition:color .25s linear;
    -ms-transition:color .25s linear;
    -o-transition:color .25s linear;
    transition:color .25s linear
}
#pricing #tabs .tabs-wrapper .nav-tabs li:last-child a:hover,#pricing #tabs .tabs-wrapper .nav-tabs li:first-child a:hover{
    color:#5CB85C;
    background:none
}
#pricing #tabs .tabs-wrapper .nav-tabs li:last-child a:hover{
    color:#F2270B
}
@media (max-width: 991px){
    #pricing #tabs .tabs-wrapper .tab-content .tab-pane{
        display:block!important;
        opacity:1;
        filter:alpha(opacity=100);
        height:auto;
        text-align:center;
        margin-bottom:35px
    }
}
#pricing #tabs .tabs-wrapper .tab-content .tab-pane .info h4{
    color:#3B88B6;
    font-weight:400;
    font-size:19px;
    line-height:25px;
    margin-top:35px;
    text-align:center
}
#pricing {
    -webkit-font-smoothing:antialiased
}
#pricing p{
    text-align:center
}
.charts{
    margin-top:45px
}
.charts .chart{
    background-color:#fff;
    border:1px solid #D8D8D8;
    border-radius:5px;
    box-shadow:0 0 2px 0 rgba(181,181,181,0.3);
    padding:20px;
    position:relative;
    text-align:center;
    min-height:315px;
    position:relative;
    top:20px
}
@media (max-width: 991px){
    .charts .chart{
        float:none!important;
        left:0!important;
        top:0!important;
        margin:0 auto;
        width:55%;
        margin-bottom:25px!important
    }
    .charts .chart.last{
        margin-bottom:0!important
    }
}
@media (max-width: 600px){
    .charts .chart{
        width:90%!important
    }
}
.charts .chart.featured{
    z-index:999
}
@media (min-width: 992px){
    .charts .chart.featured{
        margin:0 auto;
        top:0;
        min-height:445px
    }
}
.charts .chart .quantity{
    margin-top:15px;
    padding-bottom:5px
}
.charts .chart .plan-name{
    text-align:center;
    font-size:20px;
    font-weight:400;
    color:#444;
    width:90%;
    margin:0 auto;
    margin-top:5px
}
.charts .chart .quantity{
    text-align:center;
    margin-top:10px
}
.quantity .dollar{
    font-size:19px;
    position:relative;
    top:-10px
}
.quantity .price{
    font-size:34px
}
.quantity .period{
    font-size:17px;
    position:relative;
    top:-8px;
    margin-left:4px
}
.charts .chart .specs{
    margin-top:20px
}
.charts .chart .specs .spec{
    font-size:15px;
    color:#474747;
    text-align:center;
    font-weight:300;
    margin-bottom:13px
}
.charts .chart .specs .spec .variable{
    color:#1FBEE7;
    font-weight:500
}
.charts .chart .btn-signup{
    margin-top:20px;
    height:38px
}
#pricing table tr td:first-child,#pricing table tr th:first-child{
    border-left:0
}
#pricing table tr td:last-child,#pricing table tr th:last-child{
    border-right:0
}
#pricing table tr td,#pricing table tr th{
    text-align:center
}
#pricing table tr td:nth-child(1),#pricing table tr th:nth-child(1){
    text-align:left
}
#pricing table tr:last-child td{
    border-bottom:0
}
#pricing table{
    margin-bottom:0;
    border:0
}
.table tr.info td,.table tr.danger td,.table tr.success td{
    border-color:#fff
}
#charts *{
    text-align:center
}
#charts #chart-option{
    margin-top:35px;
    -webkit-font-smoothing:antialiased
}
#charts #chart-option .divider{
    height:1px;
    width:100%;
    background-color:#ddd;
    position:relative;
    margin:80px 0 40px
}
#charts #chart-option .divider:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0.75)),color-stop(0.5,rgba(250,250,250,0)),color-stop(1,rgba(255,255,255,0.75)));
    background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);
    background-image:-moz-linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);
    background-image:-o-linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);
    background-image:-ms-linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%);
    background-image:linear-gradient(left,rgba(255,255,255,0.75) 0%,rgba(250,250,250,0) 50%,rgba(255,255,255,0.75) 100%)
}
#charts #chart-option .header{
    text-align:center
}
#charts #chart-option .header h3{
    font-size:22px;
    color:#444;
    line-height:25px;
    font-weight:500;
    margin-bottom:7px
}
#charts #chart-option .header p{
    font-size:16px;
    font-weight:400;
    color:#888
}
#charts #chart-option .chart{
    margin-top:40px;
    border:1px solid #dfdfdf;
    border-radius:5px;
    box-shadow:0 2px 3px 1px rgba(0,0,0,0.1)
}
#charts #chart-option .chart .header{
    text-align:center;
    background:#fbfbfb;
    margin:0 -15px;
    padding:20px 35px;
    font-weight:500;
    font-size:17px;
    color:#444;
    border-bottom:1px solid #dfdfdf;
    height:73px
}
@media (max-width: 991px){
    #charts #chart-option .chart .header{
        font-size:15px
    }
}
@media (max-width: 767px){
    #charts #chart-option .chart .header{
        font-size:13px
    }
}
#charts #chart-option .chart .header .price{
    color:#1a80d9;
    position:relative;
    top:3px;
    font-size:14px
}
@media (max-width: 767px){
    #charts #chart-option .chart .header .price{
        font-size:13px
    }
}
#charts #chart-option .chart .features-col .header{
    text-align:left;
    border-radius:5px 0 0 0;
    margin-bottom:30px;
    padding:23px 30px;
    font-size:18px
}
@media (max-width: 991px){
    #charts #chart-option .chart .features-col .header{
        font-size:16px
    }
}
#charts #chart-option .chart .features-col .spec{
    margin-bottom:32px;
    padding-left:40px;
    position:relative
}
#charts #chart-option .chart .features-col .spec .icon{
    position:absolute;
    font-size:27px;
    color:#849FC4;
    left:0;
    top:-4px
}
#charts #chart-option .chart .plan-col{
    border-left:1px solid #dfdfdf
}
#charts #chart-option .chart .plan-col.last .header{
    border-radius:0 5px 0 0
}
#charts #chart-option .chart .plan-col .header{
    padding:13px 0
}
#charts #chart-option .chart .plan-col .spec{
    margin-bottom:34px;
    margin-top:25px
}
#charts #chart-option .chart .plan-col .spec .check{
    margin:0 auto;
    display:block;
    max-width:20px
}
#charts #chart-option .chart .plan-col .button{
    margin-top:20px;
    margin-bottom:15px;
    font-size:13px;
    padding:11px 24px;
    background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#4ABCF3),color-stop(100%,#1a80d9));
    background:-webkit-linear-gradient(#4ABCF3,#1a80d9);
    background:-moz-linear-gradient(#4ABCF3,#1a80d9);
    background:-o-linear-gradient(#4ABCF3,#1a80d9);
    background:linear-gradient(#4ABCF3,#1a80d9)
}
@media (max-width: 991px){
    #charts #chart-option .chart .plan-col .button{
        padding:6px 10px;
        text-align:center
    }
}
#charts #chart-option .message p{
    text-align:center;
    font-size:13px;
    color:#656565;
    margin-top:30px
}
#charts #chart-option .faq{
    margin-top:50px
}
#charts #chart-option .faq .header h3{
    font-size:20px;
    color:#454545;
    text-align:left
}
#charts #chart-option .faq .questions{
    margin-top:25px
}
#charts #chart-option .faq .questions .question{
    margin-bottom:40px
}
@media (min-width: 992px){
    #charts #chart-option .faq .questions .question{
        width:90%
    }
}
#charts #chart-option .faq .questions .question strong{
    font-weight:500;
    font-size:16px;
    color:#454545
}
#charts #chart-option .faq .questions .question p{
    color:#555;
    margin-top:10px;
    font-size:13px;
    line-height:22px
}
#services{
    -webkit-font-smoothing:antialiased
}
#services #hero{
    margin-top:70px
}
@media (min-width: 992px){
    #services #hero .row{
        border-bottom:1px solid #E6E6E8
    }
}
@media (max-width: 991px){
    #services #hero .image img{
        margin:0 auto
    }
}
@media (min-width: 992px){
    #services #hero .info{
        padding-left:60px
    }
}
@media (max-width: 991px){
    #services #hero .info{
        text-align:center
    }
}
#services #hero .info h3{
    font-family:Myriad Pro,Lato,Helvetica Neue,Arial;
    font-weight:500;
    margin-top:70px;
    font-size:28px
}
#services #hero .info p{
    color:#666;
    margin-top:15px;
    line-height:23px
}
@media (min-width: 992px){
    #services #hero .info p{
        width:85%
    }
}
#services #tabs{
    margin-top:110px
}
@media (max-width: 991px){
    #services #tabs{
        margin-top:70px
    }
}
#services #tabs .hexagons{
    text-align:center
}
#services #tabs .hexagons .hexagon{
    background:url(../../images/hexagon.png) 0 0 no-repeat;
    width:100px;
    height:113px;
    position:relative;
    display:inline-block;
    margin-right:60px;
    cursor:pointer
}
@media (max-width: 991px){
    #services #tabs .hexagons .hexagon{
        margin:0
    }
}
#services #tabs .hexagons .hexagon:hover,#services #tabs .hexagons .hexagon.active{
    background-position:0 -117px
}
#services #tabs .hexagons .hexagon:hover .icon,#services #tabs .hexagons .hexagon.active .icon{
    color:#fff
}
#services #tabs .hexagons .hexagon:last-child{
    margin-right:0
}
#services #tabs .hexagons .hexagon .icon{
    font-size:48px;
    color:#80939b;
    position:absolute;
    top:32px;
    left:0;
    right:0;
    text-align:center
}
#services #tabs .sections{
    margin-top:35px;
    position:relative;
    height:220px
}
#services #tabs .sections .section{
    display:none;
    position:absolute
}
#services #tabs .sections .section.active{
    display:block
}
#services #tabs .sections .section h4{
    margin-bottom:18px
}
#services #tabs .sections .section p{
    line-height:25px
}
#services #grid-first{
    margin-top:30px
}
#services #grid-first .header{
    border-top:1px solid #E6E6E8;
    padding-top:55px;
    text-align:center
}
#services #grid-first .header h3{
    font-size:25px;
    color:#555C68;
    line-height:25px;
    font-weight:400;
    margin-bottom:13px
}
#services #grid-first .header p{
    font-size:16px;
    font-weight:400;
    color:#888
}
#services #grid-first .sections{
    margin-top:45px
}
#services #grid-first .sections .section{
    text-align:center
}
@media (max-width: 991px){
    #services #grid-first .sections .section{
        margin-bottom:40px
    }
}
#services #grid-first .sections .section .pic{
    display:inline-block;
    padding:15px;
    background:#f5f5f5;
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.45),inset 0 0 1px 1px #fff
}
#services #grid-first .sections .section .info{
    margin-top:25px;
    text-align:center
}
@media (min-width: 992px){
    #services #grid-first .sections .section .info{
        margin-left:45px;
        width:80%;
        text-align:left
    }
}
#services #grid-first .sections .section .info strong{
    font-weight:500;
    font-size:18px;
    color:#555
}
#services #grid-first .sections .section .info p{
    color:#666;
    margin-top:15px;
    line-height:22px
}
#services #grid-second{
    margin-top:80px
}
@media (max-width: 991px){
    #services #grid-second{
        margin-top:50px
    }
}
#services #grid-second .header{
    border-top:1px solid #E6E6E8;
    padding-top:55px;
    margin-bottom:35px
}
#services #grid-second .header h3{
    font-size:27px;
    font-family:Myriad Pro,Lato,Helvetica Neue,Arial;
    color:#444;
    line-height:25px;
    font-weight:500;
    margin-bottom:7px
}
@media (max-width: 991px){
    #services #grid-second .header h3{
        text-align:center
    }
}
#services #grid-second .header p{
    font-size:15px;
    font-weight:400;
    color:#666;
    width:50%;
    line-height:24px;
    margin-top:15px
}
@media (max-width: 991px){
    #services #grid-second .header p{
        margin:0 auto;
        width:90%;
        text-align:center
    }
}
#services #grid-second .features{
    margin-bottom:20px
}
@media (max-width: 991px){
    #services #grid-second .features .feature{
        text-align:center;
        margin-bottom:30px
    }
}
#services #grid-second .features .feature img{
    max-width:40px;
    position:relative;
    top:10px
}
@media (min-width: 992px){
    #services #grid-second .features .feature img{
        float:left
    }
}
@media (min-width: 992px){
    #services #grid-second .features .feature .info{
        float:left;
        width:80%;
        margin-left:20px
    }
}
#services #grid-second .features .feature .info strong{
    display:block;
    font-weight:500;
    font-size:16px;
    color:#444;
    margin-top:15px
}
#services #grid-second .features .feature .info p{
    font-weight:400;
    font-size:14px;
    color:#797979;
    margin-top:10px;
    line-height:24px
}
#services #features-hover{
    margin-top:120px
}
@media (max-width: 991px){
    #services #features-hover{
        margin-top:60px
    }
}
#services #features-hover .images{
    height:355px
}
@media (max-width: 767px){
    #services #features-hover .images{
        height:300px
    }
}
#services #features-hover .images img{
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    display:none
}
#services #features-hover .images img.active{
    display:block
}
#services #features-hover .features{
    margin-top:50px
}
@media (max-width: 991px){
    #services #features-hover .features{
        margin-top:0
    }
}
#services #features-hover .features .feature{
    cursor:pointer
}
@media (min-width: 992px){
    #services #features-hover .features .feature{
        width:85%;
        margin:0 auto
    }
}
#services #features-hover .features .feature.active strong,#services #features-hover .features .feature:hover strong{
    color:#58B0D5
}
#services #features-hover .features .feature.active p,#services #features-hover .features .feature:hover p{
    color:#555
}
#services #features-hover .features .feature strong{
    color:#b6b6b6;
    font-size:16px;
    -webkit-transition:color .2s linear;
    -moz-transition:color .2s linear;
    -ms-transition:color .2s linear;
    -o-transition:color .2s linear;
    transition:color .2s linear
}
#services #features-hover .features .feature p{
    margin-top:15px;
    line-height:25px;
    color:#b6b6b6;
    -webkit-transition:color .2s linear;
    -moz-transition:color .2s linear;
    -ms-transition:color .2s linear;
    -o-transition:color .2s linear;
    transition:color .2s linear
}
#services #cta{
    margin-top:120px
}
#services #cta .wrapper{
    background:#F7F8FB;
    border:1px solid #EAEDF7;
    border-radius:8px;
    padding:30px 60px;
    box-shadow:inset rgba(100,100,100,0.25) 0 1px 1px;
    margin:0 auto
}
@media (max-width: 991px){
    #services #cta .wrapper{
        text-align:center
    }
}
#services #cta h4{
    font-size:20px;
    color:#5F6E7C;
    font-weight:400;
    float:left;
    text-shadow:1px 1px 1px rgba(255,255,255,0.8)
}
@media (max-width: 767px){
    #services #cta h4{
        font-size:17px;
        line-height:23px
    }
}
#services #cta .button{
    float:right
}
@media (max-width: 991px){
    #services #cta .button{
        float:none;
        margin-top:20px
    }
}
@-webkit-keyframes name{
    0%{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translateY(0px)
    }
    100%{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translateY(-10px)
    }
}
@-moz-keyframes name{
    0%{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translateY(0px)
    }
    100%{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translateY(-10px)
    }
}
@-o-keyframes name{
    0%{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translateY(0px)
    }
    100%{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translateY(-10px)
    }
}
@keyframes name{
    0%{
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:translateY(0px)
    }
    100%{
        opacity:1;
        filter:alpha(opacity=100);
        -webkit-transform:translateY(-10px)
    }
}
#customization h4,#contact-us h4{
    font-size:18px
}
#customization .form-group,#contact-us .form-group{
    padding:5px 10px
}
#faq #frame,#contact-us #frame{
    background:#F6F6F6;
    border-top:1px solid #F2F2F2;
    border-bottom:1px solid #F2F2F2;
    padding:30px 0;
    margin:35px 0
}
#contact-us .paymentemail button{
    white-space:normal;
    width:100%
}
#customization .captcha img,#contact-us .captcha img{
    width:100%
}
#customization .captcha .captcha-image,#customization .captcha .captcha-image,#contact-us .captcha .captcha-image{
    padding:1px;
    background:#3c763d
}
@media (max-width: 767px){
    #faq #frame .topic,#contact-us #frame .topic{
        text-align:center
    }
    #customization .paymentemail button,#contact-us .paymentemail button{
        width:auto
    }
    #customization .captcha img,#contact-us .captcha img{
        width:auto
    }
    #customization .captcha .captcha-image,#contact-us .captcha .captcha-image{
        display:inline-block
    }
}
#support #frame .topic{
    background:#F6F6F6;
    border-top:1px solid #F2F2F2;
    border-bottom:1px solid #F2F2F2;
    padding:30px;
    margin:35px 0
}
#support #frame .topic .col-title{
    text-align:center
}
#support #frame .topic .section-button{
    margin-top:35px
}
#support #frame .topic .section-button a{
    color:#fff
}
@media (min-width: 768px){
    .as-table-row{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex
    }
    #support #frame .topic{
        border-radius:20px;
        margin-left:10px;
        margin-right:10px;
        width:calc(33.33333333% - 20px);
        width:moz-calc(33.33333333% - 20px);
        width:webkit-calc(33.33333333% - 20px)
    }
}
#faq #frame .topic .icon,#support #frame .topic .icon,#contact-us #frame .topic .icon{
    display:block;
    font-size:45px;
    color:#5cb85c
}
#faq #frame .topic a,#support #frame .topic a,#contact-us #frame .topic a{
    color:#333;
    text-decoration:none;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#faq #frame .topic a strong,#support #frame .topic a strong,#contact-us #frame .topic a strong{
    display:block;
    margin-top:15px;
    font-size:15px
}
#faq #frame .topic a:hover,#support #frame .topic a:hover,#contact-us #frame .topic a:hover{
    color:#5cb85c
}
#faq #frame .topic p,#support #frame .topic p,#contact-us #frame .topic p{
    margin-top:17px;
    color:#838383
}
#contact-us .purchase-table{
    padding:10px;
    border:1px solid #FAF2CB;
    border-radius:4px
}
#contact-us .purchase-table table th,#contact-us .purchase-table table td{
    border-color:#E39C1A
}
#faq #questions .panel-title a:hover{
    color:#5cb85c
}
#contact-us #questions .panel-title a:hover{
    color:#5cb85c
}
.highlight-box{
    background:#f7f7f7;
    padding:10px;
    border-top:7px solid #5cb85c
}
@media (min-width: 992px){
    .stick{
        position:fixed;
        top:0;
        z-index:1000
    }
}
@media (max-width: 768px){
    .highlight-box{
        margin-top:40px
    }
}
#contact-us.contact-us-2 .header{
    margin-bottom:40px
}
#thanksModal{
    z-index:9999
}
.marker-wrapper{
    position:absolute;
    top:170px;
    left:53%
}
.marker-wrapper .marker-icon{
    position:relative;
    top:32px;
    left:32px;
    width:25px;
    height:25px;
    display:block;
    border-radius:50%;
    background:#5A9FFF;
    box-shadow:0 1px 9px 2px rgba(0,0,0,0.39);
    border:3px solid #FFF
}
.marker-wrapper .marker{
    position:absolute;
    top:0;
    width:89px;
    height:89px;
    background-color:#fff;
    background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fff),color-stop(100%,rgba(255,255,255,0.8)));
    background:-webkit-radial-gradient(center,ellipse cover,#fff 0%,rgba(255,255,255,0.8) 100%);
    background:-moz-radial-gradient(center,ellipse cover,#fff 0%,rgba(255,255,255,0.8) 100%);
    background:-ms-radial-gradient(center,ellipse cover,#fff 0%,rgba(255,255,255,0.8) 100%);
    background:-o-radial-gradient(center,ellipse cover,#fff 0%,rgba(255,255,255,0.8) 100%);
    background:radial-gradient(ellipse at center,#fff 0%,rgba(255,255,255,0.8) 100%);
    border:3px solid #7fa5da;
    border-radius:50%;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-box-shadow:0 0 20px rgba(117,170,242,0.5),inset 0 0 10px rgba(117,170,242,0.8);
    -moz-box-shadow:0 0 20px rgba(117,170,242,0.5),inset 0 0 10px rgba(117,170,242,0.8);
    box-shadow:0 0 20px rgba(117,170,242,0.5),inset 0 0 10px rgba(117,170,242,0.8);
    color:#0 #0 #20px rgba(117,170,242,0.5) inset #0 #0 #10px rgba(117,170,242,0.8);
    -webkit-animation:map 2s infinite linear;
    -moz-animation:map 2s infinite linear;
    -o-animation:map 2s infinite linear;
    -ms-animation:map 2s infinite linear;
    animation:map 2s infinite linear
}
#addons #frame,#templates #frame,#customization #frame,#support-policy #frame,#refund-policy #frame,#blog #frame,#privacy #frame,#about-us #frame{
    margin:35px auto 0
}
#support-policy #frame .topic,#addons #frame .topic,#templates #frame .topic,#customization #frame .topic,#refund-policy #frame .topic,#blog #frame .topic,#privacy #frame .topic,#about-us #frame .topic{
    text-align:center
}
#support-policy #frame .topic img,#addons #frame .topic img,#templates #frame .topic img,#customization #frame .topic img,#refund-policy #frame .topic img,#blog #frame .topic img,#provacy #frame .topic img,#about-us #frame .topic img{
    max-width:200px;
    width:100%
}
#about-us .highlight-box p{
    text-align:left
}
#faq #questions .divider{
    margin:20px 0 10px
}
#support-policy .additional-support{
    margin:20px auto
}
@-webkit-keyframes name{
    0%{
        -moz-transform:scale(0);
        -o-transform:scale(0);
        -ms-transform:scale(0);
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0;
        filter:alpha(opacity=0)
    }
    50%{
        opacity:1;
        filter:alpha(opacity=100)
    }
    100%{
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0;
        filter:alpha(opacity=0)
    }
}
@-moz-keyframes name{
    0%{
        -moz-transform:scale(0);
        -o-transform:scale(0);
        -ms-transform:scale(0);
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0;
        filter:alpha(opacity=0)
    }
    50%{
        opacity:1;
        filter:alpha(opacity=100)
    }
    100%{
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0;
        filter:alpha(opacity=0)
    }
}
@-o-keyframes name{
    0%{
        -moz-transform:scale(0);
        -o-transform:scale(0);
        -ms-transform:scale(0);
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0;
        filter:alpha(opacity=0)
    }
    50%{
        opacity:1;
        filter:alpha(opacity=100)
    }
    100%{
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0;
        filter:alpha(opacity=0)
    }
}
@keyframes name{
    0%{
        -moz-transform:scale(0);
        -o-transform:scale(0);
        -ms-transform:scale(0);
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0;
        filter:alpha(opacity=0)
    }
    50%{
        opacity:1;
        filter:alpha(opacity=100)
    }
    100%{
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0;
        filter:alpha(opacity=0)
    }
}
#status #update{
    margin-top:40px;
    margin-bottom:130px;
    -webkit-font-smoothing:antialiased
}
#status #update .header{
    text-align:center
}
#status #update .header h3{
    font-size:22px;
    color:#444;
    line-height:25px;
    font-weight:500;
    margin-bottom:7px
}
#status #update .header p{
    font-size:16px;
    font-weight:400;
    color:#888
}
#status #update .current-status{
    background:#F7F8FB;
    border:1px solid #EAEDF7;
    border-radius:8px;
    box-shadow:inset rgba(100,100,100,0.25) 0 1px 1px;
    padding:20px 30px;
    margin:0 auto;
    margin-top:35px
}
#status #update .current-status .updated{
    float:right;
    color:#616A72;
    font-size:13px
}
@media (max-width: 767px){
    #status #update .current-status .updated{
        float:none;
        text-align:center;
        display:block;
        margin-bottom:20px
    }
}
#status #update .current-status .status{
    font-size:18px;
    font-weight:500
}
#status #update .current-status .status .color{
    width:15px;
    height:15px;
    border-radius:50px;
    float:left;
    position:relative;
    top:5px;
    margin-right:20px
}
#status #update .current-status .status .color.green{
    background:#96cb4c;
    border:1px solid #8BC43D;
    box-shadow:0 0 7px 2px #B3E074,inset 0 2px 1px -1px rgba(255,255,255,0.8)
}
#status #update .current-status .status .color.yellow{
    background:#F0D775;
    border:1px solid #E0CC7E;
    box-shadow:0 0 7px 2px #F0D775,inset 0 2px 1px -1px rgba(255,255,255,0.8)
}
#status #update .current-status .status .color.red{
    background:#F56B65;
    border:1px solid #FC7D77;
    box-shadow:0 0 7px 2px #FF9B96,inset 0 2px 1px -1px rgba(255,255,255,0.8)
}
#status #update .current-status .help{
    margin-top:7px;
    margin-left:35px
}
#status #update .modules{
    margin-top:40px;
    border-radius:5px
}
#status #update .modules > .list-group .list-group-item{
    padding:13px 15px
}
#status #update .modules > .list-group .list-group-item:first-child{
    border-top:0;
    border-top-right-radius:5px;
    border-top-left-radius:5px
}
#status #update .modules > .list-group .list-group-item .status{
    float:right;
    color:#0F9B0F;
    font-size:13px;
    font-weight:500
}
#status #update .modules > .list-group .list-group-item .status.down{
    color:#D88C1B
}
#status #update .messages{
    margin-top:35px
}
#status #update .messages h3{
    font-size:18px;
    color:#444;
    margin-bottom:25px
}
#status #update .messages .date{
    margin-bottom:25px
}
#status #update .messages .date .day{
    font-size:13px;
    font-weight:700;
    color:#454545;
    padding-bottom:6px;
    margin-bottom:6px;
    border-bottom:1px solid #eee
}
#status #update .messages .date .ok{
    color:#0F9B0F;
    font-size:13px;
    font-weight:500
}
#status #update .messages .date .issues{
    color:#D88C1B;
    font-size:13px;
    font-weight:500;
    margin-bottom:18px
}
#status #update .messages .date .update{
    color:#333;
    font-size:13px
}
#status #update .messages .date .update strong{
    font-size:13px;
    font-weight:700;
    color:#454545;
    min-width:93px;
    display:inline-block
}
#status #update .full-history{
    margin-top:50px
}
#showcase{
    margin:25px 0;
    -webkit-font-smoothing:antialiased;
	padding-bottom:20px;
}
#showcase h4
{
	color:#5cb85c;
}

#showcase img{border: 2px solid #FFF;}

.pic.fluidbox-opened:hover .layer{
    background:transparent
}
.pic.fluidbox-opened:hover .layer p{
    opacity:0;
    filter:alpha(opacity=0)
}
.pic:hover{
    text-decoration:none
}
.pic:hover .layer{
    background:rgba(33,33,33,0.8)
}
.pic:hover .layer p{
    margin-top:-20px;
    opacity:1;
    filter:alpha(opacity=100)
}
.pic .layer{
    width:100%;
    height:100%;
    position:absolute;
    z-index:9;
    top:0;
    left:0;
    background:transparent;
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out
}
.pic .layer p{
    transition:margin-top .35s ease-out,opacity .55s ease-out;
    color:#fff;
    font-size:15px;
    text-align:center;
    top:50%;
    width:100%;
    position:absolute;
    font-weight:600;
    margin-top:25px;
    opacity:0;
    filter:alpha(opacity=0)
}
.pic .layer p span{
    position:relative;
    top:1px;
    margin-right:2px
}
.pic img{
    margin:0 auto;
    border:2px solid #C7EBDD
}
a[data-fluidbox]{
    background-color:#eee;
    border:none;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    margin-bottom:1.5rem
}
a[data-fluidbox].fluidbox-opened{
    cursor:-webkit-zoom-out;
    cursor:-moz-zoom-out
}
a[data-fluidbox] img{
    display:block;
    margin:0 auto;
    opacity:0;
    filter:alpha(opacity=0);
    max-width:100%;
    transition:all .25s ease-in-out
}
a[class^='float']{
    margin:1rem;
    margin-top:0;
    width:33.33333%
}
a[class^='float'].float-left{
    float:left;
    margin-left:0
}
a[class^='float'].float-right{
    float:right;
    margin-right:0
}
#fluidbox-overlay{
    background-color:rgba(0,0,0,0.75);
    cursor:pointer;
    cursor:-webkit-zoom-out;
    cursor:-moz-zoom-out;
    display:none;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:500
}
.fluidbox-wrap{
    background-position:center center;
    background-size:cover;
    margin:0 auto;
    position:relative;
    z-index:400;
    transition:all .25s ease-in-out
}
.fluidbox-opened .fluidbox-wrap{
    z-index:600
}
.fluidbox-ghost{
    background-size:cover;
    background-position:center center;
    position:absolute;
    transition:all .25s ease-in-out
}
html.bg{
    background:#F5F9FF;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(1,rgba(255,255,255,0.5)));
    background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 100%);
    background-image:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 100%);
    background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 100%);
    background-image:-ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 100%);
    background-image:linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 100%);
    -webkit-background-size:100% 30%;
    -moz-background-size:100% 30%;
    background-size:100% 30%;
    background-repeat:no-repeat;
    background-position:0 100%
}
.not-found-page{
    height:100%;
    background:#3A4F68;
    background:-moz-radial-gradient(center,ellipse cover,#4D6077 0%,#3A4F68 100%);
    background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#4D6077),color-stop(100%,#3A4F68));
    background:-webkit-radial-gradient(center,ellipse cover,#4D6077 0%,#3A4F68 100%);
    background:-o-radial-gradient(center,ellipse cover,#4D6077 0%,#3A4F68 100%);
    background:-ms-radial-gradient(center,ellipse cover,#4D6077 0%,#3A4F68 100%);
    background:radial-gradient(ellipse at center,#4D6077 0%,#3A4F68 100%);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#4D6077',endColorstr='#3A4F68',GradientType=1)
}
#not-found{
    overflow:hidden
}
#not-found .info{
    text-align:center;
    padding-top:100px
}
#not-found .info h1{
    color:#fff;
    font-size:13em;
    margin-bottom:20px;
    font-weight:200;
    letter-spacing:-3px;
    text-shadow:1px 1px rgba(0,0,0,0.35)
}
#not-found .info p{
    font-size:31px;
    font-weight:100;
    color:#FFF;
    text-shadow:1px 1px 1px rgba(0,0,0,0.35);
    letter-spacing:2px;
    margin-bottom:0
}
#not-found .info .go-back{
    font-size:17px;
    text-shadow:none;
    letter-spacing:0;
    font-weight:200;
    color:#9BB2CE;
    z-index:999;
    position:absolute;
    left:0;
    right:0;
    padding:25px 0;
    max-width:400px;
    margin:auto;
    margin-top:-15px
}
#not-found .info .go-back a{
    color:#fff
}
#not-found #container canvas{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
#not-found-alt{
    overflow:hidden
}
#not-found-alt .info{
    text-align:center;
    margin-top:30px;
    position:absolute;
    width:100%
}
#not-found-alt .info h1{
    color:#fff;
    font-size:11em;
    margin-bottom:20px;
    font-weight:200;
    letter-spacing:-3px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.15)
}
#not-found-alt .info p{
    font-size:28px;
    font-weight:200;
    color:#4D728A;
    margin-bottom:0
}
#not-found-alt .info .go-back{
    font-size:17px;
    text-shadow:none;
    letter-spacing:0;
    font-weight:200;
    color:#506379;
    z-index:999;
    position:absolute;
    left:0;
    right:0;
    padding:25px 0;
    max-width:400px;
    margin:auto;
    margin-top:-15px
}
#not-found-alt .info .go-back a{
    color:#429AD5;
    text-shadow:1px 1px 1px rgba(255,255,255,0.4);
    font-size:18px
}
#not-found-alt canvas{
    background:linear-gradient(#b3d4e6 0%,#eef4f6 75%);
    display:block
}
#not-found-alt #container{
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%
}
#coming-soon{
    border-top:5px solid #4DB2E7;
    height:100vh;
    background:#fff;
    background:-moz-radial-gradient(center,ellipse cover,#fff 0%,#F4F9FF 100%);
    background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fff),color-stop(100%,#F4F9FF));
    background:-webkit-radial-gradient(center,ellipse cover,#fff 0%,#F4F9FF 100%);
    background:-o-radial-gradient(center,ellipse cover,#fff 0%,#F4F9FF 100%);
    background:-ms-radial-gradient(center,ellipse cover,#fff 0%,#F4F9FF 100%);
    background:radial-gradient(ellipse at center,#fff 0%,#F4F9FF 100%);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#F4F9FF',GradientType=1)
}
#coming-soon.dark{
    border-top:5px solid #DAEEF8;
    background:#4D576D!important
}
#coming-soon.dark .info a{
    color:#fff
}
#coming-soon.dark .info h3{
    color:#fff;
    font-weight:300
}
#coming-soon.dark #countdown #clock .flip-clock-divider .flip-clock-label{
    color:#fff
}
#coming-soon.dark form .button{
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    vertical-align:middle;
    zoom:1;
    color:#fff;
    padding:9px 27px;
    border:2px solid #fff;
    border-radius:4px;
    font-size:15px;
    font-weight:400;
    background:rgba(0,0,0,0.08);
    text-shadow:1px 1px 1px rgba(0,0,0,0.1);
    box-shadow:none;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#coming-soon.dark form .button:hover{
    text-decoration:none;
    color:#ddd;
    border-color:#ddd
}
#coming-soon.dark .social .ion span{
    color:#AEDCFF
}
#coming-soon .skins-nav{
    opacity:1;
    -webkit-transition:left .3s;
    -moz-transition:left .3s;
    -ms-transition:left .3s;
    -o-transition:left .3s;
    transition:left .3s;
    position:fixed;
    left:-40px;
    top:135px;
    font-size:13px;
    z-index:9999
}
#coming-soon .skins-nav:hover{
    left:0
}
#coming-soon .skins-nav a{
    display:block;
    color:#FFF;
    text-decoration:none;
    padding-right:30px;
    height:37px;
    border-radius:0 4px 4px 0;
    margin-bottom:3px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    text-align:right;
    position:relative;
    box-shadow:inset 0 1px rgba(255,255,255,0.21)
}
#coming-soon .skins-nav a.light{
    background:#9BD4F5
}
#coming-soon .skins-nav a.dark{
    background:#444
}
#coming-soon .skins-nav a.active .ion{
    display:block
}
#coming-soon .skins-nav a .text{
    white-space:nowrap;
    display:block;
    width:85px;
    position:relative;
    top:9px;
    -webkit-transition:width .2s;
    -moz-transition:width .2s;
    -ms-transition:width .2s;
    -o-transition:width .2s;
    transition:width .2s
}
#coming-soon .skins-nav a .ion{
    position:absolute;
    top:11px;
    right:8px;
    display:none
}
#coming-soon .info{
    margin-top:60px;
    text-align:center;
    color:#fff
}
#coming-soon .info a{
    color:#5F5F5F;
    text-decoration:none;
    font-family:Myriad Pro,Lato,Helvetica Neue,Arial;
    font-size:46px
}
#coming-soon .info a:hover{
    text-decoration:none
}
#coming-soon .info h3{
    text-align:center;
    color:#4DB2E7;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:400;
    font-size:18px;
    margin-top:25px
}
#coming-soon #countdown{
    margin-top:35px
}
#coming-soon #countdown #clock{
    width:100%;
    margin:0 auto
}
@media (min-width: 992px){
    #coming-soon #countdown #clock{
        width:47%
    }
}
@media (max-width: 991px){
    #coming-soon #countdown #clock{
        max-width:142px
    }
    #coming-soon #countdown #clock ul{
        margin-bottom:50px
    }
    #coming-soon #countdown #clock .flip-clock-divider{
        height:inherit;
        display:block
    }
    #coming-soon #countdown #clock .flip-clock-divider:before,#coming-soon #countdown #clock .flip-clock-divider:after{
        display:table;
        content:""
    }
    #coming-soon #countdown #clock .flip-clock-divider.minutes .flip-clock-label,#coming-soon #countdown #clock .flip-clock-divider.seconds .flip-clock-label{
        right:-74px!important
    }
    #coming-soon #countdown #clock .flip-clock-divider .flip-clock-label{
        bottom:-8.5em!important
    }
}
#coming-soon #countdown #clock .flip-clock-divider.minutes .flip-clock-label,#coming-soon #countdown #clock .flip-clock-divider.seconds .flip-clock-label{
    right:-102px
}
#coming-soon #countdown #clock .flip-clock-divider .flip-clock-label{
    color:#555;
    bottom:-1.5em;
    top:inherit;
    right:-92px;
    font-size:15px
}
#coming-soon #countdown #clock .flip-clock-divider .flip-clock-dot{
    display:none
}
#coming-soon form{
    margin-top:110px;
    text-align:center
}
@media (max-width: 767px){
    #coming-soon form{
        margin-top:70px
    }
}
#coming-soon form input[type="email"]{
    width:250px;
    height:43px
}
@media (max-width: 767px){
    #coming-soon form input[type="email"]{
        margin:0 auto
    }
}
#coming-soon form .button{
    background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#38BAFF),color-stop(100%,#37ADEB));
    background:-webkit-linear-gradient(#38BAFF,#37ADEB);
    background:-moz-linear-gradient(#38BAFF,#37ADEB);
    background:-o-linear-gradient(#38BAFF,#37ADEB);
    background:linear-gradient(#38BAFF,#37ADEB);
    padding:10px 19px;
    font-size:15px;
    font-weight:500;
    border:1px solid #54AEF5
}
#coming-soon .social{
    margin-top:100px;
    text-align:center;
    margin-bottom:20px
}
#coming-soon .social .ion{
    font-size:34px;
    margin:0 10px;
    display:inline-block
}
#coming-soon .social .ion span{
    color:#9DBDD6
}
#coming-soon .social .ion .ion-social-facebook{
    font-size:25px
}
#coming-soon .social .tm{
    margin-top:15px;
    color:#B1B9C4
}

#timeline{
    background:#f7f8fa
}
#timeline .timeline-wrapper{
    margin-top:60px;
    position:relative
}
#timeline .timeline-wrapper:before{
    content:'';
    position:absolute;
    width:5px;
    height:100%;
    left:0;
    background:#e7e8ec;
    right:0;
    margin:0 auto;
    z-index:-1
}
#timeline .timeline-wrapper .year{
    text-align:center;
    margin-bottom:50px;
    margin-top:50px;
    font-size:16px
}
#timeline .timeline-wrapper .year:nth-child(1){
    margin-top:0;
    margin-bottom:60px
}
#timeline .timeline-wrapper .year.last{
    margin-bottom:0;
    font-size:21px
}
#timeline .timeline-wrapper .year span{
    display:inline-block;
    background:#E7E8EC;
    padding:6px 20px;
    color:#5A5A5A;
    border-radius:3px
}
#timeline .timeline-wrapper .year + .node{
    margin-top:-20px
}
#timeline .timeline-wrapper .node{
    position:relative;
    float:right;
    clear:right;
    width:44%;
    margin:35px 0;
    border-radius:5px
}
@media (max-width: 767px){
    #timeline .timeline-wrapper .node{
        width:100%
    }
}
#timeline .timeline-wrapper .node.left{
    float:left;
    clear:left
}
#timeline .timeline-wrapper .node.left:before{
    right:-51px;
    left:inherit
}
@media (max-width: 991px){
    #timeline .timeline-wrapper .node.left:before{
        right:-42px;
        width:43px
    }
}
#timeline .timeline-wrapper .node.left .marker{
    left:inherit;
    right:-65px
}
@media (max-width: 991px){
    #timeline .timeline-wrapper .node.left .marker{
        right:-52px
    }
}
#timeline .timeline-wrapper .node:before{
    content:'';
    position:absolute;
    width:50px;
    height:4px;
    background:#E7E8EC;
    left:-51px;
    top:62px
}
@media (max-width: 991px){
    #timeline .timeline-wrapper .node:before{
        left:-42px;
        width:43px
    }
}
@media (max-width: 767px){
    #timeline .timeline-wrapper .node:before{
        display:none
    }
}
#timeline .timeline-wrapper .node .marker{
    position:absolute;
    width:17px;
    height:17px;
    border-radius:25px;
    background:#e7e8ec;
    left:-65px;
    top:55px;
    border:3px solid #F7F8FA
}
@media (max-width: 991px){
    #timeline .timeline-wrapper .node .marker{
        left:-51px
    }
}
@media (max-width: 767px){
    #timeline .timeline-wrapper .node .marker{
        display:none
    }
}
#timeline .timeline-wrapper .node .entry{
    position:relative;
    padding:20px;
    height:400px;
    background-size:cover;
    background-position:center center;
    border-radius:5px;
    box-shadow:0 1px 2px rgba(0,0,0,0.26)
}
#timeline .timeline-wrapper .node .entry:before{
    position:absolute;
    top:50%;
    bottom:0;
    left:0;
    right:0;
    content:'';
    border-radius:0 0 5px 5px;
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(15,24,49,0.89) 100%);
    background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(15,24,49,0.89) 100%);
    background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(15,24,49,0.89) 100%);
    background:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(15,24,49,0.89) 100%)
}
#timeline .timeline-wrapper .node .entry.smallish{
    height:320px
}
#timeline .timeline-wrapper .node .entry.smallish .intro{
    top:68%
}
#timeline .timeline-wrapper .node .entry.short-entry{
    background:#E7E8EC;
    color:#848C94;
    height:inherit;
    padding:13px;
    box-shadow:none;
    position:relative;
    top:41px;
    left:-1px;
    margin-bottom:20px;
    text-shadow:1px 1px rgba(255,255,255,0.4)
}
#timeline .timeline-wrapper .node .entry.short-entry:before{
    background:none
}
#timeline .timeline-wrapper .node .entry .intro{
    position:relative;
    top:75%;
    color:#FFF;
    z-index:9;
    letter-spacing:.3px
}
#timeline .timeline-wrapper .node .entry .intro h4{
    font-size:20px;
    text-shadow:1px 1px rgba(0,0,0,0.69);
    letter-spacing:.5px
}
@media (max-width: 767px){
    #timeline .timeline-wrapper .node .entry .intro h4{
        font-size:17px
    }
}
#timeline .timeline-wrapper .node .entry .intro p{
    font-weight:300
}
@media (max-width: 767px){
    #timeline .timeline-wrapper .node .entry .intro p{
        font-size:13px
    }
}
#timeline .timeline-wrapper .node .news{
    position:relative;
    background-size:cover;
    background-position:center center;
    border-radius:5px;
    box-shadow:0 1px 2px rgba(0,0,0,0.26);
    background:#fff
}
#timeline .timeline-wrapper .node .news section{
    padding:30px 20px 60px
}
#timeline .timeline-wrapper .node .news section h3{
    margin-top:0;
    font-size:17px;
    line-height:22px
}
#timeline .timeline-wrapper .node .news section p{
    margin-top:21px;
    line-height:22px;
    font-size:13px;
    color:#7A7979
}
#timeline .timeline-wrapper .node .news footer{
    position:absolute;
    bottom:0;
    padding:12px 20px;
    width:100%;
    font-size:12px;
    font-weight:500;
    color:#9EAEBE
}
#timeline .timeline-wrapper .node .news footer .tag{
    position:relative;
    padding-left:27px;
    text-transform:uppercase
}
#timeline .timeline-wrapper .node .news footer .tag span{
    font-size:24px;
    position:absolute;
    top:-4px;
    left:0
}
.row{
    margin-left:0;
    margin-right:0
}
#pricing .col-md-3{
    padding-left:7px;
    padding-right:7px
}

@media (max-width:640px)
{
	#ms_avp{max-width:98% !important; margin:20px 1% !important;}
	#ms_avp audio,
	#ms_avp video{width:100%;}
	.container{padding-right:35px; padding-left:35px;}
}