/*HomePage*/

#homeTop {
    overflow: hidden;
    flex: 8 1 70%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    font-family: "MontSerratLight";
}

#homeTopLeftBar, #homeContent {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#homeTopLeftBar {
    position: relative;
    flex: 2;
}

#homeTopLeftBar #mainTitle {
    flex: 2;
    width: 100%;
    font-family: "MontSerratBold";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6em;
}


#homeTopLeftBar #mainTitle h4 {
    text-align: center;
    padding: 0 5%;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

#homeTopLeftBar #homeTopLeftBarContent {
    flex: 12;
    padding: 0 5%;
    box-sizing: border-box;
    width: 100%;
    font-family: "MontSerratLight";
    font-size: 0.8em;
    display: flex;
    overflow: auto;
    flex-direction: column;

}

#homeTopLeftBar #homeTopLeftBarContent p {
    font-size: 1.1em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: justify;
}

#homeTopLeftBar #homeTopLeftBarContent .black {
    font-family: "MontSerratBlack";
    margin-bottom: 8px;
}

#homeTopLeftBar #homeTopLeftBarContent .bold {
    font-family: "MontSerratBold";
    margin-bottom: 8px;
}

#homeTopLeftBar #homeTopLeftBarContent .semiBold {
    font-family: "MontSerratSemiBold";
    margin-bottom: 8px;
}

#homeContent {
    overflow: hidden;
    flex: 5;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;

}

#homeContent #homeBigPicture {
    flex: 4;
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: row;
}

#homeContent #homeBigPicture .bigBack {
    flex: 2 1 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #b0b1b2;
}

#homeContent #homeBigPicture .bigBack img {
    max-width: 42px;
    transition: all 0.4s ease;
}

#homeContent #homeBigPicture .bigPictureImg {
    flex: 4;
    height: 100%;
}

#homeContent #homeBigPicture .bigPictureImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#homeContent #homeLinks,
#homeContent #homeBigPicture {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#homeContent #homeLinks {
    flex: 3;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#homeContent #homeLinks .homeLink,
#homeContent #homeLinks .homeLink:visited {
    height: 100%;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    position: relative;
}

#homeLinks .homeLink:first-child {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#homeLinks .homeLink:not(:first-child):not(:last-child):after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    background: #b0b1b2;
}

#homeTopLeftBar #mainTitle,
#homeContent #homeLinks .homeLink .linkTitles {
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#homeContent #homeLinks .homeLink .linkTitles {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    transition: all 0.4s ease;
    box-sizing: border-box;
    padding: 0 5%;
}

.homeLink h3 {
    font-size: 0.8em;
    margin: 0;
}

#homeButtonsBot {
    overflow: hidden;
    flex: 2 1 20%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

#homeButtonsBot .wrapRightElements {
    flex: 5;
    display: flex;
    overflow-y: hidden;
    height: 100%;
    align-items: stretch;
}

#homeButtonsBot .wrapCarousel {
    flex: 4;
}

#homeButtonsBot #shopaAllCollectionsButon, #homeButtonsBot #shopaAllCollectionsButon:visited {
    position: relative;
    flex: 2;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
    font-family: "MontSerratLight";
    transition: all 0.4s ease;
    font-size: 0.8em;

}

#homeButtonsBot #shopaAllCollectionsButon:hover {
    color: #1875f0;
}

#homeButtonsBot #shopaAllCollectionsButon .empty {
    flex: 1 1 5%;
    height: 100%;
}

#homeButtonsBot #shopaAllCollectionsButon .elements {
    display: flex;
    height: 100%;
    flex: 2 1 95%;
    align-items: center;
    flex-direction: row;
}

#homeButtonsBot #shopaAllCollectionsButon .wrapImg {
    flex: 1;
    position: relative;
    height: 100%;
}

#homeButtonsBot #shopaAllCollectionsButon .elements > div:last-child {
    flex: 2;
}

#homeButtonsBot #shopaAllCollectionsButon img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

#homeButtonsBot #shopaAllCollectionsButon h3 {
    font-family: "AlexanaNeue";
    margin-bottom: -10px;
    font-weight: 700;
    text-transform: uppercase;
}

#homeButtonsBot #homeCarousel {
    height: 100%;
    display: flex;
    align-items: center;
}

#homeButtonsBot #homeCarousel .slide a, #homeButtonsBot #homeCarousel .slide a:visited {
    padding: 5%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratLight";
    font-size: 0.8em;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
    color: #000;
    text-decoration: none;
    transition: all 0.4s ease;
}

#homeCarousel .slide a .wrapImg {
    width: 100%;
    flex: 2;
    position: relative;
}

#homeCarousel .slide a .wrapImg img {
    max-width: 100%;
    max-height: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 12%;
    left: 0;
    margin: auto;
}

#homeCarousel .piperMenu .wrapImg img {
    max-height: inherit !important;
    bottom: -10% !important;
}

#homeCarousel .piperMenu {
    font-family: 'AlexanaNeue' !important;
    font-size: 0.9em !important;
}

#homeCarousel .slide p {
    flex: 1;
}

#homeButtonsBot #homeCarousel #slideHome02 {
    font-family: "AlexanaNeue";
}

#homeButtonsBot #homeCarousel .slide img {
    transition: all 0.4s ease;
}

#homeButtonsBot #homeCarousel .slide a:hover {
    /*max-width: 150px;*/
    color: #1875f0;
}


#homeButtonsBot #homeCarousel p {
    margin: 0;
}

#homeButtonsBot #ui-carouselHome-next {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#homeButtonsBot #ui-carouselHome-next img {
    max-width: 35px;
    transition: all 0.4s ease;
}

#pageContent #homeTopLeftBar #homeTopLeftBarContent h1 {
    margin-top: 20px;
}

#homeContent #homeLinks .homeLink .gradient {
    color: #fff;
    font-family: "MontSerratBold";
}

#homeContent #homeLinks .homeLink:not(#linkAllProducts):hover .linkTitles {
    color: #1875f0;
}

#homeContent #homeLinks .homeLink .linkImg {
    flex:2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(100%);
    transition: all 0.4s ease;
}

#homeContent #homeLinks .homeLink:not(#linkAllProducts):hover .linkImg,
#homeContent #homeLinks #linkAllProducts .wrapLinkImg:hover .linkImg {
    filter: brightness(30%);
}

#homeContent #homeLinks .homeLink img {
    max-width: 30px;
    opacity: 0;
    transition: all 0.4s ease;
    position: absolute;
    bottom: 26%;
}

#homeContent #homeLinks #linkAllProducts .wrapLinkImg {
    flex: 2;
    width: 100%;
    position: relative;
}

#homeContent #homeLinks #linkAllProducts img {
    opacity: 1;
    max-width: 30px;
    bottom: 50%;
    left: 50%;
    -moz-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    cursor: pointer;
}

#homeContent #homeLinks #linkAllProducts .wrapLinkImg .linkImg {
    width: 100%;
    height: 100%;
}

#homeContent #homeLinks .homeLink:hover .hoverImg {
    opacity: 1;
}

#homeContent #homeLinks #linkAllProducts .hoverImg {
    height: 60px;
    max-width: 40px;
    transform: rotate(180deg);

}

#homeBigPicture .wrapCarousel {
    flex: 8 1 80%;
}

#carouselHomeImg {
    height: 100%;
}

#carouselHomeImg .slider {
    position: relative;
}

#carouselHomeImg .infos {
    color: #fff;
    position: absolute;
    bottom: 50px;
    right: 50px;
}

#carouselHomeImg .title {
    text-transform: uppercase;
    font-family: "MontSerratBold";
    font-size: calc(1.2vh + 1.2vw);
}

#carouselHomeImg .text {
    font-size: calc(0.7vh + 0.7vw);
    font-family: morena;
    padding-top: 5px;
}

#carouselHomeImg .slider {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/*FAQ Page*/

#faqContent {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#faqContent #faqTopBar {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    font-family: "MontSerratLight";
}

#faqContent #faqTopBar #faqNav {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#faqContent #faqTopBar .wrapCarousel {
    flex: 5;
}

#faqContent #faqTopBar #faqNav #ui-carouselFaq-prev {
    flex: 1;
    height: 100%;
    background: #060a13;
    display: flex;
    justify-content: center;
    align-items: center;
}

#faqContent #faqTopBar #faqNav #ui-carouselFaq-next {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#faqContent #faqTopBar #faqNav #ui-carouselFaq-prev img, #faqContent #faqNav #ui-carouselFaq-next img  {
    max-width: 35px;
    max-height: 30px;
    transition: all 0.4s ease;
}

#faqContent #faqTopBar #carouselFaq {
    height: 100%;
    flex: 5;
    display: flex;
}

#faqContent #faqTopBar #carouselFaq .slide {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratLight";
    transition: all 0.4s ease;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#faqContent #faqTopBar #carouselFaq .slide h3 {
    font-family: "MontSerratLight";
    transition: all 0.4s ease;
    margin: 0;
}

#faqContent #faqTopBar #carouselFaq .slide:hover h3 {
    font-family: "MontSerratBold";
}

#faqContent #faqTopBar #carouselFaq .slide .active {
    font-family: "MontSerratBold";
}

#faqContent #faqTopBar #buttonCollections, #faqContent #faqTopBar #buttonCollections:visited {
    flex: 1;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: montserratbold;
    box-sizing: border-box;
}

#faqContent #faqTopBar #buttonCollections h3 {
    padding: 0 5%;
    font-size: calc(0.6vh + 0.6vw);
    margin: 0;
}

#faqContent #faqAnswers {
    overflow: hidden;
    flex: 8;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

#faqContent #faqAnswers #leftPart {
    overflow: hidden;
    flex: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#leftPart .wrapCarousel {
    width: 100%;
    flex: 2;
}

#leftPart .leftTopPart {
    flex: 7;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#leftPart .leftTopPart .wrapCol {
    display: flex;
    flex: 6;
}

#leftPart .leftBotPart {
    flex: 2;
    display: flex;
}

#faqContent #faqAnswers #leftPart form, #faqContent #faqAnswers #leftPart #leftPartTop {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    overflow: hidden;
}

#faqContent #faqAnswers #leftPart form .textareaFaq {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faqPage #leftPartTop div:first-child {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.faqPage #leftPartTop > div:first-child p {
    font-family: "MontSerratLight";
    font-size: 0.8em;
    padding: 10%;
    box-sizing: border-box;
    margin: 0;
    line-height:19px;
}

#faqContent #faqAnswers #leftPart #ui-carouselAboutUsImg-prev, #faqContent #faqAnswers #leftPart #ui-carouselAboutUsImg-next {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#faqContent #faqAnswers #leftPart #ui-carouselAboutUsImg-prev p, #faqContent #faqAnswers #leftPart #ui-carouselAboutUsImg-next p {
    font-family: "MontSerratBlack";
    font-size: calc(0.8vw + 0.8vh);
    transition: all 0.4s ease;
    font-weight:900;
}

#carouselAboutUsImg {
    height: 100%;
}

#carouselAboutUsImg .slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#faqContent #faqAnswers #leftPart .gradient, #faqContent #faqAnswers #leftPart .black {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratBlack";
    font-size: calc(1.8vw + 1.8vh);
}

#faqContent #faqAnswers #leftPart .black {
    background-color: #000;
    color: #fff;
}

#faqContent #faqAnswers #leftPart #faqImg {
    flex: 3;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#faqContent #faqAnswers #answersPart {
    overflow-y: auto;
    flex: 4;
    height: 100%;
    display: flex;
    justify-content: center;
}

#faqContent #faqAnswers #answersPart .faqAnswer {
    font-family: "MontSerratLight";
    font-size: 1.1em;
    display: none;
}

#faqContent #faqAnswers #answersPart #faqAnswer1 {
    display: block;
}

#faqContent #faqAnswers #answersPart .faqAnswer span {
    font-family: "MontSerratBold";
}

#faqContent #faqAnswers #answersPart .faqAnswer > div {
    padding: 3% 10%;
    box-sizing: border-box;
}

#faqContent .relatedContent {
    flex: 1;
    overflow: hidden;
    position: relative;
}

#faqContent .relatedContent .wrapCarousel {
    padding: 0 !important;
}

#faqContent .firstLetter {
    display: none;
}

/*Single Product Page*/

#mainPage #faqContent .only6 {
    flex: 6;
}

#singleProductName {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratSemiBold";@
}

#singleProductName h3 {
    margin: 0;
    font-size: calc(0.6vh + 0.6vw);
    padding: 0 5%;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

#carouselsingleProduct {
    display: flex;
    height: 100%;
    font-size:0.9em;
    display: flex;
}

#carouselsingleProduct .slide {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
    color: #000;
    transition: all 0.4s ease;
}

#carouselsingleProduct .slide h3 {
    margin: 0;
    padding: 0 5%;
    font-size: calc(0.6vh + 0.6vw);
}

#carouselsingleProduct .slide:hover {
    color: #1875f0;
}

#carouselsingleProduct .active {
    color: #fff;
    background: linear-gradient(90deg, rgba(153,41,234,1) 0%, rgba(40, 113, 250, 1) 100%);
}

#carouselsingleProduct .active:hover {
    color: #fff;
}

#faqContent #faqAnswers #answersPart .full {
    width: 100%;
    height: 100%;
}

#faqAnswer2 {
    position: relative;
}

#faqAnswer2 #reviewsView {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 !important;
}

#faqAnswer2 #reviewsLeftPart, #faqAnswer2 #reviewsRightPart {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#faqAnswer2 #reviewsLeftPart #openReviewForm {
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    text-align: center;
}

#faqAnswer2 #reviewsLeftPart #openReviewForm h2 {
    font-size: 0.9em;
    transition: all 0.4s ease;
}

#faqAnswer2 #reviewsLeftPart .double {
    display: flex;
    align-items: center;
}

#faqAnswer2 #reviewsLeftPart .double div {
    height: 100%;
}

#faqAnswer2 #reviewsLeftPart .double #ui-carouselReviews-next {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#faqAnswer2 #reviewsLeftPart .double #ui-carouselReviews-next img {
    max-width: 40px;
    transition: all 0.4s ease;
}

