html, body{
    margin: 0;
    padding: 0;
    margin-bottom: -20px;
}

body{
    background:url('images/back/background.png') no-repeat;
    background-size: cover;
    font-family:muli, sans-serif;
    font-size: 16px;
    color: #fff;

}

a, input[type="submit"]{
    text-decoration: none;
    color:#fff;
    cursor: pointer;
}

.clear{
    display:block;
    clear:both;
}

.displayInline{
    display:inline-block;
}

.hiddenOverflow{
    overflow:hidden!important;
}

.hidden{
    display:none!important;
}

.left{
    float: left!important;
}

.right{
    float:right!important;
}

.fixed{
    position: fixed!important;
}

a.button, input.button{
    display: inline-block;
    padding: 9px 35px;
    border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
    box-sizing: border-box;
    transition:padding .3s;
}

a.full, input.full{
    background: rgb(232,238,255);
    background: -moz-linear-gradient(90deg, rgba(232,238,255,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(232,238,255,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(232,238,255,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8eeff",endColorstr="#ffffff",GradientType=1);
    color: #7589ca;
    margin: 30px 15px 0 0;
    transition:padding .3s;
}

a.bstatic{
    width: calc(60%);
    margin: 20 auto;
    display: block;
    text-align: center;
}

a.border{
    border:2px solid #fff;
    padding: 7px 35px;
    transition:padding .3s;
}

a.full:hover, input.full:hover{
    padding: 9px 45px!important;
    transition:padding .3s;
}

a.border:hover{
    padding: 7px 45px;
    transition:padding .3s;
}

::placeholder {
  color: #fff;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #fff;
}

::-ms-input-placeholder {
  color: #fff;
}

input[type="text"], input[type="password"], input[type="email"]{
    background:none;
    outline:none;
    border:none;
    box-sizing: border-box;
    color:#fff;
    font-family: Muli, sans-serif;
}

table{
    width:100%;
}

.block3{
    width:calc(100% / 3);
}

hr.division{
    display: block;
    background:url(images/product/separator2.png) no-repeat;
    height:5px;
    width: 90px;
    border:none;
    margin: 100px auto;
}

.responsiveObject{
    display:none;    
}

.notResponsiveObject{    
}

/*--------------------------------------------------------------------------------------HEADER*/

header {
    width: 100%;
    overflow: hidden;
    position: sticky;
}

header img{
    float: left;
    padding: 20px 30px;
}

header nav{
    min-height: 90px;
    height:90px;
    display: table;
    position:relative;
    z-index:2;
}

header nav a{
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    font-size: 18px;
}

header > div{
    /*background:url(images/header/topRightNav.png) no-repeat;*/
    float: right;
    text-align: right;
    height: 53px;
    display: table;
    width: calc(100% - 659px);
    max-width: 1212px;
    position: relative;
    z-index: 2;
}

header > div > div{
    display: table-cell;
    vertical-align: middle;
}

header > div > div a{
    
    font-weight: bold;
    font-size: 18px;
    padding-right: 30px;
}

header button.nav{
    background:url(images/header/nav.png) no-repeat;
    width:27px;
    height:24px;
    border:none;
    outline-style: none;
    float: right;
    margin: 14px;
    cursor:pointer;
    display:none;
    position:relative;
    z-index:2;
}

section#header{
    /*background:url(images/header/displayRight.png) no-repeat right;*/
    height:882px;
    padding:0;
}

section#header > div{
    width:80%;
    margin:0 auto;
}

section#header div.boxContent{
    width: 450px;
    padding-top: 200px;
    position: relative;
    z-index: 2;
}

section#header h1{
    font-weight: normal;
    font-size:30px;
}

/*--------------------------------------------------------------------------------------PRODUCT-*/

section#product .boxContent{

    margin:0 auto;
    overflow:hidden;
    width:100%;
}

.productIcon{
    background:url(images/product/logo.png) no-repeat;
    width:209px;
    height:211px;
    animation:rotateAnime 60s linear infinite;
    margin: 0 auto;
}

section#product h2, section#product h3{
    font-weight: normal;
}

section#product h2{
    font-size: 72px;
    text-shadow: 0px 0px 20px #ffffff47;
}

section#product h3{
    font-size: 54px;
    margin-top:-60px;
    text-shadow: 0px 0px 20px #ffffff47;
}

