@font-face {
    font-family: 'CeraBlack';
    src: url('//www.you.gr/App_Themes/YouGR/fonts/fonts/Cera GR Black.otf') format('opentype'),url('//www.you.gr/App_Themes/YouGR/fonts/Cera GR Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CeraLight';
    src: url('//www.you.gr/App_Themes/YouGR/fonts/Cera GR Light.otf') format('opentype'),url('//www.you.gr/App_Themes/YouGR/fonts/Cera GR Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.MyContainer {
    font-family: 'CeraBlack';
    color: white;
    background-color: #9ad99e;
    padding-bottom: 50px;
    overflow: hidden;
}

.SpringHeader {
    background: url(https://support3.you.gr/you/newsletter/LANDING_PAGE/Spring2019/images/HeaderIcon_Top.png) center top no-repeat,url(https://support3.you.gr/you/newsletter/LANDING_PAGE/Spring2019/images/HeaderIcon_left.png) left 100px no-repeat,url(https://support3.you.gr/you/newsletter/LANDING_PAGE/Spring2019/images/HeaderIcon_right.png) right 100px no-repeat;
    background-size: auto;
    padding-top: 150px;
}

.H1 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 30px;
    text-align: center;
}

.H2 {
    font-size: 34px;
    font-size: 41px;
    margin-bottom: 30px;
}

.H3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 30px;
    display: block;
}

.Parag {
    font-size: 20px;
    color: white;
}

.round-corners {
    border-radius: 20px;
}

.SpringHeaderContainer {
    width: 74%;
    margin: 0 auto;
}

    .SpringHeaderContainer .H3 {
        padding-top: 40px;
    }

    .SpringHeaderContainer img {
        float: left;
    }

    .SpringHeaderContainer p {
        font-family: 'CeraLight';
        font-size: 24px;
    }

.TaksidiIcon-left {
    position: absolute;
    left: -15px;
    top: 25px;
    z-index: 5;
}

.TaksidiIcon-right {
    position: absolute;
    right: -15px;
    top: 0;
    z-index: 5;
}

.FullWidthBanner {
    background-color: white;
    position: relative;
    margin-top: 70px;
    display: block;
}

    .FullWidthBanner .H1 {
        color: #3cc3ab;
        display: block;
    }

.FullWidthBannerItem {
    width: 50%;
    display: block;
    padding: 25px 15px;
}

    .FullWidthBannerItem img {
        margin: 0 auto;
    }

.TipBox {
    background-color: #3cc3ab;
    position: absolute;
    right: 25px;
    top: -20px;
    padding: 0 25px 25px 25px;
    width: 500px;
    text-align:left;
    min-height: calc(100% + 40px);
}

.TipBoxImg {
    position: absolute;
    right: 17%;
    top: -50px;
}

.TipICon {
    margin-top: 240px;
}

.TipBox p {
    font-size: 20px;
    color: white;
    margin-bottom: 30px;
}

.DiscountICon {
    position: absolute;
    top: 10%;
    left: -65px;
}

.SpringLink {
    background-color: #208472;
    color: white;
    border-radius: 50px;
    padding: 10px 28px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 20px;
}

.ThreeDivs, .FourDivs {
    float: left;
    width: calc(33.33% - 30px);
    margin: 15px;
    text-align: center;
    display: block;
    /*border:solid thin red;*/
    color: white;
    position: relative;
}
.FourDivs {
    width: calc(25% - 30px);
}

    .ProductWrapper {
        background-color: white;
        text-align: center;
        display: block;
        padding: 25px 15px;
    }

    .ProductWrapper img {
        margin: 0 auto;
        width: 100%;
        max-width: 250px;
        transition: all linear 0.1s;
    }

.ThreeDivs .SpringLink {
    margin-top: -20px;
}

.FourDivs .SpringLink {
    margin-top: -40px;
}
.ThreeDivs:hover .ProductWrapper img, .FourDivs:hover .ProductWrapper img {
    transform: scale(0.9);
}

.NoToPlastic {
    position: absolute;
    top: 90px;
    right: -15px;
    width: 180px;
    z-index: 4;
}

.ActionCameraTipBox .TipICon {
    margin-top: 190px;
}

.MemoryCards {
    margin-top: 60px;
}

.MemoryCardsSmall {
    display: none;
}

.GradientBg {
    background: rgb(125,185,129); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(125,185,129,1) 0%, rgba(150,213,154,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(125,185,129,1) 0%,rgba(150,213,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(125,185,129,1) 0%,rgba(150,213,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db981', endColorstr='#96d59a',GradientType=0 ); /* IE6-9 */
    padding-top: 50px;
    position: relative;
}

    .GradientBg .MyContainer {
        padding-bottom: 0;
        background-color: transparent;
    }

    .GradientBg .Parag {
        width: 60%;
        margin: 0 auto;
    }

.CarIcon {
    position: absolute;
    right: 0;
    top: -40px;
}

.Gadgets .H3 {
    height: 70px;
}
.ProvatoIcon{
    position:absolute;left:0;
    top:10%;
}
.KotesIcon{
    position:absolute;
    right:40px;

}

.PsistariesLinks {
    color: #3cc3ab;
    font-size:18px;
    transition:all linear 0.1s;
}

    .PsistariesLinks:hover {
        color: #208472;
    }

.glika{
    position:absolute;
    top:-110px;
    left:-15px;
}
.bbq_ergaleia {
    position: absolute;
    top:-110px;
    right: -15px;
}
@media (max-width:1200px) {
    .SpringHeader {
        background-size: 1000px, 100px, 100px;
    }

    .SpringHeaderContainer {
        width: 85%;
    }

    .TipBox {
        width: 400px;
    }

    .MemoryCards {
        margin-top: 160px;
    }
}

@media (max-width:991px) {
    .SpringHeader {
        padding-top: 80px;
    }

    .SpringHeaderContainer {
        text-align: center;
    }

        .SpringHeaderContainer img {
            float: none;
            margin: 0 auto;
        }

        .SpringHeaderContainer .H3 {
            padding-top: 20px;
        }

    .FullWidthBanner {
        padding: 15px;
    }

    .FullWidthBannerItem {
        width: 100%;
    }

    .TipBox {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        display: block;
    }

    .TipBoxImg {
        top: -65px;
    }

    .TipICon {
        margin-top: 220px;
    }

    .DiscountICon {
        position: absolute;
        top: -60px;
        left: 10%;
    }

    .ThreeDivs, .FourDivs {
        width: calc(50% - 30px);
    }

        .ThreeDivs .H3 {
            height: 70px;
        }

        .FourDivs .H3 {
            height: auto;
        }

        .MemoryCards {
            margin-top: 60px;
        }
}

@media (max-width:768px) {
    .H1 {
        font-size: 30px;
        line-height: 35px;
    }

    .H3 {
        font-size: 20px;
        line-height: 25px;
    }
    .Parag{
        font-size:18px;
        width:100%!important;
    }

    .FullWidthBanner {
        padding: 0;
    }

    .TipBox {
        padding: 0 15px 25px 15px;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

        .TipBox p {
            font-size: 18px;
            line-height: 25px;
        }

    .TaksidiIcon-left {
        width: 100px;
    }

    .TaksidiIcon-right {
        width: 100px;
    }

    .DiscountICon {
        width: 80px;
        top: -30px;
        left: 10px;
    }

    .ThreeDivs .H3 {
        height: auto;
    }

    .GradientBg .Parag {
        width: 90%;
        margin: 0 auto;
    }

    .CarIcon {
        top: -40px;
        width: 140px;
    }
    .KotesIcon{
        top:-60px;
    }
    .ProvatoIcon{
        display:none;
    }
}

@media (max-width:600px) {
    .SpringHeader {
        background: url(https://support3.you.gr/you/newsletter/LANDING_PAGE/Spring2019/images/HeaderIcon_Top.png) center top no-repeat,url(https://support3.you.gr/you/newsletter/LANDING_PAGE/Spring2019/images/HeaderIcon_left.png) left 34px no-repeat,url(https://support3.you.gr/you/newsletter/LANDING_PAGE/Spring2019/images/HeaderIcon_right.png) right 25px no-repeat;
        background-size: 100%, 50px, 50px;
        padding-top: 50px;
    }

    .SpringHeaderContainer {
        width: 95%;
        margin: 0 auto;
    }

        .SpringHeaderContainer img {
            max-width: 200px;
        }

    .TipBoxImg {
        max-width: 180px;
        top: -65px;
    }

    .ThreeDivs, .FourDivs {
        width: 100%;
        margin: 10px auto 40px auto;
    }

    .NoToPlastic {
        top: 60px;
    }

    .MemoryCards {
        display: none;
    }

    .MemoryCardsSmall {
        display: block;
        margin-top: 40px;
    }

    .CarIcon {
        top: -130px;
    }
    .bbqImg {
       max-width: 250px !important;
       top:20px;
       right:5px;
    }
    .glika, .bbq_ergaleia {
        width:100px;
    }
}


@media (max-width:400px) {
}