/* STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h2 { color:#3371A3; }
.logo {height: 2em;margin-top:0.5em;}
.count {
    font-size:6em;
    color:#3371A3; 
}
.hero h1 {
    text-shadow: 
    -1px 1px 0 #205681, 
    -2px 3px 1px #205681,
    -3px 5px 1px #205681,
    -4px 7px 1px #205681,
    -5px 9px 1px #205681,
    -6px 11px 1px #205681,
    -7px 13px 1px #205681;
    
}

#counter {
    border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
    height:auto !important;
}
button.cta {
    border:3px solid #E1406C;
    background-color:#E1406C;
    font-size: 1.25em !important;
    color: #FFF;
    opacity:1 !important;
}

button.cta:hover {
    border:3px solid #cb2653;
    background-color:#cb2653;
    color: #FFF;
}

button.cta-light {
    border:3px solid #25d0b3;
    background-color: transparent;
    color: #25d0b3;
    opacity:1 !important;
}

button.cta-light:hover {
    border:3px solid #1cb49a;
    background-color:#1cb49a;
    color: #FFF;
}

.cta-basic {
    border: 3px solid #607D8B;
    background-color:#607D8B;
    color: #FFF;
    opacity:1 !important;
}

.cta-premium {
    border: 3px solid #3371A3;
    background-color:#3371A3;
    color: #FFF;
    opacity:1 !important;
}

.cta-ai-plus {
    border: 3px solid #E1406C;
    background-color:#E1406C;
    color: #FFF;
    opacity:1 !important;
}

.dropdown {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color:rgba(0,0,0,0.7);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a:hover {
    color:#3371A3 !important;
    background-color: rgba(0,0,0, 0.05);
}

.video-wrapper {
    position:relative;
    width:400px;
    height:400px;
/*    border-radius:50%;*/
/*    border:1px solid #999;*/
/*    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);*/
    margin:auto;
    overflow: hidden;
}

.video-wrapper img {
/*    width: 50%;*/
/*    height: 50%;*/
    margin: 0 25%;
}

video {
    position:relative;
}

.hero-video {
    position:absolute;
    bottom:0px;
    margin:auto;
    text-align: center;
    z-index:-1;
}

.pricing-wrapper,
.news {
    padding-top:5em;
    min-height: 45em;
}

.press-entry {
    border-bottom:1px solid rgba(0,0,0,0.12);
}
.press-entry:first-of-type {
    border-top:1px solid rgba(0,0,0,0.12);
}
.press-entry:last-of-type {
    border:none;
}

.pricing-container {
    position:relative;
    padding: 70px 25px 0;
}

.pricing-footer {
    padding: 0 25px 70px; 
}

.pricing-ai-plus {
    border:1px solid #DDD;
}

.pricing-premium {}

.pricing-basic h2, .pricing-basic h3 {
    color:#607D8B !important;
}

.pricing-premium h2, .pricing-premium h3 {
    color:#3371a3 !important;
}

.pricing-ai-plus h2, .pricing-ai-plus h3 {
    color:#E1406C !important;
}

#pricing-description {}

.pricing-bookmark {
    border:20px solid #E1406C;
    border-bottom:15px solid transparent;
    border-top:0 solid; 
    display:block; 
    width:0; 
    height:50px; 
    left: 50%; 
    margin-left:-20px; 
    position:absolute; 
    top: -1px; 
    box-sizing: content-box;
}

.pricing-star {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 22px;
    left: -9px;
    width: 0;
    height: 0;
    border: 10px solid rgba(0, 0, 0, 0);
    border-top: 0 solid;
    border-bottom: 7px solid #fff;
    -webkit-transform: rotateZ(35deg);
    transform: rotateZ(35deg);
}

.pricing-star::before {
    content: "";
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: -5px;
    left: -6px;
    width: 0;
    height: 0;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top: 0 solid;
    border-bottom: 8px solid #fff;
    -webkit-transform: rotateZ(-35deg);
    transform: rotateZ(-35deg);
}

