/* Created on : 2018.05.21., 10:44:59 Author : menri */ *{ padding: 0px; margin: 0px; border: none; } html, body{height: 100%; padding: 0px; border: 0px; margin: 0px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} body{padding-top:100px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 100%; margin: 0px;} input, textarea, select{box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} img{max-width: 100%; height: auto;} p{line-height: 16px; margin: 5px 0px 10px 0px;} a{text-decoration: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} a:hover{text-decoration: none;} .background-green{background: #6AB123;} .background-grey{background: #4D545C;} .background-white{background: #ffffff;} #lightbox,#lightboxOverlay{z-index: 99999!important;} header{width: 100%; background: #1D262D; position: fixed; top: 0; left: 0; z-index: 99999; border-bottom:1px solid #5C656F;} #logo{float: left; padding: 17px 0px;} #logo a{display: block; line-height: 0px;} #logo img{height: 66px;} #mobil-menu-logo, #mobil-menu{display: none;} nav{float: right;} nav ul{} nav ul li{float: left; position: relative; border-top: 10px solid #1D262D; height: 100px; text-transform: uppercase; font-weight: bold; padding: 0px 10px; max-width: 120px; text-align: center;} nav ul li:hover{background:#ffffff; border-top: 10px solid #ffffff; } nav ul li.selected{border-top: 10px solid #ffffff;; background: #6AB123;} nav ul li a, nav ul li.selected a,nav ul li.selected a:hover{color: #ffffff; display: block; position: relative; top: 20px; line-height: 14px; font-size: 13px;} nav ul li:hover a{color: #6AB123;} nav ul li.selected a, nav ul li.selected a:hover{color: #ffffff!important; display: block; position: relative; top: 20px; line-height: 14px; font-size: 13px;} nav ul li ul{position: absolute; left: 0; top: 90px; background: #1D262D; z-index: 99999; border: none; width: 180px;} nav ul li ul li{border: none; clear: both; height: auto; width: 100%; max-width: inherit; border-top: 1px dotted #cccccc;} nav ul li ul li:hover{border: none;} nav ul li ul li a, nav ul li.selected ul li a,nav ul li.selected ul li a:hover{text-align: left; padding: 0px; padding: 2px 0px; border: none;; font-size: 12px; color: #ffffff; display: block; line-height: 18px; top:0px;} .section{display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; margin: 0 auto;} .section article{padding: 5px 0px 5px 0px; flex: 1 1 300px; -moz-flex: 1 1 300px; -webkit-flex: 1 1 300px;} .section article a{color:#6AB123;text-decoration: none; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .section article a:hover{color: #6AB123; text-decoration: underline;} .section article:nth-child(even){padding-left: 10px;} .section article:nth-child(odd){padding-right: 10px;} .page-width{max-width: 1169px; margin: auto;} #slider-section{border-bottom: 10px solid #A2E065; padding: 30px 0px; background: #4D545C;} #slider_contener{border: 10px solid #ffffff;} #blog-news{padding: 10px 5px;} #blog-news h1, #main-galleries h1{color: #ffffff; text-transform: uppercase; font-size: 17px;padding: 0px 5px; line-height: 30px; padding-bottom: 5px;} #blog-news h1 span, #main-galleries h1 span{position: relative; float: right; display: inline-block;} #blog-news h1 span a, #main-galleries h1 span a{display: block; background: #E44A59; font-size: 11px; color: #ffffff; text-decoration: none; padding: 0px 10px; text-transform: none;} #blog-news h1 span a:hover, #main-galleries h1 span a:hover{background: #1D262D; font-size: 11px; text-decoration: none;} #blog-news ul, #main-galleries ul{width: 100%; list-style: none; overflow: hidden;} #blog-news ul li{width: 12.5%; float: left; padding: 5px;} #main-galleries ul{padding: 10px 0px; margin: 5px 0px; border-top: 1px solid #4D545C; border-bottom: 1px solid #4D545C;} #main-galleries ul li{width: 25%; float: left; padding: 5px;} #main-galleries h1{color: #4D545C;} #blog-news ul li article h2{height: 100px; overflow: hidden; color: #ffffff; text-transform: uppercase; text-decoration: none;} #blog-news ul li article h2 a{color: #ffffff; text-decoration: none; font-size: 13px; line-height: 16px;} #blog-news ul li article h2 a:hover{color: #1D262D;} .blog-news-picture{background-size: cover!important; background-position: 50% 50%!important; background-repeat: no-repeat!important; border:2px solid #ffffff; margin-bottom: 5px;} .readmore{display: block; line-height: 30px;} .readmore a{display: block; background: #E44A59; font-size: 11px; color: #ffffff; text-decoration: none; padding: 0px 10px; text-transform: none; text-align: center;} .readmore a:hover{background: #1D262D; font-size: 11px; text-decoration: none;} .green-lenia{height: 1px; width: 100%; padding: 10px 0px;} .green-lenia span{display: block; height: 1px; background: #A2E065;} #main-galleries ul li article h2{color: #6AB123; text-transform: uppercase; text-decoration: none;} #main-galleries ul li article h2 a{color: #6AB123; text-decoration: none; font-size: 13px; line-height: 16px;} #main-galleries ul li article h2 a:hover{color: #E44A59;} #main-galleries .blog-news-picture{border: none;} #content{padding: 8px;} .content-left{width:67.51%; float: left;} .content-left .content-inner{padding: 0px 8px 0px 0px; border: none; border-right: 1px solid #cccccc; margin-right: 8px;} .content-left .content-inner article{float: left;} .content-left .content-inner article p{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;} .content-left .content-inner article p a{color: #6AB123; font-weight: bold; text-decoration: none;} .content-left .content-inner article p a:hover{text-decoration: underline;} .content-left .content-inner article ul{margin: 10px 18px; list-style-image: url('../design/public/arrow04.png');} .content-left .content-inner article ul li{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;} .content-left .content-inner article ul li a{color: #6AB123; font-weight: bold; text-decoration: none;} /* CONTACT */ #contact_us{display: block;} #contact_us .row, #contact_us .row2, #contact_us .row3{display: block; width: 100%; float: left; margin: 4px 0px;} #contact_us .row, #contact_us .row2{border-bottom: 1px solid #cccccc; padding-bottom: 8px} #contact_us .row label{float: left; width:20%; font-weight: bold; font-size: 14px; line-height: 19px;} #contact_us .row input{border: 1px solid #4e5865; width: 80%; padding: 5px 10px; float: left; height: 27px;} #contact_us .row2 label{float: left; width:50%; font-weight: bold; font-size: 14px; line-height: 19px;} #contact_us .row2 input{border: 1px solid #4e5865; width: 50%; padding: 5px 10px; float: left; height: 27px;} #contact_us .row2 select{border: 1px solid #4e5865; width: 50%; padding: 5px 10px; float: left; height: 27px;} #contact_us .row3 label{float: left; width:100%; font-weight: bold; font-size: 14px; line-height: 19px; padding-bottom: 4px;} #contact_us .row3 textarea{font-size: 14px; border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 100px; resize: none;} #contact_us .row3 #contact{width: 200px; cursor: pointer; border: none; background: #6AB123; color: #ffffff; font-weight: bold; padding: 5px;} #contact_us .row3 #contact:hover{background: #1d262d;} #contact_us .row3 input[type="submit"]{font-size: 14px;} #contact_us .row span.error{color:#ff0000; display: block; float: right; width: 80%; } #contact_us .row2 span.error{color:#ff0000; display: block; float: right; width: 50%; } h3.contact_short{margin: 10px 0px; border-top: 1px solid #ccc; padding-top: 10px; float: left; width: 100%; font-size: 14px;} /* CONTACT END */ #title{width: 100%; float: left; border-bottom: 1px solid #cccccc; margin-bottom: 8px; padding-bottom: 10px;} #title h1{color: #6AB123; font-size: 28px; line-height: 32px; font-weight: normal; margin-bottom: 4px;} .morzsa a{color: #6AB123; text-decoration: none;} .morzsa a:hover{text-decoration: underline;} .content-right{width: 32.49%; float: left;} #footer-inside{padding: 10px; color: #ffffff;} #footer-logo{width: 25%; text-align: left; float: left; padding: 5px;} #footer-contact{width: 50%; padding: 0px 10px; text-align: left; float: left;} #footer-contact h1{font-size: 16px; margin-bottom: 10px;} #footer-social{width: 25%; text-align: right; float: left; padding: 5px;} #footer-social img{margin-left: 5px; cursor: pointer;} .footer-rights{float: left; width:50%; padding: 20px 0px 5px 0px;} #footer-righs-left{text-align: left;} #footer-righs-right{text-align: right;} #madein{text-align: center; padding: 20px;} #innovation{font-size: 32px; line-height: 36px; font-family: "Times New Roman"; color: #ffffff; text-transform: uppercase; text-align: center; padding: 10px 10px 25px 10px;} .article h1{font-size: 28px; font-weight: normal; color: #6AB123; line-height: 32px;} .article h1 a{font-size: 28px; font-weight: normal; color: #6AB123; text-decoration: none; line-height: 32px;} .article h1 a:hover{text-decoration: underline;} .article p{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;} .article p a{color: #6AB123; font-weight: bold; text-decoration: none;} .article p a:hover{text-decoration: underline;} .article .backtothefuture{float: left; width: 100%; padding: 8px 0px; margin: 8px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} .article .backtothefuturebelso{width: 70%; float: left;} .article .backtothefuturebelso p{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;} .article .backtothefuturebelso p a{color: #6AB123; font-weight: bold; text-decoration: none;} .article .backtothefuturebelso p a:hover{text-decoration: underline;} .article .backtothefuturebelso2{width: 30%; float: left; text-align: right;} .article span.almenu{float: right; } .article span.almenu img{ position: relative; float: left; margin-right: 5px;} .article span.almenu a{text-decoration: none; color: #6AB123; font-size: 16px; display: inline-block; position: relative; top: 12px;} .article span.almenu a:hover{text-decoration: underline;} #article_galeria{overflow: hidden; width: 100%; clear: both;} #article_galeria h3{color:#6AB123; font-size: 18px; margin-bottom: 10px;} #article_galeria .galeria{width: 33.33%; position: relative; float: left;} #article_galeria .galeria .galeriapadding{padding: 4px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #article_galeria .galeria .galeriapadding .galleriapaddinginner{position: relative;} #article_galeria .galeria .galeriapadding .galleriapaddinginner .mirror{width: 100%; height: auto; line-height: 0px;} #article_galeria .galeria .galeriapadding .galleriapaddinginner .mirror a{display: block; position: relative; z-index: 99;} #article_galeria .galeria .galeriapadding .galleriapaddinginner .mirror img{max-width: 100%!important;} #article_galeria .galeria .galeriapadding .galleriapaddinginner .thumb{position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} #article_galeria .galeria .galeriapadding .galleriapaddinginner .thumb .label{z-index: 999; width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; background: url('../design/public/galeria-label.png') repeat;} #article_galeria .galeria .galeriapadding .galleriapaddinginner .thumb .label .name{overflow: hidden; height: 30px; color: #ffffff; position: absolute; left: 0; width: 80%; text-align: left; line-height: 30px; padding-left: 10px;} #article_galeria .galeria .galeriapadding .galleriapaddinginner .thumb .label .number{color: #7BB2C7; position: absolute; right: 0; width: 40px; text-align: right; line-height: 30px; padding-right: 10px; background: url('../design/public/number-icon.png') no-repeat left top 10px;} .galleries .galeria{width: 25%; position: relative; float: left;} .galleries .galeria .galeriapadding{padding: 4px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .galleries .galeria .galeriapadding .galleriapaddinginner{position: relative;} .galleries .galeria .galeriapadding .galleriapaddinginner .mirror{width: 100%; height: auto; line-height: 0px;} .galleries .galeria .galeriapadding .galleriapaddinginner .mirror a{display: block; position: relative; z-index: 99;} .galleries .galeria .galeriapadding .galleriapaddinginner .mirror img{max-width: 100%!important;} .galleries .galeria .galeriapadding .galleriapaddinginner .thumb{position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .galleries .galeria .galeriapadding .galleriapaddinginner .thumb .label{z-index: 999; width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; background: url('../design/public/galeria-label.png') repeat;} .galleries .galeria .galeriapadding .galleriapaddinginner .thumb .label .name{overflow: hidden; height: 30px; color: #ffffff; position: absolute; left: 0; width: 80%; text-align: left; line-height: 30px; padding-left: 10px;} .galleries .galeria .galeriapadding .galleriapaddinginner .thumb .label .number{color: #ff5001; position: absolute; right: 0; width: 40px; text-align: right; line-height: 30px; padding-right: 10px; background: url('../design/public/number-icon.png') no-repeat left top 10px;} .galeria2{width: 100%; position: relative; float: left;} .galeria2 .galeriapadding{padding: 0px 0px 8px 0px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .galeria2 .galeriapadding .galleriapaddinginner{position: relative;} .galeria2 .galeriapadding .galleriapaddinginner .mirror{width: 100%; height: auto; line-height: 0px;} .galeria2 .galeriapadding .galleriapaddinginner .mirror a{display: block; position: relative; z-index: 99;} .galeria2 .galeriapadding .galleriapaddinginner .mirror img{max-width: 100%!important;} .galeria2 .galeriapadding .galleriapaddinginner .thumb{position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .galeria2 .galeriapadding .galleriapaddinginner .thumb .label{z-index: 999; width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; background: url('../design/public/galeria-label.png') repeat;} .galeria2 .galeriapadding .galleriapaddinginner .thumb .label .name{overflow: hidden; height: 30px; color: #ffffff; position: absolute; left: 0; width: 80%; text-align: left; line-height: 30px; padding-left: 10px;} .galeria2 .galeriapadding .galleriapaddinginner .thumb .label .number{color: #ff5001; position: absolute; right: 0; width: 40px; text-align: right; line-height: 30px; padding-right: 10px; background: url('../design/public/number-icon.png') no-repeat left top 10px;} .planbook {width: 100%; float: left;} .planbook table tr td{vertical-align: top;} .planbook p{font-size: 14px; line-height: 19px; margin: 5px 0px 10px 0px;} .planbook p a{color: #6AB123; font-weight: bold; text-decoration: none;} .planbook p a:hover{text-decoration: underline;} .planbook .galeria{width: 25%; position: relative; float: left;} .planbook .galeria .galeriapadding{padding: 4px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .planbook .galeria .galeriapadding .galleriapaddinginner{position: relative; overflow: hidden;} .planbook .galeria .galeriapadding .galleriapaddinginner h2.name{background: #6AB123; width: 100%; float: left;} .planbook .galeria .galeriapadding .galleriapaddinginner h2.name a{line-height: 26px; font-weight: normal; display: inline-block; padding: 0px 8px; color: #ffffff!important; font-size: 16px!important; height: 26px; text-decoration: none;} .planbook .galeria .galeriapadding .galleriapaddinginner h2.name a:hover{text-decoration: underline;} .planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails{width: 100%; float: left;} .planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .size{width: 50%; background: #6AB123; float: left; color: #ffffff; height: 26px;} .planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .size .inner{padding: 0px 8px; background: none!important; line-height: 26px; font-size: 11px; border: none!important;} .planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .details{width: 50%; background: #4D545C; float: left; color: #ffffff; height: 26px; text-align: right;} .planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .details a.linkdetails{color: #ffffff; font-size: 14px; text-decoration: none; line-height: 26px; height: 26px; display: inline-block; } .planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .details a.linkdetails:hover{text-decoration: underline;} .planbook .galeria .galeriapadding .galleriapaddinginner .labeldetails .details img{position: relative; position: relative; top: 1px; margin-left: 7px; } .planbook .modelview{width: 100%; overflow: hidden;} .planbook .modelview .modelviewrow{width: 100%; float: left;} .planbook .modelview .modelviewrow:first-child{border-bottom: 1px solid #cccccc; padding-bottom: 8px; margin-bottom: 8px;} .planbook .modelview .modelviewrow .modelviewrowleft1{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowleft1 .modelviewrowleft1inner{padding-right: 16px; line-height: 0px;} .planbook .modelview .modelviewrow .modelviewrowleft1 .modelviewrowleft1inner img{max-width: 100%;} .planbook .modelview .modelviewrow .modelviewrowright1{width: 50%; float: left; } .planbook .modelview .modelviewrow .modelviewrowright1 h2{font-weight: normal; font-size: 18px; color: #6AB123; line-height: 24px; padding-top: 9px;} .planbook .modelview .modelviewrow .modelviewrowright1 h3{color: #6AB123; font-weight: normal; border-top: 1px solid #cccccc; margin-top: 10px; padding-top: 10px; padding-bottom: 12px;} .planbook .modelview .modelviewrow .modelviewrowright1 p{font-size: 14px; line-height: 19px; margin: 5px 0px 5px 0px;} .planbook .modelview .modelviewrow .modelviewrowright1 p a{color: #6AB123; font-weight: bold; text-decoration: none;} .planbook .modelview .modelviewrow .modelviewrowright1 p a:hover{text-decoration: underline;} .planbook .modelview .modelviewrow .modelviewrowright1 p span{color: #6AB123; font-weight: bold; line-height: 30px;} .planbook .modelview .modelviewrow .modelviewrowright1 img{float: left; max-width: 100%!important; padding-top: 2px;} .planbook .modelview .modelviewrow .modelviewrowright1 img.negyed{max-width: 25%!important; padding-top: 0px;} .planbook .modelview .modelviewrow .modelviewrowright1 .modelpictures{display: block; overflow: hidden;} .planbook .modelview .modelviewrow .modelviewrowright1 .modelpictures .modelpicturehalf{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowright1 .modelpictures .modelpicturehalf .modelpicturehalfrow{width: 100%; float: left;} .planbook .modelview .modelviewrow .modelviewrowright1 .modelpictures .modelpicturehalf .modelpicturehalfrow .modelpicturehalfrowinside{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowright1 .modelpictures .modelpicturehalf .modelpicturehalfrow .modelpicturehalfrowinside .modelpicturehalfrowinsidepadding{padding: 2px 5px;} .planbook .modelview .modelviewrow .modelviewrowright1 .modelpictures .modelpicturehalf .modelpicturehalfrow:nth-child(2) .modelpicturehalfrowinside .modelpicturehalfrowinsidepadding{padding-top:9px;} .planbook .modelview .modelviewrow .modelviewrowright1 .modelpictures .modelpicturehalf .modelpicturehalfrow .modelpicturehalfrowinside .modelpicturehalfrowinsidepadding img{max-width: 100%!important; border: 1px solid #6AB123;} .planbook .modelview .modelviewrow .modelviewrowleft2{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner{padding-right: 16px;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner h2{font-weight: normal;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner p{font-size: 14px; line-height: 19px; margin: 5px 0px 5px 0px;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner p a{color: #6AB123; font-weight: bold; text-decoration: none;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner p a:hover{text-decoration: underline;} .planbook .modelview .modelviewrow .modelviewrowright2{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowright2 h3{font-weight: normal; color: #6AB123; line-height: 40px;} .planbook .modelview .modelviewrow .modelviewrowright2 h3 img{float: left; margin-right: 8px;} .planbook .modelview .modelviewrow .modelviewrowright2 h3 a{color: #6AB123; text-decoration: underline;} .planbook .modelview .modelviewrow .modelviewrowright2 h3 a:hover{text-decoration: none;} .planbook .modelview{width: 100%; overflow: hidden;} .planbook .modelview .modelviewrow{width: 100%; float: left;} .planbook .modelview .modelviewrow:first-child{border-bottom: 1px solid #cccccc; padding-bottom: 8px; margin-bottom: 8px;} .planbook .modelview .modelviewrow .modelviewrowleft1{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowleft1 .modelviewrowleft1inner{padding-right: 16px; line-height: 0px;} .planbook .modelview .modelviewrow .modelviewrowleft1 .modelviewrowleft1inner img{max-width: 100%;} .planbook .modelview .modelviewrow .modelviewrowright1{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowright1 h2{font-weight: normal;} .planbook .modelview .modelviewrow .modelviewrowright1 h3{color: #6AB123; font-weight: normal; border-top: 1px solid #cccccc; margin-top: 10px; padding-top: 10px; padding-bottom: 8px; font-size: 14px;} .planbook .modelview .modelviewrow .modelviewrowright1 p{font-size: 14px; line-height: 19px; margin: 5px 0px 5px 0px;} .planbook .modelview .modelviewrow .modelviewrowright1 p a{color: #6AB123; font-weight: bold; text-decoration: none;} .planbook .modelview .modelviewrow .modelviewrowright1 p a:hover{text-decoration: underline;} .planbook .modelview .modelviewrow .modelviewrowright1 p span{color: #6AB123; font-weight: bold; line-height: 30px;} .planbook .modelview .modelviewrow .modelviewrowright1 img{float: left; max-width: 50%!important; padding-top: 6px;} .planbook .modelview .modelviewrow .modelviewrowright1 img.negyed{max-width: 25%!important; padding-top: 0px;} .planbook .modelview .modelviewrow .modelviewrowleft2{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner{padding-right: 16px;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner h2{font-weight: normal; font-size: 18px; color: #6AB123; line-height: 24px;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner p{font-size: 14px; line-height: 19px; margin: 5px 0px 5px 0px;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner p a{color: #6AB123; font-weight: bold; text-decoration: none;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner p a:hover{text-decoration: underline;} .planbook .modelview .modelviewrow .modelviewrowright2{width: 50%; float: left;} .planbook .modelview .modelviewrow .modelviewrowright2 h3{font-weight: normal; color: #6AB123; line-height: 40px; font-size: 14px;} .planbook .modelview .modelviewrow .modelviewrowright2 h3 img{float: left; margin-right: 8px;} .planbook .modelview .modelviewrow .modelviewrowright2 h3 a{color: #6AB123; text-decoration: underline;} .planbook .modelview .modelviewrow .modelviewrowright2 h3 a:hover{text-decoration: none;} .architectures{max-width: 100%; overflow: hidden; clear: both;} .architectures .architectures-left{width: 64.88%; float: left; padding-right: 8px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;} .architectures .architectures-left #slider_contener .nivo-moreText{display: none!important;} .architectures .architectures-right{float: left!important; width: 35.12%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;} .architectures .architectures-right #specifications{width: 100%; font-size: 14px; line-height: 14px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc;} .architectures .architectures-right #specifications h2{font-weight: normal; padding-bottom: 14px;} .architectures .architectures-right #specifications p{font-size: 14px; line-height: 19px;} .architectures .architectures-right #specifications p span{font-weight: bold; color: #6AB123;} .architectures-right img{width: 50%!important;} .architectures-minimodels{overflow: hidden; clear: both;} #architectures-minimodels img{width: 50%; float: left; margin-bottom: 10px;} #architectures-minimodels h3{color: #6AB123; font-weight: normal; padding-bottom: 8px;} .architectures .architectures-left .article h3{color: #6AB123; font-size: 18px; font-weight: normal; padding: 5px 0px;} .contact-h3{font-weight: normal; color: #6AB123; line-height: 40px;} .contact-h3 img{float: left; margin-right: 8px;} .contact-h3 a{color: #6AB123; text-decoration: none;} .contact-h3 a:hover{color: #6AB123; text-decoration: underline;} .architectures-models{width: 100%; overflow: hidden; clear: both;} .architectures-models .galeria{width: 33.33%; position: relative; float: left;} .architectures-models .galeria .galeriapadding{padding: 4px; width: 100%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .architectures-models .galeria .galeriapadding .galleriapaddinginner{position: relative; overflow: hidden;} .architectures-models .galeria .galeriapadding .galleriapaddinginner h2.name{background: #6AB123; width: 100%; float: left;} .architectures-models .galeria .galeriapadding .galleriapaddinginner h2.name a{display: inline-block; padding: 0px 8px; color: #ffffff!important; font-size: 16px!important; height: 26px; text-decoration: none;} .architectures-models .galeria .galeriapadding .galleriapaddinginner h2.name a:hover{text-decoration: underline;} .labelkep{line-height: 0px; border: 2px solid #4D545C;} .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails{width: 100%; float: left;} .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails .size{width: 55%; background: #4D545C; float: left; color: #ffffff; height: 26px;} .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails .size .inner{padding: 0px 8px; background: none!important; line-height: 26px; font-size: 14px;} .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails .size .inner a{text-decoration: none; color: #ffffff;} .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails .size .inner a:hover{text-decoration: underline;} .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails .details{width: 45%; background: #4D545C; float: left; color: #ffffff; height: 26px; text-align: right;} .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails .details a.linkdetails{color: #ffffff; font-size: 14px; text-decoration: none; line-height: 26px; height: 26px; display: inline-block; } .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails .details a.linkdetails:hover{text-decoration: underline;} .architectures-models .galeria .galeriapadding .galleriapaddinginner .labeldetails .details img{position: relative; position: relative; top: 1px; margin-left: 7px; } .architectures-right .article h2{font-size: 18px; line-height: 24px; color: #6AB123;} #specifications h2{font-size: 18px; font-weight: bold; color: #6AB123;} #architectures-minimodels h3{font-size: 14px;} @media only screen and (max-width : 1169px) { .content-left{width: 100%;} .content-right{width: 100%;} .content-inner{border:0px!important; margin-right: 0px!important; padding: 0px!important;} nav{display: none;} #logo{margin: auto; width: 100%; text-align: center;} #logo a{display: inline-block;} #logo img{height: 40px;} body{padding-top:70px;} #mobil-menu-logo{display: block; padding:10px; position: fixed; right: 10px; top:13px; z-index: 99999; cursor: pointer;} #mobil-menu{padding: 0px 10px;} #mobil-menu ul{display: block; width: 100%; padding-bottom: 2px;} #mobil-menu ul li{ border-top: 1px solid #cccccc; padding: 5px 0px; text-align: center; font-size: 14px;} #mobil-menu ul li a{color: #6AB123; text-decoration: none;} #mobil-menu ul li ul{display: block;} } @media only screen and (max-width : 1120px) { } @media only screen and (max-width : 950px) { .galleries .galeria{width: 50%;} .planbook .galeria{width: 50%;} .miniblog li{width: 25%!important;} .architectures-models .galeria{width: 50%;} } @media only screen and (max-width : 850px) { #footer-logo,#footer-contact, #footer-social{width: 100%!important; text-align: center;} .footer-rights{width: 100%!important; text-align: center!important;} } @media only screen and (max-width : 790px) { .miniblog li{width: 50%!important;} .miniblog li article h2{height: 50px!important;} .planbook .modelview .modelviewrow .modelviewrowleft1{width: 100%; float: left;} .planbook .modelview .modelviewrow .modelviewrowleft1 .modelviewrowleft1inner{padding: 0px 0px 10px 0px;} .planbook .modelview .modelviewrow .modelviewrowleft1 .modelviewrowleft1inner img{width: 100%;} .planbook .modelview .modelviewrow .modelviewrowright1{width: 100%; float: left;} .planbook .modelview .modelviewrow .modelviewrowleft2{width: 100%; float: left;} .planbook .modelview .modelviewrow .modelviewrowleft2 .modelviewrowleft2inner{padding: 0px 0px 10px 0px;} .planbook .modelview .modelviewrow .modelviewrowright2{width: 100%; float: left;} #title h1{padding: 0px 10px;} .section{padding: 0px 10px;} .section article{padding: 0px!important;} .architectures-left{width: 100%!important; padding-right: 0px!important;} .architectures-right{width: 100%!important;} } @media only screen and (max-width : 500px) { .galleries .galeria{width: 100%;} .galeria2{width: 100%; margin-top: 8px;} .planbook .galeria{width: 100%;} #csakamobilon{display: block;} #main-galleries ul li{width: 50%!important;} .planbook .modelview .modelviewrow .modelviewrowright1 .modelpictures .modelpicturehalf{width: 100%; float: left;} .article-thumb{width: 100px!important; height: auto!important;} #contact_us .row label{float: left; width:100%; font-weight: bold; font-size: 14px; line-height: 19px;} #contact_us .row input{border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 27px;} #contact_us .row2 label{float: left; width:100%; font-weight: bold; font-size: 14px; line-height: 19px;} #contact_us .row2 input{border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 27px;} #contact_us .row2 select{border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 27px;} #contact_us .row3 label{float: left; width:100%; font-weight: bold; font-size: 14px; line-height: 19px; padding-bottom: 4px;} #contact_us .row3 textarea{font-size: 14px; border: 1px solid #4e5865; width: 100%; padding: 5px 10px; float: left; height: 100px; resize: none;} #contact_us .row3 #contact{width: 200px; border: none; background: #6AB123; color: #ffffff; font-weight: bold; padding: 5px;} #contact_us .row span.error{color:#ff0000; display: block; float: right; width: 100%; } #contact_us .row2 span.error{color:#ff0000; display: block; float: right; width: 100%; } #csakanyiton{display: none;} .csakanyiton2{display: none;} .architectures-models .galeria{width: 100%;} .architectures-models .galeria .labelkep img{width: 100%;} #mobil-menu ul li{padding: 0px 0px;} #mobil-menu ul li a{font-weight: bold; padding: 5px 0px; display: inline-block;} #mobil-menu ul li ul{position: relative; top: 0; display: block!important; padding-top: 2px;} #mobil-menu ul li ul li{border: none; clear: both; height: auto; width: 100%; max-width: inherit; border-top: 1px dotted #cccccc; padding:2px;} #mobil-menu ul li ul li a{padding: 3px; font-weight: normal; color: #A9BCD2;} } @media only screen and (min-width : 1170px) { #mobil-menu, #mobil-menu-logo{display: none!important;} }