@charset "utf-8";
/* CSS Document */
:root{
	--color-white:#ffffff;
	--color-dark-grey:#2f2f2f;
	--color-medium-grey:#878787;
	--color-grey-1:#d2d2d2;
	--color-grey2:#575757;
	--color-gov-blue:#0ABADD;
	--color-env-green:#3DA435;
	--color-soc-orange:#EF7E25;
	--color-gov-light-blue:#b7f0fc;
	--color-env-light-green:#E2EDD9;
	--color-soc-light-orange:#fdeee3;
	--color-light-blue: #eaf2ff;
	--color-medium-blue: #6b8dc2;
	--color-corporate-blue: #005db5;
	--color-dark-blue: #022169;
	
} 
 
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap");

html, body {
  height: 100%;
  }

/*body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url("/Style Library/Images/icons/business_form.gif") url("/Style Library/Images/icons/commercial_printing.gif") url("/Style Library/Images/icons/digital_printing.gif") url("/Style Library/Images/icons/flexible_packaging.gif") url("/Style Library/Images/icons/food_service.gif") url("/Style Library/Images/icons/industrial_applications.gif") url("/Style Library/Images/icons/labelling.gif") url("/Style Library/Images/icons/packaging_and_bags.gif") url("/Style Library/Images/icons/premium_publishing_printing.gif") url("/Style Library/Images/icons/pressure_sensitive_materials.gif") url("/Style Library/Images/icons/thermal_printing.gif") url("/Style Library/Images/icons/wide_format.gif") url("/Style Library/Images/icons/inkjet.gif")
}*/

body {
    background-color: #f9f9f9;
    display: flex;
  	flex-direction: column;
}
h2 {
    font-family: "Playfair Display",arial,sans-serif;
    font-size: 38px; /*rev-typo 58*/
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #005db5!important;
}/*@agu 21-09-2021 home */

h3 {
    font-family: "Playfair Display",arial,sans-serif;
    font-size: 58px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #005db5
}

p {
    font-family: "Open Sans",arial,sans-serif;
    font-size: 16px; /*rev-typo 16*/
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    /*text-align: center*/ /*agu*/
}

