/*CSS RESET STYLING*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;

}

body 
{
    line-height:1;
    background: #fff;
    
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* ^
   | HTML DOCTOR MINDEN CLEAR */

*{
  text-decoration: none;
  /* border: 0px; */
}

body{
    background-color: #FDF0E9;
}
header nav ul
{
  display: block;
  margin: 0 auto;
  width: fit-content;
}

header nav ul li
{
  
display: block;
  
float: left;
  
list-style: none;
  
height: 110px;
  
background-color: #000;
  
text-align: center;
  
width: 100%;
}

header nav ul li p
{
    margin-top: 40px;
}
header nav ul li a
{
  font-family:Roboto;
  font-size: 18px;
  color: #FFFFFF;
  text-transform: uppercase;
}

header nav ul li:first-child
{
    background-color: #9BBA1F;
}

header nav ul li:nth-child(2)
{
    background-color: #FFA200;
}

header nav ul li:nth-child(3)
{
    background-color: #CA3535;
}

header nav ul li:nth-child(4)
{
    background-color: #9BBA1F;
}
header nav ul li:nth-child(5)
{
    background-color: #FFA200;
}


/*MOBIL BEGIN*/

    /* New sections starts here */


    .section_container
    {
        width: 100%;
        text-align: center;
        margin-top: 32px;
        padding-bottom: 32px;
    }

    .container_img
    {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .container_img>img{
       
        width: 100%;
    }

    .text_container{
        width: 100%;
        text-align: center;
        font-family:'Open Sans';
        font-weight: bold;
    }
    .section-title{
       
        font-size: 32px;
        letter-spacing: -1.2px;
        margin-top: 16px;
        margin-bottom: 8px;
        color: #EF6D58;
    }

    .section_sub-title{
        font-size: 24px;
        color: #333;
    }


    .card_section
    {   
    margin-top: 24px;
   
   padding-left: 8px;
    padding-right: 8px;
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;

}
.multiple_card_wrap{
   display: flex;
    gap: 24px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

    .card{
        border-radius: 8px;
        width: 100%;
        text-align: left;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 8px;
        padding-right: 8px;

    }
    .card_title{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .card_short_text{
        line-height: 24px;
        font-family: 'Roboto';
        font-weight: 400;
        font-size: 16px;
    }
    .person_wrap
    { 
        
        margin-top: 20px;
        height: 280px;
        position: relative;
        background-color: #fff !important;
        background: rgb(119,117,226);
        background: -moz-linear-gradient(45deg, rgba(119,117,226,1) 0%, rgba(107,105,246,1) 20%, rgba(99,96,249,1) 50%, rgba(82,79,255,0.45) 70%, rgba(48,45,255,0.15) 100%);
        background: -webkit-linear-gradient(45deg, rgba(119,117,226,1) 0%, rgba(107,105,246,1) 20%, rgba(99,96,249,1) 50%, rgba(82,79,255,0.45) 70%, rgba(48,45,255,0.15) 100%);
        background: linear-gradient(45deg, rgba(119,117,226,1) 0%, rgba(107,105,246,1) 20%, rgba(99,96,249,1) 50%, rgba(82,79,255,0.45) 70%, rgba(48,45,255,0.15) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7775e2",endColorstr="#302dff",GradientType=1);

    }

    .card_mainpic{
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}
    
    
    .card:nth-child(1){
        background-color:#C0E043 ;
    }
    .card:nth-child(2){
         background-color:#FFB940 ;
     }
     .card:nth-child(3){
         background-color:#73A6FF ;
     }


     .flex_text_logo{
        display: flex;
        flex-direction: row;
        align-items: center;
     }



.card_logo{
       width: 32px;
    padding-left: 24px;
}

.flex-mobile{
    display: flex;
}

    /*new sections ends here*/

.text_container h3{
    color:#EF6D58;
    font-size: 22px;
}

.portrait_text h2{
    text-align: center !important;
    font-size: 22px !important;
}



*{
    font-family: "Roboto";
}

#welcome_section{
    position: relative;
    z-index: -5;
}

#award-container
{
   height: 100px;
    right: 0;
    top: 180px;
    cursor: pointer;
        position: absolute;
         transition: transform .2s;
}

#award-container:hover{
     transform: scale(1.2);
}

#award-container img{
    height: 100%;
}
#welcome_section img{
    

    /*EZEK TESZTEK*/
}
.content_table
{
    width: 100%;
}

