body{
    overflow-x:hidden;
    background:#2f245c;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
    padding-bottom: 90px;
}
html{
    scroll-behavior: smooth;
    overflow-x:hidden;
}
.nopadding{
    padding-bottom: 0;
}
h1, h2, h3, h4, h5, h6{
    display: block;
}
a, div, input, textarea, button, span{
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
a:hover, a:visited, a:focus{
    text-decoration:none!important;
}

/************************** GENERAL *************************/

h1{
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 51px; 
}
h2{
    color: #000;
    font-size: 30px;
    font-weight: 700;
}
h3{
    color: #000;
    font-size: 22px;
    font-weight: 600;
}
p{
    font-size: 16px;
    line-height: 24px;
    color: #d4d3d3;
    font-weight: 400;
}

/************************** HEADER *************************/


.logo{
    margin: 30px 0 43px;
    display: block;
}
.made{
    display: block;
    margin: 30px 0 30px;
    font-weight: 700;
    color:#beb9b9;
}

/************************** TESTIMONIALS *************************/

.testimonial{
    width: 831px;
    margin: 0 auto;
}
.box{
    width: 567px;
    float: left;
}
.tem{
    margin: 0 20px 20px 0;
    float: left;
}
.tem2{
    margin: 0 20px 0 0;
    float: none;
}
.gal {
	
    -webkit-column-count: 3; 
    -moz-column-count: 3; 
    column-count: 3;	
}	
.gal img{ 
    width: 100%; padding: 7px 0;
}

@media (max-width: 480px) {
		
    .gal {
    -webkit-column-count: 1; 
    -moz-column-count: 1;
    column-count: 1;  

    }
		
}

/************************** ARGS *************************/

.args{
    background: #fff;
    padding: 0;
    position: relative;
    flex: none;
    height: auto;
}
.args p{
    color: #666;
    margin: 0;
}
.args h2{
    color: #000;
    margin-bottom: 45px;
    margin-top: 0;
}
.args h3{
    color: #2f2858;
    margin-bottom: 69px;
}
.args h4{
    color: #000;
    margin-bottom: 36px;
    font-weight: 600;
}
.list{
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
}
.list li{
    font-size: 26px;
    margin: 0 0 15px;
    display: block;
    color: #2f2858;
    font-weight: 600;
}
.list li span.orange{
    color: #f58e5b;
}

h2.white{
    color: #fff;
    margin: 36px 0;
    font-weight: 600;
}
.intro{
    color: #000;
    background: #fff;
    padding: 34px 61px;
    font-size: 20px;
    width: 800px;
    margin: 0 auto 37px;
    border-radius: 20px;
}
h3.white{
    color: #fff;
}
.macaron{
    margin: 70px 0 0;
}
.couple{
    color:#fff;
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin: 0 0 40px;
}
.purple{
    color: #fff;
    background: #200e34;
    padding: 30px;
    border-radius: 20px;
}
span.white{
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: block;
    margin: 40px 0 20px;
    font-weight: 600;
}
.couple{
    margin-bottom: 51px;
}

.thumbs{
    margin-bottom: 26px;
    display: block;
}
.cadre{
    padding-top: 67px;
    border-radius: 20px;
    background: #403678;
    height: 438px;
}
.idea{
    color:#fff;
    font-size: 17px;
    font-weight: 600;
    margin-top: 40px;
}
.name{
    color:#000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 5px;
}
.details{
    font-size: 11px;
    text-transform: uppercase;
    color: #467fff;
    font-weight: 600;
}
.details:hover {
    cursor: pointer;
}
h2.facts{
    margin-bottom: 100px;
}
h3.facts{
    margin-top: 70px;
    margin-bottom: 30px;
}
.wave{
    position:absolute;
    bottom: 0;
}
.price, .price_soft{
    color: #fff;
    font-weight: 700;
    font-size: 80px;
}
.oldPrice{
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}
.shipping{
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}
.enjoy{
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    display: block;
}
.discover{
    font-size: 40px;
    margin: 0 0 70px!important;
    display: block;
}



.hello{
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    margin: 10px 0 0;
    display: block;
}
.cta{
    background: #0ab921;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin: 0;
    display: block;
    border-radius: 60px;
    width: 332px;
    height: 63px;
    line-height: 63px;
    float: right;
}
.cta:hover{
    background: #f0943e;
    color: #000;
}

#panel,
#panel2,
#panel3,
#panel4,
#panel5{
    display: none;
    padding: 0;
    text-align: center;
    margin: 20px 0 20px;
    font-size: 13px;
}