#faqAnswer2 #reviewsLeftPart #carouselReviewsStars {
    height: 100%;
}

#faqAnswer2 #reviewsLeftPart #carouselReviewsStars .slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

#faqAnswer2 #reviewsLeftPart #carouselReviewsStars img {
    max-width: 30px;
}

#faqAnswer2 #reviewsRightPart #carouselReviewsContent {
    height: 100%;
    width: 100%;
}

#faqAnswer2 #reviewsRightPart #carouselReviewsContent .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#faqAnswer2 #reviewsRightPart #carouselReviewsContent .slide .single {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#faqAnswer2 #reviewsRightPart #carouselReviewsContent .slide > .single {
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#faqAnswer2 #reviewsRightPart #carouselReviewsContent .slide .double {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#faqAnswer2 #reviewsRightPart #carouselReviewsContent .slide p {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*width: 80%;*/
    font-size: 0.8em;
    margin: 0;
    text-align: center;
}

#faqAnswer2 #reviewsRightPart #carouselReviewsContent .slide span {
    font-family: "MontSerratBold";
}

#faqAnswer2 #reviewsRightPart #carouselReviewsContent .slide .centerText {
    margin: auto;
}

#faqAnswer2 #reviewsLeftPart .place , #faqAnswer2 #reviewsRightPart .place {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#faqAnswer2 #postReviewForm {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: #fff;
    display: none;
    overflow: hidden;
}

#faqAnswer2 #postReviewForm div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#faqAnswer2 #postReviewForm .reviewFormBars {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#faqAnswer2 #postReviewForm .reviewFormBars div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#faqAnswer2 #postReviewForm .reviewFormBars input {
    width: 80%;
    font-family: "MontSerratLight";
    font-size: 1em;
    text-align: center;
    border-color: rgba(0 ,0, 0, 0);
    background: transparent;
}

#faqAnswer2 #postReviewForm .reviewFormBars img {
    max-width: 30px;
}

#faqAnswer2 #postReviewForm .reviewFormBars .stars img {
    max-width: 30px;
}

#faqAnswer2 #postReviewForm .double .double {
    justify-content: center;
    align-items: flex-start;
}

#faqAnswer2 #postReviewForm .double .title {
    font-family: "MontSerratBold";
}

#faqAnswer2 #postReviewForm .double p {
    margin: 0;
    padding: 0 10%;
}

#faqAnswer2 #postReviewForm .double p:last-child {
    font-size: 0.9em;
    padding-top: 20px;
}

#faqAnswer2 #postReviewForm .double .click img {
    max-width: 30px;
    transition: all 0.4s ease;
}

#singleProductButtons {
    width: 100%;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: "MontSerratLight";
    position: relative;
}

#singleProductButtons #ui-carouselProductImg-next {
    height: 40px;
    width: 40px;
    border: 1px solid rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    position: absolute;
    top: -20px;
    left: 42.9%;
    margin-left: -20px;
    background-color: #fff;
    z-index: 1;
}

#singleProductButtons #ui-carouselProductImg-next img {
    max-height: 18px;
    transition: all 0.4s ease;
}

#singleProductButtons div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#singleProductButtons div p {
    font-size: calc(0.8vh + 0.8vw);
}

#singleProductButtons div span {
    font-family: "MontSerratBold";
}

.aartus-single-product-price-old span {
    font-size: 13px;
}

#singleProductButtons .selectProduct {
    font-family: "MontSerratLight";
    font-size: calc(0.8vh + 0.8vw);
    text-align: center;
    background:#fff;
    border:none;
    text-transform: uppercase;
}

select::-ms-expand {
    display: none;
}

select{
    -webkit-appearance: none;
    appearance: none;
}

@-moz-document url-prefix(){
    .selectProduct{
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 4px;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        }
    .selectProduct select {
         width: 110%;
         background-position: right 30px center !important;
         border: none !important;
    }
}

#singleProductButtons img {
    max-width: 35px;
    transition: all 0.4s ease;
}

#singleProductButtons #singleProductButtonAdd {
    background: linear-gradient(90deg, rgba(253, 83, 146, 1) 0%, rgba(248, 111, 100, 1) 100%);
}

#singleProductButtons #singleProductButtonPlusMinus {
    flex-direction: row;
}

#singleProductButtons #singleProductButtonPlusMinus p {
    margin: 0 15px;
    font-family: "MontSerratBold";
}

#singleProductButtons #singleProductButtonPlusMinus img {
    max-width: 20px;
    transition: all 0.4s ease;
    cursor: pointer;
}

#singleProductButtons .wrapIcons {
    flex: 3;
}

#singleProductButtons .wrapIcons .wrapImg {
    position: relative;
}

#singleProductButtons .wrapIcons .wrapImg .number,
.allProductsPage .carouseAllProductsMain .slide .wrapInfos .number {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    font-size: 0.5em;
    color: #47b3fe;
    padding-top: 2px;
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*All Collections & All Products Pages*/

.allThingsPages {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#allThingsTopBar, #allThingsMiddle, #allThingsBottomBar {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#allThingsBottomBar .wrapFeatured {
    display: flex;
    flex: 4;
    height: 100%;
}

#allThingsBottomBar .wrapFeatured > a,
#allThingsBottomBar .rightBorder {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#allThingsTopBar {
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#allThingsTopBar .wrapCarousel {
    flex: 5;
}

.allProductsPage #allThingsTopBar .wrapCarousel {
    flex: 6;
}

.allProductsPage #allThingsMiddle .wrapCarousel {
    flex: 6;
    width: 100%;
}

#allThingsTopBar #allThingsNav {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#allThingsTopBar #allThingsNav #ui-carouselAT-prev {
    flex: 1;
    height: 100%;
    background: #060a13;
    display: flex;
    justify-content: center;
    align-items: center;
}

#allThingsTopBar #allThingsNav #ui-carouselAT-next {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#allThingsTopBar #allThingsNav #ui-carouselAT-prev img, #allThingsTopBar #allThingsNav #ui-carouselAT-next img  {
    max-width: 35px;
    max-height: 30px;
    transition: all 0.4s ease;
}

#allThingsTopBar h3, #allThingsTopBar a {
    transition: all 0.4s ease;
    font-size: calc(0.5vh + 0.5vw);
}

#allThingsTopBar h3 {
    padding: 0 5%;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

#allThingsTopBar a, #allThingsTopBar a:visited {
    height: 100%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratBold";
    border-left: 1px solid rgba(155, 155, 155, 0.5);
}

#allThingsTopBar .carouselAllThings {
    height: 100%;
    font-family: "MontSerratLight";
    display: flex;
}

#allThingsTopBar .carouselAllThings .slide {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#allThingsTopBar #carouselAllCollections .active {
    color: #1875f0;
}

#allThingsTopBar #carouselAllProducts .slide {
    color: #1875f0;
}

#allThingsTopBar #carouselAllProducts .active {
    color: #000;
}

#allThingsMiddle {
    flex: 6;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    position: relative;
}

#allThingsMiddle #allThingsBlocLeft, #allThingsMiddle .carouselAllThingsMain, #allThingsMiddle #allThingsBlocRight {
    height: 100%;
}

#allThingsMiddle #allThingsBlocLeft, #allThingsMiddle #allThingsBlocRight {
    display: flex;
    flex-direction: column;
    align-items: center;
}


#allThingsMiddle #allThingsBlocLeft div, #allThingsMiddle #allThingsBlocRight div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.allProductsPage #allThingsMiddle #allThingsBlocLeft div, .allProductsPage #allThingsMiddle #allThingsBlocRight div {
    height: auto !important;
}

#allThingsMiddle #allThingsBlocLeft .single, #allThingsMiddle #allThingsBlocRight .single {
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}


#allThingsMiddle #allThingsBlocLeft .single p {
    width: 80%;
    font-family: "MontSerratLight";
    font-size: 0.8em;
    line-height: 27px;
}

#allThingsMiddle #allThingsBlocLeft #ui-carouselATM-prev img {
    transform: rotate(180deg);
}

#allThingsMiddle #allThingsBlocLeft #ui-carouselATM-prev img, #allThingsMiddle #allThingsBlocRight #ui-carouselATM-next img {
    max-width: 30px;
    transition: all 0.4s ease;
}

.allProductsPage #allThingsBlocLeft > div {
    overflow: hidden;
    justify-content: flex-start !important;
    overflow-y: auto;
}

.allProductsPage #allThingsBlocLeft > div:first-child {
    flex: 1 1 40%;
}

.allProductsPage #allThingsBlocLeft > div:last-child {
    flex: 1 1 60%;
}

#allThingsMiddle .ui-carouselATP-prev, #allThingsMiddle .ui-carouselATP-next {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(155, 155, 155, 0.5);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#allThingsMiddle .ui-carouselATP-prev img, #allThingsMiddle .ui-carouselATP-next img {
    max-height: 20px;
}

#allThingsMiddle .ui-carouselATP-prev img {
    transform: rotate(180deg);
}

#allThingsMiddle {
    position: relative;
}

#allThingsMiddle .ui-carouselATP-prev {
    position: absolute;
    top: 50%;
    left: 33.3%;
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
}

#allThingsMiddle .ui-carouselATP-next {
    position: absolute;
    top: 50%;
    right: 33.3%;
    -moz-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    z-index: 1;
}


#allThingsMiddle #allThingsBlocLeft #preview {
    justify-content: flex-start;
    font-family: "MontSerratBold";
}

#allThingsMiddle #allThingsBlocLeft #preview h3 {
    font-size: calc(0.6vh + 0.6vw);
}

#allThingsMiddle #allThingsBlocLeft #preview p {
    font-size: calc(0.5vh + 0.5vw);
}

#allThingsMiddle #allThingsBlocLeft #preview div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 75%;
    flex-wrap: wrap;
}

#allThingsMiddle #allThingsBlocLeft #preview img {
    max-height: 5px;
}

#allThingsMiddle #allThingsBlocLeft #preview p {
    justify-content: flex-start;
    font-family: "MontserratLight";
    margin: 5px 0 5px 10px;
}

#allThingsMiddle #allThingsBlocLeft #preview .wrapBar {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#allThingsBlocLeft {
    position: relative;
    display: flex;
    flex: 1 1 10% !important;
}

.allCollectionsPage #allMiddleContent1 {
    height: 100%;
    display: flex;
    flex: 5 1 50% !important;
    overflow: hidden;
}

#allThingsBlocRight {
    display: flex;
    flex: 1 1 10% !important;
}

.allProductsPage #allThingsBlocLeft {
    flex: 1 !important;
}

#allThingsMiddle .allMiddleContentProducts {
    flex: 6;
    height: 100%;
    position: relative;
    display: none;
    overflow: hidden;
}

#allThingsMiddle #allMiddleContent1 {
    display: block;
}

.allProductsPage #allThingsMiddle {
    position: relative;
    overflow: hidden;
}

#quickShop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: #fff;
    z-index: 2;
}

#quickShop .content {
    display: flex;
    width: 100%;
    height: 100%;
}

#quickShop .wrap-images {
    flex: 4;
    position: relative;
    background-size: cover;
    background-position: center;
}

#quickShop .nav-img {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
}

#quickShop .nav-img .wrapCarousel {
    width: 225px;
}

#carouselImgQuickShop {
    display: flex;
}

#quickShop .nav-img .bloc {
    width: 75px;
    height: 60px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    position: relative;
}

#quickShop .nav-img .bloc.current:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

#quickShop .nav-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.8);
}

.nav-carousel img {
    width: 15px;
}

#quickShop .infos {
    flex: 2;
}

#quickShop .next-product {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 60px;
    right: 0;
    width: 150px;
    height: 35px;
    box-sizing: border-box;
    padding-top: 5px;
    background: #fff;
    color: #000;
    font-family: "Morena";
    font-size: 0.8em;
    line-height: 1em;
    cursor: pointer;
}

#quickShop .close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

#quickShop .close img {
    width: 10px;
}

#quickShop .infos {
    display: flex;
    flex-direction: column;
}

#quickShop .infos .desc {
    flex: 1;
    padding: 8% 12%;
    font-family: "MontSerrat";
    overflow-y: auto;
}

#quickShop .infos .desc p {
    font-size: 0.9em;
    margin: 0;
    line-height: 20px;
}

#quickShop .infos .desc .bot-infos {
    padding-top: 10px;
    font-size: 0.7em;
}

#quickShop .infos .desc .bot-infos span {
    font-family: "MontSerratBold";
}

#quickShop .infos .title {
    background: #383b42;
    color: #fff;
    font-family: "MontSerrat";
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(0.6vh + 0.6vw);
}

#quickShop .infos .wrap-btn {
    display: flex;
    height: 60px;
}

#quickShop .infos .wrap-btn > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#quickShop .infos .wrap-btn .price {
    font-family: "Morena";
    font-size: 0.9em;
    flex: 1;
    padding-top: 8px;
}

#quickShop .infos .wrap-btn .wrapStar {
    position: relative;
    flex: 1;
}

#quickShop .infos .wrap-btn .wrapStar .number {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    font-size: 0.6em;
    color: #47b3fe;
    padding-top: 2px;
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#quickShop .infos .wrap-btn .wrapStar img {
    max-width: 25px;
}

#quickShop .infos .wrap-btn .add-cart {
    flex: 2;
    font-family: "MontSerratSemiBold";
    font-size: 0.7em;
}

.quickShopSelect {
    display: none;
}

#allThingsMiddle .carouselAllThingsMain {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#allThingsMiddle .allMiddleContentCollections #carouseAllCollectionsMain .slide {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
    text-decoration: none;
}

#allThingsMiddle #carouseAllCollectionsMain .slide .plusCase {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#allThingsMiddle #carouseAllCollectionsMain .slide .plusCase img {
    max-width: 25px;
}

#allThingsMiddle #carouseAllCollectionsMain .slide .imgCase {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(100%);
    transition: all 0.2s ease;
}

#allThingsMiddle #carouseAllCollectionsMain .slide:hover .imgCase {
    filter: brightness(30%);
}