.content_table img
{
    width: 90%;
     /*EZEK TESZTEK*/
    display: none;
}

nav{
    display: none;
}

#m-only:focus nav{
    outline: none;
    display: block;
}



.content_table,.table-fix{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.content_table p{
   /* position: absolute;*/
   color: #EF6D58;
   font-size: 40px;
   padding: 35px 20px 5px 20px;
}

#img_container,#img_container_2,#img_container_3{
    width: 60%;
    margin: 0 auto;
}


#img_container img,#img_container_2 img,#img_container_3 img{
    width: 100%;
}

.table-fix p{

    text-align: center;
}

#header_home
{
    background-color: #15C1E5;
    position: relative;
}


#header_home p{
    font-size: 24px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}


.panel_left
{
    /* text-align: center; */
    padding: 5px;
}

#left_text_head
{
    padding: 20px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
}

#left_text_desc,#right_text_desc{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    font-size: 20px;
    margin-bottom: 20px;
}

#img_container_2{
    display: none;
}


.even,.odd,.portrait{
    float: none;
}

.portrait_wrap div:first-of-type
{
    
    margin-bottom: 10px;
}

.portrait_wrap 
{
    width: 98%;
    margin: 0 auto;
    text-align: center;
}

.portrait_wrap img{
    width: 75%;
}

.portrait_text
{
    display: flex;
    height: 100px;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding-bottom: 15px;
}

.portrait_text h2{
    font-size: 24px;
}

.lead_through,.lead_through_even{
    height: 180px;
    text-align: center;
    margin: 0 auto;
}

.lead_through img,.lead_through_even img{
    height: 100%;
    /* margin: 0 auto; */
    text-align: center;
}

.lead_through img,#winnie{
    transform: scaleX(-1);
}

#winnie{
    width: 100%;
     text-align: center;
     margin-bottom: 30px;
}
#winnie img{

    height: 240px;
}


#m-only
{
    display: block;
    position: absolute;
    top: 20px;
    right: 10px;
    height: 40px;

}

#alert{
    background-color: #CA3535;
    border-radius: 2px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

#alert h1{
    color: #fff;
    line-height: 1.3;
    padding: 10px;
}
.gallery_container{
    display: none;
}


#mobile_first
{

}
#mobile_day_section
{
    
}

#mobile_whatwecan,#mobile_best_choice
{
    background-color: #ffffff0d;
}

.everyday_mobile_img_container{
    display: block;
    height: 250px;
    width: 100%;
    text-align: center;
    /* background-color: #fbc00733; */
    margin-top: 20px;
    margin-bottom: 10px;
}

.everyday_mobile_img_container img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}


.text_hex h2
{
    margin-left: 5px;
}

.text_hex h2{
margin-bottom: 10px;
font-size: 20px;
color: #EF6D58;
}

.text_hex p{
    font-weight: 500;
    line-height: 1.2;
    margin-left: 5px;
}

.enum_line{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}



.enum_line h2,p{
    padding: 0;
    margin: 0;
}


.enum_line img{
    width: 35px;
    margin-right: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}


#right_section{
    display: none;
}

#mobile_hurry{
    display: block;
    height: 220px;
    margin-top: 30px;
    margin-left: 50px;
     transform: scaleX(-1);


}

#left_section p{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

#price_heading{
    width: 100%;
    text-align: center;
    padding: 30px 0px 15px 0px;
}