.mainProduct{
    background: url(images/product/separator.png) no-repeat right;
    padding: 100px 150px;
    width:373px;
    /*margin:0 auto;*/
    position: relative;
    z-index: 2;
    margin: 0 20%;
    /*changes*/
    padding: 0 150px;
    top: calc(50% - (518px / 2));
}

.mainProduct.learnMore{
    margin:0 auto;
}

section#product center{
    margin-top:-30px;
    position: relative;
    z-index: 3;
}

section#product #testimony{
    font-size:18px;
    display: block;
    height: 43px;
}

section#product #author{
    display:block;
    padding-top:10px;
    font-size:13px;
    font-style:italic;
}

section#product aside{
    float:left;
    padding: 0 585px;
    width: 250px;
    line-height: 67px;
    contain: size;
}

section#product aside ul li{
    list-style: none;
    background: url(images/product/diamond.png) no-repeat;
    background-size: 5px;
    background-position: 0px 33px;
    padding-left: 25px;
}

section#product nav{
    position: absolute;
    z-index:2;
}

video{
    width: 100%;
    position: absolute;
    z-index:1;
    top: 35px;
    left:0;
    transform: scaleX(-1) rotate(21deg);
    /*margin-top: -200px;*/
}

.royale{
    background:url(images/product/template1.png) no-repeat;
    width:640px;
    height:322px;
    padding: 148px 0 0 178px;
    transition:background .3s;
    margin-top: -52px;
}

.royale:hover{
    background:url(images/product/template1h.png) no-repeat;
    transition:background .3s;
}

.team{
    background:url(images/product/template2.png) no-repeat;
    width:620px;
    height:322px;
    padding: 148px 0 0 178px;
    transition:background .3s;
    margin-top: -178px;
}

.team:hover{
    background:url(images/product/template2h.png) no-repeat;
    transition:background .3s;
}

.more{
    background:url(images/product/template3.png) no-repeat;
    width:620px;
    height:322px;
    padding: 148px 0 0 178px;
    transition:background .3s;
    margin-top: -178px;
}

.more:hover{
    background:url(images/product/template3h.png) no-repeat;
    transition:background .3s;
}

.boxTemplate a{
    display: inline-block;
    background: #ffffff;
    padding: 8px 25px;
    color: #505792;
    font-weight: bold;
    font-size: 14px;
    border-radius: 2px;
    opacity: 0;
    transition: opacity .3s, padding .3s;
    transform: skewY(5deg);
}

.boxTemplate:hover a{
    opacity: 1;
    transition: opacity .3s, padding .3s;
}

.boxTemplate a:hover{
    padding: 8px 35px;
    transition: opacity .3s, padding .3s;
}

@-moz-keyframes rotateAnime { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes rotateAnime { 100% { -webkit-transform: rotate(360deg); } }
@keyframes rotateAnime { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform:rotate(360deg); } }

/*--------------------------------------------------------------------------------------LEARNMORE*/

section#learnMore{
    float: right;
    width: calc(100% - 790px - 10%);
    padding-right: 10%;
}

section#learnMore.product{
    width: auto;
    padding:0;
}

section#learnMore.product .aws {
    width:80%;
}

section#learnMore h3{
    font-size:30px;
    font-weight: normal;
}

section#learnMore .ping{
    background: url(images/product/bestPing.png) no-repeat center top;
    padding-top:90px;
}

section#learnMore .saving{
    background: url(images/product/moneyDown.png) no-repeat center top;
    height:93px;
    padding-top:90px;
}

section#learnMore .start{
    background: url(images/product/fastMatching.png) no-repeat center top;
    height:93px;
    padding-top:90px;
}

section#learnMore h4{
    font-size: 30px;
    font-weight: normal;
    text-align: center;
}

section#learnMore article.awsBox span{
    display: block;
    text-align: center;
    padding-top: 175px;
}

section#learnMore span{
    display: block;
    text-align: center;
}

section#learnMore .function{
    background: url(images/product/function.png) no-repeat;
    width:200px;
    height:200px;
}

section#learnMore .secure{
    background: url(images/product/secure.png) no-repeat;
    width:200px;
    height:200px;
    margin-top: 40px;
}

section#learnMore .community{
    background: url(images/product/group.png) no-repeat;
    width:200px;
    height:200px;
}

section#learnMore .fast{
    background: url(images/product/speed.png) no-repeat;
    width:200px;
    height:200px;
    margin-top: 40px;
}

section#learnMore .aws{
    background: url(images/product/aws.png) no-repeat center;
    width: calc(100% - 790px - 10%);
    height: 255px;
    position: absolute;
    margin-top: 80px;
}

