/* CSS */

html, body{
	margin:0;
	padding:0;
	font-family: "futura-pt", Arial, Helvetica, Sans-serif;
	color:#fff;
	font-size:15px;
	width:100%;
	height:100%;


    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-touch-callout: none;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    
}


a, a:focus, a:visited, img{
    outline:none;
    border:none;
}

a{
	position: relative;
	display:inline-block;
}

a, a:visited{
	text-decoration: none;
	color:#fff;
}



input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    outline-width: 0;
}

body:not(#documentation),
body:not(#documentation) main,
body:not(#documentation) footer{
    background:#191a19;
}
/* html, body, h1, h2, h3, h4, p, span, a, div, img */

#blender{
    position: fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    background:rgba(25,25,25,0.8);
    display: none;
}

body#documentation #blender{
    background:rgba(25,25,25,0.2);
}


#mobile{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#mobile{
    position: fixed;
    top:20px;
    right:20px;
    width:30px;
    height:25px;
    cursor:pointer;
    display: none;
    z-index: 1000;

    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}

body#documentation #mobile{
    top:92px;
}

#mobile .line{ 
   position: absolute; 
   left:0px;
   height:3px;
   width:30px; 
   background: #fff;
   display: block; 
   transition: 400ms; 
   transform-origin: center; 
}

#mobile .line:nth-child(1) { top: 0px; }
#mobile .line:nth-child(2) { top: 9px; }
#mobile .line:nth-child(3) { top: 19px; }

#mobile.open .line:nth-child(1){
   transform: translateY(10px) rotate(-45deg);
}

#mobile.open .line:nth-child(2){
   opacity:0;
   width:0px;
   left:17px;
}

#mobile.open .line:nth-child(3){
   transform: translateY(-9px) rotate(45deg);
}



/* Table */

.table{
	display:table;
	width:100%;
	height:100%;
}

.table-row{
	display:table-row;
}

.table-cell{
	display:table-cell;
	width:100%;
	height:100%;	
	vertical-align: middle;
	text-align:center;
}

.zfs{
    font-size: 0px;
}

.rfs{
    font-size: 17px;
}


.onehalf, .onethird, .twothird, .onefourth{
    display:inline-block;
    vertical-align: top;
    position: relative;
}

.onehalf{
    width:50%;
}

.onethird{
    width:33.33%;
}

.twothird{
    width:66.66%;
}

.onefourth{
    width:25%;
}






/* border-box */

div, header, footer{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



.trans{
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    transition: all 800ms ease;
}


section, .section{
    display:block;
    margin:0 auto 0px auto;
    position: relative;
}

section:not(.fullwidth), .section:not(.fullwidth){
    padding:0 20px 0 20px;
    max-width:1440px;
}



/* Template */

#wrapper{
    position: relative;
    display:block;
    width:100%;
    height:100%;
    margin:0 auto;
}

.wrapper{
    position: relative;
    display: block;
    width:100%;
    max-width:1640px;
    padding:0 20px 0 20px;
    margin:0 auto;
}   

.wrapper.small{
    padding:100px 20px 100px 20px;
    max-width:1140px;
}


header{
    display:block;
    position: fixed;
    top:0px;
    left:0px;
    right:0px;
    height:70px;
    padding:20px 0 0 0;
    z-index: 200;
}

header .instrument{
    margin-left:10px;

}

header .logo span{
    font-weight: 600;
}

header .right{
    position: absolute;
    top:0px;
    right:20px;
    margin-left:20px;
}

header nav{
    display: inline-block;
    vertical-align: top;
}

header nav .socialmedia{
    display: inline-block;
    vertical-align: top;
    position: relative;
    top:5px;
    margin-left:10px;
}

header nav a{
    margin-left:25px;
    cursor:pointer;
}

header nav .socialmedia a{
    display: inline-block;
    vertical-align: middle;
    padding:0 10px;
    margin:0;
}

header nav .socialmedia .fa-facebook-f{
    font-size:13px;
    position: relative;

}

header nav .socialmedia .fa-youtube{
    font-size:16px;
    position: relative;
    top: 1px;
    padding: 0 8px;
}


header nav a:hover,
footer a:hover{
    color:red;
}



header .right .user-profile{
    position: relative;
    display: inline-block;
    vertical-align: top;
    top:1px;
    width:23px;
    height:23px;
    background:url(../img/user.png);
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left:10px;
    border:2px solid #fff;
    border-radius: 100%;
}






footer{
    position: relative;
    padding:20px 0 20px 0;
    border-top:1px solid #777;
}


footer .right{
    position: absolute;
    top:0px;
    right:20px;
}

footer a{
    display: inline-block;
    vertical-align: top;
    margin-left:15px;
}

footer a.fab{
    width: 25px;
    text-align: center; 
    margin-left: 0px;
}

footer span{
    cursor: default;
}

footer span,
footer a,
footer a:visited{
    color:#777;
}

footer a:hover{
    color:red;
}
    


main{
    min-height:100vh;
}


body#home main{
    width:100%;
    overflow-x:hidden;
}

section#intro{
    position: relative;
    display: inline-block;
    width:100%;
    height: calc((100vw - 450px) / 1.2);
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height:540px;
    max-height:980px;
}

section#intro .bg{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

section#intro .bg-wrapper{
    position: absolute;
    top:80px;
    right:10px;
    left:440px;
}

section#intro .bg-wrapper img{
    width:100%;
    height:auto;
}



section#intro .wrapper.foreground{
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    margin:auto;
}

section#intro .wrapper .left{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    padding:100px 30px 30px 20px;
}


section#intro .wrapper .left h1{
    font-size:52px;
    margin-bottom:30px;

    border-top: 3px solid red;
    border-bottom: 3px solid red;
    display: inline-block;
    white-space: nowrap;
}


section#intro .left #logo{
    display: block;
    height:auto;
    margin:0 5px 20px 0;
}

section#intro .left #logo img{
    width:100%;
    height:auto;
}


section#intro .wrapper .left .text{
    display: block;
    margin-bottom:20px;
}

section#intro .wrapper .left .learn-more{
    padding-right:20px;
}