#price_heading h2{
    color: #EF6D58;
    font-size: 40px;
    font-weight: 500;
    padding: 8px;
}
.price_wrap{
    width: 100%;
}
.price_card{
    /* width: 80%; */
    margin: 0 auto;
    height: 480px;
    margin-bottom: 10px;
    background-color: #9BBA1F;
    display: block;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto';
    font-size: 16px !important;
    font-weight: 700;
    /*font-variant:small-caps;*/
    line-height: 24px;
    color: #fff;
}

.price_card:nth-child(2)
{
    
background-color: #FFA200;
}
.price_card:nth-child(3)
{
    
background-color: #CA3535;

font-weight: normal !important;
}

.price_card:nth-child(3) .card_text
{
    padding-left: 24px;
    padding-right: 24px;
}

#price_img{
    position: relative;
    bottom: -20px;
}

#price_img img{
    height: 170px;
    position: absolute;
    bottom: -30px;
    left: -215px;
}

#card_text:last-child{
    margin-top: -100px;
}

.price_card:last-child
{
    align-items: normal;
}

#supp_img{
    display: none;
}
#mobile_supp_img{
    display: block;
    height: 300px;
    text-align: center;
}

#mobile_supp_img img{
   height: 100%;
}

.support_wrap{
    padding-top: 40px;
}


.info_brick{
    height: 100px;
    position: relative;
    padding: 5px 0px 15px 0px;
}

.info_brick:nth-child(1)
{
    background-color: #9BBA1F;
    margin-top: 15px;
    height: 130px;
}
.info_brick:nth-child(2)
{
    background-color: #FFA200;
}
.info_brick:nth-child(3)
{
    background-color: #CA3535;
}

.box_align
{
    color: #fff;
    /* display: flex; */
    align-items: center;
}

.box_align img{
    position: absolute;
    top: 40px;
    left: 2px;
    height: 40px;
}

.info_brick h3{
    padding-top: 10px;
}
.info_brick a,h3,h4{
    margin-top: 10px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    /* font-size: 20px; */
}

.info_brick a,h4{
    font-size: 20px;
}

#info_box{
    text-align: center;
}
#info_box h2, #info_box p{
    margin-left: 5px;

}

#info_box h2{
    font-size: 20px;
}

#info_box p{
    text-align: left;
    padding: 12px 0px 30px 10px;
}
.form_wrap{
    
background-color: #ffffffa6;
    
width: 100%;
    
height: 400px;
}

.form_wrap h3,.map_wrap h3{
    padding: 15px;
    color: #EF6D58;
    font-size: 24px;
    text-transform: uppercase;
}
.map_wrap
{
    width: 100%;
}

.map_wrap iframe{
    width: 100%;
}

.map_wrap h1{
    text-align: center;
    font-size: 28px;
    padding-bottom: 15px;
}

#userform{
    width: 80%;
    height: 80%;
    margin: 0 auto;
    position: relative;
}

#userform input{
    border-radius: 2px;
  width: 100%;
  padding: 8px;
  margin-bottom: 14px;
   
}

#userform textarea{
    border-radius: 2px;
    width: 100%;
    height: 100px;
    padding: 8px;
     resize: none;
}

#btn{
  position: absolute;
  /* right: 0; */
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  width: 100px !important;
  height: 50px;
  border-radius: 5px !important;
  padding: 20px !important;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  background-color: #CA3535;
  border: 0;
}


#footer_wrap{
    width: 100%;
    height: 220px;
    background-color: #ffffff80;
}

#footer_wrap li{
    padding: 10px;
}

#footer_wrap a{
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    color: #ca3535c7;
}

#footer_wrap p{
    color: #939393;
    font-weight: 700;
    padding: 0px 0px 0px 10px;
} 



/*FIXING*/

.info_brick i{
    position: absolute;
    text-align: center;
    margin-left: 80px;
    color: #fff;
    line-height: 1.2;
    margin-top: 5px;
}


#plus_info
{
    font-weight: bold;
    padding: 40px;
}

#plus_info a{
    margin-left: 10px;
    text-decoration: none;
    color: #CA3535;
}

#language_select{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
#language_select span{
    display: inline-block;
    margin-top: 5px;

}
#language_select a{
    padding: 5px;
    text-decoration: none;
    color: #000;
}