/************************** REGISTER *************************/
.logo-xs{
    margin: 30px 0 43px;
    display: block;
}

.resize{
    width: 170px;
    height: auto;
} 
.left, .right{
    width: 45%;
    float: left;
}
h1.register{
    font-size: 34px; 
    margin: 10px 0 20px;
}
.prix{
    color: #fff;
    font-weight: 700;
    font-size: 70px;
    margin: 30px 0 0;
}
.oldPrice{
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}
.livraison{
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}
.formulaire{
    background: #fff;
    border-radius: 20px;
    padding: 39px 0 39px 27px;
    width: 650px;
    margin: 0 auto 58px;
}
label{
    font-size: 13px;
    color: #000;
    font-weight: 700;
}
.form-row{
    margin-bottom: 25px;
}
input.form-control{
    height: 55px;
    width: 280px;
    border: 1px solid #c0c0c3;
}
.form-check-input.is-invalid~.form-check-label, 
.was-validated .form-check-input:invalid~.form-check-label {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    padding-right: 30px;
}
h2.titreLivraison{
    font-size: 20px;
    font-weight: 700;
    color: #2f2858;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.submit{
    background: #13be53;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    display: block;
    width: 301px;
    height: 71px;
    line-height: 71px;
    margin: 20px auto 0;
}
.submit:hover{
    background: #109442;
    color: #fff;
}
.go{
    color: #666;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    display: block;
    font-style: italic;
    margin: 10px 0 0;
}
.desc{
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}
.gd{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}