section#intro .wrapper .left .learn-more:after{
    content:"";
    width:10px;
    height:10px;
    position: absolute;
    bottom:10px;
    right:0px;
    display: inline-block;
    vertical-align: top;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAUP2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMTEtMTJUMjM6MTA6MTcrMDE6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMTEtMTJUMjM6MTA6MTcrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTExLTEyVDIzOjEwOjE3KzAxOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJkMzgyYzhmLTk4YjUtNGU0NC1iZjYzLTljNjY5ZGY2MTc0ZCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmJhNWZlOWVkLWQwYWUtNWU0Yi1hNDYzLTgwNGNlMWIyNmNiNSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmI1MWJmNzIxLWMwNDAtNDViZi1iNTQ0LThmYzc3Y2FhY2RiYiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjUxYmY3MjEtYzA0MC00NWJmLWI1NDQtOGZjNzdjYWFjZGJiIiBzdEV2dDp3aGVuPSIyMDIwLTExLTEyVDIzOjEwOjE3KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MmQzODJjOGYtOThiNS00ZTQ0LWJmNjMtOWM2NjlkZjYxNzRkIiBzdEV2dDp3aGVuPSIyMDIwLTExLTEyVDIzOjEwOjE3KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+MDFDQjVBMTdBRDM1RkI1RTI1M0ZEMjFCMTFCQzU2QUQ8L3JkZjpsaT4gPHJkZjpsaT4wOUUxRDkzQTYyNDZDNDE1NEQ3NDQ5MzE1NUU4OUFCNzwvcmRmOmxpPiA8cmRmOmxpPjBENjM2MzE2QTJCRkNERkVEMkVDMjM2RDJFNjFCNjVEPC9yZGY6bGk+IDxyZGY6bGk+MzEzNDE0OEMwQ0JBNUM0MzM4RDFFRTA1MEVEODU2MkY8L3JkZjpsaT4gPHJkZjpsaT4zQTAyRDQ4RENBQ0YwREJFMDgwMzM2NTVGMTRDQUE2NTwvcmRmOmxpPiA8cmRmOmxpPjQ3ODNGNEM4QkZEODE2NDlBNjlCQkU3MTBCQkFDMUZGPC9yZGY6bGk+IDxyZGY6bGk+NEE5ODAyQjVBREJEQzg5NTI1REE3RDZDOTFCMUIzN0Q8L3JkZjpsaT4gPHJkZjpsaT41QkU1QUE0RTBDRDE4Qzg4Q0YxMjk3NDQ2NUMxMkU4OTwvcmRmOmxpPiA8cmRmOmxpPjY0RjJEN0NGOTkyRjlBMTBFMTQyRkY4RUJBQzE0NkEwPC9yZGY6bGk+IDxyZGY6bGk+NkM1MUU4NzdGQThBMThCRDNFMkMwMzExOEREMEU2MUQ8L3JkZjpsaT4gPHJkZjpsaT43REFGQ0RCMkNGMzE3MkY1RDI3MjlBNjk5Njg4Qjc3QjwvcmRmOmxpPiA8cmRmOmxpPjg1NEQ3QzZGRTYyRTQzMzNBRkRDNDgxRkYwMzg3NDExPC9yZGY6bGk+IDxyZGY6bGk+QTNBMUI5ODNCRTMzQkI3QkY1MzdDNjU4QkI5MzIyQjA8L3JkZjpsaT4gPHJkZjpsaT5BNDY3RjM0RUVDNjJCQjYxOUY1MUFDRDcwNkJGNUU0NzwvcmRmOmxpPiA8cmRmOmxpPkIyQTJDMTRFQjhCOEI0RkU3OTY5MUM2QTQ0NjlDNDZGPC9yZGY6bGk+IDxyZGY6bGk+QjU0N0ZDNDg4RDA2MTNBRDkzMDk1N0QzMDA5NDA4MEY8L3JkZjpsaT4gPHJkZjpsaT5CNTlERjVBRDg5ODRDRTIwRTczNkFCNTBDQzBEQzQ1NzwvcmRmOmxpPiA8cmRmOmxpPkJDMUJDM0Y2QjUyNUI3OTY4M0FFODQ4OERCMjFEMDRCPC9yZGY6bGk+IDxyZGY6bGk+RDExOENBNDBGNjM3NTkzNzgyMzI3ODNGMTRDQzM4RkI8L3JkZjpsaT4gPHJkZjpsaT5FMEQwMUE3Q0ZDNUM4NDk3OUE3QTM2ODFCRkIyODhEMDwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxNTllYjdhMi01ZGQxLTExN2ItOTBlZC1hY2U2NDI1OGRlYzE8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MTlkYTVhODItZjljMC0xMTdjLWIwNzItZTY2MmJiMmRhOTRiPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjI4ZTI3YjY5LWExZWQtMTE3OC1iMmFlLWY1NWEwZmIyYWYzYTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyOTgxMzU1Yy1iOGE3LTExZDgtOGJiNi1hOGNiZDliMTBlYjU8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MmMxNjJmMDQtNGQ4OS0yYzRjLWExYmMtMWRkZmYyY2E4ZmE0PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjM2ZDU2YjU0LWFjNTgtMTE3OS1iMTNhLTgyYmI2ZWNmZGUyYjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDozNzZmOTdjOS04MDFiLTExNzktOTA0OS1jZWNjOGE5NjY2MjY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NTFiZWRhMDQtYzdmZi1hODQ0LTkyN2ItYzdiMjIwODQ1Y2NjPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjU2OWU1MmE1LWVhYTEtODk0Mi1iZTJmLTRhNjJmODZhMTlkMjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2NGE2MmI2My1lMDE1LWE0NGQtYWU1NS1hY2Y4ZWNjZWU1ZDk8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6Njg5Y2Q5OWEtM2U4Ny0xMTdjLTg0YzMtYjgyZjZlYjBlODRjPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjgyZTI5MjA0LWM1MGItMTE3Yi05ZGE3LWUxMmI4ODkwNTIwNzwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4NzNiZmQ0OC00ZDdmLTExN2EtODI0OC1lZGUyZWU3NzlhMjk8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6OGM5MWRlMTctOGNjMC0xMTdjLWI4NDAtZjRiOTc2MTRiODNmPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmFhODdjYmEwLTZlZWItYTg0MS1hZTU0LTJjOTEzMTk1MmJmYTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYWYxNDE3YS1hODljLTExZGItOGViYi1mZjMyOTMyYzQzZWY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YmY0OWYzOTUtZDBkNS1kNDRjLTk4ZDgtMDljOWMyNjVjYTEyPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmNiZjg2ZTY2LTk1MzEtMTE3OS05NzMzLWYzNWZiOTJjZGYyYzwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjZDFjNjkyMi0wODc2LTExN2QtOGFjYy04MjhkZTA2ODBmNzk8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2Q4YTBkZDEtM2U4Yi0xMTdjLTg0YzMtYjgyZjZlYjBlODRjPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQzNzk1OTFlLTkyMWQtMTE3Yy1hMzRhLWJmY2VlZWNlOTFjMTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkNDE0YTM0Yy0wZGIzLTExN2ItYTE3Mi1lNDdmMDI3YWJiZmU8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTg0ZjRlYWYtOTg5NS0xMTc5LThmNjMtYjg0MjY4YTJjNDliPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVlNGM0NjRlLTA2YTctMTE3Yi04ZjgxLWZjMTQzYTQ2ZGI2ZjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmOWI4YzIyNy1hZDNlLTExNzktOWYyOS1iZDBmMWMwMjM5ZTA8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjAzMGYzNDJlLTcyMTEtNDcwZi05YjE3LWFhOGEwMWIzNzk4ZDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MGU5NGMxNTYtYzUwNi00MDVhLTgzOWQtMDQwNzQzY2MzNjY2PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDoyMjQ4ZTU5Yi03MjU2LTRlNjktOWZiOC04NTFjMzA1NGRhYzM8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjJBM0M3Q0RDMDgyMDY4MTE5MTA5RkI1ODk5ODZFMjU0PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDoyZWI0YjVkMi03Njk4LTQ2YWEtOTBmMS1kMDM1ZjJhMTYzYWQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjVlYTQ3ZjRiLTMxZDAtNDE4Mi1iZWJiLTRmYWFjNjE1OGYwNzwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6NjZBMTNBREFCODlBRTAxMTg5NDRDMzFDQ0E4RjRGOEI8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjhmNTgwZjhhLTA5MjctNGY4Ny05NmFjLTQ2NjNiYTk1OTM1NzwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6Yjc0NmVmZDAtOWUyMC1hZDRhLTkwZTQtZGNhZDI3Y2FkYzkwPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpkNmVjMjEzNi1hNjNmLTRmZDUtOTRlZS1iNTEyZGQzODNkMDE8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmU3ZDQzNmYwLWU0ZTUtNGM2Ni1iMjg2LTE4YTY4MDVkMDRiYzwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgDueKsAAAHRSURBVGiB5ZnJkoMwDEQbKv//y57LJFWAF0mW2gt9ogJI/SDYsnyklBKAA+9QOr8HQ21wlADgvP+wqX5sZ+nERrow3YEfFyyuB0sOOHvhgsoylICLNyyiovcacPXGiVX13AJuBphMTa8SYFGgCSTyKAUWBxwksTcNsCowUSpPWmB1gmCpvViATYkCZPJgBTYndJI5dw9wV+JROXuBuw2wc3kAAxxolxxewEAstFtsT2AgBto1pjcw4GvQ/QFGAAM+RkM+kShgoM9w2HgQCQzYjIeO+NHAgA4gfHpjAAMyEEoBwwIG6kC0ao0JDOTBqPU4Gxi4AtIXHx92wn8NW1qOeMNDdeI9W6UAcHzf8BugD+D6l94Z+sd2/4Z3hL4w5QatnaAfLKVRegfoLENtWloZuui9NQ+vCF31LCk8VoJuepVWWitAizxqSsuZocXetLX0jNAqT5bFw0zQai/W1dIM0CYPPcvDkdDm3L3r4RHQXTk9GgBM6O5cXh0PBrRLDs8WTyS0W2zvnlYEtGvMiCaep0H3BxjVtfQwGvKJRLZpewyHjQfRfWmL8dARn9GI1wCET2+snQcJCKWAYW611IBo1Rp7bykHRq3HR2ymHYVjiv4AUCI+d7KUWuoAAAAASUVORK5CYII=');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;

    transform:rotate(-90deg);
}