#allThingsMiddle .carouseAllProductsMain .slide, #allThingsMiddle .carouseAllProductsMain .slide:visited {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-family: "MontSerratLight";
    text-decoration: none;
    color: #000;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#allThingsMiddle .carouseAllProductsMain .slide .newLabel {
    position: absolute;
    top: 40px;
    left: 40px;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .title {
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 3% 0;
    text-align: center;
    box-sizing: border-box;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .title h3 {
    margin: 0;
    font-family: "MontSerratLight";
    text-transform: uppercase;
    font-size: 0.9em;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapBtn {
    background: rgba(255,255,255,0.8);
    display: flex;
    height: 60px;
    align-items: center;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapBtn .heart,
#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapBtn .cart {
    cursor: pointer;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapStar {
    position: relative;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapBtn > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapBtn > div:not(:last-child) {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapBtn .price {
   font-family: "Morena";
   padding-top: 8px;
   box-sizing: border-box;
}

#allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapBtn img {
    max-width: 25px;
}

#allThingsMiddle .carouseAllProductsMain .slide .floatingProductsImg img {
    max-height: 25px;
}

#filtersMenu {
    height: 100%;
    width: 42.86%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid rgba(155, 155, 155, 0.5);
    display: none;
    z-index: 101;
    box-shadow: 4px 2px 16px rgba(136, 165, 191, 0.48), -4px -2px 16px #00000029;
}

#filtersMenu #filtersMainFlex {
    height: 100%;
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-family: "MontSerratLight";
}

#filtersMenu #filtersMainFlex #filtersButtons {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#filtersMenu #filtersMainFlex #filtersButtons .click {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

#filtersMenu #filtersMainFlex #filtersButtons #buttonApply {
    height: 42px;
    background: linear-gradient(90deg, rgba(24, 117, 240, 1) 0%, rgba(74, 229, 251, 1) 100%);
    padding: 0 5%;
    box-shadow: 4px 2px 16px rgba(136, 165, 191, 0.48), -4px -2px 16px #FFFFFF;
}

#filtersMenu #filtersMainFlex #filtersButtons #buttonApply h2 {
    font-size: calc(0.6vh + 0.6vw);
}

#filtersMenu #filtersMainFlex #filtersButtons #buttonCancel img {
    max-height: 30px;
}

#filtersMenu #filtersMainFlex #filtersName {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

#filtersMenu #filtersMainFlex #filtersName .nameLine {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

#filtersMenu #filtersMainFlex #filtersName .nameLine div {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 1em;
}

#filtersMenu #filtersMainFlex #filtersName .nameLine p {
    margin: 0 10px;
}

#filtersMenu #filtersMainFlex #filtersName .nameLine img {
    max-height: 10px;
    margin-right: 15px;
    opacity: 0;
}

#filtersMenu #filtersMainFlex #filtersName .nameLine .choose {
    color: #fff;
    background: linear-gradient(90deg, rgba(24, 117, 240, 1) 0%, rgba(74, 229, 251, 1) 100%);
    box-shadow: 4px 2px 16px rgba(136, 165, 191, 0.48), -4px -2px 16px #FFFFFF;
}

#filtersMenu #filtersMainFlex #filtersName .nameLine .choose img {
    opacity: 1;
}

#filtersMenu #filtersMainFlex #filtersColor {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#filtersMenu #filtersMainFlex #filtersColor img {
    max-height: 30px;
}

#filtersMenu #filtersMainFlex #filtersColor .choose {
    max-height: 40px;
}

#filtersMenu #filtersMainFlex #filtersSize {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 1.2em;
}

#filtersMenu #filtersMainFlex #filtersSize .checked {
    color: #4addfb;
}

input[type=checkbox].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:25px;
    height:20px;
    display:inline-block;
    line-height:20px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:20px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -20px;
}
label.css-label {
    background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_3cce8acfa73ac11810cc001ad99cf7e1.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#filtersMenu #filtersMainFlex #filtersPrice {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

#filtersMenu #filtersMainFlex #filtersPrice p {
    color: #676767;
    font-size: 1.2em;
    margin: 0;
    flex: 1;
}

#filtersMenu #filtersMainFlex #filtersPrice #range {
    margin: 0 20px;
    flex: 4;
}

#allThingsBottomBar #gridImg, #wishlistLeftBar #gridImg:visited {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: 100%;
    font-family: "Morena";
    color: #000;
    text-decoration: none;
    transition: all 0.4s ease;
}

#allThingsBottomBar #gridImg:hover {
    color: #1875f0;
}

#allThingsBottomBar #gridImg .wrapImg {
    display: flex;
    flex: 4;
    position: relative;
    align-items: center;
    justify-content: center;
}

 #allThingsBottomBar #gridImg .wrapImg img {
    max-width: 70%;
    max-height: 70%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

#allThingsBottomBar #gridImg p {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    font-size: calc(0.4vh + 0.4vw);
}

#allThingsBottomBar .featuredDiv, #allThingsBottomBar .featuredDiv:visited {
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffffa8;
    text-decoration: none;
}

#allThingsBottomBar .featuredDiv:hover div {
    color: #fff;
}


#allThingsBottomBar .featuredDiv div {
    transition: all 0.4s ease;
}

#allThingsBottomBar  .featuredDiv div p {
    font-family: "Morena";
    font-size: calc(0.6vh + 0.6vw);
    margin: 0
}

#allThingsBottomBar  .featuredDiv div h3 {
    font-family: "MontSerratBold";
    font-size: calc(0.8vh + 0.8vw);
    margin: 0;
}

#allThingsBottomBar  #filters {
    background-color: #2a6ff9;
}

#allThingsBottomBar  #filters:hover div {
    color: #000;
}

#allThingsBottomBar .left .text{
    text-align: right;
    margin-right: 40px;
}

#allThingsBottomBar .middle .text{
    text-align: center;
}

#allThingsBottomBar .right .text{
    text-align: left;
    margin-left: 40px;
}

#allThingsBottomBar .text{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*Contact Page*/

#contactNav {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#contactNav #ui-carouselContact-prev {
    flex: 1;
    height: 100%;
    background: #060a13;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contactNav #ui-carouselContact-next {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contactNav #ui-carouselContact-prev img, #contactNav #ui-carouselContact-next img  {
    max-width: 35px;
    max-height: 30px;
    transition: all 0.4s ease;
}

#contactRightBloc #gridImg .wrapImg {
    display: flex;
    flex: 4;
    position: relative;
    align-items: center;
    justify-content: center;
}

#contactRightBloc .wrapImg {
    position: relative;
    width: 100%;
    height: 100%;
}

#contactRightBloc .wrapImg img {
    max-width: 31%;
    max-height: 31%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
}

#gridImg .wrapImg img {
    top: inherit;
    max-width: 70%;
    max-height: 70%;
}

#contactRightBloc #gridImg p {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    font-size: calc(0.5vh + 0.5vw);
}

#contactRightBloc #buttonExplain {
    flex: 4;
    font-family: "MontSerratLight";
    font-size: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contactRightBloc #buttonExplain p {
    margin: 15%;
    font-size: calc(0.7vh + 0.7vw);
    display: flex;
    text-align: center;
}

#contactRightBloc #gridImg, #contactRightBloc #gridImg:visited {
    width: 100%;
    flex: 2;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    font-family: "MontSerratLight";
    font-size: 0.7em;
    color: #000;
    text-decoration: none;
    transition: all 0.4s ease;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#contactRightBloc #gridImg:hover {
    color: #1875f0;
}

#contactRightBloc {
    height: 100%;
    flex: 6;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "MontSerratBold";
    overflow: hidden;
}

#contactRightBloc .wrapCarouselContactNav {
    flex: 1;
    display: flex;
    width: 100%;
}

#contactRightBloc .wrapCarousel {
    flex: 6;
}

#contactRightBloc .wrapCol {
    display: flex;
    flex: 8;
    width: 100%;
}

#contactRightBloc .wrapCol .colLeft {
    display: flex;
    flex: 1;
    flex-direction: column;
}

#contactRightBloc .wrapCol .colRight {
    display: flex;
    flex: 6;
    flex-direction: column;
}

#contactRightBloc #carouselContact {
    display: flex;
    width: 100%;
    height: 100%;
}

#contactRightBloc #carouselContact .slide {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

#contactRightBloc #carouselContact .slide h3{
    font-family: "MontSerratLight";
    font-size: calc(0.6vh + 0.6vw);
    margin: 0;
    padding: 0 5%;
    color: #000;
    transition: all 0.4s ease;
}

#contactRightBloc #carouselContact .slide .active {
    color: #1875f0;
}

#contactRightBloc #carouselContact .slide:hover h3{
    color: #1875f0;
}

#contactRightBloc .mainContactInfo {
    flex: 6;
    width: 100%;
    display: none;
}

#contactRightBloc .mainContactInfo .mainContactInfoBloc {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#contactRightBloc .mainContactInfo .mainContactInfoBloc .map {
    height: 100%;
    flex: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;
}

#contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .infos {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

#contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .infos .imgPin {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    #contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .infos .imgPin {
        width: 100px;
        height: 10px;
    }
}

#contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .infos p {
    font-size: calc(0.8vh + 0.8vw);
    height: 100%;
    font-family: "MontSerratLight";
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
}

#contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .img {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#contactRightBloc #canada {
    display: block;
}

#contactRightBloc .wrapInfoContact {
    display: flex;
    flex: 1;
    height: 100%;
}

#contactRightBloc #infoBottom {
    width: 100%;
    flex: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

#contactRightBloc #infoBottom .wrapInfoBottom {
    display: flex;
    flex: 1;
    height: 100%;
}

#contactRightBloc #infoBottom .infoBottomDiv {
    height: 100%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contactRightBloc #infoBottom .infoBottomDiv p {
    font-family: "MontSerratLight";
    font-size: calc(0.8vh + 0.8vw);
}

#contactRightBloc #contactForm {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
    font-family: "MontSerratLight";
}

#contactRightBloc #contactForm #contactFormFlex {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    color: #000;
}

#contactRightBloc #contactForm .col {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
}

#contactRightBloc #contactForm #contactFormFlex .contactFormBotPics {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contactRightBloc #contactForm #contactFormFlex .contactFormInput {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contactRightBloc #contactForm #contactFormFlex .contactFormInput input {
    width: 80%;
    font-size: calc(1vh + 1vw);
    border-color: rgba(155, 155, 155, 0);
    text-align: center;
    font-family: "MontSerratLight";
}

#contactRightBloc #contactForm #contactFormFlex #messageContent {
    flex: 3;
    height: 100%;
    font-size: 1.4em;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#contactRightBloc #contactForm #contactFormFlex #messageContent p {
    align-self: flex-start;
    margin-left: 40px;
}

#contactRightBloc #contactForm #contactFormFlex #messageContent textarea {
    height: 70%;
    width: 90%;
    border-color: rgba(155, 155, 155, 0.1);
}

#contactRightBloc #contactForm #contactFormFlex #buttonSendForm {
    display: flex;
    align-items: center;
    justify-content: center;
}


#contactRightBloc #contactForm #contactFormFlex #buttonSendForm h2{
    font-size: calc(1.4vh + 1.4vw);
    transition: all 0.4s ease;
}

#contactRightBloc #contactForm #contactFormFlex #buttonSendForm span {
    font-family: "MontSerratBold";
    margin-right: 5px;

}

/*Cart Page*/

#cartTopBloc {
    flex: 6.9;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#cartTopBloc #cartLeftBar {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#wrapMobileCart {
    flex: 5;
    display: flex;
    height: 100%;
    overflow: hidden;
}

#cartLeftBar #cartNav {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#cartLeftBar #cartNav #ui-carouselCart-prev {
    flex: 1;
    height: 100%;
    background: #060a13;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cartLeftBar #cartNav #ui-carouselCart-next {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cartLeftBar #cartNav #ui-carouselCart-prev img, #cartLeftBar #cartNav #ui-carouselCart-next img  {
    max-width: 35px;
    max-height: 30px;
    transition: all 0.4s ease;
}

#cartLeftBar #nmbrOfProducts {
    flex: 2;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratLight";
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

#cartLeftBar #nmbrOfProducts span {
    font-family: "MontSerratBold";
}

#cartLeftBar #nmbrOfProducts p {
    margin: 0;
    font-size: calc(0.7vh + 0.7vw);
}

#cartLeftBar #priceTitle {
    flex: 4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratBold";
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

#cartLeftBar #priceTitle h3 {
    margin: 0;
    font-size: calc(1vh + 1vw);
}

#cartTopBloc .wrapCarousel {
    display: flex;
    flex: 4;
}

#cartCarousel{
    display: flex;
    height: 100%;
}

#cartCarousel .slide {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#cartCarousel .slide div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#cartCarousel .slide div div {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#cartCarousel .slide div .nmbrTitles {
    font-family: "MontSerratBold";
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    flex: 1;
}

#cartCarousel .slide div .nmbrTitles .productId {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#cartCarousel .slide div .nmbrTitles .productId h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4em;
    margin: 0;
}

#cartCarousel .slide div .nmbrTitles .productId h3 img {
    max-width: 12px;
}

#cartCarousel .slide div .nmbrTitles .productId h3 span {
    padding: 0 15px;
}

#cartCarousel .slide div .nmbrTitles .productName h3 {
    font-size: 0.7em;
    padding: 0 5%;
    margin: 0;
}

#cartCarousel .slide div .cartProduct {
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    flex: 2;
}

#cartCarousel .slide div .cartProduct .productImg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#cartCarousel .slide div .cartProduct .productDesc {
    font-size: calc(0.6vh + 0.6vw);
    font-family: "MontSerratLight";
    text-align: center;
}

#cartCarousel .slide div .cartProduct .productDesc p {
    margin: 0;
    text-align: left;
    line-height: calc(0.9vh + 0.9vw);
}

#cartCarousel .slide div .cartProduct .productDesc span {
    font-family: "MontSerratBold";
}

#cartCarousel .slide div .cartPrice {
    flex: 4;
    font-family: "MontSerratBold";
}

#cartCarousel .slide div .cartPrice p {
    font-size: calc(2vh + 2vw);
    margin: 0;
}

#cartCarousel .slide div .cartPrice span {
    font-family: "MontSerratLight";
}