.menu-out {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.lecta-main-container {
    /*max-width: 1900px;*/
    /*max-width: 1600px;*/
    margin: auto;
    padding: 0 60px
}

    .lecta-main-container .cta {
        background-color: #eaf2ff;
        font-family: "Open Sans",arial,sans-serif;
        font-size: 16px; /*rev-typo 18*/ 
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.39;
        letter-spacing: normal;
        text-align: center;
        color: #2f2f2f;
        box-sizing: border-box;
        display: inline-block;
        padding: 12px 60px;
        border: 0;
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease
    }

        .lecta-main-container .cta:hover {
            color: #000;
            text-decoration: none;
            filter: grayscale(90%)
        }

    .lecta-main-container .cta-blanco {
        border: 1px solid #ffffff;
        display: inline-block;
        margin: 42px auto 0 auto;
        padding: 15px 30px;
        font-family: "Open Sans",arial,sans-serif;
        font-size: 16px;	/*rev-typo 18*/
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.39;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease
    }

        .lecta-main-container .cta-blanco:hover {
            background-color: #fff;
            color: #005db5;
            opacity: 0.8;
            text-decoration: none
        }

    .lecta-main-container .noborder {
        border: 0 !important
    }

    .lecta-main-container header {
        max-width: 1900px;
        width: 100%;
        margin: auto;
        padding: 30px 60px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        background-color: #f9f9f9;
        z-index: 10
    }

        .lecta-main-container header > .row {
            position: relative
        }

        .lecta-main-container header .logo img {
            max-width: 195px
        }

        .lecta-main-container header .menu-header {
            padding-top: 15px
        }

        .lecta-main-container header .menu-second, .lecta-main-container header .menu-main {
            display: inline-block;
            padding: 0
        }

            .lecta-main-container header .menu-second li, .lecta-main-container header .menu-main li {
                display: inline-block;
                margin-right: 40px
            }

            .lecta-main-container header .menu-second a, .lecta-main-container header .menu-main a {
                font-family: "Open Sans",arial,sans-serif;
                font-size: 14px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #2f2f2f;
                text-transform: uppercase;
                padding-bottom: 6px;
                margin-top: 0;
                display: inline-block;
                -moz-appearance: none;
                -webkit-appearance: none
            }

            .lecta-main-container header .menu-second a, .lecta-main-container header .menu-main a {
                border-bottom: 3px solid #f9f9f9
            }

                .lecta-main-container header .menu-second a:hover, .lecta-main-container header .menu-main a:hover {
                    text-decoration: none;
                    border-bottom: 3px solid #005db5
                }

                .lecta-main-container header .menu-second a:focus, .lecta-main-container header .menu-main a:focus {
                    text-decoration: none;
                    border-bottom: 3px solid #005db5
                }

            .lecta-main-container header .menu-second li {
                display: inline-block;
                margin-right: 20px
            }
            
            .lecta-main-container header .menu-second a, .lecta-main-container header .menu-main a:first-child {
    		background-image: url(/Style Library/Images/select-arrow.png) !important;
    		background-repeat: no-repeat;
    		background-position: right 5px;
    		/*padding-right: 14px;*/
    		outline: none;
			}

        .lecta-main-container header .idioma {
            cursor: pointer;
            font-family: "Open Sans",arial,sans-serif;
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #2f2f2f;
            text-transform: uppercase;
            padding-bottom: 6px;
            margin-top: 0;
            display: inline-block;
            padding-right: 20px;
            background-image: url("/Style Library/Images/select-arrow.png");
            background-position: right 5px;
            background-repeat: no-repeat
        }

        .lecta-main-container header .idioma-select {
            display: none;
            position: absolute;
            padding: 6px 10px;
            background-color: #FFFFFF;
            border: 1px solid #2f2f2f;
            z-index: 1040; /*agu 27 se solapan con el segundo menú */
        }

            .lecta-main-container header .idioma-select li {
                display: block;
                width: 100%
            }

                .lecta-main-container header .idioma-select li a {
                    padding: 0;
                    margin: 4px 0;
                    font-family: "Open Sans",arial,sans-serif;
                    font-size: 14px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal
                }   


        .lecta-main-container header .seachContent {
            position: absolute;
            top: 39px;
            right: 60px;
            max-width: 8%
        }

            .lecta-main-container header .seachContent .buscador {
                display: inline-block;
                width: 100%;
                float: right;
                text-align: right
            }

                .lecta-main-container header .seachContent .buscador input[type=text] {
                    border: 0;
                    border-bottom: 1px solid #2f2f2f;
                    background-color: transparent;
                    width: 80%;
                    -webkit-appearance: none
                }

        .lecta-main-container header .menu-contents {
            margin-top: 28px;
            width: 99%;
            background-color: #ffffff;
            z-index: 15;
            max-width: 1900px;
            padding: 0 40px 40px 40px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
           /* border-bottom: 6px #f9f9f9 solid;*/
           
           /*SHADOW MWNU CMA*/
			-webkit-box-shadow: 0px 15px 20px -15px #979797;
			-moz-box-shadow: 0px 15px 20px -15px #979797;
			box-shadow: 0px 15px 20px -15px #979797; 
			position: absolute;
        }

            .lecta-main-container header .menu-contents .menu-content ul li {
                list-style: none
            }

            .lecta-main-container header .menu-contents .menu-content > div > ul {
                margin-top: 32px
            }

                .lecta-main-container header .menu-contents .menu-content > div > ul > li span {
                    font-family: "Open Sans",arial,sans-serif;
                    font-size: 22px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #005db5
                }

                .lecta-main-container header .menu-contents .menu-content > div > ul > li > ul > li {
                    margin-top: 17px
                }

                    .lecta-main-container header .menu-contents .menu-content > div > ul > li > ul > li a {
                        font-family: "Open Sans",arial,sans-serif;
                        font-size: 14px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        color: #2f2f2f;
                        text-transform: uppercase
                    }

            .lecta-main-container header .menu-contents .menu-content .destacado {
                margin-top: 30px;
                text-align: left
            }

                .lecta-main-container header .menu-contents .menu-content .destacado h4 {
                    font-family: "Open Sans",arial,sans-serif;
                    font-size: 16px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #005db5
                }

                .lecta-main-container header .menu-contents .menu-content .destacado p {
                    font-family: "Open Sans",arial,sans-serif;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #2f2f2f;
                    text-align: left
                }

            .lecta-main-container header .menu-contents .menu-content .over2, .lecta-main-container header .menu-contents .menu-content .over3, .lecta-main-container header .menu-contents .menu-content .over4, .lecta-main-container header .menu-contents .menu-content .over5, .lecta-main-container header .menu-contents .menu-content .over6 {
                display: none
            }

    .lecta-main-container .main-content {
        margin-top: 112px
    }

    .lecta-main-container .slider-wrapper {
        position: relative
    }

        .lecta-main-container .slider-wrapper .copi {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 720px;
            transform: translate(-50%, -50%);
            text-align: center;
            display: inline-block
        }

            .lecta-main-container .slider-wrapper .copi h2 {
                font-family: "Open Sans",arial,sans-serif;
                font-size: 22px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff !important;
            }/*@agu 21-09-2021 home */

            .lecta-main-container .slider-wrapper .copi h3 {
                margin: 25px auto 0 auto;
                font-family: "Playfair Display",arial,sans-serif;
                font-size: 58px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.09;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff
            }

            .lecta-main-container .slider-wrapper .copi p {
                margin: 35px auto 0 auto;
                color: #ffffff
            }

    .lecta-main-container .our-cataloge {
        background-color: #ffffff;
        padding: 30px 0 0 0
    }

        .lecta-main-container .our-cataloge .our-cataloge-search {
            max-width: 88%;
            margin: auto
        }

            .lecta-main-container .our-cataloge .our-cataloge-search .paper {
                border: 0;
                background-color: transparent;
                width: 100%;
                font-family: "Open Sans",arial,sans-serif;
                font-size: 16px; /*rev-typo 18 */
                line-height: 1.39;
                letter-spacing: normal;
                text-align: left;
                padding: 16px 0 4px 0;
                -webkit-appearance: none;
                cursor: pointer;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #2f2f2f;
                padding-bottom: 6px;
                margin-top: 15px;
                display: inline-block;
                background-image: url("/Style Library/Images/select-arrow.png");
                background-position: right 23px;
                background-repeat: no-repeat;
                width: 100%;
                text-align: left
            }

            .lecta-main-container .our-cataloge .our-cataloge-search .paper-select {
                display: none;
                position: absolute;
                padding: 6px 10px;
                background-color: #FFFFFF;
                border: 1px solid #2f2f2f;
                width: 100%;
                text-align: left;
                z-index: 9999; /*agu2309 restyling */
                top: 70px; /*agu2309 restyling */
				}
            }
				.lecta-main-container .our-cataloge .our-cataloge-search .paper-select ul {
                   list-style-type:none;
                } /*agu2309 restyling */


                .lecta-main-container .our-cataloge .our-cataloge-search .paper-select li {
                    display: block;
                    width: 100%;
                 }

                    .lecta-main-container .our-cataloge .our-cataloge-search .paper-select li a {
                        display: block;
                        padding: 4px 0;
                        margin: 4px 0;
                        font-family: "Open Sans",arial,sans-serif;
                        font-size: 14px;
                        font-weight: 600;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        color: #2f2f2f;
                    }

            .lecta-main-container .our-cataloge .our-cataloge-search p {
                color: #4a4a4a;
                /*margin-top: 40px;*/
                text-align: left;
                font-size:20px; /*rev-typo*/
            }

            .lecta-main-container .our-cataloge .our-cataloge-search input, .lecta-main-container .our-cataloge .our-cataloge-search .campo-submit, .lecta-main-container .our-cataloge .our-cataloge-search .campo {
                /*display: inline-block;*//*agu2109*/
                display: flex;
    			align-items: end;/*agu2109*/
    			align-content: end; /*agu2109*/
    			margin-bottom: 0px; /*agu2109*/
            }

            .lecta-main-container .our-cataloge .our-cataloge-search .campo {
                width: 34%;
                border-bottom: 1px solid #999999;
                margin-right: 12px;
                position: relative;
               	align-items: end; /*agu2109*/
    			align-content: end;/*agu2109*/
    		    display: flex;/*agu2109*/

            }
            div.campo-submit a {
            margin-bottom: -6px; /*agu2109*/
			}

                .lecta-main-container .our-cataloge .our-cataloge-search .campo input[type=text] {
                    border: 0;
                    background-color: transparent;
                    width: 100%;
                    font-family: "Open Sans",arial,sans-serif;
                    font-size: 16px; /*rev-typo 18 */
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.39;
                    letter-spacing: normal;
                    text-align: left;
                    padding: 2px 0 4px 0;
                    -webkit-appearance: none;
                    color:#4a4a4a;
          	   }

        .lecta-main-container .our-cataloge .our-cataloge-grid {
            max-width: 88%;
            padding: 80px 0 80px 0;
            margin: auto
        }

            .lecta-main-container .our-cataloge .our-cataloge-grid > div{
                min-height: 410px;
                text-align: center;
                border-right: solid 1px #6b8dc2;
                margin-bottom: 50px
            }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div a {
                    display: inline-block;
                    width: 100%
                }

                    .lecta-main-container .our-cataloge .our-cataloge-grid > div a:hover {
                        text-decoration: none
                    }

                        .lecta-main-container .our-cataloge .our-cataloge-grid > div a:hover .cta {
                            color: #000;
                            text-decoration: none;
                            filter: grayscale(90%)
                        }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div p {
                    text-decoration: none;
                    color: #333
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .imagen {
                    min-height: 140px;
                    padding: 40px 0;
                    position: relative;
                    background-repeat: no-repeat;
                    background-position: center center
                }

                    .lecta-main-container .our-cataloge .our-cataloge-grid > div .imagen img {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%)
                    }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div h4 {
                    font-family: "Open Sans",arial,sans-serif;
                    font-size: 20px; /*rev-typo 22*/
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: center;
                    color: #2f2f2f;
                    display: block;
                    position: relative;
                    height: 60px
                }

                    .lecta-main-container .our-cataloge .our-cataloge-grid > div h4 span {
                        position: absolute;
                        top: 50%;
                        left: 0;
                        width: 100%;
                        transform: translateY(-50%)
                    }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div p {
                    height: 120px;
                    display: block;
                    width: 85%;
                    margin: 22px auto;
                    text-align:center !important; /*restyling*/
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .business_form > div {
                    background-image: url("/Style Library/Images/icons/business_form.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .business_form:hover > div {
                    background-image: url("/Style Library/Images/icons/business_form.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .commercial_printing > div {
                    background-image: url("/Style Library/Images/icons/commercial_printing.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .commercial_printing:hover > div {
                    background-image: url("/Style Library/Images/icons/commercial_printing.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .digital_printing > div {
                    background-image: url("/Style Library/Images/icons/digital_printing.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .digital_printing:hover > div {
                    background-image: url("/Style Library/Images/icons/digital_printing.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .flexible_packaging > div {
                    background-image: url("/Style Library/Images/icons/flexible_packaging.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .flexible_packaging:hover > div {
                    background-image: url("/Style Library/Images/icons/flexible_packaging.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .food_service > div {
                    background-image: url("/Style Library/Images/icons/food_service.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .food_service:hover > div {
                    background-image: url("/Style Library/Images/icons/food_service.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .industrial_applications > div {
                    background-image: url("/Style Library/Images/icons/industrial_applications.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .industrial_applications:hover > div {
                    background-image: url("/Style Library/Images/icons/industrial_applications.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .labelling > div {
                    background-image: url("/Style Library/Images/icons/labelling.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .labelling:hover > div {
                    background-image: url("/Style Library/Images/icons/labelling.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .packaging_and_bags > div {
                    background-image: url("/Style Library/Images/icons/packaging_and_bags.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .packaging_and_bags:hover > div {
                    background-image: url("/Style Library/Images/icons/packaging_and_bags.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .premium_publishing_printing > div {
                    background-image: url("/Style Library/Images/icons/premium_publishing_printing.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .premium_publishing_printing:hover > div {
                    background-image: url("/Style Library/Images/icons/premium_publishing_printing.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .pressure_sensitive_materials > div {
                    background-image: url("/Style Library/Images/icons/pressure_sensitive_materials.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .pressure_sensitive_materials:hover > div {
                    background-image: url("/Style Library/Images/icons/pressure_sensitive_materials.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .thermal_printing > div {
                    background-image: url("/Style Library/Images/icons/thermal_printing.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .thermal_printing:hover > div {
                    background-image: url("/Style Library/Images/icons/thermal_printing.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .wide_format > div {
                    background-image: url("/Style Library/Images/icons/wide_format.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .wide_format:hover > div {
                    background-image: url("/Style Library/Images/icons/wide_format.gif")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .inkjet > div {
                    background-image: url("/Style Library/Images/icons/inkjet.png")
                }

                .lecta-main-container .our-cataloge .our-cataloge-grid > div .inkjet:hover > div {
                    background-image: url("/Style Library/Images/icons/inkjet.gif")
                }

    .lecta-main-container .banner-environment {
        position: relative;
        margin:0 auto;
    }

        .lecta-main-container .banner-environment > div {
            padding: 0;
            margin-left: -15px !important;
        }

        .lecta-main-container .banner-environment .copi {
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            width: 100%
        }
           .lecta-main-container .banner-environment .copi h2 {
                font-family: "Playfair Display",arial,sans-serif;
                font-size:28px; /*1.5vw;*/ /*rev-typo*/
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff
            }/*@agu 21-09-2021 home */



            .lecta-main-container .banner-environment .copi h3 {
                font-family: "Playfair Display",arial,sans-serif;
                font-size:28px; /*1.5vw;*/	/*rev-typo*/
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff
            }

            .lecta-main-container .banner-environment .copi .cta-blanco {
                margin-top: 12px
            }

    .lecta-main-container .news {
        padding: 0;
        text-align: center;
        max-width: 90%;
        margin: auto;
        padding: 90px 0 40px 0;
        clear: both
    }

        .lecta-main-container .news h2, .lecta-main-container .news p {
            text-align: left;
         }/*@agu 21-09-2021 home */
        .lecta-main-container .news h2.news-home-title{ /*rev-typo*/
            font-size:38px;
         }
		 .lecta-main-container .news p.news-home-title{	/*rev-typo*/
			font-size:20px;
		}

        .lecta-main-container .news h3, .lecta-main-container .news p {
            text-align: left;
        }

        .lecta-main-container .news .cta {
            margin-top: 60px
        }

                
            .lecta-main-container .news .new > div span {
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #4a4a4a
            }

            .lecta-main-container .news .new > div h5 {
                text-align: left;
                font-family: "Playfair Display",arial,sans-serif;
                font-size: 25px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #005db5
            }

            .lecta-main-container .news .new > div p {
                text-align: left
            }

    .lecta-main-container .blue-bg {
        clear: both;
        display: block;
        position: absolute;
        width: 100%;
        z-index: 1;
        height: 440px;
        /*background-color: #eaf2ff*/ /* oculto hasta publicar el blog */
    }
    .basicBasicLayout .inside-lecta-wrapper .blue-bg{ /* restyling 2021 */
	 	clear: both;
        display: block;
        position: absolute;
        width: 100%;
        z-index: 1;
        height: 440px;
        background-color:#eaf2ff!important;
	}

    .lecta-main-container .inside-lecta-wrapper {
        clear: both;
        position: relative;
        /*padding: 40px 0 80px 0*/  /* oculto hasta publicar el blog */
    }
    .lecta-main-container .inside-lecta-wrapper hr{
		border-top:none!important;  /* hasta publicar el blog */
	}
    .lecta-main-container .inside-lecta {
        padding: 0;
        text-align: center;
        /*max-width: 90%;*/  
        margin: auto;
        /*padding: 90px 0 40px 0;*/
        clear: both;
        position: relative;
        z-index: 2
    }
        .lecta-main-container .inside-lecta h2, .lecta-main-container .inside-lecta p {
            text-align: left
        }/*@agu 21-09-2021 home */

        .lecta-main-container .inside-lecta h3, .lecta-main-container .inside-lecta p {
            text-align: left
        }
        

        .lecta-main-container .inside-lecta .title a {
            text-decoration: underline
        }

        .lecta-main-container .inside-lecta .title h2 a {
            color: #005db5;
            border-bottom: 1px solid #005db5;
            text-decoration: none;
            line-height: 56px;
            display: inline-block
        }

        .lecta-main-container .inside-lecta .new > div {
            width: 98%;
            float: right;
            background-color: #ffffff;
            padding: 20px 30px;
            margin-right: 20px;
            filter: drop-shadow(0px 8px 8px #ccc);
            z-index: 2;
            position: relative;
            margin-top: 30px;
            text-align: left
        }

            .lecta-main-container .inside-lecta .new > div span {
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #4a4a4a
            }

            .lecta-main-container .inside-lecta .new > div h5 {
                text-align: left;
                font-family: "Playfair Display",arial,sans-serif;
                font-size: 25px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #005db5
            }

            .lecta-main-container .inside-lecta .new > div p {
                text-align: left
            }

            .lecta-main-container .inside-lecta .new > div .cta {
                float: right
            }

    /*.lecta-main-container .join-us {
        padding-top: 50px
    }*/

        .lecta-main-container .join-us .rrss-boxes a {
            display: inline-block;
            width: 200px;
            background-color: #ffffff;
            text-align: center;
            filter: drop-shadow(0px 8px 8px #ccc);
            margin: -5vw 12px;
            padding: 0 0 15px 0;
            text-decoration: none;
            transition: all 0.5s ease
        }

            .lecta-main-container .join-us .rrss-boxes a .rrss-title {
                font-family: "Open Sans",arial,sans-serif;
                display: block;
                clear: both;
                width: 100%;
                font-size: 20px; /*rev-typo 22*/
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                letter-spacing: normal;
                text-align: center;
                color: #2f2f2f;
                line-height: 24px;
                padding-bottom: 26px
            }

            .lecta-main-container .join-us .rrss-boxes a img {
                max-height: 86px;
                padding: 30px 0 20px 0
            }

            .lecta-main-container .join-us .rrss-boxes a:hover {
                filter: drop-shadow(0px 8px 8px #ccc) grayscale(100%)
            }

        .lecta-main-container .join-us .rrss-boxes .cta {
            padding: 12px 20px;
            width: 80%;
            margin: auto
        }

    .lecta-main-container.admin header {
        z-index: 1;
        top: auto;
        position: inherit;
        left: auto;
        transform: none;
        padding: 30px 0
    }

    .lecta-main-container.admin .main-content {
        margin-top: 0
    }
    

@media screen and (max-width: 450px){ 
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-direction: column;
}
.w-60 { width: 100% !important; display:block; }
.w-40 { width: 100% !important; display:block; }

.contenedorTextB-02 {margin: 30px; padding-left: 0px/* controla los textos; */;
 }
.titleB2{text-align: center !important;/* controla los textos */}
.paB2-1 {text-align: center !important; display:none;/* controla parrafo */ }
.paB2-2{margin-top:20px/* controla parrafo */}
.grey-title { text-align: center !important; display:none;}
a.btn.btn-cta{  margin:0 30%; position:relative}
 
.slide-arrow { display:none  !important;	}

.our-cataloge .our-cataloge-search .cta {
        padding: 12px 40px;   }
.col-lg-8 {
    display: flex;
    flex-direction: column;
}
footer .footer1 {
    padding: 20px 0px !important;
    margin:0 !important;
}

footer .footer1 .websites-select, footer .footer1 .ecommerce-select {
    position: static !important; 
    z-index: 3;
    margin: 0 auto;
} 	
} 

footer {
    width: 100%;
    position: relative; /*@aguuuu*/
    bottom: 0 !important; /*@aguuuu*/
    margin-bottom:0 !important;
    /*flex-shrink: 0;*/
    margin-top:6%;
    /*z-index: -1 !important;*/

}

    footer .footer1 {
        width: 100%;
        background-color: #fff;
        padding: 40px 60px;
        margin:0;
          		
    }

        footer .footer1 > div {
            width: 90%;
            margin: auto; 

        }

            footer .footer1 > div > div {
                padding: 0
            }

        footer .footer1 .websites, footer .footer1 .ecommerce {
            cursor: pointer;
            font-family: "Open Sans",arial,sans-serif;
            font-size: 16px!important; /*rev-typo 14*/
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #2f2f2f;
            padding-bottom: 6px;
            margin-top: 15px;
            display: inline-block;
            padding-right: 20px;
            background-image: url("/Style Library/Images/select-arrow.png");
            background-position: right 5px;
            background-repeat: no-repeat
        }

        footer .footer1 .websites.openFooter, 
        footer .footer1 .ecommerce.openFooter {
			background-image: url("/Style Library/Images/select-arrow.png");
            background-position: left 5px;
            background-repeat: no-repeat;
            transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
			-webkit-transform:rotate(180deg);
			display:inline-block;
			padding-right:0;
			padding-bottom:0;
		}
	
		footer .footer1 .websites.openFooter span, 
		footer .footer1 .ecommerce.openFooter span {
			transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
			-webkit-transform:rotate(180deg);
			display:inline-block;
			padding-right:20px;
		}
				
        footer .footer1 .websites-select, 
        footer .footer1 .ecommerce-select {
            display: none;
            position: absolute;
            padding: 6px 10px;
            background-color: #FFFFFF;
            border: 1px solid #2f2f2f
        }
        footer .footer1 .websites-select,
        footer .footer1 .ecommerce-select{
			bottom:50px;
		}
		footer .footer1 .websites-select .open,
		footer .footer1 .ecommerce-select .open{
			transform: rotate(180deg);
	    	-ms-transform: rotate(180deg);
    		-webkit-transform: rotate(180deg);
		}
		        

            footer .footer1 .websites-select li, footer .footer1 .ecommerce-select li {
                display: block;
                width: 100%
            }

                footer .footer1 .websites-select li a, footer .footer1 .ecommerce-select li a {
                    padding: 0;
                    margin: 4px 0;
                    font-family: "Open Sans",arial,sans-serif;
                    font-size: 14px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal
                }

        footer .footer1 .menu {
            margin-top: 15px;
            display: inline-block;
            padding: 0
        }

            footer .footer1 .menu li {
                display: inline-block;
                margin-right: 40px
            }

            footer .footer1 .menu select, footer .footer1 .menu a {
                font-family: "Open Sans",arial,sans-serif;
                font-size: 16px; /*rev-typo 14*/
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #2f2f2f;
                border: 0;
                -moz-appearance: none;
                -webkit-appearance: none
            }

            footer .footer1 .menu select {
                background-image: url("/Style Library/Images/select-arrow.png");
                background-repeat: no-repeat;
                background-position: right 5px;
                padding-right: 14px;
                outline: none
            }

        footer .footer1 .menu-rrss {
            float: right
        }

            footer .footer1 .menu-rrss li {
                display: inline-block;
                margin-left: 20px
            }
            
	            footer .footer1 .menu-rrss li:nth-child(3) {
	                display:none;/*Ocultar twitter*/
	            }


	                footer .footer1 .menu-rrss li a {
	                    font-family: "Open Sans",arial,sans-serif
	                }
	
	                    footer .footer1 .menu-rrss li a:hover {
	                        opacity: 0.8
	                    }

    footer .footer2 {
        width: 100%;
        /*background-color: #fff;*/
        padding: 10px 60px 4px 60px;
        margin: auto;
        background-color: #005db5
    }

        footer .footer2 > div {
            width: 90%;
            margin: auto
        }

            footer .footer2 > div > div {
                padding: 0
            }

        footer .footer2 ul {
            padding: 0
        }

        footer .footer2 li {
            display: inline-block
        }

            footer .footer2 li a {
                color: #fff;
                margin-right: 20px
            }


@media screen and (min-width: 1400px) and (max-height: 300px) {
   footer {
    display: none
    }
}


@media screen and (max-width: 1300px) {
	.lecta-main-container header .logo img{
		max-width:145px;
	}
	header .menu-header .menu-main li{
		margin-right:7px;
	}
	header .menu-header div:first-child{
		padding: auto 0;	
	}
	
}


@media screen and (max-width: 1200px) {
    header .menu-header .menu-second li, header .menu-header .menu-main li {
        margin-right: 20px
    }
}

@media screen and (max-width: 1080px) {
    header .menu-header .menu-second li, header .menu-header .menu-main li {
        margin-right: 12px
    }
      

}


@media screen and (max-width: 991px) {
	.lectaProductLayout .noborder-mobile,
	.lectaProductLayout .noborder{
		border-right:0px!important;
	}
	.w-60{
		margin-left:0!important;
	}
	.contenedorImagenB-02 img{
		max-width:initial!important;
	}
    .lecta-main-container {padding: 0;}
    
    .lecta-main-container header {
           text-align: center; padding: 30px 20px;
          /*margin-left: -2px;*/
     }

     .lecta-main-container header .menu-header {
              display: none;
              background-color: #fff;
              clear: both;
              margin-top: 80px;
            }

      .lecta-main-container header .menu-header .menu-second, .lecta-main-container header .menu-header .menu-main {
           margin-top: 30px;
                }

       .lecta-main-container header .menu-header .menu-second li, .lecta-main-container header .menu-header .menu-main li {
            display: block;
            margin-right: 0px;
            width: 100%
                    }
                    .lecta-main-container header .menu-second a, .lecta-main-container header .menu-main a:first-child {
    				padding-right: 5px;    }

            .lecta-main-container header .seachContent {
                display: none;
                padding-bottom: 60px;
                background-color: #fff;
                position: static;
                top: 0;
                right: 0;
                max-width: inherit;
                text-align: center;
                width: 98vw;
                margin: 0 -15px
            }

                .lecta-main-container header .seachContent .buscador {
                    display: inline-block;
                    margin: 30px auto 20px auto;
                    width: 70%;
                    float: none
                }

        .lecta-main-container .menu-main-mobile {
            position: absolute;
            right: 10px;
            top: 15px;
            display: inline-block;
            width: 30px;
            height: 20px;
            z-index: 2
        }

            .lecta-main-container .menu-main-mobile span {
                width: 100%;
                height: 4px;
                border-radius: 4px;
                display: block;
                position: absolute;
                background: #005db5;
                transition: all 0.25s ease;
                transform-origin: 0px 100%
            }

                .lecta-main-container .menu-main-mobile span:nth-child(2) {
                    top: calc(50% )
                }

                .lecta-main-container .menu-main-mobile span:nth-child(3) {
                    bottom: -3px
                }

            .lecta-main-container .menu-main-mobile.open span:nth-child(1) {
                top: 0;
                left: 27px;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                transform: rotate(135deg)
            }

            .lecta-main-container .menu-main-mobile.open span:nth-child(2) {
                opacity: 0;
                left: 30px
            }

            .lecta-main-container .menu-main-mobile.open span:nth-child(3) {
                top: 21px;
                left: 30px;
                -webkit-transform: rotate(-135deg);
                -moz-transform: rotate(-135deg);
                -o-transform: rotate(-135deg);
                transform: rotate(-135deg)
            }

        .lecta-main-container .slider-wrapper .slide-arrow {
            top: 63%
        }

        .lecta-main-container .slider-wrapper .copi {
            width: 90%;
            margin: auto
        }

            .lecta-main-container .slider-wrapper .copi .cta-blanco {
                width: 85%;
                margin: 100px auto 0 auto
            }

        .lecta-main-container .our-cataloge .our-cataloge-search {
            max-width: 100%
        }

            .lecta-main-container .our-cataloge .our-cataloge-search .campo {
                width: 100%;
                margin-top: 20px
            }

            .lecta-main-container .our-cataloge .our-cataloge-search .cta {
                margin: 40px auto 0 auto;
                display: block
            }

        .lecta-main-container .our-cataloge .our-cataloge-grid {
            max-width: 100%
        }

            .lecta-main-container .our-cataloge .our-cataloge-grid > div {
                min-height: 265px
            }

        .lecta-main-container .banner-environment > div {
            /*max-width: 380px;*/
            margin: auto;
            float: non;
            margin-left: 0px !important;
        }

        .lecta-main-container .banner-environment .copi {
            top: 5%;
            left: 50%;
            transform: translateX(-50%);
            width: 95%;
            margin: auto
        }
			  .lecta-main-container .banner-environment .copi h2 {
                font-size: 24px;
                padding: 25px 60px
            }/*@agu 21-09-2021 home */


            .lecta-main-container .banner-environment .copi h3 {
                /*font-size: 24px;
                padding: 25px 60px;*/ 
                font-size: 6vw; /*resty@agu*/
    			padding: 25px 20px;/*resty@agu*/
            }
             .lecta-main-container .banner-environment .copi h2 br {
                    content: " ";
                    display: inline-block
                }/*@agu 21-09-2021 home */



                .lecta-main-container .banner-environment .copi h3 br {
                    content: " ";
                    display: inline-block
                }

            .lecta-main-container .banner-environment .copi .cta-blanco {
                width: 85%
            }

        .lecta-main-container .banner-environment img {
            width: 100%
        }

        .lecta-main-container .news {
            max-width: 100%
        }

            .lecta-main-container .news .new {
                margin-top: 30px
            }

                .lecta-main-container .news .new > div {
                    width: 100%;
                    margin: 120px auto 30px auto
                }

                .lecta-main-container .news .new img {
                    width: 100%
                }

            .lecta-main-container .news .cta {
                width: 85%;
                margin: 20px auto 40px auto
            }

        .lecta-main-container .blue-bg {
            height: 45%
        }

        .lecta-main-container .inside-lecta {
            width: 100%;
            max-width: 100%
        }

            .lecta-main-container .inside-lecta .new {
                margin-bottom: 30px
            }

                .lecta-main-container .inside-lecta .new > div {
                    float: none;
                    margin: 30px auto 0 auto
                }

                    .lecta-main-container .inside-lecta .new > div .cta {
                        float: none;
                        width: 100%;
                        display: block;
                        margin: auto
                    }

        .lecta-main-container .join-us {
            clear: both
        }
            .lecta-main-container .join-us h2 {
                padding-right: 15px;
                padding-left: 15px
            }/*@agu 21-09-2021 home */


            .lecta-main-container .join-us h3 {
                padding-right: 15px;
                padding-left: 15px
            }

            .lecta-main-container .join-us .rrss-boxes {
                /*margin-top: -150vw;*/
                margin-top: -700px;

            }

                .lecta-main-container .join-us .rrss-boxes a {
                    clear: both;
                    display: block;
                    margin: 40px auto
                }
    footer {
    width: 100%;
    position: relative; /*@aguuuu*/
    bottom: 0; /*@aguuuu*/
}
            

    footer .footer1 .menu {
        width: 100%;
        margin-bottom: 20px
    }

        footer .footer1 .menu li {
            display: block;
            margin: 15px 0;
            text-align: center;
            width: 100%;
            max-width: 100%
        }

    footer .footer1 .menu-rrss {
        float: none;
        padding: 0;
        text-align: center
    }

        footer .footer1 .menu-rrss li {
            margin: 0 15px
        }

    footer .footer2 {
        padding: 25px 60px
    }

        footer .footer2 .menu-footer {
            width: 100%;
            margin-bottom: 20px
        }

            footer .footer2 .menu-footer li {
                display: block;
                margin: 15px 0;
                text-align: center;
                width: 100%;
                max-width: 100%
            }

                footer .footer2 .menu-footer li a {
                    margin: auto
                }
 .col-lg-8 {
    display: flex;
    flex-direction: column;
}
footer .footer1 {
    padding: 20px 0px !important;
    margin:0 !important;
}

footer .footer1 .websites-select, footer .footer1 .ecommerce-select {
    position: static !important; 
    z-index: 3;
    margin: 0 auto;
} 
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-direction: column;
}

 
.slide-arrow { display:none  !important;	}
              
} /******** FIN-----@media screen and (max-width: 991px) ---*/

/*@agu 22/09/2021 ------------------- INI@BANNER-02 --------------------- */
/*@agu 29/09/2021 ------------------- INI@BANNER-02 --------------------- */
/*@agu 30/09/2021 ------------------- INI@BANNER-02 --------------------- */
.b-02 { padding: 0 0 /* controla el container general */ }
.w-60 {width:33.33%;margin-left:16.66%;}	/*{ width: 60%; }*/
.w-40 {width:33.33%;margin-right:16.66%;}	/*{ width: 40%; }*/
.contenedorImagenB-02 { width:100%; /* controla la imagen */ }
.contenedorTextB-02 { margin: 50% 0; padding-left: 30px/* controla los textos */ }
.contenedorImagenB-02 img{max-width: 585px;max-height :1084px;}
.titleB2{font-size: 38px; margin-top:20px/* controla los textos */}
.paB2-1 {text-transform: uppercase; color: #0059B9; font-size:22px; font-weight:600;margin-bottom:30px;/* controla parrafo */}
.paB2-2{margin-top:20px;margin-bottom:30px;/* controla parrafo */}
.grey-title {/* solo color */}
a.btn.btn-cta{ background-color: #eaf2ff;
    font-family: "Open Sans",arial,sans-serif; font-size: 16px; /*rev-typo 18*/
    font-weight: normal; font-stretch: normal; font-style: normal;
    line-height: 1.39; letter-spacing: normal; text-align: center;
    color: #2f2f2f; display: inline-block; padding: 12px 30px; border: 0;
    -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.btn .btn-cta:hover {color: #000; text-decoration: none; filter: grayscale(90%); }
/* boton generico */
@media screen and (max-width: 991px){ 
.w-60 { width: 100% !important; display:block; }
.w-40 { width: 100% !important; display:block; }
.contenedorImagenB-02 { width:100%; /* controla la imagen */ }
.contenedorTextB-02 {margin: 4% auto; padding-left: 0px; text-align: center;/* controla los textos */ }
.titleB2{font-size: 38px; margin:40px 0px  !important; text-align:center/* controla los textos */}
.paB2-1 {display: none; /* controla parrafo */}
.paB2-2{display: none; /* controla parrafo */}
.contenedorTextB-02 a.btn.btn-cta{ /* controla boton */  }
} /************* @media screen and (max-width: 991px) */
@media screen and (max-width: 450px){ 
.w-60 { width: 100% !important; display:block; }
.w-40 { width: 100% !important; display:block; }
.contenedorImagenB-02 { width:100%; /* controla la imagen */ }
.contenedorTextB-02 {margin: 4% auto; padding-left: 0px; text-align: center; /* controla los textos */ }
.titleB2{font-size: 38px; margin:30px 10px !important; text-align:center /* controla los textos */}
.paB2-1 {display: none; /* controla parrafo */}
.paB2-2{display: none; /* controla parrafo */}
.contenedorTextB-02 a.btn.btn-cta{ /* controla boton */  }
} /************* @media screen and (max-width: 450px) */
/*@agu 22/09/2021 ------------------- END@BANNER-02 --------------------- */




/*-------------------------@aguuuuuuu resty para main---------------------------------------------------*/

.content-results {
 	position: absolute;
 	/*position:static;*/
    width: 100%;
    text-align: left;
    top:70px;/*agu2309 restyling */   
    z-index: 9999;/*agu2309 restyling */
}
.textCat {
	margin-top: 32px;
	}
	
.video-container {
	margin-bottom: 1.4em;
	/*position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	margin-bottom: 25px;*/ /*agu2309 */
}

.video-container iframe, .video-container object, .video-container embed {
	/*position:absolute;*/
	top:0;
	left:0;
	width:100%;
	}

.ms-rtestate-field {
 margin: 0 15px 0 15px;
}

/*---------------- NEWS LINK FIXED ----------------*/
/*---------------- NEWS LINK  ----------------*/
/*---------------- NEWS LINK  ----------------*/
/*Enlace*/
.lecta-main-container .newHomeLink {
    display: flex;	    
    align-items: flex-start;
}
.lecta-main-container .newHomeLink:hover {
    text-decoration:none;
}
/* Imagen*/
.lecta-main-container .news .new img {
    position: static;
    width: 100%;
    padding-right: 18%;
    flex: none;
}

/* Texto*/		
.lecta-main-container .newHome {
    width: 75%;
    background-color: #ffffff;
    padding: 20px 30px;
    margin-right: 20px;
    filter: drop-shadow(3px 1px 4px #ccc);
    position: relative;
    margin-top: 100px;
    text-align: left;
    margin-left:-75%;
}

.newHome02   {
    /* controla la fecha*/
    font-size: 12px; /*rev-typo 12*/
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    text-align:left !important;
}

.newHome03   {
    /* controla el titulo*/
    text-align: left;
    font-family: "Playfair Display",arial,sans-serif;
    font-size: 22px; /*rev-typo 25*/
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005db5;
}

.newHome04   {
    /* controla el parrafo*/
    font-family: "Open Sans",arial,sans-serif;
    font-size: 16px; /*rev-typo 18*/
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align:left !important;
    padding-left:0!important;    
}
p.newHome04 {
	/* controla el parrafo link*/
    color: #2f2f2f;
}

    
/*---------------- NEWS LINK FIXED ----------------*/  
/*---------------- NEWS LINK ----------------*/       
/*---------------- NEWS LINK ----------------*/
    
@media screen and (max-width: 768px){
	/*Enlace*/
	.lecta-main-container .newHomeLink {
		flex-wrap: wrap;
    	background: #ffffff;
    	filter: drop-shadow(3px 1px 4px #ccc);
	}
	
	/* Imagen*/
	.lecta-main-container .news .new img {
	    padding-right: 0;
	}
	
	/* Texto*/		
	.lecta-main-container .newHome {
	    width: 100%;
	    margin-right: 0;
	    filter: none;
	    margin-top: 0;
	    margin-left:0;
	} 
	
}


/*------ @SECCION homeBusca  --------*/
/*------ @SECCION homeBusca  --------*/
.buscaFlex {display: flex; min-width:650px}/* box controla la sección */
@media screen and (max-width: 991px){
.buscaFlex {display: flex; flex-direction: column; min-width:100%}/* box controla la sección */
}
/*------ end@SECCION homeBusca  -----*/
/*------ end@SECCION homeBusca  -----*/





/*@agu---------------- PANTALLAS GRANDES  ----------------*/
@media (min-width: 1920px){ 
.lecta-main-container  {
    max-width: 1900px !important;
    width: 100%;
}
.container { 
	width: 88%; 
	margin: auto; 
	max-width: 1700px;
}
.objectives-lower-section .container{
	width:100%;
}
.lecta-main-container .banner-environment  {
    position: relative;
    margin: 0 auto;
   /* max-width: 1700px !important;*/
    width: 88%;
}
footer {
    width: 100%;
    position: relative;
    bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top:6%;
    }
} 


/* teaser productos relacionados */

.basicBasicLayout .ms-rtestate-field .title{
	padding-top:50px!important;
	padding:50px 6% 0 7%!important;
}

.content-results{ 
	/*position: static; */
	background-color: #FFFFFF; 
	width: 100%; 
	text-align: left; 
	z-index: 9999; 
	top: 70px; 
}


/* border media página grades */
@media screen and (max-width: 768px) {
	.gradecontent .product-overview { 
		border-bottom: solid 1px #6b8dc2!important;
		border-right:none!important;
	}
	
	/*.lecta-main-container .noborder-mobile{
    	border: 0px !important
    }*/

}

/*INICI BANNER 750*/

.slick-slide .w-40 {
	position: relative;
}

.slick-slide .w-40 .contenedorTextB-02 {
	margin: 0;
	padding-left: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
	.slick-slide .w-40 .contenedorTextB-02 {
		position: inherit;
		top: 0;
		transform: none;
		padding: 0 30px 30px 30px;
	}
}



/*FI BANNER 750*/




/* SOSTENIBILITAT 2022 - ANNEX */

/* targets */

@media screen and (max-width: 536px){
	.imt-1{
		margin-top:1em;
		}
}
@media screen and (min-width: 992px) {
	.stargets img{
	    max-width:60px;
	    margin-left: 5px;
	}
	.two-rows-icons{
		/*display:flex;
		flex-direction:row;*/
	}
	.two-rows-icons section:nth-child(2){
			margin-top:8px;
	}
	.two-rows-icons section:nth-child(3){
			margin-top:0!important;
	}

}
@media screen and (min-width: 1150px) {
	.stargets img{
	    /*max-width:70px;*/
	    margin-left: 5px;
	}
}



@screen and (min-width: 1350px){
	.two-rows-icons{
	
	}
}





/* Governance */
@media screen and (min-width: 992px) {
	.ethics{
	margin-top:10%;
	}
	

}
.ethic-links .class="graficoSostenibilidad watermanagement-first{
	display:none;
}
.graficoSostenibilidad.watermanagement-second.ethics{
	margin-top:4%;
}

.graficoSostenibilidad.watermanagement-first.ethics{
	display:none;	
}


.ethic-links{
	background-color:white!important;
}
.ethic-links ul {
  list-style: none;
}

.ethics-1a ul li::before {
	content: "●"; 
	color: #2f2f2f!important;
	display: inline-block; 
	list-style-type: disc;
	width: 1em;
	margin-left: -1em;
}
.ethics .notes ul.small-bullets{
	padding-left: 0;
    font-size: 12px;

}

.ethic-links ul.small-bullets li::before {
	content: "•"; 
	color: #2f2f2f!important;
	display: inline-block; 
	list-style-type: disc;
}
.ethic-links ul.small-bullets li span{
	color:#7b7b7b;
	font-weight:400;
}


.graficoSostenibilidad.ethics .table-row>div{
	color:#2f2f2f;
}
.ethic-links .notes ol {
	color:var(--color-gov-blue);
}
.ethic-links .bg-links{
	background-color:white;
}
.ethic-links .bg-links ul{
	padding-left:5px;
}

/* ETHICS 2 */

.ethics-2 .pulpfiber-first .white{
	color:var(--color-white);
}

.ethics-2 .pulpfiber-first .ma-10{
	margin-top:10px;
	margin-bottom:0;
}
.ethics-2 .ethics-2-i{
	display:flex;
}
.ethics-2-i .icons{
	display:flex;
	flex-direction:column;
	margint-top:0;
	
}


.ethics-2 .graficoSostenibilidad.pulpfiber .card1 .title-card1 .year{
    font-size: 30px;
    line-height: normal;
}

.ethics-2 .graficoSostenibilidad.pulpfiber .card1 .numberlist, .ethics-2 .graficoSostenibilidad.pulpfiber .card1 p{
    color: #878787!important;
}



.ethics-2 .graficoSostenibilidad.pulpfiber .blue-light-bg{
	background-color:var(--color-gov-light-blue)!important;
}
.ethics-2 .graficoSostenibilidad.pulpfiber .card2 ul,
.ethics-2 .graficoSostenibilidad.pulpfiber .card3 ul{
	padding-left:0;

}
.ethics-1a,
.ethics-1b,
.mtn-1{
	margin-top:1em;	
}



.gov-structure{
	font-family:"Open Sans",arial,sans-serif;
	margin:2em auto 0.3em;
}
.gov-structure article{
	margin-bottom:1em;
	padding:1em 5em 0.3em;
	border-radius: 100px;
}
.gov-structure ul{
	padding-left:20px;
}

.gov-structure .art-1{
	background-color:#173173;
}
.gov-structure .art-2,
.gov-structure .art-3{
	background-color:#005db5;
}
.gov-structure .art-4,
.gov-structure .art-5{
	background-color:var(--color-gov-blue);
}
.gov-structure .art-6,
.gov-structure .art-7{
	background-color:#6B8DC2;
}
.gov-structure .head{
	font-size:1em;
	font-weight:700;
	margin-bottom: 0;
}
.gov-structure .art-6 .head,
.gov-structure .art-7 .head{
	/*color:var(--color-gov-blue);*/
}
.gov-structure .blue{
	color:#173173;
}
.gov-structure .white{
	color:var(--color-white);
}



/* lecta-restyling 2023 */
.w-700{
	max-width: 700px;
	margin: 3rem auto;
}
.icons,
.notes {
	color: var(--color-medium-grey);
}
.watermanagement-second .table-subhead div:first-child{
	/*flex-basis: 154px;*/
}

.gray{
	color: var(--color-medium-grey);
}

/* fin Lecta-restyling 2023*/


/* ---------------------------------------------Sostenibilidad 2024-gov------------------------------------*/

.grid-be, .grid-rs{
	max-width: 818px;
    margin: 0 auto;
    margin-top: 40px;
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    grid-template-areas:"card1 card2 card2 card3 card4";
        
}
/*
.grid-be{
 grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-template-areas:"card1 card2 card3 card4";


.grid-rs{
 grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
        "card1 card2 card2 card3 card4";
}}*/
.grid-be .card1,
.grid-be .card2,
.grid-be .card3,
.grid-rs .card1,
.grid-rs .card2,
.grid-rs .card3, 
.grid-rs .card4{
	
    color: #878787;
    border-left: 8px solid #878787;
    background-color:transparent;
    padding: 0 14px;
}


.grid-be .card1, .grid-rs .card1{
	grid-area:card1;
}

.grid-be .card1 .year, .grid-rs .card1 .year{
	font-size: 30px;
    display: block;
}

.grid-be .card2, .grid-rs .card2{
	grid-area:card2;
	border-left: 4px solid var(--color-gov-blue);
	font-size: 24px;
    font-weight: 600;
    color: var(--color-gov-blue);
}

.grid-be .card2 .small, .grid-rs .card2 .small{
	font-size: 16px;
    display: block;
    margin-top: 20px;
}

.grid-be .card3, .grid-rs .card3{
	grid-area:card3;
	border-left: 4px solid var(--color-gov-blue);
	color: var(--color-gov-blue);
	font-weight:600;
	
	
}

.grid-rs .card4{
	grid-area:card4;
	border-left: 4px solid var(--color-gov-blue);
	color: var(--color-gov-blue);
	font-weight:600;	
	
}



.grid-be .card3 .number, .grid-rs .card3 .number, .grid-rs .card4 .number{
	font-size: 40px;
    display: block;
}

.grid-be .card4{
	grid-area:card4;
	color: #878787;
}

.grid-be .icon, .grid-rs2 .icon {
    aspect-ratio: 1 / 1;
    position: relative;
    max-width: 95px;
    min-width: 86px;
    height: auto;
}
.grid-be .icon .icon-text, .grid-rs2 .icon .icon-text {
    position: absolute;
    top: 5px;
    left: 25px;
    font-size: 8px;
    font-weight: 400;
    font-family: 'Oswald';
    line-height: 9px;
    color: #fff;
}

.grid-be .icons-container, .grid-rs2 .icons-container {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}



.grid-be .card1 .title-card1, .grid-rs .card1 .title-card1{
    color: #878787!important;
    text-transform: uppercase;
    font-weight: 600;
    line-height: normal;
}

.grid-be2, .grid-rs2{
	max-width: 818px;
	padding: 10px;
	border-top:2px solid #0ABADE;
	border-bottom:2px solid #0ABADE;
	margin: 40px auto 0;
	background-color:#F9F9F9;
}


.grid-rs2{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.grid-rs2-container{
	display:grid;
	width:64%;
    color: #575757;
    grid-template-columns: repeat(5, auto);
    grid-template-areas: 
    "kpi kpi y2022 y2023N y2023" 
    "kpi kpi y2022-data y2023N-data y2023-data" 
    "kpi2 kpi2 y2022-data2 y2023N-data2 y2023-data2";
}

.grid-be2-container > div, .grid-rs2-container > div{
	padding:10px;
}
.grid-be2 .y2021{
	grid-area:y2021;
    background-color: #f1f1f1;
    font-weight: 600;
    text-align: center;
    }
.grid-be2 .y2022,
.grid-rs2 .y2022{
	grid-area:y2022;
	background-color: #f1f1f1;
	font-weight: 600;
	text-align: center;
}
.grid-rs2 .y2023N{
	grid-area:y2023N;
	background-color: #f1f1f1;
	font-weight: 600;
	text-align: center;
}


.grid-be2 .y2023, .grid-rs2 .y2023{
	grid-area:y2023;
	font-weight: 600;
	background-color: #0ABADE;
    color: #fff;
    text-align: center;
}

.grid-be2 .kpi, .grid-rs2 .kpi, .grid-rs2 .kpi2{
	grid-area:kpi;
	background-color: #B6EAF5;
    font-weight: 600;
    display: flex;
    align-items: flex-end;
    
}
.grid-rs2 .kpi2{
	grid-area:kpi2;
}

.grid-be2 .y2021-data{
	grid-area:y2021-data;
	background-color: #f1f1f1;
	text-align: center;

}
.grid-be2 .y2022-data, 
.grid-rs2 .y2022-data {
	grid-area:y2022-data;
	background-color: #f1f1f1;
	text-align: center;
}
.grid-rs2 .y2022-data2 {
	grid-area:y2022-data2;
	background-color: #f1f1f1;
	text-align: center;
}
.grid-rs2 .y2023N-data {
	grid-area:y2023N-data;
	background-color: #f1f1f1;
	text-align: center;
}

.grid-rs2 .y2023N-data2 {
	grid-area:y2023N-data2;
	background-color: #f1f1f1;
	text-align: center;
}


.grid-be2 .y2023-data, .grid-rs2 .y2023-data, .grid-rs2 .y2023-data2{
	grid-area:y2023-data;
	background-color: #0ABADE;
    color: #fff;
    text-align: center;
}

.grid-rs2 .y2023-data2{
	grid-area:y2023-data2;
}


.container-kpi ul li, .container-kpi-target ul li {
    list-style-type: none;
}

.table-wm .kpi2 .small {
	font-size: 11px;	
}


@media (max-width:576px) {
	.grid-be {
	    grid-template-columns: 1fr!important;
	    grid-template-areas:
	    "card1" "card2" "card3" "card4";
	}
	.gov-structure article {
		padding: 1em 2em;
		border-radius: 34px;
	}
	.grid-rs2 {
		font-size: 14px;
		grid-template-columns: repeat (3, 1fr);
		grid-template-area: 
			"y2022" "y2023"
			"kpi kpi"
			"y2022-data y2023-data"
			"kpi2 kpi2"
			"y2022-data2 y2023-data2"
		}
	.grid-rs2-container {
		grid-template-areas:
			"y2022 y2023N y2023"
			"kpi kpi kpi"
			"y2022-data y2023N-data y2023-data"
			"kpi2 kpi2 kpi2"
			"y2022-data2 y2023N-data2 y2023-data2";
		width: 100%;
	}
}


@media (min-width: 577px and max-width: 768px) {
	.grid-be{
	    grid-template-columns: repeat(2, 1fr);
	    grid-template-areas:
	        "card1 card4"
	        "card2 card3"

	        
	}
	.grid-be2-container{
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"kpi kpi"
			"y2021 y2021-data"
			"y2022 y2022-data"
			"y2023 y2023-data";
	}
	.grid-be2-container br{
		display:none;
	}
	.gov-structure article {
		border-radius:35px;
	}    
}

@media (min-width:577px) {	
	.grid-be2-container{
		display:grid;
		width:100%;
	    color: #575757;
	    grid-template-columns: 240px repeat(3, 1fr);
	    grid-template-rows: auto;
	    grid-template-areas: "kpi y2021 y2022 y2023" "kpi y2021-data y2022-data  y2023-data";
	}

}



/* ---------------------------------------------Sostenibilidad 2025------------------------------------*/


.table-cf .kpi5,
.table-cf .y2021-data5,
.table-cf .y2022-data5,
.table-cf .y2023-data5 {
	font-weight: 700!important;
}

.indicators-maincontent table thead tr th span:first-child  {
	width: 90%;
}




/* about us abril 2025 */
.p-top-holland-page.p-bottom-holland-page .row {
	display: flex;
	align-items: center;
}


/* 2025 DONWLOADS RESTYLING START*/
.latest-data, .download-data {
	display: flex;
    align-content: flex-end;
    justify-content: space-around;
    align-items: center;
	}

.downloadAreaPageLayout.joinus {
    background-color: #f9f9f9;
    box-shadow: 1px 1px 5px 1px #ececec;
    padding: 30px;
    margin-top: 30px;
}
.downloads-menu {
	margin-top: 70px;
    display: flex;
}
.downloads-menu li {
        display: block;
}

.downloads-menu  button  {
    border: 0px solid #ababab;
    border-bottom: 3px solid #EBEBEB;
    margin-right: 10px;
}

.downloads-menu button:hover{
    text-decoration: none;
    border: 0px solid #ababab;
    border-bottom: 3px solid #005db5;
}
.downloads-menu button.active {
    text-decoration: none;
    border: 0px solid #ababab;
    border-bottom: 3px solid #005db5;
}
/*
.downloads-menu {
	width:88%;
	margin-top: 70px;
}
.downloads-menu row {
	margin:70px 0;
}*/
.downloads-menu__title {
	margin-bottom: 0;
	margin-left: 0;
	font-family: "Open Sans", arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
	color: #2f2f2f;	
	background-color: initial;
}

.downloadAreaPageLayout .icon.i-m12 {
	display: block;
	right: inherit;
	margin-left: 2rem;
}

.nav-link h3.downloads-menu__title {
	display: inline;
	margin-right: 3rem;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 28px;
	color: #d2d2d2;
}
.nav-link.active h3.downloads-menu__title {
	color:#005db5;
}
downloads-menu__title-2 {
	width: 20%;
}
downloads-intro1 {
	margin-top: -35px;
}
.downloads-grey-line {
	display: inline-block;
	width: 116%;
	position: relative;
	bottom: 0;
	left: -195px;
	margin-top: 0;
	margin-left: 195px;
	border-top: 1px solid #d2d2d2;
	z-index: 2;
}
.downloads-menu hr.line-blue {
	width: 160px;
	bottom: 30px;
	margin-left: 27.3%;
	border-top: 5px solid #005db5;
	z-index: 3;
}
.downloads-menu hr.line-blue-1 {
	width: 160px;
	bottom: 30px;
	margin-left: 0;
	border-top: 5px solid #005db5;
	z-index: 99;
}

.downloads-menu p {
	position: relative;
	bottom: 30px;
}
section.press-room.downloads-selectors {
	padding-top: 0;
}
.downloads-selectors .tab-pane {
	display: none;
}
.downloads-selectors .tab-pane.active {
	display: block;
}

.downloads-selectors .input-search {
	padding-top: 15px;
}
.downloads-selectors .ms-webpart-zone.ms-fullWidth {
	display: flex;
}
.search-form-sidebar .filter-certificates,
.search-form-sidebar .search-certificates {
	display: flex;
}
.certifications-filter .panel-group.group-accordion.group-sidebar-btn {
	width: 33%;
	margin-right: 3rem;
}
.downloads-selectors .panel-group {
	margin-bottom: 70px;
}
.downloads-selectors .search-form-sidebar button .icon.i-m12 {
	right: 80px;
	top: 32px;
}
.downloads-selectors .search-form-sidebar {
	/*margin-left: 10%;*/
	margin-top: 0;
}
.downloads-selectors h3 {
	margin-bottom: 0;
	/*margin-left: 0;*/
}
.lectaCertificatesLayout .downloads-selectors .search-form-sidebar .ms-WPBody.noindex .row,
.downloadAreaPageLayout .downloads-selectors .search-form-sidebar .ms-WPBody.noindex .row {
	display: flex;
	width: 100%;
	margin-top: 0!important;
}
.downloads-docs-container .year {
	font-family: 'Playfair Display', Arial, sans-serif;
	font-size: 22px;
	text-align: left;
}
.downloads-docs-container .icon.i-m14 {
	position: relative;
	background-position: -440px -375px;
	bottom: 5px;
	color: #2f2f2f;
	text-align: right;
	    flex-grow: 0;
    flex-shrink: 0;
}
.downloads-docs-container a {
	float: inherit;
	/*padding: 15px 25px;*/
	/*text-align: left;*/
	font-weight: 600;
}
.filter-grades {
	width: 40.33%;
}
.page-section-heading {
	max-width: 525px;
	text-align: center;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
}


/**/
.downloadAreaPageLayout .div.ms-webpart-cell-vertical-inline-table {
	display: none!important;
}
/*
.downloadAreaPageLayout .ms-webpart-zone.ms-fullWidth div:nth-child(3) {
	display: none!important;
}*/
.row.new-search .ms-webpart-zone.ms-fullWidth {
	display: flex;
	margin-top: 70px;
}
.downloadAreaPageLayout .certificates-docs-container {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 3rem;
}

.downloadAreaPageLayout .downloads-docs-container {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem;
}

.big-links-content-bottom.downloads-docs-container .ms-srch-result-noResults{
	
	text-align:	center;
	grid-column: 1 / -1;
}

.row.new-search .i-m12 {
	right: 95px!important;
}
.row.new-search .panel-heading {
	/*margin-left: 20px;*/
	padding: 0;
}
.downloadAreaPageLayout .filter-documents,
.downloadAreaPageLayout .filter-certificates {
	display: flex;
	justify-content: flex-start;
}

.downloadAreaPageLayout .row.new-searc .downloadFilterMainGroup {
	width: 45%;
	margin-right:2rem;
}

.downloadAreaPageLayout .row.new-search .downloadFilterChildrenGroup {
	width: 40%;
}

.downloadAreaPageLayout .row.new-search h3 {
	font-size: 38px;
}
/* jri: añado unas nuevas clases para el tema de ocultar/mostrar en lugar de usar downloads-docs-container*/
.downloadAreaPageLayout .downloads-results-container,
.downloadAreaPageLayout .certificates-results-container {
	display: none;
}
.downloadAreaPageLayout .downloads-results-container.active,
.downloadAreaPageLayout .certificates-results-container.active {
	display: block;
}

.downloadAreaPageLayout .new-search .ms-webpart-zone.ms-fullWidth {
	display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
    height: 100%;
    margin-top: 70px;
}
.downloadAreaPageLayout .filter-certificates-type {
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    width: 100%;   	    
} 	
.downloadAreaPageLayout .row.new-search.downloads-filters-container,
.downloadAreaPageLayout .row.certificates-filters-container {
	margin-left: 5%;
	margin-right: 0%;
}
.downloadAreaPageLayout .new-search.downloads-filters-container .row,
.downloadAreaPageLayout .row.certificates-filters-container .row {
	margin-left: 0;
}

.downloadAreaPageLayout .filter-flex {
	display:flex;
} 	
.downloadAreaPageLayout .downloadFilterMainGroup {
	width: 40%;
	margin-right: 10rem;
}
.downloadAreaPageLayout .downloadFilterChildrenGroup {
	width: 40%;
}
.downloadAreaPageLayout .input-group.inverse-color .input-group-addon .i-m12 {
    right: 95px!important;
}
/* comentado por jri: creo que esto ya está repetido más arriba. También el segundo selector tiene ":active" en lugar de ".active" 
.downloadAreaPageLayout .row.certificates-docs-container {
	display:none;
}
.downloadAreaPageLayout .row.certificates-docs-container:active {
	display:normal;
}*/
.certificates-filters-container .panel-group.group-accordion.group-sidebar-btn{
	width: 30%;
	margin-right:5rem;
}

.downloadAreaPageLayout .group-accordion .panel-heading.disabled, 
.lectaCertificatesLayout .group-accordion .panel-heading.disabled {
	border-bottom-color: #d2d2d2;
}
.downloadAreaPageLayout .group-accordion .panel-heading.disabled a, 
.lectaCertificatesLayout .group-accordion .panel-heading.disabled a {
	color: #d2d2d2;
}
.latest-data .downloads-link-container, .download-data .downloads-link-container {
  	display:flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content:space-between;	
}
.download-data .downloads-link-container {
  	border-bottom:none;
}


/* estilo para los documentos financieros, que inclyen año */
.latest-data .downloads-link-container:has(.year) {
	width: 100%;
  	display: grid;
  	grid-template-rows: 1fr;
  	grid-template-columns: 1fr 5fr 1fr;
  	gap: 8px 16px;
}
.downloads-link-title {
	text-align: left;
	margin-top: 5px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.download-data .downloads-link-title {
	color: #022169;
}

 .downloads-filters-container .panel-group.group-accordion.group-sidebar-btn, .certificates-filters-container .panel-group.group-accordion.group-sidebar-btn {
	 position: relative;
}
 .downloads-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapsing, .certificates-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapsing, .downloads-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapse.in, .certificates-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapse.in {
	 position: absolute;
	 width: 100%;
	 z-index: 1000;
	 max-height: 390px;
	 overflow-y: auto;
}
 .downloads-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapsing .panel-body .btn-group-vertical, .certificates-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapsing .panel-body .btn-group-vertical, .downloads-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapse.in .panel-body .btn-group-vertical, .certificates-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapse.in .panel-body .btn-group-vertical {
	 box-sizing: border-box;
}
 .downloads-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapsing .panel-body .btn, .certificates-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapsing .panel-body .btn, .downloads-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapse.in .panel-body .btn, .certificates-filters-container .panel-group.group-accordion.group-sidebar-btn .panel-collapse.collapse.in .panel-body .btn {
	 width: 100%;
	 box-sizing: border-box;
}
 @media only screen and (max-width: 750px) {
	.downloadAreaPageLayout .filter-flex,
	.downloadAreaPageLayout .new-search .ms-webpart-zone.ms-fullWidth {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin: 0 2rem;
	}
	.downloadAreaPageLayout .big-links-content-bottom.downloads-docs-container {
		display: initial;
	}
	.downloadAreaPageLayout .input-group.inverse-color .input-group-addon .i-m12 {
		right: 50px !important;
	}
	.downloadAreaPageLayout .row.new-search .downloadFilterChildrenGroup {
		width: 90%;
	}
	.downloadAreaPageLayout .row.new-search.downloads-filters-container,
	.downloadAreaPageLayout .row.certificates-filters-container {
		margin-left: auto;
		margin-right: auto;
	}
	.downloadAreaPageLayout .new-search.downloads-filters-container .row,
	.downloadAreaPageLayout .row.certificates-filters-container .row {
		margin-left: -15px;
	}
	.latest-data, .download-data {
		padding-left: 33px;
		padding-right: 33px;
		}

}

@media (max-width: 992px) {
    .download-data {
        padding-bottom: 20px;
        padding-top: 13px;
    }
}

@media only screen and (min-width: 751px) and (max-width: 991px) {
	.downloadAreaPageLayout .new-search .ms-webpart-zone.ms-fullWidth {
	    grid-template-rows: 1fr 2fr;
	    grid-template-columns: 1fr;
	    margin: 0 5% 0 0;
		padding: 0 7%;
	}
	.downloadAreaPageLayout .downloads-docs-container {
		grid-template-columns: repeat(2, 1fr);
	}

	#technical {
		position: relative;
		margin-left: 7%;
		margin-right: 6%;
	}
	.downloadAreaPageLayout .new-search .ms-webpart-zone.ms-fullWidth {
		display: flex;
		flex-direction: column;
	}
	.downloadAreaPageLayout .ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth .row {
		margin-right: 15px;
		margin-left: 0;
	}
	.downloadAreaPageLayout .new-search.certificates-filters-container div div div div:nth-child(2) div.row {
		margin-left: 0;
		margin-right: 15px;
	}
	.downloadAreaPageLayout .group-accordion .panel {
		margin-bottom: 0;
	}
}


@media screen and (max-width: 991px) {
	.downloadAreaPageLayout .downloadFilterMainGroup, 
	.downloadAreaPageLayout .downloadFilterChildrenGroup,
	.certificates-filters-container .panel-group.group-accordion.group-sidebar-btn {
		width: 90%;
	}
	
}



/* 2025 DONWLOADS RESTYLING END */



/* 2025 ABOUT US RESTYLING START */


.lectaAboutUsLayout {
	margin:0 -15px 20rem -15px;
}

.lectaAboutUsLayout .bl-aboutUs-1,
.lectaAboutUsLayout .bl-aboutUs-2,
.lectaAboutUsLayout .bl-aboutUs-4,
.lectaAboutUsLayout .bl-aboutUs-5,
.lectaAboutUsLayout .bl-aboutUs-6 {
	display: flex;
	flex-direction: row;
	flex-direction: center;
	justify-content: flex-start;
	position: relative;
	width: 100%;
	margin: 10rem 0;
	background-size: cover;	
	overflow: hidden;
}
.lectaAboutUsLayout .bl-aboutUs-3 {
	background-color: #ffffff;
	padding: 4rem 7rem 7rem 7rem;
}
.lectaAboutUsLayout .hero-text {
	position: absolute;
	top: 50%;
	left: 50%
	transform: translate(-50%, -50%);
	text-align: center;
	color: var(--color-white);
	z-index: 2;
}

.lectaAboutUsLayout .bg-img-aboutUs-1 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_aboutUs_globalPaperSupplier.jpg');
	width: 100%;
	height: 646px;;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.lectaAboutUsLayout .bg-img-aboutUs-2 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_aboutUs-ourStrategy.jpg');
	height: 405px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.lectaAboutUsLayout .bg-img-aboutUs-4 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_aboutUs-ourCommitment.jpg');
	height: 377px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.lectaAboutUsLayout .bg-img-aboutUs-5 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_aboutUs-ourSuppliers.jpg');
	height: 405px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.lectaAboutUsLayout .bg-img-aboutUs-6 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_aboutUs_globalPaperJoinUs.jpg');
	height: 377px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-image.dark-1 {
	filter: brightness(0.8);
}
.hero-image.dark-2 {
	filter: brightness(0.7);
}

.lectaAboutUsLayout .bl-aboutUs-title {
	position: absolute;
	top: 50%;
	/*left: 50%;*/
	transform: translate(-50%, -50%);
	text-align: center;
	color: var(--color-white);
	z-index: 2;
}
.lectaAboutUsLayout .bl-aboutUs-title.hero-text {
	left: 50%;
}
.lectaAboutUsLayout .bl-aboutUs-title p{
	position: relative;
	text-align: center;
    color: #2f2f2f;
    padding-top: 2rem;
}
.lectaAboutUsLayout .bl-aboutUs-2 .not-full-width-bl,
.lectaAboutUsLayout .bl-aboutUs-5 .not-full-width-bl {
	width: 1220px;
	height: 405px;
	margin-left: auto;
	margin-right: auto;
}
.lectaAboutUsLayout .bl-aboutUs-3 .not-full-width-bl {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10rem;
	background-color: var(--color-white);
}
.lectaAboutUsLayout .bl-aboutUs-3 h2.blue {
	padding-bottom: 7rem;
	color: var(--color-corporate-blue)!important;
}
.lectaAboutUsLayout .bl-aboutUs-3-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
}
.lectaAboutUsLayout .bl-aboutUs-3-grid article {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.lectaAboutUsLayout .bl-aboutUs-3 img {
	width: 50%;
}

.lectaAboutUsLayout .business-group-info {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 0 3rem;
	gap: 3rem;
}
.lectaAboutUsLayout .business-group-info div {
	position: relative;
	/*left: 2rem;*/
}
.lectaAboutUsLayout .bl-aboutUs-3 .img-right img {
	position: relative;
	right: 0;
}
.lectaAboutUsLayout .bl-aboutUs-3 .bl-aboutUs-title {
	top: 0;
	transform: translate(0%, 0%);
	text-align: center;
	color: var(--color-white);
	z-index: 2;
}
.lectaAboutUsLayout .bg-img-aboutUs-3.image1 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_ourBusinesses-labelling.jpg');
	background-size: cover;
	background-position:center;
}
.lectaAboutUsLayout .bg-img-aboutUs-3.image2 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_ourBusinesses-packaging.jpg');
	background-size: cover;
	background-position:center;
}
.lectaAboutUsLayout .bg-img-aboutUs-3.image3 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_ourBusinesses-psm.jpg');
	background-size: cover;
	background-position:center;
}
.lectaAboutUsLayout .bg-img-aboutUs-3.image4 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_ourBusinesses-graphicPrint.jpg');
	background-size: cover;
	background-position:center;
}
.lectaAboutUsLayout .bg-img-aboutUs-3.image5 {
	background-image: url('/Style%20Library/Images/aboutUs/bl_ourBusinesses-moreHVAProducts.jpg');
	background-size: cover;
	background-position:center;
}

.lectaAboutUsLayout .bl-aboutUs-4 .not-full-width-bl,
.lectaAboutUsLayout .bl-aboutUs-6 .not-full-width-bl {
	width: 1642px;
	height: 377px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 10rem;*/
}
.lectaAboutUsLayout h2 {
	font-size: 58px;
	color: #ffffff!important;
}
.lectaAboutUsLayout h3 {
	font-size: 38px!important;
}
.lectaAboutUsLayout .bl-aboutUs-3 h3 {
	font-family: "Open sans", arial, sans-serif;
	font-size: 28px!important;
	color: #2f2f2f;
}
.lectaAboutUsLayout .bl-aboutUs-2,
.lectaAboutUsLayout .bl-aboutUs-5 {
	/*bottom: 70%;*/
}
.lectaAboutUsLayout div[class*="button"] {
	cursor: pointer;
}

@media screen and (max-width: 1300px) {
	.lectaAboutUsLayout .bl-aboutUs-3-grid article{
		display: grid;
	    grid-template-columns: 1fr;
	    grid-template-rows: repeat(2, 1fr);
	}	
	.lectaAboutUsLayout .bg-img-aboutUs-3{
		order: -1;
	}
}

@media screen and (max-width: 1300px) {
	.lectaAboutUsLayout .bl-aboutUs-3-grid{
	    grid-template-columns: 1fr;
	}
	.lectaAboutUsLayout .bl-aboutUs-3-grid article{
	border-bottom:none;
	}	
}


/* CSP */
.csp-title{	
	font-size: 38px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;	
}
.csp-subtitle{	
	font-size: 18px;
	text-align: center;
	margin-bottom: 40px!important;	
}

.csp-gallery{
	display:grid;
	gap:30px;
	grid-template-columns: repeat(5, 1fr);
	margin-bottom: 40px;

}
.csp-galleryitem {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.csp-galleryitem label{
	text-align: center;
	font-size: 18px;
	font-weight:600;
	font-style: italic;
}

/* Carousel product portfolio*/
.csp-gallery.product-portfolio {
	grid-template-columns: repeat(4, 1fr);
}
.product-portfolio .csp-galleryitem label{
	position: relative;
	top:9%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*text-align: center;*/
	font-size: 22px;
	font-weight:bold;
	font-style: normal;
	color: #2f2f2f;
	margin-top: 2rem;
}

/*Download Area Banner and Sustainability Link - About us banner*/
.aboutus-downloadArea, .aboutus-sutainabilityLink{
	background-image: url('/Style%20Library/Images/aboutUs/b_aboutUs_downloadArea.png');
	background-position:center;
	display: flex;
	flex-direction: column;
	padding: 3rem;
	position:relative;
	justify-content: center;
	
}
.aboutus-sutainabilityLink{
	background-image: url('/Style%20Library/Images/aboutUs/b_aboutus_reportbannerlink.png');
	
}
.aboutus-downloadArea h3, .aboutus-sutainabilityLink h3{
	font-size: 28px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	z-index:2;
    }
.aboutus-downloadArea a, .aboutus-sutainabilityLink a{
	z-index:2;
}

.aboutus-downloadArea:before, .aboutus-sutainabilityLink:before{
	 background:black;
	 height:100%;
	 width:100%;
	 position:absolute;
	 top:0;
	 left:0;
	 content:'';
	 opacity:0.3;
	 z-index:1;
	 
    }
    
 

/*Ecovadis banner*/
.aboutus-ecovadis { 
    background-image: url('/Style%20Library/Images/aboutUs/b_ecovadis.png');
	background-position:center;
	display: flex;
	align-items: center;
	padding: 3rem;
	min-height:296px;
	position:relative;
	justify-content: center;
	gap: 6rem;
}

.ecovadis-text {
    padding: 3rem;
    background: rgba(255, 255, 255, 0.8);
}

.aboutus-ecovadis img {
    width:250px;
}
/* JoinLectaTeam */


.JoinLectaTeam .ms-rtestate-field a.btn-link-text-intro{
	float: left;
	margin-top: 2.5rem;
}

.navigationSection {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    padding-bottom: 60px;
}
h3.h3-navigation-section {
    font-size: 38px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 60px;
}
.navigationSection a:before {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background-color:black;
    opacity:.5;
    
}

.navigationSection a {
    position:relative;
    cursor:pointer;
}
.navigationSection a label {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor:pointer;
    transform: translate(-50%, -50%);
    font-family: "Playfair Display", arial, sans-serif;
    font-size: 28px;
    font-weight:bold;
    color: #ffffff;
    text-align: center;}
    

 .carousel-aboutus {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	
    
}
.carousel-aboutus .carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

 .carousel-aboutus .carousel-slide {
	position: relative;
	flex: 0 0 100%;
	
}

.carousel-aboutus .carousel-slide:before {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:black;
	opacity:.5;
	text-align: center;

}


.carousel-aboutus .carousel-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carousel-aboutus .carousel-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 28px;
	text-align: center;
}

.carousel-aboutus .carousel-dots {
   
    display: flex;
    margin-top: 30px;
    justify-content: center;}

.carousel-aboutus .carousel-dot {
	height: 13px;
	width: 13px;
	margin: 0 5px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
}

.carousel-dot.active {
	   background-color: #0059b9;}


@media (min-width: 600px) {
	.carousel-aboutus .carousel-track{
		gap:15px
		
	}
	.carousel-aboutus .carousel-slide {
		flex: 0 0 calc(50% - (15px / 2));
	}
}
@media (min-width: 768px) {
	.carousel-aboutus .carousel-slide {
		flex: 0 0 calc((100% / 3) - (15px * 2) / 3);
	}
}


@media (max-width: 991px) {
	.lectaAboutUsLayout .bl-aboutUs-1,
	.lectaAboutUsLayout .bl-aboutUs-2,
	.lectaAboutUsLayout .bl-aboutUs-4,
	.lectaAboutUsLayout .bl-aboutUs-5,
	.lectaAboutUsLayout .bl-aboutUs-6 {
		/*flex-direction: column;
		align-items: stretch;
		text-align: center;*/
	}
	.bl-aboutUs-title.hero-text {
		order: 2;
		margin-top: 1rem;
		color: #005db5;
	}
	.hero-image {
		order: 1;
	}
}

@media (min-width: 1024px) {
	.carousel-aboutus{
		display:none;
	}

}
  
       
@media screen and (max-width: 1300px) {

	.navigationSection{
		gap:15px;
	}
	.navigationSection a label {		
		font-size: 20px;
	}
	.csp-galleryitem label,
	.product-portfolio .csp-galleryitem label {
		font-size: 16px;
	}
	.product-portfolio .csp-galleryitem label {
		position: relative;
		top: 5%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
}

@media screen and (max-width: 1024px) {
	.navigationSection, .csp-gallery {		
		display:none;
	}
	
}



/* 2025 ABOUT US RESTYLING END */