.pricing-star::after {
    content: "";
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border: 10px solid rgba(0, 0, 0, 0);
    border-top: 0 solid;
    border-bottom: 7px solid #fff;
    -webkit-transform: rotateZ(-70deg);
    transform: rotateZ(-70deg);
}

ul.pricing-list {
    margin: 30px 0px;
    list-style:none;
}

ul.pricing-list li.pricing-feature {
    position: relative; 
    padding: 7px 0 7px 30px
}

ul.pricing-list li.basic i {
    color:#607D8B;
}

ul.pricing-list li.premium i {
    color:#3371A3;
}

ul.pricing-list li.ai-plus i {
    color:#E1406C;
}

ul.pricing-list li i {
    font-size:20px; 
    left:0;
    position:absolute;
}

ul.pricing-list li span {
    font-size: 1em; 
    font-weight: 300; 
    margin: 0.5em 0px; 
    line-height:1.5rem;
}

ul.pricing-list li.disabled span {
    color: rgba(0,0,0,0.12);
}

/* HERO
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.hero {
    position:relative;
    width:100%;
    min-height: 600px;
    height: 100vh;
    color:#FFF;
/*    background-color:#666;*/
/*
    transition: all ease 0.7s;
    -o-transition: all ease 0.7s;
    -moz-transition: all ease 0.7s;
    -webkit-transition: all ease 0.7s;
*/
}

.hero-main {background-color: #3371A3;}
/*.hero-uploads {background-color: #3371A3;}*/
/*.hero-links {background-color: #3371A3;}*/
/*.hero-search {background-color: #3371A3;}*/
/*.hero-secure {background-color: #666;}*/
/*.hero-flexible {background-color: #3371A3;}*/
/*.hero-accessible {background-color: #3371A3;}*/
.hero-service {background-color: #3371A3;}



.hero-content {
    padding: 25vh 0;
    z-index:1;
}

.hero-bkgd {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

/*.hero-main .hero-bkgd { background-image: url('../img/bkgd/m_5bo1wkp4o.jpg'); }*/

.hero-search .hero-bkgd {
    background-image: 
        linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
        url('../img/bkgd/mnhqmzc6n.jpg');
}

.hero-uploads .hero-bkgd {
    background-image: 
        linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
        url('../img/bkgd/jufcqxgcxwa.jpg');
}

.hero-links .hero-bkgd {
    background-image: 
        linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
        url('../img/bkgd/6ywyo2qtaz8.jpg');
}

.hero-secure .hero-bkgd {
    background-image: 
        linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ),
        url('../img/bkgd/njetya05en4.jpg');
}

.hero-flexible .hero-bkgd {
    background-image: 
        linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),
        url('../img/bkgd/cnolhgqy.jpg');
}

.hero-accessible .hero-bkgd {
    background-image: 
        linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),
        url('../img/bkgd/0vgg7cqtwco.jpg');
}


.hero-shade {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 0;
}

/* HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.header {
    position: fixed;
    padding: 1rem 0;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: table;
    font-size: 0.875rem;
/*
    transition: all ease 0.7s;
    -o-transition: all ease 0.7s;
    -moz-transition: all ease 0.7s;
    -webkit-transition: all ease 0.7s;
*/
    z-index: 1000;
}

.header-scroll {
    background-color:#FFF;
    color:#333;
    box-shadow: 0px 0px 6px #CCC;
}

.header-container {
    padding: 0 2rem;
}

.header-left {
    display: inline-block;
}

.header-right {
    display: inline-block;
    float: right;
}

.header-button {
    display: inline-block;
    height: 2rem;
    line-height: 1rem;
    margin: 0;
    color:#FFF;
    background: transparent;
    border:2px solid #FFF;
}