#cartButtonsRight {
    height: 100%;
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "MontSerratLight";
    border-left: 1px solid rgba(155, 155, 155, 0.5);
}

#cartButtonsRight div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

#cartButtonsRight #pin:after,
#cartButtonsRight #refresh:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: rgba(155, 155, 155, 0.5);
}

#cartButtonsRight div h2 {
    margin: 0;
    font-size: calc(0.8vh + 0.8vw);
}

#cartButtonsRight div div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cartButtonsRight div #pin {
    height: 100%;
    background: linear-gradient(90deg, rgba(67, 234, 128, 1) 0%, rgba(56, 248, 212, 1) 100%);
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#cartButtonsRight div .click img {
    max-width: 30px;
    transition: all 0.4s ease;
}

#cartButtonsRight #priceTotal span {
    font-family: "MontSerratBold";
}

#cartButtonsRight #priceTotal p {
    font-size: calc(2vh + 2vw);
    margin: 0;
}

#cartButtonsRight #priceTotal {
    flex: 4;
    font-size: 3em;
    color: #fff;
    background-color: #000;
}

#cartButtons {
    flex: 2;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

#cartButtons div {
    display: flex;
    justify-content: center;
    align-items: center;
}

#cartButtons #infos {
    flex: 2;
    height: 100%;
    font-family: "MontSerratLight";
    color: rgba(155, 155, 155, 0.6);
    text-align: center;
}

#cartButtons #infos h4 {
    font-size: calc(0.6vh + 0.6vw);
    line-height: calc(0.9vh + 0.9vw);
    text-transform: uppercase;
    font-style: italic;
    text-align: left;
    padding: 10%;
    margin: 0;
}

#cartButtons #orderInstructions {
    flex: 2;
    height: 100%;
    font-family: "MontSerratLight";
    text-align: justify;
    border-left: 1px solid rgba(155, 155, 155, 0.5);
}

#cartButtons #orderInstructions p {
    background: transparent;
    margin: 0;
    padding: 10%;
    font-size: calc(0.6vh + 0.6vw);
    line-height: calc(0.9vh + 0.9vw);
}

#cartButtons #checkoutButton {
    flex: 3;
    height: 100%;
    font-family: "AlexanaNeue";
    text-align: center;
    color: #fff;
}

#cartButtons #checkoutButton h2 {
    font-size: calc(1.2vh + 1.2vw);
    transition: all 0.4s ease;
    margin: 0;
}

/*Wishlist Page*/

#wishlistLeftBar {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "MontSerratBold";
    color: #000;
}

#wishlistLeftBar h2 {
    margin: 0;
    font-size: calc(0.8vh + 0.8vw);
    font-family: montserratbold;
    text-transform: uppercase;
}

#wishlistLeftBar div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#wishlistLeftBar #priceTitle {
    flex: 1;
}

#wishlistLeftBar #titleTitle {
    flex: 2;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#wishlistLeftBar #nextButton {
    flex: 4;
    background: #000;
}

#wishlistLeftBar #nextButton a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#wishlistLeftBar #nextButton a img {
    max-width: 40px;
    transition: all 0.4s ease;
}

#wishlistLeftBar #gridImg, #wishlistLeftBar #gridImg:visited {
    flex: 2;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratLight";
    color: #000;
    text-decoration: none;
    transition: all 0.4s ease;
}

#wishlistLeftBar #gridImg:hover {
    color: #1875f0;
}

#wishlistLeftBar #gridImg img {
    max-width: 120px;
    margin-top: 20px;
}

#wishlistTopBloc .wrapCarousel {
    flex: 6;
    display: flex;
}

#wishlistRightBloc {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "MontSerratBold";
    color: #fff;
}

#wishlistRightBloc .wrapText {
    align-items: flex-start !important;
    width: auto !important;
}

#wishlistRightBloc #wishlistTopBloc {
    display: flex;
    flex: 7;
    width: 100%;
}

#wishlistRightBloc #wishlistRestBloc {
    display: flex;
    flex: 2;
    width: 100%;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

#wishlistRestBloc #gridImg {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    text-decoration: none;
    height: 100%;
    color: #000;
    font-family: "Morena";
}

#wishlistRestBloc #gridImg .wrapImg {
    display: flex;
    flex: 4;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#wishlistRestBloc #gridImg .wrapImg img {
    max-width: 70%;
    max-height: 70%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

#wishlistRestBloc #gridImg p {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    font-size: calc(0.4vh + 0.4vw);
}

#wishlistRightBloc #carouselWish {
    display: flex;
    width: 100%;
    color: #000
}

#wishlistRightBloc #carouselWish .slide {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#wishlistRightBloc #carouselWish .slide div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#wishlistRightBloc #carouselWish .slide div div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#wishlistRightBloc #carouselWish .slide .prices {
    flex: 1;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#wishlistRightBloc #carouselWish .prices div {
    height: 100%;
}

#wishlistRightBloc #carouselWish .prices .priceProduct {
    flex: 1;
    text-align: center;
    border-right: 1px solid rgba(155, 155, 155, 0.5)
}

#wishlistRightBloc #carouselWish .prices .priceProduct span {
    font-family: "MontSerratLight";
}

#wishlistRightBloc #carouselWish .prices .imgWishlist {
    flex: 1;
}

#wishlistRightBloc #carouselWish .prices .imgWishlist:hover {
    cursor: pointer;
}

#wishlistRightBloc #carouselWish .prices .imgWishlist img {
    max-width: 30px;
    transition: all 0.4s ease;
}

#wishlistRightBloc #carouselWish .prices .priceProduct h2 {
    font-size: calc(0.8vh + 0.8vw);
    margin: 0;
}

#wishlistRightBloc #carouselWish .slide .titles {
    flex: 2;
    transition: all 0.4s ease;
    cursor: pointer;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    align-items: center;
    padding: 0 10%;
    box-sizing: border-box;
}

#wishlistRightBloc #carouselWish .slide .titles h3 {
    font-size: calc(0.6vh + 0.6vw);
    margin: 0;
}

#wishlistRightBloc .slide .titles p {
    font-family: "MontSerratLight";
    font-size: calc(0.6vh + 0.6vw);
    margin: 0;
    padding-top: 2%;
}

#wishlistRightBloc #carouselWish .slide .img{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex: 4;
}

#wishlistRightBloc #carouselWish .slide .img:hover {
    cursor: pointer;
}

#wishlistRightBloc #featured {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#wishlistRightBloc #featured .featuredDiv, #wishlistRightBloc #featured .featuredDiv {
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffffa8;
    text-decoration: none;
}

#wishlistRightBloc #featured .featuredDiv:hover div {
    color: #fff;
}


#wishlistRightBloc #featured .featuredDiv div {
    margin-top: 40px;
    transition: all 0.4s ease;
}

#wishlistRightBloc #featured .featuredDiv div h3 {
    margin: 0;
    font-size: calc(0.8vh + 0.8vw);
    font-family: montserratbold;
}

#wishlistRightBloc #featured .featuredDiv div p {
    font-family: "Morena";
    margin: 0;
    font-size: calc(0.6vh + 0.6vw);
}

#wishlistRightBloc #featured .left .text{
    text-align: right;
    margin-right: 40px;
}

#wishlistRightBloc #featured .middle .text{
    text-align: center;
}

#wishlistRightBloc #featured .right .text{
    text-align: left;
    margin-left: 40px;
}

#wishlistRightBloc .wrapFeatured {
    flex: 6;
    display: flex;
    height: 100%;
}

/* Login Page */
.loginPage {
    font-family: "MontserratLight";
    position: relative;
}

.loginPage .flex {
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.loginPage .loginPageTop {
    flex: 1;
}

.loginPage .loginPageTop > div {
    font-family: "AlexanaNeue";
    font-size: 1.1em;
}

.loginPage .loginPageTop > div.current {
    background: #f1f1f1;
}

.loginPage .loginPageMiddle {
    position: relative;
    flex: 8;
}

.loginPage .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loginPage .content[data-content='register'] {
    display: none;
}

.loginPage .content[data-content='register'] > div {
    flex-direction: column;
}

.loginPage #btnBackToShop {
    background: rgba(235,237,238,1);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(235,237,238,1) 100%);
    color: #000;
    text-decoration: none;
}

.loginPage .infosRow input {
    text-align: center;
    border: 0;
    font-family: "MontSerratLight";
    font-size: 1em;
    color: #000;
    width: 70%;
    background: transparent;
}

.loginPage .infosRow input[type=password] {
    font-size: 1.6em;
}

.loginPage .pictureCol {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.loginPage .infosCol {
    flex-direction: column;
}

.loginPage img {
    max-width: 35px;
}

.loginPage #btnLogin,
.loginPage #btnRegister {
    font-family: "AlexanaNeue";
    font-size: 1.4em;
}

.loginPage #btnRegister .effect {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.loginPage #forgot p {
    width: 60%;
    text-align: center;
    line-height: calc(1.2vh + 1.2vw);
    font-size: calc(0.7vh + 0.7vw);
    margin: 0;
}

/*Account Page*/

#topBar {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    text-align: center;
}

#topBarTitle {
    position: relative;
    flex: 4;
    font-family: "MontSerratBold";
    background-color: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
}

#topBarTitle h3, #topBarMail p {
    margin: 0;
}

#topBarMail {
    flex: 3;
    font-family: "MontSerratLight";
    background-color: #f4fbff;
    display: flex;
    justify-content: center;
    align-items: center;

}

#mainBloc {
    flex: 8;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: red;
    font-family: "MontSerratLight";
    background-color: #fff;
}

#mainBlocTitles, #mainBlocContent, #mainBlocButtons {
    width: 100%;
}

#mainBlocContent > div p {
    margin: 0;
    padding: 0 5%;
}

#mainBloc .wrapItem {
    display: flex;
}

#mainBlocTitles .wrapItem.middleItem {
    flex: 1;
}

#mainBloc .dark {
    background-color: #fff;
}

#mainBloc input, #topBar input {
    color: #000;
    border-color: rgba(0, 0, 0, 0);
    height: 60%;
    width: 80%;
    text-align: center;
    font-size: 1.2em;
    background-color: rgba(255, 255, 255, 0);
}

#mainBloc .password input {
    font-size: 1.6em;
}

#mainBloc .rotatedIpnut input {
    transform: rotate(-90deg);
}

#mainBlocTitles {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#mainBlocTitles div img, #mainBlocContent div img {
    max-width: 30px;
    transition: all 0.4s ease;
}

#mainBlocTitles #valid {
    background-color: #fff;
}

.accountPage #valid,
.accountPage #orders,
.accountPage #img,
.accountPage #details {
    position: relative;
}

#mainBlocTitles #img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#mainBlocContent {
    flex: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
}

#mainBlocButtons {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#mainBlocButtons #forgot p {
    width: 50%;
    text-align: center;
    line-height: calc(1.5vh + 1.5vw);
    margin: 0;
}

#mainBlocButtons div img {
    max-width: 30px;
    transition: all 0.4s ease;
}

#mainBlocButtons #logout, #mainBlocButtons #register {
    font-family: "AlexanaNeue";
}

#mainBlocButtons #logout h3 {
    font-size: 1.2em;
}

#mainBlocButtons h3 {
    font-size: 1.2em;
    transition: all 0.4s ease;
}

#mainBlocButtons p {
    font-size: calc(0.8vh + 0.8vw);
    transition: all 0.4s ease;
}

#mainBlocTitles div, #mainBlocContent div, #mainBlocButtons div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid rgba(155, 155, 155, 0.5);*/
    font-size: calc(0.7vh + 0.7vw);
    position: relative;
}

#addAdress {
    text-align: center;
}

#topBar, #mainBlocTitles, #mainBlocContent {
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#addAdressView {
    height: 100%;
    width: 100%;
    display: none;
    z-index: 3;
    position: absolute;
    right: 0;
    background-color: #fff;
    color: #000;
    font-family: "MontSerratLight";
}


#addAdressView form {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#addAdressView form div {
    position: relative;
}

#addAdressView form .line1 {
    flex: 1;
}

#addAdressView form .line2 {
    flex: 2;
}

#addAdressView form .line3 {
    flex: 4;
}

#addAdressView form .line4 {
    flex: 2;
}

.addAdressLine {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

.addAdressLine:last-child {
    border-bottom: 0;
}

.addAdressLine .blue {
    background-color: #21389e;
    color: #fff;
}

.addAdressLine .gradient input,
.addAdressLine .gradient input::placeholder {
    color: #fff;
}

.addAdressLine .click p {
    font-size: calc(0.8vw + 0.8vh);
    text-align: center;
    transition: all 0.4s ease;
    padding: 0 10%;
    margin: 0;
}

.addAdressLine #cancelButton p {
    font-size: calc(0.8vh + 0.8vw);
}

.addAdressLine .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.addAdressBloc {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addAdressBloc input {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(155, 155, 155, 0);
    text-align: center;
    font-size: 1.2em;
    font-size: calc(0.7vh + 0.7vw);
}

/*Blogs Pages*/

.blogsLeftBar {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.restBar .blogsLeftMiddle {
    width: 100%;
    flex: 6;
}

.leftRestBar #allBlogsLeftMiddle {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #161616;
}

.leftRestBar #allBlogsLeftMiddle div {
    margin: 0 20%;
    font-family: "Morena";
    color: #fff;
    margin-top: 10%;
    font-size: calc(0.7vw + 0.7vh);
}


.leftRestBar #allBlogsLeftMiddle div h2 {
    font-family: "MontSerratBold";
}

.leftRestBar .blogsLeftBottom {
    width: 100%;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.leftRestBar .blogsLeftBottom .wrapImg,
#singleBlogsView .blogsLeftBottom .wrapImg {
    position: relative;
    height: 100%;
    width: 100%;
}

.leftRestBar .blogsLeftBottom  img,
#singleBlogsView .blogsLeftBottom .wrapImg img {
    max-width: 31%;
    max-height: 31%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
}

.singleBlogPage #singleBlogsView .blogsLeftBottom {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #000;
}

.singleBlogPage #singleBlogsView .blogsLeftBottom .wrapImg {
    flex: 3;
}