section#learnMore .block200{
    width:200px;
}

/*--------------------------------------------------------------------------------------LOGIN*/

section#login{
    background:url('images/back/background.png') no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

section#login > nav{
    float: right;
    text-align: right;
    height: 53px;
    display: table;
    width: calc(100% - 659px);
    max-width: 1212px;
}

section#login > nav > div{
    display: table-cell;
    vertical-align: middle;
}

section#login > nav > div a{
    
    font-weight: bold;
    font-size: 18px;
    padding-right: 30px;
}

section#login > div{
    margin:0 auto;
    width:450px;
    position: absolute;
    left: calc(50% - 225px);
    top: calc(50% - 290px);
}

section#login > div img{
    display:block;
    margin:0 auto;
    margin-bottom: 80px;
}

section#login > div input{
    width:100%;
    padding:14px;
    padding-left: 34px;
    color:#fff;
}

section#login > div hr{
    margin: 0 0 20px 34px;
    background: #796d9a;
    border: none;
    height: 2px;
}

section#login > div input[type="password"] {
    background:url(images/form/ico_password.png) no-repeat;
    background-position: -6px 9px;
}

section#login > div input[type="text"] {
    background:url(images/form/ico_id.png) no-repeat;
    background-position: -6px 9px;
}

section#login > div input[type="email"] {
    background:url(images/form/ico_mail.png) no-repeat;
    background-position: -6px 9px;
}

section#login > div > form > a{
    width: calc(50% - 30px);;
    float:left;
    margin:15px 30px;
    text-align: center;
}


section#login > div input[type="submit"]{
    width: calc(50% - 30px);;
    float:left;
    margin: 15px 0;
    padding: 10px 35px;
    border:none;
    color:#6b5487;
}

section#login > div input[type="submit"]:hover{
    padding: 10px 45px!important;
    transition:padding .3s;
}

section#login > div center{
    width:100%;
    text-align:center;
    margin:200px 0;
}

section#login > div.message{
    top: 20px;
    text-align: center;
    padding: 10px 40px;
    box-sizing: border-box;
    color:#fff;
    border-radius: 2px;
    animation: messageAnime .3s linear infinite alternate;
}

section#login > div.success{
    background: #539dd2;
}

section#login > div.error{
    background: #9c3964;
}


@-moz-keyframes messageAnime { 100% { -moz-transform: translate(6px, 0px); } }
@-webkit-keyframes messageAnime { 100% { -webkit-transform: translate(6px, 0px); } }
@keyframes messageAnime { 100% { -webkit-transform: translate(6px, 0px); -moz-transform: translate(6px, 0px); transform: translate(6px, 0px); } }

/*--------------------------------------------------------------------------------------MAIN PRODUCT PAGE*/

section#productSell{
    width:80%;
    margin: 0 auto;
}

section#productSell article{
    line-height: 27px;
}

section#productSell .slider{
    float:left;
    width:calc(50% - 2px);
}

section#productSell .displayContainer{
    border:1px solid #ffffff20;
    box-sizing: border-box;
    margin-bottom: 10px;
}

section#productSell .moveLeft{
    background: url(images/product/arrow.png) no-repeat;
    transform: rotate(180deg);
    width:42px;
    height:102px;
    float:left;
    cursor: pointer;
    margin-right: 10px;
    transition:opacity .3s;
}

section#productSell .moveRight{
    background: url(images/product/arrow.png) no-repeat;
    width:42px;
    height:102px;
    float:left;
    cursor: pointer;
    margin-left: 10px;
    transition:opacity .3s;
}

section#productSell .moveLeft:hover{
    opacity:.8;
    transition:opacity .3s;
}

section#productSell .moveRight:hover{
    opacity:.8;
    transition:opacity .3s;
}



section#productSell #sliderContainer{
    float:left;
    overflow:hidden;
    width:calc(100% - 104px);
}

section#productSell #safeContainer img{
    float:left;
    border:1px solid #ffffff20;
    margin-right: 10px;
    cursor: pointer;
}

section#productSell .infosProduct{
    float:left;
    width:50%;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    height: 540px;
}

section#productSell .infosProduct img.icon{
    float:left;
    padding-right:20px;
    background: url(images/product/logo.png)no-repeat;
    background-size: 79%;
}

section#productSell .infosProduct h1{
    float:left;
    font-size:40px;
    font-weight: normal;
    margin: -12px 0 0;
    width: calc(100% - 95px);
}
    