.pricing-header-button {
    display: inline-block;
    height: 2rem;
    line-height: 1rem;
    margin: 0;
    color:#3371A3;
    background: transparent;
    border:2px solid #3371A3;
}

.header-button-simple {
    border:none;
    padding-left:0;
}

.header-logo-scroll {
    display: none;
/*
    transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
*/
}

/*
#button-red {
    color: #E1406C;
}
*/

/* SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section {
    min-height: 18rem;
    padding: 5em 0;
    border-bottom: 1px solid #DDD;
}

.section:last-of-type {
    border:none;
}

@media (max-width:768px){
    .section {
        height:auto;
        padding: 2em 0;
    }
}

#about {
    height:10em !important;
    padding:5em 0;
}


/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.footer {
    background-color:rgba(51, 113, 163, 0.05);
    color:#777;
    padding:6rem 0;
/*    border-top:1px solid #DDD;*/
    font-size:1em !important;
}


/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* store */

.anim-wrapper {
    text-align: center;
    position: relative;
    width:100%;
}

.anim-paper {
    background: #fff;
/*
    width: 10.25rem;
    height: 13.75rem;
*/
    width: 8.5rem;
    height: 11rem;
    margin: 0 auto;
    border-radius: 5px;
    position: relative;
    border:3px solid #37474F;
}

.anim-paper:nth-of-type(1) {
    transform: rotate(0deg);
}
.anim-paper:nth-of-type(2) {
    transform: rotate(1deg);
}
.anim-paper:nth-of-type(3) {
    transform: rotate(2deg);
}
.anim-paper:nth-of-type(4) {
    transform: rotate(3deg);
}
.anim-paper:nth-of-type(5) {
    transform: rotate(6deg);
}
.anim-paper:nth-of-type(6) {
    transform: rotate(7deg);
}

.anim-paper:before,
.anim-paper:after {
    content: '';
    position: absolute;
    left: 1rem;
    background: #607D8B;
    height: 0.25rem;
    border-radius: 5px;
}

.anim-paper:before {
    top: 2rem;
    width: 4.25rem;
}

.anim-paper:after {
    top:3rem;
    right: 1rem;
    box-shadow: 
        0 1rem 0 #607D8B,
        0 2rem 0 #607D8B,
        0 3rem 0 #607D8B,
        0 4rem 0 #607D8B,
        0 5rem 0 #607D8B,
        0 6rem 0 #607D8B;
/*        0 7rem 0 #607D8B;*/
}

.anim-paper-markup {
    position: absolute;
    height: 0.5rem;
    margin-top: -0.125rem;
    border-radius: 5px;
    z-index:1;
    display: none;
}

.anim-paper-markup:nth-of-type(1) {
    background-color: #3371A3;
    top: 3rem;
    left: 3rem;
    width: 1.5rem;
}
.anim-paper-markup:nth-of-type(2) {
    background-color: #83a017;
    top: 6rem;
    left: 5rem;
    width: 1rem;
}
.anim-paper-markup:nth-of-type(3) {
    background-color: #F0C737;
    top: 8rem;
    left: 6rem;
    width: 1.25rem;
}
.anim-paper-markup:nth-of-type(4) {
    background-color: #3371A3;
    top: 7rem;
    left: 2.5rem;
    width: 1rem;
}
.anim-paper-markup:nth-of-type(5) {
    background-color: #E1406C;
    top: 4rem;
    left: 4rem;
    width: 1.25rem;
}
.anim-paper-markup:nth-of-type(6) {
    background-color: #E1406C;
    top: 3rem;
    left: 2rem;
    width: 0.75rem;
}
.anim-paper-markup:nth-of-type(7) {
    background-color: #83a017;
    top: 7rem;
    left: 6.5rem;
    width: 1.25rem;
}
.anim-paper-markup:nth-of-type(8) {
    background-color: #F0C737;
    top: 3rem;
    left: 6.25rem;
    width: 1rem;
}
.anim-paper-markup:nth-of-type(9) {
    background-color: #F0C737;
    top: 5rem;
    left: 2.5rem;
    width: 1.25rem;
}
.anim-paper-markup:nth-of-type(10) {
    background-color: #E1406C;
    top: 9rem;
    left: 2rem;
    width: 1rem;
}