section#intro .wrapper .left .features {
    position: absolute;
    left: 20px;
    bottom: 50px;
}

section#intro .wrapper .left .icon-feature {
    width: auto;
    height: 20px;
    opacity: 0.8;
    margin-right:15px;
}

section#intro .wrapper .left .features .icon-feature.auv3{
    position: relative;
    top:1px;
    height: 18px;
}
/*
section#intro .wrapper .left .features .icon-feature.audiobus{
    height: 20px;
    position: relative;
    top: 1px;    
}*/


section#intro .left #logo,
section#intro .left h2,
section#intro .left .text{
    max-width:375px;
}



section#intro .ticker{
    position: absolute;
    top:80px;
    right:20px;

    background:#191a19;
    border:2px solid #fff;
    border-radius: 40px;
    padding:20px 40px;
}

section#intro .ticker:hover{
    background:#fff;
    color:#191a19;
}



 /* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    bottom:calc(100% + 20px);
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;



}

.tooltip .tooltiptext.p2{
    line-height: 1em;
}

.tooltip.leftaligned .tooltiptext{
    margin-left:-60px;
}


/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip.leftaligned .tooltiptext::after{
    margin-left:-70px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
} 




section#introduction .wrapper.small{
    padding:100px 20px 0 20px;
}

section#introduction p{
    width:80%;
    margin:auto;
}

section#introduction img{
    width:100%;
    height:auto;
    padding:130px 0 30px 0;
}




section#features .feature{
    margin-bottom:100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section#features .feature:last-child{
    margin-bottom:0px;
}

section#features .feature .onehalf.first{
    display: inline-block;
    vertical-align: top;
    width:30%;
}

section#features .feature .onehalf.second{
    display: inline-block;
    vertical-align: top;
    width:70%;
    font-size: 17px;
}

section#features .feature .onehalf.first img{
    width:80%;
    height:auto;
    margin-top:10px;
}

section#features .more{
    text-align: center;
}

section#features .more.open{
    margin-top:100px;
}

section#features .more span{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right:60px;
    height:35px;
    cursor: pointer;
}

section#features .more span:before,
section#features .more span:after{
    content:"";
    position: absolute;
    top:0px;
    bottom:0px;
    right:10px;
    width:30px;
    height:2px;
    margin:auto 0;
    background:red;
}

section#features .more span:after{

    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);

}

section#features .more.open span:after{
    display: none;
}



section#video .video-wrapper{
    position: relative;
}

section#video .mute{
    position: absolute;
    bottom:-10px;
    right:12%;
    width:190px;
    height:32px;
    cursor: pointer;
    text-align: right;
}


section#video .mute .title{
    display: inline-block;
    vertical-align: top;
    font-size:27px; 
    margin-right:10px;   
}

section#video .mute.active .title{
    margin-right:13px;    
}

section#video .mute .icon{
    display: inline-block;
    vertical-align: top;
    width:32px;
    height:32px;    
    opacity: 0.5;
    font-size:27px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
}

section#video .mute .icon:before{
    position: relative;
    left:-17px;
    top:4px;
}

section#video .mute.active .icon{
    opacity: 1;
}

section#video .mute.active .icon:before{
    content:"\f028";
    left:0px;
}




section#store{
    padding:50px 0;
}

section#store h3{
    margin-bottom:70px;
}

section#store .sample{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:50%;
    margin-bottom:40px;
}

section#store .sample > .onehalf.first{
    width:30%;
}


section#store .sample > .onehalf.second{
    position: absolute;
    top:0px;
    right: 0px;
    width:70%;
    height:100%;
    padding:0px;
}


section#store .sample > .onehalf.second .inside{
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    height:110px;
    margin:auto 0;
    padding:0 0 0 20px;
}



section#store .sample > .onehalf.first img{
    width:100%;
    height:auto;
}

section#store .sample > .onehalf.second span{
    display: block;
}

section#store .bottom{

}

section#store .bottom .onehalf{
    font-size:17px;
}

section#store .bottom .onehalf.second{
    text-align: right;
}

section#store .bottom .onehalf .iap{
    position: relative;
}

section#store .bottom .onehalf .iap:before{
    content:"";
    display: inline-block;
    vertical-align: middle;
    width:15px;
    height:15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAVOWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0ZURhdGU9IjIwMTYtMDgtMjZUMjE6NTg6NTYrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTExLTEzVDAwOjIwOjI5KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTExLTEzVDAwOjIwOjI5KzAxOjAwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKE1hY2ludG9zaCkiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YmNmYmM3NWEtMjcwNi00NWQ4LThkOTMtOWM5MDQxYTM0MDZkIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZmU3ZTExZDEtOThiYy01MzQyLWE4NGYtMzU1YTQyYTUzMTQ3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZmQ4OTgzNGItNDhlZC00MTlmLWI3OTAtZWU0ZDg3MWNhZjUxIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSIxNDQwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSIxNDQwMDAwLzEwMDAwIiB0aWZmOlJlc29sdXRpb25Vbml0PSIyIiBleGlmOkNvbG9yU3BhY2U9IjEiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSI1MTIiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSI1MTIiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT4wMUNCNUExN0FEMzVGQjVFMjUzRkQyMUIxMUJDNTZBRDwvcmRmOmxpPiA8cmRmOmxpPjA5RTFEOTNBNjI0NkM0MTU0RDc0NDkzMTU1RTg5QUI3PC9yZGY6bGk+IDxyZGY6bGk+MzEzNDE0OEMwQ0JBNUM0MzM4RDFFRTA1MEVEODU2MkY8L3JkZjpsaT4gPHJkZjpsaT40NzgzRjRDOEJGRDgxNjQ5QTY5QkJFNzEwQkJBQzFGRjwvcmRmOmxpPiA8cmRmOmxpPjZDNTFFODc3RkE4QTE4QkQzRTJDMDMxMThERDBFNjFEPC9yZGY6bGk+IDxyZGY6bGk+QTNBMUI5ODNCRTMzQkI3QkY1MzdDNjU4QkI5MzIyQjA8L3JkZjpsaT4gPHJkZjpsaT5CNTQ3RkM0ODhEMDYxM0FEOTMwOTU3RDMwMDk0MDgwRjwvcmRmOmxpPiA8cmRmOmxpPkQxMThDQTQwRjYzNzU5Mzc4MjMyNzgzRjE0Q0MzOEZCPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjE1OWViN2EyLTVkZDEtMTE3Yi05MGVkLWFjZTY0MjU4ZGVjMTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxOWRhNWE4Mi1mOWMwLTExN2MtYjA3Mi1lNjYyYmIyZGE5NGI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MjhlMjdiNjktYTFlZC0xMTc4LWIyYWUtZjU1YTBmYjJhZjNhPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjI5ODEzNTVjLWI4YTctMTFkOC04YmI2LWE4Y2JkOWIxMGViNTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDozNmQ1NmI1NC1hYzU4LTExNzktYjEzYS04MmJiNmVjZmRlMmI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6Mzc2Zjk3YzktODAxYi0xMTc5LTkwNDktY2VjYzhhOTY2NjI2PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjU2OWU1MmE1LWVhYTEtODk0Mi1iZTJmLTRhNjJmODZhMTlkMjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MmUyOTIwNC1jNTBiLTExN2ItOWRhNy1lMTJiODg5MDUyMDc8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6ODczYmZkNDgtNGQ3Zi0xMTdhLTgyNDgtZWRlMmVlNzc5YTI5PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhjOTFkZTE3LThjYzAtMTE3Yy1iODQwLWY0Yjk3NjE0YjgzZjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYWYxNDE3YS1hODljLTExZGItOGViYi1mZjMyOTMyYzQzZWY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2JmODZlNjYtOTUzMS0xMTc5LTk3MzMtZjM1ZmI5MmNkZjJjPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmNkMWM2OTIyLTA4NzYtMTE3ZC04YWNjLTgyOGRlMDY4MGY3OTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMzc5NTkxZS05MjFkLTExN2MtYTM0YS1iZmNlZWVjZTkxYzE8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6ZDQxNGEzNGMtMGRiMy0xMTdiLWExNzItZTQ3ZjAyN2FiYmZlPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmU4NGY0ZWFmLTk4OTUtMTE3OS04ZjYzLWI4NDI2OGEyYzQ5YjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDplZTRjNDY0ZS0wNmE3LTExN2ItOGY4MS1mYzE0M2E0NmRiNmY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjliOGMyMjctYWQzZS0xMTc5LTlmMjktYmQwZjFjMDIzOWUwPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDowMzBmMzQyZS03MjExLTQ3MGYtOWIxNy1hYThhMDFiMzc5OGQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjBlOTRjMTU2LWM1MDYtNDA1YS04MzlkLTA0MDc0M2NjMzY2NjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MjI0OGU1OWItNzI1Ni00ZTY5LTlmYjgtODUxYzMwNTRkYWMzPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDoyQTNDN0NEQzA4MjA2ODExOTEwOUZCNTg5OTg2RTI1NDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MmViNGI1ZDItNzY5OC00NmFhLTkwZjEtZDAzNWYyYTE2M2FkPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo2NkExM0FEQUI4OUFFMDExODk0NEMzMUNDQThGNEY4QjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OGY1ODBmOGEtMDkyNy00Zjg3LTk2YWMtNDY2M2JhOTU5MzU3PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpiNzQ2ZWZkMC05ZTIwLWFkNGEtOTBlNC1kY2FkMjdjYWRjOTA8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmQ2ZWMyMTM2LWE2M2YtNGZkNS05NGVlLWI1MTJkZDM4M2QwMTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6ZTdkNDM2ZjAtZTRlNS00YzY2LWIyODYtMThhNjgwNWQwNGJjPC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZkODk4MzRiLTQ4ZWQtNDE5Zi1iNzkwLWVlNGQ4NzFjYWY1MSIgc3RFdnQ6d2hlbj0iMjAxNi0wOC0yNlQyMjoxNTo0NiswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGltYWdlL3BuZyB0byBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBpbWFnZS9wbmcgdG8gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTBlOTllMjAtNTc0Mi00NmEzLTg4NWMtNmRkMTNlOGNmOGUyIiBzdEV2dDp3aGVuPSIyMDE2LTA4LTI2VDIyOjE1OjQ2KzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4YWMxYTQyMC1kMDExLTRmMDEtOTFhNy0wNmM0N2ZmMzAxNDIiIHN0RXZ0OndoZW49IjIwMjAtMTEtMTNUMDA6MjA6MjkrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiY2ZiYzc1YS0yNzA2LTQ1ZDgtOGQ5My05YzkwNDFhMzQwNmQiIHN0RXZ0OndoZW49IjIwMjAtMTEtMTNUMDA6MjA6MjkrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4YWMxYTQyMC1kMDExLTRmMDEtOTFhNy0wNmM0N2ZmMzAxNDIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyYzE2MmYwNC00ZDg5LTJjNGMtYTFiYy0xZGRmZjJjYThmYTQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmZDg5ODM0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');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    top:-2px;
    margin-right:10px;
}

section#store .bottom .onehalf .total{
    position: relative;
    top: 10px;
}





section#reviews{
    padding:0 0px 50px 0px;
    margin-top:200px;
}

section#reviews h3{
    margin-bottom:20px;
}

section#reviews .reviews{
    min-height: 520px;
}

section#reviews .review-slideshow{
    padding:50px 0 50px 0;
}

section#reviews .reviews .slide{
    display: block;
    width:100%;
}

section#reviews .reviews .slide .inner{
    display: block;
    width:740px;
    margin:0 auto;
}

section#reviews .reviews .slide .bottom{
    margin-top:30px;
}

section#reviews .reviews .slide .bottom .onehalf{
    font-size: 17px;
}

section#reviews .reviews .slide .bottom .onehalf.first span{
    position: relative;
    top:0px;
}

section#reviews .reviews .slide .bottom .onehalf.second{
    text-align: right;
}

section#reviews .reviews .slide .bottom .onehalf.second img{
    display: inline-block;
    vertical-align: top;
    width:30px;
    height:auto;
    margin-right:5px;
}

section#reviews .flickity-page-dots{
    bottom:-40px;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 9px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}






section#appstore{
    padding:0 0 100px 0;
}

section#appstore .appstore{
    display: block;
}

section#appstore > .wrapper.small{
    max-width: 780px;
}

section#appstore img{
    width:100%;
    height:auto;
}

section#appstore .bottom .onehalf{
    margin-top:20px;
}

section#appstore .bottom .onehalf.first img{
    display: inline-block;
    vertical-align:middle;
    width:auto;
    height:25px;
    margin-right: 12px;
}

section#appstore .bottom .onehalf.second{
    text-align: right;
}

section#appstore .bottom .onehalf.second{
    font-size:17px;    
}

section#appstore .bottom .onehalf.second span{
    color:red;
    line-height: 1em;   
    padding-right:20px;
    display: inline-block;
    vertical-align: middle;
}

section#appstore .bottom .onehalf.second img{
    width:60px;
    display: inline-block;
    vertical-align: middle;    
}





section#twitter{
    display: block;
    margin:0 -20px;
    max-width:100%;
    background:rgba(0,0,0,0.2);
    border-top:1px solid #777;
}

section#twitter .tweets{

}

section#twitter .tweet{
    display: inline-block;
    vertical-align: top;
    /*width:33.33%;*/
    width:25%;
    font-size:17px;
    padding:50px 0 55px 0;
    text-align: center;
    min-width: 320px;
}