.links{
    list-style: none;
    padding: 0 0 0 190px;
    margin: 70px 0 30px;
}
.links li{
    color: #ccc;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.icone{
    margin-left: 190px;
}
.icone img{
    margin-right: 20px;
}
.pourpre{
    background: #18142d;
    padding: 40px 21px;
    margin: 70px 0 30px;
    width: 400px;
}
.pourpre h4{
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: block;
}
.pourpre h4 img{
    margin-top: 5px;
}
.seven{
    list-style: none;
}
.seven li{
    color: #ccc;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
span.orange{
    color: #f58e5b;
}
footer{
    margin: 0;
    background: #1b153a;
    padding: 30px 0;
}
span.about{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin: 0 0 20px;
}
ul.foot{
    padding: 0;
    list-style: none;
}
ul.foot li{
    font-size: 13px;
}
ul.foot li a{
    color: #f58e5b;
    font-weight: 600;
}
ul.foot li a:hover{
    color: #d8642b;
    margin-left: 10px;
}
p.foot{
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 0 0 20px;
    line-height: 18px;
}
p.foot a{
    color: #f58e5b;
}
p.foot a:hover{
    color: #d8642b;
    margin-left: 10px;
}

.faq{
    background: #fff;
    padding: 70px 0;
    margin-top: 30px;
}
.faq h2.desc{
    color: #000;
}
.faq span.about{
    color: #2F245C;
    text-transform: none;
}
.faq p.foot{
    color: #666;
    font-weight: 400;
}

select.form-control{
    height: 55px!important;
    width: 280px;
    border: 1px solid #c0c0c3;
}


button.submit{
    background: #13be53;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    display: block;
    width: 301px;
    height: 71px;
    line-height: 71px;
    margin: 20px auto 0;
    border: 0;
    cursor: pointer;
}
button.submit:hover{
    background: #109442;
    color: #fff;
}

/************************** MOBILE VERSION *************************/



/******** IPAD PAYSAGE ********/
@media(max-width:1024px) {
    
    /******** REGISTER ********/
    
    .icone img {
        margin-right: 9px;
    }
    
}

/******** IPAD PORTRAIT ********/
@media(max-width:768px) {
    
    .intro {
        width: 688px;
    }
    .cadre {
        padding: 67px 30px;
        height: auto;
    }
    h3.white {
        font-size: 16px;
    }
    .shipping {
        font-size: 18px;
    }
    
    /******** REGISTER ********/
    
    .icone img {
        margin-right: 9px;
    }
    .pourpre {
        margin: 70px auto 30px;
    }
    
}

/******** MOBILE ********/

@media(max-width:480px) {
  
    body{
        padding-bottom: 60px;
    }

    .logo {
        margin: 20px 0 20px;
    }
    h1 {
        font-size: 27px;
        margin-bottom: 20px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 18px;
    }
    .h4 {
        font-size: 1.1rem;
    }
    .made {
        font-size: 13px;
    }
    .testimonial{
        width: auto;
    }
    .tem-xs{
        display: block;
        margin-bottom: 20px;
    }
    .args h3 {
        margin-bottom: 30px;
    }
    .args h4 {
        margin-bottom: 16px;
    }
    .intro {
        width: auto;
        padding: 30px;
        font-size: 16px;
        margin-bottom: 20px;
    }
    span.white {
        font-size: 17px;
        margin: 20px 0;
    }
    .list li {
        font-size: 20px;
    }
    .macaron {
        margin: 20px 0 0;
    }
    .couple {
        margin-bottom: 20px;
    }
    .cadre{
        margin-bottom: 20px;
    }
    .mobile{
        margin-bottom: 20px;
    }
    .args p {
        font-size: 14px;
    }

    .discover {
        font-size: 40px;
        margin: 0 0 10px!important;
        display: block;
    }
    .nuit{
        margin: 0 auto;
        display: block;
    }
    .price, .price_soft{
        text-align: center;
    }
    .shipping{
        text-align-last: center;
    }
    .bar{
        padding: 0;
    }
    .cta-xs{
        background: #0ab921;
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        margin: 0;
        display: block;
        width: 100%;
        height: 63px;
        line-height: 63px;
        text-transform: uppercase;
    }
    .cta-xs:hover{
        background: #f0943e;
        color: #000;
    }
    
    /****************** REGISTER ************************/
    
    .logo-xs{
        margin: 10px 0 10px;
    }

    .bg2 {
        background: none;
    }
    .left,
    .right{
        width: 45%;
    }
    .left img{
        margin: 10px 0 0;
    }
    .prix{
        font-size: 50px;
    }
    .oldPrice {
        display: block;
        margin: 5px 0 0;
    }
    h1.register {
        font-size: 29px;
    }
    .formulaire {
        padding: 27px;
        width: auto;
        margin: 0 auto 20px;
    }
    input.form-control {
        height: 45px;
        width: 328px;
    }
    .form-row {
        margin-bottom: 5px;
    }
    h2.titreLivraison {
        font-size: 18px;
        margin: 10px 0;
    }
    .form-check-input.is-invalid~.form-check-label, 
    .was-validated .form-check-input:invalid~.form-check-label {
        font-size: 11px;
        padding-right: 0;
    }
    .submit {
        font-size: 17px;
        width: auto;
        height: 55px;
        line-height: 55px;
        margin: 5px auto 0;
    }
    .go {
        font-size: 12px;
        margin: 5px 0 0;
    }
    .desc {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .gd {
        font-size: 28px;
    }

    .links {
        list-style: none;
        padding: 0 0 0 150px;
        margin: 30px 0 30px;
    }
    .links li {
        font-size: 12px;
    }
    .icone {
        width: 262px;
        margin: 10px auto 0;
    }
    .icone img:last-child {
        margin-right: 0;
    }
    .pourpre {
        margin: 30px 0 30px;
        width: auto;
    }
    select.form-control{
        height: 45px!important;
        width: 328px;
    }    
    
}

@media(max-width: 375px) {
    

    h1 {
        font-size: 22px;
    }
    .list li {
        font-size: 17px;
    }
    input.form-control {
        width: 291px;
    }
    select.form-control{
        width: 291px;
    }    
}

@media(max-width: 350px) {
    
    h1.register {
        font-size: 20px;
    }
    .resize {
        width: 100px;
        height: auto;
    }
    .prix {
        font-size: 45px;
    }
    input.form-control {
        width: 242px;
    }
    .desc {
        font-size: 17px;
    }
    .gd {
        font-size: 25px;
    }
    select.form-control{
        width: 242px;
    }    
}