/* search */

.anim-search {
    display: inline-block;
	position: relative;
	height: 2.5rem;
	width: 2.5rem;
	box-sizing: border-box;
	margin: 2rem auto;
	border: 4px solid #37474F;
	border-radius: 2rem;
	transition: all 400ms ease;
	color:transparent;
}

.anim-search:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 1.5rem;
    right: -0.4rem;
    top: 1.5rem;
    background: #37474F;
    border-radius: 0.5rem;
    transform: rotate(-45deg);
    transition: all 200ms ease;
}

.anim-search-hover {
    width:90%;
    margin:auto;
    height: 3.5rem;
    color:#333;
    background-color: #FAFAFA;
    transition: all 300ms ease;
}

.anim-search-hover:after {
    height:0;
    color:#333;
}

.anim-search p {
    width:0%;
    font-size:1em;
    top:0%;
    position:absolute;
    margin: 0.75rem 5%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    transition: all 0.2s ease;
    color: transparent;
}

.anim-search-hover p {
    color:#37474F;
    font-weight:500;
}

.anim-search p:nth-of-type(1) { animation: type 24s infinite; }
.anim-search p:nth-of-type(2) { animation: type 24s 6s infinite; }
.anim-search p:nth-of-type(3) { animation: type 24s 12s infinite; }

@keyframes type {
    0% { opacity: 0; }
    20% { width: 0; opacity: 1; }
    20% { width: 90%; opacity: 1; }
    30% { width: 0; opacity: 1; }
    50% { opacity: 0; }    
}

/* create */

.anim-paper-stack {
    width:100%;
}

.anim-paper-stack .anim-paper {
    display: inline-block;
    margin-left: -8.5rem;
    transition: all ease 0.5s;
}

.anim-paper-stack .anim-paper:first-of-type {
    display: inline-block;
    margin-left:0rem;
}

.anim-highlight {
    
    margin-bottom:-2rem;
}

/* secure */