section#twitter .tweet .inside{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

section#twitter .tweet span{
    color:#777;
}





#newsletter{
    position: fixed;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    background:rgba(25,25,25,0.8);
    z-index: 1000;
    padding:20px;
    display: none;
}

#mc_embed_signup{
    position: relative;
    background:#181a18;
    padding:12px 20px 20px 20px;
    border:1px solid #fff;
    border-radius:10px;
    width:632px;
    text-align: left;
    line-height: normal;
    margin:0 auto;
}

#mc_embed_signup .close{
    position: absolute;
    top:15px;
    right:20px;
    width:20px;
    height:20px;
    background:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjRkZGRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO30KPC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNODYuOSwyNy44YzQuMS00LjEsNC4xLTEwLjcsMC0xNC44QzgyLjksOSw3Ni4yLDksNzIuMiwxMy4xTDUwLDM1LjJMMjcuOCwxMy4xQzIzLjgsOSwxNy4xLDksMTMuMSwxMy4xICBzLTQuMSwxMC43LDAsMTQuOEwzNS4yLDUwTDEzLjEsNzIuMkM5LDc2LjIsOSw4Mi45LDEzLjEsODYuOWM0LjEsNC4xLDEwLjcsNC4xLDE0LjgsMEw1MCw2NC44bDIyLjIsMjIuMmM0LjEsNC4xLDEwLjcsNC4xLDE0LjgsMCAgYzQuMS00LjEsNC4xLTEwLjcsMC0xNC44TDY0LjgsNTBMODYuOSwyNy44eiI+PC9wYXRoPjwvc3ZnPg==");
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#mc_embed_signup h3{
    letter-spacing: normal;
    line-height: normal;
    margin-bottom:10px;
    text-transform: uppercase;
}