#header_home p a{
    text-decoration: none;
    color: #fff;
}


/*WELCOME SECTION FIX!!*/


    #welcome_section{
       height: 300px;
       background: url(../elements/imgs/welcome_bg.png) no-repeat center center;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
    }


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

#img_container,#img_container_3 {
    height: 100%;
    width: 100%;
    text-align: center;
    }  

    #img_container img, #img_container_3 img{
        width: 35%;
    }
  
}

/*WELCOME SECTION FIX!!*/

/*FIXING ENDS*/
/*MOBIL ENDS*/

/*TABLET BEGIN*/
 @media only screen and (min-device-width: 481px) and (max-device-width: 998px) and (orientation:portrait) {
    .portrait_wrap img{
        width: 55%;
    }

    #m-only{
        display: none;
    }

    nav{
        display: block;
    }
    #m_ul{
        width: 100%;

    }
    #m_ul li{
        width: 20%;
    }

    #welcome_section{
        clear: both;
    }

    .everyday_mobile_img_container{
        width: 100%;
    }

    .everyday_mobile_img_container img {
        width: 60%;
        border: 1px solid #fbc00733;
    }


 }

/*TABLET ENDS*/

/*LAPTOP BEGIN*/


/*LAPTOP ENDS*/



/*DESKTOP BEGIN*/




@media only screen and (min-width: 1000px) {


    /* New sections starts here */

    .flex-mobile{
        display: none;
    }

    .section_container
    {
        width: 100%;
        margin: 64px 32px;
        text-align: center;
    }

    .container_img
    {
        width: 1376px;
        margin-left: auto;
        margin-right: auto;
    }

    .container_img>img{
        border-radius: 8px;
        width: 100%;
    }

    .text_container{
        width: 100%;
        text-align: center;
        font-family:'Open Sans';
        font-weight: bold;
    }
    .section-title{
       
        font-size: 64px;
        letter-spacing: -1.2px;
        margin-top: 64px;
        margin-bottom: 24px;
        color: #EF6D58;
    }

    .text_container .section-title
    {
        margin-bottom: 0px;

    }

    .text_container h3{
        margin: 8px;
        color: #EF6D58;
        font-size: 24px;
    }
    .section_sub-title{
        font-size: 36px;
        color: #333;
    }

    .card_section
    {   
        padding-top: 80px;
      
        width: 100%;
        display: flex;
        gap: 56px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }

    .card{
        width: 280px;
        border-radius: 12px;
        text-align: left;
        /*padding-top: 48px;
        padding-bottom: 48px;*/
        padding-left: 16px;
        padding-right: 16px;

    }
    .card_title{
        font-size: 24px;
        margin-bottom: 12px;
    }
    .card_short_text{
        font-size: 18px;
        line-height: 26px;
        font-family: 'Roboto';
        font-weight: 500;
        padding-bottom: 6px;
 
    }


    .card_description{
        height: 260px;
    }
    .multiple_card_wrap
    {
        display: flex;
        gap: 52px;
        flex-direction: column;
    }

    .person_wrap{
        height: 500px;
        width: 416px !important;
        background-color: #fff !important;
        border-radius: 30px;
            position: relative;
            background: rgb(119,117,226);
background: -moz-linear-gradient(45deg, rgba(119,117,226,1) 0%, rgba(107,105,246,1) 20%, rgba(99,96,249,1) 50%, rgba(82,79,255,0.45) 70%, rgba(48,45,255,0.15) 100%);
background: -webkit-linear-gradient(45deg, rgba(119,117,226,1) 0%, rgba(107,105,246,1) 20%, rgba(99,96,249,1) 50%, rgba(82,79,255,0.45) 70%, rgba(48,45,255,0.15) 100%);
background: linear-gradient(45deg, rgba(119,117,226,1) 0%, rgba(107,105,246,1) 20%, rgba(99,96,249,1) 50%, rgba(82,79,255,0.45) 70%, rgba(48,45,255,0.15) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7775e2",endColorstr="#302dff",GradientType=1);
    }
    .person_wrap div{

        height: 400px;
    }


    .card_mainpic
    {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
   /* 
    .card:nth-child(1){
        background-color:#73A6FF ;
    }
     .card:nth-child(2){
         background-color:#FFB940 ;
     }
      .card:nth-child(3){
        width:416px;
        border-radius: 40px;
      background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,0.19) 0%, rgba(107,105,246,0.81) 10%, rgba(99,96,249,0.41) 35%, rgba(82,79,255,0.19) 79%, rgba(48,45,255,0.05) 100%);
 }
     .card:nth-child(4){
         background-color:#C0E043 ;
     }



     .flex_text_logo{
        display: flex;
        flex-direction: row;
        align-items: center;
     }


*/
.card_logo{
    width: 64px;   
}


    /*new sections ends here*/


nav{
    display: block;
}


#award-container
{
   height: 200px;
    right: 180px;
    top: 220px;
    cursor: pointer;
        position: absolute;
         transition: transform .2s;
}

#award-container:hover{
     transform: scale(1.2);
}

#award-container img{
    height: 100%;
}
.enum_line img {
    width: 50px;
    margin-right: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#mobile_supp_img{
    display: none;
}
#supp_img{
    display: block;
}