.singleBlogPage #singleBlogsView .blogsLeftBottom .wrapImg img {
    top: inherit;
    max-width: 100%;
    max-height: 100%;
}

.singleBlogPage #singleBlogsView .blogsLeftBottom p {
    flex: 1;
    margin: 0;
    text-align: center;
    font-family: "AlexanaNeue";
    font-size: calc(0.8vh + 0.8vw);
}

.blogRightPage {
    height: 100%;
    flex: 6;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blogRightPage #carouselAllBlogs {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.singleBlogPage .blogRightPage #carouselAllBlogs {
    height: 100%;
}

.blogRightPage #carouselAllBlogs .slide,
.blogRightPage .wrapTopBarBtn .info {
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratLight";
}

.blogPage #carouselAllBlogs .slide {
    border-right: 1px solid rgba(155, 155, 155, 0.5);;
}

.blogRightPage #carouselAllBlogs .slide h3,
.blogRightPage .wrapTopBarBtn .info h3 {
    font-size: 0.8em;
    padding: 0 5%;
    width: 100%;
    text-align: center;
    margin: 0;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: normal;
}

.blogRightPage #carouselAllBlogs .slide.active h3 {
    font-weight: bold;
}

.blogRightPage .restBar {
    display: flex;
    overflow: hidden;
    width: 100%;
    flex: 8;
}

.blogRightPage .restBar .leftRestBar {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blogRightPage #allBlogsView {
    width: 100%;
    flex: 6;
}

.blogRightPage #allBlogsView .allBlogsCarousels {
    height: 100%;
    width: 100%;
    display: none;
    position: relative;
}

.blogRightPage #allBlogsView #allBlogsCarousel1 {
    display: block;
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView {
    height: 100%;
    width: 100%;
    display: flex;
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide, .blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide:visited {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
    color: #fff;
    text-decoration: none;
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide .ABTitles {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease;
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide .ABTitles div {
    padding: 0 10%;
    font-family: "MontSerratBold";
    font-size: calc(0.7vw + 0.7vh);
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide .ABTitles div h2 {
    margin: 0;
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide .ABTitles div p {
    margin: 2% 0 0 0;
    font-family: "MontSerratLight";
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide .ABImg {
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.4s ease;
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide .ABImg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}

.blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide:hover .ABImg:after {
    background: rgba(0, 0, 0, 0.7);
}

.blogRightPage #allBlogsView .allBlogsCarousels .navAnim {
    width: 40px;
    height: 40px;
    border-radius: 25px;
    border: 1px solid rgba(155, 155, 155, 0.5);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 25%;
    box-shadow: 0px 0px 21px 0px #445ff6;
}

.blogRightPage #allBlogsView .allBlogsCarousels .navAnim img {
    max-width: 10px;
}

.blogRightPage #allBlogsView .allBlogsCarousels .ui-carouselAllBlogsView-prev {
    left: 33.3%;
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.blogRightPage #allBlogsView .allBlogsCarousels .ui-carouselAllBlogsView-prev img {
    transform: scale(-1);
}

.blogRightPage #allBlogsView .allBlogsCarousels .ui-carouselAllBlogsView-next {
    right: 33.3%;
    -moz-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
}

.topBar {
    flex: 1;
    display: flex;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#blogsNav {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#ui-carouselAllBlogs-prev {
    flex: 1;
    height: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ui-carouselAllBlogs-next {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ui-carouselAllBlogs-prev img, #ui-carouselAllBlogs-next img  {
    max-width: 35px;
    max-height: 30px;
    transition: all 0.4s ease;
}

.topBar #blogsNav {
    flex: 1;
}

.topBar .wrapCarouselAllBlogs {
    flex: 6;
}

.wrapCarouselAllBlogs {
    display: flex;
    width: 100%;
    flex: 1;
}

.wrapCarouselAllBlogs, #allBlogsView {
    overflow: hidden;
}

#singleBlogsLeftTop {
    display: flex;
    align-items: center;
    justify-content: center;
}

#singleBlogsView #singleBlogsLeftTop img {
    max-width: 35px;
    transition: all 0.4s ease;
}

#singleBlogLeftBar .blogsLeftBottom, #singleBlogLeftBar .blogsLeftBottom:visited {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
    transition: all 0.4s ease;
}

#singleBlogLeftBar .blogsLeftBottom img {
    max-width: 120px;
    margin-top: 25px;
}

#singleBlogLeftBar .blogsLeftBottom p {
    margin-top: -25px;
    font-family: "AlexanaNeue";
    font-size: 1.2em;
}

#singleBlogLeftBar .blogsLeftBottom:hover {
    color: #1875f0;
}

.blogPage .blogRightPage {
    overflow: hidden;
}

.blogRightPage .blogRightPage {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.singleBlogPage #leftPart .wrapNavCarousel {
    display: flex;
    flex: 1;
    width: 100%;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

.singleBlogPage .blogRightPage .wrapCarousel {
    flex: 2;
}

.singleBlogPage .blogRightPage .wrapTopBarBtn {
    flex: 1;
    display: flex;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

.singleBlogPage .blogRightPage .wrapTopBarBtn .wrapItems {
    flex: 1;
    display: flex;
}

.blogRightPage .blogRightPage #carouselAllBlogs {
    height: 100%;
}

.blogRightPage #topBarComments, .blogRightPage #topBarShare {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.7em;
    transition: all 0.4s ease;
    font-family: "MontSerrat";
}

.blogRightPage #topBarComments h3.back,
.blogRightPage #topBarComments.open h3.show {
    display: none;
}

.blogRightPage #topBarComments.open h3.back {
    display: block;
}

.blogRightPage #topBarComments, .blogRightPage #topBarShare h3 {
    margin: 0;
}

.blogRightPage #topBarShare {
    background: linear-gradient(90deg, rgba(67, 234, 128, 1) 0%, rgba(56, 248, 212, 1) 100%);
    color: #fff;
}

.blogRightPage #singleBlogsView {
    flex: 8;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.blogRightPage #singleBlogsView #leftPart {
    display: flex;
    flex: 3;
    height: 100%;
    overflow: hidden;
}

.blogRightPage #singleBlogsView #rightPart {
    display: flex;
    flex: 4;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
}

.singleBlogPage #leftPart {
    flex-direction: column;
}

.blogRightPage #singleBlogsView #leftPart #imgBlog {
    display: flex;
    flex: 3;
    width: 100%;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.blogRightPage #singleBlogsView #leftPart .colLeft {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#singleBlogsLeftMiddle {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 0;
}

#singleBlogsLeftMiddle div {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    padding-top: 10%;

}

#singleBlogsLeftMiddle a {
    margin: 5%;
    text-transform: uppercase;
    font-family: "MontSerratLight";
    font-size: calc(0.4vw + 0.4vh);
    white-space: nowrap;
}

.blogRightPage #singleBlogsView {
    overflow: hidden;
}

.blogRightPage #singleBlogsView #leftPart .colRight {
    flex: 2;
    display: flex;
    flex-direction: column;
}

.blogRightPage #singleBlogsView #leftPart #articlesNav {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-left: 1px solid rgba(155, 155, 155, 0.5);
}

.blogRightPage #singleBlogsView #leftPart #articlesNav #ui-carouselArticles-prev, .blogRightPage #singleBlogsView #leftPart #articlesNav #ui-carouselArticles-next {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "MontSerratBlack";
    transition: all 0.4s ease;
}

.blogRightPage #singleBlogsView #leftPart #articlesNav #ui-carouselArticles-prev p,
.blogRightPage #singleBlogsView #leftPart #articlesNav #ui-carouselArticles-next p {
    margin: 0;
    font-size: calc(1vw + 1vh);
    font-weight:900;
}

.blogRightPage #singleBlogsView #articlePart {
    flex: 8;
    height: 100%;
    width: 100%;
    display: flex;
    background-color: #060a13;
    overflow: hidden;
    position: relative;
}

.singleBlogPage #commentsBloc {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: #fff;
    z-index: 1;
}

.singleBlogPage #commentsBloc .content {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.singleBlogPage #commentsBloc .flex {
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.singleBlogPage #commentsBloc .notice {
    font-family: "MontSerratLight";
    padding: 10%;
    margin: 0;
}

.singleBlogPage #commentsBloc #carouselComments {
    display: flex;
}

.singleBlogPage #commentsBloc #carouselComments .slick-track {
    display: flex;
    align-items: center;
}

.singleBlogPage #commentsBloc #carouselComments .notice {
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 0;
    width: 100%;
    text-align: center;
}

.singleBlogPage #commentsBloc img {
    max-width: 30px;
}

.singleBlogPage #commentsBloc .nbComments {
    font-family: "MontSerrat";
    text-transform: uppercase;
    font-size: 0.8em;
}

.singleBlogPage #commentsBloc .nbComments span {
    padding-right: 5px;
    font-family: "MontSerratBold";
}

.singleBlogPage #commentsBloc .colUserInfos {
    flex-direction: column;
}

.singleBlogPage #commentsBloc .colUserInfos .flex {
    justify-content: flex-start;
    padding-left: 8%;
    box-sizing: border-box;
}

.singleBlogPage #commentsBloc .colUserInfos img {
    margin-right: 5%;
    max-width: 20px;
}

.singleBlogPage #commentsBloc input,
.singleBlogPage #commentsBloc textarea {
    border: 0;
    font-family: "Morena";
    font-size: 1em;
}

.singleBlogPage #commentsBloc input {
    padding-top: 8px;
    background: transparent;
    width: 70%;
}

.singleBlogPage #commentsBloc input::-webkit-input-placeholder {
    line-height: 20px;
}

.singleBlogPage #commentsBloc textarea {
    height: 70%;
    width: 80%;
}

.singleBlogPage #commentsBloc .back {
    cursor: pointer;
}

.singleBlogPage #commentsBloc .nbComments {
    background: #000;
    color: #fff;
}

.singleBlogPage #commentsBloc .submit {
    font-family: "AlexanaNeue";
    font-size: 1.6em;
}

.blogRightPage #singleBlogsView #articlePart .wrapCarousel {
    display: flex;
    width: 100%;
}

.blogRightPage #singleBlogsView #articlePart #carouselArticles {
    display: flex;
    padding-bottom: 20px;
}

.blogRightPage #singleBlogsView #articlePart .slick-list {
    overflow-y: auto;
}

.blogRightPage #singleBlogsView #articlePart #carouselArticles .slide {
    font-family: "MontSerratLight";
    color: #fff;
    height: 100%;
    line-height: 30px;
    padding: 20px 40px;
    box-sizing: border-box;
}

.blogRightPage #singleBlogsView #articlePart #carouselArticles .slide h2 {
    font-family: "MontSerratBold";
}

.blogRightPage #singleBlogsView #articlePart #carouselArticles .slide .quote {
    width: 70%;
    font-family: "MontSerratSemiBold";
    border-left: 2px solid #2dd02d;
    padding-left: 20px;
}

.singleBlogPage .blogRightPage, .singleBlogPage .wrapNavCarousel {
    overflow: hidden;
}

.singleProductPage #faqAnswers {
    flex-direction: row !important;
}

.singleProductPage #carouselProductImg .slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.singleProductPage #leftPart {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.singleProductPage #carouselProductImg {
    width: 100%;
    height: 100%;
}

.singleProductPage #faqTopBar {
    overflow-y: hidden;
}

.singleProductPage #faqTopBar .wrapCarousel {
    flex: 4 !important;
}

.singleProductPage #reviewsRightPart {
    overflow-y: hidden;
}

.singleProductPage #reviewsLeftPartBot {
    display: flex;
    overflow: hidden;
}

.singleProductPage #reviewsLeftPartBot #ui-carouselReviews-next,
.singleProductPage #reviewsLeftPartBot .wrapCarousel {
    flex: 1;
}

.singleProductPage #reviewsLeftPart {
    overflow: hidden;
}

.singleProductPage #carouselReviewsContent {
    overflow: hidden;
}

.singleProductPage #carouselReviewsContent .slide p {
    margin: 0 !important;
    padding: 5%;
    width: 100%;
    box-sizing: border-box;
}

.singleProductPage #faqTopBar .wrapNav {
    display: flex;
    flex: 5;
    overflow: hidden;
}

.singleProductPage #faqTopBar #faqNav {
    flex: 1;
}

.singleProductPage #singleProductName {
    flex: 2;
}

.singleProductPage #carouselReviewsContent .slide > div:last-child p {
    padding: 0 30px;
}

/*** CART EMPTY***/
#cartEmptyContent {
    display: flex;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
}

#cartEmptyContent .cartEmpty {
    display: flex;
    flex: 2;
    background: #000;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "MontSerratBold";
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: center;
}

#cartEmptyContent .wrap-infos {
    flex: 3;
    font-family: "MontserratLight";
    font-size: 1em;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#cartEmptyContent .wrap-infos .title {
    flex: 1;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
}

#cartEmptyContent .wrap-infos .wrapCarousel {
    flex: 6;
}

#cartEmptyContent .wrapCarousel {
    position: relative;
}

.navCarouselProducts {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50px;
    z-index: 1;
}

.navCarouselProducts img {
    height: 12px;
}

#carouselProducts {
    flex: 1;
    height: 100%;
}

#carouselProducts .aartus-related-prod {
    color: #000;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#carouselProducts .wrapInfos {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#carouselProducts .wrapInfos .product-title {
    background: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
}

#carouselProducts .wrapInfos .product-title h3 {
    margin: 0;
    font-family: "MontSerratLight";
    text-transform: uppercase;
    font-size: 0.9em;
}

#carouselProducts .wrapInfos .wrapBtn {
    background: rgba(255,255,255,0.8);
    display: flex;
    height: 60px;
    align-items: center;
}

#carouselProducts .wrapInfos .wrapBtn > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#carouselProducts .wrapInfos .wrapBtn .wrapStar {
    position: relative;
}

#carouselProducts .wrapInfos .wrapBtn img {
    max-width: 25px;
}

#carouselProducts .wrapInfos .wrapBtn .wrapStar .number {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    font-size: 0.6em;
    color: #47b3fe;
    padding-top: 2px;
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#carouselProducts .wrapInfos .wrapBtn > div:not(:last-child) {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

