@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=greek,greek-ext');    
.garden-wrapper {float: left; width: 100%; margin: 0px; padding: 0px;}
    .header-container {display: block; width: 100%; max-width: 1280px; height: 445px; background: url(http://www.leroymerlin.gr/communication/landing-pages/garden-landing/headergarden.jpg) no-repeat left top;}
    .grdn-maintitle {display: block; margin: 0px; padding: 0px; position: absolute; width: 327px; height: 327px; left: 70px; top: 35px; text-indent: -9999px; overflow: hidden; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/h1title.png) no-repeat left top;}
    .grdn-top-menu {display: block; width: 100%; max-width: 1260px; height: auto; background: #f4f5e8; padding: 20px 10px 0px 10px;}
    .grdn-menu-title {display: block; width: 100%; height: 60px; margin:0px; padding: 0px; overflow: hidden; text-indent: -9999px; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/menu-title.png) no-repeat 10px top; background-size: 50% auto;}
    .grdn-menu {display: block; width: 100%; max-width: 1260px; margin: 0px !important; padding: 0px !important; list-style-type: none;}
    .grdn-col3 {display: inline-block; width: 31.333%; margin: 0 10px !important; text-align: center; border-bottom: 4px solid #9ba330;}
    .grdn-col2 {display: inline-block; width: 47.2%; margin: 0 10px; text-align: center;}
    .grdn-menu > li > a {display: block; width: 100%; font-family: 'Roboto Condenced', Helvetica, sans-serif; font-size: 22px; font-weight: 700; text-decoration: none; color: #56575b; line-height: 49px; padding-top: 59px;}
    .grdn-menu > li > a:hover, .grdn-menu > li > a.grdnactive {background-color: #d5e2c2 !important;}
    .grdn-menu > li.grdn-prepare > a {background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/chainsaw-icon.png) no-repeat center 10px;}
    .grdn-menu > li.grdn-config > a {background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/fence-icon.png) no-repeat center 10px;}
    .grdn-menu > li.grdn-relax > a {background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/furn-icon.png) no-repeat center 10px;}
    .maincontent-container {
    display: block; width: 100%; max-width: 1280px; margin: 40px 0 0 0;
    }
    .prepare-intro {
	display: block; width: 100%; height: 180px; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/prepare-intro.jpg) no-repeat left top;
}
.config-intro {
	display: block; width: 100%; height: 180px; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/config-intro.jpg) no-repeat left top;
}.relax-intro {
    display: block; width: 100%; height: 217px; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/relax-introa.jpg) no-repeat left top;
    }
 .relax-intro > .introtitle {display: block; float: left; margin: 40px 0 0 0; padding: 0 20px 0 150px; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/furn-icon.png) no-repeat 20px center #d5e2c2; color: #56575b;} 
.prepare-intro > .introtitle {display: block; float: left; margin: 40px 0 0 0; padding: 0 20px 0 100px; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/chainsaw-icon.png) no-repeat 20px center #d5e2c2; color: #56575b;}
.config-intro > .introtitle {display: block; float: left; margin: 40px 0 0 0; padding: 0 20px 0 100px; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/fence-icon.png) no-repeat 20px center #d5e2c2; color: #56575b;}
    h3 {font-family: 'Roboto Condenced', Helvetica, sans-serif; font-size: 30px; font-weight: 700; line-height: 30px; margin: 0px; padding: 15px 0 5px 0}
    h4 {font-family: 'Roboto Condenced', Helvetica, sans-serif; font-size: 22px; font-weight: 300; line-height: 30px; margin: 0px; padding: 0px 0 15px 0}
    .prdlink-i {height: 141px; padding: 0px; background: #fff; border-bottom: none !important;}
    .prdlink-i img {display: block;}
    .prdlink-i > a {text-decoration: none; color: #56575b;}
    .prdlink-i > a > span {float:left; text-align: left;}
    .prdlink-i > a > span.prdtitle {padding: 10px 00px 10px 0; border-bottom: 1px solid #333; max-width: 228px;}
    .prdlink-i > a > span.prdtitle > h5 { font-family: 'Roboto Condenced', Helvetica, sans-serif; font-size: 20px; font-weight: 300; padding: 0px; margin: 5px 0px; line-height: 20px;}
    .prdlink-i > a > span.prdtitle > p { font-family: 'Roboto Condenced', Helvetica, sans-serif; font-size: 14px; font-weight: 700; padding: 0px; margin: 0px; line-height: 14px;}
    .prdlinks-w, .idealinks-w {
    display: block; float: left; width: 100%; max-width: 1260px; padding: 20px 10px; background: #d5e2c2;
    }
    .prdrow { margin-bottom: 20px !important;}
    .institle {display: block; width: 100%; max-width: 1240px; height: 30px; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/title-bar.png) repeat-x left center; margin-bottom: 15px;}
    .insh3 {float:  left; font-family: 'Roboto Condenced', Helvetica, sans-serif; font-size: 25px; font-weight: 300; line-height: 30px; margin: 0px; padding: 0 20px 0 10px; background: #d5e2c2;}
    h3.ideas {font-family: 'Roboto Condenced', Helvetica, sans-serif; font-size: 25px; font-weight: 700; background: url(https://www.leroymerlin.gr/communication/landing-pages/garden-landing/idea.png) no-repeat left center; padding-left: 40px; color: #56575b; margin:  0 10px 20px 10px;}
    .grdban {display: inline-block; padding: 0;}
    .grdban > img {display: block; width: 100%;}
    a.banner1 {margin: 0 10px; width: 100%; max-width: 1240px;}
    a.banner4 {margin: 0 10px; width: 23%;}
	.prdcta {float: right !important;}
.prdsubinfo > img {width: 85%;}
    @media (max-width: 1024px) {
    .prdlink-i > a > span.prdtitle {border-bottom: none !important; max-width: 49% !important; padding: 10px 5px 10px 0 !important;}
    .prdlink-i > a > span.prdtitle {font-size: 100%;}
    .prdlink-i > a > span.prdtitle > p {font-size: 80%;}
    a.banner4 {margin: 0 1% 2% 1%; width: 47%;}
    .configlinks .prdcta {display: none;}
    }
    @media (max-width: 479px) {
    .grdn-col3 {width: 31%; margin: 0 0.8% !important; text-align: center;}
    .prdlink-i {height: 260px;}
    .prdlink-i > a {height: 100%;}
    .prdlink-i > a > span {float: none; text-align: center; width: 100%;}
    .prdlink-i > a > span.prdtitle {border-bottom: none; max-width: 100%; text-align: center;}
    .grdn-menu > li > a {font-size: 100%;}
    .prdlink-i > a > span.prdtitle {font-size: 100%;}
    .prdlink-i > a > span.prdtitle > p {font-size: 80%; max-width: 100%; text-align: center;}
    a.banner4 {margin: 0 1% 2% 1%; width: 47%;}
    .configlinks .prdcta {display: none;}
    }