#mc_embed_signup .mc-field-group{
    font-size: 0px;
}

#mc_embed_signup #mce-EMAIL{
    display: inline-block;
    vertical-align: top;    
    background:none;
    border:1px solid #fff;
    padding:7px 10px;
    margin:0;
    color:#fff;
    font-family: "futura-pt", Arial, Helvetica, Sans-serif;
    font-size:15px;    
    width:calc(100% - 140px);
    margin-right:10px;
    text-transform: uppercase;
}


#mc_embed_signup input[type="submit"]{
    display: inline-block;
    vertical-align: top;
    background:none;
    border:1px solid #fff;
    padding:7px 10px;
    margin:0;
    color:#fff;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "futura-pt", Arial, Helvetica, Sans-serif;
    font-size:15px;
    width:105px;

}

#mc-embedded-subscribe-form input[type=checkbox]{
    display: inline;
    width: auto;
    margin-right: 10px;
}

#mergeRow-gdpr{
    margin-top: 20px;
}
#mergeRow-gdpr fieldset label{
    font-weight: normal;
    line-height: normal;
    font-size:15px;
}
#mc-embedded-subscribe-form .mc_fieldset{
    border:none;
    min-height: 0px;
    padding-bottom:0px;
}


#mc_embed_signup .more{
    display: inline-block;
    vertical-align: top;
    cursor:pointer;
    color:#fff;
    font-size:15px;
    width:75px;
    text-align: right;
    text-decoration: underline;
}

#mc_embed_signup .more:before{
    content:"";
    position: absolute;
    top:-1px;
    left:0px;
    width:15px;
    height:15px;
    
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#mc_embed_signup.open .more:before{
    top:1px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
}


#mc_embed_signup .mc-checkbox-wrapper{
    position: relative;
}

#mc_embed_signup input[type="checkbox"] {
    position: absolute;
    left: -15px;
    opacity: 0;
}

#mc_embed_signup input[type="checkbox"]+label:before {
    content: "";
    position: absolute;
    top:0px;
    left:0px;
    width: 15px;
    height: 15px;
    border-radius: 5px;
    border: 2px solid #fff;
    background-color: transparent;
}

#mc_embed_signup input[type="checkbox"]:checked+label:before {
    background-color: #fff;
    background-size:20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

#mc_embed_signup input[type="checkbox"]+label{
    display: inline-block;
    vertical-align: top;
    padding-left:27px;
    margin-right:7px;
    cursor: pointer;
}

#mc_embed_signup .content__gdpr{
    display: block;
}

#mc_embed_signup .content__gdprLegal{
    font-size:15px;
    padding-left:27px;
    max-width: 520px;
}

#mc_embed_signup .content__gdprLegal a{
    display: inline;
}

#mc_embed_signup .content__gdprLegal a,
#mc_embed_signup #mce-responses > div a{
    text-decoration: underline;
}


#mc_embed_signup div.mce_inline_error{
    background:#111 !important;
    padding:8px 10px 6px 10px;
    font-size:15px;
}

#mc_embed_signup .content__gdpr div.mce_inline_error{
    margin:0px;
    padding-left:27px;
}

#mc_embed_signup #mce-responses{
    padding-left:27px;
}

#mc_embed_signup #mce-responses > div{
    margin-top:10px;
    font-weight:bold;
}



/* User */

#user section#confirmed{
    padding-bottom:100px;
}

#user section#confirmed h1{
    margin-bottom:20px;
}

#user section#confirmed .text{
    margin-bottom:20px;
}

.btn,
a.btn:focus,
a.btn:active,
a.btn:visited{
    display: inline-block;
    vertical-align: top;
    border:1px solid #fff;
    padding:10px 15px !important;
    font-family: "futura-pt", Arial, Helvetica, Sans-serif;
    font-size:20px !important;
    text-transform: uppercase;
}




/* Documentation */

body#documentation,
body#documentation footer{
    background:#fff;
}

body#documentation footer{
    border-color:#ccc;
}



body#documentation main{
    min-height: 100%;
    padding-top:30px;
}


body#documentation section#layout{
    position: relative;
}

body#documentation section#layout:before{
    content:"";
    position: fixed;
    top:0px;
    left:calc(100vw / 2 - (1100px / 2) - (100vw - 1100px) / 2);
    width:calc((100vw - 1100px) / 2 + 300px);
    height:100vh;
    background:#fafafc;
}

body#documentation main .wrapper.small{
    padding-top:50px;
}

body#documentation main .left{
    display: inline-block;
    vertical-align: top;
    width:300px;
    padding:0 50px 0 20px;
    position: fixed;
    top: 80px;    
}

body#documentation main .right{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 300px);
    padding:0px 20px 0 50px;
    margin-left:300px;
}