#cartEmptyContent .continue-browse {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 2;
    font-family: "Morena";
    padding-top: 8px;
}

#cartDrawer {
    position: absolute;
    top: 0;
    right: 0;
    width: 42.85%;
    height: 100%;
    background: #fff;
    z-index: 100;
    font-family: "MontSerratLight";
    display: none;
}

#cartDrawer .content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

#cartDrawer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: rgba(155, 155, 155, 0.5);
}

#cartDrawer .top {
    display: flex;
    flex: 1;
    position: relative;
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

#cartDrawer .top > div:not(.navProduct),
#cartDrawer .top > a {
    display: flex;
    align-items: center;
    font-family: "Morena";
}

#cartDrawer .top .libelle {
    text-transform: uppercase;
    font-size: 0.8em;
    padding-top: 8px;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    background: #1875f0;
}

#cartDrawer .top .priceInfos {
    display: flex;
    background: #f5efef;
    position: relative;
}

#cartDrawer .top .priceInfos p {
    margin: 0;
    font-size: 0.8em;
    padding: 5px 20% 0px 5%;
    width: 100%;
    box-sizing: border-box;
}

#cartDrawer .top .priceInfos p span {
    font-family: "MorenaBold";
}

#cartDrawer .top .close {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    background: #fff;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.10)
}

#cartDrawer .middle {
    display: flex;
    flex-direction: column;
    flex: 6;
    overflow: hidden;
}

#cartDrawer .productRow {
    display: flex;
    align-items: stretch;
}

#cartDrawer .productRow .remove {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px;
    border-radius: 15px;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10);
    cursor: pointer;
}

#cartDrawer .productRow:hover .remove {
    display: block;
}

#cartDrawer .productRow .remove img {
    width: 6px;
}

#cartDrawer .image {
    background-size: cover;
}

#cartDrawer .wrap-space-content {
    display: flex;
    align-items: center;
    justify-content: left;
}

#cartDrawer .space-content {
    padding: 0 30px;
    width: 100%;
}

#cartDrawer .details {
    font-size: 0.6em;
}

#cartDrawer .details span {
    font-family: "MontSerratBold";
}

#cartDrawer .wrapPrice {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

#cartDrawer .price {
    font-family: "MontSerratBold";
}

#cartDrawer .wrapQuantity {
    display: flex;
    align-items: center;
    margin-left: 25px;
}

#cartDrawer .less,
#cartDrawer .more {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    width: 38px;
    height: 20px;
}

#cartDrawer .less img {
    width: 15px;
}

#cartDrawer .quantity {
    font-size: 0.8em;
    padding: 0 14px;
}

#cartDrawer .more img {
    width: 13px;
}

#cartDrawer .bottom {
    position: relative;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
    display: flex;
    flex: 2;
}

#cartDrawer .bottom > div:not(.navProduct) {
    display: flex;
    align-items: center;
    justify-content: center;
}

#cartDrawer .bottom > div:first-child {
    text-transform: uppercase;
    font-size: 0.9em;
}

#cartDrawer .btnCheckout {
    font-family: 'AlexanaNeue';
    font-size: 1.8em;
    cursor: pointer;
}

#cartDrawer .close img {
    width: 10px;
}

#cartDrawer .slick-vertical .slick-slide {
    border: 0;
}

#cartDrawer #productsCarousel {
    height: 100%;
}

#cartDrawer .wrapCarousel {
    position: relative;
}

#cartDrawer .navProduct {
    display: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50px;
    z-index: 10;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
}

#cartDrawer .navProduct img {
    height: 10px;
}

#cartDrawer .prevProduct {
    bottom: -10px;
    transform: rotate(-90deg);
}

#cartDrawer .nextProduct {
    top: -10px;
    transform: rotate(90deg);
}

#cartDrawer .slick-list {
    min-height: 100% !important;
}

.btnDisplayCart {
    position: relative;
}

.btnDisplayCart .nbProduct {
    font-size: 0.7em;
    background: #fff;
    position: absolute;
    top: 2px;
    right: -7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: 16px;
    font-family: "Morena";
    color: #000;
    height: 16px;
    z-index: 10;
}

.btnDisplayCart .nbProduct span {
    display: block;
    padding-top: 6px;
}