.anim-envelope {
  position: relative;
  margin: 4rem auto 0;
  width: 10rem;
  height: 6rem;
  background: #EEE;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 1px #c94548 inset;
}
.anim-envelope:before,
.anim-envelope:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border: 0 solid transparent;
    border-width: 3rem 5rem;
}
.anim-envelope:before {
    border-bottom-color: #EEE;
    top: -100%;
    left: 0px;
}
.anim-envelope:after {
    border-right-color: #E9E7E6;
    border-left-color: #EEE;
    border-bottom-color: #EEE;
    top: 0;
    border-radius: 0 0 5px 5px;
    transform: rotate(360deg);
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

.anim-envelope-paper {
    background: #fff;
    width: 8.5rem;
    height: 6em;
    top: -0.5rem;
    margin: 0 auto;
    border-radius: 5px;
    position: relative;
    border:4px solid #37474F;
    transition: all ease 0.5s;
}
.anim-envelope-paper:before,
.anim-envelope-paper:after {
    content: '';
    position: absolute;
    left: 1rem;
    background: #607D8B;
    height: 0.25rem;
    border-radius: 5px;
}
.anim-envelope-paper:before {
    top: 2rem;
    width: 4.25rem;
}

.anim-envelope-paper:after {
    top:3rem;
    right: 1rem;
    box-shadow: 
        0 1rem 0 #607D8B,
        0 2rem 0 #607D8B,
        0 3rem 0 #607D8B
}

.anim-icon {
    font-size:8rem !important;
    color:#3371A3;
    position:absolute;
    bottom:-3rem;
    left:-3.5rem;
    z-index:10;
    opacity: 0;
    transition: all ease 0.5s;
}

/* customize */

.anim-wrapper {

}

.anim-tuner {
    height:10rem;
    width:30%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}


/*
@media (min-width: 1200px) {
    .anim-tuner {
        height:10rem;
        width:30%;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
}
@media (max-width: 1199px) {
    .anim-tuner {
        width:10em;
        height:1em;
        display: block;
        position: absolute;
        vertical-align: top;
    }
}
*/


.anim-tuner-knob {
    left:50%;
    position:absolute;
    margin-left:-1.25rem;
    background-color:#FFF;
    height:1rem;
    width:2.5rem;
    border-radius:1rem;
    border:5px solid #37474F;
    top:4rem;
    transition: all ease 0.5s;
}

.anim-tuner-track {
    border:4px solid #CFD8DC;
    height:80%;
    width:0;
    border-radius:0.5rem;
    position:absolute;
    left:50%;
    margin: 10% 1px;
}

@media (min-width: 1200px) {
    .anim-dash {
        height:10rem;
        width:30%;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
}
@media (max-width: 1199px) {
    .anim-dash {
        height:10rem;
        width:60%;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
}

.anim-column {
    height:6rem;
    display: inline-block;
    margin: auto;
    vertical-align: top;
}

.anim-data {
    background-color: #607D8B;
    display: inline-block;
    margin: 0.125rem;
    transition: all ease 0.5s;
    bottom:0;
    vertical-align: top;
    border-radius: 3px;
    border: 5px solid #37474F;
}

.anim-column .anim-data:nth-of-type(1) { width:1rem; height:3.5rem;}
.anim-column .anim-data:nth-of-type(2) { width:1rem; height:2.5rem;}
.anim-column .anim-data:nth-of-type(3) { width:1rem; height:4rem;}

.anim-dial {
    position: relative;
    height: 2.25rem;
    width: 4rem;
    border: 5px solid #37474F;
    border-radius:5px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    margin: 1rem auto;
}

.anim-dial-needle {
    position: absolute;
    height: 1.9rem;
    width:0.25rem;
    background-color: #E1406C;
    left:50%;
    margin-left:-0.125rem;
    bottom: 0.25rem;
    border-radius:0.125rem;
    transform-origin: bottom;
    transform: rotate(-30deg);
    transition: all ease 0.8s
}

@media (min-width: 1200px) {
    .anim-ind {
        height:10rem;
        width:30%;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
    .anim-buttons {
        height:1.25rem;
        width:1.25rem;
        border:5px solid #3371A3;
        border-radius: 1rem;
        margin:1.25rem auto;
    }
}
@media (max-width: 1199px) {
    .anim-ind {
        height:2rem;
        width:10rem;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
    .anim-buttons {
        height:1.25rem;
        width:1.25rem;
        border:5px solid #3371A3;
        border-radius: 1rem;
        margin:1.25rem 5rem;
        display: inline-block;
    }
}

/*
.anim-ind {
    height:10rem;
    width:30%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
*/

.anim-buttons {
    height:1.25rem;
    width:1.25rem;
    border:5px solid #3371A3;
    border-radius: 1rem;
    margin:1.25rem auto;
}

/* Mobile */

.anim-device-frame {
    position: relative;
}
.anim-device {
    border: 1rem solid #37474F;
    border-radius:5px;
    background-color:#FCFCFC;
    height:8rem;
    width:12rem;
    margin:auto;
/*    display:none;*/
}

.anim-device-base {
    position:absolute;
    background-color: #37474F;
    height:2.5rem;
    width:5rem;
    margin:auto;
    margin-right:-2.5rem;
    right:50%;
/*    display:none;*/
    border-radius:0.125rem;
}

/* Service */

.request-support {
    display:inline-block;
    position:absolute;
    width:45%;
    left:0%;
}

.support {
    display:inline-block;
    position:absolute;
    width:45%;
    right:0%;
}

.anim-help {
    height: 6.5rem;
    width: 6.5rem;
    border-radius: 4rem;
    border-bottom-left-radius:0;
    border: 8px solid #3371A3;
    background-color: #FFF;
    text-align: center;
    line-height: 8rem;
    margin-left:0rem;
    right:0;
    top:1em;
    position:absolute;
}

.anim-help:before {
    content:'';
    position: absolute;
    width: 0; 
	height: 0; 
    bottom: -3rem;
    left: -0.5rem;
	border-left: 0rem solid transparent;
	border-right: 2rem solid transparent;
	border-top: 1.5rem solid #3371A3;
    text-align: center;
    margin: 2rem auto 1rem;
}

.anim-help:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    bottom: -1rem;
    border-left: 0rem solid transparent;
	border-right: 1.5rem solid transparent;
	border-top: 1rem solid #FFF;
}

.anim-help span {
    font-size: 5rem;
    line-height: 7rem;
    color:#3371A3;
    font-weight: normal;
}

.anim-human {
    position: relative;
    height: 4rem;
    width: 4rem;
    border: 4px solid #3371A3;
    background-color: #FCFCFC;
    border-radius: 3rem;
    margin: 0.5rem;
    top: -2rem;
    left:0;
}

.anim-human:nth-of-type(1) i {
    font-size:3rem;
    line-height: 4rem;
    color: #F0C737;
}

.anim-human:nth-of-type(2) i {
    font-size:3rem;
    line-height: 4rem;
    color: #83a017;
}

.anim-human:nth-of-type(3) i {
    font-size:3rem;
    line-height: 4rem;
    color: #E1406C;
}

.span-bold {font-weight:bold;}
.span-blue {color:#3371a3;font-weight:bold;}
.span-red {color:#E1406C;}
.span-green {color:#42c299;font-weight:bold;}
.span-yellow {color:#F0C737;font-weight:bold;}


.sidebar ul {
    list-style:none;
}

.sidebar ul li {
    padding: 0.5em;
}

.sidebar ul li:last-of-type {
    color:#E1406C;
}

.sidebar {
    position:absolute;
    top: 6em;
    white-space: nowrap;
    margin-left:1em;
}

.stuck {
    position: fixed;
    top: 6em;
    z-index: 100;
    border-top: 0;
    white-space: nowrap;
}

.sidebar ul li:hover {
    background-color:rgba(51, 113, 163, 0.25);
    color:white;
    border-radius:3px;
    cursor:pointer;
    white-space: nowrap;
}

.sidebar ul li.active {
    background-color:rgba(51, 113, 163, 1);
    color:white;
    border-radius:3px;
    cursor:pointer;
    white-space: nowrap;
}

.sidebar ul li a {
    color:inherit;
    text-decoration: none;
}

.section ul {
    list-style:none;
}

ul.feature-list {
    list-style:none;
    margin:0;
}

ul.feature-list li {
    position: relative; 
    padding: 7px 0 7px 40px;
    margin:0;
}

ul.feature-list li i {
    font-size:30px;
    left:0;
    top:4px;
    position:absolute;
    
}

i.rotated {
    -webkit-transform: rotate(45deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(45deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(45deg);  /* IE 9 */
    -o-transform: rotate(45deg);  /* Opera 10.50-12.00 */
    transform: rotate(45deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
    transition: all ease 0.7s;
    -o-transition: all ease 0.7s;
    -moz-transition: all ease 0.7s;
    -webkit-transition: all ease 0.7s;
}

ul.feature-list li span {
    font-size: 1em; 
    font-weight: 500; 
    margin: 0.5em 0px; 
    line-height:1.5rem;
}

#uploads-features {
    margin-top: 4em;
    display:none;
}

#uploads-features li {
    margin-top:2em;
    position: relative; 
    padding: 7px 0 7px 48px;
    margin: 2em 0 0;
}

#uploads-features li i {
    font-size:40px;
    left:0;
    position:absolute;    
}


#show-uploads-features {
    cursor:pointer;
}

#flexible .container  {
    border: 1px solid #CCC;
    border-radius: 5px;
    background:#FDFDFD;
    margin: 0 1.25em;
}

#secure, #flexible {border:none;}

#flexible li {
    font-size: 1em;
    padding: 0 24px;
    border-left: 3px solid transparent;
    margin: 2em 0 2em 3em;
    cursor:pointer;
    opacity: 0.8;
}

#flexible li:hover {
    border-left: 3px solid #E1406C;
    padding: 0em 24px;
    opacity: 1;
}

.hero-content .container {
    max-width:none;
}

#search li i {
    color: #3371a3;
}

#secure li i {
    color: #42c299;
}

#uploads li i {
    color: #F0C737;
}

/*
 For devices larger than 1600px 
@media (min-width: 1600px) {
    .hero-content .container h1 {
        font-size:3vw;
    }
    .hero-content .container h3 {
        font-size:1.5vw;
    }
    .hero-content .container button {
        font-size:1vw;
    }
}
*/


.intercom-launcher {
  backface-visibility: hidden;
  background: #000;
  border-radius: 50%;
  bottom: 20px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.06),
              0 2px 32px rgba(0,0,0,0.16);
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  height: 0;
  opacity: 0;
  outline: 0;
  position: fixed;
  right: 20px;
  transform: scale(0.5);
  transform-origin: center;
  transition: opacity 0.25s ease,
              transform 0.25s ease;
  width: 0;
  z-index: 2147483000;

  &:focus {
    outline: 0;
  }

  &.intercom-booted {
    height: 50px;
    opacity: 1;
    transform: scale(1);
    width: 50px;
  }

  * {
    cursor: pointer;
  }
}