section#productSell .infosProduct h2{
    float:left;
    font-size:30px;
    font-weight: normal;
    margin: 0;
}

section#productSell nav{
    background:url(images/product/separator3.png) no-repeat bottom left;
    padding:50px 0 0 0;
}

section#productSell nav button{
    font-size: 18px;
    background: none;
    border: none;
    outline-style: none;
    color: #fff;
    width: 180px;
    text-align: center;
    border-bottom: 3px solid none;
    padding: 10px;
    cursor:pointer;
}

section#productSell nav button.selected{
    border-bottom: 3px solid #fff;
}

.starsRatingBackground{
    background:url(images/product/stars_empty.png) no-repeat;
    height:21px;
    width:117px;
    float: left;
}

.starsRatingValue{
    background:url(images/product/stars_full.png) no-repeat;
    height:21px;
    width:117px;
}

span.reviews{
    float: left;
    margin-left:30px;
}

.blockInfosProduct{
    background: #ffffff10;
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
}

.buyProduct{
    width:55%;
    background:url(images/product/separator4.png) no-repeat right center;
}

.buyProduct h3{
    text-align:center;
    font-size:30px;
    font-weight: normal;
    margin: 40px;
}

.assetInfos{
    width:35%;
}

.marketplace{
    white-space: nowrap;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.marketplace img{
    vertical-align: middle;
}

.helperCenter{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.assetInfos h4{
    font-size:12px;
    font-weight: normal;
    margin: 12px 0;
}




/*--------------------------------------------------------------------------------------FOOTER*/

footer{
    background:#ffffff10;
    width:100%;
}

footer hr{
    background:url(images/footer/separator.png);
    width:1181px;
    height:1px;
    border:none;
}

footer a{
    display:inline-block;
    width:50px;
    height:50px;
    margin:0 20px;
}

footer .discord{
    background:url(images/footer/discord.png) no-repeat;
    background-size:100%;
}

footer .twitter{
    background:url(images/footer/twitter.png) no-repeat;
    background-size:100%;
}

footer .youtube{
    background:url(images/footer/youtube.png) no-repeat;
    background-size:100%;
}

footer p{
    padding:0 20px 20px 20px;
}

/*--------------------------------------------------------------------------------------RESPONSIVE TABLET HORIZONTAL*/

@media screen and (max-width:1450px) {
    section#learnMore {
        float: none;
        width: 80%;
        padding: 0;
        box-sizing: border-box;
        margin:0 auto;
    }
    
    .mainProduct {
        background: none;
    }
    
    .horizontalTabletNotResponsive2 {
        display: none;
    }
    
    .responsiveObject2 {
        display: block;
    }
    
    section#learnMore .aws {
        width: 80%;
        margin-top: 100px;
    }
}