@media only screen and (max-width: 767px) {

    #homeTop {
        flex-direction: column;
        overflow: visible;
        height: auto;
        display: block;
    }

    #homeTopLeftBar {
        height: auto;
    }

    #homeTopLeftBar #homeTopLeftBarContent {
        overflow: visible;
        height: auto;
    }

    #homeTopLeftBar #mainTitle {
        height: auto;
    }

    #homeTopLeftBar #mainTitle h4,
    .homeLink h3 {
        height: 50px;
        min-height: 50px;
        display: flex;
        align-items: center;
    }

    #homeContent {
        overflow: visible;
        height: inherit;
    }

    #homeContent #homeLinks {
        flex-direction: column;
        height: auto;
    }

    #homeContent #homeLinks .homeLink,
    #homeContent #homeLinks .homeLink:visited {
        width: 100%;
        height: auto;
    }

    #homeContent #homeLinks .homeLink img {
        max-width: inherit;
        width: 100%;
    }

    #homeContent #homeLinks .homeLink .linkImg,
    #homeContent #homeLinks #linkAllProducts .wrapLinkImg .linkImg {
        height: 150px;
        flex: auto;
    }

    #homeContent #homeLinks .homeLink .linkTitles {
        justify-content: flex-start;
        flex: auto;
    }

    #homeContent #homeLinks .homeLink .linkTitles {
        border-top: 1px solid rgba(155, 155, 155, 0.5);
    }

    #homeLinks .homeLink:first-child {
        border: 0 !important;
    }

    #homeLinks .homeLink:not(:first-child):not(:last-child):after {
        content: none !important;
    }

    #homeContent #homeBigPicture {
        display: block;
        flex: inherit;
    }

    #carouselHomeImg {
        height: 150px;
    }

    #carouselHomeImg .infos {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #carouselHomeImg .title {
        font-size: 1.6em;
    }

    #carouselHomeImg .text {
        font-size: 1.2em;
    }

    #carouselHomeImg .slider {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom right;
    }


    #ui-carouselHomeImg-next {
        display: none !important;
    }

    #homeContent #homeLinks .homeLink:hover .linkImg {
        filter: inherit;
    }

    #homeContent #homeLinks .homeLink:hover .hoverImg {
        opacity: 0;
    }

    #homeButtonsBot {
        flex-direction: column;
        overflow: visible;
        height: auto;
        display: block;
    }

    #homeButtonsBot .wrapRightElements {
        height: auto;
    }

    #homeButtonsBot #ui-carouselHome-next {
        height: 80px;
    }

    #homeButtonsBot #shopaAllCollectionsButon, #homeButtonsBot #shopaAllCollectionsButon:visited {
        height: auto;
        padding: 30px 0;
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #homeButtonsBot .wrapCarousel {
        height: auto;
    }

    #homeButtonsBot #shopaAllCollectionsButon .empty {
        display: none;
    }

    #homeButtonsBot #shopaAllCollectionsButon .wrapImg {
        min-height: 50px;
        flex: 2;
    }

    #homeButtonsBot #shopaAllCollectionsButon img {
        right: 5%;
        left: inherit;
    }

    #homeButtonsBot #shopaAllCollectionsButon .elements > div:last-child {
        flex: 3;
    }

    #homeButtonsBot #homeCarousel {
        height: 80px;
    }

    #homeCarousel .slide a .wrapImg img {
        max-height: 30px;
    }

    #searchView {
        overflow-y: auto;
    }

    #searchView #searchPack {
        height: auto;
    }

    #searchCarousel {
        width: 100%;
        flex-direction: column;
    }

    #searchCarousel .slide {
        width: 100% !important;
    }

    #searchFlex {
        flex-direction: column;
    }

    #searchFlex .wrapCarousel {
        flex: auto;
    }

    #searchFlex .slide .slideBot .slidePrice,
    #searchFlex .slide .slideBot .slideClick {
        height: 75px;
    }

    #searchFlex .slide .slideTitle {
        border-right: 0;
        border-top: 1px solid rgba(155, 155, 155, 0.5);
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #searchFlex .slide .slideBot .slideClick img {
        height: 30px;
    }

    #searchFlex .slide .slideImg {
        flex: auto;
        height: 250px;
    }

    #ui-search-carousel-next, #searchRightBarImg {
        display: none !important;
    }

    #closeSearch {
        padding: 35px 0;
    }

    #searchRightBar #closeSearch img {
        max-width: 30px;
    }

    #searchIntro {
        height: 50px;
        margin-top:-6px;

    }

    #menuInput.open form {
        position: absolute;
        left: 0;
        top: 100%;
        display: flex;
        height: 40px;
        padding: 5px 0;
        background: #fff;
        width: 100%;
        z-index: 100;
    }

    #menuInput.open form span {
        color: #000;
    }

    #menuInput #searchInput {
        margin-right: 5%;
        border: 0;
        padding: 13px 0 4px 0;
        color: #000;
    }

    #faqContent {
        height: auto;
    }

    .faqPage #faqContent {
        height: 100% !important;
    }

    #faqContent #faqAnswers {
        flex-direction: column-reverse !important;
        overflow: visible;

    }

    #faqContent #faqTopBar .wrapCarousel {
        flex: 3;
    }

    #faqContent #faqTopBar {
        height: 50px;
        min-height: 50px;
    }

    #faqContent #faqAnswers #answersPart {
        overflow: visible;
    }

    #leftPart {
        overflow-y: visible !important;
        height: auto !important;
    }

    #leftPartTop {
        display: none !important;
    }

    #carouselAboutUsImg, #carouselAboutUsImg .slider {
        height: 300px !important;
    }

    #faqAnswers  {
        display: block !important;
    }

    .faqPage #faqAnswers {
        display: flex !important;
    }

    #faqContent #faqAnswers #answersPart {
        height: auto;
    }

    #faqContent #faqTopBar #faqNav #ui-carouselFaq-prev img, #faqContent #faqNav #ui-carouselFaq-next img {
        max-width: 35px;
        max-height: 30px;
    }

    #faqContent .firstLetter {
        display: inline;
    }

    .accountPage #topBar {
        flex-direction: column;
        flex: auto;
    }

    .accountPage {
        height: auto !important;
    }

    .accountPage #mainBloc {
        flex: 0 0 auto;
    }

    .accountPage #topBarTitle,
    .accountPage #topBarMail {
        height: 100px;
        min-height: 100px;
    }

    .accountPage #topBarTitle {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    .allCollectionsPage #allThingsBlocLeft,
    .allCollectionsPage #allThingsBlocRight,
    .allCollectionsPage .slide .plusCase {
        display: none !important;
    }

    #mainBlocTitles {
        height: auto;
        flex-direction: column;
        align-items: stretch;
        flex: 0 0 auto;
    }

    #mainBlocTitles .wrapItem {
        flex: 0 0 auto;
        align-items: stretch;
    }

    #mainBlocTitles div, #mainBlocContent div, #mainBlocButtons div {
        height: auto;
        font-size: 0.8em;
    }

    .accountPage #topBarTitle:after,
    .accountPage #orders:after,
    .accountPage #details:after,
    #mainBlocContent div.afterRightBorder:after,
    #mainBlocButtons div.afterRightBorder:after {
        content: none !important;
    }


    #mainBlocContent div,
    #mainBlocButtons div {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #logout {
        order: 1;
        border-bottom: 0 !important;
    }

    #mainBlocContent div:last-child {
        border-bottom: 0;
    }

    #mainBlocTitles .wrapItem.middleItem {
        order: 1;
    }

    #mainBlocTitles .wrapItem.middleItem #img {
        min-height: 200px;
    }

    #mainBlocTitles .wrapItem:first-child {
        order: 2;
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #mainBlocTitles .wrapItem:last-child {
        order: 3;
    }

    #mainBlocTitles #plus {
        order: 1;
        position: relative;
    }

    #mainBlocTitles #plus:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background: rgba(155, 155, 155, 0.5);
    }

    #mainBlocTitles #details {
        order: 2;
    }

    .accountPage #mainBlocContent {
        flex-direction: column;
        align-items: stretch;
    }

    .accountPage #mainBlocContent > div {
        flex: auto;
        height: 100px;
        min-height: 100px;
    }

    .accountPage #mainBlocButtons {
        flex-direction: column;
        align-items: stretch;
    }

    .accountPage #mainBlocButtons > div {
        height: 100px;
        min-height: 100px;
    }

    .accountPage #addAdressView .addAdressLine > div {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #mainBlocButtons #logout h3, #mainBlocButtons #register h3 {
        font-size: 1.8em;
    }

    #addAdressView {
        flex: auto;
        overflow-y: auto;
    }

    #addAdressView form {
        height: auto;
    }

    .addAdressLine {
        align-items: stretch;
        flex-direction: column;
        flex: auto;
        border-bottom: 0;
    }

    .addAdressLine div {
        padding: 20px 0;
    }

    .addAdressLine .afterRightBorder:after {
        content: none !important;
    }

    .addAdressLine #cancelButton {
        order: 4;
    }

    #returnAddAdress {
        display: none;
    }

    #mainBlocTitles div,
    #mainBlocContent div,
    #mainBlocButtons div,
    .addAdressBloc input,
    #setDefaultAdress,
    #addNewAdressButton,
    .addAdressLine.line3 .addAdressBloc:last-child,
    #cancelButton {
        min-height: 100px;
        height: 100px;
    }

    .addAdressBloc input,
    .addAdressLine .click p {
        font-size: 0.8em;
    }

    #mainBlocContent > div p,
    .addAdressBloc input, .addAdressLine .click p {
        width: 100%;
        box-sizing: border-box;
    }

    #mainBlocButtons p, .addAdressLine #cancelButton p {
        font-size: 1.2em;
    }

    #mainBlocTitles div img, #mainBlocContent div img {
        max-width: 20px;
    }

    #allThingsTopBar {
        height: 50px;
    }

    #allThingsMiddle {
        height: 200px;
    }

    #allThingsTopBar a, #allThingsTopBar a:visited {
        flex: 1 !important;
    }

    .allCollectionsPage #allThingsTopBar .wrapCarousel, .allCollectionsPage #allMiddleContent1  {
        flex: 3 !important;
    }

    #allThingsBlocLeft, #allThingsBlocRight {
        flex: 1 !important;
    }

    #allThingsMiddle .allMiddleContentCollections #carouseAllCollectionsMain .slide {
        border-right: 0;
    }

    #allThingsTopBar h3, #allThingsTopBar a {
        font-size: 0.8em;
    }

    #allThingsTopBar, #allThingsMiddle, #allThingsBottomBar, #allThingsBottomBar a {
        flex: 0 0 auto;
    }

    #allThingsBottomBar {
        flex-direction: column;
        align-items: stretch;
    }

    #allThingsBottomBar .wrapFeatured {
        flex-direction: column;
        flex: 0 0 auto;
        height: auto;
    }

    #allThingsBottomBar .wrapFeatured > a {
        border-right: 0;
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #allThingsBottomBar #gridImg {
        height: 150px;
        min-height: 150px;
    }

    #allThingsBottomBar .featuredDiv, #allThingsBottomBar .featuredDiv:visited {
        height: 150px;
        min-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #allThingsBottomBar .featuredDiv div h3 {
        font-size: 1.6em;
    }

    #allThingsBottomBar .featuredDiv div p {
        font-size: 1em;
    }

    #allThingsBottomBar .text {
        margin: 0 !important;
        text-align: center !important;

    }

    #allThingsBottomBar #gridImg p {
        font-size: 0.8em;
    }

    .allProductsPage .allThingsPages {
        height: auto !important;
    }

    .allProductsPage #preview,
    .allProductsPage .allMiddleContentProducts {
        flex: 0 0 auto !important;
    }

    .allProductsPage #preview {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    .allProductsPage #allThingsMiddle {
        flex-direction: column;
        border-bottom: 0 !important;
        margin-bottom: -20px;
    }

    .allProductsPage #allThingsBlocLeft {
        width: 100%;
    }

    .allProductsPage #allThingsBlocLeft > div {
        overflow: visible;
    }

    .allProductsPage .carouseAllProductsMain {
        flex-direction: column;
    }

    .allProductsPage .carouseAllProductsMain .slide {
        width: 100%;
        min-height: 300px !important;
        height: 300px !important;
    }

    #allThingsMiddle #allThingsBlocLeft #preview h3 {
        font-size: 1em;
    }

    #allThingsMiddle #allThingsBlocLeft #preview p {
        font-size: 1em;
    }

    #allThingsMiddle #allThingsBlocLeft #preview div {
        flex-direction: row;
    }

    #allThingsMiddle #allThingsBlocLeft #preview .wrapBar {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding-bottom: 10px;
    }

    #allThingsMiddle #allThingsBlocLeft #preview .wrapBar div {
        justify-content: center;
        align-items: center;
        flex: 1;
    }

    .allProductsPage .carouseAllProductsMain, .allProductsPage .carouseAllProductsMain .slick-slide {
        min-height: 300px;
    }

    .allProductsPage #allThingsMiddle .carouseAllProductsMain .slide,
    .allProductsPage #allThingsMiddle .carouseAllProductsMain .slide:visited {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    .allProductsPage #allThingsBottomBar > div,
    .allProductsPage #allThingsBottomBar > a {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #allThingsMiddle .carouseAllProductsMain .slide .wrapInfos .wrapStar .number {
        padding: 0;
        margin-top: -1px;
    }

    .allProductsPage #allThingsBottomBar > a:last-child {
        border-bottom: 0;
    }

    .allProductsPage .allMiddleContentProducts {
        width: 100%;
    }

    #mainPage.allProductsPage #allThingsMiddle {
        height: auto !important;
    }

    .allProductsPage #allThingsMiddle .ui-carouselATP-prev,
    .allProductsPage #allThingsMiddle .ui-carouselATP-next {
        display: none !important;
    }

    .allProductsPage #allThingsBlocLeft > div:first-child {
        padding: 10px 0;
    }

    .allProductsPage #preview {
        padding: 30px 0;
    }

    .allProductsPage #allThingsTopBar .wrapCarousel {
        flex: 3;
    }

    #filtersMenu {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    #filtersMenu #filtersMainFlex #filtersButtons #buttonApply h2 {
        font-size: 1em;
    }

    #filtersMenu #filtersMainFlex #filtersName .nameLine div {
        font-size: 1em;
    }

    #filtersMenu #filtersMainFlex {
        width: 90%;
    }

    .blogPage .blogRightPage {
        height: auto;
        flex: 1;
    }

    .blogPage .topBar {
        height: 50px;
    }

    .blogPage .topBar, .blogPage .restBar {
        flex: 0 0 auto;
        overflow: visible;
    }

    .blogPage .restBar {
        flex-direction: column;
    }

    .blogPage .restBar > div {
        flex: 0 0 auto !important;
    }

    .blogPage .restBar .blogsLeftBottom {
        display: none;
    }

    .blogPage .leftRestBar {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    .blogPage .leftRestBar #allBlogsLeftMiddle div {
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        margin: 0;
        font-size: 1em;
        height: 150px;
    }

    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide .ABTitles div {
        padding: 20px;
        font-size: 0.8em;
    }

    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .navAnim {
        top: 300px;
        width: 30px;
        height: 30px;
    }

    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .navAnim img {
        max-width: 5px;
    }

    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .ui-carouselAllBlogsView-prev {
        left: 10%;
    }

    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .ui-carouselAllBlogsView-next {
        right: 10%;
    }

    .blogPage .blogRightPage .topBar .wrapCarouselAllBlogs {
        flex: 3;
    }

    .blogPage .blogRightPage .restBar .leftRestBar {
        border-right: 0;
    }

    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide,
    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide:visited {
        border-right: 0;
    }

    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .ABImg {
        min-height: 400px;
    }

    .blogPage .blogRightPage #allBlogsView .allBlogsCarousels .carouselAllBlogsView .slide:hover .ABImg:after {
        background: rgba(0, 0, 0, 0);
    }

    #cartTopBloc {
        flex-direction: column;
        flex: 0 0 auto;
    }

    #wrapMobileCart, #cartButtonsRight {
        flex: 0 0 auto;
    }

    #wrapMobileCart {
        height: auto;
    }

    #cartButtonsRight {
        border-left: 0;
    }

    #cartNav, #cartCarousel .slide div .nmbrTitles {
        height: 50px;
        flex: 0 0 auto;
    }

    #cartLeftBar #nmbrOfProducts, #cartCarousel .slide div .cartProduct {
        height: 100px;
        flex: 0 0 auto;
    }

    #cartLeftBar #priceTitle, #cartCarousel .slide div .cartPrice {
        height: 100px;
        flex: 0 0 auto;
    }

    #cartLeftBar #nmbrOfProducts p {
        font-size: calc(3vw);
    }

    #cartCarousel .slide div .cartProduct .productDesc p {
        font-size: calc(3vw);
        line-height: calc(3.5vw);
    }

    #cartLeftBar #priceTitle h3 {
        font-size: calc(3vw);
    }

    #cartCarousel .slide div .cartPrice p {
        font-size: calc(5vw);
    }

    #cartCarousel .slide {
        border-right: 0;
    }

    #cartButtonsRight {
        height: auto;
    }

    #cartTopBloc {
        height: auto;
    }

    #cartTopBloc #cartLeftBar {
        flex: 2;
    }

    #cartTopBloc .wrapCarousel {
        flex: 5;
    }

    #cartButtons {
        height: auto;
        flex-direction: column;
        flex: 0 0 auto;
    }

    #cartTopBloc > div, #cartButtons > div, #cartButtons > div {
        width: 100%;
    }

    #cartButtonsRight > div:first-child {
        border-top: 1px solid rgba(155, 155, 155, 0.5);
        padding: 20px 0;
    }

    #cartButtonsRight div h2 {
        font-size: 1.2em;
        padding: 10px 0;
    }

    #cartButtonsRight div div {
        height: 100px !important;
    }

    #cartButtonsRight #priceTotal {
        font-size: 2em;
        padding: 20px 0;
    }

    #cartButtonsRight #priceTotal p {
        font-size: inherit;
    }

    #cartButtons #infos h4 {
        font-size: 1em;
        line-height: 1.2em;
        padding: 5%;
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #cartButtons #orderInstructions {
        border-left: 0;
    }

    #cartButtons #orderInstructions form {
        padding: 20px;
    }

    #cartButtons #orderInstructions form textarea {
        width: 100%;
        height: 50px;
        font-size: 1.2em;
    }

    #cartButtons #checkoutButton {
        flex: 0 0 auto;
        height: 100px;
    }

    #cartButtons #checkoutButton h2 {
        font-size: 1.2em;
    }

    #contactRightBloc {
        height: auto;
    }

    #contactRightBloc .wrapCol {
        flex-direction: column;
    }

    #contactRightBloc .wrapCarouselContactNav {
        border-bottom: 0;
        height: 50px;
    }

    #contactRightBloc .wrapCarouselContactNav,
    #contactRightBloc .wrapCol,
    #contactRightBloc .wrapCol .colLeft,
    #contactRightBloc .wrapCol .colRight,
    #contactRightBloc .mainContactInfo,
    #contactRightBloc #infoBottom,
    #contactRightBloc #contactForm {
        flex: 0 0 auto;
    }

    #contactRightBloc #carouselContact .slide h3 {
        font-size: 0.8em;
    }

    #contactRightBloc .wrapCol .colLeft {
        flex-direction: row;
    }


    #contactRightBloc .mainContactInfo .mainContactInfoBloc {
        flex-direction: column;
    }

    #contactRightBloc .mainContactInfo .mainContactInfoBloc .map {
        width: 100%;
        min-height: 200px;
    }

    #contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight {
        width: 100%;
    }

    #contactRightBloc #infoBottom {
        flex-direction: column;
    }

    #contactRightBloc .wrapInfoContact {
        width: 100%;
    }

    #contactRightBloc #infoBottom .infoBottomDiv {
        height: 100px;
        min-height: 100px;
    }

    #contactRightBloc #gridImg, #contactRightBloc #gridImg:visited {
        border-right: 0;
    }

    #contactRightBloc .wrapCarouselContactNav, #contactRightBloc #gridImg, #contactRightBloc #gridImg:visited, #contactRightBloc .map {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #contactRightBloc .bottomBorder, #contactRightBloc #buttonExplain {
        border-right: 1px solid rgba(155, 155, 155, 0.5);
    }

    #contactRightBloc .wrapCarousel {
        flex: 3;
    }

    #contactRightBloc #buttonExplain p {
        font-size: 3.5vw;
    }

    #contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .infos > div,
    #contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .infos > p {
        min-height: 75px;
    }

    #contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .infos p,
    #contactRightBloc #infoBottom .infoBottomDiv p {
        font-size: 1em;
        box-sizing: border-box;
    }

    #contactRightBloc .wrapInfoContact:first-child {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
        border-right: 0;
    }

    #contactRightBloc #gridImg .wrapImg {
        flex: 3;
    }

    #contactRightBloc #gridImg p {
        flex: 2;
        font-size: 2vw;
        margin: 0;
    }

    #contactRightBloc #infoBottom .wrapInfoBottom {
        width: 100%;
        height: auto;
    }

    #contactRightBloc #infoBottom .wrapInfoBottom:first-child {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #contactFormFlex {
        flex-direction: column;
    }

    #contactFormFlex .wrapInfoContact {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    #buttonSendForm {
        order: 1;
        flex: 1;
    }

    #contactRightBloc #contactForm #contactFormFlex #buttonSendForm h2 {
        font-size: 1.4em;
    }

    #contactFormFlex .wrapInfoContact.wrapEmail {
        border-top: 0;
    }

    #contactFormFlex .contactFormInput {
        border-right: 0;
    }

    #contactFormFlex .col {
        width: 100%;
    }

    #contactRightBloc #contactForm #contactFormFlex #messageContent {
        border-right: 0;
    }

    #contactRightBloc .mainContactInfo .mainContactInfoBloc .mainContactInfoRight .img {
        min-height: 150px;
    }

    #contactRightBloc #contactForm #contactFormFlex .contactFormInput input {
        font-size: 1em;
    }

    .faqPage #leftPartTop {
        display: block !important;
    }

    .faqPage #leftPartTop div:last-child {
        display: none !important;
    }

    #faqContent #faqAnswers #leftPart:after {
        content: none !important;
    }

    .faqPage #faqImg {
        display: none;
    }

    #faqContent #faqAnswers #leftPart #faqImg {
        min-height: 200px;
    }

    .singleBlogPage #singleBlogsView,
    .singleBlogPage #leftPart {
        flex-direction: column;
    }

    .singleBlogPage #singleBlogsView #singleBlogsLeftTop {
        display: none;
    }

    .singleBlogPage .colLeft {
        border-right: 0;
    }

    .singleBlogPage #singleBlogsView {
        flex-direction: column-reverse;
    }

    .singleBlogPage #blogsNav,
    .singleBlogPage #carouselAllBlogs,
    .singleBlogPage .wrapTopBarBtn > div {
        height: 50px !important;
        min-height: 50px !important;
    }

    .blogRightPage #singleBlogsLeftTop {
        flex: 0 0 auto;
        height: 50px;
    }

    .singleBlogPage #singleBlogsLeftMiddle {
        align-items: center;
    }

    .singleBlogPage #singleBlogsLeftMiddle div {
        width: 90%;
        padding-top: 0;
        justify-content: center;
        align-items: center;
    }

    .singleBlogPage #singleBlogsLeftMiddle a {
        font-size: 0.8em;
        padding: 10px;
    }

    .singleBlogPage #singleBlogsView {
        flex: 0 0 auto;
    }

    .singleBlogPage .blogRightPage {
        overflow-y: visible;
    }

    .singleBlogPage #singleBlogsView .blogsLeftBottom {
        min-height: 80px;
        padding: 20px 0;
    }

    .singleBlogPage #singleBlogsView .blogsLeftBottom p {
        font-size: 1.2em;
    }

    .singleBlogPage #articlePart {
        overflow: visible !important;
    }

    .singleBlogPage #articlesNav,
    .singleBlogPage #articlesNav div {
        min-height: 50px;
    }

    .singleBlogPage #carouselArticles {
        padding-bottom: 0 !important;
    }

    .singleBlogPage .blogRightPage #singleBlogsView #articlePart .slick-list {
        overflow-y: visible;
    }

    .singleBlogPage #ui-carouselArticles-next {
        border-right: 0;
    }

    .singleBlogPage #rightPart,
    .singleBlogPage #leftPart {
        overflow: visible !important;
        height: auto !important;
    }

    .singleBlogPage #imgBlog {
        border-top: 1px solid rgba(155, 155, 155, 0.5);
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
        min-height: 200px;
    }

    .singleBlogPage #singleBlogsView {
        overflow: visible !important;
    }

    .singleBlogPage #carouselArticles .slide {
        padding: 20px !important;
    }

    .singleBlogPage .leftTopPart,
    .singleBlogPage .leftBotPart {
        flex-direction: column;
    }

    .singleBlogPage .leftBotPart a {
        order: 1;
    }

    .singleBlogPage .leftBotPart #articlesNav {
        border-top: 1px solid rgba(155, 155, 155, 0.5);
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
        border-left: 0 !important;
    }

    .singleBlogPage #commentsBloc .content > div {
        flex-direction: column;
    }

    .singleBlogPage #commentsBloc .topRow > div:first-child {
        order: 1;
        border-top: 1px solid rgba(155, 155, 155, 0.5);
    }

    .singleBlogPage #commentsBloc .colMessage {
        border-top: 1px solid rgba(155, 155, 155, 0.5);
    }

    .singleBlogPage #commentsBloc .bottomRow {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    .singleBlogPage .blogRightPage .wrapTopBarBtn {
        flex: 1;
        flex-direction: column;
    }

    .singleBlogPage #topBarComments {
        border-right: 1px solid rgba(155, 155, 155, 0.5);
    }

    .singleBlogPage .leftTopPart .wrapCol {
        flex-direction: column;
    }

    .singleBlogPage #leftPart .wrapNavCarousel {
        flex: 0 0 auto !important;
    }

    .singleBlogPage #carouselAllBlogs {
        border-right: 0;
    }

    .singleProductPage #faqTopBar,
    .singleProductPage #faqAnswers,
    .singleProductPage #singleProductButtons {
        flex: 0 0 auto;
    }

    .singleProductPage .wrapNav,
    #carouselsingleProduct {
        height: 50px;
        min-height: 50px;
    }

    .singleProductPage .wrapNav {
        flex: 1 !important;
    }

    .singleProductPage #faqTopBar .wrapCarousel {
        flex: 3 !important;
    }

    .singleProductPage #faqTopBar {
        flex-direction: column !important;
        min-height: auto !important;
        height: auto !important;
    }

    .singleProductPage #singleProductName {
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    .singleProductPage #singleProductName,
    .singleProductPage #faqTopBar .wrapNav {
        height: 50px;
        min-height: 50px;
    }

    .singleProductPage .wrapNav #faqNav {
        flex: 2 !important;
    }

    .singleProductPage .wrapNav #singleProductName {
        flex: 3 !important;
    }

    .singleProductPage #faqContent #faqAnswers {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .singleProductPage #leftPart,
    .singleProductPage #carouselProductImg {
        width: 100% !important;
        display: block !important;
        min-height: 300px;
        height: 300px;
    }

    .singleProductPage #ui-carouselProductImg-next {
        display: none;
    }

    .singleProductPage #singleProductButtons {
        flex-direction: column;
    }

    .singleProductPage #singleProductButtons > div,
    .singleProductPage #singleProductButtons .wrapIcons > div {
        width: 100%;
        height: 100px;
        min-height: 100px;
    }

    .singleProductPage #singleProductName h3 {
        font-size: 2.8vw;
    }

    .singleProductPage #carouselsingleProduct .slide {
        border-right: 0;
    }

    .singleProductPage #singleProductName:after,
    .singleProductPage #singleProductButtons > div:after {
        content: none !important;
    }

    .singleProductPage #carouselsingleProduct .slide h3 {
        font-size: 1em;
    }

    .singleProductPage #singleProductButtons .selectProduct,
    .singleProductPage #singleProductButtons div p {
        font-size: 1em;
        text-align: center;
    }

    .singleProductPage #singleProductButtons div:last-child {
        border-right: 0;
    }

    .singleProductPage #singleProductButtons > div{
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    }

    /*.singleProductPage #carouselReviewsContent .slide > div {
        align-items: stretch !important;
    }*/

    .singleProductPage #carouselReviewsContent .slide p {
        display: block !important
    }

    .singleProductPage #answersPart {
        width: 100% !important;
    }

    .singleProductPage #reviewsRightPart {
        flex: 2 !important;
        height: auto !important;
    }

    .singleProductPage #faqAnswer2 #reviewsLeftPart #openReviewForm h2 {
        font-size: 0.8em;
        margin: 0;
        padding: 5%;
    }

    .singleProductPage #reviewsView {
        align-items: stretch !important;
    }

    .singleProductPage #faqAnswer2 #reviewsLeftPart {
        height: auto;
    }

    .singleProductPage #openReviewForm,
    .singleProductPage #carouselReviewsContent .slide > div:first-child {
        height: 75px !important;
        min-height: 75px;
        flex: 0 0 auto;
    }

    .singleProductPage #postReviewForm,
    .singleProductPage #postReviewForm .reviewFormBars div {
        height: auto !important;
    }

    .singleProductPage #postReviewForm .reviewFormBars {
        align-items: stretch !important;
    }

    .singleProductPage #carouselReviewsStars img {
        max-width: 20px !important;
    }

    .singleProductPage #ui-carouselReviews-next img {
        max-width: 25px !important;
    }

    .singleProductPage #reviewsView, .singleProductPage #postReviewForm {
        height: 250px;
        min-height: 250px;
    }

    .singleProductPage #postReviewForm > div > div:first-child {
        height: 50px;
        min-height: 50px;
    }

    .singleProductPage #postReviewForm > div > div:last-child {
        height: 199px;
        min-height: 199px;
    }

    .singleProductPage #postReviewForm .reviewFormBars img {
        max-width: 20px !important;
    }

    .singleProductPage #postReviewForm .reviewFormBars .stars img {
        max-width: 20px !important;
    }

    .singleProductPage #leftPart {
        border-top: 1px solid rgba(155, 155, 155, 0.5);
    }

    .singleProductPage .relatedContent #carouselProducts {
        min-height: 300px;
    }

    #wishlistTopBloc, #wishlistRestBloc,
    #wishlistLeftBar > div
    {
        flex: 0 0 auto !important;
    }

    #wishlistLeftBar #priceTitle,
    #wishlistRightBloc #carouselWish .slide .prices {
        height: 50px;
        min-height: 50px;
    }

    #wishlistLeftBar #titleTitle {
        height: 100px;
        min-height: 100px;
    }

    #wishlistRightBloc #carouselWish .slide .titles {
        height: 101px;
        min-height: 101px;
    }

    #wishlistLeftBar #nextButton,
    #wishlistRightBloc #carouselWish .slide .img {
        height: 200px;
        min-height: 200px;
    }

    #wishlistRestBloc #featured {
        flex-direction: column;
    }

    #wishlistRestBloc #featured .featuredDiv {
        width: 100%;
        height: 150px !important;
        min-height: 150px !important;
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #wishlistRestBloc #gridImg {
        height: 150px;
        min-height: 150px;
        width: 100%;
        border-right: 0;
    }

    #wishlistRightBloc #featured .featuredDiv h3 {
        font-size: 1.6em !important;
    }

    #wishlistRightBloc #featured .featuredDiv p {
        font-size: 1em !important;
    }

    #wishlistRightBloc #featured .text {
        text-align: center !important;
        margin: 0 !important;
    }

    #wishlistRestBloc #gridImg p {
        font-size: 0.8em;
    }

    #wishlistLeftBar h2,
    #wishlistRightBloc #carouselWish .prices .priceProduct h2,
    #wishlistRightBloc #carouselWish .slide .titles h3,
    #wishlistRightBloc .slide .titles p {
        font-size: 1em;
    }

    #wishlistTopBloc .wrapCarousel {
        flex: 3;
    }

    #wishlistLeftBar #nextButton a img {
        max-width: 30px;
    }

    #wishlistRightBloc #carouselWish .slide {
        border-right: 0;
    }

    #wishlistRightBloc .wrapFeatured {
        flex-direction: column;
        width: 100%;
    }

    .loginPage .loginPageTop {
        height: 50px;
    }

    .loginPage .loginPageMiddle .content > div > div {
        border-right: 0;
    }

    .loginPage #btnLogin {
        height: 100px;
        min-height: 100px;
    }

    .loginPage .pictureCol {
        display: none;
    }

    .loginPage .content {
        min-height: 400px;
    }

    .loginPage .content[data-content='register'] {
        height: auto;
    }

    .loginPage .content[data-content='login'] .infosRow:last-child,
    .loginPage .content[data-content='register'] .wrapInfos {
        flex-direction: column;
    }

    .loginPage .content[data-content='register'] .wrapInfos .infosCol {
        border-right: 0;
    }

    .loginPage #forgot {
        padding: 25px 0;
    }

    .loginPage #forgot p {
        font-size: 0.8em;
    }

    .loginPage img {
        max-width: 25px;
    }

    .loginPage .wrapBtn {
        flex-direction: column;
    }

    .loginPage .infosRow {
        flex: 1;
    }

    .loginPage .content[data-content='login'] .infosRow:last-child {
        flex: 2;
    }

    .loginPage .content[data-content='register'] .infosRow > div {
        min-height: 100px;
        height: 100px;
    }

    #homeTopLeftBar:after,
    #shopaAllCollectionsButon:after {
        content: none !important;
    }

    #faqContent #faqTopBar .wrapCarousel {
        height: auto;
    }

    #quickShop {
        display: none !important;
    }

    #cartEmptyContent {
        display: block;
    }

    #cartEmptyContent .cartEmpty {
        padding: 20px 0;
        font-size: 1.2em;
        border-bottom:1px solid rgba(155, 155, 155, 0.5);
    }

    #cartEmptyContent .wrap-infos {
        display: block;
    }

    .navCarouselProducts {
        display: none;
    }

    #carouselProducts a {