body#documentation main .left .logo{
    display: block;
    width:220px;
    height: auto;
    margin-bottom:50px;
}

body#documentation main .left .lesson.selected .title{
    color:red;
}

body#documentation main .left .lesson .title{
    cursor:pointer !important;
}

body#documentation main .left .sublessons{
    display: none;
    padding-left:20px;
}

body#documentation main .left .sublessons.open{
    display: block;
}



body#documentation main .left .sublessons:before,
body#documentation main .left .sublessons:after{
    content:"";
    display: block;
    height:5px;
}

body#documentation main .left .sublessons a{
    opacity: 0.8;
}

.sublessons a{
    position: relative;
    padding-left:15px;
}

.sublessons a:before{
    content:"";
    position: absolute;
    top:21px;
    left:0px;
    width:7px;
    height:7px;
    background:red;
    border-radius: 100%;
    margin-top:-4px;
}


body#documentation .right .search{
    position: relative;
    display: block;
    margin-bottom:50px;
}


body#documentation .right .search .overlay{
    content: "\f002";
    position: absolute;
    width:32px;
    height:32px;
    top:0px;
    left:0px;
    color:#111;
    padding:5px 0 0 5px;
    cursor: pointer;
}

.input-wrapper{
    display: block;
    padding-left:35px;
    border-bottom:1px solid #ccc;    
}

body#documentation .right .search input[type="text"]{
    display: block;
    height:30px;
    width:100%;
    border:none;
    background:none;
    color:#555;
    font-size:17px;
}

input::placeholder {
  color: #555;
  font-size: 1.2em;
  font-style: italic;
}

input::-webkit-input-placeholder{
    color: #555;
}

input:focus::-webkit-input-placeholder{
    color: #555;
}


body#documentation main .right h1{
    display: block;
    margin-bottom:30px;
}

body#documentation main .right .text{
    display: block;
    margin-bottom:30px;
}

body#documentation main .right .sublessons{
    margin-bottom:30px;
}

body#documentation main .right .chapter{
    margin-bottom:70px;
}



body#documentation main .right .a2 a,
body#documentation main .right .a2 a:visited,
body#documentation main .right .a2 a:hover,
body#documentation main .right .a2 a:focus,
body#documentation main .right .a3 a,
body#documentation main .right .a3 a:visited,
body#documentation main .right .a3 a:hover,
body#documentation main .right .a3 a:focus{
    color:#333;
    text-decoration: underline;
}





.redbox{
    position: relative;
}

.redbox:before{
    content:"";
    display: inline-block;
    vertical-align: middle;
    width:5px;
    height:30px;
    background:red;
    margin-right:10px;
    top: -3px;
    position: relative;    
}

body#documentation main .right .chapter .video-js{
    display: block;
    background:#DADADA;
}

body#documentation main .right .chapter-img{
    display: block;
    width:100%;
    height:auto;
}

.content-wrapper{
    /*overflow: hidden;
    border-radius: 20px;*/
    margin-top:30px;    
}


.list{
    display: block;
    position: relative;
    margin-bottom:-15px;
    font-size:inherit;
    line-height: normal;
}

.list.last{
    margin-bottom:0px;
}

.list .number{
    position: absolute;
    top:0px;
    left:0px;
    display: inline-block;
    vertical-align: top;
}

.list .content{
    display: block;
    padding-left:17px;
}


.note{
    display: block;
    background:#f2f1f3;
    padding:13px 20px 13px 20px;
    color:#333;
}

.note.note-bottom{
    margin-top:0px;
}

.note .title{
    display: block;
    margin-bottom:5px;
}



.doc-icon{
    display: inline-block;
    vertical-align: top;
    width:30px;
    height:auto;
}





body#documentation #banner{
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top:0px;
    left:0px;
    right:0px;
    height:50px;
    background:yellow;
    text-align: center;

    box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}

body#documentation #banner span{
    color:#000;
}




/* Page */

#page main h1{
    margin-bottom:20px;
    position: relative;
    left: -3px;
}

#page main h2{
    margin-bottom:30px;
}

#page main .wysiwyg{
    margin-bottom:20px;
}


#page main .wysiwyg a,
#page main .wysiwyg a:visited,
#page main .wysiwyg a:focus{
    color:#fff;
}





.box{
    position: relative;
    margin-bottom:20px;
    padding-top:40px;
}

.box:before{
    content:"";
    position: absolute;
    top:19px;
    left:0px;
    width:100%;
    height:2px;
    background:#fff;
}

.box > .title{
    position: absolute;
    top:7px;
    left:0px;
    background:#191a19;
    padding:5px 7px 5px 0;
    text-transform: uppercase;
    font-size:15px;
    font-weight:500;
    line-height: 1em;
    white-space: nowrap;
}





.notification{
    display: block;
    font-size:15px;
    padding:10px;
    background:green;
    color:#fff;
}

.notification{
    position: fixed;
    top:0px;
    left:30px;
    right:30px;
    margin:0 auto;
    padding-top:30px;
    z-index: 1000;
}








/* Youtube */

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.responsive-video iframe,
.responsive-video video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Video JS */

.video-js{
    background-color:transparent;
}

.video-js .vjs-poster{
    background-color: transparent;
}

.video-js .vjs-big-play-button{
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    margin:auto;
    font-size: 0px;
    line-height: 0em;
    width: 60px;
    height: 60px;
    opacity: 0.7;
    border:none;
    background:none !important;
    border-radius:0px;
    -webkit-transition:none;
    -moz-transition:none;
    transition:none; 
    pointer-events:none;
    cursor:pointer;

}

.vjs-big-play-centered .vjs-big-play-button{
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.video-js:hover .vjs-big-play-button{
    opacity: 1 !important;
}

.video-js .vjs-big-play-button,
.video-js:hover .vjs-big-play-button{
    background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjRkZGRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTc4LjYyNyw0Ny4yMDNMMjQuODczLDE2LjE2N2MtMS4wODItMC42MjUtMi4yMjctMC42MjUtMy4zMTEsMEMyMC40NzgsMTYuNzkzLDIwLDE3Ljk0OCwyMCwxOS4xOTlWODEuMjcgIGMwLDEuMjUsMC40NzgsMi40MDYsMS41NjEsMy4wMzFjMC41NDIsMC4zMTMsMS4wNTEsMC40NjksMS42NTYsMC40NjljMC42MDQsMCwxLjE2MS0wLjE1NiwxLjcwMy0wLjQ2OWw1My43MzEtMzEuMDM1ICBjMS4wODMtMC42MjUsMS43MzgtMS43ODEsMS43MzgtMy4wMzFDODAuMzg5LDQ4Ljk4NCw3OS43MSw0Ny44MjksNzguNjI3LDQ3LjIwM3oiPjwvcGF0aD48L3N2Zz4=) !important;
    background-color:none !important;
    background-size:100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder{
    background:none;
    display: none;
}


.video-js .vjs-control-text{
    display: none !important;
}

.video-js .vjs-control-bar {
    background-color:rgba(0,0,0,0);
    height:40px;
    width:auto;
    padding-left:10px;
    padding-right:10px;
}




.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 14px 10px 0 10px;
}

.video-js .vjs-progress-control {
    display: block;
}

.video-js.vjs-ended .vjs-big-play-button,
.video-js.vjs-ended .vjs-poster{
    display: inline-block !important;
}