@media screen and (max-width:1025px) {
    html, body{
        margin: 0;
        padding: 0;
    }
    
    .responsiveObject{
        display:block;    
    }
    
    a.button, input.button {
        width: calc(50% - 10px);
        text-align: center;
    }
    
    a.button.product , input.button.product {
        width: 80%;
    }
    
    .notResponsiveObject{  
        /*display:none;*/
    }
    
    .horizontalTabletNotResponsive{  
        display:none;
    }
    
    table img {
        width: auto;
    }
    
    /*------------------------------HEADER*/
    
    header button.nav{
        display:block;
    }
    
    header img {
        width: 50px;
        padding: 3px;
    }
    
    header nav {
        background: #387bb0;
        width: 100%;
        border-top: 1px solid #00475d52;
        display:none;
    }
    
    header nav.open{
        display:table;   
    }
    
    header nav a {
        display: block;
        padding: 20px;
        text-align: center;
        box-sizing: border-box;
        border-top: 1px solid #89e4ff45;
        border-bottom: 1px solid #00475d52;
    }
    
    header > div {
        display:none;   
    }
    
    video {
        top: -283px;
        left: -179px;
        width: 1100px;
    }
    
    /*------------------------------CONTENT*/
    
    section#product nav {
        width: 100%;
        margin-top: 110px;
    }
    
    section#header div.boxContent {
        width: auto;
    }
    
    section#header > div {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        position: sticky;
    }
    
    .mainProduct {
        padding: 5px;
        box-sizing: border-box;
    }
    
    section#product h2 {
        font-size: 70px;
    }
    
    section#product h3 {
        font-size: 52px;
    }
    
    .royale, .team, .more {
        background-size: 50%;
        padding: 0;
    }
    
    /*------------------------------LEARN MORE*/
    
    section#learnMore {
        float: left;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    
    section#learnMore h3 {
        text-align: center;
    }
    
    section#learnMore p{
        text-align:center;
    }
    
    section#learnMore .function{
        width:100%;
    }

    section#learnMore .secure{
        width:100%;
    }

    section#learnMore .community{
        width:100%;
    }

    section#learnMore .fast{
        width:100%;
    }

    section#learnMore .aws{
        width: 100%;
        margin-top: 100px;
    }
    
    section#productSell .aws{
        width: calc(100% - 10px);
    }
    
    
    section#login form {
        width: 80%;
        margin: 0 auto;
    }
    
    section#login > div > form > a {
        width: calc(50% - 15px);
        margin: 15px 15px 15px 0;
    }
    
    section#login > div input[type="submit"] {
        width: calc(50%);
    }
    
    section#login > div.success {
        top: 50px;
    }
    
    section#login > div center {
        margin: 110px 0;
    }
    
    .mainProduct {
        background:none;   
    }
    
    section#product aside {
        padding: 0 400px;
    }
    
    section#product aside ul{
        background: url(images/product/separator.png) no-repeat left;
    }
    
    /*------------------------------PRODUCT*/
    
    section#productSell {
        width: 100%;
    }
    
    section#productSell .slider {
        width: 100%;
    }
    
    section#productSell .infosProduct {
        width:100%;
        padding:5px;
        padding-top: 20px;
    }
    
    span.reviews{
        font-size: 12px;
        margin: 10px 0;
    }
    
    .blockInfosProduct {
        position: relative;
        width:calc(100%);

    }
    
    .assetInfos img{
        width: 80px;
    }
    
    section#productSell article{
        padding: 5px;
        box-sizing: border-box;
    }
    
    /*------------------------------FOOTER*/
    
    footer hr {
        width:100%;
    }
    
}

/*--------------------------------------------------------------------------------------RESPONSIVE TABLET VERTICAL*/

@media screen and (max-width:800px) {
    html, body{
        margin: 0;
        padding: 0;
    }
    
    .responsiveObject{
        display:block;    
    }
    
    a.button, input.button {
        width: calc(50% - 10px);
        text-align: center;
    }
    
    a.button.product , input.button.product {
        width: 80%;
    }
    .notResponsiveObject{  
        display:none;
    }
    
    table img {
        width: auto;
    }
    
    /*------------------------------HEADER*/
    
    header button.nav{
        display:block;
    }
    
    header img {
        width: 90px;
        padding: 3px;
    }
    
    header nav {
        background: #387bb0;
        width: 100%;
        border-top: 1px solid #00475d52;
        display:none;
    }
    
    header nav.open{
        display:table;   
    }
    
    header nav a {
        display: block;
        padding: 20px;
        text-align: center;
        box-sizing: border-box;
        border-top: 1px solid #89e4ff45;
        border-bottom: 1px solid #00475d52;
    }
    
    header > div {
        display:none;   
    }
    
    video {
        top: -283px;
        left: -179px;
        width: 1100px;
    }
    
    /*------------------------------CONTENT*/
    
    section#product nav {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    section#header div.boxContent {
        width: auto;
    }
    
    section#header > div {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        position: sticky;
    }
    
    .mainProduct {
        padding: 5px;
        box-sizing: border-box;
    }
    
    section#product h2 {
        font-size: 70px;
    }
    
    section#product h3 {
        font-size: 52px;
    }
    
    .royale, .team, .more {
        background-size: auto;
        padding: 148px 0 0 178px;
    }
    
    /*------------------------------LEARN MORE*/
    
    section#learnMore {
        float: left;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    
    section#learnMore h3 {
        text-align: center;
    }
    
    section#learnMore p{
        text-align:center;
    }
    
    section#learnMore .function{
        width:100%;
    }

    section#learnMore .secure{
        width:100%;
    }

    section#learnMore .community{
        width:100%;
    }

    section#learnMore .fast{
        width:100%;
    }

    section#learnMore .aws{
        width: 100%;
        margin-top: 100px;
    }
    
    section#productSell .aws{
        width: calc(100% - 10px);
    }
    
    
    section#login form {
        width: 80%;
        margin: 0 auto;
    }
    
    section#login > div > form > a {
        width: calc(50% - 15px);
        margin: 15px 15px 15px 0;
    }
    
    section#login > div input[type="submit"] {
        width: calc(50%);
    }
    
    section#login > div.success {
        top: 50px;
    }
    
    section#login > div center {
        margin: 110px 0;
    }
    
    .mainProduct {
        background:none;   
    }
    
    /*------------------------------PRODUCT*/
    
    section#productSell {
        width: 100%;
    }
    
    section#productSell .slider {
        width: 100%;
    }
    
    section#productSell .infosProduct {
        width:100%;
        padding:5px;
        padding-top: 20px;
    }
    
    span.reviews{
        font-size: 12px;
        margin: 10px 0;
    }
    
    .blockInfosProduct {
        position: relative;
        width:calc(100%);

    }
    
    .assetInfos img{
        width: 80px;
    }
    
    section#productSell article{
        padding: 5px;
        box-sizing: border-box;
    }
    
    /*------------------------------FOOTER*/
    
    footer hr {
        width:100%;
    }
    
}