/*        height: 300px;
        border-bottom: 1px solid rgba(155, 155, 155, 0.5);*/
        border-right: 0;
    }

    #carouselProducts .slick-dots {
        bottom: 100px;
    }

    #cartEmptyContent .continue-browse {
        height: 100px;
    }

    #cartDrawer {
        width: 100%;
        overflow-y: auto;
    }

    #cartDrawer .content {
        display: block;
    }

    #cartDrawer .wrapCarousel {
        overflow: visible;
    }

    #cartDrawer .top {
        height: 50px;
    }

    #cartDrawer .bottom {
        display: block;
        border-top: 0;
    }

    #cartDrawer .bottom > div {
        height: 150px;
    }

    #cartDrawer .navProduct {
        display: none !important;
    }

    #cartDrawer .productRow {
       min-height: 150px;
       height: auto !important;
    }

    #cartDrawer .productRow .remove {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        padding: 0;
    }

    #cartDrawer .productRow:hover .remove {
        display: flex;
    }

    #cartDrawer .bottom > div {
        border-right: 0;
    }

    .btnDisplayCart .nbProduct {
        top: 0;
        width: 14px;
        height: 14px;
        font-size: 0.6em;
    }

}

@media only screen and (max-height: 512px) {

    #cartDrawer .title {
        font-size: 0.8em;
    }

    #cartDrawer .wrapPrice {
        padding-top: 5px;
    }

}

.aartus-customer-orders {
    width: 100%;
}

.aartus-customer-orders table {
    width: 100%;
}

.aartus-recently-viewed-products {
    height: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 767px) {
.aartus-woo-acc-adress-wrap {
    overflow-y: scroll;
}

#allThingsMiddle .aartus-filtered-products .carouselAllThingsMain {
    display: unset;
}

.aartus-recently-viewed-products {
    height: 300px;
}
}


body #add_payment_method #payment ul.payment_methods li input,
body.woocommerce-cart #payment ul.payment_methods li input,
body.woocommerce-checkout #payment ul.payment_methods li input { width: auto; margin: -2px .5em 0 0; }
body .woocommerce form .form-row .input-checkbox { width: auto; margin: -2px 5px 0 0; }

body.woocommerce-checkout .cart-collaterals .cart_totals tr td,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th,
body .woocommerce table.shop_table th {
border-top: none;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
text-align: right;
padding: 10px 20px;
}
body .woocommerce table.shop_table td { padding: 15px; }
body .woocommerce-checkout table.shop_table td { width:50%;
text-align: right;
border-right: 1px solid #e6e6e6; border-top: 0; }

body .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
width: 100%;
display: block;
text-align: center;
margin-bottom: 0;
font-size: 1.25em;
padding: 1em;
border-radius: 50px;
margin-top: .5em;
}

.woocommerce-checkout .woocommerce .col2-set { width: 47%; float: left; margin-right: 4%; }
.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce .col2-set .col-2 { margin-bottom: 2em; width: 100%; float: none; }
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review { background: #fff; width: 47%; float: right; margin-right: 0; }

@media only screen and (max-width: 650px) {
.woocommerce-checkout .woocommerce .col2-set { width: 100%; float: none; margin-right: 0; }
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review { width: 100%; float: none; }
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-shadow: 12px 12px 16px 0 rgb(0 0 0 / 4%), -8px -8px 12px 0 rgb(255 255 255 / 10%);
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    height: 48px;
    padding-left: 8px;
}

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
    border: 1px solid #e2e2e2;
    border-radius: 2px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top-color: #1873ec;
    border:1px solid #1873ec !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt
{background-color:#1873ec !important;color:#fff;font-family: "Montserratbold";}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background:#fbfbfb !important;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #1873ec;padding: 1em 1em;color:#fff;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e2e2e2;
    height: 48px;
    padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: -4px;
        margin-top: 8px;
}