.intercom-unread-count {
  backface-visibility: hidden;
  background: #fc576b;
  border-radius: 20px / 2;
  box-shadow: 0 1px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #fff;
  font-size: 20px * 0.6;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  opacity: 0;
  padding: 0 4px;
  position: absolute;
  right: -2px;
  text-align: center;
  top: -2px;
  transform: scale(0.5);
  transform-origin: center;
  transition: opacity 0.15s ease,
              transform 0.15s ease;

  &.active {
    opacity: 1;
    transform: scale(1);
  }
}

.intercom-icon-open,
.intercom-icon-close {
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  bottom: 0;
  position: absolute;
  top: 0;
  transition: transform 0.16s linear,
              opacity 0.08s linear;
  width: 100%;
}

.intercom-icon-open {
  background-image: url('data:image/png;base64,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');
  background-position: 50% 60%;
  background-size: 54% 60%;
  opacity: 1;
  transform: rotate(0deg) scale(1);

  .intercom-open & {
    opacity: 0;
    transform: rotate(30deg) scale(0);
  }
}

.intercom-icon-close {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAD///////////////////////////////////8AAADPn83rAAAACXRSTlMACq47u/I8r7wWzHxoAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAJJJREFUGNNdzzEKhDAQBdAvwtYWW9hbbSdCDrBnWBDS2Sx7A8HSKwgic1tNxj/jmirDC5P/UTSw01V4ri2nMr7xkg/HIAu+Qi6j9HhEcpB1gHFGGCuSTyQTlQ2Vg3ic4x49TVpzwcQXvI+3x/+r0p9eLAfyYhrIWNOSmfZkVlH2Kpm9Z+bJeh68oSYmnlGMnv1X7RZ2SET5id+LAAAAAElFTkSuQmCC');
  background-size: 25%;
  opacity: 0;
  transform: rotate(-30deg);

  .intercom-open & {
    opacity: 1;
    transform: rotate(0deg);
  }
}