/*--------------------------------------------------------------------------------------RESPONSIVE PHONE*/

@media screen and (max-width:400px) {
    html, body{
        margin: 0;
        padding: 0;
    }
    
    .responsiveObject{
        display:block;    
    }
    
    a.button, input.button {
        width: calc(50% - 10px);
        text-align: center;
    }
    
    a.button.product , input.button.product {
        width: 80%;
    }
    .notResponsiveObject{  
        display:none;
    }
    
    table img{
        width:100%;
    }
    
    /*------------------------------HEADER*/
    
    header button.nav{
        display:block;
    }
    
    header img {
        width: 50px;
        padding: 3px;
    }
    
    header nav {
        background: #387bb0;
        width: 100%;
        border-top: 1px solid #00475d52;
        display:none;
    }
    
    header nav.open{
        display:table;   
    }
    
    header nav a {
        display: block;
        padding: 20px;
        text-align: center;
        box-sizing: border-box;
        border-top: 1px solid #89e4ff45;
        border-bottom: 1px solid #00475d52;
    }
    
    header > div {
        display:none;   
    }
    
    video {
        top: -223px;
        left: -550px;
        width: 1100px;
    }
    
    /*------------------------------CONTENT*/
    
    section#product nav {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    section#header div.boxContent {
        width: auto;
    }
    
    section#header > div {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        position: sticky;
    }
    
    .mainProduct {
        padding: 5px;
        box-sizing: border-box;
    }
    
    section#product h2 {
        font-size: 68px;
    }
    
    section#product h3 {
        font-size: 50px;
    }
    
    /*------------------------------LEARN MORE*/
    
    section#learnMore {
        float: left;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    
    section#learnMore h3 {
        text-align: center;
    }
    
    section#learnMore p{
        text-align:center;
    }
    
    section#learnMore .block200 {
        width: calc(100% / 2);
    }
    
    section#learnMore .function{
        width:100%;
    }

    section#learnMore .secure{
        width:100%;
    }

    section#learnMore .community{
        width:100%;
    }

    section#learnMore .fast{
        width:100%;
    }

    section#learnMore .aws{
        width: 100%;
        margin-top: 100px;
    }
    
    section#productSell .aws{
        width: calc(100% - 10px);
    }
    
    
    section#login form {
        width: 80%;
        margin: 0 auto;
    }
    
    section#login > div > form > a {
        width: calc(50% - 15px);
        margin: 15px 15px 15px 0;
    }
    
    section#login > div input[type="submit"] {
        width: calc(50%);
    }
    
    section#login > div.success {
        top: 50px;
    }
    
    section#login > div.error {
        top: 50px;
    }
    
    section#login > div center {
        margin: 110px 0;
    }
    
    .mainProduct {
        background:none;
        margin:0 auto;
    }
    
    /*------------------------------PRODUCT*/
    
    section#productSell {
        width: 100%;
    }
    
    section#productSell .slider {
        width: 100%;
    }
    
    section#productSell .infosProduct {
        width:100%;
        padding:5px;
        padding-top: 20px;
    }
    
    span.reviews{
        font-size: 12px;
        margin: 10px 0;
    }
    
    .blockInfosProduct {
        position: relative;
        width:calc(100%);

    }
    
    .assetInfos img{
        width: 80px;
    }
    
    section#productSell article{
        padding: 5px;
        box-sizing: border-box;
    }
    
    /*------------------------------FOOTER*/
    
    footer hr {
        width:100%;
    }
    
}

/*--------------------------------------------------------------------------------------FONT*/

@import url('https://fonts.googleapis.com/css?family=Muli&display=swap%27');