#mobile_hurry{
    display: none;

}
#right_section
{
    display: block;
}

.everyday_mobile_img_container{
    display:none;
}

#m-only{
    display: none;
}   

    *{
scroll-behavior: smooth !important;
}

    body{
        margin: 0 auto;
        position: relative;
    }

    header{width: 80%;margin: 0 auto;height: 110px;background-color: #2196F3;position: relative;}

    header nav ul
    {
        position: absolute;
        right: 0;
        width: 68%;
    }

    header nav ul li{
        
display: inline-block;
        
width: 20%;
        
margin-top: 42px;
        
float: right;
    }

    header nav ul li a{
        cursor: pointer;
    }




    #language_select{
        background-color: #2196F3;
        text-align: right;
        height: 30px;
    }

    #language_select span{
        margin-top: 8px;
        display: inline-block;
    }


    #language_select span a{
        text-decoration: none;
        padding: 20px;
        color: #fff;
        cursor: pointer;
    }

    





    #header_home
    {
        width: 32%;
        height: 300px;
        position: absolute;
        left: 0;
        background-color: #15C1E5;
        text-align: center;
    }

    #header_home p{
        margin-top: 32px;
    }
    #header_home p a{
        line-height: 1.15em;
        font-family: 'Roboto';
        font-size: 40px;
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
    }

    #welcome_section
    {
        width: 80%;
        height: 800px;
        margin: 0 auto;
    }

    #welcome_section img
    {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .content_sections
    {
text-align: center;
}

    .content_table
    {
        width: 360px;
        height: 100px;
        margin: 45px auto;
        position: relative;
    }

   

    .content_table p{
        padding: 0;
        font-family: 'Open Sans';
        font-size: 40px;
        font-weight: bold;
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
    }
     .table-fix p
    {
        top: 5px;
        padding: 0;
        left: 0;
        right: 0;
        line-height: 1.2;
        text-align: center;
    }

    .content_table img
    {
        width: 100%;
        display: block;
    }



    #about_first_panel
    {
        width: 80%;
        position: relative;
        margin: 0 auto;
    }

    .panel_left
    {
        float: left;
        width: 45%;
        height: 400px;
        /* margin-top: 78px; */
    }

    #left_text_head
    {
        font-family: 'Open Sans';
        font-size: 48px;
        font-weight: bold;
        padding: 0;
        line-height: 1.1;
        text-align: left;
    }

    #left_text_desc, #right_text_desc
    {
        margin-top: 58px;
        font-family: 'Roboto';
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3;
        width: 100%;
    }

    #right_text_desc{
        position: absolute;
        width: 600px;
        right: 50px;
        padding-top: 20px;
    }

    #img_container{
        margin-right: 55px;
        /* margin-top: 40px; */
        height: 430px;
        width: 26%;
        position: absolute;
        right: 50px;
        top: 30px;
    }

    #img_container img{
        height: 80%;
    }


    #img_container_2
    {
        width: 35%;
        display: block;
        float: left;
        margin-left: 50px;
        padding: 0;
        text-align: left;
    }

    #img_container_2 img{
        width: 60%;
        margin-top: 30px;
        /* margin-left: 30px; */
    }
    #img_container_3{
        display: none;
    }
    .panel_right
    {
        float: left;
        height: 400px;
        width: 54%;
    }