.video-js .vjs-poster{
    background-size:cover !important;
}

.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-button > .vjs-icon-placeholder,
.video-js .vjs-time-control{
    color:#fff;
}

.video-js .vjs-play-progress{
    background-color:#fff;
}

.video-js .vjs-load-progress div{
    background:#fff;
}

.video-js .vjs-slider,
.video-js .vjs-volume-level{
    background-color: rgba(255,255,255,.4);
}




/* Fonts */

.zerofontsize{
    font-size:0px;
}

.uppercase{
    text-transform: uppercase;
}


.h1, .h2, .h3
.p1, .p2, .p3, a{

    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

}


h1, .h1{
    font-size:48px;
    font-weight:700;
    letter-spacing: 0.02em;
    color:red;
}

h2, .h2{
    /*font-size: 3.8em;*/
    font-size: 57px;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 0.04em;
    margin-bottom: 20px;
}

h3, .h3{
    /*font-size: 1.3em;*/
    font-size:20px;
    font-weight: 400;
    line-height: 1.3em;
    letter-spacing: 0.2em;
    margin-bottom: 50px;
}


.p0{
    /*font-size:3em;*/
    font-size: 44px;
    font-weight:300;
    line-height:1.5em;    
}

.p1{
    /*font-size:1.6em;*/
    font-size:27px;
    letter-spacing: 0.04em;
    font-weight:400;
    line-height:1.5em;
}

.p2{
    /*font-size: 1.1em;*/
    font-size:17px;
    letter-spacing: 0.04em;
    font-weight: 600;
    line-height: 1.8em;
}

.p3{
    font-size:20px;
    line-height: 1.5em;
    font-weight:300;
}

.p4{
    font-size:1.1em;
    font-weight:500;
    line-height: 2em;
}



.a1, .a2, .a3{
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.a1{

}

.a2{
    font-weight:400;
    font-size:17px;
    line-height:1.3em;
}

.a3{
    font-weight:400;
    font-size:15px;
    line-height: 1.5em;
}



.italic, em{
    font-style:italic;
}

strong, .strong{
    font-weight:700;
}

.regular{
    font-weight:500;
}

.uppercase{
    text-transform: uppercase;
}

.center{
    text-align: center;
}


.red{
    color:red;
}

.light{
    font-weight:200 !important;
}

.black{
    color:#111 !important;
}

.gray, a.gray, a.gray:visited{
    color:#777;
}








.wysiwyg{

}

.wysiwyg a, .wysiwyg a:visited{
    color:#111;
    text-decoration: underline;
}



ul li{
    position: relative;
    padding-left:20px;
    margin-bottom:5px;
}

ul li:before{
    content:"";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top:12px;
    left:5px;
    width:8px;
    height:8px;
    background:#fff;
    border-radius: 100%;
}



.wysiwyg ul{
    margin:0;
    padding:0;
}

.wysiwyg ul li{
    font-size:20px;
    padding:0 0 0 25px;
    margin:0 0 10px 0;
}

.note ul li:before{
    width:4px;
    height:4px;
    left:6px;
    top:9px;
    background:#333;
}






/* General */

.hidden{
    display:none !important;
}

.selected{
    
}

.overflowhidden{
    overflow: hidden;
}

.nocursor{
    cursor:default;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
   color: #fff;
   opacity: 1;
}

input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
   opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   opacity: 1;  
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
   color: #fff;
   opacity: 1;  
}


/* flicker-fixing */

/*
#backgrounds{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility:hidden;    

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);    

    -webkit-transform-style: preserve-3d;
}*/






.mobile-only{
    display:none;
}








/* RESPONSIVE */

/* >iPhone */

@media (min-width:768px){

    section#twitter .tweet:hover span{
        color:red;
    }

}

@media (max-width:1320px){

    section#intro .wrapper .left .features{
        top:620px;
        right:20px;
        bottom:auto;
        left:auto;
        
    }
}


@media (max-width:1140px){

    body#documentation section#layout:before{
        left:0px;
        width:320px;
    }

    section#intro .left #logo{
        margin-bottom:10px;
    }

    section#intro .wrapper .left h2{
        margin-bottom:10px;
    }

    section#intro .wrapper .left .text{
        margin-bottom: 10px;
        font-size: 1.3em;
    }

    section#intro .wrapper .left .features{
        top:532px;
    }


}


@media (min-width: 769px ) and (max-width:1040px){

    section#intro .bg-wrapper{
        left:0px;
        text-align: right;
    }

    section#intro .bg-wrapper img {
        width: 591px;
        height: 426px;
        
    }

    header .btn-get{
        display: none;
    }


}


@media (min-width:481px) and (max-width:768px){
    
    section#intro .wrapper.foreground .left {
        padding: 0px 21px 40px 21px !important;

    }

    section#intro .wrapper.foreground .left h2{
        font-size: 32px !important;
    }

    section#intro .left #logo,
    section#intro .left h2,
    section#intro .left .text{
        max-width:360px !important;
    }

}