.clear
{
    clear: both;
}



.splash_line
{
    width: 100%;
    height: 100px;
    position: relative;
    /* margin-bottom: 50px; */
}

.lead_through,.lead_through_even{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    height: 20px;
    /* top: -80px; */
}


.lead_through img,.lead_through_even img{
   
width: 450px;
   
height: 1000%;
}
.lead_through img{
    transform: scaleX(-1);
}

.portrait_wrap
{
    height: 100px;
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: -50px;
}

.portrait_text>div:nth-of-type(1)
{
    margin-top: 100px;
}

.portrait_text{
   
float: left;
   
height: 400px !important;
   
display: flex;
   
align-items:center;
   
position: relative;
   
width: 40%;
}

.portrait_text h2{
    font-family: 'Roboto';
    font-size: 26px;
    font-weight: 700;
}

.portrait_text img{
        position: absolute;
        width: 600px;
        margin-left: 45px;
        bottom: 0;
        z-index: 0;
}
.portrait
{
    float: right;
}

.even-t img{
    margin-right: -45px;
}

.even{
    float: left;
}

.even-t{
    float: right;
    /* justify-content: right; */
}

.p_bg{
   
    Z-INDEX: -10;
}

.portrait {
 
    width: 500px;
    height: 500px;
    position: relative;
    clip-path: path(var(--flowersvg));
    -webkit-clip-path: path(var(--flowersvg));
    clip-path: path(var(--flowersvg));
    transform: scale(0.7);
}



.portrait__img {
   height: 100%;
   width: 100% !important;
}

#pos_fix{
    /* margin-left: 200px; */
}

#winnie{
    margin-top: 40px;
    float: right;
    transform: scaleX(1);
    text-align: right;
    margin-right: 150px;
}

#winnie img{
    height: 400px;
}
#alert
{
    cursor: default;
    margin: 0px auto;
    border-radius: 6px;
    background-color: #CA3535;
    height: 158px;
    width: 1020px;
    transition: transform .2s;
}

#alert:hover
{
    transform:scale(1.2);
}

#alert h1
{
    text-align: center;
    /* padding: 30px 0px 0px 30px; */
    font-family: 'Roboto';
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

#everyday_section_container
{
    width: 100%;
    height: 900px;
    margin-top: -5%;
    /* margin-left: -10%; */
    margin: 0 auto;
    background-color:#FFE6E2;
}

#everyday_section{
    
width: 80%;
    
height: 100%;
    
text-align: left;
    
margin: 0 auto;
}
#text_content
{
    float: left;
    margin-top: 60px;
    width: 50%;
}



.text_hex
{
    width: 100%;
    margin-left: 25px;
}

.text_hex h2,#price_heading h2
{
    font-family: 'Roboto';
    font-size: 30px;
    font-weight: 500;
    color: #EF6D58;
    text-transform: uppercase;
    letter-spacing: normal;
}

.text_hex p{
    width: 540px;
}

.text_hex p,#price_heading p{
    margin-top: 20px;
    margin-bottom: 45px;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 30px;
    
}

.gallery_container{
    display: block;
    height: 900px;
    width: 50%;
    background-image: url("../elements/imgs/comp_bee.png");
    background-repeat: no-repeat;
    float: right;
    position: relative;
}

.gallery {
 
    --s: 210px; /* control the size */
 
--g: 5px;  /* control the gap */
 
display: grid;
 
margin: calc(var(--s) + var(--g));
 
position: absolute;
 
left: 0;
 
top: 120px;
}

.gallery > img {
  grid-area: 1/1;
  width: var(--s);
  aspect-ratio: 1.15;
  object-fit: cover;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%,75% 100%,25% 100%,0 50%);
  transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
  cursor: pointer;
  filter: grayscale(35%);
  transition: .2s linear;
}
.gallery > img:hover {
  filter: grayscale(0);
  z-index: 1;
  --_t: 1.2;
}

.gallery > img:nth-child(1) {--_y: calc(-100% - var(--g))}
.gallery > img:nth-child(7) {--_y: calc( 100% + var(--g))}
.gallery > img:nth-child(3),
.gallery > img:nth-child(5) {--_x: calc(-75% - .87*var(--g))}
.gallery > img:nth-child(4),
.gallery > img:nth-child(6) {--_x: calc( 75% + .87*var(--g))}
.gallery > img:nth-child(3),
.gallery > img:nth-child(4) {--_y: calc(-50% - .5*var(--g))}
.gallery > img:nth-child(5), 
.gallery > img:nth-child(6) {--_y: calc( 50% + .5*var(--g))}




#content_wrap
{
    width: 1100px;
    margin: 100px auto;
    height: 600px;
}

#left_section
{
    float: left;
    width: 400px;
    margin-top: 30px;
    /* margin-left: 200px; */
}

#right_section
{
    float: left;
    width: 600px;
}

#right_section img{
    position: absolute;
    right: 100px;
    height: 485px;
}

.enum_line{
    width: 400px;
    float: right;
    font-family: 'Roboto';
    margin-bottom: 25px;
    text-align: left;
}

.enum_line p{
   
font-size: 20px;
   
font-weight: 700;
   
line-height: 1.3;
   
/* margin-left: 12px; */
}

.enum_line  h2{
    font-size: 32px;
    font-weight: 700;

}

#price_heading
{
    /* margin-top: 100px; */
    /* padding: 50px 0px 0px 0px; */
    /* text-align: center; */
    padding: 0;
}

#prices{
    /* height: 800px; */
}

#price_wrap
{
    margin: 50px auto;
    width: 1200px;
}


#price_img{
    position: absolute;
    bottom: 0;
 
}
#price_img img{
width: 300px;
    position: absolute;
    left: 100px;
    height: auto;
}


.price_card
{
    
    display: block;
position: relative;
    
width: 380px;
    
height: 580px;
    
text-align: left;
    
float: left;
    
margin-right: 16px;
}

.price_card:first-child
{
    background-color: #9BBA1F;
    margin-left: 9px;
    -webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.price_card:nth-child(2)
{
    background-color: #FFA200;
}
.price_card:nth-child(3)
{
    background-color: #CA3535;
    margin-right: 0 !important;
    -webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.card_text
{
    cursor: default;
    margin: 40px auto;
    width: 360px;
}



.price_card p{
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 700;
   
    line-height: 1.4;
    color: #fff;
    margin-left: 65px;
}


.price_card_desc{
   
 
   
    text-transform: none;
}

.price_card_desc p{
    font-variant: normal;
       font-weight: normal;
        margin: 0;
    padding:  0;
     font-size: 17px;
}

.support_wrap
{
    width: 1200px;
    height: 820px;
    margin: 68px auto;
    position: relative;
}
#supp_img,#supp_context
{
    position: absolute;
    left: 25px;
    top: 107px;
    float: left;
}

#supp_context
{
 top: 200px;
 left: 28%;
}

#supp_img
{
    width: 300px;
}
#supp_img img{
    height: 700px;
}
.line_override
{
    width: 900px;
    display: flex;
    align-items: center;
    justify-content: normal;
}

.line_override p{
    margin-left: 15px;
}
#info_box
{
    cursor: default;
    margin-top: 50px;
    width: 850px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff4a;
    text-align: center;
}


#info_box h2{
    font-family: 'Open-Sans';
    font-size: 48px;
    font-weight: 700;
    padding: 10px;
    color: #EF6D58;
}
#info_box p{
    /* cursor: default; */
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto';
    text-align: left;
    line-height: 1.2;
    padding: 15px;
}