@media (max-width:768px){

    .mobile-only{
        display:inline-block !important;
        vertical-align: top;
    }

    .desktop-only{
        display:none !important;
    }

    #mobile{
        display: inline-block;
        vertical-align: top;
    }

    header{
        /*background:rgba(25,25,25,0) !important;*/

        background: rgb(25,26,25);
        background: linear-gradient(0deg, rgba(25,26,25,0) 0%, rgba(25,26,25,1) 100%);


        padding:17px 0 17px 0;
        height:auto;
        overflow: hidden;
       -webkit-transition:background 400ms ease-out;
        -moz-transition:background 400ms ease-out;
        -o-transition:background 400ms ease-out;
        transition:background 400ms ease-out;             
    }

    header.open{
        background:rgba(25,25,25,1) !important;
        border-bottom:1px solid #fff;
    }

    header .right{
        position: relative;
        top:auto;
        right:auto;
        overflow: hidden;
        margin-left:0px;
    }

    header .right nav{
        margin:0px 0 0 0;
        display: none;
    }

    header nav:before{
        content:"";
        display: block;
        height:20px;
    }


    header nav a{
        display: block;
        margin:0 0 0 113px;
    }

    header nav .socialmedia {
        display: block;
        position: absolute;
        top: auto;
        right:-5px;
        bottom:0px;
        margin-left:0px;
    }

    header nav .socialmedia a{
        display: block;
        width: 20px;
        text-align: center;
        top: auto !important;
        /*left:-6px;*/
        padding:9px 10px;
        font-size: 13px;
    }

    header nav .socialmedia .fa-facebook-f{
        /*left:-4px;*/
    }

    header nav .socialmedia .fa-youtube{
        padding: 9px 10px;
    }


    header .right .user-profile{
        position: fixed;
        top:18px;
        right:70px;
    }


    section#intro{
        height:auto;
        min-height:0px;
        max-height:100%;
        padding-bottom:20px;
    }

    section#intro .bg{
        position: relative;
        top:auto;
        left:auto;
        padding-top:65px;
    }

    section#intro .bg .wrapper{
        padding:0px 18px;
    }

    section#intro .bg-wrapper{
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
    }
    
    section#intro .wrapper.foreground .left {
        position: absolute;
        top: auto;
        left: 0px;
        bottom: 0px;
        right: 0px;
        width:auto;
        padding: 0px 21px 20px 21px;
        background: rgb(25,26,25);
        background: linear-gradient(0deg, rgba(25,26,25,1) 30%, rgba(25,26,25,0) 100%);

    }

    section#intro .wrapper.foreground .left h2{
        font-size: 28px;
        margin-bottom: 10px;
        max-width:200px;
    }

    section#intro .wrapper.foreground .left .text{
        display: none;
    }

    section#intro .left #logo {
        display: none;
    }

    section#intro .wrapper .left .icon-feature {
        height:10px;
    }

    section#intro .wrapper .left .features{
        bottom:42px;
        left:12px;
        display: none;
    }


    section#intro .ticker{
        position: absolute;
        top:65px;
        right:20px;

        background:#191a19;
        border:2px solid #fff;
        border-radius: 40px;
        padding:15px 30px;
    }

    section#intro .ticker:hover{
        background:#fff;
        color:#191a19;
    }










    section#introduction .wrapper.small{
        padding:100px 0px 0px 0px;
    }

    section#introduction img{
        padding: 100px 0 30px 0;
    }


    section#features .wrapper.small{
        padding:50px 0;
    }

    section#features .feature{
        margin-bottom: 50px;
        align-items: baseline;
    }

    section#features .feature .onehalf.first{
        width:40px;
    }

    section#features .feature .onehalf.second{
        width: calc(100% - 40px);
    }

    section#features .more{
        margin-top:50px;
    }



    section#video .wrapper.small,
    section#store .wrapper.small,
    section#appstore .wrapper.small{
        padding-left:20px;
        padding-right:20px;
    }


    section#video{

    }

    section#video .mute{
        bottom:-20px;
    }

    section#video .mute .title{
        font-size:15px;
        position: relative;
        top:7.5px;
        margin-right:5px;
    }

    section#video .mute.active .title{
        margin-right:6px;
    }



    section#store{
        padding-top:0px;
    }

    section#store .sample{
        width:100%;
        height:auto;
        position: relative;
    }

    section#store .sample > .onehalf.first{
        width:40%;
        text-align: right;
    }

    section#store .sample > .onehalf.second{
        width:60%;
    }

    section#store .sample > .onehalf.second .inside{
        height:70px;
    }

    section#store .bottom .onehalf{
        display: block;
        width:auto;
        text-align: center !important;
    }

    section#store .bottom .onehalf .total {
        top: auto;
    }

    section#store .sample > .onehalf.first img{
        max-width:120px;
    }


    section#store .sample > .onehalf.second span.p1{
        font-size:15px !important;
    }

    section#store .sample > .onehalf.second span.p2{
        font-size:13px !important;
    }




    section#reviews{
        /*padding:0;*/
        margin-top:0px;
    }

    section#reviews .reviews{
        min-height: 280px;
    }

    section#reviews .review-slideshow{
        padding:30px 0;
    }

    section#reviews .reviews .slide .inner{
        padding: 0 20px;
        width: auto;
        max-width: 520px;
    }


    section#reviews .reviews .slide .bottom .onehalf.first span{
        top:-2px;
        font-size:15px !important;
    }  

    section#reviews .reviews .slide .bottom .onehalf.second img{
        width:18px;
    }








    section#appstore{
        padding-bottom:0px;    
    }

    section#appstore .bottom .onehalf.first img{
        height:12px;
    }

    section#appstore .bottom .onehalf.second span{
        font-size:13px;
        padding-right: 2px;
    }

    section#appstore .bottom .onehalf.second img{
        width:30px;
    }



    section#twitter .tweet{
        width:100%;
        min-width:280px;
        max-width:320px;
    }




    footer .left{
        display: block;
        text-align: center;
    }

    footer .right{
        position: relative;
        top:auto;
        right:auto;
        text-align: center;
    }


    #page main .text.p3{
        font-size:15px;
    }



    #mc_embed_signup{
        width:100%;
    }

    #mc_embed_signup input[type="checkbox"] + label{
        display: inline;
    }

    #mc_embed_signup .more{
        width:auto;
        text-align:left;
    }

    #mc_embed_signup .content__gdprLegal{
        padding-left:0px;
    }

    #mc_embed_signup .content__gdprLegal:before{
        content:"";
        display: block;
        height:15px;
    }




    /* documentation */

    body#documentation #mobile{
        right:auto;
        left:10px;
    }

    body#documentation #mobile .line{
        background: red;
    }

    body#documentation section#layout:before{
        display: none;
    }

    body#documentation main .wrapper.small {
        padding-top: 60px;
        padding-left:0px;
        padding-right:0px;
    }

    body#documentation main .left{
        display: block;
        width: 50px;
        height:100%;
        position: fixed;
        top:0px;
        left:0px;
        padding: 130px 20px 0 20px;
        background:#fafafc;
        z-index: 100;
        overflow-x: hidden;
        overflow-y: scroll;

        transition:width 200ms ease-in-out;
        -moz-transition:width 200ms ease-in-out;
        -webkit-transition:width 200ms ease-in-out;
    }

    body#documentation main .left.open{
        width:calc(100% - 50px);
    }

    body#documentation main .left.open .submenu{
        display: block;
    }    

    body#documentation main .left .logo{
        position: absolute;
        top:20px;
        right:10px;
        width:104px;
        opacity: 0;
        display: none;

        transition:opacity 400ms ease-in-out;
        -moz-transition:opacity 400ms ease-in-out;
        -webkit-transition:opacity 400ms ease-in-out;        
    }

    /*
    body#documentation main .left.open .logo{
        opacity: 1;
    }*/

    body#documentation main .right {
        display: block;
        width: auto;
        padding: 0px 20px 20px 20px;
        margin-left: 50px;
    }

    body#documentation main .left .submenu{
        display: none;
        width:calc(100vw - 50px);
    }

    body#documentation main .left .logo{
        width:115px;
        margin-bottom: 30px;
    }

    body#documentation .right .search{

    }


    body#documentation footer{
        display: block;
        margin-left:50px;
        border-top:none;
    }

    body#documentation footer:before{
        content:"";
        position: absolute;
        top:0px;
        left:20px;
        right:20px;
        height:1px;
        background:#ccc;
    }


    body#documentation #banner{
        display: block;
        height:60px;
        left:0px;
        z-index: 1000;
    }



    footer .p2,
    footer a{
        font-size:13px !important;
        margin:0;
    }

    body#documentation footer span,
    body#documentation footer a,
    body#documentation footer a:visited{
        color:#777;
    }

    footer .right a:first-child{
        margin-right:34px;
    }

    footer .right a:last-child{
        margin-left:34px;
    }

    
    .list{
        margin-bottom:-13px;
    }

    .note ul li:before{
        top:8px;
    }

    #mc_embed_signup h3,
    #mc_embed_signup #mce-EMAIL,
    #mc_embed_signup input[type="submit"]{
        font-size:13px;
    }

    #mc_embed_signup .close{
        top: 11px;
        background-size:15px 15px;
    }




    h1, .h1{
        font-size:40px;
    }

    h2, .h2{
        /*font-size:17px;*/
        font-size:31px;
    }

    h3, .h3{
        margin-bottom:30px;
    }

    .p0 {
        font-size:20px;
    }

    .p1{
        font-size:20px;
    }

    .p2{
        font-size: 17px;
    }


    .a2{
        font-size:15px;
    }

    .a3{
        font-size:13px;
    }



}


@media (max-width:481px){

}