.info_brick
{
    width: 33%;
    height: 140px;
    float: left;
    position: unset;
    padding: 0;
}

.content_wrap
{
    margin: 120px auto;
    height: 150px;
    width: 80%;
}


#plus_info{
    text-align: center;
    margin-top: 15px;
    padding: 0;
}
.content_wrap span{font-weight: bold;}



.content_wrap span a{
    text-decoration: none;
    color: #CA3535;
}

.info_brick 
{
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}
.info_brick:nth-child(1)
{
    background-color: #9BBA1F;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-top: 0;
    height: 140px;
}

.info_brick:nth-child(2)
{
   background-color:  #FFA200;

}
.info_brick:nth-child(2) h4,.info_brick:nth-child(3) h4
{
    margin-top: 15px;
}


.info_brick:nth-child(3)
{
    background-color: #CA3535;
    -webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.info_brick i{
        line-height: 1.2;
        position: absolute;
        text-align: center;
        left: 0;
        /* padding: 8px; */
        color: #f1f1f1;
        cursor: default;
        width: 100%;
        font-size: 12px;
        margin: 0;
}


.info_brick h4{
    text-align: center;
    padding-bottom: 10px;
    /* height: 200px; */
    margin: 0;
}

.info_brick h3{
    width: 200px;
    letter-spacing: 5px;
    padding: 0;
    margin: 0;
    text-align: center;
}
.info_brick img{
    margin-left: 30px;
    margin-top: 10px;
    position: unset;
    height: auto;
}

.info_brick a{
    text-decoration: none;
    color: #fff;
    margin-top: 0;
}
.box_align
{
    
display: flex;
    
justify-content: space-between;
    
align-items: center;
    
flex-wrap: wrap;
    
align-content: center;
    
flex-direction: row;
}


.form_wrap
{
    width: 430px;
    height: 520px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffffa6;
    text-align: center;

}

.form_wrap h3
{
    font-family: 'Roboto';
    font-size: 20px;
    padding: 40px 40px 0px 40px;
    text-align: left;
    margin-top: 0px;
    color: #EF6D58;
}


.form_wrap form input:first-child
{
    margin-top: 50px;
}

.form_wrap form input{
     font-family: 'Roboto';
    width: 80%;
    height: 30px;
    border: 1px solid #F3D1BF;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.form_wrap textarea
{   
    margin: 0 auto;

    width: 80%;
    height: 130px;
    resize: none;
     border: 1px solid #F3D1BF;
      -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#btn{
    width: 140px !important;
    height: 50px;
    background-color: #CA3535;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.2px;
    transition: transform .2s;
    position: unset;
    margin-top: 30px;
}

#btn:hover{
    cursor: pointer;
    transform: scale(1.1);

}

.form_wrap
{
    float: left;
}
.map_wrap
{
    float: right;
}

.map_wrap
{
    
width: 45%;
    
text-align: left;
}

#last{
    width: 80%;
    margin: 0 auto;
}

.map_wrap h3
{
    text-transform: uppercase;
    color: #EF6D58;
    font-family: 'Roboto';
    font-size: 16px;
}

.map_wrap h1{
    font-size: 48px;
    font-weight: 500;
    padding: 15px 0px 20px 0px;
}

.map_wrap img{
    width: 100%;
}


footer{
    
margin-top: 50px;
}

#footer_wrap{
    width: 100%;
    border: 1px solid #7070707a;
    background-color: #ffffff80;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    height: 100px;
}

#footer_wrap a{
    text-decoration: none;
    font-weight: bold;
     color: #939393;
    
}


#footer_wrap a:hover{
    color: #CA3535;
   
}

#footer_wrap p{
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
     color: #939393;
     cursor: default;
}

footer ul{
    list-style-type: none;
    display: flex;
    justify-content: center;
}

footer ul li{
    padding: 30px !important;
}

}
/*DESKTOP ENDS*/